:root{--main-color:crimson;--notify-succ-color:#1fb9c0;--notify-warn-color:var(--main-color);--input-font-size:18px;--padding-coefficient:1.75;--input-bottom-margin:1.5rem;--result-margin:3rem;--theme-delay:0.75s}html{height:100%}body,html{min-height:100vh;min-height:-webkit-fill-available;transition:all .75s;transition:all var(--theme-delay)}body{display:flex;flex-direction:column;font-family:Roboto,sans-serif;font-family:Comic Sans MS,Comic Sans;font-size:20px;margin:0 auto;max-width:800px;padding:0 2rem 2rem;position:relative}#header{margin:1rem auto 3rem;margin-bottom:var(--result-margin);max-width:760px;text-align:center}#header h1{margin-top:0}#header p{font-size:18px;margin:.5rem 0}#header p:last-of-type{margin-bottom:0}.text-highlight{border-bottom:2px solid crimson;border-bottom:2px solid var(--main-color)}#main{align-items:center;display:flex;flex-direction:column;gap:3rem;gap:var(--result-margin);margin:0 4rem;text-align:center}#inputs-wrapper{position:relative}#inputs-wrapper,#result-wrapper{align-items:center;display:flex;flex-direction:column;justify-content:space-around;padding:3rem 3rem 0;padding:var(--result-margin) var(--result-margin) 0 var(--result-margin)}#result-wrapper{gap:.75rem}#background-input-wrapper{position:relative}#result-input-wrapper{display:inline-block;position:relative}#input-buttons{display:flex;justify-content:space-between;margin:-1.5rem 0 2rem;margin-top:calc(var(--input-bottom-margin)*-1);width:100%}.input-placeholder{-webkit-animation:create .4s ease-out;animation:create .4s ease-out}.buttons{cursor:pointer;font-size:28px;padding:0 .5rem}.buttons:first-of-type{color:crimson;color:var(--main-color)}#inputs-wrapper label{margin-bottom:1.5rem;margin-bottom:var(--input-bottom-margin)}#background-input-wrapper label{margin-bottom:0}#copy,#white-fill{cursor:pointer;margin-left:1.5rem;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:26px}#white-fill{width:28px}#copy.disabled{opacity:.4}@-webkit-keyframes create{0%{opacity:0;-webkit-transform:scale(.8);transform:scale(.8)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes create{0%{opacity:0;-webkit-transform:scale(.8);transform:scale(.8)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@media (max-width:600px){#inputs-wrapper,#result-wrapper{padding:3rem 0 0;padding:var(--result-margin) 0 0 0}}.input-placeholder{border-radius:4px;display:inline-block;min-width:160px;position:relative;text-align:left!important;transition:all .25s}.input-placeholder span{color:crimson;color:var(--main-color);font-size:18px;font-size:var(--input-font-size);left:0;margin:10.28571px 8.28571px;margin:calc(var(--input-font-size)/var(--padding-coefficient)) calc(var(--input-font-size)/var(--padding-coefficient) - 2px);padding:0 2px;pointer-events:none;position:absolute;top:0;transition:all .75s;transition:all var(--theme-delay)}.input-placeholder input{all:unset;box-sizing:border-box;cursor:text;display:block;font-size:18px;font-size:var(--input-font-size);padding:10.28571px;padding:calc(var(--input-font-size)/var(--padding-coefficient));transition:all .25s;width:100%}.input-placeholder span{font-size:16px;font-size:calc(var(--input-font-size) - 2px);top:-56%}.input-placeholder-color:focus-within{border:2px solid crimson;border:2px solid var(--main-color)}.input-placeholder-color:focus-within span{color:crimson;color:var(--main-color)}.radio{display:inline-block;display:none;padding:4px;position:relative;text-align:center}.radio input:checked+span:after{left:0;transition-delay:0s;width:100%}#radios{display:inline-block;position:relative}#radios label{cursor:pointer;margin:10px;padding:5px;-webkit-user-select:none;user-select:none}.radio-line{background:crimson;background:var(--main-color);height:2px;left:0;position:absolute;top:115%;width:100%;width:0}.result-preview{border-radius:50%;height:6rem;margin-top:1.5rem;width:6rem}.popup{--popup-succ-color:#1fb9c0;--popup-error-color:#dc3545;--popup-loading-color:#000;align-items:center;border:1px solid rgba(0,0,0,.125);border-radius:8px;bottom:15%;cursor:pointer;display:flex;flex-direction:column;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:16px;justify-content:center;left:50%;min-width:150px;opacity:0;padding:.5rem 1rem .75rem;pointer-events:none;position:fixed;-webkit-transform:translate(-50%,80%) scaleX(0);transform:translate(-50%,80%) scaleX(0);transition:opacity .4s,-webkit-transform .55s cubic-bezier(.54,1.5,.38,1.025);transition:opacity .4s,transform .55s cubic-bezier(.54,1.5,.38,1.025);transition:opacity .4s,transform .55s cubic-bezier(.54,1.5,.38,1.025),-webkit-transform .55s cubic-bezier(.54,1.5,.38,1.025);z-index:999999999}.popup-icons{height:32px;margin-left:-16px;width:32px}.popup>div{width:100%}.popup-success .popup-icons{margin-right:5px}.popup-header{align-items:center;display:flex;font-size:20px;justify-content:center;margin-bottom:.75rem}.popup-text{font-weight:500;line-height:30px;position:relative;text-align:center}.popup-header .popup-text{text-transform:capitalize}.popup-error{border-left:5px solid var(--popup-error-color)}.popup-error .popup-icons{fill:var(--popup-error-color)}.popup-success{border-left:5px solid var(--popup-succ-color)}.popup-success .popup-icons{fill:var(--popup-succ-color)}.popup-visible{opacity:1;pointer-events:all;-webkit-transform:translate(-50%) scaleX(1) rotate(.05deg);transform:translate(-50%) scaleX(1) rotate(.05deg)}.popup-text img{position:absolute;-webkit-transform:translate(-50%,-3px);transform:translate(-50%,-3px)}#theme-wrapper{padding:10px;position:absolute;right:0;top:0}#theme-wrapper button{all:unset;-webkit-animation:create .4s ease-out;animation:create .4s ease-out;cursor:pointer}#theme-wrapper svg{transition:all .75s;transition:all var(--theme-delay)}
/*# sourceMappingURL=main.ccc6147f.css.map*/