:root{--q-material-fill:var(--ss-surface-light);--q-material-stroke:0 0 0 1px rgba(0,0,0,.08);--q-material-backdrop:0 0 0 1px #fafafa;--q-material-small-shadow:0 2px 2px rgba(0,0,0,.04);--q-material-medium-near:0 2px 2px rgba(0,0,0,.04);--q-material-medium-far:0 8px 8px -8px rgba(0,0,0,.04)}
[data-theme=dark]{--q-material-fill:#0a0a0a;--q-material-stroke:0 0 0 1px rgba(255,255,255,.145);--q-material-backdrop:0 0 0 1px #000;--q-material-small-shadow:0 1px 2px rgba(0,0,0,.16);--q-material-medium-near:0 2px 2px rgba(0,0,0,.32);--q-material-medium-far:0 8px 8px -8px rgba(0,0,0,.16)}
:is(.q-material-base,.material-base),:is(.q-material-small,.material-small),:is(.q-material-medium,.material-medium),:is(.q-material-large,.material-large),:is(.q-material-tooltip,.material-tooltip),:is(.q-material-menu,.material-menu),:is(.q-material-modal,.material-modal),:is(.q-material-fullscreen,.material-fullscreen){background:var(--q-material-fill);border-radius:12px}
:is(.q-material-base,.material-base),:is(.q-material-small,.material-small),:is(.q-material-tooltip,.material-tooltip){border-radius:6px}:is(.q-material-fullscreen,.material-fullscreen){border-radius:16px}
:is(.q-material-base,.material-base){box-shadow:var(--q-material-stroke),var(--q-material-backdrop)}
:is(.q-material-small,.material-small){box-shadow:var(--q-material-stroke),var(--q-material-small-shadow),var(--q-material-backdrop)}
:is(.q-material-medium,.material-medium){box-shadow:var(--q-material-stroke),var(--q-material-medium-near),var(--q-material-medium-far),var(--q-material-backdrop)}
:is(.q-material-large,.material-large){box-shadow:var(--q-material-stroke),0 2px 2px rgba(0,0,0,.04),0 8px 16px -4px rgba(0,0,0,.04),var(--q-material-backdrop)}
:is(.q-material-tooltip,.material-tooltip){box-shadow:var(--q-material-stroke),0 1px 1px rgba(0,0,0,.02),0 4px 8px rgba(0,0,0,.04),var(--q-material-backdrop)}
:is(.q-material-menu,.material-menu){box-shadow:var(--q-material-stroke),0 1px 1px rgba(0,0,0,.02),0 4px 8px -4px rgba(0,0,0,.04),0 16px 24px -8px rgba(0,0,0,.06),var(--q-material-backdrop)}
:is(.q-material-modal,.material-modal),:is(.q-material-fullscreen,.material-fullscreen){box-shadow:var(--q-material-stroke),0 1px 1px rgba(0,0,0,.02),0 8px 16px -4px rgba(0,0,0,.04),0 24px 32px -8px rgba(0,0,0,.06),var(--q-material-backdrop)}