.plch-hero-thumbs{--plch-thumb-base-size: var(--plch-thumb-size-tablet, 110px);--plch-thumb-bottom-offset: 24px;--plch-thumb-column-width: 50%;--plch-thumb-bubble-bg: var(--color-foreground);--plch-thumb-bubble-color: var(--color-background);--plch-thumb-shadow-color: rgb(var(--color-foreground-rgb) / .3);--plch-thumb-idle-amplitude: 6px;--plch-thumb-hover-lift: 16px;--plch-thumb-hover-scale: 1.12;--plch-nav-size: 36px;--plch-side-bleed: clamp(14px, 2.8vw, 34px);--plch-bubble-safe: clamp(2.75rem, 4.5vw, 4.25rem);position:relative;height:0;overflow:visible;z-index:12;pointer-events:none}@media screen and (max-width:749px){.plch-hero-thumbs{display:none}}.plch-hero-thumbs__container{position:absolute;bottom:var(--plch-thumb-bottom-offset);left:0;width:var(--plch-thumb-column-width);max-width:100%;box-sizing:border-box;padding:0 clamp(8px,2vw,24px) 0 clamp(16px,4vw,48px);overflow:visible;isolation:isolate}.plch-hero-thumbs__frame{display:flex;align-items:flex-end;justify-content:center;gap:6px;width:100%;pointer-events:auto;outline:none;overflow:visible}.plch-hero-thumbs__frame:focus-visible{outline:2px solid var(--color-foreground);outline-offset:4px;border-radius:8px}.plch-hero-thumbs__nav{position:relative;z-index:20;flex-shrink:0;flex:0 0 var(--plch-nav-size);width:var(--plch-nav-size);height:var(--plch-nav-size);margin-bottom:1.25rem;display:grid;place-items:center;padding:0;border:1px solid rgb(var(--color-foreground-rgb) / .2);border-radius:999px;background:var(--color-background);color:var(--color-foreground);cursor:pointer;transition:background .2s ease,border-color .2s ease,transform .15s ease}.plch-hero-thumbs__nav:hover{border-color:rgb(var(--color-foreground-rgb) / .45);filter:brightness(1.03)}.plch-hero-thumbs__nav:active{transform:scale(.96)}.plch-hero-thumbs__nav-icon{font-size:1.35rem;line-height:1;font-weight:600;margin-top:-2px}.plch-hero-thumbs__viewport{position:relative;z-index:1;flex:1 1 auto;min-width:0;max-width:100%;margin-inline:calc(var(--plch-side-bleed) * -1);padding-inline:var(--plch-side-bleed);scroll-padding-inline:var(--plch-side-bleed);overflow-x:auto;overflow-y:visible;overscroll-behavior-x:contain;scrollbar-width:none;-ms-overflow-style:none}.plch-hero-thumbs__viewport::-webkit-scrollbar{display:none}.plch-hero-thumbs__track{position:relative;list-style:none;margin:0;padding:var(--plch-bubble-safe) 0 0;display:flex;flex-wrap:nowrap;align-items:flex-end;justify-content:flex-start;gap:6px;width:max-content;min-height:calc(var(--plch-thumb-base-size) * 1.45 + var(--plch-bubble-safe));box-sizing:border-box}.plch-hero-thumbs__item[data-plch-dist="1"]{--plch-thumb-scale: .88;z-index:2;opacity:.78;filter:saturate(.62) brightness(.98)}.plch-hero-thumbs__item[data-plch-dist="2"]{--plch-thumb-scale: .73;z-index:1;opacity:.62;filter:saturate(.48) brightness(.96)}.plch-hero-thumbs__item[data-plch-dist="0"],.plch-hero-thumbs__item.is-active{--plch-thumb-scale: var(--plch-thumb-scale-active, 1.12);z-index:5;opacity:1;filter:saturate(1) brightness(1)}.plch-hero-thumbs__item:not(.is-active):has(.plch-hero-thumbs__link:hover),.plch-hero-thumbs__item:not(.is-active):has(.plch-hero-thumbs__link:focus-visible){--plch-thumb-scale: var(--plch-thumb-scale-active, 1.12);z-index:6;opacity:1;filter:saturate(1) brightness(1)}.plch-hero-thumbs__item{position:relative;flex:0 0 auto;width:calc(var(--plch-thumb-base-size) * var(--plch-thumb-size-factor, 1));pointer-events:auto;perspective:800px;transition:transform .72s cubic-bezier(.32,.72,.27,1),opacity .45s ease,filter .45s ease;z-index:1}.plch-hero-thumbs__link{position:relative;display:block;width:100%;text-decoration:none;color:inherit;cursor:pointer;transform-origin:50% 100%;transform:scale(var(--plch-thumb-scale, 1));transition:transform .45s cubic-bezier(.33,1,.68,1);-webkit-tap-highlight-color:transparent;transform-style:preserve-3d;outline:none}.plch-hero-thumbs__link:focus-visible{outline:2px solid var(--color-foreground);outline-offset:6px;border-radius:8px}.plch-hero-thumbs__item.is-active .plch-hero-thumbs__float{display:block;width:100%;transform-origin:50% 100%;animation:plch-thumb-float var(--plch-thumb-float-duration, 5s) ease-in-out infinite,plch-thumb-sway var(--plch-thumb-sway-duration, 7s) ease-in-out infinite;animation-delay:var(--plch-thumb-float-delay, 0s),var(--plch-thumb-sway-delay, 0s)}.plch-hero-thumbs__item:not(.is-active) .plch-hero-thumbs__float{animation:none}.plch-hero-thumbs__lift{display:block;width:100%;transform-origin:50% 100%;transform:translateZ(0) scale(1);transition:transform .35s cubic-bezier(.34,1.56,.64,1),filter .28s ease-out}.plch-hero-thumbs__tilt{display:block;width:100%;transform-origin:50% 100%;transform:rotateX(var(--plch-tilt-x, 0deg)) rotateY(var(--plch-tilt-y, 0deg));transition:transform .18s ease-out}.plch-hero-thumbs__media{position:relative;display:block;width:100%;aspect-ratio:1 / 1;overflow:hidden;opacity:1;transition:opacity .25s ease-out}.plch-hero-thumbs__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;object-position:center bottom;transition:opacity .28s ease-out;pointer-events:none}.plch-hero-thumbs__img--neutral{z-index:1;opacity:1;visibility:visible}.plch-hero-thumbs__placeholder-svg{width:100%;height:100%;color:rgb(var(--color-foreground-rgb) / .22);transition:color .25s ease-out}.plch-hero-thumbs__shadow{position:absolute;bottom:0;left:50%;width:75%;height:16px;background:radial-gradient(ellipse at center,var(--plch-thumb-shadow-color) 0%,transparent 70%);border-radius:50%;transform:translate3d(-50%,8px,0) scale(1);transform-origin:50% 50%;transition:transform .35s ease,opacity .25s ease-out;opacity:.96;pointer-events:none;z-index:-1}.plch-hero-thumbs__bubble{position:absolute;bottom:calc(100% + 14px);left:50%;transform:translate3d(-50%,0,0) scale(1);background:var(--plch-thumb-bubble-bg);color:var(--plch-thumb-bubble-color);font:500 .8125rem/1.2 var(--font-body--family, system-ui, sans-serif);letter-spacing:.2px;padding:8px 14px;border-radius:999px;white-space:nowrap;opacity:0;pointer-events:none;box-shadow:0 6px 18px rgb(var(--color-foreground-rgb) / .18);transition:opacity .28s ease,transform .28s ease;z-index:2}.plch-hero-thumbs__bubble:after{content:"";position:absolute;top:100%;left:50%;width:12px;height:12px;background:var(--plch-thumb-bubble-bg);transform:translate3d(-50%,-6px,0) rotate(45deg);z-index:-1}.plch-hero-thumbs__item.is-active .plch-hero-thumbs__bubble,.plch-hero-thumbs__link:hover .plch-hero-thumbs__bubble,.plch-hero-thumbs__link:focus-visible .plch-hero-thumbs__bubble{opacity:1}.plch-hero-thumbs__frame:has(.plch-hero-thumbs__item:not(.is-active) .plch-hero-thumbs__link:is(:hover,:focus-visible)) .plch-hero-thumbs__item.is-active .plch-hero-thumbs__bubble{opacity:0}.plch-hero-thumbs__link:hover .plch-hero-thumbs__lift,.plch-hero-thumbs__link:focus-visible .plch-hero-thumbs__lift{transform:translate3d(0,calc(var(--plch-thumb-hover-lift) * -1),0) scale(var(--plch-thumb-hover-scale))}.plch-hero-thumbs__link:hover .plch-hero-thumbs__placeholder-svg,.plch-hero-thumbs__link:focus-visible .plch-hero-thumbs__placeholder-svg{color:rgb(var(--color-foreground-rgb) / .36)}.plch-hero-thumbs__link:hover .plch-hero-thumbs__shadow,.plch-hero-thumbs__link:focus-visible .plch-hero-thumbs__shadow{transform:translate3d(-50%,8px,0) scale(1.35);opacity:.55}.plch-hero-thumbs.is-waking .plch-hero-thumbs__item{opacity:0;transform:translateY(36px);animation:plch-thumb-wake .65s cubic-bezier(.34,1.56,.64,1) forwards}.plch-hero-thumbs.is-waking .plch-hero-thumbs__item:nth-child(1){animation-delay:.08s}.plch-hero-thumbs.is-waking .plch-hero-thumbs__item:nth-child(2){animation-delay:.2s}.plch-hero-thumbs.is-waking .plch-hero-thumbs__item:nth-child(3){animation-delay:.32s}.plch-hero-thumbs.is-waking .plch-hero-thumbs__item:nth-child(4){animation-delay:.44s}.plch-hero-thumbs.is-waking .plch-hero-thumbs__item:nth-child(5){animation-delay:.56s}.plch-hero-thumbs.is-waking .plch-hero-thumbs__item:nth-child(6){animation-delay:.68s}@keyframes plch-thumb-float{0%,to{transform:translateY(0)}50%{transform:translateY(calc(var(--plch-thumb-idle-amplitude) * -1))}}@keyframes plch-thumb-sway{0%,to{transform:rotate(-1.1deg)}50%{transform:rotate(1.1deg)}}@keyframes plch-thumb-wake{0%{opacity:0;transform:translateY(36px)}70%{opacity:1;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@media screen and (min-width:750px)and (max-width:1199px){.plch-hero-thumbs{--plch-thumb-base-size: var(--plch-thumb-size-tablet, 110px);--plch-thumb-bottom-offset: 18px;--plch-nav-size: 32px}}@media screen and (min-width:1200px){.plch-hero-thumbs{--plch-thumb-base-size: var(--plch-thumb-size-desktop, 140px)}}@media(prefers-reduced-motion:reduce){.plch-hero-thumbs__item.is-active .plch-hero-thumbs__float{animation:none}.plch-hero-thumbs__link,.plch-hero-thumbs__item{transition-duration:.12s}.plch-hero-thumbs.is-waking .plch-hero-thumbs__item{animation:none;opacity:1;transform:none}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/plch-hero-thumbs.css.map */