.quick-add-hover{display:none}@media screen and (min-width: 750px){.quick-add-hover{position:absolute;bottom:0;left:0;right:0;background:rgb(var(--color-background));margin:1rem;display:inline-flex;justify-content:space-between;align-items:center;transform:translateY(20%);transition:transform .3s ease-in-out,opacity .2s ease-in-out;opacity:0;z-index:2;overflow:visible}.card__content{position:relative}.card__content a:after{outline-offset:.3rem}.card__content a:after{bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}.media-link{position:absolute;top:0;left:0;right:0;bottom:4rem;z-index:1}.media-link:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0}.quick-add-hover__variants{display:flex;gap:1.3rem;padding:1rem;flex-wrap:nowrap;justify-content:center;max-height:5rem;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;width:100%}.quick-add-hover__variants::-webkit-scrollbar{height:1px}.quick-add-hover__variants::-webkit-scrollbar-thumb{background:rgba(var(--color-foreground),.5)}.quick-add-hover__variants::-webkit-scrollbar-thumb:hover{background:rgba(var(--color-foreground),.75)}.quick-add-hover__variant-button{padding:.5rem;border:none;background:none;cursor:pointer;transition:all .2s ease;position:relative;font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);color:rgba(var(--color-foreground),.75);line-height:calc(1 + .3/max(1,var(--font-heading-scale)));word-break:break-word;font-size:1.2rem;white-space:nowrap}.quick-add-hover__variant-button:hover:not(.quick-add-hover__variant-button--disabled):not(.loading):not(.success):not(.error){background:none;color:rgb(var(--color-foreground))}.quick-add-hover__variant-button--disabled{color:rgba(var(--color-foreground),.3);text-decoration:none;position:relative}.quick-add-hover__variant-button--disabled:hover{color:rgba(var(--color-foreground),.5);cursor:pointer}.quick-add-hover__variant-button.loading{cursor:wait;color:rgb(var(--color-foreground))}.quick-add-hover__variant-button.success{background:rgb(var(--color-success));color:rgb(var(--color-background));border-color:rgb(var(--color-success))}.quick-add-hover__variant-button.error{background:rgb(var(--color-error));color:rgb(var(--color-background));border-color:rgb(var(--color-error))}.quick-add-hover__variant-button .loading__spinner,.quick-add-hover__variant-button .spinner{width:.5rem;height:.5rem}.quick-add-hover__variant-button--disabled .icon-envelope{position:absolute;bottom:-8px;right:calc(50% - 6.5px);max-height:13px;max-width:13px}.quick-add-hover__scroll-button{position:absolute;top:0;bottom:0;width:3rem;border:none;cursor:pointer;color:rgba(var(--color-foreground),.75);display:flex;align-items:center;justify-content:center;transition:color .2s ease-in-out;z-index:3}.quick-add-hover__scroll-button--left{left:0;background:rgb(var(--color-background));padding:0}.quick-add-hover__scroll-button--right{right:0;background:rgb(var(--color-background));padding:0}.quick-add-hover__scroll-button:hover:not(.disabled){color:rgb(var(--color-foreground))}.quick-add-hover__scroll-button.disabled{color:rgba(var(--color-foreground),.3);cursor:default}.quick-add-hover__scroll-button svg{width:.8rem;height:.8rem;flex-shrink:0}.quick-add-hover.has-scroll-buttons .quick-add-hover__variants{padding:1rem 3rem}@media (hover: hover){.card:hover .quick-add-hover{transform:translateY(0);opacity:1}}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/custom-quick-add-hover.css.map */