.shop-the-look-recommendations{display:block;margin-block-start:.75rem}.shop-the-look-recommendations[hidden],.shop-the-look-recommendations [hidden]{display:none}.shop-the-look__trigger{width:100%}.shop-the-look-drawer{--shop-the-look-drawer-width: min(32rem, 100vw)}.shop-the-look-drawer::part(content){width:var(--shop-the-look-drawer-width);max-width:100%}.shop-the-look-drawer::part(body){overflow-y:auto;padding:1.25rem}.shop-the-look-drawer .shop-the-look__items{display:grid;gap:0}.shop-the-look-drawer .shop-the-look__item{display:grid;grid-area:auto!important;grid-template-columns:minmax(0,1fr);max-width:none;margin-inline:0;align-items:stretch;visibility:visible!important;gap:.75rem;padding-block:1rem;border-block-end:1px solid rgb(var(--text-color) / .12)}.shop-the-look-drawer .shop-the-look__item:first-child{padding-block-start:0}.shop-the-look-drawer .shop-the-look__item:last-child{border-block-end:0}.shop-the-look-drawer .shop-the-look__item-header{position:relative;display:grid;grid-template-columns:5.75rem minmax(0,1fr);align-items:start;gap:.75rem}.shop-the-look-drawer .shop-the-look__checkbox-label{position:absolute;z-index:1;inset-block-start:.5rem;inset-inline-start:.5rem;display:grid;place-items:center;width:1.25rem;height:1.25rem;cursor:pointer}.shop-the-look-drawer .shop-the-look__checkbox{position:absolute;opacity:0;top:0;right:0;bottom:0;left:0;cursor:inherit}.shop-the-look-drawer .shop-the-look__checkbox-ui{display:grid;place-items:center;width:1.15rem;height:1.15rem;border:1px solid #1c1c1c;border-radius:.25rem;transition:background-color .2s,color .2s,border-color .2s}.shop-the-look-drawer .shop-the-look__checkbox:checked+.shop-the-look__checkbox-ui{background:#1c1c1c;border-color:#1c1c1c;color:#fff}.shop-the-look-drawer .shop-the-look__checkbox:checked+.shop-the-look__checkbox-ui:after{content:"\2713";color:#fff;font-size:.75rem;line-height:1;font-weight:700}.shop-the-look-drawer .shop-the-look__checkbox:focus-visible+.shop-the-look__checkbox-ui,.shop-the-look-drawer .shop-the-look__select:focus-visible{outline:2px solid currentColor;outline-offset:2px}.shop-the-look-drawer .shop-the-look__checkbox:disabled+.shop-the-look__checkbox-ui{opacity:.4}.shop-the-look-drawer .shop-the-look__image{grid-column:1;grid-row:1;display:block;position:relative;overflow:hidden;border-radius:.3rem;background:rgb(var(--text-color) / .06);outline:1px solid transparent;outline-offset:-1px;transition:outline-color .2s ease,opacity .2s ease}.shop-the-look-drawer .shop-the-look__image img{display:block;width:100%;height:auto;object-fit:contain}.shop-the-look-drawer .shop-the-look__item-header:has(.shop-the-look__checkbox:checked) .shop-the-look__image{outline:2px solid #1c1c1c;outline-offset:-2px}.shop-the-look-drawer .shop-the-look__image--empty{opacity:.5}.shop-the-look-drawer .shop-the-look__item-summary{grid-column:2;grid-row:1;display:grid;align-content:center;gap:.25rem;min-width:0}.shop-the-look-drawer .shop-the-look__title{overflow:hidden;text-overflow:ellipsis;line-height:1.35}.shop-the-look-drawer .shop-the-look__price{font-size:.9em}.shop-the-look-drawer .shop-the-look__status{display:none}.shop-the-look-drawer .shop-the-look__options{display:grid;grid-template-columns:minmax(0,1fr);gap:.75rem;padding-inline-start:0;margin-block-start:.65rem}.shop-the-look-drawer .shop-the-look__option{display:grid;gap:.25rem}.shop-the-look-drawer .shop-the-look__option-label{display:none}.shop-the-look-drawer .shop-the-look__select{width:100%;min-height:2.75rem;padding:.5rem .65rem;color:inherit;background:rgb(var(--background));border:1px solid rgb(var(--text-color) / .2);border-radius:.25rem;font-size:.875rem;cursor:pointer}.shop-the-look-drawer [data-shop-the-look-add-selected][aria-busy=true],.shop-the-look-drawer [data-shop-the-look-add-full][aria-busy=true]{opacity:.55;pointer-events:none}.shop-the-look-drawer .shop-the-look__error{margin-block-start:1rem;color:rgb(var(--error-color, 203 43 43))}.shop-the-look-drawer .shop-the-look__footer{display:grid;gap:.75rem}.shop-the-look-drawer .shop-the-look__subtotal-row{display:flex;justify-content:space-between;gap:1rem;padding-block-start:.25rem}.shop-the-look-drawer .shop-the-look__footer .button-group{display:grid;gap:.5rem}@media screen and (max-width:699px){.shop-the-look-drawer .shop-the-look__footer .button-group{position:sticky;inset-block-end:0;padding-block-start:.5rem;background:rgb(var(--background))}}
/*# sourceMappingURL=/cdn/shop/t/41/assets/shop-the-look.css.map */