@property --scroll-thumb { syntax:'<color>'; inherits:true; initial-value:transparent; }
/* Native defaults on touch screens, in system mode and in high contrast. */
html[data-scrollbars],html[data-scrollbars] *{scrollbar-width:auto!important;scrollbar-color:auto!important}
@media (hover:hover) and (pointer:fine) and (forced-colors:none) and (prefers-contrast:no-preference){
 html[data-scrollbars]:not([data-scrollbars=system]){scrollbar-gutter:stable}
 html[data-scrollbars]:not([data-scrollbars=system]),html[data-scrollbars]:not([data-scrollbars=system]) *{--scroll-thumb:transparent;--scroll-ink:color-mix(in srgb,var(--text,#35343b) 38%,transparent);scrollbar-width:thin!important;scrollbar-color:var(--scroll-thumb) transparent!important}
 html[data-scrollbars]:not([data-scrollbars=system]),html[data-scrollbars]:not([data-scrollbars=system]) [data-scroll-area]{transition:--scroll-thumb 180ms ease}
 html[data-scrollbars][data-scroll-active],html[data-scrollbars] [data-scroll-active],html[data-scrollbars][data-scrollbars=always],html[data-scrollbars][data-scrollbars=always] *{--scroll-thumb:var(--scroll-ink)}
 html[data-scrollbars][data-scroll-edge],html[data-scrollbars] [data-scroll-edge],html[data-scrollbars][data-scroll-drag],html[data-scrollbars] [data-scroll-drag]{--scroll-thumb:color-mix(in srgb,var(--text,#35343b) 58%,transparent)}
 @supports selector(::-webkit-scrollbar){
  /* A 12px native hit area contains a 4px painted thumb, outside content. */
  html[data-scrollbars]:not([data-scrollbars=system]),html[data-scrollbars]:not([data-scrollbars=system]) *{scrollbar-width:auto!important;scrollbar-color:auto!important}
  html[data-scrollbars]:not([data-scrollbars=system])::-webkit-scrollbar,html[data-scrollbars]:not([data-scrollbars=system]) *::-webkit-scrollbar{display:block;width:12px;height:12px;background:transparent}
  html[data-scrollbars]:not([data-scrollbars=system])::-webkit-scrollbar-track,html[data-scrollbars]:not([data-scrollbars=system]) *::-webkit-scrollbar-track,html[data-scrollbars]:not([data-scrollbars=system])::-webkit-scrollbar-corner,html[data-scrollbars]:not([data-scrollbars=system]) *::-webkit-scrollbar-corner{background:transparent;border:0;box-shadow:none}
  html[data-scrollbars]:not([data-scrollbars=system])::-webkit-scrollbar-thumb,html[data-scrollbars]:not([data-scrollbars=system]) *::-webkit-scrollbar-thumb{background:var(--scroll-thumb);background-clip:padding-box;border:4px solid transparent;border-radius:12px;box-shadow:none;min-height:24px;min-width:24px}
  html[data-scrollbars]:not([data-scrollbars=system])::-webkit-scrollbar-thumb:hover,html[data-scrollbars]:not([data-scrollbars=system]) *::-webkit-scrollbar-thumb:hover,html[data-scrollbars]:not([data-scrollbars=system])::-webkit-scrollbar-thumb:active,html[data-scrollbars]:not([data-scrollbars=system]) *::-webkit-scrollbar-thumb:active{background-color:color-mix(in srgb,var(--text,#35343b) 58%,transparent)}
  html[data-scrollbars]:not([data-scrollbars=system])::-webkit-scrollbar-button,html[data-scrollbars]:not([data-scrollbars=system]) *::-webkit-scrollbar-button{display:none;width:0;height:0}
 }
}
.scrollbar-preference{display:grid;gap:8px;margin-top:24px;font-size:14px}.scrollbar-preference small{color:var(--muted);font-size:12px}.scrollbar-preference select{max-width:100%;font-size:14px}
@media(prefers-reduced-motion:reduce){html[data-scrollbars],html[data-scrollbars] *{transition:none!important}}
@media(hover:hover) and (pointer:fine){.dashboard-link-card .card-menu,.collection-card .collection-card-menu{opacity:0;pointer-events:none;transition:opacity 140ms ease}.dashboard-link-card:hover .card-menu,.dashboard-link-card:focus-within .card-menu,.collection-card:hover .collection-card-menu,.collection-card:focus-within .collection-card-menu{opacity:1;pointer-events:auto}}