@charset "utf-8";callback{border-radius:50%;background:#1a7ec0;width:60px;height:60px;display:grid;place-items:center;position:fixed;bottom:20px;right:20px;cursor:pointer;transition:scale .2s;&[first-time]{animation:callback .25s 1s backwards}&::before{content:"";border-radius:50%;position:absolute;inset:0;box-shadow:0 3px 12px rgb(0 0 0 / .15);transition:.2s}&:hover{background:#00a0e3;&::before{box-shadow:0 5px 24px rgb(0 0 0 / .3)}svg{scale:1.1}}svg{width:60%;height:60%;fill:#fff;scale:1;transition:scale .3s}&:active{scale:.96}}cb{background:rgb(0 0 0 / 0);width:100%;height:100%;display:none;position:fixed;transition:.5s allow-discrete;z-index:100;user-select:none;&[open]{background:rgb(0 0 0 / .7);display:block;//transition:.5s;@starting-style{background:rgb(0 0 0 / 0)}alert{opacity:1;translate:0 100px;transition:opacity .25s,translate .5s;@starting-style{opacity:0;translate:0 -400px}}}alert{border-radius:10px;background:#fff;max-width:360px;display:flex;flex-flow:column;gap:10px;margin:auto;padding:30px;opacity:0;translate:0 25vh;transition:opacity .25s,translate .25s;box-shadow:0 5px 30px rgb(0 0 0 / .75)}wrapper{margin:0 0 10px;padding:0}form{max-width:100%!important;button{width:100%!important}}}@keyframes callback{0%{scale:0}75%{scale:1.1}}