#app{height:100vh;width:100%;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:#f5f5f5}:root{--primary-btn-color: #566b69;--primary-btn-hover: #465755}@media (prefers-color-scheme: dark){:root{--primary-btn-color: #405971;--primary-btn-hover: #34495c}}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;width:100%;overflow-x:hidden}#app{height:100%;width:100%}.brd{outline:1px solid red}.btn-primary{padding:10px 20px;background:#566b69;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;align-self:flex-end}.btn-primary:hover:not(:disabled){background:#465755;transform:translateY(-1px);box-shadow:0 4px 12px #566b694d}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{background:#9ca3af;cursor:not-allowed;opacity:.6}.dark-mode .btn-primary{background:#405971;color:#fff}.dark-mode .btn-primary:hover:not(:disabled){background:#34495c}.dark-mode .btn-primary:disabled{background:#4a5568;color:#9ca3af}.svg-icon{display:contents}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0000000d;border-radius:4px}::-webkit-scrollbar-thumb{background:#0003;border-radius:4px;transition:background .2s ease}::-webkit-scrollbar-thumb:hover{background:#0000004d}.dark-mode ::-webkit-scrollbar-track{background:#ffffff0d}.dark-mode ::-webkit-scrollbar-thumb{background:#fff3}.dark-mode ::-webkit-scrollbar-thumb:hover{background:#ffffff4d}*{scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.2) rgba(0,0,0,.05)}.dark-mode *{scrollbar-color:rgba(255,255,255,.2) rgba(255,255,255,.05)}