.modal-box{display:flex;visibility:hidden;position:fixed;justify-content:center;align-items:center;top:0;bottom:0;left:0;right:0;background:rgba(0,0,0,.7);z-index:1}.modal-box__content{max-width:100%;box-shadow:0 10px 25px rgba(0,0,0,.5);position:relative}.modal-box__close{position:absolute;top:0;right:0;width:30px;height:30px;font-size:0;text-indent:-9999px}.modal-box__close:after,.modal-box__close:before{position:absolute;left:14px;top:4px;content:" ";height:24px;width:2px;background-color:rgba(0,0,0,.4)}.modal-box__close:before{transform:rotate(45deg)}.modal-box__close:after{transform:rotate(-45deg)}.modal-box__close:hover{opacity:.5;cursor:pointer}@media screen and (max-width:425px){.modal-box.modal-box__mobile--bottom{align-items:flex-end}}@media screen and (max-width:1023px){.modal-box.modal-box__mobile--top{align-items:flex-start}}@media screen and (max-width:1023px){.modal-box.modal-box__only-container__mobile{background-color:transparent;pointer-events:none}.modal-box.modal-box__only-container__mobile .modal-box__content{pointer-events:all}}@media screen and (min-width:1024px){.modal-box.modal-box__only-container__desktop{background-color:transparent;pointer-events:none}.modal-box.modal-box__only-container__desktop .modal-box__content{pointer-events:all}}.modal-box.modal-box__only-container__all{background-color:transparent;pointer-events:none}.modal-box.modal-box__only-container__all .modal-box__content{pointer-events:all}.modal-box.modal-box__position-absolute{position:absolute}.modal-box.fade-in-animation{animation:a .4s forwards}.modal-box.fade-out-animation{animation:b .4s forwards}.modal-box [modal-box-close]>span{pointer-events:none}@keyframes a{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:visible}}@keyframes b{0%{opacity:1;visibility:visible}to{opacity:0;visibility:hidden}}