.hp-cl{--cl-gap: 24px;--cl-ratio: 4 / 5;--cl-fade: .42s;--cl-radius: var(--blocks-radius);--cl-overhang: 90px;--cl-step: 40px;--cl-pill-radius: 40px}.hp-cl__head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:var(--cl-gap)}.hp-cl__title{margin:0}.hp-cl__utility{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}.hp-cl__utility svg{width:1em;height:1em}.hp-cl__layout{display:grid;gap:var(--cl-gap);position:relative}.hp-cl__close{position:absolute;top:16px;right:16px;z-index:6}.hp-cl__close[hidden]{display:none}.hp-cl__stage{position:relative;overflow:hidden;width:100%;aspect-ratio:var(--cl-ratio);max-height:var(--cl-stage-max, 620px);border-radius:var(--cl-radius);background-color:rgb(var(--color-background-secondary))}.hp-cl__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity var(--cl-fade) ease}.hp-cl__img.is-active{opacity:1}.hp-cl__panel{position:relative;z-index:2}.hp-cl__pills{display:flex;flex-direction:column;gap:10px;align-items:flex-start}.hp-cl__pill{background-color:var(--cl-pill-bg, rgba(var(--color-foreground), .06));border-radius:var(--cl-pill-radius);transition:background-color var(--m-duration-default) ease,border-radius var(--m-duration-default) ease}.hp-cl__pill:not(.is-open):hover{background-color:var(--cl-pill-bg-hover, rgba(var(--color-foreground), .11))}.hp-cl__pill.is-open{background-color:transparent;border-radius:0}.hp-cl__pill.is-open .hp-cl__pill-btn{display:none}.hp-cl__pill-btn{display:inline-flex;align-items:center;gap:10px;width:auto;padding:11px 20px 11px 12px;border:0;background:none;font:inherit;font-weight:600;color:rgb(var(--color-heading));cursor:pointer;text-align:left}.hp-cl__pill-btn:focus-visible{outline:2px solid rgb(var(--color-heading));outline-offset:-2px;border-radius:var(--cl-pill-radius)}.hp-cl__pill-label{display:inline-flex;align-items:center;gap:10px}.hp-cl__pill-icon{flex:0 0 auto;width:26px;height:26px;padding:4px;border-radius:var(--rounded-full);box-shadow:inset 0 0 0 1.5px currentColor;opacity:.7}.hp-cl__dot{flex:0 0 auto;width:20px;height:20px;border-radius:var(--rounded-full);background:var(--cl-dot, transparent);box-shadow:inset 0 0 0 1.5px rgba(var(--text-black),.25)}.hp-cl__pill-content{display:none}.hp-cl__pill.is-open .hp-cl__pill-content{display:block}.hp-cl__pill-inner{min-height:0}.hp-cl__pill.is-open .hp-cl__pill-inner{animation:hp-cl-card-in var(--m-duration-default) ease both;width:var(--cl-card-w, 380px);min-width:min(240px,100%);max-width:92vw;padding:20px 24px;border-radius:var(--cl-radius);background:var(--cl-card-bg, rgba(var(--color-foreground), .09));backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 12px 34px rgba(var(--text-black),.09)}.hp-cl__pill-text{margin:0;color:rgb(var(--color-foreground))}.hp-cl__pill-text strong{color:rgb(var(--color-heading))}.hp-cl__pill-text{line-height:1.5;text-wrap:pretty}.hp-cl__swatches{display:flex;flex-wrap:wrap;gap:12px;margin-top:14px}.hp-cl__swatch{width:30px;height:30px;padding:0;border:0;border-radius:var(--rounded-full);background:var(--sw, rgb(var(--color-foreground)));box-shadow:inset 0 0 0 1px rgba(var(--text-black),.15);cursor:pointer}.hp-cl__swatch[aria-checked=true]{outline:2px solid rgb(var(--color-heading));outline-offset:3px}.hp-cl__swatch:focus-visible{outline:2px solid rgb(var(--color-heading));outline-offset:3px}.hp-cl__stepper{display:flex;flex-direction:row;gap:var(--cl-step-gap, 18px);margin-top:var(--cl-step-offset, 24px)}.hp-cl__stepper[hidden]{display:none}.hp-cl__step{margin:0;flex:0 0 auto;background:var(--cl-step-bg, rgba(var(--bg-white), .86));transition:background-color var(--m-duration-default) ease,color var(--m-duration-default) ease}.hp-cl__step:focus-visible{outline:2px solid rgb(var(--color-heading));outline-offset:2px}.hp-cl__rail{display:none}.hp-cl__viewer{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;padding:0;border:0;background:rgb(var(--color-background));color:rgb(var(--color-foreground))}.hp-cl__viewer::backdrop{background:rgba(var(--bg-black),.9)}.hp-cl__viewer-media{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:12px}.hp-cl__viewer-media img{width:100%;height:auto;max-height:100%;aspect-ratio:var(--cl-ratio);object-fit:cover;border-radius:var(--cl-radius)}.hp-cl__viewer-caption{position:absolute;left:16px;right:16px;bottom:84px;padding:18px;border-radius:var(--cl-radius);background:rgba(var(--bg-white),.86);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);color:rgba(var(--text-black),.9)}.hp-cl__viewer-caption strong{display:block;margin-bottom:4px}.hp-cl__viewer-close{position:absolute;top:16px;right:16px;width:40px;height:40px}.hp-cl__viewer-nav{display:contents}.hp-cl__viewer-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:4;width:56px;height:56px;margin:0;background:rgba(var(--bg-white),.86);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:rgba(var(--text-black),.85)}.hp-cl__viewer-arrow svg{width:20px;height:20px}.hp-cl__viewer-arrow--prev{left:-22px;justify-content:flex-end;padding-right:8px}.hp-cl__viewer-arrow--next{right:-22px;justify-content:flex-start;padding-left:8px}.hp-cl__viewer-swatches{display:flex;flex-wrap:wrap;gap:14px;margin-top:14px}.hp-cl__viewer-swatches[hidden]{display:none}.hp-cl__viewer-swatch{width:34px;height:34px;padding:0;border:0;border-radius:var(--rounded-full);background:var(--sw, rgb(var(--color-foreground)));box-shadow:inset 0 0 0 1px rgba(var(--text-black),.18);cursor:pointer}.hp-cl__viewer-swatch[aria-checked=true]{outline:2px solid rgba(var(--text-black),.85);outline-offset:3px}.hp-cl__viewer-text{margin:0}@media(min-width:768px){.hp-cl__layout{grid-template-columns:minmax(180px,22%) 1fr;align-items:start}}@media(max-width:767px){.hp-cl__head{flex-direction:column;align-items:flex-start;gap:10px}.hp-cl__stage{order:-1}.hp-cl__pills{flex-direction:row;gap:8px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scroll-padding-inline:4px}.hp-cl__pills.is-dragging{scroll-snap-type:none;cursor:grabbing}.hp-cl__pills::-webkit-scrollbar{display:none}.hp-cl__pill{flex:0 0 auto;border-radius:var(--rounded-full)}.hp-cl__pill-content{display:none}.hp-cl__pill-inner{padding:0}.hp-cl__pill-btn{padding:11px 18px}}@media(prefers-reduced-motion:reduce){.hp-cl__img,.hp-cl__pill,.hp-cl__pill-icon{transition:none}}.hp-cl__expand[hidden]{display:none}.hp-cl[data-mode=takeover]>.hp-cl__host{display:none}.hp-cl__takeover{width:min(1440px,96vw);max-width:96vw;height:min(940px,92dvh);max-height:92dvh;padding:0;border:0;border-radius:var(--cl-radius);background:rgb(var(--color-background));color:rgb(var(--color-foreground));overflow:hidden}.hp-cl__takeover::backdrop{background:rgba(var(--bg-black),.6)}.hp-cl__takeover-host{height:100%;padding:clamp(18px,3vw,44px);overflow:auto}.hp-cl__takeover-close{position:absolute;top:18px;right:18px;z-index:5}.hp-cl__head-actions{display:inline-flex;align-items:center;gap:10px}@media(max-width:767px){.hp-cl{--cl-overhang: 0px}.hp-cl__pill.is-open .hp-cl__pill-btn{display:flex}.hp-cl__pill.is-open{background-color:rgb(var(--color-background-secondary));border-radius:var(--rounded-full)}}@keyframes hp-cl-card-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}@media(max-width:767px){.hp-cl__pill.is-open .hp-cl__pill-content{display:none}}@media(prefers-reduced-motion:reduce){.hp-cl__pill.is-open .hp-cl__pill-inner{animation:none}}.hp-cl[data-stage=background] .hp-cl__layout{display:block;min-height:var(--cl-bg-min-h, 560px);position:relative;border-radius:var(--cl-radius);overflow:hidden}.hp-cl[data-stage=background] .hp-cl__stage{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-height:none;aspect-ratio:auto;border-radius:0;z-index:0}.hp-cl[data-stage=background] .hp-cl__stage:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,rgba(var(--bg-black),var(--cl-scrim, .35)),rgba(var(--bg-black),0) 65%);pointer-events:none}.hp-cl[data-stage=background] .hp-cl__panel{position:relative;z-index:2;padding:var(--cl-bg-inset, 0px)}@media(max-width:767px){.hp-cl[data-stage=background] .hp-cl__layout{min-height:var(--cl-bg-min-h-mobile, 420px)}}.hp-cl__panel{min-width:0}.hp-cl__pills{min-width:0;max-width:100%}@media(max-width:767px){.hp-cl__step svg{transform:rotate(-90deg)}}@media(max-width:767px){.hp-cl[data-step-pos-mobile] .hp-cl__panel{display:flex;flex-direction:column}.hp-cl[data-step-pos-mobile=top-right] .hp-cl__stepper{order:-1;align-self:flex-end;margin-top:0;margin-bottom:var(--cl-step-offset, 24px)}.hp-cl[data-step-pos-mobile=bottom-right] .hp-cl__stepper{align-self:flex-end}.hp-cl[data-step-pos-mobile=bottom-left] .hp-cl__stepper{align-self:flex-start}.hp-cl[data-step-pos-mobile=bottom-centre] .hp-cl__stepper{align-self:center}}.hp-cl{--cl-frost-bg: rgba(var(--color-background), var(--cl-frost-alpha, .82));--cl-frost-bg-hover: rgba(var(--color-background), calc(var(--cl-frost-alpha, .82) + .08));--cl-frost-blur: 20px;--cl-hairline: inset 0 0 0 1px rgba(var(--color-foreground), .08);--cl-bleed: max(0px, calc((100vw - min(var(--cl-cw, 1170px), 100vw)) / 2 + var(--cl-cp, 15px)))}.hp-cl[data-stage=background] .hp-cl__pill,.hp-cl[data-media-bleed=true] .hp-cl__pill{background-color:var(--cl-pill-bg, var(--cl-frost-bg));backdrop-filter:blur(var(--cl-frost-blur)) saturate(180%);-webkit-backdrop-filter:blur(var(--cl-frost-blur)) saturate(180%);box-shadow:var(--cl-hairline)}.hp-cl[data-stage=background] .hp-cl__pill:not(.is-open):hover,.hp-cl[data-media-bleed=true] .hp-cl__pill:not(.is-open):hover{background-color:var(--cl-pill-bg-hover, var(--cl-frost-bg-hover))}.hp-cl__pill.is-open{width:var(--cl-card-w, 380px);max-width:92vw;background-color:var(--cl-card-bg, var(--cl-frost-bg));backdrop-filter:blur(var(--cl-frost-blur)) saturate(180%);-webkit-backdrop-filter:blur(var(--cl-frost-blur)) saturate(180%);border-radius:var(--cl-radius);box-shadow:var(--cl-hairline),0 12px 34px rgba(var(--color-foreground),.1)}.hp-cl__pill.is-open .hp-cl__pill-btn{display:inline-flex;padding:14px 20px 4px 14px}.hp-cl__pill.is-open .hp-cl__pill-inner{width:auto;min-width:0;max-width:none;padding:0 22px 18px 16px;background:none;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none}.hp-cl[data-media-bleed=true] .hp-cl__stage{max-height:none;border-radius:0;width:auto}@media(min-width:768px){.hp-cl[data-media-bleed=true][data-stage=background] .hp-cl__stage{margin-inline:calc(-1 * var(--cl-bleed))}}@media(max-width:767px){.hp-cl[data-media-bleed=true] .hp-cl__stage{margin-inline:calc(-1 * var(--cl-bleed))}}.hp-cl__step{background:var(--cl-step-bg, var(--cl-frost-bg));backdrop-filter:blur(var(--cl-frost-blur)) saturate(180%);-webkit-backdrop-filter:blur(var(--cl-frost-blur)) saturate(180%);box-shadow:var(--cl-hairline);color:rgb(var(--color-heading))}.hp-cl__step:not([disabled]):hover{background:var(--cl-step-bg-hover, var(--cl-frost-bg-hover))}.hp-cl__step[disabled]{opacity:.4}@media(min-width:768px){.hp-cl[data-stage=background] .hp-cl__panel{padding:var(--cl-inset, 40px)}.hp-cl[data-stage=background][data-panel-align=middle] .hp-cl__panel{align-self:center}.hp-cl[data-stage=background][data-panel-align=bottom] .hp-cl__panel{align-self:end}}@media(max-width:767px){.hp-cl[data-stage=background] .hp-cl__panel{padding:var(--cl-inset-mobile, 16px)}}.hp-cl__img{object-fit:var(--cl-img-fit, cover);object-position:var(--cl-img-pos, center)}@media(min-width:768px){.hp-cl[data-media-bleed=true][data-stage=split] .hp-cl__layout{display:block;position:relative;min-height:var(--cl-bleed-min, 560px)}.hp-cl[data-media-bleed=true][data-stage=split] .hp-cl__stage{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;width:auto;height:auto;aspect-ratio:auto;max-height:none;border-radius:0;margin-inline:calc(-1 * var(--cl-bleed))}.hp-cl[data-media-bleed=true][data-stage=split] .hp-cl__panel{position:relative;z-index:2;padding:var(--cl-inset, 40px)}.hp-cl[data-media-bleed=true][data-stage=split][data-panel-align=middle] .hp-cl__panel{padding-block:calc(var(--cl-bleed-min, 560px) * .5 - 90px)}}@media(max-width:767px){.hp-cl[data-stage=split] .hp-cl__layout{display:grid;position:static;min-height:0}.hp-cl[data-stage=split] .hp-cl__stage{position:relative;inset:auto;height:auto;aspect-ratio:var(--cl-ratio-mobile, var(--cl-ratio));margin-block-end:var(--cl-gap, 24px)}.hp-cl[data-stage=split] .hp-cl__panel{position:static;z-index:auto;padding:0}.hp-cl[data-stage=split] .hp-cl__stepper{position:static;margin-top:var(--cl-step-offset, 24px)}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/closer-look.css.map */