@keyframes fade-in{0%{visibility:hidden;opacity:0}to{visibility:visible;opacity:1}}@keyframes fade-out{0%{visibility:visible;opacity:1}to{visibility:hidden;opacity:0}}.modal{display:none;position:fixed;top:0;right:0;flex-direction:column;justify-content:center;visibility:hidden;opacity:0;z-index:4;width:100vw;height:100vh;color:var(--color-white);font:var(--font-ml)}.modal.active{display:flex;visibility:visible;opacity:1;animation:fade-in .5s ease-in-out}.modal.hidden{display:none;visibility:hidden;opacity:0;animation:fade-out .5s ease-in-out}.modal__closeBttn{position:absolute;top:20px;right:20px;z-index:1;cursor:pointer;width:20px;object-fit:cover}@media screen and (width <=750px){.modal__closeBttn{border:2px solid transparent;border-radius:50%;background:var(--color-black);padding:0 6px}.modal{display:none;position:fixed;inset:0;z-index:4;backdrop-filter:blur(8px);transition:all .5s ease-out;background:var(--color-black);width:100vw;width:100%;height:100vh;color:var(--color-white);font:var(--font-ml)}.modal,.modal.active{flex-direction:column;justify-content:center}.modal.active{display:flex;align-items:center}}.header .modal .modal .modal__container,.modal .modal__container{background:var(--color-black)}@media screen and (width >=750px){.header .modal .modal__container{background-color:rgb(0 0 0/50%)}.page_light .modal .form{background:var(--color-white);color:var(--color-black)}}