@layer theme,base;@layer dvr{.dvr-badge{font-family:var(--dvr-ui-tag-font);font-size:var(--dvr-ui-text-tag);font-weight:var(--dvr-ui-tag-weight);letter-spacing:var(--dvr-ui-tag-tracking);text-transform:var(--dvr-ui-tag-case);color:color-mix(in srgb, var(--dvr-color-text-secondary) calc(var(--dvr-ui-neutral-wash) * 100%), var(--dvr-color-text));background:color-mix(in srgb, var(--dvr-color-surface-2) calc(var(--dvr-ui-neutral-wash) * 100%), var(--dvr-color-accent));border:var(--dvr-ui-tag-border-width) solid transparent;border-radius:var(--dvr-radius-sm);padding:var(--dvr-ui-tag-square-padding-y) var(--dvr-ui-tag-square-padding-x);align-items:center;line-height:round(1.4em,1px);display:inline-flex}.dvr-badge-count{box-sizing:border-box;border-radius:var(--dvr-radius-full);min-width:18px;height:18px;font-family:var(--dvr-font-mono);font-size:var(--dvr-type-mono-size);line-height:var(--dvr-type-mono-leading);letter-spacing:var(--dvr-type-mono-tracking);font-weight:var(--dvr-ui-weight-medium);font-variant-numeric:tabular-nums;color:var(--dvr-color-text-muted);background:var(--dvr-color-surface-2);justify-content:center;align-items:center;padding:0 6px;display:inline-flex}.dvr-badge-count[data-tone=primary]{color:var(--dvr-color-text);background:var(--dvr-color-accent)}.dvr-badge-count[data-tone=danger]{color:var(--dvr-color-danger);background:var(--dvr-color-danger-subtle)}@media (prefers-reduced-motion:no-preference){.dvr-badge-count[data-bump]{animation:dvr-badge-bump var(--dvr-duration-moderate) var(--dvr-easing-entrance)}}@keyframes dvr-badge-bump{50%{transform:scale(1.08)}}.dvr-badge-dot{align-items:center;display:inline-flex}.dvr-badge-dot-mark{border-radius:var(--dvr-radius-full);background:var(--dvr-color-primary);width:6px;height:6px}.dvr-number-input{gap:var(--dvr-spacing-2);flex-direction:column;width:100%;display:flex}.dvr-number-input-frame{align-items:stretch;gap:var(--dvr-spacing-2);width:100%;min-height:var(--dvr-ui-field-height,var(--dvr-control-md));padding:0 var(--dvr-ui-field-padding-x);background:var(--dvr-color-surface);border:1px solid var(--dvr-color-field-border);border-radius:var(--dvr-ui-field-radius);cursor:text;transition:border-color var(--dvr-duration-fast) var(--dvr-easing-standard), background-color var(--dvr-duration-fast) var(--dvr-easing-standard), box-shadow var(--dvr-duration-fast) var(--dvr-easing-standard);display:flex;position:relative}.dvr-number-input-frame[data-stepper=stacked]{padding-right:0}.dvr-number-input-frame[data-stepper=split]{align-items:center;gap:var(--dvr-spacing-1);padding:0 var(--dvr-spacing-1)}.dvr-number-input-field{appearance:textfield;min-width:0;min-height:calc(var(--dvr-ui-field-height,var(--dvr-control-md)) - 2px);font-family:var(--dvr-font-sans);font-size:var(--dvr-ui-text-field);font-variant-numeric:tabular-nums;color:var(--dvr-color-text);background:0 0;border:none;outline:none;flex:1;padding:0;line-height:round(1.4em,1px)}.dvr-number-input-field::placeholder{color:var(--dvr-color-text-muted)}.dvr-number-input[data-align=end] .dvr-number-input-field{text-align:end}.dvr-number-input[data-align=center] .dvr-number-input-field{text-align:center}.dvr-number-input-frame:where(:hover:not(:has(>.dvr-number-input-field:disabled,>.dvr-number-input-field:read-only))){border-color:var(--dvr-color-field-border-hover)}.dvr-number-input-frame:has(>.dvr-number-input-field:focus-visible){outline:var(--dvr-ui-field-focus-outline-width) solid var(--dvr-color-primary);outline-offset:1px;border-color:var(--dvr-color-primary);box-shadow:0 0 0 var(--dvr-ui-field-focus-halo-width) color-mix(in oklab, var(--dvr-color-primary) 30%, transparent)}.dvr-number-input-frame:has(>.dvr-number-input-field:read-only:not(:disabled)){background:var(--dvr-color-surface-2);cursor:default}.dvr-number-input-frame:has(>.dvr-number-input-field:disabled){opacity:.5;cursor:not-allowed;background:var(--dvr-color-background)}.dvr-number-input-frame:has(>.dvr-number-input-field[aria-invalid=true]){border-color:var(--dvr-color-danger);border-width:var(--dvr-ui-field-invalid-width);padding-left:calc(var(--dvr-ui-field-padding-x) - var(--dvr-ui-field-invalid-width) + 1px)}.dvr-number-input-frame[data-stepper=split]:has(>.dvr-number-input-field[aria-invalid=true]){padding:0 calc(var(--dvr-spacing-1) - var(--dvr-ui-field-invalid-width) + 1px)}.dvr-number-input-frame:has(>.dvr-number-input-field[aria-invalid=true]:focus-visible){box-shadow:0 0 0 var(--dvr-ui-field-focus-halo-width) color-mix(in oklab, var(--dvr-color-danger) 22%, transparent)}.dvr-number-input-adornment{font-family:var(--dvr-font-mono);font-size:var(--dvr-type-mono-size);letter-spacing:var(--dvr-type-mono-tracking);line-height:var(--dvr-type-mono-leading);font-variant-numeric:tabular-nums;color:var(--dvr-color-text-muted);white-space:nowrap;flex:none;align-items:center;display:inline-flex}.dvr-number-input-steppers{flex-direction:column;flex:none;width:1.5rem;display:flex}.dvr-number-input-step{font:inherit;color:var(--dvr-color-text-secondary);cursor:pointer;transition:background-color var(--dvr-duration-fast) var(--dvr-easing-standard), color var(--dvr-duration-fast) var(--dvr-easing-standard);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex;position:relative}.dvr-number-input-step[data-variant=stacked]{border-left:1px solid var(--dvr-color-field-border);flex:1}.dvr-number-input-step[data-variant=stacked][data-direction=up]{border-top-right-radius:var(--dvr-ui-field-radius)}.dvr-number-input-step[data-variant=stacked][data-direction=down]{border-bottom-right-radius:var(--dvr-ui-field-radius);box-shadow:inset 0 1px 0 var(--dvr-color-field-border)}.dvr-number-input-step[data-variant=stacked]:before{content:"";position:absolute;inset:0}.dvr-number-input-step[data-variant=stacked][data-direction=up]:before{top:min(0px,100% - 1.5rem)}.dvr-number-input-step[data-variant=stacked][data-direction=down]:before{bottom:min(0px,100% - 1.5rem)}.dvr-number-input-step[data-variant=split]{width:var(--dvr-ui-icon-button-sm);height:var(--dvr-ui-icon-button-sm);border-radius:var(--dvr-radius-sm);flex:none}.dvr-number-input-step:hover:not(:disabled),.dvr-number-input-step[data-repeating]{background:var(--dvr-color-control-hover);color:var(--dvr-color-text)}.dvr-number-input-step:disabled{opacity:.4;cursor:not-allowed}.dvr-number-input-frame:has(>.dvr-number-input-field:disabled) .dvr-number-input-step:disabled{opacity:.8}.dvr-number-input-step svg{width:.75rem;height:.75rem}@media (forced-colors:active){.dvr-number-input-frame:has(>.dvr-number-input-field:focus-visible){outline:2px solid canvastext}}@media (prefers-reduced-motion:no-preference){.dvr-number-input-step{transition:background-color var(--dvr-duration-fast) var(--dvr-easing-standard), color var(--dvr-duration-fast) var(--dvr-easing-standard), transform var(--dvr-duration-fast) var(--dvr-easing-standard)}.dvr-number-input-step:active:not(:disabled){transform:scale(.98)}}.dvr-overflow-glyph{width:1rem;height:1rem}.dvr-chip{--dvr-chip-ink:calc(var(--dvr-ui-chip-ink) * 100%);min-height:var(--dvr-ui-chip-height,calc(var(--dvr-control-sm) - var(--dvr-ui-chip-ink) * var(--dvr-spacing-1)));font-family:var(--dvr-font-sans);font-size:var(--dvr-ui-text-control-sm);font-weight:calc(var(--dvr-ui-weight-medium) - var(--dvr-ui-chip-ink) * (var(--dvr-ui-weight-medium) - var(--dvr-ui-weight-rest)));color:color-mix(in srgb, var(--dvr-color-text-secondary) var(--dvr-chip-ink), var(--dvr-color-text));background:var(--dvr-ui-chip-bg,color-mix(in srgb, var(--dvr-color-surface) var(--dvr-chip-ink), transparent));border:1px solid var(--dvr-ui-chip-border,color-mix(in srgb, var(--dvr-color-border-strong) var(--dvr-chip-ink), var(--dvr-color-border)));border-radius:var(--dvr-ui-chip-radius);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);align-items:stretch;line-height:1;display:inline-flex}.dvr-chip[data-removable]:not([data-state=selected]){background:var(--dvr-ui-chip-removable-bg,var(--dvr-ui-chip-bg,color-mix(in srgb, var(--dvr-color-surface) var(--dvr-chip-ink), transparent)))}.dvr-chip:hover:not([data-disabled]){color:var(--dvr-color-text);background:var(--dvr-ui-chip-hover-bg,var(--dvr-color-surface-2));border-color:var(--dvr-ui-chip-hover-border,var(--dvr-color-border-strong))}:is(.dvr-chip[data-variant=outline],.dvr-chip-group[data-variant=outline] .dvr-chip):not([data-state=selected]){background:color-mix(in srgb, var(--dvr-color-surface) var(--dvr-chip-ink), transparent);border-color:color-mix(in srgb, var(--dvr-color-border-strong) var(--dvr-chip-ink), var(--dvr-color-border))}:is(.dvr-chip[data-variant=outline],.dvr-chip-group[data-variant=outline] .dvr-chip):not([data-state=selected]):hover:not([data-disabled]){background:var(--dvr-color-surface-2);border-color:color-mix(in srgb, var(--dvr-color-text-muted) var(--dvr-chip-ink), var(--dvr-color-border-strong))}.dvr-chip[data-size=sm]{min-height:var(--dvr-ui-chip-height-sm,1.5rem)}.dvr-chip[data-size=sm] .dvr-chip-body{padding-inline:var(--dvr-ui-chip-padding-x-sm,var(--dvr-ui-control-padding-x-sm))}.dvr-chip[data-state=selected],.dvr-chip[data-state=selected]:hover:not([data-disabled]){color:color-mix(in srgb, var(--dvr-color-canvas) var(--dvr-chip-ink), var(--dvr-color-text));border-color:color-mix(in srgb, var(--dvr-color-text) var(--dvr-chip-ink), var(--dvr-color-border-strong))}.dvr-chip[data-state=selected]{background:color-mix(in srgb, var(--dvr-color-text) var(--dvr-chip-ink), var(--dvr-color-nav-active))}.dvr-chip[data-state=selected]:hover:not([data-disabled]){background:color-mix(in srgb, var(--dvr-color-text) var(--dvr-chip-ink), var(--dvr-color-surface-2))}.dvr-chip[data-disabled]{opacity:.5;cursor:not-allowed}.dvr-chip-body{align-items:center;gap:calc(var(--dvr-spacing-1) + var(--dvr-ui-chip-ink) * 1px);padding:0 var(--dvr-ui-chip-padding-x,var(--dvr-ui-control-padding-x-sm));font:inherit;color:inherit;border-radius:inherit;white-space:nowrap;cursor:default;background:0 0;border:none;margin:0;display:inline-flex}button.dvr-chip-body{cursor:pointer}button.dvr-chip-body:disabled{cursor:not-allowed}.dvr-chip-body:focus-visible{outline:2px solid var(--dvr-color-primary);outline-offset:2px}.dvr-chip-icon{flex-shrink:0;display:inline-flex}.dvr-chip-icon svg{width:1em;height:1em}.dvr-chip-count{font-family:var(--dvr-ui-chip-count-font,var(--dvr-ui-meta-font));font-size:var(--dvr-ui-chip-count-size,calc(var(--dvr-ui-text-control-sm) - var(--dvr-ui-chip-ink) * (var(--dvr-ui-text-control-sm) - var(--dvr-ui-text-label))));color:color-mix(in srgb, var(--dvr-color-text-muted) var(--dvr-chip-ink), var(--dvr-color-text-secondary));font-variant-numeric:tabular-nums;line-height:1}.dvr-chip[data-state=selected] .dvr-chip-count{color:color-mix(in srgb, currentColor var(--dvr-chip-ink), var(--dvr-color-text-secondary));opacity:calc(1 - var(--dvr-ui-chip-ink) * .3)}.dvr-chip-remove{font:inherit;width:1.25rem;height:1.25rem;margin-inline:calc(-1 * var(--dvr-spacing-1)) var(--dvr-spacing-1);border-radius:var(--dvr-radius-sm);color:color-mix(in srgb, currentColor var(--dvr-chip-ink), var(--dvr-color-text-secondary));opacity:calc(1 - var(--dvr-ui-chip-ink) * .15);cursor:pointer;transition:background-color var(--dvr-duration-fast) var(--dvr-easing-standard), color var(--dvr-duration-fast) var(--dvr-easing-standard), opacity var(--dvr-duration-fast) var(--dvr-easing-standard);background:0 0;border:none;justify-content:center;align-self:center;align-items:center;padding:0;display:inline-flex}.dvr-chip-remove:hover:not(:disabled){color:color-mix(in srgb, currentColor var(--dvr-chip-ink), var(--dvr-color-text));opacity:1;background:color-mix(in srgb, currentColor 15%, transparent)}.dvr-chip-remove:disabled{cursor:not-allowed}.dvr-chip-remove:focus-visible{outline:2px solid var(--dvr-color-primary)}.dvr-chip-remove svg{width:.625rem;height:.625rem}.dvr-chip[data-leaving]{opacity:0;pointer-events:none}@media (prefers-reduced-motion:no-preference){.dvr-chip{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), transform var(--dvr-duration-fast) var(--dvr-easing-standard)}.dvr-chip:active:not([data-disabled]){transform:scale(.98)}.dvr-chip[data-removable]{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), transform calc(var(--dvr-duration-fast) * 1.5) var(--dvr-easing-entrance), opacity calc(var(--dvr-duration-fast) * 1.5) var(--dvr-easing-entrance)}@starting-style{.dvr-chip[data-removable]{opacity:0;transform:scale(.96)}}.dvr-chip[data-removable][data-leaving]{transition:transform var(--dvr-duration-fast) var(--dvr-easing-exit), opacity var(--dvr-duration-fast) var(--dvr-easing-exit);transform:scale(.96)}}.dvr-chip-group{align-items:center;gap:var(--dvr-ui-chip-group-gap,var(--dvr-spacing-2));flex-wrap:wrap;display:inline-flex}.dvr-chip-group--md{gap:var(--dvr-spacing-3)}}@layer components,utilities;
