*{-webkit-box-sizing:border-box;box-sizing:border-box}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}.left-panel-container{background-color:#f7c948;width:100%;padding:40px 30px;border-radius:12px 0 0 12px;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:start;justify-content:flex-start}.left-title{color:#1d1d1d;font-size:32px;font-weight:700;margin-bottom:40px;line-height:1.3}.no-chars-img{width:260px;margin-top:40px}.chars-list{list-style:none;padding:0;margin-top:20px}.char-item{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;background:hsla(0,0%,100%,.25);padding:12px 16px;border-radius:8px;margin-bottom:12px;font-size:18px;font-weight:600}.char-length,.char-name{color:#1d1d1d}.char-length{font-weight:700}.main-container{max-width:1100px;margin:32px auto;display:grid;grid-template-columns:1fr 1fr;-ms-flex-align:stretch;align-items:stretch;border-radius:12px;overflow:hidden}.right-panel{background-color:#0f1724;color:#f0b92b;padding:36px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-webkit-box-sizing:border-box;box-sizing:border-box}.rp-heading{font-size:24px;font-weight:700;margin:0 0 20px;color:#f0b92b}.rp-form{width:100%;display:-ms-flexbox;display:flex;grid-gap:10px;gap:10px;-ms-flex-align:center;align-items:center}.rp-input{-ms-flex:1 1;flex:1 1;padding:8px 12px;outline:none;font-size:14px;background:#fff;-webkit-box-sizing:border-box;box-sizing:border-box}.rp-add-btn,.rp-input{height:40px;border-radius:6px;border:none;color:#0f1724}.rp-add-btn{padding:0 18px;background-color:#f0b92b;font-weight:700;cursor:pointer;-webkit-transition:.1s ease;transition:.1s ease}.rp-add-btn:hover{-webkit-transform:translateY(-1px);transform:translateY(-1px);-webkit-box-shadow:0 4px 10px rgba(240,185,43,.25);box-shadow:0 4px 10px rgba(240,185,43,.25)}@media (max-width:768px){.main-container{grid-template-columns:1fr}.right-panel{border-radius:0 0 12px 12px;padding:24px}.rp-form{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:stretch;align-items:stretch}.rp-add-btn{width:100%}}
/*# sourceMappingURL=main.48df9b7b.chunk.css.map */