body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}*{box-sizing:border-box}body{background-color:#282c34;font-size:18px;padding:10px;overflow:hidden}body,html{height:100%}#root{display:flex;flex-direction:column;justify-content:center}:root{--main-color:#09d3ac;--main-color-dark:#045646;--border-radius:3px}h1{font-family:"Pathway Gothic One";text-transform:uppercase;letter-spacing:10px;font-size:5rem}@media(max-width:500px){h1{font-size:2rem}}@media(max-width:1500px){h1{font-size:2rem}}.App{text-align:center;color:#fff}.App-link{color:var(--main-color)}#quotetext{padding:11px 10px;border:0;border-radius:4px 0 0 4px}#quotetext,input[type=submit]{font-size:1rem;margin-bottom:10px}input[type=submit]{border:0;background:var(--main-color);box-shadow:none;border-radius:0;padding:11px;font-weight:700}.settings-container{display:flex;flex-direction:column}.settings-container label{margin-top:15px}label{display:flex}.settings-btn{padding:5px 13px;border:none;font-size:1.3rem;background:var(--main-color);margin-left:10px;margin-bottom:10px}.setting-on{background:var(--main-color-dark)}.horizontal-buttons{display:flex;justify-content:center}@media(max-width:900px){.horizontal-buttons{display:none}}.horizontal-buttons__btns{display:flex;align-items:center}.horizontal-buttons__btns button{margin:0 10px}.vertical-buttons{transform:translateX(50px)}@media(max-width:900px){.vertical-buttons{display:none}}.vertical-buttons__container{display:flex;width:30px;align-items:center}.vertical-buttons__container button{margin:10px 0}.btn--close{background-color:var(--main-color);border:none;border-radius:50%;color:#fff;font-weight:700;position:absolute;right:13px;width:23px;top:40px;height:23px}.react-toggle{display:flex;align-items:center}.react-toggle--checked .react-toggle-track,.react-toggle--checked:hover:not(.react-toggle--disabled) .react-toggle-track{background-color:var(--main-color)}.react-toggle--checked .react-toggle-thumb{border-color:var(--main-color);transform:translateX(-49px) translateY(-1px);left:0}.react-toggle-thumb{position:relative;transform:translateX(-25px) translateY(-1px)}.react-toggle li{list-style-type:none}.character-list{display:flex;grid-gap:10px;padding:10px;flex-wrap:wrap}.character-list .character-input{display:flex;flex-direction:column;position:relative;width:140px;margin-bottom:75px;align-items:center}.character-list .character-input--first-character button[type=button]{width:46px;border-radius:40px;transform:translate(10px,-10px)}.character-list .character-input__title{font-size:1rem;position:absolute;right:8px;top:-45px}.character-list .character-input__count{transform:translateX(5px)}.character-list .character-input__count__title{font-size:1rem}.character-list .character-input__count__input{width:44px;font-size:2rem}.character-list .character-input__character,.character-list .character-input__count__input{background:none;border:none;border-bottom:1px dashed #fff;color:#fff;background:rgba(0,0,0,.1);transition:background .3s ease-in-out;text-align:center}.character-list .character-input__character{height:122px;width:100%;font-size:7rem;justify-content:center}.character-list .character-input__character:focus{background:rgba(0,0,0,.3)}.character-list .character-input__character::placeholder{font-size:1rem}.character-list label{font-size:7rem;text-align:center;line-height:7rem}.character-list li strong{display:inline-block}.uppercase{text-transform:uppercase}.uppercase::placeholder{text-transform:none}.quote-input{flex-wrap:wrap}.form-row,.quote-input{display:flex;justify-content:center}.form-row{margin-bottom:30px}.cube{position:relative;transform-style:preserve-3d;transform:rotateY(0deg) translateZ(0);transition:transform 1s;background:#fff;transition:.3s}.cube__face{font-weight:700;color:#fff;text-align:center;height:100%}.cube__face--light-on{background:#fff;box-shadow:0 2px 10px hsla(0,0%,100%,.3),0 5px 72px hsla(0,0%,100%,.3),0 7px 48px hsla(0,0%,100%,.3),0 8px 8px hsla(0,0%,100%,.3);height:100%}.cube__face--right{height:100%;width:60px;right:-50px;top:0;transform:rotateY(90deg) translate3d(30px,0,-20px)}.cube__face--right,.cube__face--top{position:absolute;background:#0e0e0e}.cube__face--top{transform:rotateX(90deg) translateY(-30px);height:60px;width:100%;left:0;top:-30px}.cube--rotate{transform:rotateY(-22deg) rotateX(-11deg) rotate(4deg)}.cube--big .cube__face--right{transform:rotateY(76deg) translate3d(26px,0,-19px)}.scene{display:flex;justify-content:center}.scene,.scene-cube{perspective:1000px}.new-quote-container{background:#0e0e0e;padding:5px 2px;position:relative;width:265px;margin:30px auto 100px;transform:scale(1.5) translateY(20px)}.new-quote{background:#fff;font-size:3.6rem;color:#0e0e0e;font-family:"Pathway Gothic One";letter-spacing:9px;height:100%;display:flex;flex-direction:column}.new-quote__row{border-bottom:5px solid #b9b9b9;justify-content:center;height:100%;display:flex}.new-quote__row:last-child{border:none}.new-quote__row span{letter-spacing:0;height:100%}.new-quote__row__empty-space:first-child{display:none}.new-quote__row__letter{border-left:1px solid #cacaca}.new-quote__row__letter:last-child{border-right:1px solid #cacaca;border-left:1px solid #cacaca}.new-quote__row__letter+.new-quote__row__empty-space{border-left:1px solid #cacaca}.emoji{font-size:2rem;line-height:4rem}.modal{top:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center}.modal,.modal__backdrop{position:absolute;width:100%;height:100%}.modal__backdrop{background:rgba(0,0,0,.4588235294)}.modal__close{position:absolute;top:-10px;right:-10px}.modal__content{background:#000;padding:20px;max-width:400px;border-radius:4px;position:relative}
/*# sourceMappingURL=main.05c8ba57.chunk.css.map */