.shop-the-look{bottom:var(--spacing-32);right:var(--spacing-8);border-radius:var(--radius-pill);background:#fff;position:absolute}.shop-the-look .modal::part(content){width:100%;margin:auto 0 0}@media screen and (min-width:1000px){.shop-the-look .modal::part(content){max-height:unset;display:block}}.shop-the-look .product-list{--product-list-column-count:2;--product-list-column-gap:var(--spacing-8)}@media screen and (min-width:1000px){.shop-the-look .product-list{--product-list-column-count:4;--product-list-column-gap:var(--spacing-16)}}.shop-the-look .modal::part(close-button){top:1.25rem}.shop-the-look .modal__header{padding-bottom:30px}.shop-the-look .modal__header .h5{color:var(--text-primary,#3e2724);font-family:var(--typography-headings-h5-font-family,"Sweet Sans Pro");font-size:var(--typography-headings-h5-font-size,14px);font-style:normal;font-weight:var(--typography-sweet-sans-normal-weight);line-height:var(--typography-headings-h5-line-height,18px);letter-spacing:var(--typography-headings-h5-letter-spacing,.42px);text-transform:uppercase;margin-top:0}.shop-the-look .modal__header:after{display:none}.shop-the-look .modal::part(body){padding:24px 8px 72px}@media screen and (min-width:1000px){.shop-the-look .modal::part(body){padding:24px 16px 72px}}.shop-the-look__trigger{border-radius:var(--radius-l);color:var(--button-primary-foreground);cursor:pointer;white-space:nowrap;font-weight:var(--text-font-medium-weight);font-size:var(--typography-elements-button---normal-font-size);padding:var(--spacing-6);border:none;justify-content:center;align-items:center;margin:0;text-decoration:none;transition:all .3s;display:inline-flex;position:relative;overflow:hidden}.shop-the-look__button-content{align-items:center;transition:all .3s;display:flex}.shop-the-look__icon{width:var(--icon-20);height:var(--icon-20);flex-shrink:0;order:2;justify-content:center;align-items:center;display:flex}.shop-the-look__icon svg{margin:0}.shop-the-look__text{color:var(--text-subtle);text-align:center;font-family:var(--typography-text-single---s-font-family);font-size:var(--typography-text-single---s-font-size);font-style:normal;font-weight:var(--text-font-weight);line-height:var(--typography-text-single---s-line-height);letter-spacing:var(--typography-text-single---s-letter-spacing);opacity:0;max-width:0;transform:translate(0);transform:translateX(var(--spacing-10));order:1;margin-right:0;transition:all .3s;overflow:hidden}.modal--shop-the-look .shop-the-look__carousel{grid:auto/auto-flow calc(50vw - 16px);gap:8px}@media screen and (min-width:1000px){.shop-the-look__button-content{gap:0}.shop-the-look__trigger:hover{box-shadow:0 var(--spacing-4)var(--spacing-12)#00000026;padding-left:var(--spacing-12);width:auto}.shop-the-look__trigger:hover .shop-the-look__text{opacity:1;max-width:200px;margin-right:var(--spacing-8);transform:translate(0)}.modal--shop-the-look .shop-the-look__carousel{grid:auto/auto-flow calc(25vw - 24px);gap:16px}.modal--shop-the-look carousel-next-button,.modal--shop-the-look carousel-prev-button{top:40%}}.modal--shop-the-look{--modal-max-width:90vw}.modal--shop-the-look::part(dialog){transform-origin:bottom;animation:.3s ease-out slideUpIn}.modal--shop-the-look[closing]::part(dialog){animation:.3s ease-in slideUpOut}@keyframes slideUpIn{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes slideUpOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100%)}}.shop-the-look__grid{gap:var(--container-gutter);grid-template-columns:1fr 1fr;display:grid}.shop-the-look__product{min-width:0}