.c-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;visibility:hidden;opacity:0;display:flex;align-items:center;justify-content:center;transition:opacity .3s cubic-bezier(.215,.61,.355,1),visibility .3s cubic-bezier(.215,.61,.355,1)}.c-modal--open{visibility:visible;opacity:1}.c-modal--open .c-modal__container{transform:scale(1)}.c-modal__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000c;backdrop-filter:blur(4px);cursor:pointer}.c-modal__container{position:relative;display:flex;align-items:center;justify-content:center;box-sizing:border-box;transform:scale(.95);transition:transform .3s ease}.c-modal__content{position:relative;background:var(--colors-bg-dark-1, #1E1E1E);box-shadow:0 .2rem .6rem #0000004d;max-height:100%;overflow-y:auto;width:max-content}.c-modal__close{position:absolute;top:.16rem;right:.16rem;width:.4rem;height:.4rem;background:transparent;border:none;color:var(--colors-text-light, #F9F9F9);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:10}.c-modal__close:hover{background:var(--colors-bg-dark-2, rgba(255, 255, 255, .1))}.c-modal__close svg{width:.2rem;height:.2rem}@media (max-width: 768px){.c-modal__close{top:.12rem;right:.12rem;width:.36rem;height:.36rem}.c-modal__close svg{width:.18rem;height:.18rem}}