.modal{bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;left:0;position:fixed;right:0;top:0;z-index:var(--z-index-modal);-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:rgba(var(--color-k100-rgb),.4)}.modal__container{background-color:var(--color-white);position:relative}.modal__title{color:var(--color-k80);font-size:2rem;font-weight:var(--font-weight-bold);text-align:center}.modal__title--plaintext{padding:32px}.modal__content{max-height:calc(100vh - 248px);overflow-y:auto}.modal__content--overlay-scroll{overflow-y:overlay}.modal__closeButton{background-color:transparent;border:none;cursor:pointer;height:36px;outline:none;padding:0;position:absolute;right:0;top:-36px;width:36px}.modal__closeButton:after,.modal__closeButton:before{background-color:var(--color-white);content:" ";height:3px;left:5px;position:absolute;top:16px;width:26px}.modal__closeButton:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.modal__closeButton:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.modal-fade-enter-active,.modal-fade-leave-active{-webkit-transition:opacity .3s;transition:opacity .3s}.modal-fade-enter,.modal-fade-leave-to{opacity:0}