@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes scaleOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)}}.modal{z-index:1000;pointer-events:none;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal--open{pointer-events:auto}.modal__backdrop{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;background:#13111899;position:absolute;inset:0}.modal--open .modal__backdrop{animation:.3s forwards fadeIn}.modal--closing .modal__backdrop{animation:.3s forwards fadeOut}.modal__content{z-index:1;box-sizing:border-box;opacity:0;background:#131118;border-radius:24px;min-width:300px;max-width:1200px;min-height:300px;max-height:75%;padding:24px;position:relative;overflow-y:auto;transform:scale(.9)}.modal--open .modal__content{animation:.3s forwards scaleIn}.modal--closing .modal__content{animation:.3s forwards scaleOut}.modal__close{color:#f1f5f9;cursor:pointer;z-index:1001;background:0 0;border:none;justify-content:center;align-items:center;width:24px;height:24px;padding:0;transition:color .2s;display:flex;position:fixed;top:30px;right:30px}.modal__close:hover{color:#f1f5f999}.modal__close:focus-visible{outline-offset:4px;border-radius:4px;outline:2px solid #e2f77999}.modal__close svg{width:100%;height:100%;display:block}@media (max-width:767px){.modal--no-background{align-items:flex-start;padding-top:20px;padding-bottom:20px}}.modal--no-background .modal__content{background:0 0;min-height:auto;max-height:calc(100vh - 40px);padding:0;overflow-y:auto}