@layer theme,base;@layer dvr{.dvr-content-switcher{--dvr-content-switcher-inset:var(--dvr-ui-segment-inset);--dvr-content-switcher-edge:max(0px, calc(var(--dvr-content-switcher-inset) - 2px));background:var(--dvr-color-track);border-radius:var(--dvr-ui-segment-radius);padding:var(--dvr-content-switcher-inset);gap:2px;display:inline-flex;position:relative}.dvr-content-switcher[data-fit=equal]{grid-auto-columns:1fr;grid-auto-flow:column;display:inline-grid}.dvr-content-switcher-thumb{top:var(--dvr-content-switcher-inset);bottom:var(--dvr-content-switcher-inset);z-index:0;box-sizing:border-box;background:var(--dvr-color-surface);border:var(--dvr-content-switcher-edge) solid var(--dvr-color-border);border-radius:var(--dvr-ui-segment-thumb-radius);box-shadow:var(--dvr-ui-segment-thumb-shadow,none);transform-origin:0 0;pointer-events:none;position:absolute;left:0}.dvr-content-switcher-thumb[data-state=hidden]{opacity:0}.dvr-content-switcher-item{z-index:1;justify-content:center;align-items:center;gap:var(--dvr-spacing-2);font-family:var(--dvr-font-sans);font-size:var(--dvr-ui-segment-text);line-height:round(1.4em,1px);font-weight:var(--dvr-ui-weight-rest);color:var(--dvr-color-text-secondary);border-radius:var(--dvr-ui-segment-thumb-radius);padding:var(--dvr-ui-segment-padding-y) var(--dvr-ui-segment-padding-x);white-space:var(--dvr-ui-segment-wrap,normal);cursor:pointer;transition:background-color var(--dvr-duration-fast) var(--dvr-easing-standard), border-color var(--dvr-duration-fast) var(--dvr-easing-standard), color var(--dvr-duration-fast) var(--dvr-easing-standard), box-shadow var(--dvr-duration-fast) var(--dvr-easing-standard);background:0 0;border:none;display:inline-flex;position:relative}.dvr-content-switcher-item[data-icon-only]{padding-inline:var(--dvr-spacing-2)}.dvr-content-switcher-item:hover:not(:disabled){color:var(--dvr-color-text)}.dvr-content-switcher-item:focus-visible{outline:2px solid var(--dvr-color-primary);outline-offset:-2px}.dvr-content-switcher-item[data-state=on]{background:var(--dvr-color-surface);color:var(--dvr-color-text);font-weight:var(--dvr-ui-weight-strong)}.dvr-content-switcher:has(>.dvr-content-switcher-thumb[data-state=visible])>.dvr-content-switcher-item[data-state=on]{background:0 0}.dvr-content-switcher-item:disabled{opacity:.5;cursor:not-allowed}.dvr-content-switcher-icon{flex:none;align-items:center;min-block-size:1lh;display:inline-flex}.dvr-content-switcher[data-size=sm]{--dvr-content-switcher-inset:2px}.dvr-content-switcher[data-size=sm]>.dvr-content-switcher-item{min-block-size:calc(var(--dvr-control-sm) - 6px);padding:0 var(--dvr-spacing-2);font-size:var(--dvr-ui-text-control-sm);line-height:round(1.4em,1px)}.dvr-content-switcher[data-variant=outline]{--dvr-content-switcher-inset:0px;background:var(--dvr-color-surface);border:1px solid var(--dvr-color-border-strong);gap:0;overflow:hidden}.dvr-content-switcher[data-variant=outline]>.dvr-content-switcher-thumb{background:var(--dvr-color-surface-3);border:0;border-radius:0}.dvr-content-switcher[data-variant=outline]>.dvr-content-switcher-item{min-block-size:calc(var(--dvr-control-sm) + 2px);color:var(--dvr-color-text-muted);border-radius:0}.dvr-content-switcher[data-variant=outline]>.dvr-content-switcher-item[data-icon-only]{min-inline-size:calc(var(--dvr-control-sm) + 2px);padding:0}.dvr-content-switcher[data-variant=outline]>.dvr-content-switcher-item[data-state=on]{color:var(--dvr-color-text);font-weight:var(--dvr-ui-weight-rest)}.dvr-content-switcher[data-variant=outline][data-size=sm]>.dvr-content-switcher-item{min-block-size:calc(var(--dvr-control-sm) - 4px)}.dvr-content-switcher[data-variant=outline][data-size=sm]>.dvr-content-switcher-item[data-icon-only]{min-inline-size:calc(var(--dvr-control-sm) - 4px)}@media (prefers-reduced-motion:no-preference){.dvr-content-switcher-thumb[data-moving]{transition:transform var(--dvr-duration-moderate) var(--dvr-easing-entrance)}.dvr-content-switcher-item{transition:background-color var(--dvr-duration-fast) var(--dvr-easing-standard), border-color var(--dvr-duration-fast) var(--dvr-easing-standard), color var(--dvr-duration-fast) var(--dvr-easing-standard), box-shadow var(--dvr-duration-fast) var(--dvr-easing-standard), transform var(--dvr-duration-fast) var(--dvr-easing-standard)}.dvr-content-switcher-item:active:not(:disabled){transform:scale(.98)}}.dvr-content-switcher>.dvr-content-switcher-item[data-state=on][data-tone=warning]{color:var(--dvr-color-warning)}.dvr-content-switcher>.dvr-content-switcher-item[data-state=on][data-tone=danger]{color:var(--dvr-color-danger)}}@layer components,utilities;
