:root{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.screen{width:100%;height:100%}body{height:100vh;width:100vw;margin:0;padding:0;overflow:hidden}#app{width:100vw;height:100vh;font-family:Roboto}button{cursor:pointer;font-family:Roboto}.my-violet-btn{background:#376cdd;color:#fff;border:none;border:1px solid #376cdd;border-radius:5px;outline:none}.my-violet-btn:hover{background:#3364cd}.my-violet-btn:active{background:#2e59b6}.my-light-btn{background:#fff;color:#1a202c;border:1px solid #e1e7ef;border-radius:8px;transition:all ease-in-out .1s}.my-light-btn:hover{background:#edf2f7}.my-light-btn:active{background:#e2e8f0}.my-gray-btn{background:#f5f7f9;color:#1a202c;border:1px solid #e1e7ef;border-radius:5px}.my-gray-btn:hover{background:#eff0f3}.my-gray-btn:active{background:#e5e9ed}.tooltip{position:relative;display:inline-block}.tooltip:after{content:attr(data-tooltip);position:absolute;display:flex;align-items:center;justify-content:center;z-index:100;background:#1a202c;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}.tooltip:hover:after{opacity:1}.tooltip-top:after{left:50%;bottom:125%;transform:translate(-50%) translateY(5px)}.tooltip-top:hover:after{transform:translate(-50%) translateY(0)}.tooltip-bottom:after{left:50%;top:125%;transform:translate(-50%) translateY(-5px)}.tooltip-bottom:hover:after{transform:translate(-50%) translateY(0)}.tooltip-bottom-left:after{left:-50%;top:145%;transform:translate(-50%) translateY(-5px)}.tooltip-bottom-left:hover:after{transform:translate(-50%) translateY(0)}.tooltip-left:after{right:135%;top:50%;transform:translateY(-50%) translate(5px)}.tooltip-left:hover:after{transform:translateY(-50%) translate(0)}.tooltip-right:after{left:135%;top:50%;transform:translateY(-50%) translate(-5px)}.tooltip-right:hover:after{transform:translateY(-50%) translate(0)}.hide-scrollbar::-webkit-scrollbar{width:0}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#0000004d;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#0006}.scrollable-content{overflow-y:overlay;scrollbar-gutter:stable}.modal{position:absolute;animation:fadeIn .5s ease forwards;z-index:11;top:-100%;left:10px;transform:translate(-50%,-50%);display:flex;flex-direction:column;gap:10px;overflow:hidden;transition:all .3s ease;border-radius:5px;padding:18px 20px;box-sizing:border-box;background-color:#fff}.modal .header{display:flex;flex-direction:row;align-items:center;gap:10px;margin-bottom:5px}.modal .header .title{flex:1;font-size:16px;font-weight:500;margin-left:5px}.modal .header .close-button{display:flex;flex-direction:row;align-items:center;gap:5px;border-radius:5px;padding:5px;border:none;background:transparent}.modal .header .close-button:hover{background-color:#f0f0f0}.modal .header .close-button:active{background-color:#ebebeb}.modal .header .close-button .close-button-icon{width:22px;aspect-ratio:1/1}@keyframes fadeIn{0%{opacity:0}to{top:60px;opacity:1}}