.stl__grid{display:grid;gap:var(--space-5)}.stl__frame{position:relative}.stl__image{--ratio: 4 / 5}.stl__dot{position:absolute;z-index:2;display:grid;place-items:center;inline-size:var(--tap);block-size:var(--tap);translate:-50% -50%;-webkit-tap-highlight-color:transparent}.stl__dot-mark{position:relative;display:grid;place-items:center;inline-size:1.75rem;block-size:1.75rem;border-radius:50%;background:var(--sim-cream);color:var(--sim-burgundy);box-shadow:0 0 0 1px var(--sim-burgundy),0 0 0 4px color-mix(in srgb,var(--sim-cream) 55%,transparent);font-family:var(--font-display);font-style:italic;font-size:.8125rem;line-height:1;transition:transform var(--dur-base) var(--ease-editorial),background-color var(--dur-fast),color var(--dur-fast)}.stl__dot:hover .stl__dot-mark,.stl__dot.is-highlighted .stl__dot-mark,.stl__dot.is-active .stl__dot-mark{background:var(--sim-burgundy);color:var(--sim-cream);transform:scale(1.12)}.stl__dot-label{position:absolute;inset-inline-start:calc(100% - .25rem);white-space:nowrap;padding:.25rem .5rem;background:var(--sim-cream);color:var(--sim-burgundy);font-size:.6875rem;letter-spacing:var(--tracking-caps);text-transform:uppercase;opacity:0;transform:translate(-.25rem);transition:opacity var(--dur-base) var(--ease-out),transform var(--dur-base) var(--ease-out);pointer-events:none}.stl__dot:hover .stl__dot-label,.stl__dot:focus-visible .stl__dot-label,.stl__dot.is-highlighted .stl__dot-label{opacity:1;transform:none}@media(max-width:989px){.stl__dot-label{display:none}}.motion-ok .stl__dot-mark:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;box-shadow:0 0 0 1px var(--sim-cream);animation:stl-pulse 2.8s var(--ease-out) infinite}.motion-ok .stl__dot:nth-of-type(2n) .stl__dot-mark:before{animation-delay:.9s}@keyframes stl-pulse{0%{transform:scale(1);opacity:.9}70%,to{transform:scale(1.9);opacity:0}}.stl__dots--desktop{display:none}@media(min-width:750px){.stl__dots--desktop{display:contents}}.stl__panel{position:absolute;z-index:4;inline-size:min(22rem,90%);padding:var(--space-2);background:var(--c-bg);color:var(--c-text);border:1px solid var(--c-line);box-shadow:var(--shadow-drawer);opacity:0;transform:translateY(.5rem);transition:opacity var(--dur-base) var(--ease-out),transform var(--dur-base) var(--ease-editorial)}.stl__panel.is-open{opacity:1;transform:none}.stl__panel-close{position:absolute;inset-block-start:0;inset-inline-end:0;z-index:1}.stl__panel-close .icon{inline-size:1rem;block-size:1rem}.stl-preview{display:grid;grid-template-columns:40% minmax(0,1fr);gap:var(--space-2);align-items:start}.stl-preview__info{display:grid;gap:var(--space-1);padding-inline-end:var(--space-3)}.stl-preview__num{color:var(--c-accent)}.stl-preview__title{font-family:var(--font-display);font-size:var(--fs-h4);line-height:1.2;color:var(--c-heading)}.stl-preview__actions{display:grid;gap:var(--space-1);margin-block-start:var(--space-1);justify-items:start}.stl-preview__actions product-form,.stl-preview__actions quick-add-button{inline-size:100%}.stl__sheet-body{padding:var(--space-3) var(--gutter) calc(var(--space-4) + env(safe-area-inset-bottom))}@media(min-width:750px){.stl__sheet{inline-size:min(92vw,36rem)}}.stl__content{display:grid;gap:var(--space-2);align-content:start;justify-items:start}.stl__heading{max-inline-size:12ch}.stl__text{max-inline-size:32rem}.stl__items-label{margin-block-start:var(--space-3);color:var(--c-accent)}.stl__list{inline-size:100%;border-block-start:1px solid var(--c-line)}.stl__item{display:grid;grid-template-columns:auto 4.5rem minmax(0,1fr);gap:var(--space-2);align-items:center;padding-block:var(--space-2);border-block-end:1px solid var(--c-line)}.stl__num{min-inline-size:2ch;font-size:calc(var(--fs-numeral) * .36)}.stl__item-text{display:grid;gap:.25rem;justify-items:start}.stl__item-title{font-family:var(--font-body);font-size:var(--fs-small);font-weight:400;line-height:1.4;color:var(--c-text);letter-spacing:0}.stl__item-title a{text-decoration:none}.stl__preview-btn{min-block-size:var(--tap);font-size:var(--fs-label);font-weight:500;letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--c-accent);text-decoration:underline;text-underline-offset:.3em;text-decoration-thickness:1px}.js .stl__preview-btn{display:inline-flex;align-items:center}.no-js .stl__preview-btn{display:none}.stl__note{margin-block-start:var(--space-3);justify-self:end}@media(min-width:990px){.stl__grid{grid-template-columns:minmax(0,28rem) minmax(0,1fr);gap:var(--space-7);align-items:center}.stl--image-end .stl__grid,.stl__grid.stl--image-end{grid-template-columns:minmax(0,1fr) minmax(0,28rem)}.stl__content{max-inline-size:38rem}.stl--image-end .stl__visual{order:2}.stl__content{padding-block:var(--space-4)}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-shop-the-look.css.map */