.f\:modal{position:fixed;top:0;left:0;width:100%;height:100%;max-width:100vw;z-index:999;display:none;justify-content:center;align-items:flex-end;pointer-events:none;padding-top:64px}@media(min-width: 768px){.f\:modal{align-items:center;padding-top:0}}.f\:modal.open,.f\:modal[open]{display:flex;animation:f-fade-in .45s ease;pointer-events:auto}.f\:modal.open .f\:modal__content,.f\:modal[open] .f\:modal__content{display:flex;animation:f-fade-in-up .45s ease}.f\:modal.closing,.f\:modal[closing]{animation:f-fade-out .45s ease}.f\:modal.closing .f\:modal__content,.f\:modal[closing] .f\:modal__content{animation:f-fade-out-down .45s ease}.f\:modal:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--color-overlay-bg, #000);transition:.3s all;opacity:calc(var(--color-overlay-alpha, 40)*1%)}.f\:modal__content{width:var(--modal-width, 600px);max-width:100%;position:relative;z-index:1;max-height:90vh;display:none;flex-flow:column}@media(min-width: 768px){.f\:modal__content{max-width:90vw}}.f\:modal__content iframe{max-width:100%}.f\:modal__inner{padding:24px;width:100%;height:100%;overflow-x:hidden;border-radius:var(--f-modal-corner-radius, 4px);background:#fff}@media(max-width: 639.98px){.f\:modal__inner{padding:30px 16px;border-bottom-right-radius:0;border-bottom-left-radius:0}.f\:modal-quickview .f\:modal__inner{padding-top:0}}product-modal .f\:modal__inner{border-radius:0}.f\:modal__close{width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;padding:0;border-radius:50%;background-color:#fff;position:absolute;top:10px;right:10px;transition:.22s all;z-index:1}.f\:modal__close svg{width:20px;height:20px}.f\:modal__close:hover{transform:rotate(180deg)}.f\:modal__html{margin-top:20px}.f\:modal-quickview{padding-top:0}@media(max-width: 639.98px){.f\:modal-quickview .f\:modal__content{max-height:100%;height:100%}}.f\:modal-opener button{height:40px}