quick-add-bottom-drawer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;pointer-events:none}.quick-add-bottom-drawer__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(var(--color-foreground),.5);opacity:0;pointer-events:none;transition:opacity var(--drawer-transition-duration) var(--drawer-transition-timing-function)}quick-add-bottom-drawer.is--open .quick-add-bottom-drawer__backdrop{opacity:1}.quick-add-bottom-drawer__panel{pointer-events:auto;position:absolute;bottom:0;left:0;right:0;background-color:rgb(var(--color-background));border-top:1px solid rgb(var(--color-foreground));transform:translateY(100%);transition:transform var(--drawer-transition-duration) var(--drawer-transition-timing-function);z-index:1;padding:2.4rem}quick-add-bottom-drawer.is--open .quick-add-bottom-drawer__panel{transform:translateY(0)}.quick-add-bottom-drawer__close{color:rgb(var(--color-link));background:none;width:2.4rem;height:2.4rem;padding:0;border:none;border-radius:0;cursor:pointer;position:absolute;top:2.4rem;right:2.4rem;z-index:2;outline-offset:.2rem;display:flex;align-items:center;justify-content:center}.quick-add-bottom-drawer__close svg{display:block;width:100%;height:100%}.quick-add-bottom-drawer__body{display:flex;gap:2rem;align-items:flex-start}.quick-add-bottom-drawer__image{width:10rem;min-width:10rem}.quick-add-bottom-drawer__image img{width:100%;height:auto;aspect-ratio:3/4;object-fit:cover}.quick-add-bottom-drawer__content{flex:1;display:flex;flex-direction:column;gap:var(--spacing-2)}.quick-add-bottom-drawer__title,.quick-add-bottom-drawer__price{font-size:var(--font-size-static-sm);line-height:var(--line-height-static-sm);font-weight:var(--font-weight-normal);font-style:normal;letter-spacing:.5px;margin:0}.quick-add-bottom-drawer__price .price{font-size:var(--font-size-static-sm);line-height:var(--line-height-static-sm);letter-spacing:.5px}.quick-add-bottom-drawer__sizes{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:var(--spacing-3)}.quick-add-bottom-drawer__size-btn{display:inline-flex;align-items:center;justify-content:center;min-width:3.6rem;height:3.6rem;padding:.4rem 1rem;font-size:var(--font-size-static-sm);font-weight:var(--font-weight-normal);font-family:var(--font-body-family);text-transform:uppercase;letter-spacing:.5px;background:transparent;border:.1rem solid rgb(var(--color-foreground));color:rgb(var(--color-foreground));cursor:pointer;transition:background-color var(--duration-default),color var(--duration-default)}.quick-add-bottom-drawer__size-btn:hover{background-color:rgb(var(--color-foreground));color:rgb(var(--color-background))}.quick-add-bottom-drawer__size-btn.disabled{pointer-events:none;background-color:#ddd;background-image:linear-gradient(to bottom left,transparent calc(50% - .25px),#000 50%,#000 calc(50% + .5px),transparent calc(50% + .75px));overflow:hidden}.quick-add-bottom-drawer__size-btn.loading{pointer-events:none;opacity:.6}@media screen and (max-width:749px){.quick-add-bottom-drawer__panel{padding:2rem 1.6rem}.quick-add-bottom-drawer__close{top:2rem;right:1.6rem}.quick-add-bottom-drawer__image{display:none}.quick-add-bottom-drawer__sizes{flex-wrap:nowrap}.quick-add-bottom-drawer__size-btn{flex:1;min-width:0}}
/*# sourceMappingURL=/cdn/shop/t/30/assets/component-quick-add-bottom-drawer.css.map */