#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}