.shop-the-look{--stl-ink: rgb(var(--color-foreground));--stl-muted: rgba(var(--color-foreground), .75);--stl-rule: rgba(var(--color-foreground), .12);--stl-edge: rgba(var(--color-foreground), var(--variant-pills-border-opacity, .55));--stl-accent: rgb(var(--color-button));display:block}.shop-the-look__header{margin-bottom:2.8rem;text-align:center}.shop-the-look__heading{margin:0;text-wrap:balance}.shop-the-look__intro{max-width:46ch;margin:1.2rem auto 0;font-size:1.6rem;line-height:1.6;color:var(--stl-muted);text-wrap:pretty}.shop-the-look__layout{display:grid;gap:2.4rem}.shop-the-look__media{overflow:hidden;border-radius:1.6rem;align-self:start}.shop-the-look__media img,.shop-the-look__media .placeholder-svg{display:block;width:100%;height:auto}.shop-the-look__list{margin:0;padding:0;list-style:none;border-top:.1rem solid var(--stl-rule)}.shop-the-look__item{display:grid;grid-template-columns:6.4rem minmax(0,1fr) 4.4rem;column-gap:1.4rem;align-items:center;padding:1.6rem 0;border-bottom:.1rem solid var(--stl-rule)}.shop-the-look__thumb{display:flex;align-items:center;justify-content:center;align-self:start;width:6.4rem;aspect-ratio:4 / 5;overflow:hidden;border-radius:1.6rem;background:#fff;box-shadow:inset 0 0 0 .1rem rgba(var(--color-foreground),.05)}.shop-the-look__thumb img{width:100%;height:100%;object-fit:contain;transition:opacity .3s ease}.shop-the-look__body{min-width:0}.shop-the-look__title-row{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem 1rem}.shop-the-look__name{font-family:var(--font-heading-family);font-size:1.7rem;line-height:1.3;color:var(--stl-ink);text-decoration:none;transition:color .3s ease}.shop-the-look__name:hover{text-decoration:underline;text-underline-offset:.3rem;text-decoration-thickness:.1rem}.shop-the-look__badge{padding:.3rem 1rem .4rem;border-radius:4rem;background:var(--stl-ink);color:rgb(var(--color-background));font-size:1.2rem;line-height:1.2;letter-spacing:.04rem}.shop-the-look__badge--sold-out{background:rgba(var(--color-foreground),.08);color:var(--stl-ink)}.shop-the-look__price{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 .8rem;margin:.4rem 0 0;font-size:1.5rem;line-height:1.4;font-weight:600;color:var(--stl-ink);transition:color .3s ease}.shop-the-look__was{font-size:1.3rem;font-weight:400;color:var(--stl-muted)}.shop-the-look__one-size{margin:.6rem 0 0;font-size:1.4rem;line-height:1.4;color:var(--stl-muted)}.shop-the-look__option{margin-top:1rem}.shop-the-look__select{position:relative;width:min(100%,22rem)}.shop-the-look__select select{width:100%;min-height:4.4rem;padding:0 4rem 0 1.4rem;border:0;border-radius:var(--variant-pills-radius, 1.4rem);box-shadow:inset 0 0 0 var(--variant-pills-border-width, .1rem) var(--stl-edge);background:rgb(var(--color-background));color:var(--stl-ink);font-family:var(--font-body-family);font-size:1.5rem;line-height:1.2;letter-spacing:.04rem;cursor:pointer;appearance:none;-webkit-appearance:none;transition:box-shadow .2s ease}.shop-the-look__select select:hover{box-shadow:inset 0 0 0 calc(var(--variant-pills-border-width, .1rem) + .1rem) var(--stl-edge)}.shop-the-look__select select:focus-visible{outline:.2rem solid var(--stl-accent);outline-offset:.2rem}.shop-the-look__select select:has(option[value=""]:checked){color:var(--stl-muted)}.shop-the-look__select .svg-wrapper{position:absolute;top:50%;right:1.6rem;width:1rem;height:1rem;transform:translateY(-50%);color:var(--stl-ink);pointer-events:none}.shop-the-look__select .svg-wrapper svg{width:100%;height:100%}.shop-the-look__hint{display:none;margin:.6rem 0 0;font-size:1.3rem;line-height:1.3;color:var(--stl-accent)}.shop-the-look__option.is-missing .shop-the-look__hint{display:block}.shop-the-look__option.is-missing select{box-shadow:inset 0 0 0 calc(var(--variant-pills-border-width, .1rem) + .1rem) var(--stl-accent)}.shop-the-look__include{position:relative;display:flex;align-items:center;justify-content:center;gap:.8rem;align-self:start;min-width:4.4rem;min-height:4.4rem;cursor:pointer}.shop-the-look__include input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;margin:0;cursor:pointer}.shop-the-look__check{display:inline-flex;flex:none;align-items:center;justify-content:center;width:2.2rem;height:2.2rem;border-radius:.6rem;box-shadow:inset 0 0 0 .1rem var(--stl-edge);background:rgb(var(--color-background));color:rgb(var(--color-background));transition:background-color .2s ease,box-shadow .2s ease}.shop-the-look__check svg{width:1.4rem;height:1.4rem;opacity:0;transition:opacity .2s ease}.shop-the-look__include input:checked+.shop-the-look__check{background:var(--stl-ink);box-shadow:inset 0 0 0 .1rem var(--stl-ink)}.shop-the-look__include input:checked+.shop-the-look__check svg{opacity:1}.shop-the-look__include input:focus-visible+.shop-the-look__check{outline:.2rem solid var(--stl-accent);outline-offset:.2rem}.shop-the-look__include input:disabled,.shop-the-look__include:has(input:disabled){cursor:default}.shop-the-look__include:has(input:disabled) .shop-the-look__check{opacity:.4}.shop-the-look__include-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@media screen and (max-width:749px){.shop-the-look__item{position:relative;grid-template-columns:6.4rem minmax(0,1fr)}.shop-the-look__title-row,.shop-the-look__price{padding-right:4.8rem}.shop-the-look__include{position:absolute;top:1rem;right:-1.1rem}.shop-the-look__select select{font-size:1.6rem}}.shop-the-look__item.is-left-out .shop-the-look__thumb img{opacity:.4}.shop-the-look__item.is-left-out .shop-the-look__name,.shop-the-look__item.is-left-out .shop-the-look__price{color:var(--stl-muted)}.shop-the-look__summary{padding-top:2rem}.shop-the-look__summary-row{display:flex;align-items:baseline;justify-content:space-between;gap:1.6rem}.shop-the-look__count{margin:0;font-size:1.5rem;color:var(--stl-muted)}.shop-the-look__total{margin:0;font-family:var(--font-heading-family);font-size:2.6rem;line-height:1.2;color:var(--stl-ink);font-variant-numeric:tabular-nums;white-space:nowrap}.shop-the-look__saving{margin:.4rem 0 0;font-size:1.5rem;line-height:1.5;color:var(--stl-ink)}.shop-the-look__cta{width:100%;margin-top:1.6rem}.shop-the-look__cta[aria-disabled=true]{opacity:.6}.shop-the-look__perk,.shop-the-look__error{margin:1.2rem 0 0;font-size:1.4rem;line-height:1.5}.shop-the-look__perk{color:var(--stl-muted)}.shop-the-look__error{color:var(--stl-accent)}.shop-the-look-notification{display:grid;gap:1.6rem;width:100%}.shop-the-look-notification .cart-item{display:flex;align-items:flex-start}@media screen and (min-width:750px){.shop-the-look__header{margin-bottom:4rem}.shop-the-look__layout{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:4rem;align-items:start}.shop-the-look__item{grid-template-columns:7.8rem minmax(0,1fr) auto;column-gap:2rem;padding:1.8rem 0}.shop-the-look__thumb{width:7.8rem}.shop-the-look__name{font-size:1.9rem}.shop-the-look__price{font-size:1.6rem}.shop-the-look__include{justify-content:flex-start;padding:0 .4rem}.shop-the-look__include-label{position:static;width:auto;height:auto;overflow:visible;clip:auto;font-size:1.4rem;color:var(--stl-muted)}.shop-the-look__summary{padding-top:2.4rem}.shop-the-look__total{font-size:3rem}}@media screen and (min-width:990px){.shop-the-look__layout{gap:5.6rem}.shop-the-look__media{position:sticky;top:4rem}}@media(prefers-reduced-motion:reduce){.shop-the-look *,.shop-the-look *:before{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/section-shop-the-look.css.map */