2 lines
5.3 KiB
CSS
2 lines
5.3 KiB
CSS
|
*{margin:0;padding:0;box-sizing:border-box}body{margin:0;font-family:Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh;display:flex;flex-direction:column}::selection{background-color:#13ec6a;color:#102217}::-moz-selection{background-color:#13ec6a;color:#102217}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px;transition:background .3s ease}::-webkit-scrollbar-thumb:hover{background:#fff3}html{scroll-behavior:smooth}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}button,a,input[type=button],input[type=submit],input[type=reset],.MuiButton-root,.MuiIconButton-root,.MuiChip-root,.MuiSwitch-root{min-height:36px;min-width:36px}button:active,a:active,.MuiButton-root:active,.MuiIconButton-root:active{opacity:.7;transition:opacity .1s}*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}p,span,div[contenteditable],input,textarea,.MuiTypography-root,.selectable{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}body{padding-top:env(safe-area-inset-top);padding-right:env(safe-area-inset-right);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left)}.scrollable,.MuiBox-root[style*=overflow]{-webkit-overflow-scrolling:touch;overscroll-behavior:contain}input,textarea,select{font-size:16px!important}@keyframes shimmer{0%{background-position:-468px 0}to{background-position:468px 0}}.skeleton{animation:shimmer 1.2s ease-in-out infinite;background:linear-gradient(to right,#eee 8%,#ddd 18%,#eee 33%);background-size:800px 104px}.pwa-install-banner{position:fixed;bottom:0;left:0;right:0;background:var(--primary-color, #1976d2);color:#fff;padding:16px;display:flex;align-items:center;justify-content:space-between;z-index:9999;box-shadow:0 -2px 10px #0000001a;transform:translateY(100%);transition:transform .3s ease-in-out}.pwa-install-banner.visible{transform:translateY(0)}.offline-indicator{position:fixed;top:0;left:0;right:0;background:#ff9800;color:#fff;padding:8px;text-align:center;font-size:14px;z-index:10000;animation:slideDown .3s ease-out}@keyframes slideDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.ptr-indicator{position:fixed;top:0;left:50%;transform:translate(-50%) translateY(-100%);padding:10px 20px;background:var(--primary-color, #1976d2);color:#fff;border-radius:0 0 8px 8px;transition:transform .3s ease-out;z-index:9998}.ptr-indicator.visible{transform:translate(-50%) translateY(0)}@media (max-width: 600px){.MuiContainer-root{padding-left:12px;padding-right:12px}.responsive-stack{flex-direction:column!important}.responsive-button{width:100%!important}}@media (prefers-color-scheme: dark){.skeleton{background:linear-gradient(to right,#333 8%,#444 18%,#333 33%)}}@media (orientation: landscape) and (max-height: 500px){header,.MuiAppBar-root{min-height:48px!important}.MuiContainer-root{padding-top:8px;padding-bottom:8px}}@media (prefers-contrast: high){button,.MuiButton-root{border:2px solid currentColor}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}*:focus-visible{outline:2px solid var(--primary-color, #1976d2);outline-offset:2px}html,body{overscroll-behavior-y:none;-webkit-overflow-scrolling:touch}@media (display-mode: standalone){*::-webkit-scrollbar{width:4px;height:4px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:#0003;border-radius:2px}*::-webkit-scrollbar-thumb:hover{background:#0000004d}}.splash-screen{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--background-color, #121212);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:99999;transition:opacity .3s ease-out}.splash-screen.fade-out{opacity:0;poi
|