@layer theme,base;@layer dvr{.dvr-tag{align-items:center;gap:var(--dvr-spacing-1);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);line-height:var(--dvr-ui-tag-leading);white-space:nowrap;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);color:var(--dvr-tag-hue);background:color-mix(in srgb, var(--dvr-tag-hue) 12%, transparent);display:inline-flex}.dvr-tag--hue-1{--dvr-tag-hue:var(--dvr-color-categorical-1)}.dvr-tag--hue-2{--dvr-tag-hue:var(--dvr-color-categorical-2)}.dvr-tag--hue-3{--dvr-tag-hue:var(--dvr-color-categorical-3)}.dvr-tag--hue-4{--dvr-tag-hue:var(--dvr-color-categorical-4)}.dvr-tag--hue-5{--dvr-tag-hue:var(--dvr-color-categorical-5)}.dvr-tag--hue-6{--dvr-tag-hue:var(--dvr-color-categorical-6)}.dvr-tag--hue-7{--dvr-tag-hue:var(--dvr-color-categorical-7)}.dvr-tag--hue-8{--dvr-tag-hue:var(--dvr-color-categorical-8)}.dvr-tag[data-tone=default]{color:color-mix(in srgb, var(--dvr-color-text-secondary) calc(var(--dvr-ui-neutral-wash) * 100%), var(--dvr-tag-hue));background:color-mix(in srgb, var(--dvr-ui-pill-neutral-bg,var(--dvr-color-surface-2)) calc(var(--dvr-ui-neutral-wash) * 100%), color-mix(in srgb, var(--dvr-tag-hue) 12%, transparent))}.dvr-tag:is([data-tone=neutral],[data-marker=dot]){color:var(--dvr-color-text-secondary);background:var(--dvr-ui-pill-neutral-bg,var(--dvr-color-surface-2))}.dvr-tag[data-tone=outline]{color:var(--dvr-color-text-secondary);background:var(--dvr-color-surface);border:1px solid var(--dvr-color-border-strong)}.dvr-tag-dot{border-radius:var(--dvr-radius-full);background:var(--dvr-tag-hue);flex:none;width:6px;height:6px}.dvr-tag-icon{flex:none;display:inline-flex}.dvr-tag-icon svg{width:.75rem;height:.75rem}[data-surface=tonal] .dvr-tag{border-color:#0000}[data-surface=ruled] .dvr-tag{border-radius:calc(var(--dvr-radius-sm) - 1px)}.dvr-tag-list{flex-wrap:wrap;align-items:center;gap:6px;margin:0;padding:0;list-style:none;display:flex}.dvr-tag-list-item{display:inline-flex}.dvr-tag-overflow{font-variant-numeric:tabular-nums;cursor:default}.dvr-tag-overflow:focus-visible{outline:2px solid var(--dvr-color-primary);outline-offset:2px}}@layer components,utilities;
