@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalIn{0%{opacity:0;transform:translate(-50%,50dvh)}to{opacity:1;transform:translate(-50%,-50%)}}@keyframes modalOut{0%{opacity:1;transform:translate(-50%,-50%)}to{opacity:0;transform:translate(-50%,50dvh)}}.modal .background{content:"";z-index:40;background:rgba(0,0,0,.5);width:100vw;height:100dvh;position:fixed;top:0;left:0}.modal .centered{z-index:40;background:#1b1b1b;border:1px solid #303030;border-radius:12px;width:360px;padding:24px 15px;transition:all .2s linear;position:fixed;top:50%;left:50%;overflow:hidden;box-shadow:inset 0 4px 6.6px hsla(0,0%,100%,.03),inset 0 -4px 6.6px hsla(0,0%,100%,.03)}.modal .centered .centered{will-change:transform,opacity}.modal .centered .centered *{will-change:auto}body[class*=dark] .modal .centered{background-color:#1b1b1b}body[class*=light] .modal .centered{background-color:#fff}body[class*=dark] .modal .centered{border-color:#303030}body[class*=light] .modal .centered{border-color:#d6d6d6}.modal .centered:not(.modal .centered.without_animation){animation:modalIn .2s forwards}.modal .centered:not(.modal .centered.without_animation).closed{animation:modalOut .2s forwards}.modal .centered.without_animation{transform:translate(-50%,-50%)}.modal .centered.hidden{opacity:0}.modal .centered .modal-header{justify-content:flex-end;margin-bottom:12px;display:flex}.modal .centered .modal-header .header_button{cursor:pointer;-o-transition:all .3s;transition:all .3s}.modal .centered .modal-header .header_button:hover{scale:1.2}.modal .centered .modal-header.hasTitle{justify-content:space-between;align-items:center}.modal .centered .modal-header .title{font-size:18px;font-weight:500;line-height:12px}.light .header_button rect{fill:#fff;stroke:#fff}