.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}}
/*# sourceMappingURL=/cdn/shop/t/139/assets/tps-colour-band.css.map */