.ct{--ct-tint:color-mix(in oklch, var(--foreground) 5%, transparent);--ct-tint-strong:color-mix(in oklch, var(--foreground) 8%, transparent);--ct-n:3}.ct-corner{width:38%}@media (min-width:48rem){.ct-corner{width:22%}}.ct tbody>tr>*{border-top:1px solid var(--border);transition:background-color .25s,opacity .3s,box-shadow .25s}.ct thead>tr>*{transition:opacity .3s}.ct tbody>tr[data-active]>*{background-color:var(--ct-tint)}.ct tbody>tr[data-active]>th{box-shadow:inset 2px 0 0 var(--foreground)}.ct-tick-fill{background:var(--foreground);transition:transform .3s;transform:scaleX(0)}.ct-tick:has(~.ct-tick[data-active]) .ct-tick-fill{opacity:.4;transform:scaleX(1)}.ct-tick[data-active] .ct-tick-fill{transform:scaleX(1)}@media (prefers-reduced-motion:no-preference){[data-touring]:not([data-tour-paused]) .ct-tick[data-active] .ct-tick-fill{animation:ct-progress var(--tour-ms,2.6s) linear both}}@keyframes ct-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media (hover:hover) and (pointer:fine){.ct tbody>tr:hover>*{background-color:var(--ct-tint)}.ct tbody>tr:hover>th{box-shadow:inset 2px 0 0 var(--foreground)}:is(.ct:has(tbody [data-col="0"]:hover) [data-col="0"],.ct:has(tbody [data-col="1"]:hover) [data-col="1"],.ct:has(tbody [data-col="2"]:hover) [data-col="2"],.ct:has(tbody [data-col="3"]:hover) [data-col="3"]){background-color:var(--ct-tint-strong)}.ct-head{cursor:default}:is(.ct:has(.ct-head[data-col="0"]:hover) [data-col]:not([data-col="0"]),.ct:has(.ct-head[data-col="1"]:hover) [data-col]:not([data-col="1"]),.ct:has(.ct-head[data-col="2"]:hover) [data-col]:not([data-col="2"]),.ct:has(.ct-head[data-col="3"]:hover) [data-col]:not([data-col="3"])){opacity:.35}:is(.ct:has(.ct-head[data-col="0"]:hover) [data-col="0"],.ct:has(.ct-head[data-col="1"]:hover) [data-col="1"],.ct:has(.ct-head[data-col="2"]:hover) [data-col="2"],.ct:has(.ct-head[data-col="3"]:hover) [data-col="3"]){background-color:var(--ct-tint-strong)}}@media not (min-width:48rem){:is(.ct:has([data-ct-col="0"]:checked) [data-col]:not([data-col="0"]),.ct:has([data-ct-col="1"]:checked) [data-col]:not([data-col="1"]),.ct:has([data-ct-col="2"]:checked) [data-col]:not([data-col="2"]),.ct:has([data-ct-col="3"]:checked) [data-col]:not([data-col="3"])){display:none}}.ct-thumb{width:calc((100% - .5rem) / var(--ct-n));transition:translate .35s cubic-bezier(.2,.7,.2,1)}.ct:has([data-ct-col="1"]:checked) .ct-thumb{translate:100%}.ct:has([data-ct-col="2"]:checked) .ct-thumb{translate:200%}.ct:has([data-ct-col="3"]:checked) .ct-thumb{translate:300%}
