.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.input-container{display:inline-block;position:relative;width:200px}.input-container input{caret-color:#000;color:#0000;font-size:16px;height:30px;padding-right:50px;text-align:left;width:100%}.input-container .unit{color:#000;font-size:16px;left:5px;pointer-events:none;-webkit-user-select:none;user-select:none}.input-container .clear-btn,.input-container .unit{position:absolute;top:50%;transform:translateY(-50%)}.input-container .clear-btn{background:#0000;border:none;color:#888;cursor:pointer;font-size:18px;right:5px}