bxstr-quick-add{display:contents}.card-wrapper{position:relative;container-type:inline-size}.card__content{position:relative}a.bxstr-card-overlay{display:block;position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;text-decoration:none;background:transparent}.bxstr-quick-add__pills{position:absolute;inset-inline:0;inset-block-end:1.2rem;margin:0;padding:1.2rem .8rem;list-style:none;display:none;flex-wrap:nowrap;align-items:center;justify-content:center;gap:0;z-index:3;pointer-events:none}.bxstr-quick-add__pills>li{pointer-events:auto}@media screen and (min-width:750px){.card-wrapper:hover .bxstr-quick-add__pills,.card-wrapper:focus-within .bxstr-quick-add__pills{display:flex}.card-wrapper:hover .card__content>.card__information,.card-wrapper:focus-within .card__content>.card__information{visibility:hidden}}.bxstr-quick-add__pill{position:relative;background:transparent;border:0;color:rgb(var(--color-foreground));padding:.7rem clamp(.5rem,4cqi,1.6rem);font:inherit;font-size:clamp(1.2rem,4.5cqi,1.4rem);letter-spacing:.05em;text-transform:uppercase;cursor:pointer;flex:0 1 auto;text-align:center;white-space:nowrap}.bxstr-quick-add__pill:hover,.bxstr-quick-add__pill:focus-visible,.bxstr-quick-add__pill:focus,.bxstr-quick-add__pill:active{outline:none;background:transparent}.bxstr-quick-add__pill--single{inline-size:100%;flex:1 1 100%;padding:.9rem 1rem}.bxstr-quick-add__pill--unavailable{text-decoration:line-through;opacity:.4;pointer-events:none;cursor:not-allowed}.bxstr-quick-add__pill--loading{opacity:.5}.bxstr-quick-add__pill--error{animation:bxstr-quick-add-shake .4s ease;color:#d92d20}@keyframes bxstr-quick-add-shake{0%,to{transform:translate(0)}20%{transform:translate(-.4rem)}40%{transform:translate(.4rem)}60%{transform:translate(-.3rem)}80%{transform:translate(.3rem)}}.bxstr-quick-add__tooltip{position:absolute;inset-block-end:calc(100% + .7rem);inset-inline-start:50%;transform:translate(-50%);background:rgb(var(--color-foreground));color:rgb(var(--color-background));padding:.5rem .9rem;font-size:1.1rem;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .12s ease,visibility .12s ease;z-index:4;font-weight:500}.bxstr-quick-add__tooltip:after{content:"";position:absolute;inset-block-start:100%;inset-inline-start:50%;transform:translate(-50%);width:0;height:0;border:.5rem solid transparent;border-block-start-color:rgb(var(--color-foreground))}@media(hover:hover)and (min-width:750px){.bxstr-quick-add__pill:not(.bxstr-quick-add__pill--unavailable):hover .bxstr-quick-add__tooltip,.bxstr-quick-add__pill:not(.bxstr-quick-add__pill--unavailable):focus-visible .bxstr-quick-add__tooltip{opacity:1;visibility:visible}}.bxstr-quick-add__mobile-trigger{display:none;background:transparent;border:0;color:rgb(var(--color-foreground));cursor:pointer;padding:.6rem;font:inherit;z-index:2}.bxstr-quick-add__mobile-trigger svg{width:1.6rem;height:1.6rem}@media screen and (max-width:749px){.bxstr-quick-add__mobile-trigger{display:inline-flex;align-items:center;justify-content:center;position:absolute;inset-inline-end:.4rem;inset-block-start:.4rem}.bxstr-quick-add__tooltip{display:none}}.bxstr-quick-add__dialog{border:0;padding:0;margin:0;inline-size:100vw;max-inline-size:100vw;max-block-size:80vh;inset-inline:0;inset-block-end:0;inset-block-start:auto;background:rgb(var(--color-background));color:rgb(var(--color-foreground));border-start-start-radius:1.6rem;border-start-end-radius:1.6rem;box-shadow:0 -1.2rem 4rem #0000002e;transform:translateY(100%);transition:transform .28s ease,overlay .28s ease allow-discrete,display .28s ease allow-discrete}.bxstr-quick-add__dialog[open]{transform:translateY(0)}@starting-style{.bxstr-quick-add__dialog[open]{transform:translateY(100%)}}.bxstr-quick-add__dialog::backdrop{background:#00000073}.bxstr-quick-add__dialog-handle{inline-size:4rem;block-size:.4rem;background:rgba(var(--color-foreground),.2);border-radius:.2rem;margin:1rem auto .6rem}.bxstr-quick-add__dialog-header{display:flex;align-items:center;justify-content:space-between;padding:.4rem 1.6rem 1rem;gap:1rem}.bxstr-quick-add__dialog-title{font-size:1.4rem;font-weight:500;letter-spacing:.02em;margin:0;text-transform:none}.bxstr-quick-add__dialog-close{background:transparent;border:0;color:inherit;cursor:pointer;padding:.4rem;display:inline-flex;align-items:center;justify-content:center;outline:none}.bxstr-quick-add__dialog-close:focus,.bxstr-quick-add__dialog-close:focus-visible{outline:none;box-shadow:none}.bxstr-quick-add__dialog-close svg{width:1.4rem;height:1.4rem}.bxstr-quick-add__dialog-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:.6rem;padding:.6rem 1.6rem 2.4rem;list-style:none;margin:0}.bxstr-quick-add__dialog-grid>li{display:contents}.bxstr-quick-add__dialog-grid .bxstr-quick-add__pill{inline-size:100%;padding:1.2rem .4rem}.bxstr-quick-add__dialog-grid .bxstr-quick-add__pill--single{grid-column:1 / -1}@container (max-width: 280px){.bxstr-quick-add__pills{justify-content:space-evenly}.bxstr-quick-add__pill{flex:1 1 0}}@media screen and (max-width:749px){.card-wrapper:has(bxstr-quick-add) .card__information .card__heading{padding-inline-end:3.6rem;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;text-overflow:ellipsis}.card-wrapper:has(bxstr-quick-add) .card__information .card__heading>a{display:inline}}@media screen and (max-width:749px){.drawer{align-items:flex-end;justify-content:center}cart-drawer .drawer__inner{width:100vw;max-width:100vw;height:100vh;max-height:100vh;border:0;border-radius:0;box-shadow:none;transform:translateY(100%);overflow-y:auto;overflow-x:hidden}cart-drawer.active .drawer__inner,cart-drawer.drawer.active .drawer__inner{transform:translateY(0)}}
/*# sourceMappingURL=/cdn/shop/t/35/assets/__bxstr_quick-add.css.map */