@import"https://fonts.googleapis.com/css2?family=Kanit:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Miniver&family=Poppins:ital,wght@0,400;0,500;0,600;0,700;1,400&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,serif}.app{text-align:center;margin-top:20px}h1,p,label{-webkit-user-select:none;user-select:none}p{font-style:normal;font-family:Kanit,serif}.splitter{color:#6200ea}.container{display:flex;justify-content:center;margin-top:20px}.input-section,.output-section{margin:10px;padding:20px;border:1px solid #ccc;border-radius:10px;box-shadow:0 0 3px 5px #0000001a}.output-section{width:300px;height:240px}.tip{margin-top:15px}.input-section label,.output-section p{display:block;margin:5px}.input-section label{font-family:Kanit,serif;font-weight:400}.output-section p{text-align:left}.output-section p:last-child{margin-bottom:10px}.input-section input{width:100%;padding:10px;margin:10px 0;border:1px solid #ccc;outline:none;border-radius:5px}.input-section input:focus{border:2px solid gray}.tip-buttons button{margin:10px;padding:15px;border:none;border-radius:5px;cursor:pointer}.btn-2{width:60%;margin-top:10px}.tip-buttons button.active{background-color:#ff9d23;color:#fff}button{padding:10px 20px;margin:0 auto 15px;background-color:#6200ea;color:#fff;border:none;border-radius:5px;cursor:pointer;box-shadow:0 0 4px 5px #0000001a}.btn-2:hover{background:#42009e;cursor:pointer}footer{margin-bottom:15px;font-size:15px}footer a:hover{color:#6200ea}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}.animated.pulse{display:inline-block;animation:pulse 1s infinite;margin-left:5px}@media screen and (max-width: 600px){.container{flex-direction:column;align-items:center}.input-section,.output-section{width:350px;height:100%;margin:10px 0}}