/* Generated from src/css/quick-add.css by scripts/build-css.mjs — edit the source, not this file. */
.card__quick-add{z-index:3;padding:calc(2 * var(--space-unit));flex-shrink:0;display:block;position:absolute;bottom:100%;left:0;right:0}.card:focus-within .card__quick-add{opacity:1;pointer-events:initial}.quick-add-info{grid-template-columns:80px auto 44px}.quick-add-info__details{padding-inline-start:calc(5 * var(--space-unit))}.quick-add-info__details>hr{margin:calc(4 * var(--space-unit)) 0}.quick-add-info__media{background-color:rgba(var(--drawer-bg-color));align-self:self-start}.quick-add-btn-icon,.quick-add-view-btn{display:none}.quick-add__close-btn--mob{margin-left:calc(100% - 30px);position:sticky;top:-8px}.quick-add__product-details{margin-top:calc(var(--gutter) * -1)}.quick-add-info .product-info__price,.quick-add-info .price__current{font-size:var(--h5-font-size)}.quick-add-info .price__was{font-size:.8em}.quick-add__product-details .custom-option__inner{margin-bottom:3rem}.quick-add-info .unit-price{font-size:calc(var(--body-font-size) * .88px)}.main-products-grid[data-layout=list] .card__quick-add{opacity:1;text-align:start;pointer-events:initial;padding-inline-start:0;position:static;transform:none}.main-products-grid[data-layout=list] .card__quick-add .btn{padding:var(--btn-padding-y,12px) 26px}.main-products-grid[data-layout=list] .card__info-container{flex-direction:row}.main-products-grid[data-layout=list] .quick-add-btn-icon{display:none}.main-products-grid[data-layout=list] .quick-add-btn-text{display:block}@media (width<=599.98px){.main-products-grid[data-layout=list] .mob\:card__quick-add--icon .quick-add-btn-icon{display:block}.main-products-grid[data-layout=list] .mob\:card__quick-add--icon .quick-add-btn-text{display:none}.main-products-grid[data-layout=list] .mob\:card__quick-add--icon .btn{width:auto;padding:8px}.main-products-grid[data-layout=list] .card__info-container:has(.mob\:card__quick-add--below){flex-wrap:wrap}.main-products-grid[data-layout=list] .mob\:card__quick-add--below{margin-top:calc(2 * var(--space-unit));flex:0 0 100%}}.drawer__back-btn{margin-inline-end:calc(2 * var(--space-unit))}.quick-add__content{z-index:-2}.quick-add__footer:before{content:"";z-index:-1;background-color:rgba(var(--drawer-bg-color));position:absolute;inset:0}.quick-add__footer .backorder{margin-top:calc(4 * var(--space-unit))}.quick-add__footer-message{border-top-color:rgba(var(--info-text-color) / .3);padding:0}.quick-add__alert{z-index:-2;transition:transform var(--ease-duration-slow) var(--ease-standard), opacity var(--ease-duration-slow) var(--ease-standard), visibility var(--ease-duration-slow) var(--ease-standard);border:0;transition-delay:0s;bottom:100%;display:block!important}.quick-add__alert .link{color:currentColor}.quick-add__alert .icon{margin-top:var(--space-unit);transition:transform var(--ease-duration-base) var(--ease-standard), opacity var(--ease-duration-base) var(--ease-standard);margin-inline-end:calc(5 * var(--space-unit));transition-delay:.2s}.quick-add__alert .icon--check_mark_in_circle circle{fill:currentColor}.quick-add__alert .icon--check_mark_in_circle path,.quick-add__alert .icon--check_mark_in_circle polyline{stroke:rgb(var(--success-bg-color))}.quick-add__alert[hidden]{visibility:hidden;opacity:0;transition-delay:2s;transform:translateY(30px)}.quick-add__alert[hidden] .icon{opacity:0;transition-delay:1.9s;transform:scale(.5)}@media (width<=768.98px){.quick-add-drawer{height:auto;max-height:calc(var(--viewport-height,100vh) - 100px)}.quick-add-drawer.is-loading{height:50vh}}@media (width<=1023.98px){.mob\:card__quick-add--below{padding:calc(4 * var(--space-unit)) 0 0 0;position:static}.mob\:card__quick-add--below .btn{padding-left:10px;padding-right:10px}.mob\:card__quick-add--icon{text-align:end;pointer-events:none!important}.mob\:card__quick-add--icon .btn{pointer-events:initial;width:auto;padding:5px}.mob\:card__quick-add--icon .quick-add-btn-icon{display:block}.mob\:card__quick-add--icon .quick-add-btn-text{display:none}}@media (width>=769px){.quick-add__product-details{margin-top:0}.main-products-grid[data-layout=list] .card__quick-add{padding:0;align-items:center;padding-inline-start:calc(8 * var(--space-unit));display:flex}.main-products-grid[data-layout=list] .quick-add-view-btn{margin-top:calc(3 * var(--space-unit));display:block}.quick-add-info{grid-template-columns:30% auto}.quick-add-info__details{padding-inline-start:calc(8 * var(--space-unit))}.card:hover .desktop\:card__quick-add--icon{pointer-events:none!important}.card:hover .desktop\:card__quick-add--icon .btn{pointer-events:initial}}@media (width>=1024px){.quick-add-info{grid-template-columns:144px auto}.card__quick-add:not(.desktop\:card__quick-add--below){opacity:0;transition:opacity var(--ease-duration-fast) var(--ease-standard), transform var(--ease-duration-fast) var(--ease-standard);pointer-events:none;transform:translateY(10px)}.card:hover .card__quick-add:not(.desktop\:card__quick-add--below),.card:focus-within .card__quick-add:not(.desktop\:card__quick-add--below){opacity:1;pointer-events:initial;transform:translateY(0)}.desktop\:card__quick-add--below{padding:calc(4 * var(--space-unit)) 0 0 0;position:static}.main-products-grid:not([data-layout=list]) .desktop\:card__quick-add--icon,.products-grid-container .desktop\:card__quick-add--icon{text-align:end}.main-products-grid:not([data-layout=list]) .desktop\:card__quick-add--icon .btn,.products-grid-container .desktop\:card__quick-add--icon .btn{width:auto;transition:opacity var(--ease-duration-base) var(--ease-standard);opacity:.9;padding:6px}.main-products-grid:not([data-layout=list]) .desktop\:card__quick-add--icon .btn path:nth-child(2),.products-grid-container .desktop\:card__quick-add--icon .btn path:nth-child(2){transform-origin:70% 75%;transition:transform var(--ease-duration-base) var(--ease-standard)}.main-products-grid:not([data-layout=list]) .desktop\:card__quick-add--icon .btn:after,.products-grid-container .desktop\:card__quick-add--icon .btn:after{content:"";z-index:-1;width:44px;height:44px;display:inline-block;position:absolute;bottom:-6px;right:-6px}.main-products-grid:not([data-layout=list]) .desktop\:card__quick-add--icon .btn.is-loading:after,.products-grid-container .desktop\:card__quick-add--icon .btn.is-loading:after{width:16px;height:16px;top:calc(50% - 8px);right:calc(50% - 8px)}.main-products-grid:not([data-layout=list]) .desktop\:card__quick-add--icon .btn.is-loading:before,.products-grid-container .desktop\:card__quick-add--icon .btn.is-loading:before{transform:scale(.8)scaleX(-1)rotate(135deg)translate(-50%)translateY(-50%)}.main-products-grid:not([data-layout=list]) .desktop\:card__quick-add--icon .btn:not(.is-loading):before,.products-grid-container .desktop\:card__quick-add--icon .btn:not(.is-loading):before{content:"";z-index:-1;transition:transform var(--ease-duration-base) var(--ease-standard), opacity var(--ease-duration-base) var(--ease-standard);border-radius:inherit;opacity:0;background:inherit;position:absolute;inset:0}.main-products-grid:not([data-layout=list]) .desktop\:card__quick-add--icon .btn:not(.is-loading):hover,.products-grid-container .desktop\:card__quick-add--icon .btn:not(.is-loading):hover{opacity:1;border-color:#0000}.main-products-grid:not([data-layout=list]) .desktop\:card__quick-add--icon .btn:not(.is-loading):hover:before,.products-grid-container .desktop\:card__quick-add--icon .btn:not(.is-loading):hover:before{opacity:1;transform:scale(1.1)}.main-products-grid:not([data-layout=list]) .desktop\:card__quick-add--icon .btn:not(.is-loading):hover path:nth-child(2),.products-grid-container .desktop\:card__quick-add--icon .btn:not(.is-loading):hover path:nth-child(2){transform:rotate(180deg)}.main-products-grid:not([data-layout=list]) .desktop\:card__quick-add--icon .quick-add-btn-icon,.products-grid-container .desktop\:card__quick-add--icon .quick-add-btn-icon{display:block}.main-products-grid:not([data-layout=list]) .desktop\:card__quick-add--icon .quick-add-btn-text,.products-grid-container .desktop\:card__quick-add--icon .quick-add-btn-text{display:none}.main-products-grid[data-layout=list] .card__quick-add:not(.desktop\:card__quick-add--below){opacity:1;transform:translateY(0)}}@media (width>=1280px){.main-products-grid[data-layout=list] .card__quick-add{padding-inline-start:100px}}@media (width>=1536px){.main-products-grid[data-layout=list] .card__quick-add{padding-inline-start:150px}}