*,:before,:after{box-sizing:border-box}html,body{overscroll-behavior:none;width:100%;height:100%;margin:0;padding:0;overflow:hidden}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%;height:100%;overflow:hidden}input,select,textarea{font-size:16px!important}@media (orientation:landscape) and (height<=500px){body:before{content:"Please rotate your device to portrait mode to use Agate.";color:#3a3a46;text-align:center;z-index:99999;background:#f7f4fc;justify-content:center;align-items:center;padding:24px;font-size:16px;line-height:1.5;display:flex;position:fixed;inset:0}}