.pdpv9 .optblock--band.cband .optsel{min-height:34px}.pdpv9 .cband .optsel.is-peek{color:var(--ink);opacity:.55}.pdpv9 .cband-dl{font-family:var(--mono);font-size:13px;font-weight:400;letter-spacing:0;color:var(--sec);margin-left:10px}.pdpv9 .cband-list{list-style:none;margin:0;padding:0 0 10px;display:flex;height:70px;box-sizing:border-box;overflow:visible}.pdpv9 .cband-i{flex:1 1 0;min-width:0;position:relative;margin:0;background:var(--sw)}.pdpv9 .cband-i:first-child{border-radius:var(--r-md) 0 0 var(--r-md)}.pdpv9 .cband-i:last-child{border-radius:0 var(--r-md) var(--r-md) 0}.pdpv9 .cband-i+.cband-i{box-shadow:inset 1px 0 #ffffff47}.pdpv9 .cband-i.is-on{flex:2.4 1 0}.pdpv9 .cband-i.is-light{box-shadow:inset 0 0 0 1px #1717171f}.pdpv9 .cband-i.is-glass{background:linear-gradient(135deg,#fbfcfc,#dde4e7 38%,#f6f8f9 52%,#cdd6da 78%,#eef2f3);box-shadow:inset 0 0 0 1px #1717171f}.pdpv9 .cband-i a{position:absolute;top:0;right:0;bottom:0;left:0;display:block;border-radius:inherit;-webkit-tap-highlight-color:transparent}.pdpv9 .cband-i.is-on a:after{content:"";position:absolute;left:0;right:0;bottom:-10px;height:3px;border-radius:2px;background:var(--ink);transform-origin:center;animation:tpwv9-barwipe .34s var(--ease) both}.pdpv9 .cband-i:not(.is-on) a:hover{box-shadow:inset 0 0 0 2px #17171747}.pdpv9 .cband-i.is-dark:not(.is-on) a:hover{box-shadow:inset 0 0 0 2px #ffffff8c}.pdpv9 .cband-i a:focus-visible{outline:0;box-shadow:inset 0 0 0 2px var(--ink),inset 0 0 0 4px var(--bg)}.pdpv9 .cband-i.is-so{background:linear-gradient(#f5f5f5b8,#f5f5f5b8),var(--sw)}.pdpv9 .cband-i.is-so a{background-image:repeating-linear-gradient(135deg,transparent 0 6px,rgba(0,0,0,.18) 6px 7px)}.pdpv9 .cband-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.pdpv9 .ctile-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px}.pdpv9 .ctile-i{width:84px;margin:0;padding-bottom:9px;position:relative}.pdpv9 .ctile-list:has(>li:nth-child(7)){display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.pdpv9 .ctile-list:has(>li:nth-child(7)) .ctile-i{width:auto}.pdpv9 .ctile-i a{display:block;aspect-ratio:1/1;position:relative;overflow:hidden;background:var(--bg-3,#F4F3F0);border:1px solid var(--border);border-radius:var(--r-md);transition:border-color .25s var(--ease-io);-webkit-tap-highlight-color:transparent}.pdpv9 .ctile-i img{display:block;width:100%;height:100%;object-fit:cover;transform:scale(1.04)}.pdpv9 .ctile-i.is-tall a{background:var(--bg)}.pdpv9 .ctile-i.is-tall img{object-fit:contain;transform:none;padding:4% 0;box-sizing:border-box}.pdpv9 .cband--tiles.is-crop-base .ctile-i a{background:var(--bg)}.pdpv9 .cband--tiles.is-crop-base .ctile-i img{object-fit:cover;padding:0;transform:scale(2.4);transform-origin:50% 84%}.pdpv9 .ctile-i:not(.is-on) a:hover{border-color:var(--ink-2)}.pdpv9 .ctile-i.is-on a{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}.pdpv9 .ctile-i.is-on:after{content:"";position:absolute;left:10px;right:10px;bottom:0;height:3px;background:var(--ink);border-radius:2px;transform-origin:center;animation:tpwv9-barwipe .34s var(--ease) both}.pdpv9 .ctile-i a:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.pdpv9 .ctile-i.is-so img{filter:grayscale(1);opacity:.4}.pdpv9 .ctile-i.is-so a:before{content:"";position:absolute;left:-10%;right:-10%;top:50%;height:1px;background:var(--ph);transform:rotate(-45deg);z-index:1}@media(max-width:860px){.pdpv9 .ctile-list{display:grid;grid-template-columns:repeat(4,minmax(0,84px));gap:10px}.pdpv9 .ctile-list:has(>li:nth-child(5)){grid-template-columns:repeat(6,minmax(0,1fr))}.pdpv9 .ctile-i{width:auto}}@media(min-width:601px)and (max-width:1024px)and (orientation:portrait){.pdpv9 .ctile-list{display:grid;grid-template-columns:repeat(4,minmax(0,120px));gap:10px}.pdpv9 .ctile-list:has(>li:nth-child(5)){grid-template-columns:repeat(6,minmax(0,1fr))}.pdpv9 .ctile-i{width:auto}}.pdpv9 .stage-frame .deck{transition:filter .12s cubic-bezier(.16,1,.3,1),opacity .12s cubic-bezier(.16,1,.3,1)}.pdpv9 .stage-frame.is-veil .deck{filter:blur(6px);opacity:.55}.pdpv9 .stage-frame{view-transition-name:cband-photo}.pdpv9 .mbar{view-transition-name:cband-mbar}.pdpv9 .dbar{view-transition-name:cband-dbar}sticky-header.header-wrapper{view-transition-name:cband-head}::view-transition-group(root),::view-transition-group(cband-mbar),::view-transition-group(cband-dbar),::view-transition-group(cband-head){animation:none}::view-transition-old(root),::view-transition-old(cband-mbar),::view-transition-old(cband-dbar),::view-transition-old(cband-head){display:none}::view-transition-new(root),::view-transition-new(cband-mbar),::view-transition-new(cband-dbar),::view-transition-new(cband-head){animation:none}::view-transition-group(cband-photo){animation-duration:.34s;animation-timing-function:cubic-bezier(.16,1,.3,1)}::view-transition-old(cband-photo){animation:cband-out .34s cubic-bezier(.16,1,.3,1) both}::view-transition-new(cband-photo){animation:cband-in .34s cubic-bezier(.16,1,.3,1) both}@keyframes cband-out{to{opacity:0;transform:scale(.98)}}@keyframes cband-in{0%{opacity:0;transform:scale(1.02)}}@media(prefers-reduced-motion:reduce){.pdpv9 .cband-i.is-on a:after,.pdpv9 .ctile-i.is-on:after{animation:none}.pdpv9 .stage-frame .deck{transition:none}.pdpv9 .stage-frame.is-veil .deck{filter:none;opacity:.7}::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}.pdpv9 .csc{--lab:76px}.pdpv9 .csc .opthead{flex-direction:column;align-items:flex-start;gap:3px;margin-bottom:14px}.pdpv9 .csc .optsel{font-size:28px;font-weight:600;letter-spacing:-.02em;text-align:left;line-height:1.15}.pdpv9 .csc .optsel .csc-tail{font-family:var(--mono);font-size:13px;font-weight:400;letter-spacing:0;color:var(--sec);margin-left:10px}.pdpv9 .csc .optsel.is-peek{font-size:28px}.pdpv9 .csc-scale{position:relative;margin-right:var(--lab);height:24px;border-bottom:1px solid var(--border-2);background:linear-gradient(to right,var(--border-2) 1px,transparent 1px) 0 100%/var(--step) 6px repeat-x}.pdpv9 .csc-scale:after{content:"";position:absolute;right:0;bottom:0;width:1px;height:6px;background:var(--border-2)}.pdpv9 .csc-n{position:absolute;top:0;font-family:var(--mono);font-size:10px;color:var(--ph);transform:translate(-50%);line-height:1;white-space:nowrap}.pdpv9 .csc-n:first-child{transform:none}.pdpv9 .csc-n.is-end{transform:translate(-100%)}.pdpv9 .csc-caret{position:absolute;bottom:-1px;left:var(--len-on);width:2px;height:12px;margin-left:-1px;background:var(--gold)}.pdpv9 .csc-list{list-style:none;margin:6px 0 0;padding:0}.pdpv9 .csc-i{margin:0}.pdpv9 .csc-i a{display:block;position:relative;height:44px;margin-right:var(--lab);color:var(--ink);text-decoration:none;border-radius:var(--r-sm)}.pdpv9 .csc-bar{position:absolute;left:0;top:50%;width:var(--len);height:10px;margin-top:-5px;border-radius:5px 2px 2px 5px;background:var(--border-2);transition:background-color .25s var(--ease-io)}.pdpv9 .csc-bar:before,.pdpv9 .csc-bar:after{content:"";position:absolute;top:0;bottom:0;width:3px;background:#ffffffbf}.pdpv9 .csc-bar:before{left:14%}.pdpv9 .csc-bar:after{left:62%}.pdpv9 .csc-tip{position:absolute;left:100%;top:50%;width:12px;height:var(--tip);transform:translateY(-50%);border-radius:0 2px 2px 0;background:inherit}.pdpv9 .csc-lab{position:absolute;left:calc(var(--len) + 22px);top:50%;transform:translateY(-50%);white-space:nowrap;font-family:var(--mono);font-size:13px;color:var(--sec)}.pdpv9 .csc-i.is-on .csc-bar{background:var(--ink)}.pdpv9 .csc-i.is-on .csc-lab{color:var(--ink);font-weight:500}.pdpv9 .csc-i:not(.is-on) a:hover .csc-bar{background:var(--ink-2)}.pdpv9 .csc-i:not(.is-on) a:hover .csc-lab{color:var(--ink)}.pdpv9 .csc-i a:focus-visible{outline:2px solid var(--ink);outline-offset:2px}@media(prefers-reduced-motion:reduce){.pdpv9 .csc-bar{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/470/assets/tps-colour-band.css.map */