html,body,#root{height:100%;width:100%;margin:0;padding:0;overflow:hidden}*{box-sizing:border-box;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}body{font-family:system-ui,sans-serif;overscroll-behavior:none;user-select:none;-webkit-user-select:none;background:#121212;color:#fff}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#9b9b9b80;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#9b9b9bb3}*{scrollbar-width:thin;scrollbar-color:rgba(155,155,155,.5) transparent}.loader-container{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;z-index:2000;pointer-events:none}.loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.5);animation:animate 8s linear infinite}.pencil{width:150px;background:#ffc334;border-top:10px solid #ffd268;border-bottom:10px solid #e3af38;overflow:hidden;transform-origin:top}.pencil p{margin:0;padding:0;text-align:center;font-size:12px;line-height:15px;text-transform:uppercase;font-weight:700;color:#d09200}.pencil:before{content:"";position:absolute;left:-80px;top:0;border-style:solid;border-color:transparent #e29663 transparent transparent;border-width:17px 40px 18px}.pencil:after{content:"";position:absolute;left:-80px;top:0;border-style:solid;border-color:transparent #262626 transparent transparent;border-width:17px 40px 18px;transform:scale(.3)}.top{position:absolute;top:0;right:0;height:35px;width:31px;background:#ccc;border-top:10px solid #dedede;border-bottom:10px solid #b9bfbf}.top:before{content:"";position:absolute;top:-10px;right:-100%;width:100%;height:100%;background:#d76f6e;border-top:10px solid #da8e8d;border-bottom:10px solid #c85957;border-top-right-radius:5px;border-bottom-right-radius:5px;z-index:2}.stroke{position:absolute;top:50%;left:calc(100% - 80px);transform:translate(-50%,-50%) rotate(45deg);border:5px solid transparent;border-left-color:#000;border-top-color:#000;width:220px;height:220px;border-radius:50%;z-index:1}@keyframes animate{0%{transform:translate(-50%,-50%) rotate(360deg)}to{transform:translate(-50%,-50%) rotate(0)}}