.modal{position:fixed;inset:0;transition:opacity .3s,z-index 0s .3s;z-index:-1;opacity:0;overflow-y:auto;display:flex;justify-content:center;align-items:flex-start;padding:calc(var(--spacing) * 1) 20px}.modal__close{position:absolute;top:10px;right:10px;z-index:5;height:24px;width:24px;border-radius:50%}.keyboard-input .modal__close:focus{outline:2px solid #0068d1}.modal__inner{position:relative;background:#fff;border-radius:8px;padding:var(--spacing) 0;width:100%;max-width:485px;display:flex;flex-direction:column}.modal__inner__title{text-align:center;padding:0 var(--spacing) var(--spacing)}.modal__inner__title__main{line-height:1.2}.modal__inner__title__title-sub{margin-top:5px;font-weight:300}.modal--left .modal__inner__title{text-align:left}.modal__content{background:inherit;overflow-x:hidden;overflow-y:auto;padding:0 var(--spacing)}.modal--open{z-index:16000;opacity:1;transition:opacity .3s,z-index 0s}.modal--title-center .modal__inner__title{text-align:center}.modal [data-modal-content]{display:block}[data-modal-content]{display:none}@media (max-width:767px){.modal__inner{padding-top:calc(var(--spacing) * 2)}.modal__content{padding-bottom:var(--spacing)}.modal--fill-mob{padding:0}.modal--fill-mob .modal__inner{border-radius:0;max-width:none;height:100%;width:100%;padding-bottom:0}}@media (min-width:768px){.modal--wide .modal__inner{max-width:732px}}@media (min-width:992px){.modal{padding-top:calc(var(--spacing) * 3);padding-bottom:calc(var(--spacing) * 3)}.modal--wide .modal__inner{max-width:844px}}