/* Timely MIT, fixed source and licence: sources/timely in the local candidate. */
/* Liquid Glass surface (CSS version: translucent, blurred, specular edge) */
:where(#foxmeta-settings-panel) .fm-glass {
  background: var(--fm-glass);
  -webkit-backdrop-filter: blur(22px) saturate(1.8);
  backdrop-filter: blur(22px) saturate(1.8);
  border: .5px solid var(--fm-glass-edge);
  box-shadow:
    inset 0 1px .5px var(--fm-glass-hi),
    inset 0 -1px .5px var(--fm-glass-lo),
    0 8px 28px -10px rgba(0, 0, 0, .35);
}
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  :where(#foxmeta-settings-panel) .fm-glass { background: var(--fm-solid); }
}
@media (prefers-reduced-transparency: reduce) {
  :where(#foxmeta-settings-panel) .fm-glass { background: var(--fm-solid); -webkit-backdrop-filter: none; backdrop-filter: none; }
}
@media (forced-colors: active) {
  :where(#foxmeta-settings-panel) .fm-glass { border: 1px solid CanvasText; background: Canvas; }
}


/* Segmented control */
:where(#foxmeta-settings-panel) .fm-seg { display: inline-flex; padding: 3px; border-radius: 999px; gap: 2px; }
:where(#foxmeta-settings-panel) .fm-seg-btn {
  display: inline-flex; align-items: center; gap: 7px;
  min-height: 40px; padding: 0 16px; border: 0; border-radius: 999px;
  background: transparent; color: var(--fm-label-2); font-weight: 600; font-size: 15px;
  transition: background-color .25s var(--fm-ease), color .25s;
}
:where(#foxmeta-settings-panel) .fm-seg-btn .ic { width: 19px; height: 19px; }
:where(#foxmeta-settings-panel) .fm-seg-btn[aria-selected="true"] { background: transparent; color: var(--fm-label); }
:where(#foxmeta-settings-panel) .fm-seg-btn { position: relative; z-index: 2; }

/* Liquid switcher: a draggable glass lens over a gooey accent blob.
   Position comes from --fm-x / --fm-w (set by script.js); --fm-sx is velocity stretch, --fm-p is the press magnify. */
:where(#foxmeta-settings-panel) .fm-seg[role="tablist"] { position: relative; isolation: isolate; touch-action: none; user-select: none; -webkit-user-select: none; cursor: grab; --fm-p: 1; }
:where(#foxmeta-settings-panel) .fm-seg[role="tablist"].dragging { cursor: grabbing; }
:where(#foxmeta-settings-panel) .fm-seg-goo { position: absolute; inset: 0; z-index: 0; filter: url(#goo); opacity: .42; pointer-events: none; }
:where(#foxmeta-settings-panel) .fm-blob {
  position: absolute; top: 3px; bottom: 3px; left: 0; width: var(--fm-w, 0px);
  border-radius: 999px; background: var(--fm-accent);
  transform: translateX(var(--fm-x, 0px));
  transition: transform .42s cubic-bezier(.3, 1.3, .5, 1), width .3s var(--fm-ease);
}
:where(#foxmeta-settings-panel) .fm-blob.lag { transform: translateX(var(--fm-x, 0px)); transition: transform .8s cubic-bezier(.25, 1.2, .5, 1), width .4s var(--fm-ease); }
:where(#foxmeta-settings-panel) .fm-seg.dragging .fm-blob { transition: none; }
:where(#foxmeta-settings-panel) .fm-seg.dragging .fm-blob.lag { transition: transform .26s ease-out; }
:where(#foxmeta-settings-panel) .fm-seg-lens {
  position: absolute; z-index: 1; top: 3px; bottom: 3px; left: 0; width: var(--fm-w, 0px);
  border-radius: 999px; pointer-events: none;
  /* Individual translate precedes scale; transform:translateX was scaled too. */
  translate: var(--fm-x, 0px) 0;
  transform-origin: var(--fm-origin, 50%) 50%;
  scale: calc(var(--fm-sx, 1) * var(--fm-p, 1)) var(--fm-p, 1);
  background: light-dark(rgba(255, 255, 255, .55), rgba(255, 255, 255, .15));
  -webkit-backdrop-filter: blur(5px) saturate(1.7) brightness(1.08);
  backdrop-filter: blur(5px) saturate(1.7) brightness(1.08);
  border: .5px solid light-dark(rgba(255, 255, 255, .9), rgba(255, 255, 255, .35));
  box-shadow:
    inset 0 1.5px 1px light-dark(#fff, rgba(255, 255, 255, .55)),
    inset 0 -1.5px 1px light-dark(rgba(0, 0, 0, .1), rgba(0, 0, 0, .35)),
    0 5px 14px -5px rgba(0, 0, 0, .4);
  transition: translate .42s cubic-bezier(.3, 1.3, .5, 1), width .3s var(--fm-ease), scale .28s var(--fm-ease), box-shadow .28s;
}
:where(#foxmeta-settings-panel) .fm-seg.pressed { --fm-p: 1.12; }
:where(#foxmeta-settings-panel) .fm-seg.pressed .fm-seg-lens { box-shadow: inset 0 1.5px 1px light-dark(#fff, rgba(255, 255, 255, .6)), inset 0 -1.5px 1px light-dark(rgba(0, 0, 0, .1), rgba(0, 0, 0, .35)), 0 12px 26px -6px rgba(0, 0, 0, .5); }
:where(#foxmeta-settings-panel) .fm-seg.dragging .fm-seg-lens { transition: scale .28s var(--fm-ease), box-shadow .28s; }
:where(#foxmeta-settings-panel) .fm-seg.no-anim .fm-seg-lens, :where(#foxmeta-settings-panel) .fm-seg.no-anim .fm-blob { transition: none !important; }
@media (prefers-reduced-transparency: reduce) { :where(#foxmeta-settings-panel) .fm-seg-lens { background: var(--fm-solid); -webkit-backdrop-filter: none; backdrop-filter: none; } :where(#foxmeta-settings-panel) .fm-seg-goo { opacity: .25; } }
@media (forced-colors: active) { :where(#foxmeta-settings-panel) .fm-seg-goo { display: none; } :where(#foxmeta-settings-panel) .fm-seg-lens { border: 2px solid Highlight; } }


/* Timely's hierarchy/motion + the existing FoxMeta charcoal/cream palette.
   Every token is local to these controls; the page's typography is inherited. */
:where(#foxmeta-settings-panel) .fm-seg,:where(#foxmeta-settings-panel) .fm-market-corner,:where(#foxmeta-settings-panel) .fm-positive-label,:where(#foxmeta-settings-panel) .fm-count-corner{--fm-positive:#39c894;--fm-muted:#b7b7bc;--fm-badge-bg:#36383d;--mantine-primary-color-filled:var(--fm-positive);--mantine-font-size-xs:10px;--mantine-spacing-xs:5px;--mantine-color-body:#181a1e;--mantine-color-white:#fff}
:where(#foxmeta-settings-panel) .fm-seg{--fm-label:#eeeae2;--fm-label-2:#aaa;--fm-solid:#24262b;--fm-glass:rgba(238,234,226,.035);--fm-glass-hi:rgba(255,255,255,.15);--fm-glass-lo:rgba(0,0,0,.38);--fm-glass-edge:rgba(255,255,255,.07);--fm-accent:#c5bba7;--fm-ease:cubic-bezier(.32,.72,0,1);font:inherit;box-sizing:border-box;min-height:48px;max-width:100%;flex-shrink:0;vertical-align:middle}
:where(#foxmeta-settings-panel) .fm-seg .fm-seg-btn{font-family:inherit;font-size:16px;font-weight:500;line-height:1.2;flex:1;justify-content:center;min-width:0;padding:0 19px;min-height:40px;cursor:pointer;-webkit-tap-highlight-color:transparent}
:where(#foxmeta-settings-panel) .fm-seg .fm-seg-btn[aria-selected=true]{color:#181818}:where(#foxmeta-settings-panel) .fm-seg .fm-seg-btn:disabled{cursor:default;opacity:.55}:where(#foxmeta-settings-panel) .fm-seg .fm-seg-btn:focus-visible{outline:2px solid #c5bba7;outline-offset:3px}
:where(#foxmeta-settings-panel) .fm-seg .fm-seg-lens{background:rgba(238,234,226,.88);border-color:rgba(255,255,255,.65)}
:where(#foxmeta-settings-panel) .fm-seg-label{display:inline-block;padding-right:5px;white-space:nowrap}:where(#foxmeta-settings-panel) .fm-market-corner{display:inline-block}:where(#foxmeta-settings-panel) .fm-market-corner svg{display:block;flex:none;max-width:none}:where(#foxmeta-settings-panel) .fm-market-corner [data-with-label]{padding-inline:0}:where(#foxmeta-settings-panel) .fm-count-corner{font-variant-numeric:tabular-nums;font-weight:600}
:where(#foxmeta-settings-panel) .fm-market-seg{min-width:0;width:258px}:where(#foxmeta-settings-panel) .fm-market-seg .fm-seg-btn{padding-inline:12px}:where(#foxmeta-settings-panel) .fm-mode-seg{width:180px}:where(#foxmeta-settings-panel) .fm-mode-control{display:inline-flex;min-width:0;vertical-align:middle}:where(#foxmeta-settings-panel) .fm-mode-control>.reui-direct-unlock{display:inline-flex}
:where(#foxmeta-settings-panel) .fm-mode-seg .fm-model-flip{position:absolute;inset:0;display:block}:where(#foxmeta-settings-panel) .fm-mode-seg .fm-model-face{display:flex;width:100%;height:100%;align-items:center;justify-content:center;border-radius:999px}:where(#foxmeta-settings-panel) .fm-mode-seg .fm-model-back{background:var(--fm-solid);box-shadow:inset 0 0 0 1px var(--fm-glass-edge)}:where(#foxmeta-settings-panel) .fm-mode-seg .fm-model-back svg{display:block}
:where(#foxmeta-settings-panel) .fm-sprite{position:absolute!important;width:0!important;height:0!important;overflow:hidden;pointer-events:none}:where(#foxmeta-settings-panel) .fm-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
:where(#foxmeta-settings-panel) .fm-positive-label{display:inline-block;position:static;padding-right:6px}:where(#foxmeta-settings-panel) .fm-lift-row{position:relative}:where(#foxmeta-settings-panel) .fm-lift-row:hover,:where(#foxmeta-settings-panel) .fm-lift-row:focus-within{z-index:2}:where(#foxmeta-settings-panel) .fm-lift-surface{position:relative;height:100%;background:var(--fm-row-bg,#191c20)}
:where(#foxmeta-settings-panel) .fm-seg .fm-corner-anchor{position:static}:where(#foxmeta-settings-panel) .fm-seg .fm-hanging-corner{top:0;right:8px;left:auto;bottom:auto;transform:translate(50%,-50%)}:where(#foxmeta-settings-panel) .fm-seg .fm-seg-label{padding-right:0}:where(#foxmeta-settings-panel) .reui-market .fm-market-corner{position:relative}
:where(#foxmeta-settings-panel) .lines:has(.fm-lift-row){padding:14px 10px 18px 8px;scroll-padding-block:14px;scroll-snap-type:y proximity}:where(#foxmeta-settings-panel) .lines .fm-lift-row{height:58px;scroll-snap-align:start}:where(#foxmeta-settings-panel) .lines .fm-lift-surface>.detail-line-select{padding-right:17px}:where(#foxmeta-settings-panel) .lines .fm-lift-surface>.detail-line-select:has(.fm-positive-label){justify-content:flex-start}:where(#foxmeta-settings-panel) .lines .fm-lift-surface .detail-line-select{scroll-snap-align:none}:where(#foxmeta-settings-panel) .lines .fm-lift-surface button:hover{background:transparent}:where(#foxmeta-settings-panel) .lines .fm-lift-surface button[aria-pressed=true]{background:#2d3036}
:where(#foxmeta-settings-panel) .desktop-match-detail .lines:has(.fm-lift-row){padding:14px 6px 18px 8px;scroll-padding-block:14px}
:where(#foxmeta-settings-panel) .detail-controls:has(.fm-seg){gap:16px;align-items:center}:where(#foxmeta-settings-panel) .detail-controls .reui-mode-slot{min-width:0}:where(#foxmeta-settings-panel) .desktop-match-detail .fm-market-seg{width:auto;min-width:84px}:where(#foxmeta-settings-panel) .desktop-match-detail .fm-market-seg .fm-seg-btn{padding-inline:12px}:where(#foxmeta-settings-panel) .desktop-match-detail .fm-mode-seg{width:152px}:where(#foxmeta-settings-panel) .desktop-match-detail .fm-mode-seg .fm-seg-btn{padding-inline:13px;font-size:14px}
:where(#foxmeta-settings-panel) .probability-toolbar .fm-mode-control{margin-left:auto}:where(#foxmeta-settings-panel) .probability-toolbar .fm-mode-seg{width:120px;min-height:38px}:where(#foxmeta-settings-panel) .probability-toolbar .fm-seg-btn{font-size:12px;min-height:30px;padding-inline:9px}:where(#foxmeta-settings-panel) .match-details>.fm-market-seg{display:flex;width:100%;min-height:42px}:where(#foxmeta-settings-panel) .match-details>.fm-market-seg .fm-seg-btn{min-height:34px;font-size:14px}:where(#foxmeta-settings-panel) .probability-toolbar:has(.fm-mode-control){gap:10px}:where(#foxmeta-settings-panel) .probability-toolbar:has(.fm-mode-control)>span{min-width:0}
:where(#foxmeta-settings-panel) .reui-picker-markets .fm-market-seg{width:100%;min-height:40px}:where(#foxmeta-settings-panel) .reui-picker-markets .fm-seg-btn{font-size:13px;min-height:32px;padding:0 10px}:where(#foxmeta-settings-panel) .reui-picker-lines:has(.fm-lift-row){padding:14px 8px 12px;scroll-padding-block:14px}:where(#foxmeta-settings-panel) .reui-picker-lines .fm-lift-surface{--fm-row-bg:var(--popover,#1b1b20)}:where(#foxmeta-settings-panel) .reui-picker-lines .reui-picker-line:hover{background:transparent}:where(#foxmeta-settings-panel) .reui-picker-lines .reui-picker-line{padding-inline:8px}:where(#foxmeta-settings-panel) .reui-market .fm-market-corner .fm-seg-label{padding-right:7px}:where(#foxmeta-settings-panel) .reui-picker-unlock{flex-shrink:0}
:where(#foxmeta-settings-panel) .mobile-line-options:has(.fm-lift-row){padding-block:8px}:where(#foxmeta-settings-panel) .mobile-line-options .fm-lift-surface{--fm-row-bg:#202126}:where(#foxmeta-settings-panel) .mobile-line-options .fm-positive-label{display:inline-flex}
@media(max-width:640px){:where(#foxmeta-settings-panel) .detail-controls>.fm-market-seg{width:230px}:where(#foxmeta-settings-panel) .detail-controls .fm-mode-seg{width:150px}:where(#foxmeta-settings-panel) .fm-seg .fm-seg-btn{font-size:14px;padding-inline:12px}:where(#foxmeta-settings-panel) .probability-toolbar .fm-seg-btn{font-size:12px;padding-inline:9px}:where(#foxmeta-settings-panel) .reui-picker-markets .fm-seg-btn{font-size:13px;padding-inline:10px}}
@media(prefers-reduced-motion:reduce){:where(#foxmeta-settings-panel) .fm-seg *{transition-duration:.01ms!important;transition-delay:0s!important}:where(#foxmeta-settings-panel) .fm-seg.pressed{--fm-p:1}}
@media(prefers-reduced-transparency:reduce){:where(#foxmeta-settings-panel) .fm-seg.fm-glass{background:#24262b;backdrop-filter:none;-webkit-backdrop-filter:none}:where(#foxmeta-settings-panel) .fm-seg .fm-seg-lens{background:#eeeae2;backdrop-filter:none;-webkit-backdrop-filter:none}}
@media(forced-colors:active){:where(#foxmeta-settings-panel) .fm-seg{border:1px solid CanvasText}:where(#foxmeta-settings-panel) .fm-seg .fm-seg-lens{background:Highlight}:where(#foxmeta-settings-panel) .fm-seg .fm-seg-btn[aria-selected=true]{color:HighlightText}:where(#foxmeta-settings-panel) .fm-positive-label [data-with-border]{background:Highlight}}