.modal{position:fixed;top:0;bottom:0;right:0;left:0;opacity:0;pointer-events:none;z-index:-1;color:var(--primary-color)}.modal-options{display:flex;flex-direction:column;height:100%}.modal-options-button{cursor:pointer;display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;color:#fff;border:none;background:transparent}@media(max-width:1600px){.modal-options-button{width:1.75rem;height:1.75rem}}@media(max-width:1440px){.modal-options-button{width:1.5rem;height:1.5rem}}@media(max-width:475px){.modal-options-button{width:1.25rem;height:1.25rem}}.overlay{width:100%;height:100%;background-color:rgba(0,0,0,.902);display:flex;align-items:center;justify-content:center;opacity:0}.content{transform:scale(.5)}@keyframes contentScaleIn{0%{transform:scale(.5)}to{transform:scale(1)}}@keyframes overlayFadeOut{0%{opacity:1}to{opacity:0}}@keyframes contentScaleOut{0%{transform:scale(1);opacity:1}to{transform:scale(.5);opacity:0}}.opened{opacity:1;pointer-events:auto;z-index:30}.opened .overlay{opacity:1;animation:overlayFadeIn .4s ease forwards}.opened .content{animation:contentScaleIn .4s ease forwards}.isClosing .overlay{animation:overlayFadeOut .4s ease forwards}.isClosing .content{animation:contentScaleOut .4s ease forwards}