.quick-add__submit .quick-add__icon{order:-1;display:inline-flex;flex-shrink:0;width:1.2rem;height:1.2rem;transition:transform .4s cubic-bezier(.2,.8,.2,1)}.quick-add__submit .quick-add__icon svg{width:100%;height:100%}.quick-add__submit:hover .quick-add__icon{transform:rotate(90deg)}.quick-add__submit[disabled] .quick-add__icon,.quick-add__submit[aria-disabled=true] .quick-add__icon{display:none}.product-card-wrapper .card--media .quick-add{position:absolute;top:var(--image-padding, 0rem);left:var(--image-padding, 0rem);right:var(--image-padding, 0rem);height:0;padding-bottom:var(--ratio-percent, 100%);margin:0;z-index:2;pointer-events:none}.product-card-wrapper .card--media .quick-add>modal-opener,.product-card-wrapper .card--media .quick-add>product-form{position:absolute;left:1.2rem;right:1.2rem;bottom:1.2rem;display:flex;justify-content:center;pointer-events:none}.product-card-wrapper .card--media .quick-add>product-form form{display:flex;justify-content:center;width:100%}.product-card-wrapper .card--media .quick-add .quick-add__submit{--buttons-radius: 10rem;--buttons-radius-outset: 10rem;display:inline-flex;align-items:center;justify-content:center;gap:.8rem;width:auto;min-width:0;max-width:100%;min-height:4.2rem;padding:0 2rem;border-radius:10rem;background-color:rgba(var(--color-background),.94);color:rgb(var(--color-foreground));-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 .6rem 1.8rem #00000024;font-size:1.3rem;letter-spacing:.04rem;white-space:nowrap;pointer-events:auto;transition:background-color .2s ease,color .2s ease,box-shadow .2s ease}.product-card-wrapper .card--media .quick-add .quick-add__submit:after,.product-card-wrapper .card--media .quick-add .quick-add__submit:hover:after{box-shadow:none}.product-card-wrapper .card--media .quick-add .quick-add__submit:not([disabled]):hover{background-color:rgb(var(--color-foreground));color:rgb(var(--color-background));box-shadow:0 .8rem 2.2rem #0003}.product-card-wrapper .card--media .quick-add .quick-add__label{overflow:hidden;text-overflow:ellipsis}@media(hover:hover)and (pointer:fine){.product-card-wrapper .card--media .quick-add .quick-add__submit{opacity:0;transform:translateY(1.4rem) scale(.96);pointer-events:none;transition:opacity .3s ease,transform .45s cubic-bezier(.2,.8,.2,1),background-color .2s ease,color .2s ease,box-shadow .2s ease}.product-card-wrapper:hover .card--media .quick-add .quick-add__submit,.product-card-wrapper:focus-within .card--media .quick-add .quick-add__submit{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.product-card-wrapper .card--text .quick-add>modal-opener,.product-card-wrapper .card--text .quick-add>product-form{display:block;opacity:0;transform:translateY(.6rem);pointer-events:none;transition:opacity .25s ease,transform .35s cubic-bezier(.2,.8,.2,1)}.product-card-wrapper:hover .card--text .quick-add>modal-opener,.product-card-wrapper:hover .card--text .quick-add>product-form,.product-card-wrapper:focus-within .card--text .quick-add>modal-opener,.product-card-wrapper:focus-within .card--text .quick-add>product-form{opacity:1;transform:translateY(0);pointer-events:auto}}@media(hover:none),(pointer:coarse){.product-card-wrapper .card--media .quick-add>modal-opener,.product-card-wrapper .card--media .quick-add>product-form,.product-card-wrapper .card--media .quick-add>product-form form{justify-content:flex-end}.product-card-wrapper .card--media .quick-add>modal-opener,.product-card-wrapper .card--media .quick-add>product-form{left:.8rem;right:.8rem;bottom:.8rem}.product-card-wrapper .card--media .quick-add .quick-add__submit{width:3.8rem;height:3.8rem;min-height:3.8rem;padding:0;gap:0}.product-card-wrapper .card--media .quick-add .quick-add__label{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.product-card-wrapper .card--media .quick-add .quick-add__icon{width:1.4rem;height:1.4rem}.product-card-wrapper .card--media .quick-add .quick-add__submit[disabled]{display:none}}@media(prefers-reduced-motion:reduce){.quick-add__submit .quick-add__icon,.product-card-wrapper .card--media .quick-add .quick-add__submit,.product-card-wrapper .card--text .quick-add>modal-opener,.product-card-wrapper .card--text .quick-add>product-form{transition:opacity .2s ease;transform:none}.product-card-wrapper:hover .card--media .quick-add .quick-add__submit,.product-card-wrapper:focus-within .card--media .quick-add .quick-add__submit{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/component-card-hover.css.map */