#QuickAddDrawer .drawer__body{overflow-y:auto;overflow-x:hidden}#QuickAddDrawer .drawer__body::-webkit-scrollbar{width:.2rem}#QuickAddDrawer .drawer__body::-webkit-scrollbar-thumb{background-color:rgb(var(--color-border));border-radius:2rem}.quick-add-drawer__slot{display:flex;flex-direction:column;min-height:0}.quick-add-drawer__carousel-wrap{padding:2rem}@media screen and (min-width:750px){.quick-add-drawer__carousel-wrap{padding:2.4rem}}.quick-add-drawer__carousel{position:relative}.quick-add-drawer__slides{display:flex;gap:.8rem;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.quick-add-drawer__slides::-webkit-scrollbar{display:none}.quick-add-drawer__slide{flex:0 0 100%;scroll-snap-align:start}.quick-add-drawer__slide .media{background-color:rgb(var(--color-card-media-background))}.quick-add-drawer__media-overlay{position:absolute;top:.8rem;left:.8rem;right:.8rem;display:flex;justify-content:space-between;align-items:flex-start;pointer-events:none}.quick-add-drawer__media-overlay .quick-add-drawer__wishlist{pointer-events:auto;display:inline-flex;align-items:center;justify-content:center;width:3.2rem;height:3.2rem;padding:0;border:0;background:none;color:rgb(var(--color-foreground));cursor:pointer}.quick-add-drawer__media-overlay .quick-add-drawer__wishlist svg{width:1.6rem;height:1.6rem}.quick-add-drawer__media-badge{padding:.8rem}.quick-add-drawer__arrow{position:absolute;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;width:3.2rem;height:3.2rem;padding:0;border:0;background:none;color:rgb(var(--color-foreground));cursor:pointer;z-index:2}.quick-add-drawer__arrow svg{width:1.6rem;height:1.6rem}.quick-add-drawer__arrow--prev{left:.6rem}.quick-add-drawer__arrow--next{right:.6rem}.quick-add-drawer__dots{position:absolute;bottom:2.1rem;left:50%;transform:translate(-50%);display:flex;gap:.6rem;z-index:2}.quick-add-drawer__dot{width:.56rem;height:.56rem;padding:0;border:0;border-radius:50%;background-color:rgb(var(--color-grey-mid));cursor:pointer;transition:background-color var(--duration-default)}.quick-add-drawer__dot.is-active{background-color:rgb(var(--color-foreground))}.quick-add-drawer__details{display:flex;flex-direction:column;gap:1.6rem;padding:0 2.4rem 2rem}.quick-add-drawer__title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:1.6rem}.quick-add-drawer__title-group{display:flex;flex-direction:column;gap:.4rem}.quick-add-drawer__title{margin:0;font-family:var(--font-heading-family);font-weight:var(--font-heading-weight, 400);font-size:1.4rem;line-height:1.2;letter-spacing:.084rem;text-transform:capitalize;color:rgb(var(--color-foreground))}.quick-add-drawer__price .price{align-items:flex-start;text-align:left;font-family:var(--font-body-family);font-weight:400;font-size:var(--text-body-regular);line-height:var(--text-body-regular-lh);color:rgb(var(--color-foreground))}.quick-add-drawer__price .price dl,.quick-add-drawer__price .price dd{margin:0}.quick-add-drawer__price .price dt{float:left;width:0;margin:0;overflow:hidden}.quick-add-drawer__row-badge{flex:0 0 auto;display:flex;align-items:flex-start;color:rgb(var(--color-grey-tertiary))}.quick-add-drawer__row-badge .badge{line-height:1.68rem}.quick-add-drawer__option-section{display:flex;flex-direction:column;gap:1.2rem}.quick-add-drawer__option-label{margin:0;font-family:var(--font-body-family);font-size:var(--text-body-regular);line-height:var(--text-body-regular-lh);color:rgb(var(--color-foreground))}.quick-add-drawer__option-name{font-weight:500}.quick-add-drawer__option-value{font-weight:400}.quick-add-drawer__swatches{display:flex;flex-wrap:wrap;gap:.8rem}.quick-add-drawer__swatch{position:relative;width:5.5rem;height:5.5rem;padding:0;border:0;background:none;cursor:pointer}.quick-add-drawer__swatch-img{display:block;width:100%;height:100%;object-fit:cover}.quick-add-drawer__swatch-fallback{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background-color:rgb(var(--color-card-media-background));font-family:var(--font-body-family);font-size:var(--text-body-xs);text-transform:uppercase;color:rgb(var(--color-foreground))}.quick-add-drawer__swatch.is-active:after,.quick-add-drawer__swatch:hover:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-bottom:.1rem solid rgb(var(--color-grey-primary));pointer-events:none}.quick-add-drawer__stock-message{padding:1.2rem 2rem;background-color:rgb(var(--color-background-secondary));text-align:center;font-family:var(--font-body-family);font-weight:400;font-size:var(--text-body-xs);line-height:1.3;color:rgb(var(--color-grey-primary))}#QuickAddDrawer .drawer__footer{flex:0 0 auto;display:flex;flex-direction:column;padding:0;background-color:rgb(var(--color-background));border-top:.1rem solid rgb(var(--color-grey-light))}.quick-add-drawer__footer-slot{padding:2.4rem 2.4rem .8rem}.quick-add-drawer__footer-slot [data-quick-add-footer]{display:flex;flex-direction:column;gap:.8rem}.quick-add-drawer__form .form{display:block}.quick-add-drawer__submit{width:100%;min-width:0;min-height:4.4rem;padding:0 2.4rem}.quick-add-drawer__notify{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.quick-add-drawer__notify[hidden],.quick-add-drawer__form[hidden]{display:none}.quick-add-drawer__submit[disabled],.quick-add-drawer__submit[aria-disabled=true]{opacity:.5;cursor:not-allowed}.quick-add-drawer__details-link{width:100%;min-height:2.4rem;justify-content:center;text-align:center}.quick-add-drawer__details-link .button__label{display:inline-block}.quick-add-drawer__details-link .button__label:before{content:none}.quick-add-drawer__details-link .button__label:after{transform:scaleX(1);transform-origin:left center;transition:transform var(--transition-standard)}.quick-add-drawer__details-link:not([disabled]):not([aria-disabled=true]):hover .button__label:after{transform:scaleX(1);animation-name:quick-add-underline-redraw;animation-duration:.24s;animation-timing-function:ease}@keyframes quick-add-underline-redraw{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media(prefers-reduced-motion:reduce){.quick-add-drawer__details-link .button__label:after,.quick-add-drawer__details-link:not([disabled]):not([aria-disabled=true]):hover .button__label:after{transition:none;animation:none}}
/*# sourceMappingURL=/cdn/shop/t/408/assets/component-quick-add-drawer.css.map */