.is-succes .modal__status{border:6px solid var(--color-status-1)}.is-succes .modal__status svg{fill:var(--color-status-1)}.modal{width:100%;height:100%;background-color:#354052d9;position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;display:flex;align-items:center;overflow-y:scroll;-webkit-overflow-scrolling:touch}.modal.fade-enter-active,.modal.fade-leave-active{transition:opacity .2s}.modal.fade-enter,.modal.fade-leave-to{opacity:0}.modal .button--outline span{color:var(--color-dark)}.modal .button--outline .button--outline__icon{display:revert;fill:var(--color-dark);transform:rotate(180deg);margin-left:0}.modal__wrapper{width:100%;max-width:800px;border-radius:8px;background-color:#fff;box-shadow:0 4px 4px 0 var(--box-shadow);margin:0 auto;position:relative}.modal__content{text-align:center}.modal__close{width:96px;height:96px;background:transparent;border:0;position:absolute;top:0;right:0;display:flex;align-items:center;justify-content:center;cursor:pointer}.modal__close:hover svg{transform:rotate(90deg)}.modal__close svg{width:24px;height:24px;fill:var(--color-dark);transition:transform .3s ease}