.quick-add__holder{--btn-text: var(--accent);position:absolute;right:0;bottom:0;margin:10px;z-index:10;pointer-events:auto;transform-origin:right bottom}.no-touch .product-item:not(.product-item--bundle) .product-item__image:hover .quick-add__button{visibility:unset}@media only screen and (min-width: 750px){.no-touch body.is-focused .product-item:not(.product-item--bundle) .quick-add__button{visibility:unset;transition:none}.no-touch .product-item:not(.product-item--bundle) .quick-add__holder{opacity:0;animation:slideOutDown .25s ease}.no-touch .product-item:not(.product-item--bundle) .quick-add__button{visibility:hidden;transition:visibility .5s}.no-touch .product-item:not(.product-item--bundle) .quick-add__button.has-error{animation:slideToggle 3s ease;animation-fill-mode:forwards}.no-touch .product-item:not(.product-item--bundle) .product-item__image:hover .quick-add__holder:not(.is-disabled){animation:slideInUp .25s ease;animation-fill-mode:forwards}.no-touch body.is-focused .product-item:not(.product-item--bundle) .quick-add__holder:focus-within,.no-touch .product-item:not(.product-item--bundle) .quick-add__holder.is-visible,.no-touch .product-item:not(.product-item--bundle) .quick-add__holder.has-error{animation:slideInUp .25s ease;animation-fill-mode:forwards}.no-touch .product-item:not(.product-item--bundle) .quick-add__holder.is-disabled{animation:slideOutDown .25s ease}.no-touch .product-item:not(.product-item--bundle) .quick-add__holder.is-disabled .quick-add__button{visibility:hidden}}@media only screen and (min-width: 750px) and (max-width: 989px){.no-touch .product-item:not(.product-item--bundle) .has-error>.quick-add__button{visibility:unset;display:block;max-height:none;padding:15px;opacity:1}}.quick-add__holder.is-disabled{pointer-events:none}.quick-add__button{font-size:var(--font-body-small);color:var(--COLOR-QUICK-ADD-TEXT);background:var(--COLOR-QUICK-ADD-BG)}.quick-add__button.is-visible,.quick-add__button.is-loading,.quick-add__button.is-added{visibility:unset}.quick-add__button.is-disabled{pointer-events:none}.quick-add__button .btn__bag{color:var(--accent)}@media only screen and (min-width: 750px){.quick-add__button{position:relative;display:flex;width:auto;padding:15px;cursor:pointer;box-shadow:none;text-decoration:none}.quick-add__button .btn__bag{position:static;display:block;align-self:center;width:0;height:32px;margin:-10px 0;transform:scale(0);transition:width .3s ease,transform .3s ease}.quick-add__button:hover:not(.is-loading,.is-added) .btn__bag{width:32px;transform:none}}@media only screen and (max-width: 749px){.quick-add__button{--btn-size: 36px;--btn-offset: 5px;position:relative;display:flex;align-items:center;justify-content:center;width:var(--btn-size);height:var(--btn-size);border-radius:var(--radius);background:var(--bg);pointer-events:auto;font-size:0;z-index:1}.quick-add__button:after{content:"";position:absolute;top:calc(var(--btn-offset) * -1);left:calc(var(--btn-offset) * -1);width:calc(var(--btn-size) + var(--btn-offset) * 2);height:calc(var(--btn-size) + var(--btn-offset) * 2);z-index:-1;opacity:0}.has-error .quick-add__button{width:auto;right:var(--btn-offset)}.has-error .quick-add__button .btn__error{font-size:var(--BTN-FONT-SIZE)}.quick-add__button .btn__text{display:none}}.quick-add__button>span{pointer-events:none}@keyframes slideInUp{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes slideOutDown{0%{transform:scale(1);opacity:1}to{transform:scale(0);opacity:0}}@keyframes slideToggle{0%{transform:scale(0);opacity:0}10%{transform:scale(1);opacity:1}90%{transform:scale(1);opacity:1}to{transform:scale(0);opacity:0}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/quick-add.css.map */