.skull-polo-section{--polo-width: 360px;--polo-overlap: 205px;max-width:1200px;min-width:0;margin:0 auto;padding:28px 24px 30px;isolation:isolate;color:#1d1d1f}.skull-polo-showcase__heading{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;padding-inline:4px;gap:10px;text-align:center}.skull-polo-fit{display:inline-flex;align-items:center;gap:5px;border-radius:999px;background:#f0f0f2;color:#616167;font-size:10px;font-weight:550;padding:6px 9px;white-space:nowrap;text-transform:uppercase}.skull-polo-fit svg{width:16px;height:16px}.skull-polo-showcase__heading h2{margin:0;font-size:clamp(27px,3vw,36px);font-weight:600;letter-spacing:-.045em;line-height:1.15}.skull-brand-registered{position:relative;top:-.7em;margin-inline-start:2px;font-size:.36em;font-weight:500;line-height:0;letter-spacing:0;vertical-align:baseline}.skull-polo-discount{margin:13px 0 0;text-align:center;color:#616167;font-size:15px;line-height:1.4;letter-spacing:-.02em}.skull-polo-discount strong{font-weight:650;color:#1d1d1f}.skull-polo-tiers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:min(100%,480px);margin:22px auto 0;padding:0}.skull-polo-tiers>div{min-width:0;padding:3px 12px;text-align:center}.skull-polo-tiers>div+div{border-inline-start:1px solid #dedee2}.skull-polo-tiers dt{font-size:10px;font-weight:500;line-height:1.3;letter-spacing:.065em;text-transform:uppercase;color:#747477}.skull-polo-tiers dd{margin:6px 0 0;font-size:16px;font-weight:600;line-height:1.2;letter-spacing:-.025em;color:#1d1d1f}.skull-polo-showcase__controls{display:flex;gap:8px}.skull-polo-showcase__controls button{display:grid;place-items:center;width:36px;height:36px;padding:0;border:1px solid #e5e5e7;border-radius:50%;background:transparent;color:#757579;cursor:pointer;transition:color .2s,border-color .2s}.skull-polo-showcase__controls button:hover{color:#111;border-color:#a1a1a6}.skull-polo-showcase__controls button:disabled{opacity:.3;cursor:default}.skull-polo-showcase__track{position:relative;width:100vw;max-width:none;left:50%;margin-inline-start:-50vw;height:calc(var(--polo-width) * 1.2 + 80px);overflow:hidden;padding:0;overflow-anchor:none;overscroll-behavior-x:contain;scrollbar-width:none;perspective:1100px;touch-action:pan-y;cursor:grab}.skull-polo-showcase__track.is-dragging{cursor:grabbing}.skull-polo-showcase__track::-webkit-scrollbar{display:none}.skull-polo-look{position:absolute;left:50%;top:50%;width:var(--polo-width);height:calc(var(--polo-width) * 1.2);min-width:0;transform:translate3d(calc(-50% + var(--polo-x, 0px)),-50%,0);perspective:1100px;z-index:var(--polo-layer, 1);cursor:pointer;text-decoration:none;color:inherit}.skull-polo-look__visual{position:relative;width:100%;height:100%;transform:scale(var(--polo-scale,.8)) rotateY(var(--polo-angle,0deg));transform-origin:50% 50%;will-change:transform;pointer-events:none}.skull-polo-look__image{display:block;width:100%;height:100%;object-fit:contain;filter:blur(var(--polo-blur,0px));-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.skull-polo-soldout{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-11deg);padding:10px 18px;background:#111;color:#fff;font-size:17px;font-weight:750;line-height:1;letter-spacing:.07em;white-space:nowrap;box-shadow:0 3px 12px #0002}.skull-polo-soldout[hidden]{display:none}.skull-polo-selection{position:relative;z-index:20;display:grid;grid-template-columns:40px minmax(148px,auto) 40px;justify-content:center;justify-items:center;align-items:center;gap:14px 22px;margin-top:18px}.skull-polo-selection__details{grid-column:2;grid-row:1}.skull-polo-selection__add{grid-column:2;grid-row:2}.skull-polo-nav{grid-row:1;align-self:center;width:36px;height:36px;display:grid;place-items:center;padding:0;border:1px solid #e5e5e7;border-radius:50%;background:transparent;color:#737379;cursor:pointer}.skull-polo-nav--prev{grid-column:1}.skull-polo-nav--next{grid-column:3}.skull-polo-dots{display:flex;justify-content:center;align-items:center;gap:5px;min-height:18px;position:relative;z-index:20;margin-top:-14px}.skull-polo-dot{-webkit-appearance:none;appearance:none;position:relative;border:0;background:transparent;width:22px;height:24px;padding:0;cursor:pointer}.skull-polo-dot:after{content:"";position:absolute;left:0;right:0;top:10px;height:4px;border-radius:999px;background:#dedee2;transition:background .25s,transform .25s}.skull-polo-dot[data-active]:after{background:#1d1d1f;transform:scaleY(1.25)}.skull-polo-dot:hover:after{background:#a1a1a6}.skull-polo-selection__details{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;min-height:22px;font-size:14px;letter-spacing:-.02em}.skull-polo-selection__details [data-polo-color]{font-weight:600}.skull-polo-selection__details [data-polo-price]{color:#6e6e73}.skull-polo-selection__details [data-polo-price]:before{content:"\b7";margin-inline-end:10px;color:#a1a1a6}.skull-polo-selection__add{-webkit-appearance:none;appearance:none;min-height:46px;min-width:156px;padding:12px 30px;border:0;border-radius:999px;background:#111;color:#fff;font-size:14px;font-weight:550;letter-spacing:-.015em;cursor:pointer;transition:transform .18s ease,background .18s ease}.skull-polo-selection__add:hover{background:#303033}.skull-polo-selection__add:active{transform:scale(.96)}.skull-polo-selection__add:disabled{background:#a8a8ad;color:#fff;opacity:1;cursor:not-allowed;transform:none}.skull-polo-section button:focus-visible,.skull-polo-showcase__track:focus-visible{outline:2px solid #171717;outline-offset:5px}.skull-polo-section button{-webkit-tap-highlight-color:transparent;touch-action:manipulation}.pvg-refined-offer[hidden]{display:none!important}@media(max-width:749px){.skull-polo-section{--polo-width: 260px;--polo-overlap: 161px;padding:20px 10px 22px}.skull-polo-showcase__heading{padding-inline:8px}.skull-polo-showcase__heading h2{font-size:27px}.skull-polo-tiers{margin-top:19px}.skull-polo-tiers>div{padding-inline:5px}.skull-polo-tiers dd{font-size:15px}.skull-polo-showcase__controls button{width:33px;height:33px}.skull-polo-showcase__track{height:calc(var(--polo-width) * 1.2 + 68px)}.skull-polo-soldout{font-size:13px;padding:9px 15px}.skull-polo-selection{gap:13px 15px;margin-top:13px}.skull-polo-selection__details{font-size:13px}.skull-polo-selection__add{min-height:44px;min-width:148px}}@media(prefers-reduced-motion:reduce){.skull-polo-look__visual{will-change:auto}.skull-polo-look__image{filter:none}.skull-polo-selection__add{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/171/assets/skull-polo-showcase.css.map */