.popup-modal{display:flex;position:fixed;top:0;left:0;bottom:0;right:0;overflow-x:hidden;overflow-y:auto;background:rgba(var(--color-base-rgb),.3);opacity:0;visibility:hidden;z-index:-1;transition:opacity var(--duration-medium) var(--animation-bezier),visibility var(--duration-medium) var(--animation-bezier),z-index 1s var(--animation-bezier)}.popup-modal[open]{opacity:1;visibility:visible;z-index:100}.popup-modal__content{position:relative;background:var(--color-body-background);height:max-content;z-index:1}.popup-modal__toggle{position:absolute;z-index:1;display:flex;top:0;right:0;cursor:pointer;border:none;box-shadow:none;text-decoration:none;background-color:transparent;padding:20px 20px 5px 5px;margin:0}@media(min-width:993px){.popup-modal{justify-content:center;padding:40px}.popup-modal__content{width:640px;padding:40px;border-radius:var(--radius);box-shadow:var(--shadow);margin:auto 0}.popup-modal__toggle svg{opacity:var(--opacity-icons);transition:opacity var(--duration-medium) var(--animation-bezier)}.popup-modal__toggle:hover svg{opacity:1}}@media(max-width:992px){.popup-modal{justify-content:flex-end}.popup-modal__content{width:75%;padding:40px 30px;min-height:100%}.popup-modal__content{left:100%;transition:left var(--duration-medium) var(--animation-bezier)}.popup-modal[open] .popup-modal__content{left:0}.popup-modal .contact-form__field{margin-top:var(--padding2)}}@media(min-width:577px)and (max-width:992px){.popup-modal__toggle{padding-right:30px}}@media(max-width:576px){.popup-modal__content{width:calc(100% - 60px);max-width:330px;padding:40px 20px}}@media(min-width:993px){quick-add-modal:not(.quick-add-modal--single-row) .popup-modal__content{width:var(--page-width)}quick-add-modal.quick-add-modal--single-row .product__right-column:first-child{max-width:100%}}@media(max-width:992px){quick-add-modal.popup-modal{justify-content:center;align-items:flex-end}quick-add-modal .popup-modal__content{width:100%;max-width:none;min-height:0;max-height:calc(100svh - 32px);overflow-y:auto;left:0;transform:translateY(100%);transition:transform var(--duration-medium) var(--animation-bezier);border-radius:var(--radius) var(--radius) 0 0;padding-top:0!important}quick-add-modal.popup-modal[open] .popup-modal__content{left:0;transform:translateY(0)}quick-add-modal .product__right-column{max-width:100%}quick-add-modal .product__right-column:not(:first-child){margin-top:1.5rem}quick-add-modal .product__title{text-align:left!important;line-height:1.2;margin-top:.5rem;margin-bottom:.25rem}quick-add-modal .product--thumbnail_slider,quick-add-modal .product__information,quick-add-modal .usp-grid{display:none}}quick-add-modal .product__view-details{display:flex;width:100%;align-items:center;justify-content:center;gap:.5rem;margin-top:1.5rem;padding:.75rem 1.5rem;border:2px solid var(--fm-button-primary, #f72731);border-radius:var(--radius-button);color:var(--fm-text-primary, var(--color-base));font-size:1.125rem;font-weight:var(--font-button-weight);line-height:1.2;text-decoration:none;transition:background-color var(--duration-short) var(--animation-bezier)}quick-add-modal .product__view-details svg{flex-shrink:0}quick-add-modal .product__view-details svg.theme-icon path,quick-add-modal .product__view-details svg.theme-icon rect{fill:var(--fm-text-primary, var(--color-base))}@media(min-width:993px){quick-add-modal .product__view-details:hover{background-color:#f727310f}}quick-add-modal .product__modal-opener:not(.product__modal-opener--image){display:none}quick-add-modal .slider-mobile-product .deferred-media{display:block}quick-add-modal.popup-modal[open]{z-index:99}quick-add-modal .page-width,quick-add-modal .page-wide{padding:0;margin:0}quick-add-modal .testimonial-quote{display:none}quick-add-modal .shopify-app-block:has(.loox-rating){max-width:calc(100% - 2rem);pointer-events:none}quick-add-modal .shopify-app-block:has(.loox-rating) a{text-decoration:none}quick-add-modal .usp-grid{display:none}@media(max-width:992px){.popup-modal__toggle:hover:after{content:"";position:absolute;top:8px;left:-7px;width:44px;height:44px;border-radius:50%;background:var(--mobile-focus-color);z-index:-1}}.popup-modal .grid .grid{margin:0}
/*# sourceMappingURL=/cdn/shop/t/146/assets/component-modal.css.map */
