.tf-chip{border-color:var(--color-border);background:var(--color-card);color:var(--color-text)}.tf-chip:hover{background:var(--color-card-hover)}.tf-ico{background:var(--tc);color:var(--nta-cream)}.tf-chip[aria-pressed=true],.tf-chip[aria-pressed=true]:hover{border-color:var(--tc);background:var(--tc);color:#ffffff}.tf-chip[aria-pressed=true] .tf-ico{background:rgba(255,255,255,.22);color:#ffffff}.dark .tf-ico,[data-theme=dark] .tf-ico{background:var(--tcd)}.dark .tf-chip[aria-pressed=true],.dark .tf-chip[aria-pressed=true]:hover,[data-theme=dark] .tf-chip[aria-pressed=true],[data-theme=dark] .tf-chip[aria-pressed=true]:hover{border-color:var(--tcd);background:var(--tcd);color:#0a0908}.dark .tf-chip[aria-pressed=true] .tf-ico,[data-theme=dark] .tf-chip[aria-pressed=true] .tf-ico{background:rgba(10,9,8,.18);color:#0a0908}@media (prefers-color-scheme:dark){:root:not(.light):not(.dark):not([data-theme]) .tf-ico{background:var(--tcd)}:root:not(.light):not(.dark):not([data-theme]) .tf-chip[aria-pressed=true],:root:not(.light):not(.dark):not([data-theme]) .tf-chip[aria-pressed=true]:hover{border-color:var(--tcd);background:var(--tcd);color:#0a0908}:root:not(.light):not(.dark):not([data-theme]) .tf-chip[aria-pressed=true] .tf-ico{background:rgba(10,9,8,.18);color:#0a0908}}.tf-il{color:var(--tc)}.dark .tf-il,[data-theme=dark] .tf-il{color:var(--tcd)}@media (prefers-color-scheme:dark){:root:not(.light):not(.dark):not([data-theme]) .tf-il{color:var(--tcd)}}.tf-scene{background:color-mix(in srgb,var(--tc) 15%,var(--color-card))}.dark .tf-scene,[data-theme=dark] .tf-scene{background:color-mix(in srgb,var(--tcd) 20%,var(--color-card))}@media (prefers-color-scheme:dark){:root:not(.light):not(.dark):not([data-theme]) .tf-scene{background:color-mix(in srgb,var(--tcd) 20%,var(--color-card))}}.tf-card:hover{border-color:color-mix(in srgb,var(--tc) 55%,var(--color-border))}.dark .tf-card:hover,[data-theme=dark] .tf-card:hover{border-color:color-mix(in srgb,var(--tcd) 55%,var(--color-border))}@media (prefers-color-scheme:dark){:root:not(.light):not(.dark):not([data-theme]) .tf-card:hover{border-color:color-mix(in srgb,var(--tcd) 55%,var(--color-border))}}