.quick-add{position:fixed;top:0;left:0;width:100vw;height:100dvh;padding:10px;background-color:transparent;pointer-events:none;z-index:10;transition:background-color .3s}.quick-add.open{background-color:#242220bf;pointer-events:all}.quick-add__inner{width:100%;height:calc(100dvh - 20px);max-width:524px;border-radius:8px;position:relative;overflow:auto;background-color:#fff;display:flex;flex-direction:column;transform:translate(calc(100% + 10px));margin:0 0 0 auto;transition:transform .3s}.quick-add.open .quick-add__inner{transform:translate(0)}.quick-add__close{position:absolute;top:24px;right:24px;z-index:1}.quick-add__content{flex:1}.quick-add__media{width:100%}.quick-add__media-list{gap:0;width:100%;margin:0;padding:0;scroll-padding-left:0}.quick-add__media-item{width:100%;min-width:100%}.quick-add__media-item img,.quick-add__media-item svg{width:100%;height:100%;aspect-ratio:355 / 515;object-fit:cover}.quick-add__media-controls button{width:32px;height:32px;padding:0}.quick-add__media-controls button svg{width:24px;height:24px}.quick-add__info{padding:36px 32px 24px;position:relative}.quick-add__info wishlist-toggle{position:absolute;top:36px;right:32px}.quick-add__savings{width:fit-content;margin:0 0 24px;font-weight:300;font-size:12px;line-height:100%;padding:8px 12px;background-color:#b6aca2;border-radius:100px;color:#fff}.quick-add__title{font-family:var(--heading-font);font-weight:500;font-size:20px;line-height:100%;letter-spacing:-.01em;text-transform:uppercase;margin:0 0 24px}.quick-add__price{display:flex;align-items:center;gap:8px;font-weight:400;font-size:16px;line-height:100%;letter-spacing:.03em;text-transform:uppercase;margin:0 0 24px}.quick-add__price--compare{opacity:.5;text-decoration:line-through}.quick-add__subtitle{font-weight:300;font-size:15px;line-height:140%;margin:0 0 24px}.quick-add__options{display:flex;flex-direction:column}.quick-add__option{border-top:1px solid #2422204D;padding:24px 0 0}.quick-add__option-header{display:flex;justify-content:space-between;margin:0 0 12px}.quick-add__option-title{font-family:var(--heading-font);font-weight:500;font-size:16px;line-height:100%;letter-spacing:-.01em;text-transform:uppercase}.quick-add__size-guide-label{font-weight:300;font-size:12px;line-height:100%;text-decoration:underline;cursor:pointer}.quick-add__option-values{display:grid;grid-template-columns:repeat(2,1fr);gap:4px;border:1px solid transparent;transition:border-color .3s;border-radius:2px}.quick-add__option-values.error{border-color:#ff4261}.quick-add__value{width:100%;height:64px;padding:8px;border-radius:2px;background-color:#f0eeec;font-weight:300;font-size:12px;line-height:100%;cursor:pointer;color:#242220;border:1px solid transparent;transition:border-color .3s,background-color .3s}.quick-add__value:hover{background-color:#e2deda}.quick-add__value:has(input:checked){border-color:#242220;background-color:#fff}.quick-add__controls{background-color:#fff;padding:12px 32px 32px;border-top:1px solid #24222033;display:flex;flex-direction:column;gap:8px;position:sticky;bottom:0;left:0}.quick-add__submit,.quick-add__control{width:100%}.quick-add__submit{position:relative}.quick-add__submit:not(:disabled) .quick-add__submit-disabled,.quick-add__submit:disabled .quick-add__submit-available,.loading .quick-add__submit-available,.loading .quick-add__submit-disabled{display:none}.quick-add__submit-loading{display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media screen and (max-width:749px){.quick-add__option{padding:32px 0 0}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/component-quick-add.css.map */