/* Pointer and keyboard modality are tracked without :focus-visible. */
html.browser-runtime button:focus,html.browser-runtime a:focus,
html.browser-runtime [tabindex]:focus {outline:none!important}
html.browser-runtime.compat-keyboard-focus button:focus,
html.browser-runtime.compat-keyboard-focus a:focus,
html.browser-runtime.compat-keyboard-focus [tabindex]:focus {outline:2px solid #202020!important;outline-offset:2px}
html.compat-popover-fallback [popover] {display:none}
html.compat-popover-fallback [popover][data-compat-open] {display:block;z-index:1000}
html.compat-flex-gap-fallback .day-divider::before {margin-right:16px}
html.compat-flex-gap-fallback .day-divider::after {margin-left:16px}
html.browser-runtime [hidden] {display:none!important}
html.browser-runtime * {scrollbar-width:none}
html.browser-runtime *::-webkit-scrollbar {width:0;height:0;display:none}
/* Keep ratio-based geometry when the engine predates CSS aspect-ratio. */
@supports not (aspect-ratio:1) {
  .drawer-calendar span::before {content:'';display:block;padding-top:84.5385%}
  .fd-ring::before {content:'';display:block;padding-top:89.4736842%}
  .fd-ring>svg {position:absolute;top:0;left:0;width:100%;height:100%}
  .hp-rings:not(.sp-rings)::before {content:'';display:block;padding-top:100%}
  .hp-rings:not(.sp-rings)>svg {position:absolute;top:0;left:0;width:100%;height:100%}
}
/* Use the existing icon color as a translucent tint without color-mix(). */
@supports not (background:color-mix(in srgb,black 10%,white)) {
  .lg-categories .lg-cat-icon,.category-symbol {position:relative;isolation:isolate;background:transparent}
  .lg-categories .lg-cat-icon::before,.category-symbol::before {content:'';position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;background:currentColor;opacity:.1;z-index:-1;pointer-events:none}
  .lg-categories [aria-pressed=true] .lg-cat-icon::before {display:none}
}