.ttl__grid{display:grid;gap:var(--space-4)}.ttl__header{display:grid;gap:var(--space-1);margin-block-end:var(--space-2)}.ttl__heading{margin:0}.ttl__heading em{color:var(--c-accent)}.ttl__intro{margin:0;color:var(--c-muted)}.ttl__empty{padding-block:var(--space-4)}.ttl__stage{--frame-h: clamp(22rem, 62svh, 40rem);--frame-w: calc(var(--frame-h) * .5);--step: calc(var(--frame-w) * .98);position:relative;block-size:calc(var(--frame-h) + var(--space-3));overflow:hidden;touch-action:pan-y;isolation:isolate}.ttl__look{position:absolute;inset-block-start:0;inset-inline-start:50%;inline-size:var(--frame-w);block-size:var(--frame-h);margin-inline-start:calc(var(--frame-w) / -2);padding:0;cursor:pointer;transform-origin:50% 100%;transform:translate(calc(var(--x, 0) * var(--step))) scale(calc(1 - var(--ad, 0) * .17));filter:blur(calc(var(--ad, 0) * 2.5px));opacity:calc(1 - var(--ad, 0) * .3);transition:transform .7s var(--ease-editorial),filter .7s var(--ease-editorial),opacity .7s var(--ease-editorial)}[dir=rtl] .ttl__look{transform:translate(calc(var(--x, 0) * var(--step) * -1)) scale(calc(1 - var(--ad, 0) * .17))}.ttl__look[data-far]{opacity:0;pointer-events:none}.ttl__look[data-active]{cursor:default}try-the-look:not(:defined) .ttl__look:not(:first-child){display:none}.ttl__figure{display:block;inline-size:100%;block-size:100%;overflow:hidden}.ttl__img{inline-size:100%;block-size:100%;object-fit:cover;object-position:50% 15%}.ttl--blend .ttl__img{mix-blend-mode:multiply}.ttl__shadow{position:absolute;inset-inline:18%;inset-block-end:calc(var(--space-2) * -1);block-size:var(--space-2);border-radius:50%;background:color-mix(in srgb,var(--sim-charcoal) 14%,transparent);filter:blur(8px);z-index:-1}.ttl__cursor{position:absolute;top:0;left:0;z-index:20;display:grid;place-items:center;inline-size:4.25rem;block-size:4.25rem;margin:-2.125rem 0 0 -2.125rem;border-radius:50%;background:var(--c-heading);color:var(--c-bg);font-size:var(--fs-label);letter-spacing:var(--tracking-caps);text-transform:uppercase;pointer-events:none;opacity:0;scale:.6;transition:opacity var(--dur-base) var(--ease-out),scale var(--dur-base) var(--ease-out)}.ttl__cursor[data-visible]{opacity:1;scale:1}.ttl__controls{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:var(--space-1);margin-block-start:var(--space-2)}.ttl__arrow--prev{order:0}.ttl__timeline{display:flex;gap:var(--space-1);overflow-x:auto;scrollbar-width:none;margin:0;padding:0}.ttl__tick-item{flex:1 1 0;min-inline-size:2.75rem}.ttl__tick-item:has([aria-current]){flex-grow:3}.ttl__tick{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.25rem .5rem;inline-size:100%;min-block-size:var(--tap);align-content:center;text-align:start;font-size:var(--fs-label);letter-spacing:var(--tracking-caps);color:var(--c-muted)}.ttl__tick[aria-current]{color:var(--c-heading)}.ttl__tick-name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-transform:uppercase;opacity:0;transition:opacity var(--dur-base) var(--ease-out)}.ttl__tick[aria-current] .ttl__tick-name{opacity:1}.ttl__tick-bar{grid-column:1 / -1;block-size:1px;background:var(--c-line);overflow:hidden}.ttl__tick-fill{display:block;block-size:100%;background:var(--c-accent);transform:scaleX(0);transform-origin:0 50%}[dir=rtl] .ttl__tick-fill{transform-origin:100% 50%}.ttl__tick[aria-current] .ttl__tick-fill{transform:scaleX(1)}try-the-look[data-playing] .ttl__tick[aria-current] .ttl__tick-fill{animation:ttl-progress var(--ttl-duration, 6s) linear forwards}try-the-look:is([data-hold],[data-offscreen]) .ttl__tick-fill{animation-play-state:paused!important}@keyframes ttl-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.ttl__toggle .ttl__icon-play,try-the-look:not([data-playing]) .ttl__toggle .ttl__icon-pause{display:none}try-the-look:not([data-playing]) .ttl__toggle .ttl__icon-play{display:contents}.ttl__toggle[hidden]{display:none}.ttl__panel{display:grid;align-content:start;gap:var(--space-2)}.ttl__panel-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-2);padding-block-end:var(--space-2);border-block-end:1px solid var(--c-line)}.ttl__panel-title{margin:0;font-family:var(--font-display);font-size:var(--fs-h4, 1.375rem);font-weight:400}.ttl__panel-look{color:var(--c-muted);text-align:end}.ttl__look-panel{display:grid;gap:var(--space-2);animation:ttl-fade .4s var(--ease-out)}.ttl__look-panel[hidden]{display:none}@keyframes ttl-fade{0%{opacity:0;transform:translateY(.5rem)}}.ttl__items{display:grid;margin:0;padding:0}.ttl__item{position:relative;display:grid;grid-template-columns:5rem minmax(0,1fr) auto;gap:var(--space-2);align-items:center;padding-block:var(--space-2);border-block-end:1px solid var(--c-line)}.ttl__item-num{position:absolute;inset-block-start:var(--space-1);inset-inline-start:4.1rem;z-index:1;font-size:.6875rem;color:var(--c-muted)}.ttl__thumb{inline-size:5rem}.ttl__info{display:grid;gap:.2rem;min-inline-size:0}.ttl__type{margin:0;color:var(--c-muted);font-size:.6875rem}.ttl__title{margin:0;font-family:var(--font-body);font-size:var(--fs-small);font-weight:500;line-height:1.35}.ttl__title a{color:inherit}.ttl__variant{margin-block-start:.35rem;min-block-size:2.5rem;max-inline-size:11rem;padding-block:.35rem;font-size:var(--fs-small)}.ttl__sold-out{margin:0;color:var(--c-muted)}.ttl__item.is-sold-out .ttl__thumb{opacity:.5}.ttl__add{border:1px solid var(--c-line);border-radius:50%}.ttl__add:hover{border-color:var(--c-accent);color:var(--c-accent)}.ttl__add[aria-busy=true]{opacity:.45;pointer-events:none}.ttl__complete{display:flex;align-items:end;justify-content:space-between;gap:var(--space-2);padding-block-start:var(--space-1)}.ttl__complete-title{margin:0;font-weight:500}.ttl__complete-count{margin:0;color:var(--c-muted)}.ttl__total{margin:0;font-family:var(--font-display);font-size:1.5rem;font-variant-numeric:tabular-nums;color:var(--c-heading)}.ttl__add-all{gap:.6em}.ttl__error{margin:0}@media(min-width:750px){.ttl__stage{--frame-h: clamp(26rem, 64svh, 42rem);--frame-w: calc(var(--frame-h) * .48);--step: calc(var(--frame-w) * 1.02)}}@media(min-width:990px){.ttl__grid{grid-template-columns:minmax(0,1fr) minmax(20rem,24rem);gap:0;align-items:stretch}.ttl__stage-wrap{padding-inline-end:var(--space-4);min-inline-size:0}.ttl__panel{padding-inline-start:var(--space-4);border-inline-start:1px solid var(--c-line)}.ttl__stage{--frame-h: clamp(28rem, 66svh, 44rem);--frame-w: calc(var(--frame-h) * .42);--step: calc(var(--frame-w) * 1.08)}}@media(prefers-reduced-motion:reduce){.ttl__look{transition-duration:1ms}.ttl__look-panel{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-try-the-look.css.map */