.f-modal{align-items:flex-end;display:none;height:100%;justify-content:center;left:0;max-width:100vw;padding-top:6.4rem;pointer-events:none;position:fixed;top:0;width:100%;z-index:999}@media (min-width:768px){.f-modal{align-items:center;padding-top:0}}.f-modal.open,.f-modal[open]{animation:f-fade-in .45s ease;display:flex;pointer-events:auto}.f-modal.open .f-modal__content,.f-modal[open] .f-modal__content{animation:f-fade-in-up .45s ease;display:flex}.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{background:var(--color-overlay-bg,#000);content:"";height:100%;left:0;opacity:calc(var(--color-overlay-alpha, 40) * 1%);position:absolute;top:0;transition:all .3s;width:100%}.f-modal__content{box-shadow:none;display:none;flex-flow:column;max-height:90vh;outline:0;position:relative;width:var(--modal-width,600px);z-index:1}@media (min-width:768px){.f-modal__content{max-width:90vw}}.f-modal__inner{background:#fff;border-radius:var(--card-corner-radius);height:100%;overflow-x:hidden;padding:2.4rem;width:100%}@media (max-width:639.98px){.f-modal__inner{border-bottom-left-radius:0;border-bottom-right-radius:0;padding:3rem 1.6rem}.f-modal-quickview .f-modal__inner{padding-top:0}}product-modal .f-modal__inner{border-radius:0}.f-modal__close{align-items:center;background-color:#fff;border-radius:50%;display:inline-flex;height:3rem;inset-block-start:1.6rem;inset-inline-end:1.6rem;justify-content:center;padding:0;position:absolute;transition:all .22s;width:3rem;z-index:1}.f-modal__close svg{height:2rem;transition:transform .22s;width:2rem}.f-modal__close:hover svg{transform:rotate(180deg)}.f-modal-quickview{padding-top:0}modal-opener button{height:4rem}@media (max-width:767.98px){.f-modal-quickview .f-modal__content{height:100%;max-height:100%}}