.modal_box{display:flex;position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;align-items:center;justify-content:stretch;height:calc(var(--vh, 1vh)*100);background-color:rgba(0,0,0,.75);transition:.5s;visibility:hidden;opacity:0;z-index:15}.modal_box.is_visible{visibility:visible;opacity:1}.modal_box.is_visible .inner{transform:translateY(0)}.modal_box .inner{position:relative;overflow-x:hidden;overflow-y:auto;width:100%;height:auto;min-height:0;max-height:100%;padding:20px;transition:.5s;transform:translateY(-600px)}.modal_box .modal{display:block;position:relative;width:100%;max-width:720px;padding:var(--gap-section-side);background-color:var(--color-base);margin:0 auto}.modal_box .close{display:block;position:absolute;top:10px;right:10px;background:none;border:none;outline:none;width:20px;height:20px;cursor:pointer}.modal_box .close:after,.modal_box .close:before{content:"";position:absolute;top:50%;left:0;right:0;transform:translateY(-50%) rotate(45deg);display:block;width:100%;height:2px;background-color:currentColor;transition:.2s}.modal_box .close:before{transform:translateY(-50%) rotate(-45deg)}@media(hover: hover){.modal_box .close:hover{color:#090}}
/*# sourceMappingURL=modal.css.map */