.modal-component{position:fixed;inset:0;background-color:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:50;color:var(--black)}.modal-component-inner{background-color:#fff;padding:1.2vw;border-radius:1vw;box-shadow:0 1vw 1.2vw -.3vw rgba(0,0,0,.1),0 .4vw .6vw -.4vw rgba(0,0,0,.1);position:absolute}.modal-component-header{display:flex;justify-content:space-between;align-items:center;font-size:1.5vw;font-weight:700;margin-bottom:1vw}.modal-component-body{overflow-y:auto}.close-btn svg{width:1vw;height:1vw}.close-btn svg path{stroke:#000;fill:#000}.modal-bottom,.modal-center{position:absolute!important}.modal-bottom{bottom:0!important}.modal-70vw{width:70vw!important}.modal-100vw{width:100vw!important}.modal-50vw{width:50vw!important}.modal-60vw{width:60vw!important}.modal-80vw{width:80vw!important}.modal-90vw{width:90vw!important}.modal-40vw{width:40vw!important}.modal-30vw{width:30vw!important}.modal-20vw{width:20vw!important}.modal-10vw{width:10vw!important}.modal-component-title{font-size:1.7vw!important}@media only screen and (max-width:700px){.modal-component-inner{padding:4vw;border-radius:4vw}.modal-component-header{font-size:5vw;font-weight:700;margin-bottom:2vw;padding:2vw 1vw}.close-btn svg{width:5vw;height:5vw}.modal-component-title{font-size:5vw!important}}