.home-shop-the-look{display:block}.hstl-head{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-3);margin-block-end:var(--spacing-5);text-align:center}.hstl-heading{margin:0}.hstl-tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--spacing-5);margin-block-start:var(--spacing-2)}.hstl-tab{position:relative;padding:.4rem 0;border:0;background:none;cursor:pointer;font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);font-size:var(--font-size-static-md);letter-spacing:.1rem;color:rgba(var(--color-foreground),.4);transition:color var(--duration-default, .2s) ease}.hstl-tab.is-active{color:rgb(var(--color-foreground))}.hstl-tab:after{content:"";position:absolute;inset-inline:0;inset-block-end:-.2rem;height:.2rem;background:var(--hstl-accent);transform:scaleX(0);transition:transform var(--duration-default, .2s) ease}.hstl-tab.is-active:after{transform:scaleX(1)}.hstl-tab:focus-visible{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.4rem}.hstl-looks{display:grid;grid-template-columns:1fr;gap:var(--spacing-3)}.hstl-look{display:none}.hstl-look.is-active{display:block}@media screen and (min-width:990px){.hstl-looks{grid-template-columns:repeat(var(--hstl-columns, 2),1fr);gap:var(--spacing-5)}.hstl-look{display:block}}.hstl-media{position:relative;width:100%}.hstl-media>img{width:100%;height:auto;display:block;border-radius:var(--hstl-radius, var(--card-corner-radius))}.hstl-hotspot{--hstl-dot-size: .9rem;position:absolute;width:var(--hstl-dot-size);height:var(--hstl-dot-size);transform:translate(-50%,-50%);z-index:2}@media screen and (min-width:990px){.hstl-hotspot{--hstl-dot-size: 1.5rem}}.hstl-hotspot.is-open,.hstl-hotspot:hover,.hstl-hotspot:focus-within{z-index:5}.hstl-dot{position:relative;display:block;width:100%;height:100%;padding:0;border:0;border-radius:50%;cursor:pointer;background:rgb(var(--color-white-rgb));box-shadow:0 .2rem .8rem rgba(var(--color-black-rgb),.3)}.hstl-dot__pulse{position:absolute;top:-50%;right:-50%;bottom:-50%;left:-50%;border-radius:50%;background:rgb(var(--color-white-rgb));opacity:.24}.hstl-dot:focus-visible{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.3rem}.hstl-hotspot.is-open .hstl-dot,.hstl-hotspot:hover .hstl-dot{background:var(--hstl-accent)}.hstl-card{--hstl-tx: -50%;--hstl-ty: .6rem;position:absolute;inset-block-end:calc(100% + 1.2rem);inset-inline-start:50%;width:28rem;max-width:78vw;transform:translate(var(--hstl-tx),var(--hstl-ty));opacity:0;visibility:hidden;z-index:3;padding:var(--spacing-2);background:rgb(var(--color-background));border-radius:var(--card-corner-radius);box-shadow:0 .6rem 2.4rem rgba(var(--color-black-rgb),.18);transition:opacity var(--duration-default, .2s) ease,transform var(--duration-default, .2s) ease,visibility var(--duration-default, .2s) ease}.hstl-hotspot--align-left .hstl-card{--hstl-tx: 0;inset-inline-start:0;inset-inline-end:auto}.hstl-hotspot--align-right .hstl-card{--hstl-tx: 0;inset-inline-start:auto;inset-inline-end:0}.hstl-hotspot--below .hstl-card{--hstl-ty: -.6rem;inset-block-start:calc(100% + 1.2rem);inset-block-end:auto}.hstl-hotspot.is-open .hstl-card,.hstl-hotspot:hover .hstl-card,.hstl-hotspot:focus-within .hstl-card{--hstl-ty: 0;opacity:1;visibility:visible}.hstl-card .card-product-small{gap:var(--spacing-2)}.hstl-card .card-product-small-media{min-width:8rem;width:8rem;height:100%}.hstl-card .card-product-small-title{font-size:var(--font-size-static-sm);line-height:var(--line-height-static-xs);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.hstl-card .card-product-small-price{font-size:var(--font-size-static-lg);font-weight:var(--font-weight-regular, 400);text-transform:none}.hstl-card .card-product-small-details .button{width:max-content;margin-block-start:0;padding:1.2rem 2rem;border-radius:.2rem;font-size:var(--font-size-static-sm);letter-spacing:.1rem;text-transform:uppercase}.hstl-card .button--filled{background-color:var(--hstl-accent);border-color:var(--hstl-accent);color:rgb(var(--color-white-rgb))}.hstl-card .card-product-small-sold-out{background-color:rgba(var(--color-foreground),.12);border-color:transparent;color:rgba(var(--color-foreground),.6);cursor:not-allowed}@media screen and (max-width:749px){.hstl-card{max-width:19.2rem}.hstl-card .card-product-small-media,.hstl-card .card-product-small-details .button{display:none}}@media(prefers-reduced-motion:reduce){.hstl-card,.hstl-tab:after{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/168/assets/section-home-shop-the-look.css.map */