@media screen and (max-width: 989px){.product-grid-2-column .quick-add_container,.product-grid-2-column .quick-add_colors{display:none}}@media screen and (max-width: 989px){.swiper-slide .product-card .quick-add_container,.swiper-slide .product-card .quick-add_colors{display:none}}.quick-add_container{position:absolute;bottom:15px;width:90%;left:50%;transform:translate(-50%);opacity:0;transition:.5s cubic-bezier(.22,1,.36,1);overflow:hidden;z-index:30;border-radius:.25rem}.quick-add_container.is-loading{opacity:1}.quick-add_container.is-loading .quick-add-options,.quick-add_container.is-loading span{opacity:0}.quick-add_container .loading-overlay{display:none;transform:translate(-50%) scale(.8)}.quick-add_container.is-loading .loading-overlay{display:unset;left:50%}.quick-add-options:empty{display:none!important}.quick-add-option_label{pointer-events:none}.quick-add-options{overflow-y:hidden;overflow-x:auto;white-space:nowrap;transform:translate3d(0,100%,0);opacity:0;top:0;left:0;display:flex!important;justify-content:space-between;align-items:center;pointer-events:none;transition:.5s cubic-bezier(.22,1,.36,1);position:absolute;width:100%;height:100%;background-color:#fff}@media (min-width: 990px){.quick-add_container:not(.is-loading):hover .quick-add-options{transform:translateZ(0);opacity:1;pointer-events:auto}.quick-add_container:is(.is-loading):hover .quick-add{transform:translateZ(0);pointer-events:none}.product-card__container:hover .quick-add_container{opacity:1}}.quick-add-option__fieldset,.quick-add-option__legend{padding:0;font-size:.75rem}.quick-add-options{flex-direction:column;justify-content:center;gap:.5rem}.quick-add-options fieldset{display:flex;justify-content:center;gap:.5rem;margin:0;border:none;width:100%}.drawer-product-recommendation__swiper-container .quick-add_container{display:none}@media (min-width: 1610px){.quick-add-option__fieldset,.quick-add-option__legend{padding:0 1rem}.quick-add-options fieldset{gap:.5rem}.quick-add-options{flex-direction:row}}.quick-add-option__fieldset .input-container label{display:flex;align-items:center;justify-content:center;cursor:pointer;transform:translate3d(0,15px,0);border:1px solid var(--color-grey-500);border-radius:.125rem;width:1.5rem;height:1.5rem;font-size:.5rem}@media (min-width: 990px) and (max-width: 1200px){.quick-add-option__fieldset .input-container label{width:1.25rem;height:1.25rem}}.quick-add-option_label.unavailable{cursor:not-allowed!important;border:1px solid var(--color-grey-300)!important;color:var(--color-grey-300)}@media (min-width: 1300px){.quick-add-option__fieldset .input-container label{font-size:.75rem;width:2rem;height:2rem}}@media (min-width: 1400){.quick-add-option__fieldset .input-container label{font-size:.75rem;width:2.1rem;height:2.1rem}}@media (min-width: 1610px){.quick-add-option__fieldset .input-container label{width:2.2rem;height:2.2rem}}@media (min-width: 990px){.quick-add_container:hover .input-container label{transform:translateZ(0);opacity:1}}.quick-add_container .input-container:nth-child(1) label{transition:opacity .5s cubic-bezier(.22,1,.36,1),transform .3s cubic-bezier(.22,1,.36,1),border-color .3s cubic-bezier(.22,1,.36,1)}.quick-add_container .input-container:nth-child(2) label{transition:opacity .11s cubic-bezier(.22,1,.36,1),transform .5s cubic-bezier(.22,1,.36,1),border-color .3s cubic-bezier(.22,1,.36,1)}.quick-add_container .input-container:nth-child(3) label{transition:opacity .165s cubic-bezier(.22,1,.36,1),transform .3s cubic-bezier(.22,1,.36,1),border-color .3s cubic-bezier(.22,1,.36,1)}.quick-add_container .input-container:nth-child(4) label{transition:opacity .22s cubic-bezier(.22,1,.36,1),transform .6s cubic-bezier(.22,1,.36,1),border-color .3s cubic-bezier(.22,1,.36,1)}.quick-add_container .input-container:nth-child(5) label{transition:opacity .275s cubic-bezier(.22,1,.36,1),transform .3s cubic-bezier(.422,1,.36,1),border-color .3s cubic-bezier(.22,1,.36,1)}.quick-add_container .input-container:nth-child(6) label{transition:opacity .33s cubic-bezier(.22,1,.36,1),transform .4s cubic-bezier(.22,1,.36,1),border-color .3s cubic-bezier(.22,1,.36,1)}@media (min-width: 1610px){.quick-add-option__legend{flex:1}}.quick-add-option{margin:0}.quick-add-options fieldset>div:hover label{border-color:var(--color-black);background-color:var(--color-black);color:var(--color-white)}.quick-add-options fieldset>div{position:relative}.quick-add.button{padding:1rem .5rem}.quick-add-options fieldset>div input[type=radio]{position:absolute;height:100%;width:100%;opacity:0;cursor:pointer;z-index:10}.quick-add-option.unavailable{cursor:not-allowed!important}.quick-add_colors{display:flex;gap:.6rem;align-items:center;border:none;padding:none}.quick-add_colors .product-form__input{flex:unset;position:relative}.quick-add_colors .product-form__input input[type=radio]+.color-swatch{width:1.5rem;height:1.5rem;border:1px solid var(--color-light-grey-300)}.quick-add_colors .product-form__input input[type=radio]{position:absolute;opacity:0;cursor:pointer;width:100%;height:100%}.quick-add_colors .product-form__input input[type=radio]+label:hover,.quick-add_colors .product-form__input input[type=radio]:checked+label{border:1px solid transparent;outline:1px solid var(--color-light-grey-300);outline-offset:2px}@media screen and (max-width: 990px){.quick-add_colors .product-form__input input[type=radio]+label:hover,.quick-add_colors .product-form__input input[type=radio]:checked+label{border:2px solid var(--color-light-grey-300);outline:unset}}.quick-add_colors .product-form__input,.quick-add_colors .color-swatch{margin:0!important}.quick-add-form .price,.quick-add-form .swiper-product-recommendation__wrapper .price.price--small{margin-bottom:0rem;padding-bottom:0!important}button.quick-add{width:100%}button.quick-add{transition:.3s cubic-bezier(.39,.575,.565,1)}button.quick-add:hover{background:var(--color-grey-100);color:var(--color-black)}.input-container.disabled{position:relative;overflow:hidden}.input-container.disabled:after{position:absolute;content:"";width:150%;height:1px;background-color:var(--color-grey-200);top:50%;left:50%;transform:translate(-50%,-50%) rotate(40deg)}
/*# sourceMappingURL=/cdn/shop/t/188/assets/quick-add.css.map */