.f-modal{--modal-background-color: var(--color-white);--modal-button-background-color: var(--color-black);--modal-button-fill-color: var(--color-white);background-color:var(--modal-background-color);position:fixed;z-index:8000;border-radius:var(--border-radius);padding:0.625rem;border:0;opacity:0;width:calc(100vw - 40px);max-width:42.125rem;-webkit-transform:scale(0.95);-ms-transform:scale(0.95);transform:scale(0.95);-webkit-transition:opacity .3s cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform .3s cubic-bezier(0.4, 0, 0.2, 1);transition:opacity .3s cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform .3s cubic-bezier(0.4, 0, 0.2, 1);transition:opacity .3s cubic-bezier(0.4, 0, 0.2, 1),transform .3s cubic-bezier(0.4, 0, 0.2, 1);transition:opacity .3s cubic-bezier(0.4, 0, 0.2, 1),transform .3s cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform .3s cubic-bezier(0.4, 0, 0.2, 1)}.f-modal.-theme-dark{--modal-background-color: var(--color-black);--modal-button-background-color: var(--color-white);--modal-button-fill-color: var(--color-black);max-width:56.25rem}.is-open .f-modal{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.f-modal-container{position:fixed;display:-webkit-box;display:-ms-flexbox;display:flex;z-index:8000}.f-modal-backdrop{position:fixed;inset:0;z-index:7999;background-color:var(--color-black-dark-12-rgba);backdrop-filter:blur(6px);opacity:0;pointer-events:none;-webkit-transition:opacity .3s ease;transition:opacity .3s ease;visibility:hidden}.is-open .f-modal-backdrop{opacity:1;visibility:visible}.f-modal__close-button{background-color:var(--modal-button-background-color);display:-webkit-box;display:-ms-flexbox;display:flex;width:48px;height:48px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:100%;position:absolute;top:10px;right:10px;max-width:56.25rem;-webkit-transition:background-color .3s ease;transition:background-color .3s ease}.f-modal__close-button:hover,.f-modal__close-button:focus-visible,.f-modal__close-button:active{background-color:var(--color-blue-ocean)}.f-modal__close-button__icon{width:20px;height:20px;fill:var(--modal-button-fill-color)}.f-modal__content{padding:1.25rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}@media (min-width: 768px){.f-modal{width:calc(100vw - 160px)}.f-modal__content{padding:4.5rem 3.5rem}}