.shop-the-look{display:block}.shop-the-look.section{padding-block:var(--space-15) var(--space-16)}.shop-the-look__grid{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,43.1%) minmax(0,1fr);align-items:center;max-width:var(--container-max);margin-inline:auto}.shop-the-look__head{display:contents}.shop-the-look__heading{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.shop-the-look__heading em{font-style:italic;font-weight:inherit}.shop-the-look__row{display:flex;flex-direction:column;min-width:0}.shop-the-look__row--left{align-items:flex-end;padding:0 40px 0 24px}.shop-the-look__row--right{align-items:flex-start;padding:0 24px 0 40px}.shop-the-look__decor{font:500 clamp(72px,7.64vw,110px) / 1 var(--font-display);letter-spacing:-2px;white-space:nowrap;color:var(--color-text)}.shop-the-look__decor--italic{font-style:italic;font-weight:400}.shop-the-look__stage{position:relative;aspect-ratio:31 / 35;overflow:clip;background:var(--color-background-secondary)}.shop-the-look__parallax{position:absolute;top:0;right:0;bottom:0;left:0}.shop-the-look__media{position:absolute;top:-44px;right:0;bottom:-44px;left:0}.shop-the-look--static .shop-the-look__media{top:0;bottom:0}.shop-the-look__media picture{display:block;width:100%;height:100%}.shop-the-look__image,.shop-the-look__placeholder{display:block;width:100%;height:100%;object-fit:cover}.shop-the-look__placeholder{padding:0}.shop-the-look__overlay{position:absolute;top:0;right:0;bottom:0;left:0}.shop-the-look__overlay.color-ink{background:transparent}.shop-the-look__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgb(var(--color-background-rgb) / 0) 55%,rgb(var(--color-background-rgb) / .35));pointer-events:none}.shop-the-look--no-image .shop-the-look__scrim{display:none}.shop-the-look__spots{position:absolute;top:0;right:0;bottom:0;left:0}.shop-the-look__spot{position:absolute;left:var(--spot-x, 50%);top:var(--spot-y, 50%);translate:-50% -50%;z-index:2;display:inline-grid;place-items:center;width:24px;height:24px;padding:0;text-align:center;border:1.5px solid var(--color-text);border-radius:50%;background:rgb(var(--color-background-rgb) / .55);color:var(--color-text);font:500 10px / 1 var(--font-body);cursor:pointer;-webkit-appearance:none;appearance:none;box-shadow:0 2px 10px rgb(var(--color-shadow-rgb) / .35);transition:box-shadow var(--duration-color) ease,transform var(--duration-color) ease}.shop-the-look__spot:before{content:"";position:absolute;top:-7px;right:-7px;bottom:-7px;left:-7px;border-radius:50%;border:1px solid rgb(var(--color-text-rgb) / .55);animation:mPing 3.4s ease-out var(--spot-delay, 0s) infinite;pointer-events:auto}.shop-the-look--no-pulse .shop-the-look__spot:before{animation:none;opacity:0}.shop-the-look__spot:hover{transform:scale(1.08)}.shop-the-look__spot.is-active{box-shadow:0 0 0 4px rgb(var(--color-text-rgb) / .9),0 0 0 5.5px var(--color-background)}.shop-the-look__spot:focus-visible{outline:2px solid var(--color-accent-hover);outline-offset:3px}@media(hover:none){.shop-the-look__spot:before{top:-10px;right:-10px;bottom:-10px;left:-10px}}.shop-the-look__panel{position:absolute;left:var(--gutter);bottom:44px;z-index:3;display:flex;align-items:center;gap:var(--space-6);width:408px;max-width:calc(100% - var(--gutter) * 2);padding:var(--space-6);background:rgb(var(--color-background-rgb) / .96);color:var(--color-text)}.shop-the-look__stack{position:relative;flex:none;width:60px;height:78px;overflow:hidden;background:var(--color-background-secondary)}.shop-the-look__thumb{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .55s ease}.shop-the-look__thumb.is-active{opacity:1}.shop-the-look__thumb--placeholder svg{width:100%;height:100%;display:block}.shop-the-look__item{display:flex;align-items:center;gap:var(--space-6);flex:1;min-width:0}.shop-the-look__item[hidden]{display:none}.shop-the-look__item[aria-busy=true]{opacity:.6}.shop-the-look__body{flex:1;min-width:0}.shop-the-look__name{margin:0;font:400 11.5px / 1.3 var(--font-body);letter-spacing:1.5px;text-transform:uppercase;color:var(--color-text)}.shop-the-look__name-link{color:inherit;text-decoration:none}.shop-the-look__name-link:hover{color:var(--text-soft)}.shop-the-look__meta{margin:4px 0 0;font:400 var(--caps-10) var(--font-body);letter-spacing:1.5px;text-transform:uppercase;color:var(--text-muted)}.shop-the-look__price{margin-top:3px}.shop-the-look__action{flex:none}.shop-the-look__add.button{min-height:0;padding:12px 15px;font-size:10px;letter-spacing:2px;text-transform:uppercase}.shop-the-look__add[aria-disabled=true]{cursor:default}.shop-the-look__hint{position:absolute;right:var(--gutter);bottom:44px;z-index:3;margin:0;font:400 var(--caps-10) var(--font-body);letter-spacing:2.5px;text-transform:uppercase;text-align:right;color:var(--text-muted)}@media(max-width:1199px){.shop-the-look.section{padding-block:48px var(--space-12)}.shop-the-look__grid{grid-template-columns:minmax(0,1fr) minmax(0,48%) minmax(0,1fr)}.shop-the-look__stage{aspect-ratio:5 / 7}.shop-the-look__decor{font-size:clamp(46px,5.5vw,72px)}.shop-the-look__panel{bottom:var(--gutter);width:368px}.shop-the-look__hint{bottom:var(--gutter)}.shop-the-look__name{font-size:12px}}@media(max-width:749px){.shop-the-look.section{padding-block:var(--space-11) 0}.shop-the-look__grid{display:block}.shop-the-look__head{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-5);padding:0 var(--gutter)}.shop-the-look__heading{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto;white-space:normal;font:500 33px / 1.1 var(--font-display);color:var(--color-text)}.shop-the-look__row{display:none}.shop-the-look__stage{margin-top:18px;aspect-ratio:4 / 5}.shop-the-look__scrim{background:linear-gradient(180deg,rgb(var(--color-background-rgb) / 0) 60%,rgb(var(--color-background-rgb) / .3))}.shop-the-look__spot{left:var(--spot-x-m, var(--spot-x, 50%));top:var(--spot-y-m, var(--spot-y, 50%));width:28px;height:28px}.shop-the-look__panel{position:static;width:auto;max-width:none;gap:13px;padding:14px 16px;background:transparent;border-bottom:1px solid var(--border-default)}.shop-the-look__stack{width:54px;height:70px}.shop-the-look__name{font-size:11.5px;letter-spacing:1.2px}.shop-the-look__hint{position:static;flex:none;max-width:124px;font-size:10px;letter-spacing:1.5px}.shop-the-look__add.button{padding:13px 16px}}@media(prefers-reduced-motion:reduce){.shop-the-look__spot:before{animation:none;opacity:0}.shop-the-look__thumb{transition:none}}[data-animations=false] .shop-the-look__spot:before{opacity:0}
/*# sourceMappingURL=/cdn/shop/t/194/assets/section-shop-the-look.css.map */