html,body,#root{font-family:trebuchet ms,sans-serif;width:100%;margin:0;padding:0}body{min-width:320px;min-height:100dvb}.App{height:100dvh;overflow-y:auto}p,span,label,h1,h2,h3,h4,h5,h6,div,button,input{color:var(--text-color)}div{background-color:var(--bg-color)}button,input{background-color:var(--button-color)}button:hover,input:hover{background-color:var(--button-color-hover)}button:active{background-color:var(--button-pressed)}button:disabled,input:disabled{background-color:var(--button-disabled)}.full_screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%}.rounded_border{border:1px solid var(--border-color);border-radius:10px}.base_button{padding:8px 16px;border:1px solid var(--border-color);border-radius:10px;background-color:var(--button-color);color:var(--text-color)}.base_button:hover{background-color:var(--button-color-hover)}.base_button:active{background-color:var(--button-pressed)}.base_button:disabled{cursor:not-allowed;background-color:var(--button-disabled)}.base_margins{margin:5px;padding:5px}.base_flex_row{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:5px;color:var(--text-color);box-sizing:border-box}.base_flex_column{display:flex;flex-direction:column;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:5px;color:var(--text-color);box-sizing:border-box}.base_icon{border-width:0;border-radius:10px;width:32px;height:32px}.mobile,.desktop{visibility:visible}@media(max-width:768px){.desktop{display:none}}@media(min-width:769px){.mobile{display:none}}.header_a{height:100%;color:var(--header-text-color);font-size:20px;padding:0 5px;display:flex;justify-content:center;align-items:center;border:0 solid var(--header-color);cursor:pointer}.header_a_c{height:100%;width:100%;color:var(--header-text-color);font-size:20px;display:flex;justify-content:center;align-items:center;border:0 solid var(--header-color);cursor:pointer}.header_a:hover,.header_a_c:hover{-webkit-user-select:none;user-select:none;background-color:var(--header-current-color);color:var(--header-current-text-color)}.loading-full-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:90dvh;width:90vw;background-color:var(--bg-color);opacity:.8;color:var(--text-color)}.loading-block{width:70px;height:70px;display:flex;align-items:center;justify-content:center;background-color:var(--bg-color);border-radius:8px}.loading-spinner{border:8px solid #f3f3f3;border-top:8px solid #3498db;border-radius:50%;width:60px;height:60px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.overlay-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000000b3;z-index:9998;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.overlay-content{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);border-width:0;background-color:var(--bg-color);color:var(--text-color);box-shadow:0 4px 20px #0000004d;z-index:9999;overflow:auto;max-width:90%;max-height:90vh}.overlay-close{position:absolute;top:10px;right:10px;background:none;border:none;font-size:24px;cursor:pointer;color:#666;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.overlay-close:hover{background-color:#f0f0f0;color:#333}.overlay-backdrop{animation:fadeIn .3s ease-out}.overlay-content{animation:slideIn .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translate(-50%,-60%)}to{opacity:1;transform:translate(-50%,-50%)}}:root{--bg-color: #FFFFFF;--text-color: #1F1F1F;--border-color: #E5E5E5;--button-color: #FFFFFF;--button-color-hover: #cfcfcf;--button-disabled: #c5c5c5;--button-pressed: #1677FF;--header-color: #001529;--header-text-color: #A6ADB4;--header-current-color: #1677FF;--header-current-text-color: #FFFFFF;--win-info-cont-color: #e6f2ff;--win-info-text-color: #0d47a1;--win-warning-cont-color: #fff8e1;--win-warning-text-color: #e65100}[data-theme=dark]{--bg-color: #121212;--text-color: #eaeaea;--border-color: #E5E5E5;--button-color: #232323;--button-color-hover: #3a3a3a;--button-disabled: #3c3c3c;--button-pressed: #1677FF;--header-color: #00070F;--header-text-color: #A6ADB4;--header-current-color: #0A3572;--header-current-text-color: #FFFFFF;--win-info-cont-color: #0a1929;--win-info-text-color: #90caf9;--win-warning-cont-color: #2a2100;--win-warning-text-color: #ffd54f}