.modal{align-items:center;background:rgb(0 0 0 / .7);bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:fixed;right:0;top:0;transition:.3s ease opacity,.3s ease visibility;visibility:hidden;z-index:1000000}.modal.is-active{visibility:visible;opacity:1}.modal__box{background:#fff;box-shadow:0 1px 6px rgb(100 100 100 / .8);border-radius:.3125rem;max-height:90vh;max-width:48rem;position:relative;text-align:center;overflow-x:hidden;overflow-y:auto}@media (orientation:portrait) and (max-width:359px){.modal__box{max-width:20rem}}@media (max-width:767px){.modal__box{padding:.9375rem;width:95vw}}@media (min-width:768px){.modal__box{min-width:31.25rem;padding:.9375rem 1.875rem 1.875rem}}.modal__head{align-items:center;display:flex;justify-content:space-between;padding-bottom:.9375rem;position:relative}@media (max-width:767px){.modal__head{margin-bottom:.9375rem}}@media (min-width:768px){.modal__head{margin-bottom:1.875rem}}.modal__head::after{content:"";display:block;position:absolute;width:calc(100% + 60px);height:1px;background:#d1d1d1;bottom:0;left:-1.875rem}.modal__title{margin-top:.125rem}@media (max-width:767px){.modal__title{font-size:.75rem}}@media (min-width:768px){.modal__title{font-size:.875rem}}.modal__close-btn{width:32px;height:32px;background:0;border:0;cursor:pointer;position:relative;top:0}@media (-ms-high-contrast:none),(-ms-high-contrast:active){.modal__close-btn{margin-left:auto;margin-right:0}}.modal__close-btn::after,.modal__close-btn::before{content:"";display:block;position:absolute;width:22px;height:3px;background:#9a9a9a;left:50%;margin-left:-.6875rem;top:.8125rem}.modal__close-btn::before{transform:rotate(45deg)}.modal__close-btn::after{transform:rotate(-45deg)}