/* === Pionier: generated utilities from theme tokens === */
.text-primary{color:var(--color-primary)}
.bg-primary{background-color:var(--color-primary)}
.border-primary{border-color:var(--color-primary)}
.text-secondary{color:var(--color-secondary)}
.bg-secondary{background-color:var(--color-secondary)}
.border-secondary{border-color:var(--color-secondary)}
.text-background{color:var(--color-background)}
.bg-background{background-color:var(--color-background)}
.border-background{border-color:var(--color-background)}
.text-transparent{color:var(--color-transparent)}
.bg-transparent{background-color:var(--color-transparent)}
.border-transparent{border-color:var(--color-transparent)}
.text-active{color:var(--color-active)}
.bg-active{background-color:var(--color-active)}
.border-active{border-color:var(--color-active)}
.text-hover{color:var(--color-hover)}
.bg-hover{background-color:var(--color-hover)}
.border-hover{border-color:var(--color-hover)}
.text-not-active{color:var(--color-not-active)}
.bg-not-active{background-color:var(--color-not-active)}
.border-not-active{border-color:var(--color-not-active)}
.text-primary-text{color:var(--color-primary-text)}
.bg-primary-text{background-color:var(--color-primary-text)}
.border-primary-text{border-color:var(--color-primary-text)}
.text-secondary-text{color:var(--color-secondary-text)}
.bg-secondary-text{background-color:var(--color-secondary-text)}
.border-secondary-text{border-color:var(--color-secondary-text)}
.text-tertiary-text{color:var(--color-tertiary-text)}
.bg-tertiary-text{background-color:var(--color-tertiary-text)}
.border-tertiary-text{border-color:var(--color-tertiary-text)}
.text-not-active-text{color:var(--color-not-active-text)}
.bg-not-active-text{background-color:var(--color-not-active-text)}
.border-not-active-text{border-color:var(--color-not-active-text)}
.text-state-active{color:var(--color-state-active)}
.bg-state-active{background-color:var(--color-state-active)}
.border-state-active{border-color:var(--color-state-active)}
.text-state-hover{color:var(--color-state-hover)}
.bg-state-hover{background-color:var(--color-state-hover)}
.border-state-hover{border-color:var(--color-state-hover)}
.text-state-not-active{color:var(--color-state-not-active)}
.bg-state-not-active{background-color:var(--color-state-not-active)}
.border-state-not-active{border-color:var(--color-state-not-active)}
.text-card-background{color:var(--color-card-background)}
.bg-card-background{background-color:var(--color-card-background)}
.border-card-background{border-color:var(--color-card-background)}
.text-card-shadow{color:var(--color-card-shadow)}
.bg-card-shadow{background-color:var(--color-card-shadow)}
.border-card-shadow{border-color:var(--color-card-shadow)}
.text-border{color:var(--color-border)}
.bg-border{background-color:var(--color-border)}
.border-border{border-color:var(--color-border)}
.text-border-hover{color:var(--color-border-hover)}
.bg-border-hover{background-color:var(--color-border-hover)}
.border-border-hover{border-color:var(--color-border-hover)}
.text-border-success{color:var(--color-border-success)}
.bg-border-success{background-color:var(--color-border-success)}
.border-border-success{border-color:var(--color-border-success)}
.text-border-info{color:var(--color-border-info)}
.bg-border-info{background-color:var(--color-border-info)}
.border-border-info{border-color:var(--color-border-info)}
.text-border-warning{color:var(--color-border-warning)}
.bg-border-warning{background-color:var(--color-border-warning)}
.border-border-warning{border-color:var(--color-border-warning)}
.text-border-error{color:var(--color-border-error)}
.bg-border-error{background-color:var(--color-border-error)}
.border-border-error{border-color:var(--color-border-error)}
.text-light-border{color:var(--color-light-border)}
.bg-light-border{background-color:var(--color-light-border)}
.border-light-border{border-color:var(--color-light-border)}
.text-divider{color:var(--color-divider)}
.bg-divider{background-color:var(--color-divider)}
.border-divider{border-color:var(--color-divider)}
.text-success{color:var(--color-success)}
.bg-success{background-color:var(--color-success)}
.border-success{border-color:var(--color-success)}
.text-error{color:var(--color-error)}
.bg-error{background-color:var(--color-error)}
.border-error{border-color:var(--color-error)}
.text-error-hover{color:var(--color-error-hover)}
.bg-error-hover{background-color:var(--color-error-hover)}
.border-error-hover{border-color:var(--color-error-hover)}
.text-warning{color:var(--color-warning)}
.bg-warning{background-color:var(--color-warning)}
.border-warning{border-color:var(--color-warning)}
.text-info{color:var(--color-info)}
.bg-info{background-color:var(--color-info)}
.border-info{border-color:var(--color-info)}
.text-bg-success{color:var(--color-bg-success)}
.bg-bg-success{background-color:var(--color-bg-success)}
.border-bg-success{border-color:var(--color-bg-success)}
.text-bg-error{color:var(--color-bg-error)}
.bg-bg-error{background-color:var(--color-bg-error)}
.border-bg-error{border-color:var(--color-bg-error)}
.text-bg-warning{color:var(--color-bg-warning)}
.bg-bg-warning{background-color:var(--color-bg-warning)}
.border-bg-warning{border-color:var(--color-bg-warning)}
.text-bg-info{color:var(--color-bg-info)}
.bg-bg-info{background-color:var(--color-bg-info)}
.border-bg-info{border-color:var(--color-bg-info)}
.text-title-start{color:var(--color-title-start)}
.bg-title-start{background-color:var(--color-title-start)}
.border-title-start{border-color:var(--color-title-start)}
.text-title-end{color:var(--color-title-end)}
.bg-title-end{background-color:var(--color-title-end)}
.border-title-end{border-color:var(--color-title-end)}
.text-bg-start{color:var(--color-bg-start)}
.bg-bg-start{background-color:var(--color-bg-start)}
.border-bg-start{border-color:var(--color-bg-start)}
.text-bg-end{color:var(--color-bg-end)}
.bg-bg-end{background-color:var(--color-bg-end)}
.border-bg-end{border-color:var(--color-bg-end)}
.text-primary-content{color:var(--color-primary-content)}
.bg-primary-content{background-color:var(--color-primary-content)}
.border-primary-content{border-color:var(--color-primary-content)}
.text-secondary-content{color:var(--color-secondary-content)}
.bg-secondary-content{background-color:var(--color-secondary-content)}
.border-secondary-content{border-color:var(--color-secondary-content)}
.text-base-100{color:var(--color-base-100)}
.bg-base-100{background-color:var(--color-base-100)}
.border-base-100{border-color:var(--color-base-100)}
.text-base-200{color:var(--color-base-200)}
.bg-base-200{background-color:var(--color-base-200)}
.border-base-200{border-color:var(--color-base-200)}
.text-base-300{color:var(--color-base-300)}
.bg-base-300{background-color:var(--color-base-300)}
.border-base-300{border-color:var(--color-base-300)}
.text-base-content{color:var(--color-base-content)}
.bg-base-content{background-color:var(--color-base-content)}
.border-base-content{border-color:var(--color-base-content)}
.text-white{color:var(--color-white)}
.bg-white{background-color:var(--color-white)}
.border-white{border-color:var(--color-white)}
.text-black{color:var(--color-black)}
.bg-black{background-color:var(--color-black)}
.border-black{border-color:var(--color-black)}
.bg-primary{background-color:var(--color-primary)}
.bg-secondary{background-color:var(--color-secondary)}
.bg-background{background-color:var(--color-background)}
.bg-transparent{background-color:var(--color-transparent)}
.bg-active{background-color:var(--color-active)}
.bg-hover{background-color:var(--color-hover)}
.bg-not-active{background-color:var(--color-not-active)}
.bg-primary-text{background-color:var(--color-primary-text)}
.bg-secondary-text{background-color:var(--color-secondary-text)}
.bg-tertiary-text{background-color:var(--color-tertiary-text)}
.bg-not-active-text{background-color:var(--color-not-active-text)}
.bg-state-active{background-color:var(--color-state-active)}
.bg-state-hover{background-color:var(--color-state-hover)}
.bg-state-not-active{background-color:var(--color-state-not-active)}
.bg-card-background{background-color:var(--color-card-background)}
.bg-card-shadow{background-color:var(--color-card-shadow)}
.bg-border{background-color:var(--color-border)}
.bg-border-hover{background-color:var(--color-border-hover)}
.bg-border-success{background-color:var(--color-border-success)}
.bg-border-info{background-color:var(--color-border-info)}
.bg-border-warning{background-color:var(--color-border-warning)}
.bg-border-error{background-color:var(--color-border-error)}
.bg-light-border{background-color:var(--color-light-border)}
.bg-divider{background-color:var(--color-divider)}
.bg-success{background-color:var(--color-success)}
.bg-error{background-color:var(--color-error)}
.bg-error-hover{background-color:var(--color-error-hover)}
.bg-warning{background-color:var(--color-warning)}
.bg-info{background-color:var(--color-info)}
.bg-bg-success{background-color:var(--color-bg-success)}
.bg-bg-error{background-color:var(--color-bg-error)}
.bg-bg-warning{background-color:var(--color-bg-warning)}
.bg-bg-info{background-color:var(--color-bg-info)}
.bg-title-start{background-color:var(--color-title-start)}
.bg-title-end{background-color:var(--color-title-end)}
.bg-bg-start{background-color:var(--color-bg-start)}
.bg-bg-end{background-color:var(--color-bg-end)}
.bg-primary-content{background-color:var(--color-primary-content)}
.bg-secondary-content{background-color:var(--color-secondary-content)}
.bg-base-100{background-color:var(--color-base-100)}
.bg-base-200{background-color:var(--color-base-200)}
.bg-base-300{background-color:var(--color-base-300)}
.bg-base-content{background-color:var(--color-base-content)}
.bg-white{background-color:var(--color-white)}
.bg-black{background-color:var(--color-black)}
.text-primary{color:var(--color-primary)}
.text-secondary{color:var(--color-secondary)}
.text-background{color:var(--color-background)}
.text-transparent{color:var(--color-transparent)}
.text-active{color:var(--color-active)}
.text-hover{color:var(--color-hover)}
.text-not-active{color:var(--color-not-active)}
.text-primary-text{color:var(--color-primary-text)}
.text-secondary-text{color:var(--color-secondary-text)}
.text-tertiary-text{color:var(--color-tertiary-text)}
.text-not-active-text{color:var(--color-not-active-text)}
.text-state-active{color:var(--color-state-active)}
.text-state-hover{color:var(--color-state-hover)}
.text-state-not-active{color:var(--color-state-not-active)}
.text-card-background{color:var(--color-card-background)}
.text-card-shadow{color:var(--color-card-shadow)}
.text-border{color:var(--color-border)}
.text-border-hover{color:var(--color-border-hover)}
.text-border-success{color:var(--color-border-success)}
.text-border-info{color:var(--color-border-info)}
.text-border-warning{color:var(--color-border-warning)}
.text-border-error{color:var(--color-border-error)}
.text-light-border{color:var(--color-light-border)}
.text-divider{color:var(--color-divider)}
.text-success{color:var(--color-success)}
.text-error{color:var(--color-error)}
.text-error-hover{color:var(--color-error-hover)}
.text-warning{color:var(--color-warning)}
.text-info{color:var(--color-info)}
.text-bg-success{color:var(--color-bg-success)}
.text-bg-error{color:var(--color-bg-error)}
.text-bg-warning{color:var(--color-bg-warning)}
.text-bg-info{color:var(--color-bg-info)}
.text-title-start{color:var(--color-title-start)}
.text-title-end{color:var(--color-title-end)}
.text-bg-start{color:var(--color-bg-start)}
.text-bg-end{color:var(--color-bg-end)}
.text-primary-content{color:var(--color-primary-content)}
.text-secondary-content{color:var(--color-secondary-content)}
.text-base-100{color:var(--color-base-100)}
.text-base-200{color:var(--color-base-200)}
.text-base-300{color:var(--color-base-300)}
.text-base-content{color:var(--color-base-content)}
.text-white{color:var(--color-white)}
.text-black{color:var(--color-black)}
.border-primary{border-color:var(--color-primary)}
.border-secondary{border-color:var(--color-secondary)}
.border-background{border-color:var(--color-background)}
.border-transparent{border-color:var(--color-transparent)}
.border-active{border-color:var(--color-active)}
.border-hover{border-color:var(--color-hover)}
.border-not-active{border-color:var(--color-not-active)}
.border-primary-text{border-color:var(--color-primary-text)}
.border-secondary-text{border-color:var(--color-secondary-text)}
.border-tertiary-text{border-color:var(--color-tertiary-text)}
.border-not-active-text{border-color:var(--color-not-active-text)}
.border-state-active{border-color:var(--color-state-active)}
.border-state-hover{border-color:var(--color-state-hover)}
.border-state-not-active{border-color:var(--color-state-not-active)}
.border-card-background{border-color:var(--color-card-background)}
.border-card-shadow{border-color:var(--color-card-shadow)}
.border-border{border-color:var(--color-border)}
.border-border-hover{border-color:var(--color-border-hover)}
.border-border-success{border-color:var(--color-border-success)}
.border-border-info{border-color:var(--color-border-info)}
.border-border-warning{border-color:var(--color-border-warning)}
.border-border-error{border-color:var(--color-border-error)}
.border-light-border{border-color:var(--color-light-border)}
.border-divider{border-color:var(--color-divider)}
.border-success{border-color:var(--color-success)}
.border-error{border-color:var(--color-error)}
.border-error-hover{border-color:var(--color-error-hover)}
.border-warning{border-color:var(--color-warning)}
.border-info{border-color:var(--color-info)}
.border-bg-success{border-color:var(--color-bg-success)}
.border-bg-error{border-color:var(--color-bg-error)}
.border-bg-warning{border-color:var(--color-bg-warning)}
.border-bg-info{border-color:var(--color-bg-info)}
.border-title-start{border-color:var(--color-title-start)}
.border-title-end{border-color:var(--color-title-end)}
.border-bg-start{border-color:var(--color-bg-start)}
.border-bg-end{border-color:var(--color-bg-end)}
.border-primary-content{border-color:var(--color-primary-content)}
.border-secondary-content{border-color:var(--color-secondary-content)}
.border-base-100{border-color:var(--color-base-100)}
.border-base-200{border-color:var(--color-base-200)}
.border-base-300{border-color:var(--color-base-300)}
.border-base-content{border-color:var(--color-base-content)}
.border-white{border-color:var(--color-white)}
.border-black{border-color:var(--color-black)}
.hover\:bg-primary:hover{background-color:var(--color-primary)}
.hover\:bg-secondary:hover{background-color:var(--color-secondary)}
.hover\:bg-background:hover{background-color:var(--color-background)}
.hover\:bg-transparent:hover{background-color:var(--color-transparent)}
.hover\:bg-active:hover{background-color:var(--color-active)}
.hover\:bg-hover:hover{background-color:var(--color-hover)}
.hover\:bg-not-active:hover{background-color:var(--color-not-active)}
.hover\:bg-primary-text:hover{background-color:var(--color-primary-text)}
.hover\:bg-secondary-text:hover{background-color:var(--color-secondary-text)}
.hover\:bg-tertiary-text:hover{background-color:var(--color-tertiary-text)}
.hover\:bg-not-active-text:hover{background-color:var(--color-not-active-text)}
.hover\:bg-state-active:hover{background-color:var(--color-state-active)}
.hover\:bg-state-hover:hover{background-color:var(--color-state-hover)}
.hover\:bg-state-not-active:hover{background-color:var(--color-state-not-active)}
.hover\:bg-card-background:hover{background-color:var(--color-card-background)}
.hover\:bg-card-shadow:hover{background-color:var(--color-card-shadow)}
.hover\:bg-border:hover{background-color:var(--color-border)}
.hover\:bg-border-hover:hover{background-color:var(--color-border-hover)}
.hover\:bg-border-success:hover{background-color:var(--color-border-success)}
.hover\:bg-border-info:hover{background-color:var(--color-border-info)}
.hover\:bg-border-warning:hover{background-color:var(--color-border-warning)}
.hover\:bg-border-error:hover{background-color:var(--color-border-error)}
.hover\:bg-light-border:hover{background-color:var(--color-light-border)}
.hover\:bg-divider:hover{background-color:var(--color-divider)}
.hover\:bg-success:hover{background-color:var(--color-success)}
.hover\:bg-error:hover{background-color:var(--color-error)}
.hover\:bg-error-hover:hover{background-color:var(--color-error-hover)}
.hover\:bg-warning:hover{background-color:var(--color-warning)}
.hover\:bg-info:hover{background-color:var(--color-info)}
.hover\:bg-bg-success:hover{background-color:var(--color-bg-success)}
.hover\:bg-bg-error:hover{background-color:var(--color-bg-error)}
.hover\:bg-bg-warning:hover{background-color:var(--color-bg-warning)}
.hover\:bg-bg-info:hover{background-color:var(--color-bg-info)}
.hover\:bg-title-start:hover{background-color:var(--color-title-start)}
.hover\:bg-title-end:hover{background-color:var(--color-title-end)}
.hover\:bg-bg-start:hover{background-color:var(--color-bg-start)}
.hover\:bg-bg-end:hover{background-color:var(--color-bg-end)}
.hover\:bg-primary-content:hover{background-color:var(--color-primary-content)}
.hover\:bg-secondary-content:hover{background-color:var(--color-secondary-content)}
.hover\:bg-base-100:hover{background-color:var(--color-base-100)}
.hover\:bg-base-200:hover{background-color:var(--color-base-200)}
.hover\:bg-base-300:hover{background-color:var(--color-base-300)}
.hover\:bg-base-content:hover{background-color:var(--color-base-content)}
.hover\:bg-white:hover{background-color:var(--color-white)}
.hover\:bg-black:hover{background-color:var(--color-black)}
.hover\:text-primary:hover{color:var(--color-primary)}
.hover\:text-secondary:hover{color:var(--color-secondary)}
.hover\:text-background:hover{color:var(--color-background)}
.hover\:text-transparent:hover{color:var(--color-transparent)}
.hover\:text-active:hover{color:var(--color-active)}
.hover\:text-hover:hover{color:var(--color-hover)}
.hover\:text-not-active:hover{color:var(--color-not-active)}
.hover\:text-primary-text:hover{color:var(--color-primary-text)}
.hover\:text-secondary-text:hover{color:var(--color-secondary-text)}
.hover\:text-tertiary-text:hover{color:var(--color-tertiary-text)}
.hover\:text-not-active-text:hover{color:var(--color-not-active-text)}
.hover\:text-state-active:hover{color:var(--color-state-active)}
.hover\:text-state-hover:hover{color:var(--color-state-hover)}
.hover\:text-state-not-active:hover{color:var(--color-state-not-active)}
.hover\:text-card-background:hover{color:var(--color-card-background)}
.hover\:text-card-shadow:hover{color:var(--color-card-shadow)}
.hover\:text-border:hover{color:var(--color-border)}
.hover\:text-border-hover:hover{color:var(--color-border-hover)}
.hover\:text-border-success:hover{color:var(--color-border-success)}
.hover\:text-border-info:hover{color:var(--color-border-info)}
.hover\:text-border-warning:hover{color:var(--color-border-warning)}
.hover\:text-border-error:hover{color:var(--color-border-error)}
.hover\:text-light-border:hover{color:var(--color-light-border)}
.hover\:text-divider:hover{color:var(--color-divider)}
.hover\:text-success:hover{color:var(--color-success)}
.hover\:text-error:hover{color:var(--color-error)}
.hover\:text-error-hover:hover{color:var(--color-error-hover)}
.hover\:text-warning:hover{color:var(--color-warning)}
.hover\:text-info:hover{color:var(--color-info)}
.hover\:text-bg-success:hover{color:var(--color-bg-success)}
.hover\:text-bg-error:hover{color:var(--color-bg-error)}
.hover\:text-bg-warning:hover{color:var(--color-bg-warning)}
.hover\:text-bg-info:hover{color:var(--color-bg-info)}
.hover\:text-title-start:hover{color:var(--color-title-start)}
.hover\:text-title-end:hover{color:var(--color-title-end)}
.hover\:text-bg-start:hover{color:var(--color-bg-start)}
.hover\:text-bg-end:hover{color:var(--color-bg-end)}
.hover\:text-primary-content:hover{color:var(--color-primary-content)}
.hover\:text-secondary-content:hover{color:var(--color-secondary-content)}
.hover\:text-base-100:hover{color:var(--color-base-100)}
.hover\:text-base-200:hover{color:var(--color-base-200)}
.hover\:text-base-300:hover{color:var(--color-base-300)}
.hover\:text-base-content:hover{color:var(--color-base-content)}
.hover\:text-white:hover{color:var(--color-white)}
.hover\:text-black:hover{color:var(--color-black)}
.hover\:border-primary:hover{border-color:var(--color-primary)}
.hover\:border-secondary:hover{border-color:var(--color-secondary)}
.hover\:border-background:hover{border-color:var(--color-background)}
.hover\:border-transparent:hover{border-color:var(--color-transparent)}
.hover\:border-active:hover{border-color:var(--color-active)}
.hover\:border-hover:hover{border-color:var(--color-hover)}
.hover\:border-not-active:hover{border-color:var(--color-not-active)}
.hover\:border-primary-text:hover{border-color:var(--color-primary-text)}
.hover\:border-secondary-text:hover{border-color:var(--color-secondary-text)}
.hover\:border-tertiary-text:hover{border-color:var(--color-tertiary-text)}
.hover\:border-not-active-text:hover{border-color:var(--color-not-active-text)}
.hover\:border-state-active:hover{border-color:var(--color-state-active)}
.hover\:border-state-hover:hover{border-color:var(--color-state-hover)}
.hover\:border-state-not-active:hover{border-color:var(--color-state-not-active)}
.hover\:border-card-background:hover{border-color:var(--color-card-background)}
.hover\:border-card-shadow:hover{border-color:var(--color-card-shadow)}
.hover\:border-border:hover{border-color:var(--color-border)}
.hover\:border-border-hover:hover{border-color:var(--color-border-hover)}
.hover\:border-border-success:hover{border-color:var(--color-border-success)}
.hover\:border-border-info:hover{border-color:var(--color-border-info)}
.hover\:border-border-warning:hover{border-color:var(--color-border-warning)}
.hover\:border-border-error:hover{border-color:var(--color-border-error)}
.hover\:border-light-border:hover{border-color:var(--color-light-border)}
.hover\:border-divider:hover{border-color:var(--color-divider)}
.hover\:border-success:hover{border-color:var(--color-success)}
.hover\:border-error:hover{border-color:var(--color-error)}
.hover\:border-error-hover:hover{border-color:var(--color-error-hover)}
.hover\:border-warning:hover{border-color:var(--color-warning)}
.hover\:border-info:hover{border-color:var(--color-info)}
.hover\:border-bg-success:hover{border-color:var(--color-bg-success)}
.hover\:border-bg-error:hover{border-color:var(--color-bg-error)}
.hover\:border-bg-warning:hover{border-color:var(--color-bg-warning)}
.hover\:border-bg-info:hover{border-color:var(--color-bg-info)}
.hover\:border-title-start:hover{border-color:var(--color-title-start)}
.hover\:border-title-end:hover{border-color:var(--color-title-end)}
.hover\:border-bg-start:hover{border-color:var(--color-bg-start)}
.hover\:border-bg-end:hover{border-color:var(--color-bg-end)}
.hover\:border-primary-content:hover{border-color:var(--color-primary-content)}
.hover\:border-secondary-content:hover{border-color:var(--color-secondary-content)}
.hover\:border-base-100:hover{border-color:var(--color-base-100)}
.hover\:border-base-200:hover{border-color:var(--color-base-200)}
.hover\:border-base-300:hover{border-color:var(--color-base-300)}
.hover\:border-base-content:hover{border-color:var(--color-base-content)}
.hover\:border-white:hover{border-color:var(--color-white)}
.hover\:border-black:hover{border-color:var(--color-black)}
.focus\:bg-primary:focus{background-color:var(--color-primary)}
.focus\:bg-secondary:focus{background-color:var(--color-secondary)}
.focus\:bg-background:focus{background-color:var(--color-background)}
.focus\:bg-transparent:focus{background-color:var(--color-transparent)}
.focus\:bg-active:focus{background-color:var(--color-active)}
.focus\:bg-hover:focus{background-color:var(--color-hover)}
.focus\:bg-not-active:focus{background-color:var(--color-not-active)}
.focus\:bg-primary-text:focus{background-color:var(--color-primary-text)}
.focus\:bg-secondary-text:focus{background-color:var(--color-secondary-text)}
.focus\:bg-tertiary-text:focus{background-color:var(--color-tertiary-text)}
.focus\:bg-not-active-text:focus{background-color:var(--color-not-active-text)}
.focus\:bg-state-active:focus{background-color:var(--color-state-active)}
.focus\:bg-state-hover:focus{background-color:var(--color-state-hover)}
.focus\:bg-state-not-active:focus{background-color:var(--color-state-not-active)}
.focus\:bg-card-background:focus{background-color:var(--color-card-background)}
.focus\:bg-card-shadow:focus{background-color:var(--color-card-shadow)}
.focus\:bg-border:focus{background-color:var(--color-border)}
.focus\:bg-border-hover:focus{background-color:var(--color-border-hover)}
.focus\:bg-border-success:focus{background-color:var(--color-border-success)}
.focus\:bg-border-info:focus{background-color:var(--color-border-info)}
.focus\:bg-border-warning:focus{background-color:var(--color-border-warning)}
.focus\:bg-border-error:focus{background-color:var(--color-border-error)}
.focus\:bg-light-border:focus{background-color:var(--color-light-border)}
.focus\:bg-divider:focus{background-color:var(--color-divider)}
.focus\:bg-success:focus{background-color:var(--color-success)}
.focus\:bg-error:focus{background-color:var(--color-error)}
.focus\:bg-error-hover:focus{background-color:var(--color-error-hover)}
.focus\:bg-warning:focus{background-color:var(--color-warning)}
.focus\:bg-info:focus{background-color:var(--color-info)}
.focus\:bg-bg-success:focus{background-color:var(--color-bg-success)}
.focus\:bg-bg-error:focus{background-color:var(--color-bg-error)}
.focus\:bg-bg-warning:focus{background-color:var(--color-bg-warning)}
.focus\:bg-bg-info:focus{background-color:var(--color-bg-info)}
.focus\:bg-title-start:focus{background-color:var(--color-title-start)}
.focus\:bg-title-end:focus{background-color:var(--color-title-end)}
.focus\:bg-bg-start:focus{background-color:var(--color-bg-start)}
.focus\:bg-bg-end:focus{background-color:var(--color-bg-end)}
.focus\:bg-primary-content:focus{background-color:var(--color-primary-content)}
.focus\:bg-secondary-content:focus{background-color:var(--color-secondary-content)}
.focus\:bg-base-100:focus{background-color:var(--color-base-100)}
.focus\:bg-base-200:focus{background-color:var(--color-base-200)}
.focus\:bg-base-300:focus{background-color:var(--color-base-300)}
.focus\:bg-base-content:focus{background-color:var(--color-base-content)}
.focus\:bg-white:focus{background-color:var(--color-white)}
.focus\:bg-black:focus{background-color:var(--color-black)}
.focus\:text-primary:focus{color:var(--color-primary)}
.focus\:text-secondary:focus{color:var(--color-secondary)}
.focus\:text-background:focus{color:var(--color-background)}
.focus\:text-transparent:focus{color:var(--color-transparent)}
.focus\:text-active:focus{color:var(--color-active)}
.focus\:text-hover:focus{color:var(--color-hover)}
.focus\:text-not-active:focus{color:var(--color-not-active)}
.focus\:text-primary-text:focus{color:var(--color-primary-text)}
.focus\:text-secondary-text:focus{color:var(--color-secondary-text)}
.focus\:text-tertiary-text:focus{color:var(--color-tertiary-text)}
.focus\:text-not-active-text:focus{color:var(--color-not-active-text)}
.focus\:text-state-active:focus{color:var(--color-state-active)}
.focus\:text-state-hover:focus{color:var(--color-state-hover)}
.focus\:text-state-not-active:focus{color:var(--color-state-not-active)}
.focus\:text-card-background:focus{color:var(--color-card-background)}
.focus\:text-card-shadow:focus{color:var(--color-card-shadow)}
.focus\:text-border:focus{color:var(--color-border)}
.focus\:text-border-hover:focus{color:var(--color-border-hover)}
.focus\:text-border-success:focus{color:var(--color-border-success)}
.focus\:text-border-info:focus{color:var(--color-border-info)}
.focus\:text-border-warning:focus{color:var(--color-border-warning)}
.focus\:text-border-error:focus{color:var(--color-border-error)}
.focus\:text-light-border:focus{color:var(--color-light-border)}
.focus\:text-divider:focus{color:var(--color-divider)}
.focus\:text-success:focus{color:var(--color-success)}
.focus\:text-error:focus{color:var(--color-error)}
.focus\:text-error-hover:focus{color:var(--color-error-hover)}
.focus\:text-warning:focus{color:var(--color-warning)}
.focus\:text-info:focus{color:var(--color-info)}
.focus\:text-bg-success:focus{color:var(--color-bg-success)}
.focus\:text-bg-error:focus{color:var(--color-bg-error)}
.focus\:text-bg-warning:focus{color:var(--color-bg-warning)}
.focus\:text-bg-info:focus{color:var(--color-bg-info)}
.focus\:text-title-start:focus{color:var(--color-title-start)}
.focus\:text-title-end:focus{color:var(--color-title-end)}
.focus\:text-bg-start:focus{color:var(--color-bg-start)}
.focus\:text-bg-end:focus{color:var(--color-bg-end)}
.focus\:text-primary-content:focus{color:var(--color-primary-content)}
.focus\:text-secondary-content:focus{color:var(--color-secondary-content)}
.focus\:text-base-100:focus{color:var(--color-base-100)}
.focus\:text-base-200:focus{color:var(--color-base-200)}
.focus\:text-base-300:focus{color:var(--color-base-300)}
.focus\:text-base-content:focus{color:var(--color-base-content)}
.focus\:text-white:focus{color:var(--color-white)}
.focus\:text-black:focus{color:var(--color-black)}
.focus\:border-primary:focus{border-color:var(--color-primary)}
.focus\:border-secondary:focus{border-color:var(--color-secondary)}
.focus\:border-background:focus{border-color:var(--color-background)}
.focus\:border-transparent:focus{border-color:var(--color-transparent)}
.focus\:border-active:focus{border-color:var(--color-active)}
.focus\:border-hover:focus{border-color:var(--color-hover)}
.focus\:border-not-active:focus{border-color:var(--color-not-active)}
.focus\:border-primary-text:focus{border-color:var(--color-primary-text)}
.focus\:border-secondary-text:focus{border-color:var(--color-secondary-text)}
.focus\:border-tertiary-text:focus{border-color:var(--color-tertiary-text)}
.focus\:border-not-active-text:focus{border-color:var(--color-not-active-text)}
.focus\:border-state-active:focus{border-color:var(--color-state-active)}
.focus\:border-state-hover:focus{border-color:var(--color-state-hover)}
.focus\:border-state-not-active:focus{border-color:var(--color-state-not-active)}
.focus\:border-card-background:focus{border-color:var(--color-card-background)}
.focus\:border-card-shadow:focus{border-color:var(--color-card-shadow)}
.focus\:border-border:focus{border-color:var(--color-border)}
.focus\:border-border-hover:focus{border-color:var(--color-border-hover)}
.focus\:border-border-success:focus{border-color:var(--color-border-success)}
.focus\:border-border-info:focus{border-color:var(--color-border-info)}
.focus\:border-border-warning:focus{border-color:var(--color-border-warning)}
.focus\:border-border-error:focus{border-color:var(--color-border-error)}
.focus\:border-light-border:focus{border-color:var(--color-light-border)}
.focus\:border-divider:focus{border-color:var(--color-divider)}
.focus\:border-success:focus{border-color:var(--color-success)}
.focus\:border-error:focus{border-color:var(--color-error)}
.focus\:border-error-hover:focus{border-color:var(--color-error-hover)}
.focus\:border-warning:focus{border-color:var(--color-warning)}
.focus\:border-info:focus{border-color:var(--color-info)}
.focus\:border-bg-success:focus{border-color:var(--color-bg-success)}
.focus\:border-bg-error:focus{border-color:var(--color-bg-error)}
.focus\:border-bg-warning:focus{border-color:var(--color-bg-warning)}
.focus\:border-bg-info:focus{border-color:var(--color-bg-info)}
.focus\:border-title-start:focus{border-color:var(--color-title-start)}
.focus\:border-title-end:focus{border-color:var(--color-title-end)}
.focus\:border-bg-start:focus{border-color:var(--color-bg-start)}
.focus\:border-bg-end:focus{border-color:var(--color-bg-end)}
.focus\:border-primary-content:focus{border-color:var(--color-primary-content)}
.focus\:border-secondary-content:focus{border-color:var(--color-secondary-content)}
.focus\:border-base-100:focus{border-color:var(--color-base-100)}
.focus\:border-base-200:focus{border-color:var(--color-base-200)}
.focus\:border-base-300:focus{border-color:var(--color-base-300)}
.focus\:border-base-content:focus{border-color:var(--color-base-content)}
.focus\:border-white:focus{border-color:var(--color-white)}
.focus\:border-black:focus{border-color:var(--color-black)}
.active\:bg-primary:active{background-color:var(--color-primary)}
.active\:bg-secondary:active{background-color:var(--color-secondary)}
.active\:bg-background:active{background-color:var(--color-background)}
.active\:bg-transparent:active{background-color:var(--color-transparent)}
.active\:bg-active:active{background-color:var(--color-active)}
.active\:bg-hover:active{background-color:var(--color-hover)}
.active\:bg-not-active:active{background-color:var(--color-not-active)}
.active\:bg-primary-text:active{background-color:var(--color-primary-text)}
.active\:bg-secondary-text:active{background-color:var(--color-secondary-text)}
.active\:bg-tertiary-text:active{background-color:var(--color-tertiary-text)}
.active\:bg-not-active-text:active{background-color:var(--color-not-active-text)}
.active\:bg-state-active:active{background-color:var(--color-state-active)}
.active\:bg-state-hover:active{background-color:var(--color-state-hover)}
.active\:bg-state-not-active:active{background-color:var(--color-state-not-active)}
.active\:bg-card-background:active{background-color:var(--color-card-background)}
.active\:bg-card-shadow:active{background-color:var(--color-card-shadow)}
.active\:bg-border:active{background-color:var(--color-border)}
.active\:bg-border-hover:active{background-color:var(--color-border-hover)}
.active\:bg-border-success:active{background-color:var(--color-border-success)}
.active\:bg-border-info:active{background-color:var(--color-border-info)}
.active\:bg-border-warning:active{background-color:var(--color-border-warning)}
.active\:bg-border-error:active{background-color:var(--color-border-error)}
.active\:bg-light-border:active{background-color:var(--color-light-border)}
.active\:bg-divider:active{background-color:var(--color-divider)}
.active\:bg-success:active{background-color:var(--color-success)}
.active\:bg-error:active{background-color:var(--color-error)}
.active\:bg-error-hover:active{background-color:var(--color-error-hover)}
.active\:bg-warning:active{background-color:var(--color-warning)}
.active\:bg-info:active{background-color:var(--color-info)}
.active\:bg-bg-success:active{background-color:var(--color-bg-success)}
.active\:bg-bg-error:active{background-color:var(--color-bg-error)}
.active\:bg-bg-warning:active{background-color:var(--color-bg-warning)}
.active\:bg-bg-info:active{background-color:var(--color-bg-info)}
.active\:bg-title-start:active{background-color:var(--color-title-start)}
.active\:bg-title-end:active{background-color:var(--color-title-end)}
.active\:bg-bg-start:active{background-color:var(--color-bg-start)}
.active\:bg-bg-end:active{background-color:var(--color-bg-end)}
.active\:bg-primary-content:active{background-color:var(--color-primary-content)}
.active\:bg-secondary-content:active{background-color:var(--color-secondary-content)}
.active\:bg-base-100:active{background-color:var(--color-base-100)}
.active\:bg-base-200:active{background-color:var(--color-base-200)}
.active\:bg-base-300:active{background-color:var(--color-base-300)}
.active\:bg-base-content:active{background-color:var(--color-base-content)}
.active\:bg-white:active{background-color:var(--color-white)}
.active\:bg-black:active{background-color:var(--color-black)}
.active\:text-primary:active{color:var(--color-primary)}
.active\:text-secondary:active{color:var(--color-secondary)}
.active\:text-background:active{color:var(--color-background)}
.active\:text-transparent:active{color:var(--color-transparent)}
.active\:text-active:active{color:var(--color-active)}
.active\:text-hover:active{color:var(--color-hover)}
.active\:text-not-active:active{color:var(--color-not-active)}
.active\:text-primary-text:active{color:var(--color-primary-text)}
.active\:text-secondary-text:active{color:var(--color-secondary-text)}
.active\:text-tertiary-text:active{color:var(--color-tertiary-text)}
.active\:text-not-active-text:active{color:var(--color-not-active-text)}
.active\:text-state-active:active{color:var(--color-state-active)}
.active\:text-state-hover:active{color:var(--color-state-hover)}
.active\:text-state-not-active:active{color:var(--color-state-not-active)}
.active\:text-card-background:active{color:var(--color-card-background)}
.active\:text-card-shadow:active{color:var(--color-card-shadow)}
.active\:text-border:active{color:var(--color-border)}
.active\:text-border-hover:active{color:var(--color-border-hover)}
.active\:text-border-success:active{color:var(--color-border-success)}
.active\:text-border-info:active{color:var(--color-border-info)}
.active\:text-border-warning:active{color:var(--color-border-warning)}
.active\:text-border-error:active{color:var(--color-border-error)}
.active\:text-light-border:active{color:var(--color-light-border)}
.active\:text-divider:active{color:var(--color-divider)}
.active\:text-success:active{color:var(--color-success)}
.active\:text-error:active{color:var(--color-error)}
.active\:text-error-hover:active{color:var(--color-error-hover)}
.active\:text-warning:active{color:var(--color-warning)}
.active\:text-info:active{color:var(--color-info)}
.active\:text-bg-success:active{color:var(--color-bg-success)}
.active\:text-bg-error:active{color:var(--color-bg-error)}
.active\:text-bg-warning:active{color:var(--color-bg-warning)}
.active\:text-bg-info:active{color:var(--color-bg-info)}
.active\:text-title-start:active{color:var(--color-title-start)}
.active\:text-title-end:active{color:var(--color-title-end)}
.active\:text-bg-start:active{color:var(--color-bg-start)}
.active\:text-bg-end:active{color:var(--color-bg-end)}
.active\:text-primary-content:active{color:var(--color-primary-content)}
.active\:text-secondary-content:active{color:var(--color-secondary-content)}
.active\:text-base-100:active{color:var(--color-base-100)}
.active\:text-base-200:active{color:var(--color-base-200)}
.active\:text-base-300:active{color:var(--color-base-300)}
.active\:text-base-content:active{color:var(--color-base-content)}
.active\:text-white:active{color:var(--color-white)}
.active\:text-black:active{color:var(--color-black)}
.active\:border-primary:active{border-color:var(--color-primary)}
.active\:border-secondary:active{border-color:var(--color-secondary)}
.active\:border-background:active{border-color:var(--color-background)}
.active\:border-transparent:active{border-color:var(--color-transparent)}
.active\:border-active:active{border-color:var(--color-active)}
.active\:border-hover:active{border-color:var(--color-hover)}
.active\:border-not-active:active{border-color:var(--color-not-active)}
.active\:border-primary-text:active{border-color:var(--color-primary-text)}
.active\:border-secondary-text:active{border-color:var(--color-secondary-text)}
.active\:border-tertiary-text:active{border-color:var(--color-tertiary-text)}
.active\:border-not-active-text:active{border-color:var(--color-not-active-text)}
.active\:border-state-active:active{border-color:var(--color-state-active)}
.active\:border-state-hover:active{border-color:var(--color-state-hover)}
.active\:border-state-not-active:active{border-color:var(--color-state-not-active)}
.active\:border-card-background:active{border-color:var(--color-card-background)}
.active\:border-card-shadow:active{border-color:var(--color-card-shadow)}
.active\:border-border:active{border-color:var(--color-border)}
.active\:border-border-hover:active{border-color:var(--color-border-hover)}
.active\:border-border-success:active{border-color:var(--color-border-success)}
.active\:border-border-info:active{border-color:var(--color-border-info)}
.active\:border-border-warning:active{border-color:var(--color-border-warning)}
.active\:border-border-error:active{border-color:var(--color-border-error)}
.active\:border-light-border:active{border-color:var(--color-light-border)}
.active\:border-divider:active{border-color:var(--color-divider)}
.active\:border-success:active{border-color:var(--color-success)}
.active\:border-error:active{border-color:var(--color-error)}
.active\:border-error-hover:active{border-color:var(--color-error-hover)}
.active\:border-warning:active{border-color:var(--color-warning)}
.active\:border-info:active{border-color:var(--color-info)}
.active\:border-bg-success:active{border-color:var(--color-bg-success)}
.active\:border-bg-error:active{border-color:var(--color-bg-error)}
.active\:border-bg-warning:active{border-color:var(--color-bg-warning)}
.active\:border-bg-info:active{border-color:var(--color-bg-info)}
.active\:border-title-start:active{border-color:var(--color-title-start)}
.active\:border-title-end:active{border-color:var(--color-title-end)}
.active\:border-bg-start:active{border-color:var(--color-bg-start)}
.active\:border-bg-end:active{border-color:var(--color-bg-end)}
.active\:border-primary-content:active{border-color:var(--color-primary-content)}
.active\:border-secondary-content:active{border-color:var(--color-secondary-content)}
.active\:border-base-100:active{border-color:var(--color-base-100)}
.active\:border-base-200:active{border-color:var(--color-base-200)}
.active\:border-base-300:active{border-color:var(--color-base-300)}
.active\:border-base-content:active{border-color:var(--color-base-content)}
.active\:border-white:active{border-color:var(--color-white)}
.active\:border-black:active{border-color:var(--color-black)}
.focus-visible\:bg-primary:focus-visible{background-color:var(--color-primary)}
.focus-visible\:bg-secondary:focus-visible{background-color:var(--color-secondary)}
.focus-visible\:bg-background:focus-visible{background-color:var(--color-background)}
.focus-visible\:bg-transparent:focus-visible{background-color:var(--color-transparent)}
.focus-visible\:bg-active:focus-visible{background-color:var(--color-active)}
.focus-visible\:bg-hover:focus-visible{background-color:var(--color-hover)}
.focus-visible\:bg-not-active:focus-visible{background-color:var(--color-not-active)}
.focus-visible\:bg-primary-text:focus-visible{background-color:var(--color-primary-text)}
.focus-visible\:bg-secondary-text:focus-visible{background-color:var(--color-secondary-text)}
.focus-visible\:bg-tertiary-text:focus-visible{background-color:var(--color-tertiary-text)}
.focus-visible\:bg-not-active-text:focus-visible{background-color:var(--color-not-active-text)}
.focus-visible\:bg-state-active:focus-visible{background-color:var(--color-state-active)}
.focus-visible\:bg-state-hover:focus-visible{background-color:var(--color-state-hover)}
.focus-visible\:bg-state-not-active:focus-visible{background-color:var(--color-state-not-active)}
.focus-visible\:bg-card-background:focus-visible{background-color:var(--color-card-background)}
.focus-visible\:bg-card-shadow:focus-visible{background-color:var(--color-card-shadow)}
.focus-visible\:bg-border:focus-visible{background-color:var(--color-border)}
.focus-visible\:bg-border-hover:focus-visible{background-color:var(--color-border-hover)}
.focus-visible\:bg-border-success:focus-visible{background-color:var(--color-border-success)}
.focus-visible\:bg-border-info:focus-visible{background-color:var(--color-border-info)}
.focus-visible\:bg-border-warning:focus-visible{background-color:var(--color-border-warning)}
.focus-visible\:bg-border-error:focus-visible{background-color:var(--color-border-error)}
.focus-visible\:bg-light-border:focus-visible{background-color:var(--color-light-border)}
.focus-visible\:bg-divider:focus-visible{background-color:var(--color-divider)}
.focus-visible\:bg-success:focus-visible{background-color:var(--color-success)}
.focus-visible\:bg-error:focus-visible{background-color:var(--color-error)}
.focus-visible\:bg-error-hover:focus-visible{background-color:var(--color-error-hover)}
.focus-visible\:bg-warning:focus-visible{background-color:var(--color-warning)}
.focus-visible\:bg-info:focus-visible{background-color:var(--color-info)}
.focus-visible\:bg-bg-success:focus-visible{background-color:var(--color-bg-success)}
.focus-visible\:bg-bg-error:focus-visible{background-color:var(--color-bg-error)}
.focus-visible\:bg-bg-warning:focus-visible{background-color:var(--color-bg-warning)}
.focus-visible\:bg-bg-info:focus-visible{background-color:var(--color-bg-info)}
.focus-visible\:bg-title-start:focus-visible{background-color:var(--color-title-start)}
.focus-visible\:bg-title-end:focus-visible{background-color:var(--color-title-end)}
.focus-visible\:bg-bg-start:focus-visible{background-color:var(--color-bg-start)}
.focus-visible\:bg-bg-end:focus-visible{background-color:var(--color-bg-end)}
.focus-visible\:bg-primary-content:focus-visible{background-color:var(--color-primary-content)}
.focus-visible\:bg-secondary-content:focus-visible{background-color:var(--color-secondary-content)}
.focus-visible\:bg-base-100:focus-visible{background-color:var(--color-base-100)}
.focus-visible\:bg-base-200:focus-visible{background-color:var(--color-base-200)}
.focus-visible\:bg-base-300:focus-visible{background-color:var(--color-base-300)}
.focus-visible\:bg-base-content:focus-visible{background-color:var(--color-base-content)}
.focus-visible\:bg-white:focus-visible{background-color:var(--color-white)}
.focus-visible\:bg-black:focus-visible{background-color:var(--color-black)}
.focus-visible\:text-primary:focus-visible{color:var(--color-primary)}
.focus-visible\:text-secondary:focus-visible{color:var(--color-secondary)}
.focus-visible\:text-background:focus-visible{color:var(--color-background)}
.focus-visible\:text-transparent:focus-visible{color:var(--color-transparent)}
.focus-visible\:text-active:focus-visible{color:var(--color-active)}
.focus-visible\:text-hover:focus-visible{color:var(--color-hover)}
.focus-visible\:text-not-active:focus-visible{color:var(--color-not-active)}
.focus-visible\:text-primary-text:focus-visible{color:var(--color-primary-text)}
.focus-visible\:text-secondary-text:focus-visible{color:var(--color-secondary-text)}
.focus-visible\:text-tertiary-text:focus-visible{color:var(--color-tertiary-text)}
.focus-visible\:text-not-active-text:focus-visible{color:var(--color-not-active-text)}
.focus-visible\:text-state-active:focus-visible{color:var(--color-state-active)}
.focus-visible\:text-state-hover:focus-visible{color:var(--color-state-hover)}
.focus-visible\:text-state-not-active:focus-visible{color:var(--color-state-not-active)}
.focus-visible\:text-card-background:focus-visible{color:var(--color-card-background)}
.focus-visible\:text-card-shadow:focus-visible{color:var(--color-card-shadow)}
.focus-visible\:text-border:focus-visible{color:var(--color-border)}
.focus-visible\:text-border-hover:focus-visible{color:var(--color-border-hover)}
.focus-visible\:text-border-success:focus-visible{color:var(--color-border-success)}
.focus-visible\:text-border-info:focus-visible{color:var(--color-border-info)}
.focus-visible\:text-border-warning:focus-visible{color:var(--color-border-warning)}
.focus-visible\:text-border-error:focus-visible{color:var(--color-border-error)}
.focus-visible\:text-light-border:focus-visible{color:var(--color-light-border)}
.focus-visible\:text-divider:focus-visible{color:var(--color-divider)}
.focus-visible\:text-success:focus-visible{color:var(--color-success)}
.focus-visible\:text-error:focus-visible{color:var(--color-error)}
.focus-visible\:text-error-hover:focus-visible{color:var(--color-error-hover)}
.focus-visible\:text-warning:focus-visible{color:var(--color-warning)}
.focus-visible\:text-info:focus-visible{color:var(--color-info)}
.focus-visible\:text-bg-success:focus-visible{color:var(--color-bg-success)}
.focus-visible\:text-bg-error:focus-visible{color:var(--color-bg-error)}
.focus-visible\:text-bg-warning:focus-visible{color:var(--color-bg-warning)}
.focus-visible\:text-bg-info:focus-visible{color:var(--color-bg-info)}
.focus-visible\:text-title-start:focus-visible{color:var(--color-title-start)}
.focus-visible\:text-title-end:focus-visible{color:var(--color-title-end)}
.focus-visible\:text-bg-start:focus-visible{color:var(--color-bg-start)}
.focus-visible\:text-bg-end:focus-visible{color:var(--color-bg-end)}
.focus-visible\:text-primary-content:focus-visible{color:var(--color-primary-content)}
.focus-visible\:text-secondary-content:focus-visible{color:var(--color-secondary-content)}
.focus-visible\:text-base-100:focus-visible{color:var(--color-base-100)}
.focus-visible\:text-base-200:focus-visible{color:var(--color-base-200)}
.focus-visible\:text-base-300:focus-visible{color:var(--color-base-300)}
.focus-visible\:text-base-content:focus-visible{color:var(--color-base-content)}
.focus-visible\:text-white:focus-visible{color:var(--color-white)}
.focus-visible\:text-black:focus-visible{color:var(--color-black)}
.focus-visible\:border-primary:focus-visible{border-color:var(--color-primary)}
.focus-visible\:border-secondary:focus-visible{border-color:var(--color-secondary)}
.focus-visible\:border-background:focus-visible{border-color:var(--color-background)}
.focus-visible\:border-transparent:focus-visible{border-color:var(--color-transparent)}
.focus-visible\:border-active:focus-visible{border-color:var(--color-active)}
.focus-visible\:border-hover:focus-visible{border-color:var(--color-hover)}
.focus-visible\:border-not-active:focus-visible{border-color:var(--color-not-active)}
.focus-visible\:border-primary-text:focus-visible{border-color:var(--color-primary-text)}
.focus-visible\:border-secondary-text:focus-visible{border-color:var(--color-secondary-text)}
.focus-visible\:border-tertiary-text:focus-visible{border-color:var(--color-tertiary-text)}
.focus-visible\:border-not-active-text:focus-visible{border-color:var(--color-not-active-text)}
.focus-visible\:border-state-active:focus-visible{border-color:var(--color-state-active)}
.focus-visible\:border-state-hover:focus-visible{border-color:var(--color-state-hover)}
.focus-visible\:border-state-not-active:focus-visible{border-color:var(--color-state-not-active)}
.focus-visible\:border-card-background:focus-visible{border-color:var(--color-card-background)}
.focus-visible\:border-card-shadow:focus-visible{border-color:var(--color-card-shadow)}
.focus-visible\:border-border:focus-visible{border-color:var(--color-border)}
.focus-visible\:border-border-hover:focus-visible{border-color:var(--color-border-hover)}
.focus-visible\:border-border-success:focus-visible{border-color:var(--color-border-success)}
.focus-visible\:border-border-info:focus-visible{border-color:var(--color-border-info)}
.focus-visible\:border-border-warning:focus-visible{border-color:var(--color-border-warning)}
.focus-visible\:border-border-error:focus-visible{border-color:var(--color-border-error)}
.focus-visible\:border-light-border:focus-visible{border-color:var(--color-light-border)}
.focus-visible\:border-divider:focus-visible{border-color:var(--color-divider)}
.focus-visible\:border-success:focus-visible{border-color:var(--color-success)}
.focus-visible\:border-error:focus-visible{border-color:var(--color-error)}
.focus-visible\:border-error-hover:focus-visible{border-color:var(--color-error-hover)}
.focus-visible\:border-warning:focus-visible{border-color:var(--color-warning)}
.focus-visible\:border-info:focus-visible{border-color:var(--color-info)}
.focus-visible\:border-bg-success:focus-visible{border-color:var(--color-bg-success)}
.focus-visible\:border-bg-error:focus-visible{border-color:var(--color-bg-error)}
.focus-visible\:border-bg-warning:focus-visible{border-color:var(--color-bg-warning)}
.focus-visible\:border-bg-info:focus-visible{border-color:var(--color-bg-info)}
.focus-visible\:border-title-start:focus-visible{border-color:var(--color-title-start)}
.focus-visible\:border-title-end:focus-visible{border-color:var(--color-title-end)}
.focus-visible\:border-bg-start:focus-visible{border-color:var(--color-bg-start)}
.focus-visible\:border-bg-end:focus-visible{border-color:var(--color-bg-end)}
.focus-visible\:border-primary-content:focus-visible{border-color:var(--color-primary-content)}
.focus-visible\:border-secondary-content:focus-visible{border-color:var(--color-secondary-content)}
.focus-visible\:border-base-100:focus-visible{border-color:var(--color-base-100)}
.focus-visible\:border-base-200:focus-visible{border-color:var(--color-base-200)}
.focus-visible\:border-base-300:focus-visible{border-color:var(--color-base-300)}
.focus-visible\:border-base-content:focus-visible{border-color:var(--color-base-content)}
.focus-visible\:border-white:focus-visible{border-color:var(--color-white)}
.focus-visible\:border-black:focus-visible{border-color:var(--color-black)}
.bg-primary\/5{background-color:color-mix(in oklab, var(--color-primary) 5%, transparent)}
.bg-primary\/10{background-color:color-mix(in oklab, var(--color-primary) 10%, transparent)}
.bg-primary\/15{background-color:color-mix(in oklab, var(--color-primary) 15%, transparent)}
.bg-primary\/20{background-color:color-mix(in oklab, var(--color-primary) 20%, transparent)}
.bg-primary\/25{background-color:color-mix(in oklab, var(--color-primary) 25%, transparent)}
.bg-primary\/30{background-color:color-mix(in oklab, var(--color-primary) 30%, transparent)}
.bg-primary\/40{background-color:color-mix(in oklab, var(--color-primary) 40%, transparent)}
.bg-primary\/50{background-color:color-mix(in oklab, var(--color-primary) 50%, transparent)}
.bg-primary\/60{background-color:color-mix(in oklab, var(--color-primary) 60%, transparent)}
.bg-primary\/70{background-color:color-mix(in oklab, var(--color-primary) 70%, transparent)}
.bg-primary\/80{background-color:color-mix(in oklab, var(--color-primary) 80%, transparent)}
.bg-primary\/90{background-color:color-mix(in oklab, var(--color-primary) 90%, transparent)}
.bg-secondary\/5{background-color:color-mix(in oklab, var(--color-secondary) 5%, transparent)}
.bg-secondary\/10{background-color:color-mix(in oklab, var(--color-secondary) 10%, transparent)}
.bg-secondary\/15{background-color:color-mix(in oklab, var(--color-secondary) 15%, transparent)}
.bg-secondary\/20{background-color:color-mix(in oklab, var(--color-secondary) 20%, transparent)}
.bg-secondary\/25{background-color:color-mix(in oklab, var(--color-secondary) 25%, transparent)}
.bg-secondary\/30{background-color:color-mix(in oklab, var(--color-secondary) 30%, transparent)}
.bg-secondary\/40{background-color:color-mix(in oklab, var(--color-secondary) 40%, transparent)}
.bg-secondary\/50{background-color:color-mix(in oklab, var(--color-secondary) 50%, transparent)}
.bg-secondary\/60{background-color:color-mix(in oklab, var(--color-secondary) 60%, transparent)}
.bg-secondary\/70{background-color:color-mix(in oklab, var(--color-secondary) 70%, transparent)}
.bg-secondary\/80{background-color:color-mix(in oklab, var(--color-secondary) 80%, transparent)}
.bg-secondary\/90{background-color:color-mix(in oklab, var(--color-secondary) 90%, transparent)}
.bg-background\/5{background-color:color-mix(in oklab, var(--color-background) 5%, transparent)}
.bg-background\/10{background-color:color-mix(in oklab, var(--color-background) 10%, transparent)}
.bg-background\/15{background-color:color-mix(in oklab, var(--color-background) 15%, transparent)}
.bg-background\/20{background-color:color-mix(in oklab, var(--color-background) 20%, transparent)}
.bg-background\/25{background-color:color-mix(in oklab, var(--color-background) 25%, transparent)}
.bg-background\/30{background-color:color-mix(in oklab, var(--color-background) 30%, transparent)}
.bg-background\/40{background-color:color-mix(in oklab, var(--color-background) 40%, transparent)}
.bg-background\/50{background-color:color-mix(in oklab, var(--color-background) 50%, transparent)}
.bg-background\/60{background-color:color-mix(in oklab, var(--color-background) 60%, transparent)}
.bg-background\/70{background-color:color-mix(in oklab, var(--color-background) 70%, transparent)}
.bg-background\/80{background-color:color-mix(in oklab, var(--color-background) 80%, transparent)}
.bg-background\/90{background-color:color-mix(in oklab, var(--color-background) 90%, transparent)}
.bg-transparent\/5{background-color:color-mix(in oklab, var(--color-transparent) 5%, transparent)}
.bg-transparent\/10{background-color:color-mix(in oklab, var(--color-transparent) 10%, transparent)}
.bg-transparent\/15{background-color:color-mix(in oklab, var(--color-transparent) 15%, transparent)}
.bg-transparent\/20{background-color:color-mix(in oklab, var(--color-transparent) 20%, transparent)}
.bg-transparent\/25{background-color:color-mix(in oklab, var(--color-transparent) 25%, transparent)}
.bg-transparent\/30{background-color:color-mix(in oklab, var(--color-transparent) 30%, transparent)}
.bg-transparent\/40{background-color:color-mix(in oklab, var(--color-transparent) 40%, transparent)}
.bg-transparent\/50{background-color:color-mix(in oklab, var(--color-transparent) 50%, transparent)}
.bg-transparent\/60{background-color:color-mix(in oklab, var(--color-transparent) 60%, transparent)}
.bg-transparent\/70{background-color:color-mix(in oklab, var(--color-transparent) 70%, transparent)}
.bg-transparent\/80{background-color:color-mix(in oklab, var(--color-transparent) 80%, transparent)}
.bg-transparent\/90{background-color:color-mix(in oklab, var(--color-transparent) 90%, transparent)}
.bg-active\/5{background-color:color-mix(in oklab, var(--color-active) 5%, transparent)}
.bg-active\/10{background-color:color-mix(in oklab, var(--color-active) 10%, transparent)}
.bg-active\/15{background-color:color-mix(in oklab, var(--color-active) 15%, transparent)}
.bg-active\/20{background-color:color-mix(in oklab, var(--color-active) 20%, transparent)}
.bg-active\/25{background-color:color-mix(in oklab, var(--color-active) 25%, transparent)}
.bg-active\/30{background-color:color-mix(in oklab, var(--color-active) 30%, transparent)}
.bg-active\/40{background-color:color-mix(in oklab, var(--color-active) 40%, transparent)}
.bg-active\/50{background-color:color-mix(in oklab, var(--color-active) 50%, transparent)}
.bg-active\/60{background-color:color-mix(in oklab, var(--color-active) 60%, transparent)}
.bg-active\/70{background-color:color-mix(in oklab, var(--color-active) 70%, transparent)}
.bg-active\/80{background-color:color-mix(in oklab, var(--color-active) 80%, transparent)}
.bg-active\/90{background-color:color-mix(in oklab, var(--color-active) 90%, transparent)}
.bg-hover\/5{background-color:color-mix(in oklab, var(--color-hover) 5%, transparent)}
.bg-hover\/10{background-color:color-mix(in oklab, var(--color-hover) 10%, transparent)}
.bg-hover\/15{background-color:color-mix(in oklab, var(--color-hover) 15%, transparent)}
.bg-hover\/20{background-color:color-mix(in oklab, var(--color-hover) 20%, transparent)}
.bg-hover\/25{background-color:color-mix(in oklab, var(--color-hover) 25%, transparent)}
.bg-hover\/30{background-color:color-mix(in oklab, var(--color-hover) 30%, transparent)}
.bg-hover\/40{background-color:color-mix(in oklab, var(--color-hover) 40%, transparent)}
.bg-hover\/50{background-color:color-mix(in oklab, var(--color-hover) 50%, transparent)}
.bg-hover\/60{background-color:color-mix(in oklab, var(--color-hover) 60%, transparent)}
.bg-hover\/70{background-color:color-mix(in oklab, var(--color-hover) 70%, transparent)}
.bg-hover\/80{background-color:color-mix(in oklab, var(--color-hover) 80%, transparent)}
.bg-hover\/90{background-color:color-mix(in oklab, var(--color-hover) 90%, transparent)}
.bg-not-active\/5{background-color:color-mix(in oklab, var(--color-not-active) 5%, transparent)}
.bg-not-active\/10{background-color:color-mix(in oklab, var(--color-not-active) 10%, transparent)}
.bg-not-active\/15{background-color:color-mix(in oklab, var(--color-not-active) 15%, transparent)}
.bg-not-active\/20{background-color:color-mix(in oklab, var(--color-not-active) 20%, transparent)}
.bg-not-active\/25{background-color:color-mix(in oklab, var(--color-not-active) 25%, transparent)}
.bg-not-active\/30{background-color:color-mix(in oklab, var(--color-not-active) 30%, transparent)}
.bg-not-active\/40{background-color:color-mix(in oklab, var(--color-not-active) 40%, transparent)}
.bg-not-active\/50{background-color:color-mix(in oklab, var(--color-not-active) 50%, transparent)}
.bg-not-active\/60{background-color:color-mix(in oklab, var(--color-not-active) 60%, transparent)}
.bg-not-active\/70{background-color:color-mix(in oklab, var(--color-not-active) 70%, transparent)}
.bg-not-active\/80{background-color:color-mix(in oklab, var(--color-not-active) 80%, transparent)}
.bg-not-active\/90{background-color:color-mix(in oklab, var(--color-not-active) 90%, transparent)}
.bg-primary-text\/5{background-color:color-mix(in oklab, var(--color-primary-text) 5%, transparent)}
.bg-primary-text\/10{background-color:color-mix(in oklab, var(--color-primary-text) 10%, transparent)}
.bg-primary-text\/15{background-color:color-mix(in oklab, var(--color-primary-text) 15%, transparent)}
.bg-primary-text\/20{background-color:color-mix(in oklab, var(--color-primary-text) 20%, transparent)}
.bg-primary-text\/25{background-color:color-mix(in oklab, var(--color-primary-text) 25%, transparent)}
.bg-primary-text\/30{background-color:color-mix(in oklab, var(--color-primary-text) 30%, transparent)}
.bg-primary-text\/40{background-color:color-mix(in oklab, var(--color-primary-text) 40%, transparent)}
.bg-primary-text\/50{background-color:color-mix(in oklab, var(--color-primary-text) 50%, transparent)}
.bg-primary-text\/60{background-color:color-mix(in oklab, var(--color-primary-text) 60%, transparent)}
.bg-primary-text\/70{background-color:color-mix(in oklab, var(--color-primary-text) 70%, transparent)}
.bg-primary-text\/80{background-color:color-mix(in oklab, var(--color-primary-text) 80%, transparent)}
.bg-primary-text\/90{background-color:color-mix(in oklab, var(--color-primary-text) 90%, transparent)}
.bg-secondary-text\/5{background-color:color-mix(in oklab, var(--color-secondary-text) 5%, transparent)}
.bg-secondary-text\/10{background-color:color-mix(in oklab, var(--color-secondary-text) 10%, transparent)}
.bg-secondary-text\/15{background-color:color-mix(in oklab, var(--color-secondary-text) 15%, transparent)}
.bg-secondary-text\/20{background-color:color-mix(in oklab, var(--color-secondary-text) 20%, transparent)}
.bg-secondary-text\/25{background-color:color-mix(in oklab, var(--color-secondary-text) 25%, transparent)}
.bg-secondary-text\/30{background-color:color-mix(in oklab, var(--color-secondary-text) 30%, transparent)}
.bg-secondary-text\/40{background-color:color-mix(in oklab, var(--color-secondary-text) 40%, transparent)}
.bg-secondary-text\/50{background-color:color-mix(in oklab, var(--color-secondary-text) 50%, transparent)}
.bg-secondary-text\/60{background-color:color-mix(in oklab, var(--color-secondary-text) 60%, transparent)}
.bg-secondary-text\/70{background-color:color-mix(in oklab, var(--color-secondary-text) 70%, transparent)}
.bg-secondary-text\/80{background-color:color-mix(in oklab, var(--color-secondary-text) 80%, transparent)}
.bg-secondary-text\/90{background-color:color-mix(in oklab, var(--color-secondary-text) 90%, transparent)}
.bg-tertiary-text\/5{background-color:color-mix(in oklab, var(--color-tertiary-text) 5%, transparent)}
.bg-tertiary-text\/10{background-color:color-mix(in oklab, var(--color-tertiary-text) 10%, transparent)}
.bg-tertiary-text\/15{background-color:color-mix(in oklab, var(--color-tertiary-text) 15%, transparent)}
.bg-tertiary-text\/20{background-color:color-mix(in oklab, var(--color-tertiary-text) 20%, transparent)}
.bg-tertiary-text\/25{background-color:color-mix(in oklab, var(--color-tertiary-text) 25%, transparent)}
.bg-tertiary-text\/30{background-color:color-mix(in oklab, var(--color-tertiary-text) 30%, transparent)}
.bg-tertiary-text\/40{background-color:color-mix(in oklab, var(--color-tertiary-text) 40%, transparent)}
.bg-tertiary-text\/50{background-color:color-mix(in oklab, var(--color-tertiary-text) 50%, transparent)}
.bg-tertiary-text\/60{background-color:color-mix(in oklab, var(--color-tertiary-text) 60%, transparent)}
.bg-tertiary-text\/70{background-color:color-mix(in oklab, var(--color-tertiary-text) 70%, transparent)}
.bg-tertiary-text\/80{background-color:color-mix(in oklab, var(--color-tertiary-text) 80%, transparent)}
.bg-tertiary-text\/90{background-color:color-mix(in oklab, var(--color-tertiary-text) 90%, transparent)}
.bg-not-active-text\/5{background-color:color-mix(in oklab, var(--color-not-active-text) 5%, transparent)}
.bg-not-active-text\/10{background-color:color-mix(in oklab, var(--color-not-active-text) 10%, transparent)}
.bg-not-active-text\/15{background-color:color-mix(in oklab, var(--color-not-active-text) 15%, transparent)}
.bg-not-active-text\/20{background-color:color-mix(in oklab, var(--color-not-active-text) 20%, transparent)}
.bg-not-active-text\/25{background-color:color-mix(in oklab, var(--color-not-active-text) 25%, transparent)}
.bg-not-active-text\/30{background-color:color-mix(in oklab, var(--color-not-active-text) 30%, transparent)}
.bg-not-active-text\/40{background-color:color-mix(in oklab, var(--color-not-active-text) 40%, transparent)}
.bg-not-active-text\/50{background-color:color-mix(in oklab, var(--color-not-active-text) 50%, transparent)}
.bg-not-active-text\/60{background-color:color-mix(in oklab, var(--color-not-active-text) 60%, transparent)}
.bg-not-active-text\/70{background-color:color-mix(in oklab, var(--color-not-active-text) 70%, transparent)}
.bg-not-active-text\/80{background-color:color-mix(in oklab, var(--color-not-active-text) 80%, transparent)}
.bg-not-active-text\/90{background-color:color-mix(in oklab, var(--color-not-active-text) 90%, transparent)}
.bg-state-active\/5{background-color:color-mix(in oklab, var(--color-state-active) 5%, transparent)}
.bg-state-active\/10{background-color:color-mix(in oklab, var(--color-state-active) 10%, transparent)}
.bg-state-active\/15{background-color:color-mix(in oklab, var(--color-state-active) 15%, transparent)}
.bg-state-active\/20{background-color:color-mix(in oklab, var(--color-state-active) 20%, transparent)}
.bg-state-active\/25{background-color:color-mix(in oklab, var(--color-state-active) 25%, transparent)}
.bg-state-active\/30{background-color:color-mix(in oklab, var(--color-state-active) 30%, transparent)}
.bg-state-active\/40{background-color:color-mix(in oklab, var(--color-state-active) 40%, transparent)}
.bg-state-active\/50{background-color:color-mix(in oklab, var(--color-state-active) 50%, transparent)}
.bg-state-active\/60{background-color:color-mix(in oklab, var(--color-state-active) 60%, transparent)}
.bg-state-active\/70{background-color:color-mix(in oklab, var(--color-state-active) 70%, transparent)}
.bg-state-active\/80{background-color:color-mix(in oklab, var(--color-state-active) 80%, transparent)}
.bg-state-active\/90{background-color:color-mix(in oklab, var(--color-state-active) 90%, transparent)}
.bg-state-hover\/5{background-color:color-mix(in oklab, var(--color-state-hover) 5%, transparent)}
.bg-state-hover\/10{background-color:color-mix(in oklab, var(--color-state-hover) 10%, transparent)}
.bg-state-hover\/15{background-color:color-mix(in oklab, var(--color-state-hover) 15%, transparent)}
.bg-state-hover\/20{background-color:color-mix(in oklab, var(--color-state-hover) 20%, transparent)}
.bg-state-hover\/25{background-color:color-mix(in oklab, var(--color-state-hover) 25%, transparent)}
.bg-state-hover\/30{background-color:color-mix(in oklab, var(--color-state-hover) 30%, transparent)}
.bg-state-hover\/40{background-color:color-mix(in oklab, var(--color-state-hover) 40%, transparent)}
.bg-state-hover\/50{background-color:color-mix(in oklab, var(--color-state-hover) 50%, transparent)}
.bg-state-hover\/60{background-color:color-mix(in oklab, var(--color-state-hover) 60%, transparent)}
.bg-state-hover\/70{background-color:color-mix(in oklab, var(--color-state-hover) 70%, transparent)}
.bg-state-hover\/80{background-color:color-mix(in oklab, var(--color-state-hover) 80%, transparent)}
.bg-state-hover\/90{background-color:color-mix(in oklab, var(--color-state-hover) 90%, transparent)}
.bg-state-not-active\/5{background-color:color-mix(in oklab, var(--color-state-not-active) 5%, transparent)}
.bg-state-not-active\/10{background-color:color-mix(in oklab, var(--color-state-not-active) 10%, transparent)}
.bg-state-not-active\/15{background-color:color-mix(in oklab, var(--color-state-not-active) 15%, transparent)}
.bg-state-not-active\/20{background-color:color-mix(in oklab, var(--color-state-not-active) 20%, transparent)}
.bg-state-not-active\/25{background-color:color-mix(in oklab, var(--color-state-not-active) 25%, transparent)}
.bg-state-not-active\/30{background-color:color-mix(in oklab, var(--color-state-not-active) 30%, transparent)}
.bg-state-not-active\/40{background-color:color-mix(in oklab, var(--color-state-not-active) 40%, transparent)}
.bg-state-not-active\/50{background-color:color-mix(in oklab, var(--color-state-not-active) 50%, transparent)}
.bg-state-not-active\/60{background-color:color-mix(in oklab, var(--color-state-not-active) 60%, transparent)}
.bg-state-not-active\/70{background-color:color-mix(in oklab, var(--color-state-not-active) 70%, transparent)}
.bg-state-not-active\/80{background-color:color-mix(in oklab, var(--color-state-not-active) 80%, transparent)}
.bg-state-not-active\/90{background-color:color-mix(in oklab, var(--color-state-not-active) 90%, transparent)}
.bg-card-background\/5{background-color:color-mix(in oklab, var(--color-card-background) 5%, transparent)}
.bg-card-background\/10{background-color:color-mix(in oklab, var(--color-card-background) 10%, transparent)}
.bg-card-background\/15{background-color:color-mix(in oklab, var(--color-card-background) 15%, transparent)}
.bg-card-background\/20{background-color:color-mix(in oklab, var(--color-card-background) 20%, transparent)}
.bg-card-background\/25{background-color:color-mix(in oklab, var(--color-card-background) 25%, transparent)}
.bg-card-background\/30{background-color:color-mix(in oklab, var(--color-card-background) 30%, transparent)}
.bg-card-background\/40{background-color:color-mix(in oklab, var(--color-card-background) 40%, transparent)}
.bg-card-background\/50{background-color:color-mix(in oklab, var(--color-card-background) 50%, transparent)}
.bg-card-background\/60{background-color:color-mix(in oklab, var(--color-card-background) 60%, transparent)}
.bg-card-background\/70{background-color:color-mix(in oklab, var(--color-card-background) 70%, transparent)}
.bg-card-background\/80{background-color:color-mix(in oklab, var(--color-card-background) 80%, transparent)}
.bg-card-background\/90{background-color:color-mix(in oklab, var(--color-card-background) 90%, transparent)}
.bg-card-shadow\/5{background-color:color-mix(in oklab, var(--color-card-shadow) 5%, transparent)}
.bg-card-shadow\/10{background-color:color-mix(in oklab, var(--color-card-shadow) 10%, transparent)}
.bg-card-shadow\/15{background-color:color-mix(in oklab, var(--color-card-shadow) 15%, transparent)}
.bg-card-shadow\/20{background-color:color-mix(in oklab, var(--color-card-shadow) 20%, transparent)}
.bg-card-shadow\/25{background-color:color-mix(in oklab, var(--color-card-shadow) 25%, transparent)}
.bg-card-shadow\/30{background-color:color-mix(in oklab, var(--color-card-shadow) 30%, transparent)}
.bg-card-shadow\/40{background-color:color-mix(in oklab, var(--color-card-shadow) 40%, transparent)}
.bg-card-shadow\/50{background-color:color-mix(in oklab, var(--color-card-shadow) 50%, transparent)}
.bg-card-shadow\/60{background-color:color-mix(in oklab, var(--color-card-shadow) 60%, transparent)}
.bg-card-shadow\/70{background-color:color-mix(in oklab, var(--color-card-shadow) 70%, transparent)}
.bg-card-shadow\/80{background-color:color-mix(in oklab, var(--color-card-shadow) 80%, transparent)}
.bg-card-shadow\/90{background-color:color-mix(in oklab, var(--color-card-shadow) 90%, transparent)}
.bg-border\/5{background-color:color-mix(in oklab, var(--color-border) 5%, transparent)}
.bg-border\/10{background-color:color-mix(in oklab, var(--color-border) 10%, transparent)}
.bg-border\/15{background-color:color-mix(in oklab, var(--color-border) 15%, transparent)}
.bg-border\/20{background-color:color-mix(in oklab, var(--color-border) 20%, transparent)}
.bg-border\/25{background-color:color-mix(in oklab, var(--color-border) 25%, transparent)}
.bg-border\/30{background-color:color-mix(in oklab, var(--color-border) 30%, transparent)}
.bg-border\/40{background-color:color-mix(in oklab, var(--color-border) 40%, transparent)}
.bg-border\/50{background-color:color-mix(in oklab, var(--color-border) 50%, transparent)}
.bg-border\/60{background-color:color-mix(in oklab, var(--color-border) 60%, transparent)}
.bg-border\/70{background-color:color-mix(in oklab, var(--color-border) 70%, transparent)}
.bg-border\/80{background-color:color-mix(in oklab, var(--color-border) 80%, transparent)}
.bg-border\/90{background-color:color-mix(in oklab, var(--color-border) 90%, transparent)}
.bg-border-hover\/5{background-color:color-mix(in oklab, var(--color-border-hover) 5%, transparent)}
.bg-border-hover\/10{background-color:color-mix(in oklab, var(--color-border-hover) 10%, transparent)}
.bg-border-hover\/15{background-color:color-mix(in oklab, var(--color-border-hover) 15%, transparent)}
.bg-border-hover\/20{background-color:color-mix(in oklab, var(--color-border-hover) 20%, transparent)}
.bg-border-hover\/25{background-color:color-mix(in oklab, var(--color-border-hover) 25%, transparent)}
.bg-border-hover\/30{background-color:color-mix(in oklab, var(--color-border-hover) 30%, transparent)}
.bg-border-hover\/40{background-color:color-mix(in oklab, var(--color-border-hover) 40%, transparent)}
.bg-border-hover\/50{background-color:color-mix(in oklab, var(--color-border-hover) 50%, transparent)}
.bg-border-hover\/60{background-color:color-mix(in oklab, var(--color-border-hover) 60%, transparent)}
.bg-border-hover\/70{background-color:color-mix(in oklab, var(--color-border-hover) 70%, transparent)}
.bg-border-hover\/80{background-color:color-mix(in oklab, var(--color-border-hover) 80%, transparent)}
.bg-border-hover\/90{background-color:color-mix(in oklab, var(--color-border-hover) 90%, transparent)}
.bg-border-success\/5{background-color:color-mix(in oklab, var(--color-border-success) 5%, transparent)}
.bg-border-success\/10{background-color:color-mix(in oklab, var(--color-border-success) 10%, transparent)}
.bg-border-success\/15{background-color:color-mix(in oklab, var(--color-border-success) 15%, transparent)}
.bg-border-success\/20{background-color:color-mix(in oklab, var(--color-border-success) 20%, transparent)}
.bg-border-success\/25{background-color:color-mix(in oklab, var(--color-border-success) 25%, transparent)}
.bg-border-success\/30{background-color:color-mix(in oklab, var(--color-border-success) 30%, transparent)}
.bg-border-success\/40{background-color:color-mix(in oklab, var(--color-border-success) 40%, transparent)}
.bg-border-success\/50{background-color:color-mix(in oklab, var(--color-border-success) 50%, transparent)}
.bg-border-success\/60{background-color:color-mix(in oklab, var(--color-border-success) 60%, transparent)}
.bg-border-success\/70{background-color:color-mix(in oklab, var(--color-border-success) 70%, transparent)}
.bg-border-success\/80{background-color:color-mix(in oklab, var(--color-border-success) 80%, transparent)}
.bg-border-success\/90{background-color:color-mix(in oklab, var(--color-border-success) 90%, transparent)}
.bg-border-info\/5{background-color:color-mix(in oklab, var(--color-border-info) 5%, transparent)}
.bg-border-info\/10{background-color:color-mix(in oklab, var(--color-border-info) 10%, transparent)}
.bg-border-info\/15{background-color:color-mix(in oklab, var(--color-border-info) 15%, transparent)}
.bg-border-info\/20{background-color:color-mix(in oklab, var(--color-border-info) 20%, transparent)}
.bg-border-info\/25{background-color:color-mix(in oklab, var(--color-border-info) 25%, transparent)}
.bg-border-info\/30{background-color:color-mix(in oklab, var(--color-border-info) 30%, transparent)}
.bg-border-info\/40{background-color:color-mix(in oklab, var(--color-border-info) 40%, transparent)}
.bg-border-info\/50{background-color:color-mix(in oklab, var(--color-border-info) 50%, transparent)}
.bg-border-info\/60{background-color:color-mix(in oklab, var(--color-border-info) 60%, transparent)}
.bg-border-info\/70{background-color:color-mix(in oklab, var(--color-border-info) 70%, transparent)}
.bg-border-info\/80{background-color:color-mix(in oklab, var(--color-border-info) 80%, transparent)}
.bg-border-info\/90{background-color:color-mix(in oklab, var(--color-border-info) 90%, transparent)}
.bg-border-warning\/5{background-color:color-mix(in oklab, var(--color-border-warning) 5%, transparent)}
.bg-border-warning\/10{background-color:color-mix(in oklab, var(--color-border-warning) 10%, transparent)}
.bg-border-warning\/15{background-color:color-mix(in oklab, var(--color-border-warning) 15%, transparent)}
.bg-border-warning\/20{background-color:color-mix(in oklab, var(--color-border-warning) 20%, transparent)}
.bg-border-warning\/25{background-color:color-mix(in oklab, var(--color-border-warning) 25%, transparent)}
.bg-border-warning\/30{background-color:color-mix(in oklab, var(--color-border-warning) 30%, transparent)}
.bg-border-warning\/40{background-color:color-mix(in oklab, var(--color-border-warning) 40%, transparent)}
.bg-border-warning\/50{background-color:color-mix(in oklab, var(--color-border-warning) 50%, transparent)}
.bg-border-warning\/60{background-color:color-mix(in oklab, var(--color-border-warning) 60%, transparent)}
.bg-border-warning\/70{background-color:color-mix(in oklab, var(--color-border-warning) 70%, transparent)}
.bg-border-warning\/80{background-color:color-mix(in oklab, var(--color-border-warning) 80%, transparent)}
.bg-border-warning\/90{background-color:color-mix(in oklab, var(--color-border-warning) 90%, transparent)}
.bg-border-error\/5{background-color:color-mix(in oklab, var(--color-border-error) 5%, transparent)}
.bg-border-error\/10{background-color:color-mix(in oklab, var(--color-border-error) 10%, transparent)}
.bg-border-error\/15{background-color:color-mix(in oklab, var(--color-border-error) 15%, transparent)}
.bg-border-error\/20{background-color:color-mix(in oklab, var(--color-border-error) 20%, transparent)}
.bg-border-error\/25{background-color:color-mix(in oklab, var(--color-border-error) 25%, transparent)}
.bg-border-error\/30{background-color:color-mix(in oklab, var(--color-border-error) 30%, transparent)}
.bg-border-error\/40{background-color:color-mix(in oklab, var(--color-border-error) 40%, transparent)}
.bg-border-error\/50{background-color:color-mix(in oklab, var(--color-border-error) 50%, transparent)}
.bg-border-error\/60{background-color:color-mix(in oklab, var(--color-border-error) 60%, transparent)}
.bg-border-error\/70{background-color:color-mix(in oklab, var(--color-border-error) 70%, transparent)}
.bg-border-error\/80{background-color:color-mix(in oklab, var(--color-border-error) 80%, transparent)}
.bg-border-error\/90{background-color:color-mix(in oklab, var(--color-border-error) 90%, transparent)}
.bg-light-border\/5{background-color:color-mix(in oklab, var(--color-light-border) 5%, transparent)}
.bg-light-border\/10{background-color:color-mix(in oklab, var(--color-light-border) 10%, transparent)}
.bg-light-border\/15{background-color:color-mix(in oklab, var(--color-light-border) 15%, transparent)}
.bg-light-border\/20{background-color:color-mix(in oklab, var(--color-light-border) 20%, transparent)}
.bg-light-border\/25{background-color:color-mix(in oklab, var(--color-light-border) 25%, transparent)}
.bg-light-border\/30{background-color:color-mix(in oklab, var(--color-light-border) 30%, transparent)}
.bg-light-border\/40{background-color:color-mix(in oklab, var(--color-light-border) 40%, transparent)}
.bg-light-border\/50{background-color:color-mix(in oklab, var(--color-light-border) 50%, transparent)}
.bg-light-border\/60{background-color:color-mix(in oklab, var(--color-light-border) 60%, transparent)}
.bg-light-border\/70{background-color:color-mix(in oklab, var(--color-light-border) 70%, transparent)}
.bg-light-border\/80{background-color:color-mix(in oklab, var(--color-light-border) 80%, transparent)}
.bg-light-border\/90{background-color:color-mix(in oklab, var(--color-light-border) 90%, transparent)}
.bg-divider\/5{background-color:color-mix(in oklab, var(--color-divider) 5%, transparent)}
.bg-divider\/10{background-color:color-mix(in oklab, var(--color-divider) 10%, transparent)}
.bg-divider\/15{background-color:color-mix(in oklab, var(--color-divider) 15%, transparent)}
.bg-divider\/20{background-color:color-mix(in oklab, var(--color-divider) 20%, transparent)}
.bg-divider\/25{background-color:color-mix(in oklab, var(--color-divider) 25%, transparent)}
.bg-divider\/30{background-color:color-mix(in oklab, var(--color-divider) 30%, transparent)}
.bg-divider\/40{background-color:color-mix(in oklab, var(--color-divider) 40%, transparent)}
.bg-divider\/50{background-color:color-mix(in oklab, var(--color-divider) 50%, transparent)}
.bg-divider\/60{background-color:color-mix(in oklab, var(--color-divider) 60%, transparent)}
.bg-divider\/70{background-color:color-mix(in oklab, var(--color-divider) 70%, transparent)}
.bg-divider\/80{background-color:color-mix(in oklab, var(--color-divider) 80%, transparent)}
.bg-divider\/90{background-color:color-mix(in oklab, var(--color-divider) 90%, transparent)}
.bg-success\/5{background-color:color-mix(in oklab, var(--color-success) 5%, transparent)}
.bg-success\/10{background-color:color-mix(in oklab, var(--color-success) 10%, transparent)}
.bg-success\/15{background-color:color-mix(in oklab, var(--color-success) 15%, transparent)}
.bg-success\/20{background-color:color-mix(in oklab, var(--color-success) 20%, transparent)}
.bg-success\/25{background-color:color-mix(in oklab, var(--color-success) 25%, transparent)}
.bg-success\/30{background-color:color-mix(in oklab, var(--color-success) 30%, transparent)}
.bg-success\/40{background-color:color-mix(in oklab, var(--color-success) 40%, transparent)}
.bg-success\/50{background-color:color-mix(in oklab, var(--color-success) 50%, transparent)}
.bg-success\/60{background-color:color-mix(in oklab, var(--color-success) 60%, transparent)}
.bg-success\/70{background-color:color-mix(in oklab, var(--color-success) 70%, transparent)}
.bg-success\/80{background-color:color-mix(in oklab, var(--color-success) 80%, transparent)}
.bg-success\/90{background-color:color-mix(in oklab, var(--color-success) 90%, transparent)}
.bg-error\/5{background-color:color-mix(in oklab, var(--color-error) 5%, transparent)}
.bg-error\/10{background-color:color-mix(in oklab, var(--color-error) 10%, transparent)}
.bg-error\/15{background-color:color-mix(in oklab, var(--color-error) 15%, transparent)}
.bg-error\/20{background-color:color-mix(in oklab, var(--color-error) 20%, transparent)}
.bg-error\/25{background-color:color-mix(in oklab, var(--color-error) 25%, transparent)}
.bg-error\/30{background-color:color-mix(in oklab, var(--color-error) 30%, transparent)}
.bg-error\/40{background-color:color-mix(in oklab, var(--color-error) 40%, transparent)}
.bg-error\/50{background-color:color-mix(in oklab, var(--color-error) 50%, transparent)}
.bg-error\/60{background-color:color-mix(in oklab, var(--color-error) 60%, transparent)}
.bg-error\/70{background-color:color-mix(in oklab, var(--color-error) 70%, transparent)}
.bg-error\/80{background-color:color-mix(in oklab, var(--color-error) 80%, transparent)}
.bg-error\/90{background-color:color-mix(in oklab, var(--color-error) 90%, transparent)}
.bg-error-hover\/5{background-color:color-mix(in oklab, var(--color-error-hover) 5%, transparent)}
.bg-error-hover\/10{background-color:color-mix(in oklab, var(--color-error-hover) 10%, transparent)}
.bg-error-hover\/15{background-color:color-mix(in oklab, var(--color-error-hover) 15%, transparent)}
.bg-error-hover\/20{background-color:color-mix(in oklab, var(--color-error-hover) 20%, transparent)}
.bg-error-hover\/25{background-color:color-mix(in oklab, var(--color-error-hover) 25%, transparent)}
.bg-error-hover\/30{background-color:color-mix(in oklab, var(--color-error-hover) 30%, transparent)}
.bg-error-hover\/40{background-color:color-mix(in oklab, var(--color-error-hover) 40%, transparent)}
.bg-error-hover\/50{background-color:color-mix(in oklab, var(--color-error-hover) 50%, transparent)}
.bg-error-hover\/60{background-color:color-mix(in oklab, var(--color-error-hover) 60%, transparent)}
.bg-error-hover\/70{background-color:color-mix(in oklab, var(--color-error-hover) 70%, transparent)}
.bg-error-hover\/80{background-color:color-mix(in oklab, var(--color-error-hover) 80%, transparent)}
.bg-error-hover\/90{background-color:color-mix(in oklab, var(--color-error-hover) 90%, transparent)}
.bg-warning\/5{background-color:color-mix(in oklab, var(--color-warning) 5%, transparent)}
.bg-warning\/10{background-color:color-mix(in oklab, var(--color-warning) 10%, transparent)}
.bg-warning\/15{background-color:color-mix(in oklab, var(--color-warning) 15%, transparent)}
.bg-warning\/20{background-color:color-mix(in oklab, var(--color-warning) 20%, transparent)}
.bg-warning\/25{background-color:color-mix(in oklab, var(--color-warning) 25%, transparent)}
.bg-warning\/30{background-color:color-mix(in oklab, var(--color-warning) 30%, transparent)}
.bg-warning\/40{background-color:color-mix(in oklab, var(--color-warning) 40%, transparent)}
.bg-warning\/50{background-color:color-mix(in oklab, var(--color-warning) 50%, transparent)}
.bg-warning\/60{background-color:color-mix(in oklab, var(--color-warning) 60%, transparent)}
.bg-warning\/70{background-color:color-mix(in oklab, var(--color-warning) 70%, transparent)}
.bg-warning\/80{background-color:color-mix(in oklab, var(--color-warning) 80%, transparent)}
.bg-warning\/90{background-color:color-mix(in oklab, var(--color-warning) 90%, transparent)}
.bg-info\/5{background-color:color-mix(in oklab, var(--color-info) 5%, transparent)}
.bg-info\/10{background-color:color-mix(in oklab, var(--color-info) 10%, transparent)}
.bg-info\/15{background-color:color-mix(in oklab, var(--color-info) 15%, transparent)}
.bg-info\/20{background-color:color-mix(in oklab, var(--color-info) 20%, transparent)}
.bg-info\/25{background-color:color-mix(in oklab, var(--color-info) 25%, transparent)}
.bg-info\/30{background-color:color-mix(in oklab, var(--color-info) 30%, transparent)}
.bg-info\/40{background-color:color-mix(in oklab, var(--color-info) 40%, transparent)}
.bg-info\/50{background-color:color-mix(in oklab, var(--color-info) 50%, transparent)}
.bg-info\/60{background-color:color-mix(in oklab, var(--color-info) 60%, transparent)}
.bg-info\/70{background-color:color-mix(in oklab, var(--color-info) 70%, transparent)}
.bg-info\/80{background-color:color-mix(in oklab, var(--color-info) 80%, transparent)}
.bg-info\/90{background-color:color-mix(in oklab, var(--color-info) 90%, transparent)}
.bg-bg-success\/5{background-color:color-mix(in oklab, var(--color-bg-success) 5%, transparent)}
.bg-bg-success\/10{background-color:color-mix(in oklab, var(--color-bg-success) 10%, transparent)}
.bg-bg-success\/15{background-color:color-mix(in oklab, var(--color-bg-success) 15%, transparent)}
.bg-bg-success\/20{background-color:color-mix(in oklab, var(--color-bg-success) 20%, transparent)}
.bg-bg-success\/25{background-color:color-mix(in oklab, var(--color-bg-success) 25%, transparent)}
.bg-bg-success\/30{background-color:color-mix(in oklab, var(--color-bg-success) 30%, transparent)}
.bg-bg-success\/40{background-color:color-mix(in oklab, var(--color-bg-success) 40%, transparent)}
.bg-bg-success\/50{background-color:color-mix(in oklab, var(--color-bg-success) 50%, transparent)}
.bg-bg-success\/60{background-color:color-mix(in oklab, var(--color-bg-success) 60%, transparent)}
.bg-bg-success\/70{background-color:color-mix(in oklab, var(--color-bg-success) 70%, transparent)}
.bg-bg-success\/80{background-color:color-mix(in oklab, var(--color-bg-success) 80%, transparent)}
.bg-bg-success\/90{background-color:color-mix(in oklab, var(--color-bg-success) 90%, transparent)}
.bg-bg-error\/5{background-color:color-mix(in oklab, var(--color-bg-error) 5%, transparent)}
.bg-bg-error\/10{background-color:color-mix(in oklab, var(--color-bg-error) 10%, transparent)}
.bg-bg-error\/15{background-color:color-mix(in oklab, var(--color-bg-error) 15%, transparent)}
.bg-bg-error\/20{background-color:color-mix(in oklab, var(--color-bg-error) 20%, transparent)}
.bg-bg-error\/25{background-color:color-mix(in oklab, var(--color-bg-error) 25%, transparent)}
.bg-bg-error\/30{background-color:color-mix(in oklab, var(--color-bg-error) 30%, transparent)}
.bg-bg-error\/40{background-color:color-mix(in oklab, var(--color-bg-error) 40%, transparent)}
.bg-bg-error\/50{background-color:color-mix(in oklab, var(--color-bg-error) 50%, transparent)}
.bg-bg-error\/60{background-color:color-mix(in oklab, var(--color-bg-error) 60%, transparent)}
.bg-bg-error\/70{background-color:color-mix(in oklab, var(--color-bg-error) 70%, transparent)}
.bg-bg-error\/80{background-color:color-mix(in oklab, var(--color-bg-error) 80%, transparent)}
.bg-bg-error\/90{background-color:color-mix(in oklab, var(--color-bg-error) 90%, transparent)}
.bg-bg-warning\/5{background-color:color-mix(in oklab, var(--color-bg-warning) 5%, transparent)}
.bg-bg-warning\/10{background-color:color-mix(in oklab, var(--color-bg-warning) 10%, transparent)}
.bg-bg-warning\/15{background-color:color-mix(in oklab, var(--color-bg-warning) 15%, transparent)}
.bg-bg-warning\/20{background-color:color-mix(in oklab, var(--color-bg-warning) 20%, transparent)}
.bg-bg-warning\/25{background-color:color-mix(in oklab, var(--color-bg-warning) 25%, transparent)}
.bg-bg-warning\/30{background-color:color-mix(in oklab, var(--color-bg-warning) 30%, transparent)}
.bg-bg-warning\/40{background-color:color-mix(in oklab, var(--color-bg-warning) 40%, transparent)}
.bg-bg-warning\/50{background-color:color-mix(in oklab, var(--color-bg-warning) 50%, transparent)}
.bg-bg-warning\/60{background-color:color-mix(in oklab, var(--color-bg-warning) 60%, transparent)}
.bg-bg-warning\/70{background-color:color-mix(in oklab, var(--color-bg-warning) 70%, transparent)}
.bg-bg-warning\/80{background-color:color-mix(in oklab, var(--color-bg-warning) 80%, transparent)}
.bg-bg-warning\/90{background-color:color-mix(in oklab, var(--color-bg-warning) 90%, transparent)}
.bg-bg-info\/5{background-color:color-mix(in oklab, var(--color-bg-info) 5%, transparent)}
.bg-bg-info\/10{background-color:color-mix(in oklab, var(--color-bg-info) 10%, transparent)}
.bg-bg-info\/15{background-color:color-mix(in oklab, var(--color-bg-info) 15%, transparent)}
.bg-bg-info\/20{background-color:color-mix(in oklab, var(--color-bg-info) 20%, transparent)}
.bg-bg-info\/25{background-color:color-mix(in oklab, var(--color-bg-info) 25%, transparent)}
.bg-bg-info\/30{background-color:color-mix(in oklab, var(--color-bg-info) 30%, transparent)}
.bg-bg-info\/40{background-color:color-mix(in oklab, var(--color-bg-info) 40%, transparent)}
.bg-bg-info\/50{background-color:color-mix(in oklab, var(--color-bg-info) 50%, transparent)}
.bg-bg-info\/60{background-color:color-mix(in oklab, var(--color-bg-info) 60%, transparent)}
.bg-bg-info\/70{background-color:color-mix(in oklab, var(--color-bg-info) 70%, transparent)}
.bg-bg-info\/80{background-color:color-mix(in oklab, var(--color-bg-info) 80%, transparent)}
.bg-bg-info\/90{background-color:color-mix(in oklab, var(--color-bg-info) 90%, transparent)}
.bg-title-start\/5{background-color:color-mix(in oklab, var(--color-title-start) 5%, transparent)}
.bg-title-start\/10{background-color:color-mix(in oklab, var(--color-title-start) 10%, transparent)}
.bg-title-start\/15{background-color:color-mix(in oklab, var(--color-title-start) 15%, transparent)}
.bg-title-start\/20{background-color:color-mix(in oklab, var(--color-title-start) 20%, transparent)}
.bg-title-start\/25{background-color:color-mix(in oklab, var(--color-title-start) 25%, transparent)}
.bg-title-start\/30{background-color:color-mix(in oklab, var(--color-title-start) 30%, transparent)}
.bg-title-start\/40{background-color:color-mix(in oklab, var(--color-title-start) 40%, transparent)}
.bg-title-start\/50{background-color:color-mix(in oklab, var(--color-title-start) 50%, transparent)}
.bg-title-start\/60{background-color:color-mix(in oklab, var(--color-title-start) 60%, transparent)}
.bg-title-start\/70{background-color:color-mix(in oklab, var(--color-title-start) 70%, transparent)}
.bg-title-start\/80{background-color:color-mix(in oklab, var(--color-title-start) 80%, transparent)}
.bg-title-start\/90{background-color:color-mix(in oklab, var(--color-title-start) 90%, transparent)}
.bg-title-end\/5{background-color:color-mix(in oklab, var(--color-title-end) 5%, transparent)}
.bg-title-end\/10{background-color:color-mix(in oklab, var(--color-title-end) 10%, transparent)}
.bg-title-end\/15{background-color:color-mix(in oklab, var(--color-title-end) 15%, transparent)}
.bg-title-end\/20{background-color:color-mix(in oklab, var(--color-title-end) 20%, transparent)}
.bg-title-end\/25{background-color:color-mix(in oklab, var(--color-title-end) 25%, transparent)}
.bg-title-end\/30{background-color:color-mix(in oklab, var(--color-title-end) 30%, transparent)}
.bg-title-end\/40{background-color:color-mix(in oklab, var(--color-title-end) 40%, transparent)}
.bg-title-end\/50{background-color:color-mix(in oklab, var(--color-title-end) 50%, transparent)}
.bg-title-end\/60{background-color:color-mix(in oklab, var(--color-title-end) 60%, transparent)}
.bg-title-end\/70{background-color:color-mix(in oklab, var(--color-title-end) 70%, transparent)}
.bg-title-end\/80{background-color:color-mix(in oklab, var(--color-title-end) 80%, transparent)}
.bg-title-end\/90{background-color:color-mix(in oklab, var(--color-title-end) 90%, transparent)}
.bg-bg-start\/5{background-color:color-mix(in oklab, var(--color-bg-start) 5%, transparent)}
.bg-bg-start\/10{background-color:color-mix(in oklab, var(--color-bg-start) 10%, transparent)}
.bg-bg-start\/15{background-color:color-mix(in oklab, var(--color-bg-start) 15%, transparent)}
.bg-bg-start\/20{background-color:color-mix(in oklab, var(--color-bg-start) 20%, transparent)}
.bg-bg-start\/25{background-color:color-mix(in oklab, var(--color-bg-start) 25%, transparent)}
.bg-bg-start\/30{background-color:color-mix(in oklab, var(--color-bg-start) 30%, transparent)}
.bg-bg-start\/40{background-color:color-mix(in oklab, var(--color-bg-start) 40%, transparent)}
.bg-bg-start\/50{background-color:color-mix(in oklab, var(--color-bg-start) 50%, transparent)}
.bg-bg-start\/60{background-color:color-mix(in oklab, var(--color-bg-start) 60%, transparent)}
.bg-bg-start\/70{background-color:color-mix(in oklab, var(--color-bg-start) 70%, transparent)}
.bg-bg-start\/80{background-color:color-mix(in oklab, var(--color-bg-start) 80%, transparent)}
.bg-bg-start\/90{background-color:color-mix(in oklab, var(--color-bg-start) 90%, transparent)}
.bg-bg-end\/5{background-color:color-mix(in oklab, var(--color-bg-end) 5%, transparent)}
.bg-bg-end\/10{background-color:color-mix(in oklab, var(--color-bg-end) 10%, transparent)}
.bg-bg-end\/15{background-color:color-mix(in oklab, var(--color-bg-end) 15%, transparent)}
.bg-bg-end\/20{background-color:color-mix(in oklab, var(--color-bg-end) 20%, transparent)}
.bg-bg-end\/25{background-color:color-mix(in oklab, var(--color-bg-end) 25%, transparent)}
.bg-bg-end\/30{background-color:color-mix(in oklab, var(--color-bg-end) 30%, transparent)}
.bg-bg-end\/40{background-color:color-mix(in oklab, var(--color-bg-end) 40%, transparent)}
.bg-bg-end\/50{background-color:color-mix(in oklab, var(--color-bg-end) 50%, transparent)}
.bg-bg-end\/60{background-color:color-mix(in oklab, var(--color-bg-end) 60%, transparent)}
.bg-bg-end\/70{background-color:color-mix(in oklab, var(--color-bg-end) 70%, transparent)}
.bg-bg-end\/80{background-color:color-mix(in oklab, var(--color-bg-end) 80%, transparent)}
.bg-bg-end\/90{background-color:color-mix(in oklab, var(--color-bg-end) 90%, transparent)}
.bg-primary-content\/5{background-color:color-mix(in oklab, var(--color-primary-content) 5%, transparent)}
.bg-primary-content\/10{background-color:color-mix(in oklab, var(--color-primary-content) 10%, transparent)}
.bg-primary-content\/15{background-color:color-mix(in oklab, var(--color-primary-content) 15%, transparent)}
.bg-primary-content\/20{background-color:color-mix(in oklab, var(--color-primary-content) 20%, transparent)}
.bg-primary-content\/25{background-color:color-mix(in oklab, var(--color-primary-content) 25%, transparent)}
.bg-primary-content\/30{background-color:color-mix(in oklab, var(--color-primary-content) 30%, transparent)}
.bg-primary-content\/40{background-color:color-mix(in oklab, var(--color-primary-content) 40%, transparent)}
.bg-primary-content\/50{background-color:color-mix(in oklab, var(--color-primary-content) 50%, transparent)}
.bg-primary-content\/60{background-color:color-mix(in oklab, var(--color-primary-content) 60%, transparent)}
.bg-primary-content\/70{background-color:color-mix(in oklab, var(--color-primary-content) 70%, transparent)}
.bg-primary-content\/80{background-color:color-mix(in oklab, var(--color-primary-content) 80%, transparent)}
.bg-primary-content\/90{background-color:color-mix(in oklab, var(--color-primary-content) 90%, transparent)}
.bg-secondary-content\/5{background-color:color-mix(in oklab, var(--color-secondary-content) 5%, transparent)}
.bg-secondary-content\/10{background-color:color-mix(in oklab, var(--color-secondary-content) 10%, transparent)}
.bg-secondary-content\/15{background-color:color-mix(in oklab, var(--color-secondary-content) 15%, transparent)}
.bg-secondary-content\/20{background-color:color-mix(in oklab, var(--color-secondary-content) 20%, transparent)}
.bg-secondary-content\/25{background-color:color-mix(in oklab, var(--color-secondary-content) 25%, transparent)}
.bg-secondary-content\/30{background-color:color-mix(in oklab, var(--color-secondary-content) 30%, transparent)}
.bg-secondary-content\/40{background-color:color-mix(in oklab, var(--color-secondary-content) 40%, transparent)}
.bg-secondary-content\/50{background-color:color-mix(in oklab, var(--color-secondary-content) 50%, transparent)}
.bg-secondary-content\/60{background-color:color-mix(in oklab, var(--color-secondary-content) 60%, transparent)}
.bg-secondary-content\/70{background-color:color-mix(in oklab, var(--color-secondary-content) 70%, transparent)}
.bg-secondary-content\/80{background-color:color-mix(in oklab, var(--color-secondary-content) 80%, transparent)}
.bg-secondary-content\/90{background-color:color-mix(in oklab, var(--color-secondary-content) 90%, transparent)}
.bg-base-100\/5{background-color:color-mix(in oklab, var(--color-base-100) 5%, transparent)}
.bg-base-100\/10{background-color:color-mix(in oklab, var(--color-base-100) 10%, transparent)}
.bg-base-100\/15{background-color:color-mix(in oklab, var(--color-base-100) 15%, transparent)}
.bg-base-100\/20{background-color:color-mix(in oklab, var(--color-base-100) 20%, transparent)}
.bg-base-100\/25{background-color:color-mix(in oklab, var(--color-base-100) 25%, transparent)}
.bg-base-100\/30{background-color:color-mix(in oklab, var(--color-base-100) 30%, transparent)}
.bg-base-100\/40{background-color:color-mix(in oklab, var(--color-base-100) 40%, transparent)}
.bg-base-100\/50{background-color:color-mix(in oklab, var(--color-base-100) 50%, transparent)}
.bg-base-100\/60{background-color:color-mix(in oklab, var(--color-base-100) 60%, transparent)}
.bg-base-100\/70{background-color:color-mix(in oklab, var(--color-base-100) 70%, transparent)}
.bg-base-100\/80{background-color:color-mix(in oklab, var(--color-base-100) 80%, transparent)}
.bg-base-100\/90{background-color:color-mix(in oklab, var(--color-base-100) 90%, transparent)}
.bg-base-200\/5{background-color:color-mix(in oklab, var(--color-base-200) 5%, transparent)}
.bg-base-200\/10{background-color:color-mix(in oklab, var(--color-base-200) 10%, transparent)}
.bg-base-200\/15{background-color:color-mix(in oklab, var(--color-base-200) 15%, transparent)}
.bg-base-200\/20{background-color:color-mix(in oklab, var(--color-base-200) 20%, transparent)}
.bg-base-200\/25{background-color:color-mix(in oklab, var(--color-base-200) 25%, transparent)}
.bg-base-200\/30{background-color:color-mix(in oklab, var(--color-base-200) 30%, transparent)}
.bg-base-200\/40{background-color:color-mix(in oklab, var(--color-base-200) 40%, transparent)}
.bg-base-200\/50{background-color:color-mix(in oklab, var(--color-base-200) 50%, transparent)}
.bg-base-200\/60{background-color:color-mix(in oklab, var(--color-base-200) 60%, transparent)}
.bg-base-200\/70{background-color:color-mix(in oklab, var(--color-base-200) 70%, transparent)}
.bg-base-200\/80{background-color:color-mix(in oklab, var(--color-base-200) 80%, transparent)}
.bg-base-200\/90{background-color:color-mix(in oklab, var(--color-base-200) 90%, transparent)}
.bg-base-300\/5{background-color:color-mix(in oklab, var(--color-base-300) 5%, transparent)}
.bg-base-300\/10{background-color:color-mix(in oklab, var(--color-base-300) 10%, transparent)}
.bg-base-300\/15{background-color:color-mix(in oklab, var(--color-base-300) 15%, transparent)}
.bg-base-300\/20{background-color:color-mix(in oklab, var(--color-base-300) 20%, transparent)}
.bg-base-300\/25{background-color:color-mix(in oklab, var(--color-base-300) 25%, transparent)}
.bg-base-300\/30{background-color:color-mix(in oklab, var(--color-base-300) 30%, transparent)}
.bg-base-300\/40{background-color:color-mix(in oklab, var(--color-base-300) 40%, transparent)}
.bg-base-300\/50{background-color:color-mix(in oklab, var(--color-base-300) 50%, transparent)}
.bg-base-300\/60{background-color:color-mix(in oklab, var(--color-base-300) 60%, transparent)}
.bg-base-300\/70{background-color:color-mix(in oklab, var(--color-base-300) 70%, transparent)}
.bg-base-300\/80{background-color:color-mix(in oklab, var(--color-base-300) 80%, transparent)}
.bg-base-300\/90{background-color:color-mix(in oklab, var(--color-base-300) 90%, transparent)}
.bg-base-content\/5{background-color:color-mix(in oklab, var(--color-base-content) 5%, transparent)}
.bg-base-content\/10{background-color:color-mix(in oklab, var(--color-base-content) 10%, transparent)}
.bg-base-content\/15{background-color:color-mix(in oklab, var(--color-base-content) 15%, transparent)}
.bg-base-content\/20{background-color:color-mix(in oklab, var(--color-base-content) 20%, transparent)}
.bg-base-content\/25{background-color:color-mix(in oklab, var(--color-base-content) 25%, transparent)}
.bg-base-content\/30{background-color:color-mix(in oklab, var(--color-base-content) 30%, transparent)}
.bg-base-content\/40{background-color:color-mix(in oklab, var(--color-base-content) 40%, transparent)}
.bg-base-content\/50{background-color:color-mix(in oklab, var(--color-base-content) 50%, transparent)}
.bg-base-content\/60{background-color:color-mix(in oklab, var(--color-base-content) 60%, transparent)}
.bg-base-content\/70{background-color:color-mix(in oklab, var(--color-base-content) 70%, transparent)}
.bg-base-content\/80{background-color:color-mix(in oklab, var(--color-base-content) 80%, transparent)}
.bg-base-content\/90{background-color:color-mix(in oklab, var(--color-base-content) 90%, transparent)}
.bg-white\/5{background-color:color-mix(in oklab, var(--color-white) 5%, transparent)}
.bg-white\/10{background-color:color-mix(in oklab, var(--color-white) 10%, transparent)}
.bg-white\/15{background-color:color-mix(in oklab, var(--color-white) 15%, transparent)}
.bg-white\/20{background-color:color-mix(in oklab, var(--color-white) 20%, transparent)}
.bg-white\/25{background-color:color-mix(in oklab, var(--color-white) 25%, transparent)}
.bg-white\/30{background-color:color-mix(in oklab, var(--color-white) 30%, transparent)}
.bg-white\/40{background-color:color-mix(in oklab, var(--color-white) 40%, transparent)}
.bg-white\/50{background-color:color-mix(in oklab, var(--color-white) 50%, transparent)}
.bg-white\/60{background-color:color-mix(in oklab, var(--color-white) 60%, transparent)}
.bg-white\/70{background-color:color-mix(in oklab, var(--color-white) 70%, transparent)}
.bg-white\/80{background-color:color-mix(in oklab, var(--color-white) 80%, transparent)}
.bg-white\/90{background-color:color-mix(in oklab, var(--color-white) 90%, transparent)}
.bg-black\/5{background-color:color-mix(in oklab, var(--color-black) 5%, transparent)}
.bg-black\/10{background-color:color-mix(in oklab, var(--color-black) 10%, transparent)}
.bg-black\/15{background-color:color-mix(in oklab, var(--color-black) 15%, transparent)}
.bg-black\/20{background-color:color-mix(in oklab, var(--color-black) 20%, transparent)}
.bg-black\/25{background-color:color-mix(in oklab, var(--color-black) 25%, transparent)}
.bg-black\/30{background-color:color-mix(in oklab, var(--color-black) 30%, transparent)}
.bg-black\/40{background-color:color-mix(in oklab, var(--color-black) 40%, transparent)}
.bg-black\/50{background-color:color-mix(in oklab, var(--color-black) 50%, transparent)}
.bg-black\/60{background-color:color-mix(in oklab, var(--color-black) 60%, transparent)}
.bg-black\/70{background-color:color-mix(in oklab, var(--color-black) 70%, transparent)}
.bg-black\/80{background-color:color-mix(in oklab, var(--color-black) 80%, transparent)}
.bg-black\/90{background-color:color-mix(in oklab, var(--color-black) 90%, transparent)}
.text-primary\/5{color:color-mix(in oklab, var(--color-primary) 5%, transparent)}
.text-primary\/10{color:color-mix(in oklab, var(--color-primary) 10%, transparent)}
.text-primary\/15{color:color-mix(in oklab, var(--color-primary) 15%, transparent)}
.text-primary\/20{color:color-mix(in oklab, var(--color-primary) 20%, transparent)}
.text-primary\/25{color:color-mix(in oklab, var(--color-primary) 25%, transparent)}
.text-primary\/30{color:color-mix(in oklab, var(--color-primary) 30%, transparent)}
.text-primary\/40{color:color-mix(in oklab, var(--color-primary) 40%, transparent)}
.text-primary\/50{color:color-mix(in oklab, var(--color-primary) 50%, transparent)}
.text-primary\/60{color:color-mix(in oklab, var(--color-primary) 60%, transparent)}
.text-primary\/70{color:color-mix(in oklab, var(--color-primary) 70%, transparent)}
.text-primary\/80{color:color-mix(in oklab, var(--color-primary) 80%, transparent)}
.text-primary\/90{color:color-mix(in oklab, var(--color-primary) 90%, transparent)}
.text-secondary\/5{color:color-mix(in oklab, var(--color-secondary) 5%, transparent)}
.text-secondary\/10{color:color-mix(in oklab, var(--color-secondary) 10%, transparent)}
.text-secondary\/15{color:color-mix(in oklab, var(--color-secondary) 15%, transparent)}
.text-secondary\/20{color:color-mix(in oklab, var(--color-secondary) 20%, transparent)}
.text-secondary\/25{color:color-mix(in oklab, var(--color-secondary) 25%, transparent)}
.text-secondary\/30{color:color-mix(in oklab, var(--color-secondary) 30%, transparent)}
.text-secondary\/40{color:color-mix(in oklab, var(--color-secondary) 40%, transparent)}
.text-secondary\/50{color:color-mix(in oklab, var(--color-secondary) 50%, transparent)}
.text-secondary\/60{color:color-mix(in oklab, var(--color-secondary) 60%, transparent)}
.text-secondary\/70{color:color-mix(in oklab, var(--color-secondary) 70%, transparent)}
.text-secondary\/80{color:color-mix(in oklab, var(--color-secondary) 80%, transparent)}
.text-secondary\/90{color:color-mix(in oklab, var(--color-secondary) 90%, transparent)}
.text-background\/5{color:color-mix(in oklab, var(--color-background) 5%, transparent)}
.text-background\/10{color:color-mix(in oklab, var(--color-background) 10%, transparent)}
.text-background\/15{color:color-mix(in oklab, var(--color-background) 15%, transparent)}
.text-background\/20{color:color-mix(in oklab, var(--color-background) 20%, transparent)}
.text-background\/25{color:color-mix(in oklab, var(--color-background) 25%, transparent)}
.text-background\/30{color:color-mix(in oklab, var(--color-background) 30%, transparent)}
.text-background\/40{color:color-mix(in oklab, var(--color-background) 40%, transparent)}
.text-background\/50{color:color-mix(in oklab, var(--color-background) 50%, transparent)}
.text-background\/60{color:color-mix(in oklab, var(--color-background) 60%, transparent)}
.text-background\/70{color:color-mix(in oklab, var(--color-background) 70%, transparent)}
.text-background\/80{color:color-mix(in oklab, var(--color-background) 80%, transparent)}
.text-background\/90{color:color-mix(in oklab, var(--color-background) 90%, transparent)}
.text-transparent\/5{color:color-mix(in oklab, var(--color-transparent) 5%, transparent)}
.text-transparent\/10{color:color-mix(in oklab, var(--color-transparent) 10%, transparent)}
.text-transparent\/15{color:color-mix(in oklab, var(--color-transparent) 15%, transparent)}
.text-transparent\/20{color:color-mix(in oklab, var(--color-transparent) 20%, transparent)}
.text-transparent\/25{color:color-mix(in oklab, var(--color-transparent) 25%, transparent)}
.text-transparent\/30{color:color-mix(in oklab, var(--color-transparent) 30%, transparent)}
.text-transparent\/40{color:color-mix(in oklab, var(--color-transparent) 40%, transparent)}
.text-transparent\/50{color:color-mix(in oklab, var(--color-transparent) 50%, transparent)}
.text-transparent\/60{color:color-mix(in oklab, var(--color-transparent) 60%, transparent)}
.text-transparent\/70{color:color-mix(in oklab, var(--color-transparent) 70%, transparent)}
.text-transparent\/80{color:color-mix(in oklab, var(--color-transparent) 80%, transparent)}
.text-transparent\/90{color:color-mix(in oklab, var(--color-transparent) 90%, transparent)}
.text-active\/5{color:color-mix(in oklab, var(--color-active) 5%, transparent)}
.text-active\/10{color:color-mix(in oklab, var(--color-active) 10%, transparent)}
.text-active\/15{color:color-mix(in oklab, var(--color-active) 15%, transparent)}
.text-active\/20{color:color-mix(in oklab, var(--color-active) 20%, transparent)}
.text-active\/25{color:color-mix(in oklab, var(--color-active) 25%, transparent)}
.text-active\/30{color:color-mix(in oklab, var(--color-active) 30%, transparent)}
.text-active\/40{color:color-mix(in oklab, var(--color-active) 40%, transparent)}
.text-active\/50{color:color-mix(in oklab, var(--color-active) 50%, transparent)}
.text-active\/60{color:color-mix(in oklab, var(--color-active) 60%, transparent)}
.text-active\/70{color:color-mix(in oklab, var(--color-active) 70%, transparent)}
.text-active\/80{color:color-mix(in oklab, var(--color-active) 80%, transparent)}
.text-active\/90{color:color-mix(in oklab, var(--color-active) 90%, transparent)}
.text-hover\/5{color:color-mix(in oklab, var(--color-hover) 5%, transparent)}
.text-hover\/10{color:color-mix(in oklab, var(--color-hover) 10%, transparent)}
.text-hover\/15{color:color-mix(in oklab, var(--color-hover) 15%, transparent)}
.text-hover\/20{color:color-mix(in oklab, var(--color-hover) 20%, transparent)}
.text-hover\/25{color:color-mix(in oklab, var(--color-hover) 25%, transparent)}
.text-hover\/30{color:color-mix(in oklab, var(--color-hover) 30%, transparent)}
.text-hover\/40{color:color-mix(in oklab, var(--color-hover) 40%, transparent)}
.text-hover\/50{color:color-mix(in oklab, var(--color-hover) 50%, transparent)}
.text-hover\/60{color:color-mix(in oklab, var(--color-hover) 60%, transparent)}
.text-hover\/70{color:color-mix(in oklab, var(--color-hover) 70%, transparent)}
.text-hover\/80{color:color-mix(in oklab, var(--color-hover) 80%, transparent)}
.text-hover\/90{color:color-mix(in oklab, var(--color-hover) 90%, transparent)}
.text-not-active\/5{color:color-mix(in oklab, var(--color-not-active) 5%, transparent)}
.text-not-active\/10{color:color-mix(in oklab, var(--color-not-active) 10%, transparent)}
.text-not-active\/15{color:color-mix(in oklab, var(--color-not-active) 15%, transparent)}
.text-not-active\/20{color:color-mix(in oklab, var(--color-not-active) 20%, transparent)}
.text-not-active\/25{color:color-mix(in oklab, var(--color-not-active) 25%, transparent)}
.text-not-active\/30{color:color-mix(in oklab, var(--color-not-active) 30%, transparent)}
.text-not-active\/40{color:color-mix(in oklab, var(--color-not-active) 40%, transparent)}
.text-not-active\/50{color:color-mix(in oklab, var(--color-not-active) 50%, transparent)}
.text-not-active\/60{color:color-mix(in oklab, var(--color-not-active) 60%, transparent)}
.text-not-active\/70{color:color-mix(in oklab, var(--color-not-active) 70%, transparent)}
.text-not-active\/80{color:color-mix(in oklab, var(--color-not-active) 80%, transparent)}
.text-not-active\/90{color:color-mix(in oklab, var(--color-not-active) 90%, transparent)}
.text-primary-text\/5{color:color-mix(in oklab, var(--color-primary-text) 5%, transparent)}
.text-primary-text\/10{color:color-mix(in oklab, var(--color-primary-text) 10%, transparent)}
.text-primary-text\/15{color:color-mix(in oklab, var(--color-primary-text) 15%, transparent)}
.text-primary-text\/20{color:color-mix(in oklab, var(--color-primary-text) 20%, transparent)}
.text-primary-text\/25{color:color-mix(in oklab, var(--color-primary-text) 25%, transparent)}
.text-primary-text\/30{color:color-mix(in oklab, var(--color-primary-text) 30%, transparent)}
.text-primary-text\/40{color:color-mix(in oklab, var(--color-primary-text) 40%, transparent)}
.text-primary-text\/50{color:color-mix(in oklab, var(--color-primary-text) 50%, transparent)}
.text-primary-text\/60{color:color-mix(in oklab, var(--color-primary-text) 60%, transparent)}
.text-primary-text\/70{color:color-mix(in oklab, var(--color-primary-text) 70%, transparent)}
.text-primary-text\/80{color:color-mix(in oklab, var(--color-primary-text) 80%, transparent)}
.text-primary-text\/90{color:color-mix(in oklab, var(--color-primary-text) 90%, transparent)}
.text-secondary-text\/5{color:color-mix(in oklab, var(--color-secondary-text) 5%, transparent)}
.text-secondary-text\/10{color:color-mix(in oklab, var(--color-secondary-text) 10%, transparent)}
.text-secondary-text\/15{color:color-mix(in oklab, var(--color-secondary-text) 15%, transparent)}
.text-secondary-text\/20{color:color-mix(in oklab, var(--color-secondary-text) 20%, transparent)}
.text-secondary-text\/25{color:color-mix(in oklab, var(--color-secondary-text) 25%, transparent)}
.text-secondary-text\/30{color:color-mix(in oklab, var(--color-secondary-text) 30%, transparent)}
.text-secondary-text\/40{color:color-mix(in oklab, var(--color-secondary-text) 40%, transparent)}
.text-secondary-text\/50{color:color-mix(in oklab, var(--color-secondary-text) 50%, transparent)}
.text-secondary-text\/60{color:color-mix(in oklab, var(--color-secondary-text) 60%, transparent)}
.text-secondary-text\/70{color:color-mix(in oklab, var(--color-secondary-text) 70%, transparent)}
.text-secondary-text\/80{color:color-mix(in oklab, var(--color-secondary-text) 80%, transparent)}
.text-secondary-text\/90{color:color-mix(in oklab, var(--color-secondary-text) 90%, transparent)}
.text-tertiary-text\/5{color:color-mix(in oklab, var(--color-tertiary-text) 5%, transparent)}
.text-tertiary-text\/10{color:color-mix(in oklab, var(--color-tertiary-text) 10%, transparent)}
.text-tertiary-text\/15{color:color-mix(in oklab, var(--color-tertiary-text) 15%, transparent)}
.text-tertiary-text\/20{color:color-mix(in oklab, var(--color-tertiary-text) 20%, transparent)}
.text-tertiary-text\/25{color:color-mix(in oklab, var(--color-tertiary-text) 25%, transparent)}
.text-tertiary-text\/30{color:color-mix(in oklab, var(--color-tertiary-text) 30%, transparent)}
.text-tertiary-text\/40{color:color-mix(in oklab, var(--color-tertiary-text) 40%, transparent)}
.text-tertiary-text\/50{color:color-mix(in oklab, var(--color-tertiary-text) 50%, transparent)}
.text-tertiary-text\/60{color:color-mix(in oklab, var(--color-tertiary-text) 60%, transparent)}
.text-tertiary-text\/70{color:color-mix(in oklab, var(--color-tertiary-text) 70%, transparent)}
.text-tertiary-text\/80{color:color-mix(in oklab, var(--color-tertiary-text) 80%, transparent)}
.text-tertiary-text\/90{color:color-mix(in oklab, var(--color-tertiary-text) 90%, transparent)}
.text-not-active-text\/5{color:color-mix(in oklab, var(--color-not-active-text) 5%, transparent)}
.text-not-active-text\/10{color:color-mix(in oklab, var(--color-not-active-text) 10%, transparent)}
.text-not-active-text\/15{color:color-mix(in oklab, var(--color-not-active-text) 15%, transparent)}
.text-not-active-text\/20{color:color-mix(in oklab, var(--color-not-active-text) 20%, transparent)}
.text-not-active-text\/25{color:color-mix(in oklab, var(--color-not-active-text) 25%, transparent)}
.text-not-active-text\/30{color:color-mix(in oklab, var(--color-not-active-text) 30%, transparent)}
.text-not-active-text\/40{color:color-mix(in oklab, var(--color-not-active-text) 40%, transparent)}
.text-not-active-text\/50{color:color-mix(in oklab, var(--color-not-active-text) 50%, transparent)}
.text-not-active-text\/60{color:color-mix(in oklab, var(--color-not-active-text) 60%, transparent)}
.text-not-active-text\/70{color:color-mix(in oklab, var(--color-not-active-text) 70%, transparent)}
.text-not-active-text\/80{color:color-mix(in oklab, var(--color-not-active-text) 80%, transparent)}
.text-not-active-text\/90{color:color-mix(in oklab, var(--color-not-active-text) 90%, transparent)}
.text-state-active\/5{color:color-mix(in oklab, var(--color-state-active) 5%, transparent)}
.text-state-active\/10{color:color-mix(in oklab, var(--color-state-active) 10%, transparent)}
.text-state-active\/15{color:color-mix(in oklab, var(--color-state-active) 15%, transparent)}
.text-state-active\/20{color:color-mix(in oklab, var(--color-state-active) 20%, transparent)}
.text-state-active\/25{color:color-mix(in oklab, var(--color-state-active) 25%, transparent)}
.text-state-active\/30{color:color-mix(in oklab, var(--color-state-active) 30%, transparent)}
.text-state-active\/40{color:color-mix(in oklab, var(--color-state-active) 40%, transparent)}
.text-state-active\/50{color:color-mix(in oklab, var(--color-state-active) 50%, transparent)}
.text-state-active\/60{color:color-mix(in oklab, var(--color-state-active) 60%, transparent)}
.text-state-active\/70{color:color-mix(in oklab, var(--color-state-active) 70%, transparent)}
.text-state-active\/80{color:color-mix(in oklab, var(--color-state-active) 80%, transparent)}
.text-state-active\/90{color:color-mix(in oklab, var(--color-state-active) 90%, transparent)}
.text-state-hover\/5{color:color-mix(in oklab, var(--color-state-hover) 5%, transparent)}
.text-state-hover\/10{color:color-mix(in oklab, var(--color-state-hover) 10%, transparent)}
.text-state-hover\/15{color:color-mix(in oklab, var(--color-state-hover) 15%, transparent)}
.text-state-hover\/20{color:color-mix(in oklab, var(--color-state-hover) 20%, transparent)}
.text-state-hover\/25{color:color-mix(in oklab, var(--color-state-hover) 25%, transparent)}
.text-state-hover\/30{color:color-mix(in oklab, var(--color-state-hover) 30%, transparent)}
.text-state-hover\/40{color:color-mix(in oklab, var(--color-state-hover) 40%, transparent)}
.text-state-hover\/50{color:color-mix(in oklab, var(--color-state-hover) 50%, transparent)}
.text-state-hover\/60{color:color-mix(in oklab, var(--color-state-hover) 60%, transparent)}
.text-state-hover\/70{color:color-mix(in oklab, var(--color-state-hover) 70%, transparent)}
.text-state-hover\/80{color:color-mix(in oklab, var(--color-state-hover) 80%, transparent)}
.text-state-hover\/90{color:color-mix(in oklab, var(--color-state-hover) 90%, transparent)}
.text-state-not-active\/5{color:color-mix(in oklab, var(--color-state-not-active) 5%, transparent)}
.text-state-not-active\/10{color:color-mix(in oklab, var(--color-state-not-active) 10%, transparent)}
.text-state-not-active\/15{color:color-mix(in oklab, var(--color-state-not-active) 15%, transparent)}
.text-state-not-active\/20{color:color-mix(in oklab, var(--color-state-not-active) 20%, transparent)}
.text-state-not-active\/25{color:color-mix(in oklab, var(--color-state-not-active) 25%, transparent)}
.text-state-not-active\/30{color:color-mix(in oklab, var(--color-state-not-active) 30%, transparent)}
.text-state-not-active\/40{color:color-mix(in oklab, var(--color-state-not-active) 40%, transparent)}
.text-state-not-active\/50{color:color-mix(in oklab, var(--color-state-not-active) 50%, transparent)}
.text-state-not-active\/60{color:color-mix(in oklab, var(--color-state-not-active) 60%, transparent)}
.text-state-not-active\/70{color:color-mix(in oklab, var(--color-state-not-active) 70%, transparent)}
.text-state-not-active\/80{color:color-mix(in oklab, var(--color-state-not-active) 80%, transparent)}
.text-state-not-active\/90{color:color-mix(in oklab, var(--color-state-not-active) 90%, transparent)}
.text-card-background\/5{color:color-mix(in oklab, var(--color-card-background) 5%, transparent)}
.text-card-background\/10{color:color-mix(in oklab, var(--color-card-background) 10%, transparent)}
.text-card-background\/15{color:color-mix(in oklab, var(--color-card-background) 15%, transparent)}
.text-card-background\/20{color:color-mix(in oklab, var(--color-card-background) 20%, transparent)}
.text-card-background\/25{color:color-mix(in oklab, var(--color-card-background) 25%, transparent)}
.text-card-background\/30{color:color-mix(in oklab, var(--color-card-background) 30%, transparent)}
.text-card-background\/40{color:color-mix(in oklab, var(--color-card-background) 40%, transparent)}
.text-card-background\/50{color:color-mix(in oklab, var(--color-card-background) 50%, transparent)}
.text-card-background\/60{color:color-mix(in oklab, var(--color-card-background) 60%, transparent)}
.text-card-background\/70{color:color-mix(in oklab, var(--color-card-background) 70%, transparent)}
.text-card-background\/80{color:color-mix(in oklab, var(--color-card-background) 80%, transparent)}
.text-card-background\/90{color:color-mix(in oklab, var(--color-card-background) 90%, transparent)}
.text-card-shadow\/5{color:color-mix(in oklab, var(--color-card-shadow) 5%, transparent)}
.text-card-shadow\/10{color:color-mix(in oklab, var(--color-card-shadow) 10%, transparent)}
.text-card-shadow\/15{color:color-mix(in oklab, var(--color-card-shadow) 15%, transparent)}
.text-card-shadow\/20{color:color-mix(in oklab, var(--color-card-shadow) 20%, transparent)}
.text-card-shadow\/25{color:color-mix(in oklab, var(--color-card-shadow) 25%, transparent)}
.text-card-shadow\/30{color:color-mix(in oklab, var(--color-card-shadow) 30%, transparent)}
.text-card-shadow\/40{color:color-mix(in oklab, var(--color-card-shadow) 40%, transparent)}
.text-card-shadow\/50{color:color-mix(in oklab, var(--color-card-shadow) 50%, transparent)}
.text-card-shadow\/60{color:color-mix(in oklab, var(--color-card-shadow) 60%, transparent)}
.text-card-shadow\/70{color:color-mix(in oklab, var(--color-card-shadow) 70%, transparent)}
.text-card-shadow\/80{color:color-mix(in oklab, var(--color-card-shadow) 80%, transparent)}
.text-card-shadow\/90{color:color-mix(in oklab, var(--color-card-shadow) 90%, transparent)}
.text-border\/5{color:color-mix(in oklab, var(--color-border) 5%, transparent)}
.text-border\/10{color:color-mix(in oklab, var(--color-border) 10%, transparent)}
.text-border\/15{color:color-mix(in oklab, var(--color-border) 15%, transparent)}
.text-border\/20{color:color-mix(in oklab, var(--color-border) 20%, transparent)}
.text-border\/25{color:color-mix(in oklab, var(--color-border) 25%, transparent)}
.text-border\/30{color:color-mix(in oklab, var(--color-border) 30%, transparent)}
.text-border\/40{color:color-mix(in oklab, var(--color-border) 40%, transparent)}
.text-border\/50{color:color-mix(in oklab, var(--color-border) 50%, transparent)}
.text-border\/60{color:color-mix(in oklab, var(--color-border) 60%, transparent)}
.text-border\/70{color:color-mix(in oklab, var(--color-border) 70%, transparent)}
.text-border\/80{color:color-mix(in oklab, var(--color-border) 80%, transparent)}
.text-border\/90{color:color-mix(in oklab, var(--color-border) 90%, transparent)}
.text-border-hover\/5{color:color-mix(in oklab, var(--color-border-hover) 5%, transparent)}
.text-border-hover\/10{color:color-mix(in oklab, var(--color-border-hover) 10%, transparent)}
.text-border-hover\/15{color:color-mix(in oklab, var(--color-border-hover) 15%, transparent)}
.text-border-hover\/20{color:color-mix(in oklab, var(--color-border-hover) 20%, transparent)}
.text-border-hover\/25{color:color-mix(in oklab, var(--color-border-hover) 25%, transparent)}
.text-border-hover\/30{color:color-mix(in oklab, var(--color-border-hover) 30%, transparent)}
.text-border-hover\/40{color:color-mix(in oklab, var(--color-border-hover) 40%, transparent)}
.text-border-hover\/50{color:color-mix(in oklab, var(--color-border-hover) 50%, transparent)}
.text-border-hover\/60{color:color-mix(in oklab, var(--color-border-hover) 60%, transparent)}
.text-border-hover\/70{color:color-mix(in oklab, var(--color-border-hover) 70%, transparent)}
.text-border-hover\/80{color:color-mix(in oklab, var(--color-border-hover) 80%, transparent)}
.text-border-hover\/90{color:color-mix(in oklab, var(--color-border-hover) 90%, transparent)}
.text-border-success\/5{color:color-mix(in oklab, var(--color-border-success) 5%, transparent)}
.text-border-success\/10{color:color-mix(in oklab, var(--color-border-success) 10%, transparent)}
.text-border-success\/15{color:color-mix(in oklab, var(--color-border-success) 15%, transparent)}
.text-border-success\/20{color:color-mix(in oklab, var(--color-border-success) 20%, transparent)}
.text-border-success\/25{color:color-mix(in oklab, var(--color-border-success) 25%, transparent)}
.text-border-success\/30{color:color-mix(in oklab, var(--color-border-success) 30%, transparent)}
.text-border-success\/40{color:color-mix(in oklab, var(--color-border-success) 40%, transparent)}
.text-border-success\/50{color:color-mix(in oklab, var(--color-border-success) 50%, transparent)}
.text-border-success\/60{color:color-mix(in oklab, var(--color-border-success) 60%, transparent)}
.text-border-success\/70{color:color-mix(in oklab, var(--color-border-success) 70%, transparent)}
.text-border-success\/80{color:color-mix(in oklab, var(--color-border-success) 80%, transparent)}
.text-border-success\/90{color:color-mix(in oklab, var(--color-border-success) 90%, transparent)}
.text-border-info\/5{color:color-mix(in oklab, var(--color-border-info) 5%, transparent)}
.text-border-info\/10{color:color-mix(in oklab, var(--color-border-info) 10%, transparent)}
.text-border-info\/15{color:color-mix(in oklab, var(--color-border-info) 15%, transparent)}
.text-border-info\/20{color:color-mix(in oklab, var(--color-border-info) 20%, transparent)}
.text-border-info\/25{color:color-mix(in oklab, var(--color-border-info) 25%, transparent)}
.text-border-info\/30{color:color-mix(in oklab, var(--color-border-info) 30%, transparent)}
.text-border-info\/40{color:color-mix(in oklab, var(--color-border-info) 40%, transparent)}
.text-border-info\/50{color:color-mix(in oklab, var(--color-border-info) 50%, transparent)}
.text-border-info\/60{color:color-mix(in oklab, var(--color-border-info) 60%, transparent)}
.text-border-info\/70{color:color-mix(in oklab, var(--color-border-info) 70%, transparent)}
.text-border-info\/80{color:color-mix(in oklab, var(--color-border-info) 80%, transparent)}
.text-border-info\/90{color:color-mix(in oklab, var(--color-border-info) 90%, transparent)}
.text-border-warning\/5{color:color-mix(in oklab, var(--color-border-warning) 5%, transparent)}
.text-border-warning\/10{color:color-mix(in oklab, var(--color-border-warning) 10%, transparent)}
.text-border-warning\/15{color:color-mix(in oklab, var(--color-border-warning) 15%, transparent)}
.text-border-warning\/20{color:color-mix(in oklab, var(--color-border-warning) 20%, transparent)}
.text-border-warning\/25{color:color-mix(in oklab, var(--color-border-warning) 25%, transparent)}
.text-border-warning\/30{color:color-mix(in oklab, var(--color-border-warning) 30%, transparent)}
.text-border-warning\/40{color:color-mix(in oklab, var(--color-border-warning) 40%, transparent)}
.text-border-warning\/50{color:color-mix(in oklab, var(--color-border-warning) 50%, transparent)}
.text-border-warning\/60{color:color-mix(in oklab, var(--color-border-warning) 60%, transparent)}
.text-border-warning\/70{color:color-mix(in oklab, var(--color-border-warning) 70%, transparent)}
.text-border-warning\/80{color:color-mix(in oklab, var(--color-border-warning) 80%, transparent)}
.text-border-warning\/90{color:color-mix(in oklab, var(--color-border-warning) 90%, transparent)}
.text-border-error\/5{color:color-mix(in oklab, var(--color-border-error) 5%, transparent)}
.text-border-error\/10{color:color-mix(in oklab, var(--color-border-error) 10%, transparent)}
.text-border-error\/15{color:color-mix(in oklab, var(--color-border-error) 15%, transparent)}
.text-border-error\/20{color:color-mix(in oklab, var(--color-border-error) 20%, transparent)}
.text-border-error\/25{color:color-mix(in oklab, var(--color-border-error) 25%, transparent)}
.text-border-error\/30{color:color-mix(in oklab, var(--color-border-error) 30%, transparent)}
.text-border-error\/40{color:color-mix(in oklab, var(--color-border-error) 40%, transparent)}
.text-border-error\/50{color:color-mix(in oklab, var(--color-border-error) 50%, transparent)}
.text-border-error\/60{color:color-mix(in oklab, var(--color-border-error) 60%, transparent)}
.text-border-error\/70{color:color-mix(in oklab, var(--color-border-error) 70%, transparent)}
.text-border-error\/80{color:color-mix(in oklab, var(--color-border-error) 80%, transparent)}
.text-border-error\/90{color:color-mix(in oklab, var(--color-border-error) 90%, transparent)}
.text-light-border\/5{color:color-mix(in oklab, var(--color-light-border) 5%, transparent)}
.text-light-border\/10{color:color-mix(in oklab, var(--color-light-border) 10%, transparent)}
.text-light-border\/15{color:color-mix(in oklab, var(--color-light-border) 15%, transparent)}
.text-light-border\/20{color:color-mix(in oklab, var(--color-light-border) 20%, transparent)}
.text-light-border\/25{color:color-mix(in oklab, var(--color-light-border) 25%, transparent)}
.text-light-border\/30{color:color-mix(in oklab, var(--color-light-border) 30%, transparent)}
.text-light-border\/40{color:color-mix(in oklab, var(--color-light-border) 40%, transparent)}
.text-light-border\/50{color:color-mix(in oklab, var(--color-light-border) 50%, transparent)}
.text-light-border\/60{color:color-mix(in oklab, var(--color-light-border) 60%, transparent)}
.text-light-border\/70{color:color-mix(in oklab, var(--color-light-border) 70%, transparent)}
.text-light-border\/80{color:color-mix(in oklab, var(--color-light-border) 80%, transparent)}
.text-light-border\/90{color:color-mix(in oklab, var(--color-light-border) 90%, transparent)}
.text-divider\/5{color:color-mix(in oklab, var(--color-divider) 5%, transparent)}
.text-divider\/10{color:color-mix(in oklab, var(--color-divider) 10%, transparent)}
.text-divider\/15{color:color-mix(in oklab, var(--color-divider) 15%, transparent)}
.text-divider\/20{color:color-mix(in oklab, var(--color-divider) 20%, transparent)}
.text-divider\/25{color:color-mix(in oklab, var(--color-divider) 25%, transparent)}
.text-divider\/30{color:color-mix(in oklab, var(--color-divider) 30%, transparent)}
.text-divider\/40{color:color-mix(in oklab, var(--color-divider) 40%, transparent)}
.text-divider\/50{color:color-mix(in oklab, var(--color-divider) 50%, transparent)}
.text-divider\/60{color:color-mix(in oklab, var(--color-divider) 60%, transparent)}
.text-divider\/70{color:color-mix(in oklab, var(--color-divider) 70%, transparent)}
.text-divider\/80{color:color-mix(in oklab, var(--color-divider) 80%, transparent)}
.text-divider\/90{color:color-mix(in oklab, var(--color-divider) 90%, transparent)}
.text-success\/5{color:color-mix(in oklab, var(--color-success) 5%, transparent)}
.text-success\/10{color:color-mix(in oklab, var(--color-success) 10%, transparent)}
.text-success\/15{color:color-mix(in oklab, var(--color-success) 15%, transparent)}
.text-success\/20{color:color-mix(in oklab, var(--color-success) 20%, transparent)}
.text-success\/25{color:color-mix(in oklab, var(--color-success) 25%, transparent)}
.text-success\/30{color:color-mix(in oklab, var(--color-success) 30%, transparent)}
.text-success\/40{color:color-mix(in oklab, var(--color-success) 40%, transparent)}
.text-success\/50{color:color-mix(in oklab, var(--color-success) 50%, transparent)}
.text-success\/60{color:color-mix(in oklab, var(--color-success) 60%, transparent)}
.text-success\/70{color:color-mix(in oklab, var(--color-success) 70%, transparent)}
.text-success\/80{color:color-mix(in oklab, var(--color-success) 80%, transparent)}
.text-success\/90{color:color-mix(in oklab, var(--color-success) 90%, transparent)}
.text-error\/5{color:color-mix(in oklab, var(--color-error) 5%, transparent)}
.text-error\/10{color:color-mix(in oklab, var(--color-error) 10%, transparent)}
.text-error\/15{color:color-mix(in oklab, var(--color-error) 15%, transparent)}
.text-error\/20{color:color-mix(in oklab, var(--color-error) 20%, transparent)}
.text-error\/25{color:color-mix(in oklab, var(--color-error) 25%, transparent)}
.text-error\/30{color:color-mix(in oklab, var(--color-error) 30%, transparent)}
.text-error\/40{color:color-mix(in oklab, var(--color-error) 40%, transparent)}
.text-error\/50{color:color-mix(in oklab, var(--color-error) 50%, transparent)}
.text-error\/60{color:color-mix(in oklab, var(--color-error) 60%, transparent)}
.text-error\/70{color:color-mix(in oklab, var(--color-error) 70%, transparent)}
.text-error\/80{color:color-mix(in oklab, var(--color-error) 80%, transparent)}
.text-error\/90{color:color-mix(in oklab, var(--color-error) 90%, transparent)}
.text-error-hover\/5{color:color-mix(in oklab, var(--color-error-hover) 5%, transparent)}
.text-error-hover\/10{color:color-mix(in oklab, var(--color-error-hover) 10%, transparent)}
.text-error-hover\/15{color:color-mix(in oklab, var(--color-error-hover) 15%, transparent)}
.text-error-hover\/20{color:color-mix(in oklab, var(--color-error-hover) 20%, transparent)}
.text-error-hover\/25{color:color-mix(in oklab, var(--color-error-hover) 25%, transparent)}
.text-error-hover\/30{color:color-mix(in oklab, var(--color-error-hover) 30%, transparent)}
.text-error-hover\/40{color:color-mix(in oklab, var(--color-error-hover) 40%, transparent)}
.text-error-hover\/50{color:color-mix(in oklab, var(--color-error-hover) 50%, transparent)}
.text-error-hover\/60{color:color-mix(in oklab, var(--color-error-hover) 60%, transparent)}
.text-error-hover\/70{color:color-mix(in oklab, var(--color-error-hover) 70%, transparent)}
.text-error-hover\/80{color:color-mix(in oklab, var(--color-error-hover) 80%, transparent)}
.text-error-hover\/90{color:color-mix(in oklab, var(--color-error-hover) 90%, transparent)}
.text-warning\/5{color:color-mix(in oklab, var(--color-warning) 5%, transparent)}
.text-warning\/10{color:color-mix(in oklab, var(--color-warning) 10%, transparent)}
.text-warning\/15{color:color-mix(in oklab, var(--color-warning) 15%, transparent)}
.text-warning\/20{color:color-mix(in oklab, var(--color-warning) 20%, transparent)}
.text-warning\/25{color:color-mix(in oklab, var(--color-warning) 25%, transparent)}
.text-warning\/30{color:color-mix(in oklab, var(--color-warning) 30%, transparent)}
.text-warning\/40{color:color-mix(in oklab, var(--color-warning) 40%, transparent)}
.text-warning\/50{color:color-mix(in oklab, var(--color-warning) 50%, transparent)}
.text-warning\/60{color:color-mix(in oklab, var(--color-warning) 60%, transparent)}
.text-warning\/70{color:color-mix(in oklab, var(--color-warning) 70%, transparent)}
.text-warning\/80{color:color-mix(in oklab, var(--color-warning) 80%, transparent)}
.text-warning\/90{color:color-mix(in oklab, var(--color-warning) 90%, transparent)}
.text-info\/5{color:color-mix(in oklab, var(--color-info) 5%, transparent)}
.text-info\/10{color:color-mix(in oklab, var(--color-info) 10%, transparent)}
.text-info\/15{color:color-mix(in oklab, var(--color-info) 15%, transparent)}
.text-info\/20{color:color-mix(in oklab, var(--color-info) 20%, transparent)}
.text-info\/25{color:color-mix(in oklab, var(--color-info) 25%, transparent)}
.text-info\/30{color:color-mix(in oklab, var(--color-info) 30%, transparent)}
.text-info\/40{color:color-mix(in oklab, var(--color-info) 40%, transparent)}
.text-info\/50{color:color-mix(in oklab, var(--color-info) 50%, transparent)}
.text-info\/60{color:color-mix(in oklab, var(--color-info) 60%, transparent)}
.text-info\/70{color:color-mix(in oklab, var(--color-info) 70%, transparent)}
.text-info\/80{color:color-mix(in oklab, var(--color-info) 80%, transparent)}
.text-info\/90{color:color-mix(in oklab, var(--color-info) 90%, transparent)}
.text-bg-success\/5{color:color-mix(in oklab, var(--color-bg-success) 5%, transparent)}
.text-bg-success\/10{color:color-mix(in oklab, var(--color-bg-success) 10%, transparent)}
.text-bg-success\/15{color:color-mix(in oklab, var(--color-bg-success) 15%, transparent)}
.text-bg-success\/20{color:color-mix(in oklab, var(--color-bg-success) 20%, transparent)}
.text-bg-success\/25{color:color-mix(in oklab, var(--color-bg-success) 25%, transparent)}
.text-bg-success\/30{color:color-mix(in oklab, var(--color-bg-success) 30%, transparent)}
.text-bg-success\/40{color:color-mix(in oklab, var(--color-bg-success) 40%, transparent)}
.text-bg-success\/50{color:color-mix(in oklab, var(--color-bg-success) 50%, transparent)}
.text-bg-success\/60{color:color-mix(in oklab, var(--color-bg-success) 60%, transparent)}
.text-bg-success\/70{color:color-mix(in oklab, var(--color-bg-success) 70%, transparent)}
.text-bg-success\/80{color:color-mix(in oklab, var(--color-bg-success) 80%, transparent)}
.text-bg-success\/90{color:color-mix(in oklab, var(--color-bg-success) 90%, transparent)}
.text-bg-error\/5{color:color-mix(in oklab, var(--color-bg-error) 5%, transparent)}
.text-bg-error\/10{color:color-mix(in oklab, var(--color-bg-error) 10%, transparent)}
.text-bg-error\/15{color:color-mix(in oklab, var(--color-bg-error) 15%, transparent)}
.text-bg-error\/20{color:color-mix(in oklab, var(--color-bg-error) 20%, transparent)}
.text-bg-error\/25{color:color-mix(in oklab, var(--color-bg-error) 25%, transparent)}
.text-bg-error\/30{color:color-mix(in oklab, var(--color-bg-error) 30%, transparent)}
.text-bg-error\/40{color:color-mix(in oklab, var(--color-bg-error) 40%, transparent)}
.text-bg-error\/50{color:color-mix(in oklab, var(--color-bg-error) 50%, transparent)}
.text-bg-error\/60{color:color-mix(in oklab, var(--color-bg-error) 60%, transparent)}
.text-bg-error\/70{color:color-mix(in oklab, var(--color-bg-error) 70%, transparent)}
.text-bg-error\/80{color:color-mix(in oklab, var(--color-bg-error) 80%, transparent)}
.text-bg-error\/90{color:color-mix(in oklab, var(--color-bg-error) 90%, transparent)}
.text-bg-warning\/5{color:color-mix(in oklab, var(--color-bg-warning) 5%, transparent)}
.text-bg-warning\/10{color:color-mix(in oklab, var(--color-bg-warning) 10%, transparent)}
.text-bg-warning\/15{color:color-mix(in oklab, var(--color-bg-warning) 15%, transparent)}
.text-bg-warning\/20{color:color-mix(in oklab, var(--color-bg-warning) 20%, transparent)}
.text-bg-warning\/25{color:color-mix(in oklab, var(--color-bg-warning) 25%, transparent)}
.text-bg-warning\/30{color:color-mix(in oklab, var(--color-bg-warning) 30%, transparent)}
.text-bg-warning\/40{color:color-mix(in oklab, var(--color-bg-warning) 40%, transparent)}
.text-bg-warning\/50{color:color-mix(in oklab, var(--color-bg-warning) 50%, transparent)}
.text-bg-warning\/60{color:color-mix(in oklab, var(--color-bg-warning) 60%, transparent)}
.text-bg-warning\/70{color:color-mix(in oklab, var(--color-bg-warning) 70%, transparent)}
.text-bg-warning\/80{color:color-mix(in oklab, var(--color-bg-warning) 80%, transparent)}
.text-bg-warning\/90{color:color-mix(in oklab, var(--color-bg-warning) 90%, transparent)}
.text-bg-info\/5{color:color-mix(in oklab, var(--color-bg-info) 5%, transparent)}
.text-bg-info\/10{color:color-mix(in oklab, var(--color-bg-info) 10%, transparent)}
.text-bg-info\/15{color:color-mix(in oklab, var(--color-bg-info) 15%, transparent)}
.text-bg-info\/20{color:color-mix(in oklab, var(--color-bg-info) 20%, transparent)}
.text-bg-info\/25{color:color-mix(in oklab, var(--color-bg-info) 25%, transparent)}
.text-bg-info\/30{color:color-mix(in oklab, var(--color-bg-info) 30%, transparent)}
.text-bg-info\/40{color:color-mix(in oklab, var(--color-bg-info) 40%, transparent)}
.text-bg-info\/50{color:color-mix(in oklab, var(--color-bg-info) 50%, transparent)}
.text-bg-info\/60{color:color-mix(in oklab, var(--color-bg-info) 60%, transparent)}
.text-bg-info\/70{color:color-mix(in oklab, var(--color-bg-info) 70%, transparent)}
.text-bg-info\/80{color:color-mix(in oklab, var(--color-bg-info) 80%, transparent)}
.text-bg-info\/90{color:color-mix(in oklab, var(--color-bg-info) 90%, transparent)}
.text-title-start\/5{color:color-mix(in oklab, var(--color-title-start) 5%, transparent)}
.text-title-start\/10{color:color-mix(in oklab, var(--color-title-start) 10%, transparent)}
.text-title-start\/15{color:color-mix(in oklab, var(--color-title-start) 15%, transparent)}
.text-title-start\/20{color:color-mix(in oklab, var(--color-title-start) 20%, transparent)}
.text-title-start\/25{color:color-mix(in oklab, var(--color-title-start) 25%, transparent)}
.text-title-start\/30{color:color-mix(in oklab, var(--color-title-start) 30%, transparent)}
.text-title-start\/40{color:color-mix(in oklab, var(--color-title-start) 40%, transparent)}
.text-title-start\/50{color:color-mix(in oklab, var(--color-title-start) 50%, transparent)}
.text-title-start\/60{color:color-mix(in oklab, var(--color-title-start) 60%, transparent)}
.text-title-start\/70{color:color-mix(in oklab, var(--color-title-start) 70%, transparent)}
.text-title-start\/80{color:color-mix(in oklab, var(--color-title-start) 80%, transparent)}
.text-title-start\/90{color:color-mix(in oklab, var(--color-title-start) 90%, transparent)}
.text-title-end\/5{color:color-mix(in oklab, var(--color-title-end) 5%, transparent)}
.text-title-end\/10{color:color-mix(in oklab, var(--color-title-end) 10%, transparent)}
.text-title-end\/15{color:color-mix(in oklab, var(--color-title-end) 15%, transparent)}
.text-title-end\/20{color:color-mix(in oklab, var(--color-title-end) 20%, transparent)}
.text-title-end\/25{color:color-mix(in oklab, var(--color-title-end) 25%, transparent)}
.text-title-end\/30{color:color-mix(in oklab, var(--color-title-end) 30%, transparent)}
.text-title-end\/40{color:color-mix(in oklab, var(--color-title-end) 40%, transparent)}
.text-title-end\/50{color:color-mix(in oklab, var(--color-title-end) 50%, transparent)}
.text-title-end\/60{color:color-mix(in oklab, var(--color-title-end) 60%, transparent)}
.text-title-end\/70{color:color-mix(in oklab, var(--color-title-end) 70%, transparent)}
.text-title-end\/80{color:color-mix(in oklab, var(--color-title-end) 80%, transparent)}
.text-title-end\/90{color:color-mix(in oklab, var(--color-title-end) 90%, transparent)}
.text-bg-start\/5{color:color-mix(in oklab, var(--color-bg-start) 5%, transparent)}
.text-bg-start\/10{color:color-mix(in oklab, var(--color-bg-start) 10%, transparent)}
.text-bg-start\/15{color:color-mix(in oklab, var(--color-bg-start) 15%, transparent)}
.text-bg-start\/20{color:color-mix(in oklab, var(--color-bg-start) 20%, transparent)}
.text-bg-start\/25{color:color-mix(in oklab, var(--color-bg-start) 25%, transparent)}
.text-bg-start\/30{color:color-mix(in oklab, var(--color-bg-start) 30%, transparent)}
.text-bg-start\/40{color:color-mix(in oklab, var(--color-bg-start) 40%, transparent)}
.text-bg-start\/50{color:color-mix(in oklab, var(--color-bg-start) 50%, transparent)}
.text-bg-start\/60{color:color-mix(in oklab, var(--color-bg-start) 60%, transparent)}
.text-bg-start\/70{color:color-mix(in oklab, var(--color-bg-start) 70%, transparent)}
.text-bg-start\/80{color:color-mix(in oklab, var(--color-bg-start) 80%, transparent)}
.text-bg-start\/90{color:color-mix(in oklab, var(--color-bg-start) 90%, transparent)}
.text-bg-end\/5{color:color-mix(in oklab, var(--color-bg-end) 5%, transparent)}
.text-bg-end\/10{color:color-mix(in oklab, var(--color-bg-end) 10%, transparent)}
.text-bg-end\/15{color:color-mix(in oklab, var(--color-bg-end) 15%, transparent)}
.text-bg-end\/20{color:color-mix(in oklab, var(--color-bg-end) 20%, transparent)}
.text-bg-end\/25{color:color-mix(in oklab, var(--color-bg-end) 25%, transparent)}
.text-bg-end\/30{color:color-mix(in oklab, var(--color-bg-end) 30%, transparent)}
.text-bg-end\/40{color:color-mix(in oklab, var(--color-bg-end) 40%, transparent)}
.text-bg-end\/50{color:color-mix(in oklab, var(--color-bg-end) 50%, transparent)}
.text-bg-end\/60{color:color-mix(in oklab, var(--color-bg-end) 60%, transparent)}
.text-bg-end\/70{color:color-mix(in oklab, var(--color-bg-end) 70%, transparent)}
.text-bg-end\/80{color:color-mix(in oklab, var(--color-bg-end) 80%, transparent)}
.text-bg-end\/90{color:color-mix(in oklab, var(--color-bg-end) 90%, transparent)}
.text-primary-content\/5{color:color-mix(in oklab, var(--color-primary-content) 5%, transparent)}
.text-primary-content\/10{color:color-mix(in oklab, var(--color-primary-content) 10%, transparent)}
.text-primary-content\/15{color:color-mix(in oklab, var(--color-primary-content) 15%, transparent)}
.text-primary-content\/20{color:color-mix(in oklab, var(--color-primary-content) 20%, transparent)}
.text-primary-content\/25{color:color-mix(in oklab, var(--color-primary-content) 25%, transparent)}
.text-primary-content\/30{color:color-mix(in oklab, var(--color-primary-content) 30%, transparent)}
.text-primary-content\/40{color:color-mix(in oklab, var(--color-primary-content) 40%, transparent)}
.text-primary-content\/50{color:color-mix(in oklab, var(--color-primary-content) 50%, transparent)}
.text-primary-content\/60{color:color-mix(in oklab, var(--color-primary-content) 60%, transparent)}
.text-primary-content\/70{color:color-mix(in oklab, var(--color-primary-content) 70%, transparent)}
.text-primary-content\/80{color:color-mix(in oklab, var(--color-primary-content) 80%, transparent)}
.text-primary-content\/90{color:color-mix(in oklab, var(--color-primary-content) 90%, transparent)}
.text-secondary-content\/5{color:color-mix(in oklab, var(--color-secondary-content) 5%, transparent)}
.text-secondary-content\/10{color:color-mix(in oklab, var(--color-secondary-content) 10%, transparent)}
.text-secondary-content\/15{color:color-mix(in oklab, var(--color-secondary-content) 15%, transparent)}
.text-secondary-content\/20{color:color-mix(in oklab, var(--color-secondary-content) 20%, transparent)}
.text-secondary-content\/25{color:color-mix(in oklab, var(--color-secondary-content) 25%, transparent)}
.text-secondary-content\/30{color:color-mix(in oklab, var(--color-secondary-content) 30%, transparent)}
.text-secondary-content\/40{color:color-mix(in oklab, var(--color-secondary-content) 40%, transparent)}
.text-secondary-content\/50{color:color-mix(in oklab, var(--color-secondary-content) 50%, transparent)}
.text-secondary-content\/60{color:color-mix(in oklab, var(--color-secondary-content) 60%, transparent)}
.text-secondary-content\/70{color:color-mix(in oklab, var(--color-secondary-content) 70%, transparent)}
.text-secondary-content\/80{color:color-mix(in oklab, var(--color-secondary-content) 80%, transparent)}
.text-secondary-content\/90{color:color-mix(in oklab, var(--color-secondary-content) 90%, transparent)}
.text-base-100\/5{color:color-mix(in oklab, var(--color-base-100) 5%, transparent)}
.text-base-100\/10{color:color-mix(in oklab, var(--color-base-100) 10%, transparent)}
.text-base-100\/15{color:color-mix(in oklab, var(--color-base-100) 15%, transparent)}
.text-base-100\/20{color:color-mix(in oklab, var(--color-base-100) 20%, transparent)}
.text-base-100\/25{color:color-mix(in oklab, var(--color-base-100) 25%, transparent)}
.text-base-100\/30{color:color-mix(in oklab, var(--color-base-100) 30%, transparent)}
.text-base-100\/40{color:color-mix(in oklab, var(--color-base-100) 40%, transparent)}
.text-base-100\/50{color:color-mix(in oklab, var(--color-base-100) 50%, transparent)}
.text-base-100\/60{color:color-mix(in oklab, var(--color-base-100) 60%, transparent)}
.text-base-100\/70{color:color-mix(in oklab, var(--color-base-100) 70%, transparent)}
.text-base-100\/80{color:color-mix(in oklab, var(--color-base-100) 80%, transparent)}
.text-base-100\/90{color:color-mix(in oklab, var(--color-base-100) 90%, transparent)}
.text-base-200\/5{color:color-mix(in oklab, var(--color-base-200) 5%, transparent)}
.text-base-200\/10{color:color-mix(in oklab, var(--color-base-200) 10%, transparent)}
.text-base-200\/15{color:color-mix(in oklab, var(--color-base-200) 15%, transparent)}
.text-base-200\/20{color:color-mix(in oklab, var(--color-base-200) 20%, transparent)}
.text-base-200\/25{color:color-mix(in oklab, var(--color-base-200) 25%, transparent)}
.text-base-200\/30{color:color-mix(in oklab, var(--color-base-200) 30%, transparent)}
.text-base-200\/40{color:color-mix(in oklab, var(--color-base-200) 40%, transparent)}
.text-base-200\/50{color:color-mix(in oklab, var(--color-base-200) 50%, transparent)}
.text-base-200\/60{color:color-mix(in oklab, var(--color-base-200) 60%, transparent)}
.text-base-200\/70{color:color-mix(in oklab, var(--color-base-200) 70%, transparent)}
.text-base-200\/80{color:color-mix(in oklab, var(--color-base-200) 80%, transparent)}
.text-base-200\/90{color:color-mix(in oklab, var(--color-base-200) 90%, transparent)}
.text-base-300\/5{color:color-mix(in oklab, var(--color-base-300) 5%, transparent)}
.text-base-300\/10{color:color-mix(in oklab, var(--color-base-300) 10%, transparent)}
.text-base-300\/15{color:color-mix(in oklab, var(--color-base-300) 15%, transparent)}
.text-base-300\/20{color:color-mix(in oklab, var(--color-base-300) 20%, transparent)}
.text-base-300\/25{color:color-mix(in oklab, var(--color-base-300) 25%, transparent)}
.text-base-300\/30{color:color-mix(in oklab, var(--color-base-300) 30%, transparent)}
.text-base-300\/40{color:color-mix(in oklab, var(--color-base-300) 40%, transparent)}
.text-base-300\/50{color:color-mix(in oklab, var(--color-base-300) 50%, transparent)}
.text-base-300\/60{color:color-mix(in oklab, var(--color-base-300) 60%, transparent)}
.text-base-300\/70{color:color-mix(in oklab, var(--color-base-300) 70%, transparent)}
.text-base-300\/80{color:color-mix(in oklab, var(--color-base-300) 80%, transparent)}
.text-base-300\/90{color:color-mix(in oklab, var(--color-base-300) 90%, transparent)}
.text-base-content\/5{color:color-mix(in oklab, var(--color-base-content) 5%, transparent)}
.text-base-content\/10{color:color-mix(in oklab, var(--color-base-content) 10%, transparent)}
.text-base-content\/15{color:color-mix(in oklab, var(--color-base-content) 15%, transparent)}
.text-base-content\/20{color:color-mix(in oklab, var(--color-base-content) 20%, transparent)}
.text-base-content\/25{color:color-mix(in oklab, var(--color-base-content) 25%, transparent)}
.text-base-content\/30{color:color-mix(in oklab, var(--color-base-content) 30%, transparent)}
.text-base-content\/40{color:color-mix(in oklab, var(--color-base-content) 40%, transparent)}
.text-base-content\/50{color:color-mix(in oklab, var(--color-base-content) 50%, transparent)}
.text-base-content\/60{color:color-mix(in oklab, var(--color-base-content) 60%, transparent)}
.text-base-content\/70{color:color-mix(in oklab, var(--color-base-content) 70%, transparent)}
.text-base-content\/80{color:color-mix(in oklab, var(--color-base-content) 80%, transparent)}
.text-base-content\/90{color:color-mix(in oklab, var(--color-base-content) 90%, transparent)}
.text-white\/5{color:color-mix(in oklab, var(--color-white) 5%, transparent)}
.text-white\/10{color:color-mix(in oklab, var(--color-white) 10%, transparent)}
.text-white\/15{color:color-mix(in oklab, var(--color-white) 15%, transparent)}
.text-white\/20{color:color-mix(in oklab, var(--color-white) 20%, transparent)}
.text-white\/25{color:color-mix(in oklab, var(--color-white) 25%, transparent)}
.text-white\/30{color:color-mix(in oklab, var(--color-white) 30%, transparent)}
.text-white\/40{color:color-mix(in oklab, var(--color-white) 40%, transparent)}
.text-white\/50{color:color-mix(in oklab, var(--color-white) 50%, transparent)}
.text-white\/60{color:color-mix(in oklab, var(--color-white) 60%, transparent)}
.text-white\/70{color:color-mix(in oklab, var(--color-white) 70%, transparent)}
.text-white\/80{color:color-mix(in oklab, var(--color-white) 80%, transparent)}
.text-white\/90{color:color-mix(in oklab, var(--color-white) 90%, transparent)}
.text-black\/5{color:color-mix(in oklab, var(--color-black) 5%, transparent)}
.text-black\/10{color:color-mix(in oklab, var(--color-black) 10%, transparent)}
.text-black\/15{color:color-mix(in oklab, var(--color-black) 15%, transparent)}
.text-black\/20{color:color-mix(in oklab, var(--color-black) 20%, transparent)}
.text-black\/25{color:color-mix(in oklab, var(--color-black) 25%, transparent)}
.text-black\/30{color:color-mix(in oklab, var(--color-black) 30%, transparent)}
.text-black\/40{color:color-mix(in oklab, var(--color-black) 40%, transparent)}
.text-black\/50{color:color-mix(in oklab, var(--color-black) 50%, transparent)}
.text-black\/60{color:color-mix(in oklab, var(--color-black) 60%, transparent)}
.text-black\/70{color:color-mix(in oklab, var(--color-black) 70%, transparent)}
.text-black\/80{color:color-mix(in oklab, var(--color-black) 80%, transparent)}
.text-black\/90{color:color-mix(in oklab, var(--color-black) 90%, transparent)}
.border-primary\/5{border-color:color-mix(in oklab, var(--color-primary) 5%, transparent)}
.border-primary\/10{border-color:color-mix(in oklab, var(--color-primary) 10%, transparent)}
.border-primary\/15{border-color:color-mix(in oklab, var(--color-primary) 15%, transparent)}
.border-primary\/20{border-color:color-mix(in oklab, var(--color-primary) 20%, transparent)}
.border-primary\/25{border-color:color-mix(in oklab, var(--color-primary) 25%, transparent)}
.border-primary\/30{border-color:color-mix(in oklab, var(--color-primary) 30%, transparent)}
.border-primary\/40{border-color:color-mix(in oklab, var(--color-primary) 40%, transparent)}
.border-primary\/50{border-color:color-mix(in oklab, var(--color-primary) 50%, transparent)}
.border-primary\/60{border-color:color-mix(in oklab, var(--color-primary) 60%, transparent)}
.border-primary\/70{border-color:color-mix(in oklab, var(--color-primary) 70%, transparent)}
.border-primary\/80{border-color:color-mix(in oklab, var(--color-primary) 80%, transparent)}
.border-primary\/90{border-color:color-mix(in oklab, var(--color-primary) 90%, transparent)}
.border-secondary\/5{border-color:color-mix(in oklab, var(--color-secondary) 5%, transparent)}
.border-secondary\/10{border-color:color-mix(in oklab, var(--color-secondary) 10%, transparent)}
.border-secondary\/15{border-color:color-mix(in oklab, var(--color-secondary) 15%, transparent)}
.border-secondary\/20{border-color:color-mix(in oklab, var(--color-secondary) 20%, transparent)}
.border-secondary\/25{border-color:color-mix(in oklab, var(--color-secondary) 25%, transparent)}
.border-secondary\/30{border-color:color-mix(in oklab, var(--color-secondary) 30%, transparent)}
.border-secondary\/40{border-color:color-mix(in oklab, var(--color-secondary) 40%, transparent)}
.border-secondary\/50{border-color:color-mix(in oklab, var(--color-secondary) 50%, transparent)}
.border-secondary\/60{border-color:color-mix(in oklab, var(--color-secondary) 60%, transparent)}
.border-secondary\/70{border-color:color-mix(in oklab, var(--color-secondary) 70%, transparent)}
.border-secondary\/80{border-color:color-mix(in oklab, var(--color-secondary) 80%, transparent)}
.border-secondary\/90{border-color:color-mix(in oklab, var(--color-secondary) 90%, transparent)}
.border-background\/5{border-color:color-mix(in oklab, var(--color-background) 5%, transparent)}
.border-background\/10{border-color:color-mix(in oklab, var(--color-background) 10%, transparent)}
.border-background\/15{border-color:color-mix(in oklab, var(--color-background) 15%, transparent)}
.border-background\/20{border-color:color-mix(in oklab, var(--color-background) 20%, transparent)}
.border-background\/25{border-color:color-mix(in oklab, var(--color-background) 25%, transparent)}
.border-background\/30{border-color:color-mix(in oklab, var(--color-background) 30%, transparent)}
.border-background\/40{border-color:color-mix(in oklab, var(--color-background) 40%, transparent)}
.border-background\/50{border-color:color-mix(in oklab, var(--color-background) 50%, transparent)}
.border-background\/60{border-color:color-mix(in oklab, var(--color-background) 60%, transparent)}
.border-background\/70{border-color:color-mix(in oklab, var(--color-background) 70%, transparent)}
.border-background\/80{border-color:color-mix(in oklab, var(--color-background) 80%, transparent)}
.border-background\/90{border-color:color-mix(in oklab, var(--color-background) 90%, transparent)}
.border-transparent\/5{border-color:color-mix(in oklab, var(--color-transparent) 5%, transparent)}
.border-transparent\/10{border-color:color-mix(in oklab, var(--color-transparent) 10%, transparent)}
.border-transparent\/15{border-color:color-mix(in oklab, var(--color-transparent) 15%, transparent)}
.border-transparent\/20{border-color:color-mix(in oklab, var(--color-transparent) 20%, transparent)}
.border-transparent\/25{border-color:color-mix(in oklab, var(--color-transparent) 25%, transparent)}
.border-transparent\/30{border-color:color-mix(in oklab, var(--color-transparent) 30%, transparent)}
.border-transparent\/40{border-color:color-mix(in oklab, var(--color-transparent) 40%, transparent)}
.border-transparent\/50{border-color:color-mix(in oklab, var(--color-transparent) 50%, transparent)}
.border-transparent\/60{border-color:color-mix(in oklab, var(--color-transparent) 60%, transparent)}
.border-transparent\/70{border-color:color-mix(in oklab, var(--color-transparent) 70%, transparent)}
.border-transparent\/80{border-color:color-mix(in oklab, var(--color-transparent) 80%, transparent)}
.border-transparent\/90{border-color:color-mix(in oklab, var(--color-transparent) 90%, transparent)}
.border-active\/5{border-color:color-mix(in oklab, var(--color-active) 5%, transparent)}
.border-active\/10{border-color:color-mix(in oklab, var(--color-active) 10%, transparent)}
.border-active\/15{border-color:color-mix(in oklab, var(--color-active) 15%, transparent)}
.border-active\/20{border-color:color-mix(in oklab, var(--color-active) 20%, transparent)}
.border-active\/25{border-color:color-mix(in oklab, var(--color-active) 25%, transparent)}
.border-active\/30{border-color:color-mix(in oklab, var(--color-active) 30%, transparent)}
.border-active\/40{border-color:color-mix(in oklab, var(--color-active) 40%, transparent)}
.border-active\/50{border-color:color-mix(in oklab, var(--color-active) 50%, transparent)}
.border-active\/60{border-color:color-mix(in oklab, var(--color-active) 60%, transparent)}
.border-active\/70{border-color:color-mix(in oklab, var(--color-active) 70%, transparent)}
.border-active\/80{border-color:color-mix(in oklab, var(--color-active) 80%, transparent)}
.border-active\/90{border-color:color-mix(in oklab, var(--color-active) 90%, transparent)}
.border-hover\/5{border-color:color-mix(in oklab, var(--color-hover) 5%, transparent)}
.border-hover\/10{border-color:color-mix(in oklab, var(--color-hover) 10%, transparent)}
.border-hover\/15{border-color:color-mix(in oklab, var(--color-hover) 15%, transparent)}
.border-hover\/20{border-color:color-mix(in oklab, var(--color-hover) 20%, transparent)}
.border-hover\/25{border-color:color-mix(in oklab, var(--color-hover) 25%, transparent)}
.border-hover\/30{border-color:color-mix(in oklab, var(--color-hover) 30%, transparent)}
.border-hover\/40{border-color:color-mix(in oklab, var(--color-hover) 40%, transparent)}
.border-hover\/50{border-color:color-mix(in oklab, var(--color-hover) 50%, transparent)}
.border-hover\/60{border-color:color-mix(in oklab, var(--color-hover) 60%, transparent)}
.border-hover\/70{border-color:color-mix(in oklab, var(--color-hover) 70%, transparent)}
.border-hover\/80{border-color:color-mix(in oklab, var(--color-hover) 80%, transparent)}
.border-hover\/90{border-color:color-mix(in oklab, var(--color-hover) 90%, transparent)}
.border-not-active\/5{border-color:color-mix(in oklab, var(--color-not-active) 5%, transparent)}
.border-not-active\/10{border-color:color-mix(in oklab, var(--color-not-active) 10%, transparent)}
.border-not-active\/15{border-color:color-mix(in oklab, var(--color-not-active) 15%, transparent)}
.border-not-active\/20{border-color:color-mix(in oklab, var(--color-not-active) 20%, transparent)}
.border-not-active\/25{border-color:color-mix(in oklab, var(--color-not-active) 25%, transparent)}
.border-not-active\/30{border-color:color-mix(in oklab, var(--color-not-active) 30%, transparent)}
.border-not-active\/40{border-color:color-mix(in oklab, var(--color-not-active) 40%, transparent)}
.border-not-active\/50{border-color:color-mix(in oklab, var(--color-not-active) 50%, transparent)}
.border-not-active\/60{border-color:color-mix(in oklab, var(--color-not-active) 60%, transparent)}
.border-not-active\/70{border-color:color-mix(in oklab, var(--color-not-active) 70%, transparent)}
.border-not-active\/80{border-color:color-mix(in oklab, var(--color-not-active) 80%, transparent)}
.border-not-active\/90{border-color:color-mix(in oklab, var(--color-not-active) 90%, transparent)}
.border-primary-text\/5{border-color:color-mix(in oklab, var(--color-primary-text) 5%, transparent)}
.border-primary-text\/10{border-color:color-mix(in oklab, var(--color-primary-text) 10%, transparent)}
.border-primary-text\/15{border-color:color-mix(in oklab, var(--color-primary-text) 15%, transparent)}
.border-primary-text\/20{border-color:color-mix(in oklab, var(--color-primary-text) 20%, transparent)}
.border-primary-text\/25{border-color:color-mix(in oklab, var(--color-primary-text) 25%, transparent)}
.border-primary-text\/30{border-color:color-mix(in oklab, var(--color-primary-text) 30%, transparent)}
.border-primary-text\/40{border-color:color-mix(in oklab, var(--color-primary-text) 40%, transparent)}
.border-primary-text\/50{border-color:color-mix(in oklab, var(--color-primary-text) 50%, transparent)}
.border-primary-text\/60{border-color:color-mix(in oklab, var(--color-primary-text) 60%, transparent)}
.border-primary-text\/70{border-color:color-mix(in oklab, var(--color-primary-text) 70%, transparent)}
.border-primary-text\/80{border-color:color-mix(in oklab, var(--color-primary-text) 80%, transparent)}
.border-primary-text\/90{border-color:color-mix(in oklab, var(--color-primary-text) 90%, transparent)}
.border-secondary-text\/5{border-color:color-mix(in oklab, var(--color-secondary-text) 5%, transparent)}
.border-secondary-text\/10{border-color:color-mix(in oklab, var(--color-secondary-text) 10%, transparent)}
.border-secondary-text\/15{border-color:color-mix(in oklab, var(--color-secondary-text) 15%, transparent)}
.border-secondary-text\/20{border-color:color-mix(in oklab, var(--color-secondary-text) 20%, transparent)}
.border-secondary-text\/25{border-color:color-mix(in oklab, var(--color-secondary-text) 25%, transparent)}
.border-secondary-text\/30{border-color:color-mix(in oklab, var(--color-secondary-text) 30%, transparent)}
.border-secondary-text\/40{border-color:color-mix(in oklab, var(--color-secondary-text) 40%, transparent)}
.border-secondary-text\/50{border-color:color-mix(in oklab, var(--color-secondary-text) 50%, transparent)}
.border-secondary-text\/60{border-color:color-mix(in oklab, var(--color-secondary-text) 60%, transparent)}
.border-secondary-text\/70{border-color:color-mix(in oklab, var(--color-secondary-text) 70%, transparent)}
.border-secondary-text\/80{border-color:color-mix(in oklab, var(--color-secondary-text) 80%, transparent)}
.border-secondary-text\/90{border-color:color-mix(in oklab, var(--color-secondary-text) 90%, transparent)}
.border-tertiary-text\/5{border-color:color-mix(in oklab, var(--color-tertiary-text) 5%, transparent)}
.border-tertiary-text\/10{border-color:color-mix(in oklab, var(--color-tertiary-text) 10%, transparent)}
.border-tertiary-text\/15{border-color:color-mix(in oklab, var(--color-tertiary-text) 15%, transparent)}
.border-tertiary-text\/20{border-color:color-mix(in oklab, var(--color-tertiary-text) 20%, transparent)}
.border-tertiary-text\/25{border-color:color-mix(in oklab, var(--color-tertiary-text) 25%, transparent)}
.border-tertiary-text\/30{border-color:color-mix(in oklab, var(--color-tertiary-text) 30%, transparent)}
.border-tertiary-text\/40{border-color:color-mix(in oklab, var(--color-tertiary-text) 40%, transparent)}
.border-tertiary-text\/50{border-color:color-mix(in oklab, var(--color-tertiary-text) 50%, transparent)}
.border-tertiary-text\/60{border-color:color-mix(in oklab, var(--color-tertiary-text) 60%, transparent)}
.border-tertiary-text\/70{border-color:color-mix(in oklab, var(--color-tertiary-text) 70%, transparent)}
.border-tertiary-text\/80{border-color:color-mix(in oklab, var(--color-tertiary-text) 80%, transparent)}
.border-tertiary-text\/90{border-color:color-mix(in oklab, var(--color-tertiary-text) 90%, transparent)}
.border-not-active-text\/5{border-color:color-mix(in oklab, var(--color-not-active-text) 5%, transparent)}
.border-not-active-text\/10{border-color:color-mix(in oklab, var(--color-not-active-text) 10%, transparent)}
.border-not-active-text\/15{border-color:color-mix(in oklab, var(--color-not-active-text) 15%, transparent)}
.border-not-active-text\/20{border-color:color-mix(in oklab, var(--color-not-active-text) 20%, transparent)}
.border-not-active-text\/25{border-color:color-mix(in oklab, var(--color-not-active-text) 25%, transparent)}
.border-not-active-text\/30{border-color:color-mix(in oklab, var(--color-not-active-text) 30%, transparent)}
.border-not-active-text\/40{border-color:color-mix(in oklab, var(--color-not-active-text) 40%, transparent)}
.border-not-active-text\/50{border-color:color-mix(in oklab, var(--color-not-active-text) 50%, transparent)}
.border-not-active-text\/60{border-color:color-mix(in oklab, var(--color-not-active-text) 60%, transparent)}
.border-not-active-text\/70{border-color:color-mix(in oklab, var(--color-not-active-text) 70%, transparent)}
.border-not-active-text\/80{border-color:color-mix(in oklab, var(--color-not-active-text) 80%, transparent)}
.border-not-active-text\/90{border-color:color-mix(in oklab, var(--color-not-active-text) 90%, transparent)}
.border-state-active\/5{border-color:color-mix(in oklab, var(--color-state-active) 5%, transparent)}
.border-state-active\/10{border-color:color-mix(in oklab, var(--color-state-active) 10%, transparent)}
.border-state-active\/15{border-color:color-mix(in oklab, var(--color-state-active) 15%, transparent)}
.border-state-active\/20{border-color:color-mix(in oklab, var(--color-state-active) 20%, transparent)}
.border-state-active\/25{border-color:color-mix(in oklab, var(--color-state-active) 25%, transparent)}
.border-state-active\/30{border-color:color-mix(in oklab, var(--color-state-active) 30%, transparent)}
.border-state-active\/40{border-color:color-mix(in oklab, var(--color-state-active) 40%, transparent)}
.border-state-active\/50{border-color:color-mix(in oklab, var(--color-state-active) 50%, transparent)}
.border-state-active\/60{border-color:color-mix(in oklab, var(--color-state-active) 60%, transparent)}
.border-state-active\/70{border-color:color-mix(in oklab, var(--color-state-active) 70%, transparent)}
.border-state-active\/80{border-color:color-mix(in oklab, var(--color-state-active) 80%, transparent)}
.border-state-active\/90{border-color:color-mix(in oklab, var(--color-state-active) 90%, transparent)}
.border-state-hover\/5{border-color:color-mix(in oklab, var(--color-state-hover) 5%, transparent)}
.border-state-hover\/10{border-color:color-mix(in oklab, var(--color-state-hover) 10%, transparent)}
.border-state-hover\/15{border-color:color-mix(in oklab, var(--color-state-hover) 15%, transparent)}
.border-state-hover\/20{border-color:color-mix(in oklab, var(--color-state-hover) 20%, transparent)}
.border-state-hover\/25{border-color:color-mix(in oklab, var(--color-state-hover) 25%, transparent)}
.border-state-hover\/30{border-color:color-mix(in oklab, var(--color-state-hover) 30%, transparent)}
.border-state-hover\/40{border-color:color-mix(in oklab, var(--color-state-hover) 40%, transparent)}
.border-state-hover\/50{border-color:color-mix(in oklab, var(--color-state-hover) 50%, transparent)}
.border-state-hover\/60{border-color:color-mix(in oklab, var(--color-state-hover) 60%, transparent)}
.border-state-hover\/70{border-color:color-mix(in oklab, var(--color-state-hover) 70%, transparent)}
.border-state-hover\/80{border-color:color-mix(in oklab, var(--color-state-hover) 80%, transparent)}
.border-state-hover\/90{border-color:color-mix(in oklab, var(--color-state-hover) 90%, transparent)}
.border-state-not-active\/5{border-color:color-mix(in oklab, var(--color-state-not-active) 5%, transparent)}
.border-state-not-active\/10{border-color:color-mix(in oklab, var(--color-state-not-active) 10%, transparent)}
.border-state-not-active\/15{border-color:color-mix(in oklab, var(--color-state-not-active) 15%, transparent)}
.border-state-not-active\/20{border-color:color-mix(in oklab, var(--color-state-not-active) 20%, transparent)}
.border-state-not-active\/25{border-color:color-mix(in oklab, var(--color-state-not-active) 25%, transparent)}
.border-state-not-active\/30{border-color:color-mix(in oklab, var(--color-state-not-active) 30%, transparent)}
.border-state-not-active\/40{border-color:color-mix(in oklab, var(--color-state-not-active) 40%, transparent)}
.border-state-not-active\/50{border-color:color-mix(in oklab, var(--color-state-not-active) 50%, transparent)}
.border-state-not-active\/60{border-color:color-mix(in oklab, var(--color-state-not-active) 60%, transparent)}
.border-state-not-active\/70{border-color:color-mix(in oklab, var(--color-state-not-active) 70%, transparent)}
.border-state-not-active\/80{border-color:color-mix(in oklab, var(--color-state-not-active) 80%, transparent)}
.border-state-not-active\/90{border-color:color-mix(in oklab, var(--color-state-not-active) 90%, transparent)}
.border-card-background\/5{border-color:color-mix(in oklab, var(--color-card-background) 5%, transparent)}
.border-card-background\/10{border-color:color-mix(in oklab, var(--color-card-background) 10%, transparent)}
.border-card-background\/15{border-color:color-mix(in oklab, var(--color-card-background) 15%, transparent)}
.border-card-background\/20{border-color:color-mix(in oklab, var(--color-card-background) 20%, transparent)}
.border-card-background\/25{border-color:color-mix(in oklab, var(--color-card-background) 25%, transparent)}
.border-card-background\/30{border-color:color-mix(in oklab, var(--color-card-background) 30%, transparent)}
.border-card-background\/40{border-color:color-mix(in oklab, var(--color-card-background) 40%, transparent)}
.border-card-background\/50{border-color:color-mix(in oklab, var(--color-card-background) 50%, transparent)}
.border-card-background\/60{border-color:color-mix(in oklab, var(--color-card-background) 60%, transparent)}
.border-card-background\/70{border-color:color-mix(in oklab, var(--color-card-background) 70%, transparent)}
.border-card-background\/80{border-color:color-mix(in oklab, var(--color-card-background) 80%, transparent)}
.border-card-background\/90{border-color:color-mix(in oklab, var(--color-card-background) 90%, transparent)}
.border-card-shadow\/5{border-color:color-mix(in oklab, var(--color-card-shadow) 5%, transparent)}
.border-card-shadow\/10{border-color:color-mix(in oklab, var(--color-card-shadow) 10%, transparent)}
.border-card-shadow\/15{border-color:color-mix(in oklab, var(--color-card-shadow) 15%, transparent)}
.border-card-shadow\/20{border-color:color-mix(in oklab, var(--color-card-shadow) 20%, transparent)}
.border-card-shadow\/25{border-color:color-mix(in oklab, var(--color-card-shadow) 25%, transparent)}
.border-card-shadow\/30{border-color:color-mix(in oklab, var(--color-card-shadow) 30%, transparent)}
.border-card-shadow\/40{border-color:color-mix(in oklab, var(--color-card-shadow) 40%, transparent)}
.border-card-shadow\/50{border-color:color-mix(in oklab, var(--color-card-shadow) 50%, transparent)}
.border-card-shadow\/60{border-color:color-mix(in oklab, var(--color-card-shadow) 60%, transparent)}
.border-card-shadow\/70{border-color:color-mix(in oklab, var(--color-card-shadow) 70%, transparent)}
.border-card-shadow\/80{border-color:color-mix(in oklab, var(--color-card-shadow) 80%, transparent)}
.border-card-shadow\/90{border-color:color-mix(in oklab, var(--color-card-shadow) 90%, transparent)}
.border-border\/5{border-color:color-mix(in oklab, var(--color-border) 5%, transparent)}
.border-border\/10{border-color:color-mix(in oklab, var(--color-border) 10%, transparent)}
.border-border\/15{border-color:color-mix(in oklab, var(--color-border) 15%, transparent)}
.border-border\/20{border-color:color-mix(in oklab, var(--color-border) 20%, transparent)}
.border-border\/25{border-color:color-mix(in oklab, var(--color-border) 25%, transparent)}
.border-border\/30{border-color:color-mix(in oklab, var(--color-border) 30%, transparent)}
.border-border\/40{border-color:color-mix(in oklab, var(--color-border) 40%, transparent)}
.border-border\/50{border-color:color-mix(in oklab, var(--color-border) 50%, transparent)}
.border-border\/60{border-color:color-mix(in oklab, var(--color-border) 60%, transparent)}
.border-border\/70{border-color:color-mix(in oklab, var(--color-border) 70%, transparent)}
.border-border\/80{border-color:color-mix(in oklab, var(--color-border) 80%, transparent)}
.border-border\/90{border-color:color-mix(in oklab, var(--color-border) 90%, transparent)}
.border-border-hover\/5{border-color:color-mix(in oklab, var(--color-border-hover) 5%, transparent)}
.border-border-hover\/10{border-color:color-mix(in oklab, var(--color-border-hover) 10%, transparent)}
.border-border-hover\/15{border-color:color-mix(in oklab, var(--color-border-hover) 15%, transparent)}
.border-border-hover\/20{border-color:color-mix(in oklab, var(--color-border-hover) 20%, transparent)}
.border-border-hover\/25{border-color:color-mix(in oklab, var(--color-border-hover) 25%, transparent)}
.border-border-hover\/30{border-color:color-mix(in oklab, var(--color-border-hover) 30%, transparent)}
.border-border-hover\/40{border-color:color-mix(in oklab, var(--color-border-hover) 40%, transparent)}
.border-border-hover\/50{border-color:color-mix(in oklab, var(--color-border-hover) 50%, transparent)}
.border-border-hover\/60{border-color:color-mix(in oklab, var(--color-border-hover) 60%, transparent)}
.border-border-hover\/70{border-color:color-mix(in oklab, var(--color-border-hover) 70%, transparent)}
.border-border-hover\/80{border-color:color-mix(in oklab, var(--color-border-hover) 80%, transparent)}
.border-border-hover\/90{border-color:color-mix(in oklab, var(--color-border-hover) 90%, transparent)}
.border-border-success\/5{border-color:color-mix(in oklab, var(--color-border-success) 5%, transparent)}
.border-border-success\/10{border-color:color-mix(in oklab, var(--color-border-success) 10%, transparent)}
.border-border-success\/15{border-color:color-mix(in oklab, var(--color-border-success) 15%, transparent)}
.border-border-success\/20{border-color:color-mix(in oklab, var(--color-border-success) 20%, transparent)}
.border-border-success\/25{border-color:color-mix(in oklab, var(--color-border-success) 25%, transparent)}
.border-border-success\/30{border-color:color-mix(in oklab, var(--color-border-success) 30%, transparent)}
.border-border-success\/40{border-color:color-mix(in oklab, var(--color-border-success) 40%, transparent)}
.border-border-success\/50{border-color:color-mix(in oklab, var(--color-border-success) 50%, transparent)}
.border-border-success\/60{border-color:color-mix(in oklab, var(--color-border-success) 60%, transparent)}
.border-border-success\/70{border-color:color-mix(in oklab, var(--color-border-success) 70%, transparent)}
.border-border-success\/80{border-color:color-mix(in oklab, var(--color-border-success) 80%, transparent)}
.border-border-success\/90{border-color:color-mix(in oklab, var(--color-border-success) 90%, transparent)}
.border-border-info\/5{border-color:color-mix(in oklab, var(--color-border-info) 5%, transparent)}
.border-border-info\/10{border-color:color-mix(in oklab, var(--color-border-info) 10%, transparent)}
.border-border-info\/15{border-color:color-mix(in oklab, var(--color-border-info) 15%, transparent)}
.border-border-info\/20{border-color:color-mix(in oklab, var(--color-border-info) 20%, transparent)}
.border-border-info\/25{border-color:color-mix(in oklab, var(--color-border-info) 25%, transparent)}
.border-border-info\/30{border-color:color-mix(in oklab, var(--color-border-info) 30%, transparent)}
.border-border-info\/40{border-color:color-mix(in oklab, var(--color-border-info) 40%, transparent)}
.border-border-info\/50{border-color:color-mix(in oklab, var(--color-border-info) 50%, transparent)}
.border-border-info\/60{border-color:color-mix(in oklab, var(--color-border-info) 60%, transparent)}
.border-border-info\/70{border-color:color-mix(in oklab, var(--color-border-info) 70%, transparent)}
.border-border-info\/80{border-color:color-mix(in oklab, var(--color-border-info) 80%, transparent)}
.border-border-info\/90{border-color:color-mix(in oklab, var(--color-border-info) 90%, transparent)}
.border-border-warning\/5{border-color:color-mix(in oklab, var(--color-border-warning) 5%, transparent)}
.border-border-warning\/10{border-color:color-mix(in oklab, var(--color-border-warning) 10%, transparent)}
.border-border-warning\/15{border-color:color-mix(in oklab, var(--color-border-warning) 15%, transparent)}
.border-border-warning\/20{border-color:color-mix(in oklab, var(--color-border-warning) 20%, transparent)}
.border-border-warning\/25{border-color:color-mix(in oklab, var(--color-border-warning) 25%, transparent)}
.border-border-warning\/30{border-color:color-mix(in oklab, var(--color-border-warning) 30%, transparent)}
.border-border-warning\/40{border-color:color-mix(in oklab, var(--color-border-warning) 40%, transparent)}
.border-border-warning\/50{border-color:color-mix(in oklab, var(--color-border-warning) 50%, transparent)}
.border-border-warning\/60{border-color:color-mix(in oklab, var(--color-border-warning) 60%, transparent)}
.border-border-warning\/70{border-color:color-mix(in oklab, var(--color-border-warning) 70%, transparent)}
.border-border-warning\/80{border-color:color-mix(in oklab, var(--color-border-warning) 80%, transparent)}
.border-border-warning\/90{border-color:color-mix(in oklab, var(--color-border-warning) 90%, transparent)}
.border-border-error\/5{border-color:color-mix(in oklab, var(--color-border-error) 5%, transparent)}
.border-border-error\/10{border-color:color-mix(in oklab, var(--color-border-error) 10%, transparent)}
.border-border-error\/15{border-color:color-mix(in oklab, var(--color-border-error) 15%, transparent)}
.border-border-error\/20{border-color:color-mix(in oklab, var(--color-border-error) 20%, transparent)}
.border-border-error\/25{border-color:color-mix(in oklab, var(--color-border-error) 25%, transparent)}
.border-border-error\/30{border-color:color-mix(in oklab, var(--color-border-error) 30%, transparent)}
.border-border-error\/40{border-color:color-mix(in oklab, var(--color-border-error) 40%, transparent)}
.border-border-error\/50{border-color:color-mix(in oklab, var(--color-border-error) 50%, transparent)}
.border-border-error\/60{border-color:color-mix(in oklab, var(--color-border-error) 60%, transparent)}
.border-border-error\/70{border-color:color-mix(in oklab, var(--color-border-error) 70%, transparent)}
.border-border-error\/80{border-color:color-mix(in oklab, var(--color-border-error) 80%, transparent)}
.border-border-error\/90{border-color:color-mix(in oklab, var(--color-border-error) 90%, transparent)}
.border-light-border\/5{border-color:color-mix(in oklab, var(--color-light-border) 5%, transparent)}
.border-light-border\/10{border-color:color-mix(in oklab, var(--color-light-border) 10%, transparent)}
.border-light-border\/15{border-color:color-mix(in oklab, var(--color-light-border) 15%, transparent)}
.border-light-border\/20{border-color:color-mix(in oklab, var(--color-light-border) 20%, transparent)}
.border-light-border\/25{border-color:color-mix(in oklab, var(--color-light-border) 25%, transparent)}
.border-light-border\/30{border-color:color-mix(in oklab, var(--color-light-border) 30%, transparent)}
.border-light-border\/40{border-color:color-mix(in oklab, var(--color-light-border) 40%, transparent)}
.border-light-border\/50{border-color:color-mix(in oklab, var(--color-light-border) 50%, transparent)}
.border-light-border\/60{border-color:color-mix(in oklab, var(--color-light-border) 60%, transparent)}
.border-light-border\/70{border-color:color-mix(in oklab, var(--color-light-border) 70%, transparent)}
.border-light-border\/80{border-color:color-mix(in oklab, var(--color-light-border) 80%, transparent)}
.border-light-border\/90{border-color:color-mix(in oklab, var(--color-light-border) 90%, transparent)}
.border-divider\/5{border-color:color-mix(in oklab, var(--color-divider) 5%, transparent)}
.border-divider\/10{border-color:color-mix(in oklab, var(--color-divider) 10%, transparent)}
.border-divider\/15{border-color:color-mix(in oklab, var(--color-divider) 15%, transparent)}
.border-divider\/20{border-color:color-mix(in oklab, var(--color-divider) 20%, transparent)}
.border-divider\/25{border-color:color-mix(in oklab, var(--color-divider) 25%, transparent)}
.border-divider\/30{border-color:color-mix(in oklab, var(--color-divider) 30%, transparent)}
.border-divider\/40{border-color:color-mix(in oklab, var(--color-divider) 40%, transparent)}
.border-divider\/50{border-color:color-mix(in oklab, var(--color-divider) 50%, transparent)}
.border-divider\/60{border-color:color-mix(in oklab, var(--color-divider) 60%, transparent)}
.border-divider\/70{border-color:color-mix(in oklab, var(--color-divider) 70%, transparent)}
.border-divider\/80{border-color:color-mix(in oklab, var(--color-divider) 80%, transparent)}
.border-divider\/90{border-color:color-mix(in oklab, var(--color-divider) 90%, transparent)}
.border-success\/5{border-color:color-mix(in oklab, var(--color-success) 5%, transparent)}
.border-success\/10{border-color:color-mix(in oklab, var(--color-success) 10%, transparent)}
.border-success\/15{border-color:color-mix(in oklab, var(--color-success) 15%, transparent)}
.border-success\/20{border-color:color-mix(in oklab, var(--color-success) 20%, transparent)}
.border-success\/25{border-color:color-mix(in oklab, var(--color-success) 25%, transparent)}
.border-success\/30{border-color:color-mix(in oklab, var(--color-success) 30%, transparent)}
.border-success\/40{border-color:color-mix(in oklab, var(--color-success) 40%, transparent)}
.border-success\/50{border-color:color-mix(in oklab, var(--color-success) 50%, transparent)}
.border-success\/60{border-color:color-mix(in oklab, var(--color-success) 60%, transparent)}
.border-success\/70{border-color:color-mix(in oklab, var(--color-success) 70%, transparent)}
.border-success\/80{border-color:color-mix(in oklab, var(--color-success) 80%, transparent)}
.border-success\/90{border-color:color-mix(in oklab, var(--color-success) 90%, transparent)}
.border-error\/5{border-color:color-mix(in oklab, var(--color-error) 5%, transparent)}
.border-error\/10{border-color:color-mix(in oklab, var(--color-error) 10%, transparent)}
.border-error\/15{border-color:color-mix(in oklab, var(--color-error) 15%, transparent)}
.border-error\/20{border-color:color-mix(in oklab, var(--color-error) 20%, transparent)}
.border-error\/25{border-color:color-mix(in oklab, var(--color-error) 25%, transparent)}
.border-error\/30{border-color:color-mix(in oklab, var(--color-error) 30%, transparent)}
.border-error\/40{border-color:color-mix(in oklab, var(--color-error) 40%, transparent)}
.border-error\/50{border-color:color-mix(in oklab, var(--color-error) 50%, transparent)}
.border-error\/60{border-color:color-mix(in oklab, var(--color-error) 60%, transparent)}
.border-error\/70{border-color:color-mix(in oklab, var(--color-error) 70%, transparent)}
.border-error\/80{border-color:color-mix(in oklab, var(--color-error) 80%, transparent)}
.border-error\/90{border-color:color-mix(in oklab, var(--color-error) 90%, transparent)}
.border-error-hover\/5{border-color:color-mix(in oklab, var(--color-error-hover) 5%, transparent)}
.border-error-hover\/10{border-color:color-mix(in oklab, var(--color-error-hover) 10%, transparent)}
.border-error-hover\/15{border-color:color-mix(in oklab, var(--color-error-hover) 15%, transparent)}
.border-error-hover\/20{border-color:color-mix(in oklab, var(--color-error-hover) 20%, transparent)}
.border-error-hover\/25{border-color:color-mix(in oklab, var(--color-error-hover) 25%, transparent)}
.border-error-hover\/30{border-color:color-mix(in oklab, var(--color-error-hover) 30%, transparent)}
.border-error-hover\/40{border-color:color-mix(in oklab, var(--color-error-hover) 40%, transparent)}
.border-error-hover\/50{border-color:color-mix(in oklab, var(--color-error-hover) 50%, transparent)}
.border-error-hover\/60{border-color:color-mix(in oklab, var(--color-error-hover) 60%, transparent)}
.border-error-hover\/70{border-color:color-mix(in oklab, var(--color-error-hover) 70%, transparent)}
.border-error-hover\/80{border-color:color-mix(in oklab, var(--color-error-hover) 80%, transparent)}
.border-error-hover\/90{border-color:color-mix(in oklab, var(--color-error-hover) 90%, transparent)}
.border-warning\/5{border-color:color-mix(in oklab, var(--color-warning) 5%, transparent)}
.border-warning\/10{border-color:color-mix(in oklab, var(--color-warning) 10%, transparent)}
.border-warning\/15{border-color:color-mix(in oklab, var(--color-warning) 15%, transparent)}
.border-warning\/20{border-color:color-mix(in oklab, var(--color-warning) 20%, transparent)}
.border-warning\/25{border-color:color-mix(in oklab, var(--color-warning) 25%, transparent)}
.border-warning\/30{border-color:color-mix(in oklab, var(--color-warning) 30%, transparent)}
.border-warning\/40{border-color:color-mix(in oklab, var(--color-warning) 40%, transparent)}
.border-warning\/50{border-color:color-mix(in oklab, var(--color-warning) 50%, transparent)}
.border-warning\/60{border-color:color-mix(in oklab, var(--color-warning) 60%, transparent)}
.border-warning\/70{border-color:color-mix(in oklab, var(--color-warning) 70%, transparent)}
.border-warning\/80{border-color:color-mix(in oklab, var(--color-warning) 80%, transparent)}
.border-warning\/90{border-color:color-mix(in oklab, var(--color-warning) 90%, transparent)}
.border-info\/5{border-color:color-mix(in oklab, var(--color-info) 5%, transparent)}
.border-info\/10{border-color:color-mix(in oklab, var(--color-info) 10%, transparent)}
.border-info\/15{border-color:color-mix(in oklab, var(--color-info) 15%, transparent)}
.border-info\/20{border-color:color-mix(in oklab, var(--color-info) 20%, transparent)}
.border-info\/25{border-color:color-mix(in oklab, var(--color-info) 25%, transparent)}
.border-info\/30{border-color:color-mix(in oklab, var(--color-info) 30%, transparent)}
.border-info\/40{border-color:color-mix(in oklab, var(--color-info) 40%, transparent)}
.border-info\/50{border-color:color-mix(in oklab, var(--color-info) 50%, transparent)}
.border-info\/60{border-color:color-mix(in oklab, var(--color-info) 60%, transparent)}
.border-info\/70{border-color:color-mix(in oklab, var(--color-info) 70%, transparent)}
.border-info\/80{border-color:color-mix(in oklab, var(--color-info) 80%, transparent)}
.border-info\/90{border-color:color-mix(in oklab, var(--color-info) 90%, transparent)}
.border-bg-success\/5{border-color:color-mix(in oklab, var(--color-bg-success) 5%, transparent)}
.border-bg-success\/10{border-color:color-mix(in oklab, var(--color-bg-success) 10%, transparent)}
.border-bg-success\/15{border-color:color-mix(in oklab, var(--color-bg-success) 15%, transparent)}
.border-bg-success\/20{border-color:color-mix(in oklab, var(--color-bg-success) 20%, transparent)}
.border-bg-success\/25{border-color:color-mix(in oklab, var(--color-bg-success) 25%, transparent)}
.border-bg-success\/30{border-color:color-mix(in oklab, var(--color-bg-success) 30%, transparent)}
.border-bg-success\/40{border-color:color-mix(in oklab, var(--color-bg-success) 40%, transparent)}
.border-bg-success\/50{border-color:color-mix(in oklab, var(--color-bg-success) 50%, transparent)}
.border-bg-success\/60{border-color:color-mix(in oklab, var(--color-bg-success) 60%, transparent)}
.border-bg-success\/70{border-color:color-mix(in oklab, var(--color-bg-success) 70%, transparent)}
.border-bg-success\/80{border-color:color-mix(in oklab, var(--color-bg-success) 80%, transparent)}
.border-bg-success\/90{border-color:color-mix(in oklab, var(--color-bg-success) 90%, transparent)}
.border-bg-error\/5{border-color:color-mix(in oklab, var(--color-bg-error) 5%, transparent)}
.border-bg-error\/10{border-color:color-mix(in oklab, var(--color-bg-error) 10%, transparent)}
.border-bg-error\/15{border-color:color-mix(in oklab, var(--color-bg-error) 15%, transparent)}
.border-bg-error\/20{border-color:color-mix(in oklab, var(--color-bg-error) 20%, transparent)}
.border-bg-error\/25{border-color:color-mix(in oklab, var(--color-bg-error) 25%, transparent)}
.border-bg-error\/30{border-color:color-mix(in oklab, var(--color-bg-error) 30%, transparent)}
.border-bg-error\/40{border-color:color-mix(in oklab, var(--color-bg-error) 40%, transparent)}
.border-bg-error\/50{border-color:color-mix(in oklab, var(--color-bg-error) 50%, transparent)}
.border-bg-error\/60{border-color:color-mix(in oklab, var(--color-bg-error) 60%, transparent)}
.border-bg-error\/70{border-color:color-mix(in oklab, var(--color-bg-error) 70%, transparent)}
.border-bg-error\/80{border-color:color-mix(in oklab, var(--color-bg-error) 80%, transparent)}
.border-bg-error\/90{border-color:color-mix(in oklab, var(--color-bg-error) 90%, transparent)}
.border-bg-warning\/5{border-color:color-mix(in oklab, var(--color-bg-warning) 5%, transparent)}
.border-bg-warning\/10{border-color:color-mix(in oklab, var(--color-bg-warning) 10%, transparent)}
.border-bg-warning\/15{border-color:color-mix(in oklab, var(--color-bg-warning) 15%, transparent)}
.border-bg-warning\/20{border-color:color-mix(in oklab, var(--color-bg-warning) 20%, transparent)}
.border-bg-warning\/25{border-color:color-mix(in oklab, var(--color-bg-warning) 25%, transparent)}
.border-bg-warning\/30{border-color:color-mix(in oklab, var(--color-bg-warning) 30%, transparent)}
.border-bg-warning\/40{border-color:color-mix(in oklab, var(--color-bg-warning) 40%, transparent)}
.border-bg-warning\/50{border-color:color-mix(in oklab, var(--color-bg-warning) 50%, transparent)}
.border-bg-warning\/60{border-color:color-mix(in oklab, var(--color-bg-warning) 60%, transparent)}
.border-bg-warning\/70{border-color:color-mix(in oklab, var(--color-bg-warning) 70%, transparent)}
.border-bg-warning\/80{border-color:color-mix(in oklab, var(--color-bg-warning) 80%, transparent)}
.border-bg-warning\/90{border-color:color-mix(in oklab, var(--color-bg-warning) 90%, transparent)}
.border-bg-info\/5{border-color:color-mix(in oklab, var(--color-bg-info) 5%, transparent)}
.border-bg-info\/10{border-color:color-mix(in oklab, var(--color-bg-info) 10%, transparent)}
.border-bg-info\/15{border-color:color-mix(in oklab, var(--color-bg-info) 15%, transparent)}
.border-bg-info\/20{border-color:color-mix(in oklab, var(--color-bg-info) 20%, transparent)}
.border-bg-info\/25{border-color:color-mix(in oklab, var(--color-bg-info) 25%, transparent)}
.border-bg-info\/30{border-color:color-mix(in oklab, var(--color-bg-info) 30%, transparent)}
.border-bg-info\/40{border-color:color-mix(in oklab, var(--color-bg-info) 40%, transparent)}
.border-bg-info\/50{border-color:color-mix(in oklab, var(--color-bg-info) 50%, transparent)}
.border-bg-info\/60{border-color:color-mix(in oklab, var(--color-bg-info) 60%, transparent)}
.border-bg-info\/70{border-color:color-mix(in oklab, var(--color-bg-info) 70%, transparent)}
.border-bg-info\/80{border-color:color-mix(in oklab, var(--color-bg-info) 80%, transparent)}
.border-bg-info\/90{border-color:color-mix(in oklab, var(--color-bg-info) 90%, transparent)}
.border-title-start\/5{border-color:color-mix(in oklab, var(--color-title-start) 5%, transparent)}
.border-title-start\/10{border-color:color-mix(in oklab, var(--color-title-start) 10%, transparent)}
.border-title-start\/15{border-color:color-mix(in oklab, var(--color-title-start) 15%, transparent)}
.border-title-start\/20{border-color:color-mix(in oklab, var(--color-title-start) 20%, transparent)}
.border-title-start\/25{border-color:color-mix(in oklab, var(--color-title-start) 25%, transparent)}
.border-title-start\/30{border-color:color-mix(in oklab, var(--color-title-start) 30%, transparent)}
.border-title-start\/40{border-color:color-mix(in oklab, var(--color-title-start) 40%, transparent)}
.border-title-start\/50{border-color:color-mix(in oklab, var(--color-title-start) 50%, transparent)}
.border-title-start\/60{border-color:color-mix(in oklab, var(--color-title-start) 60%, transparent)}
.border-title-start\/70{border-color:color-mix(in oklab, var(--color-title-start) 70%, transparent)}
.border-title-start\/80{border-color:color-mix(in oklab, var(--color-title-start) 80%, transparent)}
.border-title-start\/90{border-color:color-mix(in oklab, var(--color-title-start) 90%, transparent)}
.border-title-end\/5{border-color:color-mix(in oklab, var(--color-title-end) 5%, transparent)}
.border-title-end\/10{border-color:color-mix(in oklab, var(--color-title-end) 10%, transparent)}
.border-title-end\/15{border-color:color-mix(in oklab, var(--color-title-end) 15%, transparent)}
.border-title-end\/20{border-color:color-mix(in oklab, var(--color-title-end) 20%, transparent)}
.border-title-end\/25{border-color:color-mix(in oklab, var(--color-title-end) 25%, transparent)}
.border-title-end\/30{border-color:color-mix(in oklab, var(--color-title-end) 30%, transparent)}
.border-title-end\/40{border-color:color-mix(in oklab, var(--color-title-end) 40%, transparent)}
.border-title-end\/50{border-color:color-mix(in oklab, var(--color-title-end) 50%, transparent)}
.border-title-end\/60{border-color:color-mix(in oklab, var(--color-title-end) 60%, transparent)}
.border-title-end\/70{border-color:color-mix(in oklab, var(--color-title-end) 70%, transparent)}
.border-title-end\/80{border-color:color-mix(in oklab, var(--color-title-end) 80%, transparent)}
.border-title-end\/90{border-color:color-mix(in oklab, var(--color-title-end) 90%, transparent)}
.border-bg-start\/5{border-color:color-mix(in oklab, var(--color-bg-start) 5%, transparent)}
.border-bg-start\/10{border-color:color-mix(in oklab, var(--color-bg-start) 10%, transparent)}
.border-bg-start\/15{border-color:color-mix(in oklab, var(--color-bg-start) 15%, transparent)}
.border-bg-start\/20{border-color:color-mix(in oklab, var(--color-bg-start) 20%, transparent)}
.border-bg-start\/25{border-color:color-mix(in oklab, var(--color-bg-start) 25%, transparent)}
.border-bg-start\/30{border-color:color-mix(in oklab, var(--color-bg-start) 30%, transparent)}
.border-bg-start\/40{border-color:color-mix(in oklab, var(--color-bg-start) 40%, transparent)}
.border-bg-start\/50{border-color:color-mix(in oklab, var(--color-bg-start) 50%, transparent)}
.border-bg-start\/60{border-color:color-mix(in oklab, var(--color-bg-start) 60%, transparent)}
.border-bg-start\/70{border-color:color-mix(in oklab, var(--color-bg-start) 70%, transparent)}
.border-bg-start\/80{border-color:color-mix(in oklab, var(--color-bg-start) 80%, transparent)}
.border-bg-start\/90{border-color:color-mix(in oklab, var(--color-bg-start) 90%, transparent)}
.border-bg-end\/5{border-color:color-mix(in oklab, var(--color-bg-end) 5%, transparent)}
.border-bg-end\/10{border-color:color-mix(in oklab, var(--color-bg-end) 10%, transparent)}
.border-bg-end\/15{border-color:color-mix(in oklab, var(--color-bg-end) 15%, transparent)}
.border-bg-end\/20{border-color:color-mix(in oklab, var(--color-bg-end) 20%, transparent)}
.border-bg-end\/25{border-color:color-mix(in oklab, var(--color-bg-end) 25%, transparent)}
.border-bg-end\/30{border-color:color-mix(in oklab, var(--color-bg-end) 30%, transparent)}
.border-bg-end\/40{border-color:color-mix(in oklab, var(--color-bg-end) 40%, transparent)}
.border-bg-end\/50{border-color:color-mix(in oklab, var(--color-bg-end) 50%, transparent)}
.border-bg-end\/60{border-color:color-mix(in oklab, var(--color-bg-end) 60%, transparent)}
.border-bg-end\/70{border-color:color-mix(in oklab, var(--color-bg-end) 70%, transparent)}
.border-bg-end\/80{border-color:color-mix(in oklab, var(--color-bg-end) 80%, transparent)}
.border-bg-end\/90{border-color:color-mix(in oklab, var(--color-bg-end) 90%, transparent)}
.border-primary-content\/5{border-color:color-mix(in oklab, var(--color-primary-content) 5%, transparent)}
.border-primary-content\/10{border-color:color-mix(in oklab, var(--color-primary-content) 10%, transparent)}
.border-primary-content\/15{border-color:color-mix(in oklab, var(--color-primary-content) 15%, transparent)}
.border-primary-content\/20{border-color:color-mix(in oklab, var(--color-primary-content) 20%, transparent)}
.border-primary-content\/25{border-color:color-mix(in oklab, var(--color-primary-content) 25%, transparent)}
.border-primary-content\/30{border-color:color-mix(in oklab, var(--color-primary-content) 30%, transparent)}
.border-primary-content\/40{border-color:color-mix(in oklab, var(--color-primary-content) 40%, transparent)}
.border-primary-content\/50{border-color:color-mix(in oklab, var(--color-primary-content) 50%, transparent)}
.border-primary-content\/60{border-color:color-mix(in oklab, var(--color-primary-content) 60%, transparent)}
.border-primary-content\/70{border-color:color-mix(in oklab, var(--color-primary-content) 70%, transparent)}
.border-primary-content\/80{border-color:color-mix(in oklab, var(--color-primary-content) 80%, transparent)}
.border-primary-content\/90{border-color:color-mix(in oklab, var(--color-primary-content) 90%, transparent)}
.border-secondary-content\/5{border-color:color-mix(in oklab, var(--color-secondary-content) 5%, transparent)}
.border-secondary-content\/10{border-color:color-mix(in oklab, var(--color-secondary-content) 10%, transparent)}
.border-secondary-content\/15{border-color:color-mix(in oklab, var(--color-secondary-content) 15%, transparent)}
.border-secondary-content\/20{border-color:color-mix(in oklab, var(--color-secondary-content) 20%, transparent)}
.border-secondary-content\/25{border-color:color-mix(in oklab, var(--color-secondary-content) 25%, transparent)}
.border-secondary-content\/30{border-color:color-mix(in oklab, var(--color-secondary-content) 30%, transparent)}
.border-secondary-content\/40{border-color:color-mix(in oklab, var(--color-secondary-content) 40%, transparent)}
.border-secondary-content\/50{border-color:color-mix(in oklab, var(--color-secondary-content) 50%, transparent)}
.border-secondary-content\/60{border-color:color-mix(in oklab, var(--color-secondary-content) 60%, transparent)}
.border-secondary-content\/70{border-color:color-mix(in oklab, var(--color-secondary-content) 70%, transparent)}
.border-secondary-content\/80{border-color:color-mix(in oklab, var(--color-secondary-content) 80%, transparent)}
.border-secondary-content\/90{border-color:color-mix(in oklab, var(--color-secondary-content) 90%, transparent)}
.border-base-100\/5{border-color:color-mix(in oklab, var(--color-base-100) 5%, transparent)}
.border-base-100\/10{border-color:color-mix(in oklab, var(--color-base-100) 10%, transparent)}
.border-base-100\/15{border-color:color-mix(in oklab, var(--color-base-100) 15%, transparent)}
.border-base-100\/20{border-color:color-mix(in oklab, var(--color-base-100) 20%, transparent)}
.border-base-100\/25{border-color:color-mix(in oklab, var(--color-base-100) 25%, transparent)}
.border-base-100\/30{border-color:color-mix(in oklab, var(--color-base-100) 30%, transparent)}
.border-base-100\/40{border-color:color-mix(in oklab, var(--color-base-100) 40%, transparent)}
.border-base-100\/50{border-color:color-mix(in oklab, var(--color-base-100) 50%, transparent)}
.border-base-100\/60{border-color:color-mix(in oklab, var(--color-base-100) 60%, transparent)}
.border-base-100\/70{border-color:color-mix(in oklab, var(--color-base-100) 70%, transparent)}
.border-base-100\/80{border-color:color-mix(in oklab, var(--color-base-100) 80%, transparent)}
.border-base-100\/90{border-color:color-mix(in oklab, var(--color-base-100) 90%, transparent)}
.border-base-200\/5{border-color:color-mix(in oklab, var(--color-base-200) 5%, transparent)}
.border-base-200\/10{border-color:color-mix(in oklab, var(--color-base-200) 10%, transparent)}
.border-base-200\/15{border-color:color-mix(in oklab, var(--color-base-200) 15%, transparent)}
.border-base-200\/20{border-color:color-mix(in oklab, var(--color-base-200) 20%, transparent)}
.border-base-200\/25{border-color:color-mix(in oklab, var(--color-base-200) 25%, transparent)}
.border-base-200\/30{border-color:color-mix(in oklab, var(--color-base-200) 30%, transparent)}
.border-base-200\/40{border-color:color-mix(in oklab, var(--color-base-200) 40%, transparent)}
.border-base-200\/50{border-color:color-mix(in oklab, var(--color-base-200) 50%, transparent)}
.border-base-200\/60{border-color:color-mix(in oklab, var(--color-base-200) 60%, transparent)}
.border-base-200\/70{border-color:color-mix(in oklab, var(--color-base-200) 70%, transparent)}
.border-base-200\/80{border-color:color-mix(in oklab, var(--color-base-200) 80%, transparent)}
.border-base-200\/90{border-color:color-mix(in oklab, var(--color-base-200) 90%, transparent)}
.border-base-300\/5{border-color:color-mix(in oklab, var(--color-base-300) 5%, transparent)}
.border-base-300\/10{border-color:color-mix(in oklab, var(--color-base-300) 10%, transparent)}
.border-base-300\/15{border-color:color-mix(in oklab, var(--color-base-300) 15%, transparent)}
.border-base-300\/20{border-color:color-mix(in oklab, var(--color-base-300) 20%, transparent)}
.border-base-300\/25{border-color:color-mix(in oklab, var(--color-base-300) 25%, transparent)}
.border-base-300\/30{border-color:color-mix(in oklab, var(--color-base-300) 30%, transparent)}
.border-base-300\/40{border-color:color-mix(in oklab, var(--color-base-300) 40%, transparent)}
.border-base-300\/50{border-color:color-mix(in oklab, var(--color-base-300) 50%, transparent)}
.border-base-300\/60{border-color:color-mix(in oklab, var(--color-base-300) 60%, transparent)}
.border-base-300\/70{border-color:color-mix(in oklab, var(--color-base-300) 70%, transparent)}
.border-base-300\/80{border-color:color-mix(in oklab, var(--color-base-300) 80%, transparent)}
.border-base-300\/90{border-color:color-mix(in oklab, var(--color-base-300) 90%, transparent)}
.border-base-content\/5{border-color:color-mix(in oklab, var(--color-base-content) 5%, transparent)}
.border-base-content\/10{border-color:color-mix(in oklab, var(--color-base-content) 10%, transparent)}
.border-base-content\/15{border-color:color-mix(in oklab, var(--color-base-content) 15%, transparent)}
.border-base-content\/20{border-color:color-mix(in oklab, var(--color-base-content) 20%, transparent)}
.border-base-content\/25{border-color:color-mix(in oklab, var(--color-base-content) 25%, transparent)}
.border-base-content\/30{border-color:color-mix(in oklab, var(--color-base-content) 30%, transparent)}
.border-base-content\/40{border-color:color-mix(in oklab, var(--color-base-content) 40%, transparent)}
.border-base-content\/50{border-color:color-mix(in oklab, var(--color-base-content) 50%, transparent)}
.border-base-content\/60{border-color:color-mix(in oklab, var(--color-base-content) 60%, transparent)}
.border-base-content\/70{border-color:color-mix(in oklab, var(--color-base-content) 70%, transparent)}
.border-base-content\/80{border-color:color-mix(in oklab, var(--color-base-content) 80%, transparent)}
.border-base-content\/90{border-color:color-mix(in oklab, var(--color-base-content) 90%, transparent)}
.border-white\/5{border-color:color-mix(in oklab, var(--color-white) 5%, transparent)}
.border-white\/10{border-color:color-mix(in oklab, var(--color-white) 10%, transparent)}
.border-white\/15{border-color:color-mix(in oklab, var(--color-white) 15%, transparent)}
.border-white\/20{border-color:color-mix(in oklab, var(--color-white) 20%, transparent)}
.border-white\/25{border-color:color-mix(in oklab, var(--color-white) 25%, transparent)}
.border-white\/30{border-color:color-mix(in oklab, var(--color-white) 30%, transparent)}
.border-white\/40{border-color:color-mix(in oklab, var(--color-white) 40%, transparent)}
.border-white\/50{border-color:color-mix(in oklab, var(--color-white) 50%, transparent)}
.border-white\/60{border-color:color-mix(in oklab, var(--color-white) 60%, transparent)}
.border-white\/70{border-color:color-mix(in oklab, var(--color-white) 70%, transparent)}
.border-white\/80{border-color:color-mix(in oklab, var(--color-white) 80%, transparent)}
.border-white\/90{border-color:color-mix(in oklab, var(--color-white) 90%, transparent)}
.border-black\/5{border-color:color-mix(in oklab, var(--color-black) 5%, transparent)}
.border-black\/10{border-color:color-mix(in oklab, var(--color-black) 10%, transparent)}
.border-black\/15{border-color:color-mix(in oklab, var(--color-black) 15%, transparent)}
.border-black\/20{border-color:color-mix(in oklab, var(--color-black) 20%, transparent)}
.border-black\/25{border-color:color-mix(in oklab, var(--color-black) 25%, transparent)}
.border-black\/30{border-color:color-mix(in oklab, var(--color-black) 30%, transparent)}
.border-black\/40{border-color:color-mix(in oklab, var(--color-black) 40%, transparent)}
.border-black\/50{border-color:color-mix(in oklab, var(--color-black) 50%, transparent)}
.border-black\/60{border-color:color-mix(in oklab, var(--color-black) 60%, transparent)}
.border-black\/70{border-color:color-mix(in oklab, var(--color-black) 70%, transparent)}
.border-black\/80{border-color:color-mix(in oklab, var(--color-black) 80%, transparent)}
.border-black\/90{border-color:color-mix(in oklab, var(--color-black) 90%, transparent)}
.hover\:bg-primary\/5:hover{background-color:color-mix(in oklab, var(--color-primary) 5%, transparent)}
.hover\:bg-primary\/10:hover{background-color:color-mix(in oklab, var(--color-primary) 10%, transparent)}
.hover\:bg-primary\/15:hover{background-color:color-mix(in oklab, var(--color-primary) 15%, transparent)}
.hover\:bg-primary\/20:hover{background-color:color-mix(in oklab, var(--color-primary) 20%, transparent)}
.hover\:bg-primary\/25:hover{background-color:color-mix(in oklab, var(--color-primary) 25%, transparent)}
.hover\:bg-primary\/30:hover{background-color:color-mix(in oklab, var(--color-primary) 30%, transparent)}
.hover\:bg-primary\/40:hover{background-color:color-mix(in oklab, var(--color-primary) 40%, transparent)}
.hover\:bg-primary\/50:hover{background-color:color-mix(in oklab, var(--color-primary) 50%, transparent)}
.hover\:bg-primary\/60:hover{background-color:color-mix(in oklab, var(--color-primary) 60%, transparent)}
.hover\:bg-primary\/70:hover{background-color:color-mix(in oklab, var(--color-primary) 70%, transparent)}
.hover\:bg-primary\/80:hover{background-color:color-mix(in oklab, var(--color-primary) 80%, transparent)}
.hover\:bg-primary\/90:hover{background-color:color-mix(in oklab, var(--color-primary) 90%, transparent)}
.hover\:bg-secondary\/5:hover{background-color:color-mix(in oklab, var(--color-secondary) 5%, transparent)}
.hover\:bg-secondary\/10:hover{background-color:color-mix(in oklab, var(--color-secondary) 10%, transparent)}
.hover\:bg-secondary\/15:hover{background-color:color-mix(in oklab, var(--color-secondary) 15%, transparent)}
.hover\:bg-secondary\/20:hover{background-color:color-mix(in oklab, var(--color-secondary) 20%, transparent)}
.hover\:bg-secondary\/25:hover{background-color:color-mix(in oklab, var(--color-secondary) 25%, transparent)}
.hover\:bg-secondary\/30:hover{background-color:color-mix(in oklab, var(--color-secondary) 30%, transparent)}
.hover\:bg-secondary\/40:hover{background-color:color-mix(in oklab, var(--color-secondary) 40%, transparent)}
.hover\:bg-secondary\/50:hover{background-color:color-mix(in oklab, var(--color-secondary) 50%, transparent)}
.hover\:bg-secondary\/60:hover{background-color:color-mix(in oklab, var(--color-secondary) 60%, transparent)}
.hover\:bg-secondary\/70:hover{background-color:color-mix(in oklab, var(--color-secondary) 70%, transparent)}
.hover\:bg-secondary\/80:hover{background-color:color-mix(in oklab, var(--color-secondary) 80%, transparent)}
.hover\:bg-secondary\/90:hover{background-color:color-mix(in oklab, var(--color-secondary) 90%, transparent)}
.hover\:bg-background\/5:hover{background-color:color-mix(in oklab, var(--color-background) 5%, transparent)}
.hover\:bg-background\/10:hover{background-color:color-mix(in oklab, var(--color-background) 10%, transparent)}
.hover\:bg-background\/15:hover{background-color:color-mix(in oklab, var(--color-background) 15%, transparent)}
.hover\:bg-background\/20:hover{background-color:color-mix(in oklab, var(--color-background) 20%, transparent)}
.hover\:bg-background\/25:hover{background-color:color-mix(in oklab, var(--color-background) 25%, transparent)}
.hover\:bg-background\/30:hover{background-color:color-mix(in oklab, var(--color-background) 30%, transparent)}
.hover\:bg-background\/40:hover{background-color:color-mix(in oklab, var(--color-background) 40%, transparent)}
.hover\:bg-background\/50:hover{background-color:color-mix(in oklab, var(--color-background) 50%, transparent)}
.hover\:bg-background\/60:hover{background-color:color-mix(in oklab, var(--color-background) 60%, transparent)}
.hover\:bg-background\/70:hover{background-color:color-mix(in oklab, var(--color-background) 70%, transparent)}
.hover\:bg-background\/80:hover{background-color:color-mix(in oklab, var(--color-background) 80%, transparent)}
.hover\:bg-background\/90:hover{background-color:color-mix(in oklab, var(--color-background) 90%, transparent)}
.hover\:bg-transparent\/5:hover{background-color:color-mix(in oklab, var(--color-transparent) 5%, transparent)}
.hover\:bg-transparent\/10:hover{background-color:color-mix(in oklab, var(--color-transparent) 10%, transparent)}
.hover\:bg-transparent\/15:hover{background-color:color-mix(in oklab, var(--color-transparent) 15%, transparent)}
.hover\:bg-transparent\/20:hover{background-color:color-mix(in oklab, var(--color-transparent) 20%, transparent)}
.hover\:bg-transparent\/25:hover{background-color:color-mix(in oklab, var(--color-transparent) 25%, transparent)}
.hover\:bg-transparent\/30:hover{background-color:color-mix(in oklab, var(--color-transparent) 30%, transparent)}
.hover\:bg-transparent\/40:hover{background-color:color-mix(in oklab, var(--color-transparent) 40%, transparent)}
.hover\:bg-transparent\/50:hover{background-color:color-mix(in oklab, var(--color-transparent) 50%, transparent)}
.hover\:bg-transparent\/60:hover{background-color:color-mix(in oklab, var(--color-transparent) 60%, transparent)}
.hover\:bg-transparent\/70:hover{background-color:color-mix(in oklab, var(--color-transparent) 70%, transparent)}
.hover\:bg-transparent\/80:hover{background-color:color-mix(in oklab, var(--color-transparent) 80%, transparent)}
.hover\:bg-transparent\/90:hover{background-color:color-mix(in oklab, var(--color-transparent) 90%, transparent)}
.hover\:bg-active\/5:hover{background-color:color-mix(in oklab, var(--color-active) 5%, transparent)}
.hover\:bg-active\/10:hover{background-color:color-mix(in oklab, var(--color-active) 10%, transparent)}
.hover\:bg-active\/15:hover{background-color:color-mix(in oklab, var(--color-active) 15%, transparent)}
.hover\:bg-active\/20:hover{background-color:color-mix(in oklab, var(--color-active) 20%, transparent)}
.hover\:bg-active\/25:hover{background-color:color-mix(in oklab, var(--color-active) 25%, transparent)}
.hover\:bg-active\/30:hover{background-color:color-mix(in oklab, var(--color-active) 30%, transparent)}
.hover\:bg-active\/40:hover{background-color:color-mix(in oklab, var(--color-active) 40%, transparent)}
.hover\:bg-active\/50:hover{background-color:color-mix(in oklab, var(--color-active) 50%, transparent)}
.hover\:bg-active\/60:hover{background-color:color-mix(in oklab, var(--color-active) 60%, transparent)}
.hover\:bg-active\/70:hover{background-color:color-mix(in oklab, var(--color-active) 70%, transparent)}
.hover\:bg-active\/80:hover{background-color:color-mix(in oklab, var(--color-active) 80%, transparent)}
.hover\:bg-active\/90:hover{background-color:color-mix(in oklab, var(--color-active) 90%, transparent)}
.hover\:bg-hover\/5:hover{background-color:color-mix(in oklab, var(--color-hover) 5%, transparent)}
.hover\:bg-hover\/10:hover{background-color:color-mix(in oklab, var(--color-hover) 10%, transparent)}
.hover\:bg-hover\/15:hover{background-color:color-mix(in oklab, var(--color-hover) 15%, transparent)}
.hover\:bg-hover\/20:hover{background-color:color-mix(in oklab, var(--color-hover) 20%, transparent)}
.hover\:bg-hover\/25:hover{background-color:color-mix(in oklab, var(--color-hover) 25%, transparent)}
.hover\:bg-hover\/30:hover{background-color:color-mix(in oklab, var(--color-hover) 30%, transparent)}
.hover\:bg-hover\/40:hover{background-color:color-mix(in oklab, var(--color-hover) 40%, transparent)}
.hover\:bg-hover\/50:hover{background-color:color-mix(in oklab, var(--color-hover) 50%, transparent)}
.hover\:bg-hover\/60:hover{background-color:color-mix(in oklab, var(--color-hover) 60%, transparent)}
.hover\:bg-hover\/70:hover{background-color:color-mix(in oklab, var(--color-hover) 70%, transparent)}
.hover\:bg-hover\/80:hover{background-color:color-mix(in oklab, var(--color-hover) 80%, transparent)}
.hover\:bg-hover\/90:hover{background-color:color-mix(in oklab, var(--color-hover) 90%, transparent)}
.hover\:bg-not-active\/5:hover{background-color:color-mix(in oklab, var(--color-not-active) 5%, transparent)}
.hover\:bg-not-active\/10:hover{background-color:color-mix(in oklab, var(--color-not-active) 10%, transparent)}
.hover\:bg-not-active\/15:hover{background-color:color-mix(in oklab, var(--color-not-active) 15%, transparent)}
.hover\:bg-not-active\/20:hover{background-color:color-mix(in oklab, var(--color-not-active) 20%, transparent)}
.hover\:bg-not-active\/25:hover{background-color:color-mix(in oklab, var(--color-not-active) 25%, transparent)}
.hover\:bg-not-active\/30:hover{background-color:color-mix(in oklab, var(--color-not-active) 30%, transparent)}
.hover\:bg-not-active\/40:hover{background-color:color-mix(in oklab, var(--color-not-active) 40%, transparent)}
.hover\:bg-not-active\/50:hover{background-color:color-mix(in oklab, var(--color-not-active) 50%, transparent)}
.hover\:bg-not-active\/60:hover{background-color:color-mix(in oklab, var(--color-not-active) 60%, transparent)}
.hover\:bg-not-active\/70:hover{background-color:color-mix(in oklab, var(--color-not-active) 70%, transparent)}
.hover\:bg-not-active\/80:hover{background-color:color-mix(in oklab, var(--color-not-active) 80%, transparent)}
.hover\:bg-not-active\/90:hover{background-color:color-mix(in oklab, var(--color-not-active) 90%, transparent)}
.hover\:bg-primary-text\/5:hover{background-color:color-mix(in oklab, var(--color-primary-text) 5%, transparent)}
.hover\:bg-primary-text\/10:hover{background-color:color-mix(in oklab, var(--color-primary-text) 10%, transparent)}
.hover\:bg-primary-text\/15:hover{background-color:color-mix(in oklab, var(--color-primary-text) 15%, transparent)}
.hover\:bg-primary-text\/20:hover{background-color:color-mix(in oklab, var(--color-primary-text) 20%, transparent)}
.hover\:bg-primary-text\/25:hover{background-color:color-mix(in oklab, var(--color-primary-text) 25%, transparent)}
.hover\:bg-primary-text\/30:hover{background-color:color-mix(in oklab, var(--color-primary-text) 30%, transparent)}
.hover\:bg-primary-text\/40:hover{background-color:color-mix(in oklab, var(--color-primary-text) 40%, transparent)}
.hover\:bg-primary-text\/50:hover{background-color:color-mix(in oklab, var(--color-primary-text) 50%, transparent)}
.hover\:bg-primary-text\/60:hover{background-color:color-mix(in oklab, var(--color-primary-text) 60%, transparent)}
.hover\:bg-primary-text\/70:hover{background-color:color-mix(in oklab, var(--color-primary-text) 70%, transparent)}
.hover\:bg-primary-text\/80:hover{background-color:color-mix(in oklab, var(--color-primary-text) 80%, transparent)}
.hover\:bg-primary-text\/90:hover{background-color:color-mix(in oklab, var(--color-primary-text) 90%, transparent)}
.hover\:bg-secondary-text\/5:hover{background-color:color-mix(in oklab, var(--color-secondary-text) 5%, transparent)}
.hover\:bg-secondary-text\/10:hover{background-color:color-mix(in oklab, var(--color-secondary-text) 10%, transparent)}
.hover\:bg-secondary-text\/15:hover{background-color:color-mix(in oklab, var(--color-secondary-text) 15%, transparent)}
.hover\:bg-secondary-text\/20:hover{background-color:color-mix(in oklab, var(--color-secondary-text) 20%, transparent)}
.hover\:bg-secondary-text\/25:hover{background-color:color-mix(in oklab, var(--color-secondary-text) 25%, transparent)}
.hover\:bg-secondary-text\/30:hover{background-color:color-mix(in oklab, var(--color-secondary-text) 30%, transparent)}
.hover\:bg-secondary-text\/40:hover{background-color:color-mix(in oklab, var(--color-secondary-text) 40%, transparent)}
.hover\:bg-secondary-text\/50:hover{background-color:color-mix(in oklab, var(--color-secondary-text) 50%, transparent)}
.hover\:bg-secondary-text\/60:hover{background-color:color-mix(in oklab, var(--color-secondary-text) 60%, transparent)}
.hover\:bg-secondary-text\/70:hover{background-color:color-mix(in oklab, var(--color-secondary-text) 70%, transparent)}
.hover\:bg-secondary-text\/80:hover{background-color:color-mix(in oklab, var(--color-secondary-text) 80%, transparent)}
.hover\:bg-secondary-text\/90:hover{background-color:color-mix(in oklab, var(--color-secondary-text) 90%, transparent)}
.hover\:bg-tertiary-text\/5:hover{background-color:color-mix(in oklab, var(--color-tertiary-text) 5%, transparent)}
.hover\:bg-tertiary-text\/10:hover{background-color:color-mix(in oklab, var(--color-tertiary-text) 10%, transparent)}
.hover\:bg-tertiary-text\/15:hover{background-color:color-mix(in oklab, var(--color-tertiary-text) 15%, transparent)}
.hover\:bg-tertiary-text\/20:hover{background-color:color-mix(in oklab, var(--color-tertiary-text) 20%, transparent)}
.hover\:bg-tertiary-text\/25:hover{background-color:color-mix(in oklab, var(--color-tertiary-text) 25%, transparent)}
.hover\:bg-tertiary-text\/30:hover{background-color:color-mix(in oklab, var(--color-tertiary-text) 30%, transparent)}
.hover\:bg-tertiary-text\/40:hover{background-color:color-mix(in oklab, var(--color-tertiary-text) 40%, transparent)}
.hover\:bg-tertiary-text\/50:hover{background-color:color-mix(in oklab, var(--color-tertiary-text) 50%, transparent)}
.hover\:bg-tertiary-text\/60:hover{background-color:color-mix(in oklab, var(--color-tertiary-text) 60%, transparent)}
.hover\:bg-tertiary-text\/70:hover{background-color:color-mix(in oklab, var(--color-tertiary-text) 70%, transparent)}
.hover\:bg-tertiary-text\/80:hover{background-color:color-mix(in oklab, var(--color-tertiary-text) 80%, transparent)}
.hover\:bg-tertiary-text\/90:hover{background-color:color-mix(in oklab, var(--color-tertiary-text) 90%, transparent)}
.hover\:bg-not-active-text\/5:hover{background-color:color-mix(in oklab, var(--color-not-active-text) 5%, transparent)}
.hover\:bg-not-active-text\/10:hover{background-color:color-mix(in oklab, var(--color-not-active-text) 10%, transparent)}
.hover\:bg-not-active-text\/15:hover{background-color:color-mix(in oklab, var(--color-not-active-text) 15%, transparent)}
.hover\:bg-not-active-text\/20:hover{background-color:color-mix(in oklab, var(--color-not-active-text) 20%, transparent)}
.hover\:bg-not-active-text\/25:hover{background-color:color-mix(in oklab, var(--color-not-active-text) 25%, transparent)}
.hover\:bg-not-active-text\/30:hover{background-color:color-mix(in oklab, var(--color-not-active-text) 30%, transparent)}
.hover\:bg-not-active-text\/40:hover{background-color:color-mix(in oklab, var(--color-not-active-text) 40%, transparent)}
.hover\:bg-not-active-text\/50:hover{background-color:color-mix(in oklab, var(--color-not-active-text) 50%, transparent)}
.hover\:bg-not-active-text\/60:hover{background-color:color-mix(in oklab, var(--color-not-active-text) 60%, transparent)}
.hover\:bg-not-active-text\/70:hover{background-color:color-mix(in oklab, var(--color-not-active-text) 70%, transparent)}
.hover\:bg-not-active-text\/80:hover{background-color:color-mix(in oklab, var(--color-not-active-text) 80%, transparent)}
.hover\:bg-not-active-text\/90:hover{background-color:color-mix(in oklab, var(--color-not-active-text) 90%, transparent)}
.hover\:bg-state-active\/5:hover{background-color:color-mix(in oklab, var(--color-state-active) 5%, transparent)}
.hover\:bg-state-active\/10:hover{background-color:color-mix(in oklab, var(--color-state-active) 10%, transparent)}
.hover\:bg-state-active\/15:hover{background-color:color-mix(in oklab, var(--color-state-active) 15%, transparent)}
.hover\:bg-state-active\/20:hover{background-color:color-mix(in oklab, var(--color-state-active) 20%, transparent)}
.hover\:bg-state-active\/25:hover{background-color:color-mix(in oklab, var(--color-state-active) 25%, transparent)}
.hover\:bg-state-active\/30:hover{background-color:color-mix(in oklab, var(--color-state-active) 30%, transparent)}
.hover\:bg-state-active\/40:hover{background-color:color-mix(in oklab, var(--color-state-active) 40%, transparent)}
.hover\:bg-state-active\/50:hover{background-color:color-mix(in oklab, var(--color-state-active) 50%, transparent)}
.hover\:bg-state-active\/60:hover{background-color:color-mix(in oklab, var(--color-state-active) 60%, transparent)}
.hover\:bg-state-active\/70:hover{background-color:color-mix(in oklab, var(--color-state-active) 70%, transparent)}
.hover\:bg-state-active\/80:hover{background-color:color-mix(in oklab, var(--color-state-active) 80%, transparent)}
.hover\:bg-state-active\/90:hover{background-color:color-mix(in oklab, var(--color-state-active) 90%, transparent)}
.hover\:bg-state-hover\/5:hover{background-color:color-mix(in oklab, var(--color-state-hover) 5%, transparent)}
.hover\:bg-state-hover\/10:hover{background-color:color-mix(in oklab, var(--color-state-hover) 10%, transparent)}
.hover\:bg-state-hover\/15:hover{background-color:color-mix(in oklab, var(--color-state-hover) 15%, transparent)}
.hover\:bg-state-hover\/20:hover{background-color:color-mix(in oklab, var(--color-state-hover) 20%, transparent)}
.hover\:bg-state-hover\/25:hover{background-color:color-mix(in oklab, var(--color-state-hover) 25%, transparent)}
.hover\:bg-state-hover\/30:hover{background-color:color-mix(in oklab, var(--color-state-hover) 30%, transparent)}
.hover\:bg-state-hover\/40:hover{background-color:color-mix(in oklab, var(--color-state-hover) 40%, transparent)}
.hover\:bg-state-hover\/50:hover{background-color:color-mix(in oklab, var(--color-state-hover) 50%, transparent)}
.hover\:bg-state-hover\/60:hover{background-color:color-mix(in oklab, var(--color-state-hover) 60%, transparent)}
.hover\:bg-state-hover\/70:hover{background-color:color-mix(in oklab, var(--color-state-hover) 70%, transparent)}
.hover\:bg-state-hover\/80:hover{background-color:color-mix(in oklab, var(--color-state-hover) 80%, transparent)}
.hover\:bg-state-hover\/90:hover{background-color:color-mix(in oklab, var(--color-state-hover) 90%, transparent)}
.hover\:bg-state-not-active\/5:hover{background-color:color-mix(in oklab, var(--color-state-not-active) 5%, transparent)}
.hover\:bg-state-not-active\/10:hover{background-color:color-mix(in oklab, var(--color-state-not-active) 10%, transparent)}
.hover\:bg-state-not-active\/15:hover{background-color:color-mix(in oklab, var(--color-state-not-active) 15%, transparent)}
.hover\:bg-state-not-active\/20:hover{background-color:color-mix(in oklab, var(--color-state-not-active) 20%, transparent)}
.hover\:bg-state-not-active\/25:hover{background-color:color-mix(in oklab, var(--color-state-not-active) 25%, transparent)}
.hover\:bg-state-not-active\/30:hover{background-color:color-mix(in oklab, var(--color-state-not-active) 30%, transparent)}
.hover\:bg-state-not-active\/40:hover{background-color:color-mix(in oklab, var(--color-state-not-active) 40%, transparent)}
.hover\:bg-state-not-active\/50:hover{background-color:color-mix(in oklab, var(--color-state-not-active) 50%, transparent)}
.hover\:bg-state-not-active\/60:hover{background-color:color-mix(in oklab, var(--color-state-not-active) 60%, transparent)}
.hover\:bg-state-not-active\/70:hover{background-color:color-mix(in oklab, var(--color-state-not-active) 70%, transparent)}
.hover\:bg-state-not-active\/80:hover{background-color:color-mix(in oklab, var(--color-state-not-active) 80%, transparent)}
.hover\:bg-state-not-active\/90:hover{background-color:color-mix(in oklab, var(--color-state-not-active) 90%, transparent)}
.hover\:bg-card-background\/5:hover{background-color:color-mix(in oklab, var(--color-card-background) 5%, transparent)}
.hover\:bg-card-background\/10:hover{background-color:color-mix(in oklab, var(--color-card-background) 10%, transparent)}
.hover\:bg-card-background\/15:hover{background-color:color-mix(in oklab, var(--color-card-background) 15%, transparent)}
.hover\:bg-card-background\/20:hover{background-color:color-mix(in oklab, var(--color-card-background) 20%, transparent)}
.hover\:bg-card-background\/25:hover{background-color:color-mix(in oklab, var(--color-card-background) 25%, transparent)}
.hover\:bg-card-background\/30:hover{background-color:color-mix(in oklab, var(--color-card-background) 30%, transparent)}
.hover\:bg-card-background\/40:hover{background-color:color-mix(in oklab, var(--color-card-background) 40%, transparent)}
.hover\:bg-card-background\/50:hover{background-color:color-mix(in oklab, var(--color-card-background) 50%, transparent)}
.hover\:bg-card-background\/60:hover{background-color:color-mix(in oklab, var(--color-card-background) 60%, transparent)}
.hover\:bg-card-background\/70:hover{background-color:color-mix(in oklab, var(--color-card-background) 70%, transparent)}
.hover\:bg-card-background\/80:hover{background-color:color-mix(in oklab, var(--color-card-background) 80%, transparent)}
.hover\:bg-card-background\/90:hover{background-color:color-mix(in oklab, var(--color-card-background) 90%, transparent)}
.hover\:bg-card-shadow\/5:hover{background-color:color-mix(in oklab, var(--color-card-shadow) 5%, transparent)}
.hover\:bg-card-shadow\/10:hover{background-color:color-mix(in oklab, var(--color-card-shadow) 10%, transparent)}
.hover\:bg-card-shadow\/15:hover{background-color:color-mix(in oklab, var(--color-card-shadow) 15%, transparent)}
.hover\:bg-card-shadow\/20:hover{background-color:color-mix(in oklab, var(--color-card-shadow) 20%, transparent)}
.hover\:bg-card-shadow\/25:hover{background-color:color-mix(in oklab, var(--color-card-shadow) 25%, transparent)}
.hover\:bg-card-shadow\/30:hover{background-color:color-mix(in oklab, var(--color-card-shadow) 30%, transparent)}
.hover\:bg-card-shadow\/40:hover{background-color:color-mix(in oklab, var(--color-card-shadow) 40%, transparent)}
.hover\:bg-card-shadow\/50:hover{background-color:color-mix(in oklab, var(--color-card-shadow) 50%, transparent)}
.hover\:bg-card-shadow\/60:hover{background-color:color-mix(in oklab, var(--color-card-shadow) 60%, transparent)}
.hover\:bg-card-shadow\/70:hover{background-color:color-mix(in oklab, var(--color-card-shadow) 70%, transparent)}
.hover\:bg-card-shadow\/80:hover{background-color:color-mix(in oklab, var(--color-card-shadow) 80%, transparent)}
.hover\:bg-card-shadow\/90:hover{background-color:color-mix(in oklab, var(--color-card-shadow) 90%, transparent)}
.hover\:bg-border\/5:hover{background-color:color-mix(in oklab, var(--color-border) 5%, transparent)}
.hover\:bg-border\/10:hover{background-color:color-mix(in oklab, var(--color-border) 10%, transparent)}
.hover\:bg-border\/15:hover{background-color:color-mix(in oklab, var(--color-border) 15%, transparent)}
.hover\:bg-border\/20:hover{background-color:color-mix(in oklab, var(--color-border) 20%, transparent)}
.hover\:bg-border\/25:hover{background-color:color-mix(in oklab, var(--color-border) 25%, transparent)}
.hover\:bg-border\/30:hover{background-color:color-mix(in oklab, var(--color-border) 30%, transparent)}
.hover\:bg-border\/40:hover{background-color:color-mix(in oklab, var(--color-border) 40%, transparent)}
.hover\:bg-border\/50:hover{background-color:color-mix(in oklab, var(--color-border) 50%, transparent)}
.hover\:bg-border\/60:hover{background-color:color-mix(in oklab, var(--color-border) 60%, transparent)}
.hover\:bg-border\/70:hover{background-color:color-mix(in oklab, var(--color-border) 70%, transparent)}
.hover\:bg-border\/80:hover{background-color:color-mix(in oklab, var(--color-border) 80%, transparent)}
.hover\:bg-border\/90:hover{background-color:color-mix(in oklab, var(--color-border) 90%, transparent)}
.hover\:bg-border-hover\/5:hover{background-color:color-mix(in oklab, var(--color-border-hover) 5%, transparent)}
.hover\:bg-border-hover\/10:hover{background-color:color-mix(in oklab, var(--color-border-hover) 10%, transparent)}
.hover\:bg-border-hover\/15:hover{background-color:color-mix(in oklab, var(--color-border-hover) 15%, transparent)}
.hover\:bg-border-hover\/20:hover{background-color:color-mix(in oklab, var(--color-border-hover) 20%, transparent)}
.hover\:bg-border-hover\/25:hover{background-color:color-mix(in oklab, var(--color-border-hover) 25%, transparent)}
.hover\:bg-border-hover\/30:hover{background-color:color-mix(in oklab, var(--color-border-hover) 30%, transparent)}
.hover\:bg-border-hover\/40:hover{background-color:color-mix(in oklab, var(--color-border-hover) 40%, transparent)}
.hover\:bg-border-hover\/50:hover{background-color:color-mix(in oklab, var(--color-border-hover) 50%, transparent)}
.hover\:bg-border-hover\/60:hover{background-color:color-mix(in oklab, var(--color-border-hover) 60%, transparent)}
.hover\:bg-border-hover\/70:hover{background-color:color-mix(in oklab, var(--color-border-hover) 70%, transparent)}
.hover\:bg-border-hover\/80:hover{background-color:color-mix(in oklab, var(--color-border-hover) 80%, transparent)}
.hover\:bg-border-hover\/90:hover{background-color:color-mix(in oklab, var(--color-border-hover) 90%, transparent)}
.hover\:bg-border-success\/5:hover{background-color:color-mix(in oklab, var(--color-border-success) 5%, transparent)}
.hover\:bg-border-success\/10:hover{background-color:color-mix(in oklab, var(--color-border-success) 10%, transparent)}
.hover\:bg-border-success\/15:hover{background-color:color-mix(in oklab, var(--color-border-success) 15%, transparent)}
.hover\:bg-border-success\/20:hover{background-color:color-mix(in oklab, var(--color-border-success) 20%, transparent)}
.hover\:bg-border-success\/25:hover{background-color:color-mix(in oklab, var(--color-border-success) 25%, transparent)}
.hover\:bg-border-success\/30:hover{background-color:color-mix(in oklab, var(--color-border-success) 30%, transparent)}
.hover\:bg-border-success\/40:hover{background-color:color-mix(in oklab, var(--color-border-success) 40%, transparent)}
.hover\:bg-border-success\/50:hover{background-color:color-mix(in oklab, var(--color-border-success) 50%, transparent)}
.hover\:bg-border-success\/60:hover{background-color:color-mix(in oklab, var(--color-border-success) 60%, transparent)}
.hover\:bg-border-success\/70:hover{background-color:color-mix(in oklab, var(--color-border-success) 70%, transparent)}
.hover\:bg-border-success\/80:hover{background-color:color-mix(in oklab, var(--color-border-success) 80%, transparent)}
.hover\:bg-border-success\/90:hover{background-color:color-mix(in oklab, var(--color-border-success) 90%, transparent)}
.hover\:bg-border-info\/5:hover{background-color:color-mix(in oklab, var(--color-border-info) 5%, transparent)}
.hover\:bg-border-info\/10:hover{background-color:color-mix(in oklab, var(--color-border-info) 10%, transparent)}
.hover\:bg-border-info\/15:hover{background-color:color-mix(in oklab, var(--color-border-info) 15%, transparent)}
.hover\:bg-border-info\/20:hover{background-color:color-mix(in oklab, var(--color-border-info) 20%, transparent)}
.hover\:bg-border-info\/25:hover{background-color:color-mix(in oklab, var(--color-border-info) 25%, transparent)}
.hover\:bg-border-info\/30:hover{background-color:color-mix(in oklab, var(--color-border-info) 30%, transparent)}
.hover\:bg-border-info\/40:hover{background-color:color-mix(in oklab, var(--color-border-info) 40%, transparent)}
.hover\:bg-border-info\/50:hover{background-color:color-mix(in oklab, var(--color-border-info) 50%, transparent)}
.hover\:bg-border-info\/60:hover{background-color:color-mix(in oklab, var(--color-border-info) 60%, transparent)}
.hover\:bg-border-info\/70:hover{background-color:color-mix(in oklab, var(--color-border-info) 70%, transparent)}
.hover\:bg-border-info\/80:hover{background-color:color-mix(in oklab, var(--color-border-info) 80%, transparent)}
.hover\:bg-border-info\/90:hover{background-color:color-mix(in oklab, var(--color-border-info) 90%, transparent)}
.hover\:bg-border-warning\/5:hover{background-color:color-mix(in oklab, var(--color-border-warning) 5%, transparent)}
.hover\:bg-border-warning\/10:hover{background-color:color-mix(in oklab, var(--color-border-warning) 10%, transparent)}
.hover\:bg-border-warning\/15:hover{background-color:color-mix(in oklab, var(--color-border-warning) 15%, transparent)}
.hover\:bg-border-warning\/20:hover{background-color:color-mix(in oklab, var(--color-border-warning) 20%, transparent)}
.hover\:bg-border-warning\/25:hover{background-color:color-mix(in oklab, var(--color-border-warning) 25%, transparent)}
.hover\:bg-border-warning\/30:hover{background-color:color-mix(in oklab, var(--color-border-warning) 30%, transparent)}
.hover\:bg-border-warning\/40:hover{background-color:color-mix(in oklab, var(--color-border-warning) 40%, transparent)}
.hover\:bg-border-warning\/50:hover{background-color:color-mix(in oklab, var(--color-border-warning) 50%, transparent)}
.hover\:bg-border-warning\/60:hover{background-color:color-mix(in oklab, var(--color-border-warning) 60%, transparent)}
.hover\:bg-border-warning\/70:hover{background-color:color-mix(in oklab, var(--color-border-warning) 70%, transparent)}
.hover\:bg-border-warning\/80:hover{background-color:color-mix(in oklab, var(--color-border-warning) 80%, transparent)}
.hover\:bg-border-warning\/90:hover{background-color:color-mix(in oklab, var(--color-border-warning) 90%, transparent)}
.hover\:bg-border-error\/5:hover{background-color:color-mix(in oklab, var(--color-border-error) 5%, transparent)}
.hover\:bg-border-error\/10:hover{background-color:color-mix(in oklab, var(--color-border-error) 10%, transparent)}
.hover\:bg-border-error\/15:hover{background-color:color-mix(in oklab, var(--color-border-error) 15%, transparent)}
.hover\:bg-border-error\/20:hover{background-color:color-mix(in oklab, var(--color-border-error) 20%, transparent)}
.hover\:bg-border-error\/25:hover{background-color:color-mix(in oklab, var(--color-border-error) 25%, transparent)}
.hover\:bg-border-error\/30:hover{background-color:color-mix(in oklab, var(--color-border-error) 30%, transparent)}
.hover\:bg-border-error\/40:hover{background-color:color-mix(in oklab, var(--color-border-error) 40%, transparent)}
.hover\:bg-border-error\/50:hover{background-color:color-mix(in oklab, var(--color-border-error) 50%, transparent)}
.hover\:bg-border-error\/60:hover{background-color:color-mix(in oklab, var(--color-border-error) 60%, transparent)}
.hover\:bg-border-error\/70:hover{background-color:color-mix(in oklab, var(--color-border-error) 70%, transparent)}
.hover\:bg-border-error\/80:hover{background-color:color-mix(in oklab, var(--color-border-error) 80%, transparent)}
.hover\:bg-border-error\/90:hover{background-color:color-mix(in oklab, var(--color-border-error) 90%, transparent)}
.hover\:bg-light-border\/5:hover{background-color:color-mix(in oklab, var(--color-light-border) 5%, transparent)}
.hover\:bg-light-border\/10:hover{background-color:color-mix(in oklab, var(--color-light-border) 10%, transparent)}
.hover\:bg-light-border\/15:hover{background-color:color-mix(in oklab, var(--color-light-border) 15%, transparent)}
.hover\:bg-light-border\/20:hover{background-color:color-mix(in oklab, var(--color-light-border) 20%, transparent)}
.hover\:bg-light-border\/25:hover{background-color:color-mix(in oklab, var(--color-light-border) 25%, transparent)}
.hover\:bg-light-border\/30:hover{background-color:color-mix(in oklab, var(--color-light-border) 30%, transparent)}
.hover\:bg-light-border\/40:hover{background-color:color-mix(in oklab, var(--color-light-border) 40%, transparent)}
.hover\:bg-light-border\/50:hover{background-color:color-mix(in oklab, var(--color-light-border) 50%, transparent)}
.hover\:bg-light-border\/60:hover{background-color:color-mix(in oklab, var(--color-light-border) 60%, transparent)}
.hover\:bg-light-border\/70:hover{background-color:color-mix(in oklab, var(--color-light-border) 70%, transparent)}
.hover\:bg-light-border\/80:hover{background-color:color-mix(in oklab, var(--color-light-border) 80%, transparent)}
.hover\:bg-light-border\/90:hover{background-color:color-mix(in oklab, var(--color-light-border) 90%, transparent)}
.hover\:bg-divider\/5:hover{background-color:color-mix(in oklab, var(--color-divider) 5%, transparent)}
.hover\:bg-divider\/10:hover{background-color:color-mix(in oklab, var(--color-divider) 10%, transparent)}
.hover\:bg-divider\/15:hover{background-color:color-mix(in oklab, var(--color-divider) 15%, transparent)}
.hover\:bg-divider\/20:hover{background-color:color-mix(in oklab, var(--color-divider) 20%, transparent)}
.hover\:bg-divider\/25:hover{background-color:color-mix(in oklab, var(--color-divider) 25%, transparent)}
.hover\:bg-divider\/30:hover{background-color:color-mix(in oklab, var(--color-divider) 30%, transparent)}
.hover\:bg-divider\/40:hover{background-color:color-mix(in oklab, var(--color-divider) 40%, transparent)}
.hover\:bg-divider\/50:hover{background-color:color-mix(in oklab, var(--color-divider) 50%, transparent)}
.hover\:bg-divider\/60:hover{background-color:color-mix(in oklab, var(--color-divider) 60%, transparent)}
.hover\:bg-divider\/70:hover{background-color:color-mix(in oklab, var(--color-divider) 70%, transparent)}
.hover\:bg-divider\/80:hover{background-color:color-mix(in oklab, var(--color-divider) 80%, transparent)}
.hover\:bg-divider\/90:hover{background-color:color-mix(in oklab, var(--color-divider) 90%, transparent)}
.hover\:bg-success\/5:hover{background-color:color-mix(in oklab, var(--color-success) 5%, transparent)}
.hover\:bg-success\/10:hover{background-color:color-mix(in oklab, var(--color-success) 10%, transparent)}
.hover\:bg-success\/15:hover{background-color:color-mix(in oklab, var(--color-success) 15%, transparent)}
.hover\:bg-success\/20:hover{background-color:color-mix(in oklab, var(--color-success) 20%, transparent)}
.hover\:bg-success\/25:hover{background-color:color-mix(in oklab, var(--color-success) 25%, transparent)}
.hover\:bg-success\/30:hover{background-color:color-mix(in oklab, var(--color-success) 30%, transparent)}
.hover\:bg-success\/40:hover{background-color:color-mix(in oklab, var(--color-success) 40%, transparent)}
.hover\:bg-success\/50:hover{background-color:color-mix(in oklab, var(--color-success) 50%, transparent)}
.hover\:bg-success\/60:hover{background-color:color-mix(in oklab, var(--color-success) 60%, transparent)}
.hover\:bg-success\/70:hover{background-color:color-mix(in oklab, var(--color-success) 70%, transparent)}
.hover\:bg-success\/80:hover{background-color:color-mix(in oklab, var(--color-success) 80%, transparent)}
.hover\:bg-success\/90:hover{background-color:color-mix(in oklab, var(--color-success) 90%, transparent)}
.hover\:bg-error\/5:hover{background-color:color-mix(in oklab, var(--color-error) 5%, transparent)}
.hover\:bg-error\/10:hover{background-color:color-mix(in oklab, var(--color-error) 10%, transparent)}
.hover\:bg-error\/15:hover{background-color:color-mix(in oklab, var(--color-error) 15%, transparent)}
.hover\:bg-error\/20:hover{background-color:color-mix(in oklab, var(--color-error) 20%, transparent)}
.hover\:bg-error\/25:hover{background-color:color-mix(in oklab, var(--color-error) 25%, transparent)}
.hover\:bg-error\/30:hover{background-color:color-mix(in oklab, var(--color-error) 30%, transparent)}
.hover\:bg-error\/40:hover{background-color:color-mix(in oklab, var(--color-error) 40%, transparent)}
.hover\:bg-error\/50:hover{background-color:color-mix(in oklab, var(--color-error) 50%, transparent)}
.hover\:bg-error\/60:hover{background-color:color-mix(in oklab, var(--color-error) 60%, transparent)}
.hover\:bg-error\/70:hover{background-color:color-mix(in oklab, var(--color-error) 70%, transparent)}
.hover\:bg-error\/80:hover{background-color:color-mix(in oklab, var(--color-error) 80%, transparent)}
.hover\:bg-error\/90:hover{background-color:color-mix(in oklab, var(--color-error) 90%, transparent)}
.hover\:bg-error-hover\/5:hover{background-color:color-mix(in oklab, var(--color-error-hover) 5%, transparent)}
.hover\:bg-error-hover\/10:hover{background-color:color-mix(in oklab, var(--color-error-hover) 10%, transparent)}
.hover\:bg-error-hover\/15:hover{background-color:color-mix(in oklab, var(--color-error-hover) 15%, transparent)}
.hover\:bg-error-hover\/20:hover{background-color:color-mix(in oklab, var(--color-error-hover) 20%, transparent)}
.hover\:bg-error-hover\/25:hover{background-color:color-mix(in oklab, var(--color-error-hover) 25%, transparent)}
.hover\:bg-error-hover\/30:hover{background-color:color-mix(in oklab, var(--color-error-hover) 30%, transparent)}
.hover\:bg-error-hover\/40:hover{background-color:color-mix(in oklab, var(--color-error-hover) 40%, transparent)}
.hover\:bg-error-hover\/50:hover{background-color:color-mix(in oklab, var(--color-error-hover) 50%, transparent)}
.hover\:bg-error-hover\/60:hover{background-color:color-mix(in oklab, var(--color-error-hover) 60%, transparent)}
.hover\:bg-error-hover\/70:hover{background-color:color-mix(in oklab, var(--color-error-hover) 70%, transparent)}
.hover\:bg-error-hover\/80:hover{background-color:color-mix(in oklab, var(--color-error-hover) 80%, transparent)}
.hover\:bg-error-hover\/90:hover{background-color:color-mix(in oklab, var(--color-error-hover) 90%, transparent)}
.hover\:bg-warning\/5:hover{background-color:color-mix(in oklab, var(--color-warning) 5%, transparent)}
.hover\:bg-warning\/10:hover{background-color:color-mix(in oklab, var(--color-warning) 10%, transparent)}
.hover\:bg-warning\/15:hover{background-color:color-mix(in oklab, var(--color-warning) 15%, transparent)}
.hover\:bg-warning\/20:hover{background-color:color-mix(in oklab, var(--color-warning) 20%, transparent)}
.hover\:bg-warning\/25:hover{background-color:color-mix(in oklab, var(--color-warning) 25%, transparent)}
.hover\:bg-warning\/30:hover{background-color:color-mix(in oklab, var(--color-warning) 30%, transparent)}
.hover\:bg-warning\/40:hover{background-color:color-mix(in oklab, var(--color-warning) 40%, transparent)}
.hover\:bg-warning\/50:hover{background-color:color-mix(in oklab, var(--color-warning) 50%, transparent)}
.hover\:bg-warning\/60:hover{background-color:color-mix(in oklab, var(--color-warning) 60%, transparent)}
.hover\:bg-warning\/70:hover{background-color:color-mix(in oklab, var(--color-warning) 70%, transparent)}
.hover\:bg-warning\/80:hover{background-color:color-mix(in oklab, var(--color-warning) 80%, transparent)}
.hover\:bg-warning\/90:hover{background-color:color-mix(in oklab, var(--color-warning) 90%, transparent)}
.hover\:bg-info\/5:hover{background-color:color-mix(in oklab, var(--color-info) 5%, transparent)}
.hover\:bg-info\/10:hover{background-color:color-mix(in oklab, var(--color-info) 10%, transparent)}
.hover\:bg-info\/15:hover{background-color:color-mix(in oklab, var(--color-info) 15%, transparent)}
.hover\:bg-info\/20:hover{background-color:color-mix(in oklab, var(--color-info) 20%, transparent)}
.hover\:bg-info\/25:hover{background-color:color-mix(in oklab, var(--color-info) 25%, transparent)}
.hover\:bg-info\/30:hover{background-color:color-mix(in oklab, var(--color-info) 30%, transparent)}
.hover\:bg-info\/40:hover{background-color:color-mix(in oklab, var(--color-info) 40%, transparent)}
.hover\:bg-info\/50:hover{background-color:color-mix(in oklab, var(--color-info) 50%, transparent)}
.hover\:bg-info\/60:hover{background-color:color-mix(in oklab, var(--color-info) 60%, transparent)}
.hover\:bg-info\/70:hover{background-color:color-mix(in oklab, var(--color-info) 70%, transparent)}
.hover\:bg-info\/80:hover{background-color:color-mix(in oklab, var(--color-info) 80%, transparent)}
.hover\:bg-info\/90:hover{background-color:color-mix(in oklab, var(--color-info) 90%, transparent)}
.hover\:bg-bg-success\/5:hover{background-color:color-mix(in oklab, var(--color-bg-success) 5%, transparent)}
.hover\:bg-bg-success\/10:hover{background-color:color-mix(in oklab, var(--color-bg-success) 10%, transparent)}
.hover\:bg-bg-success\/15:hover{background-color:color-mix(in oklab, var(--color-bg-success) 15%, transparent)}
.hover\:bg-bg-success\/20:hover{background-color:color-mix(in oklab, var(--color-bg-success) 20%, transparent)}
.hover\:bg-bg-success\/25:hover{background-color:color-mix(in oklab, var(--color-bg-success) 25%, transparent)}
.hover\:bg-bg-success\/30:hover{background-color:color-mix(in oklab, var(--color-bg-success) 30%, transparent)}
.hover\:bg-bg-success\/40:hover{background-color:color-mix(in oklab, var(--color-bg-success) 40%, transparent)}
.hover\:bg-bg-success\/50:hover{background-color:color-mix(in oklab, var(--color-bg-success) 50%, transparent)}
.hover\:bg-bg-success\/60:hover{background-color:color-mix(in oklab, var(--color-bg-success) 60%, transparent)}
.hover\:bg-bg-success\/70:hover{background-color:color-mix(in oklab, var(--color-bg-success) 70%, transparent)}
.hover\:bg-bg-success\/80:hover{background-color:color-mix(in oklab, var(--color-bg-success) 80%, transparent)}
.hover\:bg-bg-success\/90:hover{background-color:color-mix(in oklab, var(--color-bg-success) 90%, transparent)}
.hover\:bg-bg-error\/5:hover{background-color:color-mix(in oklab, var(--color-bg-error) 5%, transparent)}
.hover\:bg-bg-error\/10:hover{background-color:color-mix(in oklab, var(--color-bg-error) 10%, transparent)}
.hover\:bg-bg-error\/15:hover{background-color:color-mix(in oklab, var(--color-bg-error) 15%, transparent)}
.hover\:bg-bg-error\/20:hover{background-color:color-mix(in oklab, var(--color-bg-error) 20%, transparent)}
.hover\:bg-bg-error\/25:hover{background-color:color-mix(in oklab, var(--color-bg-error) 25%, transparent)}
.hover\:bg-bg-error\/30:hover{background-color:color-mix(in oklab, var(--color-bg-error) 30%, transparent)}
.hover\:bg-bg-error\/40:hover{background-color:color-mix(in oklab, var(--color-bg-error) 40%, transparent)}
.hover\:bg-bg-error\/50:hover{background-color:color-mix(in oklab, var(--color-bg-error) 50%, transparent)}
.hover\:bg-bg-error\/60:hover{background-color:color-mix(in oklab, var(--color-bg-error) 60%, transparent)}
.hover\:bg-bg-error\/70:hover{background-color:color-mix(in oklab, var(--color-bg-error) 70%, transparent)}
.hover\:bg-bg-error\/80:hover{background-color:color-mix(in oklab, var(--color-bg-error) 80%, transparent)}
.hover\:bg-bg-error\/90:hover{background-color:color-mix(in oklab, var(--color-bg-error) 90%, transparent)}
.hover\:bg-bg-warning\/5:hover{background-color:color-mix(in oklab, var(--color-bg-warning) 5%, transparent)}
.hover\:bg-bg-warning\/10:hover{background-color:color-mix(in oklab, var(--color-bg-warning) 10%, transparent)}
.hover\:bg-bg-warning\/15:hover{background-color:color-mix(in oklab, var(--color-bg-warning) 15%, transparent)}
.hover\:bg-bg-warning\/20:hover{background-color:color-mix(in oklab, var(--color-bg-warning) 20%, transparent)}
.hover\:bg-bg-warning\/25:hover{background-color:color-mix(in oklab, var(--color-bg-warning) 25%, transparent)}
.hover\:bg-bg-warning\/30:hover{background-color:color-mix(in oklab, var(--color-bg-warning) 30%, transparent)}
.hover\:bg-bg-warning\/40:hover{background-color:color-mix(in oklab, var(--color-bg-warning) 40%, transparent)}
.hover\:bg-bg-warning\/50:hover{background-color:color-mix(in oklab, var(--color-bg-warning) 50%, transparent)}
.hover\:bg-bg-warning\/60:hover{background-color:color-mix(in oklab, var(--color-bg-warning) 60%, transparent)}
.hover\:bg-bg-warning\/70:hover{background-color:color-mix(in oklab, var(--color-bg-warning) 70%, transparent)}
.hover\:bg-bg-warning\/80:hover{background-color:color-mix(in oklab, var(--color-bg-warning) 80%, transparent)}
.hover\:bg-bg-warning\/90:hover{background-color:color-mix(in oklab, var(--color-bg-warning) 90%, transparent)}
.hover\:bg-bg-info\/5:hover{background-color:color-mix(in oklab, var(--color-bg-info) 5%, transparent)}
.hover\:bg-bg-info\/10:hover{background-color:color-mix(in oklab, var(--color-bg-info) 10%, transparent)}
.hover\:bg-bg-info\/15:hover{background-color:color-mix(in oklab, var(--color-bg-info) 15%, transparent)}
.hover\:bg-bg-info\/20:hover{background-color:color-mix(in oklab, var(--color-bg-info) 20%, transparent)}
.hover\:bg-bg-info\/25:hover{background-color:color-mix(in oklab, var(--color-bg-info) 25%, transparent)}
.hover\:bg-bg-info\/30:hover{background-color:color-mix(in oklab, var(--color-bg-info) 30%, transparent)}
.hover\:bg-bg-info\/40:hover{background-color:color-mix(in oklab, var(--color-bg-info) 40%, transparent)}
.hover\:bg-bg-info\/50:hover{background-color:color-mix(in oklab, var(--color-bg-info) 50%, transparent)}
.hover\:bg-bg-info\/60:hover{background-color:color-mix(in oklab, var(--color-bg-info) 60%, transparent)}
.hover\:bg-bg-info\/70:hover{background-color:color-mix(in oklab, var(--color-bg-info) 70%, transparent)}
.hover\:bg-bg-info\/80:hover{background-color:color-mix(in oklab, var(--color-bg-info) 80%, transparent)}
.hover\:bg-bg-info\/90:hover{background-color:color-mix(in oklab, var(--color-bg-info) 90%, transparent)}
.hover\:bg-title-start\/5:hover{background-color:color-mix(in oklab, var(--color-title-start) 5%, transparent)}
.hover\:bg-title-start\/10:hover{background-color:color-mix(in oklab, var(--color-title-start) 10%, transparent)}
.hover\:bg-title-start\/15:hover{background-color:color-mix(in oklab, var(--color-title-start) 15%, transparent)}
.hover\:bg-title-start\/20:hover{background-color:color-mix(in oklab, var(--color-title-start) 20%, transparent)}
.hover\:bg-title-start\/25:hover{background-color:color-mix(in oklab, var(--color-title-start) 25%, transparent)}
.hover\:bg-title-start\/30:hover{background-color:color-mix(in oklab, var(--color-title-start) 30%, transparent)}
.hover\:bg-title-start\/40:hover{background-color:color-mix(in oklab, var(--color-title-start) 40%, transparent)}
.hover\:bg-title-start\/50:hover{background-color:color-mix(in oklab, var(--color-title-start) 50%, transparent)}
.hover\:bg-title-start\/60:hover{background-color:color-mix(in oklab, var(--color-title-start) 60%, transparent)}
.hover\:bg-title-start\/70:hover{background-color:color-mix(in oklab, var(--color-title-start) 70%, transparent)}
.hover\:bg-title-start\/80:hover{background-color:color-mix(in oklab, var(--color-title-start) 80%, transparent)}
.hover\:bg-title-start\/90:hover{background-color:color-mix(in oklab, var(--color-title-start) 90%, transparent)}
.hover\:bg-title-end\/5:hover{background-color:color-mix(in oklab, var(--color-title-end) 5%, transparent)}
.hover\:bg-title-end\/10:hover{background-color:color-mix(in oklab, var(--color-title-end) 10%, transparent)}
.hover\:bg-title-end\/15:hover{background-color:color-mix(in oklab, var(--color-title-end) 15%, transparent)}
.hover\:bg-title-end\/20:hover{background-color:color-mix(in oklab, var(--color-title-end) 20%, transparent)}
.hover\:bg-title-end\/25:hover{background-color:color-mix(in oklab, var(--color-title-end) 25%, transparent)}
.hover\:bg-title-end\/30:hover{background-color:color-mix(in oklab, var(--color-title-end) 30%, transparent)}
.hover\:bg-title-end\/40:hover{background-color:color-mix(in oklab, var(--color-title-end) 40%, transparent)}
.hover\:bg-title-end\/50:hover{background-color:color-mix(in oklab, var(--color-title-end) 50%, transparent)}
.hover\:bg-title-end\/60:hover{background-color:color-mix(in oklab, var(--color-title-end) 60%, transparent)}
.hover\:bg-title-end\/70:hover{background-color:color-mix(in oklab, var(--color-title-end) 70%, transparent)}
.hover\:bg-title-end\/80:hover{background-color:color-mix(in oklab, var(--color-title-end) 80%, transparent)}
.hover\:bg-title-end\/90:hover{background-color:color-mix(in oklab, var(--color-title-end) 90%, transparent)}
.hover\:bg-bg-start\/5:hover{background-color:color-mix(in oklab, var(--color-bg-start) 5%, transparent)}
.hover\:bg-bg-start\/10:hover{background-color:color-mix(in oklab, var(--color-bg-start) 10%, transparent)}
.hover\:bg-bg-start\/15:hover{background-color:color-mix(in oklab, var(--color-bg-start) 15%, transparent)}
.hover\:bg-bg-start\/20:hover{background-color:color-mix(in oklab, var(--color-bg-start) 20%, transparent)}
.hover\:bg-bg-start\/25:hover{background-color:color-mix(in oklab, var(--color-bg-start) 25%, transparent)}
.hover\:bg-bg-start\/30:hover{background-color:color-mix(in oklab, var(--color-bg-start) 30%, transparent)}
.hover\:bg-bg-start\/40:hover{background-color:color-mix(in oklab, var(--color-bg-start) 40%, transparent)}
.hover\:bg-bg-start\/50:hover{background-color:color-mix(in oklab, var(--color-bg-start) 50%, transparent)}
.hover\:bg-bg-start\/60:hover{background-color:color-mix(in oklab, var(--color-bg-start) 60%, transparent)}
.hover\:bg-bg-start\/70:hover{background-color:color-mix(in oklab, var(--color-bg-start) 70%, transparent)}
.hover\:bg-bg-start\/80:hover{background-color:color-mix(in oklab, var(--color-bg-start) 80%, transparent)}
.hover\:bg-bg-start\/90:hover{background-color:color-mix(in oklab, var(--color-bg-start) 90%, transparent)}
.hover\:bg-bg-end\/5:hover{background-color:color-mix(in oklab, var(--color-bg-end) 5%, transparent)}
.hover\:bg-bg-end\/10:hover{background-color:color-mix(in oklab, var(--color-bg-end) 10%, transparent)}
.hover\:bg-bg-end\/15:hover{background-color:color-mix(in oklab, var(--color-bg-end) 15%, transparent)}
.hover\:bg-bg-end\/20:hover{background-color:color-mix(in oklab, var(--color-bg-end) 20%, transparent)}
.hover\:bg-bg-end\/25:hover{background-color:color-mix(in oklab, var(--color-bg-end) 25%, transparent)}
.hover\:bg-bg-end\/30:hover{background-color:color-mix(in oklab, var(--color-bg-end) 30%, transparent)}
.hover\:bg-bg-end\/40:hover{background-color:color-mix(in oklab, var(--color-bg-end) 40%, transparent)}
.hover\:bg-bg-end\/50:hover{background-color:color-mix(in oklab, var(--color-bg-end) 50%, transparent)}
.hover\:bg-bg-end\/60:hover{background-color:color-mix(in oklab, var(--color-bg-end) 60%, transparent)}
.hover\:bg-bg-end\/70:hover{background-color:color-mix(in oklab, var(--color-bg-end) 70%, transparent)}
.hover\:bg-bg-end\/80:hover{background-color:color-mix(in oklab, var(--color-bg-end) 80%, transparent)}
.hover\:bg-bg-end\/90:hover{background-color:color-mix(in oklab, var(--color-bg-end) 90%, transparent)}
.hover\:bg-primary-content\/5:hover{background-color:color-mix(in oklab, var(--color-primary-content) 5%, transparent)}
.hover\:bg-primary-content\/10:hover{background-color:color-mix(in oklab, var(--color-primary-content) 10%, transparent)}
.hover\:bg-primary-content\/15:hover{background-color:color-mix(in oklab, var(--color-primary-content) 15%, transparent)}
.hover\:bg-primary-content\/20:hover{background-color:color-mix(in oklab, var(--color-primary-content) 20%, transparent)}
.hover\:bg-primary-content\/25:hover{background-color:color-mix(in oklab, var(--color-primary-content) 25%, transparent)}
.hover\:bg-primary-content\/30:hover{background-color:color-mix(in oklab, var(--color-primary-content) 30%, transparent)}
.hover\:bg-primary-content\/40:hover{background-color:color-mix(in oklab, var(--color-primary-content) 40%, transparent)}
.hover\:bg-primary-content\/50:hover{background-color:color-mix(in oklab, var(--color-primary-content) 50%, transparent)}
.hover\:bg-primary-content\/60:hover{background-color:color-mix(in oklab, var(--color-primary-content) 60%, transparent)}
.hover\:bg-primary-content\/70:hover{background-color:color-mix(in oklab, var(--color-primary-content) 70%, transparent)}
.hover\:bg-primary-content\/80:hover{background-color:color-mix(in oklab, var(--color-primary-content) 80%, transparent)}
.hover\:bg-primary-content\/90:hover{background-color:color-mix(in oklab, var(--color-primary-content) 90%, transparent)}
.hover\:bg-secondary-content\/5:hover{background-color:color-mix(in oklab, var(--color-secondary-content) 5%, transparent)}
.hover\:bg-secondary-content\/10:hover{background-color:color-mix(in oklab, var(--color-secondary-content) 10%, transparent)}
.hover\:bg-secondary-content\/15:hover{background-color:color-mix(in oklab, var(--color-secondary-content) 15%, transparent)}
.hover\:bg-secondary-content\/20:hover{background-color:color-mix(in oklab, var(--color-secondary-content) 20%, transparent)}
.hover\:bg-secondary-content\/25:hover{background-color:color-mix(in oklab, var(--color-secondary-content) 25%, transparent)}
.hover\:bg-secondary-content\/30:hover{background-color:color-mix(in oklab, var(--color-secondary-content) 30%, transparent)}
.hover\:bg-secondary-content\/40:hover{background-color:color-mix(in oklab, var(--color-secondary-content) 40%, transparent)}
.hover\:bg-secondary-content\/50:hover{background-color:color-mix(in oklab, var(--color-secondary-content) 50%, transparent)}
.hover\:bg-secondary-content\/60:hover{background-color:color-mix(in oklab, var(--color-secondary-content) 60%, transparent)}
.hover\:bg-secondary-content\/70:hover{background-color:color-mix(in oklab, var(--color-secondary-content) 70%, transparent)}
.hover\:bg-secondary-content\/80:hover{background-color:color-mix(in oklab, var(--color-secondary-content) 80%, transparent)}
.hover\:bg-secondary-content\/90:hover{background-color:color-mix(in oklab, var(--color-secondary-content) 90%, transparent)}
.hover\:bg-base-100\/5:hover{background-color:color-mix(in oklab, var(--color-base-100) 5%, transparent)}
.hover\:bg-base-100\/10:hover{background-color:color-mix(in oklab, var(--color-base-100) 10%, transparent)}
.hover\:bg-base-100\/15:hover{background-color:color-mix(in oklab, var(--color-base-100) 15%, transparent)}
.hover\:bg-base-100\/20:hover{background-color:color-mix(in oklab, var(--color-base-100) 20%, transparent)}
.hover\:bg-base-100\/25:hover{background-color:color-mix(in oklab, var(--color-base-100) 25%, transparent)}
.hover\:bg-base-100\/30:hover{background-color:color-mix(in oklab, var(--color-base-100) 30%, transparent)}
.hover\:bg-base-100\/40:hover{background-color:color-mix(in oklab, var(--color-base-100) 40%, transparent)}
.hover\:bg-base-100\/50:hover{background-color:color-mix(in oklab, var(--color-base-100) 50%, transparent)}
.hover\:bg-base-100\/60:hover{background-color:color-mix(in oklab, var(--color-base-100) 60%, transparent)}
.hover\:bg-base-100\/70:hover{background-color:color-mix(in oklab, var(--color-base-100) 70%, transparent)}
.hover\:bg-base-100\/80:hover{background-color:color-mix(in oklab, var(--color-base-100) 80%, transparent)}
.hover\:bg-base-100\/90:hover{background-color:color-mix(in oklab, var(--color-base-100) 90%, transparent)}
.hover\:bg-base-200\/5:hover{background-color:color-mix(in oklab, var(--color-base-200) 5%, transparent)}
.hover\:bg-base-200\/10:hover{background-color:color-mix(in oklab, var(--color-base-200) 10%, transparent)}
.hover\:bg-base-200\/15:hover{background-color:color-mix(in oklab, var(--color-base-200) 15%, transparent)}
.hover\:bg-base-200\/20:hover{background-color:color-mix(in oklab, var(--color-base-200) 20%, transparent)}
.hover\:bg-base-200\/25:hover{background-color:color-mix(in oklab, var(--color-base-200) 25%, transparent)}
.hover\:bg-base-200\/30:hover{background-color:color-mix(in oklab, var(--color-base-200) 30%, transparent)}
.hover\:bg-base-200\/40:hover{background-color:color-mix(in oklab, var(--color-base-200) 40%, transparent)}
.hover\:bg-base-200\/50:hover{background-color:color-mix(in oklab, var(--color-base-200) 50%, transparent)}
.hover\:bg-base-200\/60:hover{background-color:color-mix(in oklab, var(--color-base-200) 60%, transparent)}
.hover\:bg-base-200\/70:hover{background-color:color-mix(in oklab, var(--color-base-200) 70%, transparent)}
.hover\:bg-base-200\/80:hover{background-color:color-mix(in oklab, var(--color-base-200) 80%, transparent)}
.hover\:bg-base-200\/90:hover{background-color:color-mix(in oklab, var(--color-base-200) 90%, transparent)}
.hover\:bg-base-300\/5:hover{background-color:color-mix(in oklab, var(--color-base-300) 5%, transparent)}
.hover\:bg-base-300\/10:hover{background-color:color-mix(in oklab, var(--color-base-300) 10%, transparent)}
.hover\:bg-base-300\/15:hover{background-color:color-mix(in oklab, var(--color-base-300) 15%, transparent)}
.hover\:bg-base-300\/20:hover{background-color:color-mix(in oklab, var(--color-base-300) 20%, transparent)}
.hover\:bg-base-300\/25:hover{background-color:color-mix(in oklab, var(--color-base-300) 25%, transparent)}
.hover\:bg-base-300\/30:hover{background-color:color-mix(in oklab, var(--color-base-300) 30%, transparent)}
.hover\:bg-base-300\/40:hover{background-color:color-mix(in oklab, var(--color-base-300) 40%, transparent)}
.hover\:bg-base-300\/50:hover{background-color:color-mix(in oklab, var(--color-base-300) 50%, transparent)}
.hover\:bg-base-300\/60:hover{background-color:color-mix(in oklab, var(--color-base-300) 60%, transparent)}
.hover\:bg-base-300\/70:hover{background-color:color-mix(in oklab, var(--color-base-300) 70%, transparent)}
.hover\:bg-base-300\/80:hover{background-color:color-mix(in oklab, var(--color-base-300) 80%, transparent)}
.hover\:bg-base-300\/90:hover{background-color:color-mix(in oklab, var(--color-base-300) 90%, transparent)}
.hover\:bg-base-content\/5:hover{background-color:color-mix(in oklab, var(--color-base-content) 5%, transparent)}
.hover\:bg-base-content\/10:hover{background-color:color-mix(in oklab, var(--color-base-content) 10%, transparent)}
.hover\:bg-base-content\/15:hover{background-color:color-mix(in oklab, var(--color-base-content) 15%, transparent)}
.hover\:bg-base-content\/20:hover{background-color:color-mix(in oklab, var(--color-base-content) 20%, transparent)}
.hover\:bg-base-content\/25:hover{background-color:color-mix(in oklab, var(--color-base-content) 25%, transparent)}
.hover\:bg-base-content\/30:hover{background-color:color-mix(in oklab, var(--color-base-content) 30%, transparent)}
.hover\:bg-base-content\/40:hover{background-color:color-mix(in oklab, var(--color-base-content) 40%, transparent)}
.hover\:bg-base-content\/50:hover{background-color:color-mix(in oklab, var(--color-base-content) 50%, transparent)}
.hover\:bg-base-content\/60:hover{background-color:color-mix(in oklab, var(--color-base-content) 60%, transparent)}
.hover\:bg-base-content\/70:hover{background-color:color-mix(in oklab, var(--color-base-content) 70%, transparent)}
.hover\:bg-base-content\/80:hover{background-color:color-mix(in oklab, var(--color-base-content) 80%, transparent)}
.hover\:bg-base-content\/90:hover{background-color:color-mix(in oklab, var(--color-base-content) 90%, transparent)}
.hover\:bg-white\/5:hover{background-color:color-mix(in oklab, var(--color-white) 5%, transparent)}
.hover\:bg-white\/10:hover{background-color:color-mix(in oklab, var(--color-white) 10%, transparent)}
.hover\:bg-white\/15:hover{background-color:color-mix(in oklab, var(--color-white) 15%, transparent)}
.hover\:bg-white\/20:hover{background-color:color-mix(in oklab, var(--color-white) 20%, transparent)}
.hover\:bg-white\/25:hover{background-color:color-mix(in oklab, var(--color-white) 25%, transparent)}
.hover\:bg-white\/30:hover{background-color:color-mix(in oklab, var(--color-white) 30%, transparent)}
.hover\:bg-white\/40:hover{background-color:color-mix(in oklab, var(--color-white) 40%, transparent)}
.hover\:bg-white\/50:hover{background-color:color-mix(in oklab, var(--color-white) 50%, transparent)}
.hover\:bg-white\/60:hover{background-color:color-mix(in oklab, var(--color-white) 60%, transparent)}
.hover\:bg-white\/70:hover{background-color:color-mix(in oklab, var(--color-white) 70%, transparent)}
.hover\:bg-white\/80:hover{background-color:color-mix(in oklab, var(--color-white) 80%, transparent)}
.hover\:bg-white\/90:hover{background-color:color-mix(in oklab, var(--color-white) 90%, transparent)}
.hover\:bg-black\/5:hover{background-color:color-mix(in oklab, var(--color-black) 5%, transparent)}
.hover\:bg-black\/10:hover{background-color:color-mix(in oklab, var(--color-black) 10%, transparent)}
.hover\:bg-black\/15:hover{background-color:color-mix(in oklab, var(--color-black) 15%, transparent)}
.hover\:bg-black\/20:hover{background-color:color-mix(in oklab, var(--color-black) 20%, transparent)}
.hover\:bg-black\/25:hover{background-color:color-mix(in oklab, var(--color-black) 25%, transparent)}
.hover\:bg-black\/30:hover{background-color:color-mix(in oklab, var(--color-black) 30%, transparent)}
.hover\:bg-black\/40:hover{background-color:color-mix(in oklab, var(--color-black) 40%, transparent)}
.hover\:bg-black\/50:hover{background-color:color-mix(in oklab, var(--color-black) 50%, transparent)}
.hover\:bg-black\/60:hover{background-color:color-mix(in oklab, var(--color-black) 60%, transparent)}
.hover\:bg-black\/70:hover{background-color:color-mix(in oklab, var(--color-black) 70%, transparent)}
.hover\:bg-black\/80:hover{background-color:color-mix(in oklab, var(--color-black) 80%, transparent)}
.hover\:bg-black\/90:hover{background-color:color-mix(in oklab, var(--color-black) 90%, transparent)}
.hover\:text-primary\/5:hover{color:color-mix(in oklab, var(--color-primary) 5%, transparent)}
.hover\:text-primary\/10:hover{color:color-mix(in oklab, var(--color-primary) 10%, transparent)}
.hover\:text-primary\/15:hover{color:color-mix(in oklab, var(--color-primary) 15%, transparent)}
.hover\:text-primary\/20:hover{color:color-mix(in oklab, var(--color-primary) 20%, transparent)}
.hover\:text-primary\/25:hover{color:color-mix(in oklab, var(--color-primary) 25%, transparent)}
.hover\:text-primary\/30:hover{color:color-mix(in oklab, var(--color-primary) 30%, transparent)}
.hover\:text-primary\/40:hover{color:color-mix(in oklab, var(--color-primary) 40%, transparent)}
.hover\:text-primary\/50:hover{color:color-mix(in oklab, var(--color-primary) 50%, transparent)}
.hover\:text-primary\/60:hover{color:color-mix(in oklab, var(--color-primary) 60%, transparent)}
.hover\:text-primary\/70:hover{color:color-mix(in oklab, var(--color-primary) 70%, transparent)}
.hover\:text-primary\/80:hover{color:color-mix(in oklab, var(--color-primary) 80%, transparent)}
.hover\:text-primary\/90:hover{color:color-mix(in oklab, var(--color-primary) 90%, transparent)}
.hover\:text-secondary\/5:hover{color:color-mix(in oklab, var(--color-secondary) 5%, transparent)}
.hover\:text-secondary\/10:hover{color:color-mix(in oklab, var(--color-secondary) 10%, transparent)}
.hover\:text-secondary\/15:hover{color:color-mix(in oklab, var(--color-secondary) 15%, transparent)}
.hover\:text-secondary\/20:hover{color:color-mix(in oklab, var(--color-secondary) 20%, transparent)}
.hover\:text-secondary\/25:hover{color:color-mix(in oklab, var(--color-secondary) 25%, transparent)}
.hover\:text-secondary\/30:hover{color:color-mix(in oklab, var(--color-secondary) 30%, transparent)}
.hover\:text-secondary\/40:hover{color:color-mix(in oklab, var(--color-secondary) 40%, transparent)}
.hover\:text-secondary\/50:hover{color:color-mix(in oklab, var(--color-secondary) 50%, transparent)}
.hover\:text-secondary\/60:hover{color:color-mix(in oklab, var(--color-secondary) 60%, transparent)}
.hover\:text-secondary\/70:hover{color:color-mix(in oklab, var(--color-secondary) 70%, transparent)}
.hover\:text-secondary\/80:hover{color:color-mix(in oklab, var(--color-secondary) 80%, transparent)}
.hover\:text-secondary\/90:hover{color:color-mix(in oklab, var(--color-secondary) 90%, transparent)}
.hover\:text-background\/5:hover{color:color-mix(in oklab, var(--color-background) 5%, transparent)}
.hover\:text-background\/10:hover{color:color-mix(in oklab, var(--color-background) 10%, transparent)}
.hover\:text-background\/15:hover{color:color-mix(in oklab, var(--color-background) 15%, transparent)}
.hover\:text-background\/20:hover{color:color-mix(in oklab, var(--color-background) 20%, transparent)}
.hover\:text-background\/25:hover{color:color-mix(in oklab, var(--color-background) 25%, transparent)}
.hover\:text-background\/30:hover{color:color-mix(in oklab, var(--color-background) 30%, transparent)}
.hover\:text-background\/40:hover{color:color-mix(in oklab, var(--color-background) 40%, transparent)}
.hover\:text-background\/50:hover{color:color-mix(in oklab, var(--color-background) 50%, transparent)}
.hover\:text-background\/60:hover{color:color-mix(in oklab, var(--color-background) 60%, transparent)}
.hover\:text-background\/70:hover{color:color-mix(in oklab, var(--color-background) 70%, transparent)}
.hover\:text-background\/80:hover{color:color-mix(in oklab, var(--color-background) 80%, transparent)}
.hover\:text-background\/90:hover{color:color-mix(in oklab, var(--color-background) 90%, transparent)}
.hover\:text-transparent\/5:hover{color:color-mix(in oklab, var(--color-transparent) 5%, transparent)}
.hover\:text-transparent\/10:hover{color:color-mix(in oklab, var(--color-transparent) 10%, transparent)}
.hover\:text-transparent\/15:hover{color:color-mix(in oklab, var(--color-transparent) 15%, transparent)}
.hover\:text-transparent\/20:hover{color:color-mix(in oklab, var(--color-transparent) 20%, transparent)}
.hover\:text-transparent\/25:hover{color:color-mix(in oklab, var(--color-transparent) 25%, transparent)}
.hover\:text-transparent\/30:hover{color:color-mix(in oklab, var(--color-transparent) 30%, transparent)}
.hover\:text-transparent\/40:hover{color:color-mix(in oklab, var(--color-transparent) 40%, transparent)}
.hover\:text-transparent\/50:hover{color:color-mix(in oklab, var(--color-transparent) 50%, transparent)}
.hover\:text-transparent\/60:hover{color:color-mix(in oklab, var(--color-transparent) 60%, transparent)}
.hover\:text-transparent\/70:hover{color:color-mix(in oklab, var(--color-transparent) 70%, transparent)}
.hover\:text-transparent\/80:hover{color:color-mix(in oklab, var(--color-transparent) 80%, transparent)}
.hover\:text-transparent\/90:hover{color:color-mix(in oklab, var(--color-transparent) 90%, transparent)}
.hover\:text-active\/5:hover{color:color-mix(in oklab, var(--color-active) 5%, transparent)}
.hover\:text-active\/10:hover{color:color-mix(in oklab, var(--color-active) 10%, transparent)}
.hover\:text-active\/15:hover{color:color-mix(in oklab, var(--color-active) 15%, transparent)}
.hover\:text-active\/20:hover{color:color-mix(in oklab, var(--color-active) 20%, transparent)}
.hover\:text-active\/25:hover{color:color-mix(in oklab, var(--color-active) 25%, transparent)}
.hover\:text-active\/30:hover{color:color-mix(in oklab, var(--color-active) 30%, transparent)}
.hover\:text-active\/40:hover{color:color-mix(in oklab, var(--color-active) 40%, transparent)}
.hover\:text-active\/50:hover{color:color-mix(in oklab, var(--color-active) 50%, transparent)}
.hover\:text-active\/60:hover{color:color-mix(in oklab, var(--color-active) 60%, transparent)}
.hover\:text-active\/70:hover{color:color-mix(in oklab, var(--color-active) 70%, transparent)}
.hover\:text-active\/80:hover{color:color-mix(in oklab, var(--color-active) 80%, transparent)}
.hover\:text-active\/90:hover{color:color-mix(in oklab, var(--color-active) 90%, transparent)}
.hover\:text-hover\/5:hover{color:color-mix(in oklab, var(--color-hover) 5%, transparent)}
.hover\:text-hover\/10:hover{color:color-mix(in oklab, var(--color-hover) 10%, transparent)}
.hover\:text-hover\/15:hover{color:color-mix(in oklab, var(--color-hover) 15%, transparent)}
.hover\:text-hover\/20:hover{color:color-mix(in oklab, var(--color-hover) 20%, transparent)}
.hover\:text-hover\/25:hover{color:color-mix(in oklab, var(--color-hover) 25%, transparent)}
.hover\:text-hover\/30:hover{color:color-mix(in oklab, var(--color-hover) 30%, transparent)}
.hover\:text-hover\/40:hover{color:color-mix(in oklab, var(--color-hover) 40%, transparent)}
.hover\:text-hover\/50:hover{color:color-mix(in oklab, var(--color-hover) 50%, transparent)}
.hover\:text-hover\/60:hover{color:color-mix(in oklab, var(--color-hover) 60%, transparent)}
.hover\:text-hover\/70:hover{color:color-mix(in oklab, var(--color-hover) 70%, transparent)}
.hover\:text-hover\/80:hover{color:color-mix(in oklab, var(--color-hover) 80%, transparent)}
.hover\:text-hover\/90:hover{color:color-mix(in oklab, var(--color-hover) 90%, transparent)}
.hover\:text-not-active\/5:hover{color:color-mix(in oklab, var(--color-not-active) 5%, transparent)}
.hover\:text-not-active\/10:hover{color:color-mix(in oklab, var(--color-not-active) 10%, transparent)}
.hover\:text-not-active\/15:hover{color:color-mix(in oklab, var(--color-not-active) 15%, transparent)}
.hover\:text-not-active\/20:hover{color:color-mix(in oklab, var(--color-not-active) 20%, transparent)}
.hover\:text-not-active\/25:hover{color:color-mix(in oklab, var(--color-not-active) 25%, transparent)}
.hover\:text-not-active\/30:hover{color:color-mix(in oklab, var(--color-not-active) 30%, transparent)}
.hover\:text-not-active\/40:hover{color:color-mix(in oklab, var(--color-not-active) 40%, transparent)}
.hover\:text-not-active\/50:hover{color:color-mix(in oklab, var(--color-not-active) 50%, transparent)}
.hover\:text-not-active\/60:hover{color:color-mix(in oklab, var(--color-not-active) 60%, transparent)}
.hover\:text-not-active\/70:hover{color:color-mix(in oklab, var(--color-not-active) 70%, transparent)}
.hover\:text-not-active\/80:hover{color:color-mix(in oklab, var(--color-not-active) 80%, transparent)}
.hover\:text-not-active\/90:hover{color:color-mix(in oklab, var(--color-not-active) 90%, transparent)}
.hover\:text-primary-text\/5:hover{color:color-mix(in oklab, var(--color-primary-text) 5%, transparent)}
.hover\:text-primary-text\/10:hover{color:color-mix(in oklab, var(--color-primary-text) 10%, transparent)}
.hover\:text-primary-text\/15:hover{color:color-mix(in oklab, var(--color-primary-text) 15%, transparent)}
.hover\:text-primary-text\/20:hover{color:color-mix(in oklab, var(--color-primary-text) 20%, transparent)}
.hover\:text-primary-text\/25:hover{color:color-mix(in oklab, var(--color-primary-text) 25%, transparent)}
.hover\:text-primary-text\/30:hover{color:color-mix(in oklab, var(--color-primary-text) 30%, transparent)}
.hover\:text-primary-text\/40:hover{color:color-mix(in oklab, var(--color-primary-text) 40%, transparent)}
.hover\:text-primary-text\/50:hover{color:color-mix(in oklab, var(--color-primary-text) 50%, transparent)}
.hover\:text-primary-text\/60:hover{color:color-mix(in oklab, var(--color-primary-text) 60%, transparent)}
.hover\:text-primary-text\/70:hover{color:color-mix(in oklab, var(--color-primary-text) 70%, transparent)}
.hover\:text-primary-text\/80:hover{color:color-mix(in oklab, var(--color-primary-text) 80%, transparent)}
.hover\:text-primary-text\/90:hover{color:color-mix(in oklab, var(--color-primary-text) 90%, transparent)}
.hover\:text-secondary-text\/5:hover{color:color-mix(in oklab, var(--color-secondary-text) 5%, transparent)}
.hover\:text-secondary-text\/10:hover{color:color-mix(in oklab, var(--color-secondary-text) 10%, transparent)}
.hover\:text-secondary-text\/15:hover{color:color-mix(in oklab, var(--color-secondary-text) 15%, transparent)}
.hover\:text-secondary-text\/20:hover{color:color-mix(in oklab, var(--color-secondary-text) 20%, transparent)}
.hover\:text-secondary-text\/25:hover{color:color-mix(in oklab, var(--color-secondary-text) 25%, transparent)}
.hover\:text-secondary-text\/30:hover{color:color-mix(in oklab, var(--color-secondary-text) 30%, transparent)}
.hover\:text-secondary-text\/40:hover{color:color-mix(in oklab, var(--color-secondary-text) 40%, transparent)}
.hover\:text-secondary-text\/50:hover{color:color-mix(in oklab, var(--color-secondary-text) 50%, transparent)}
.hover\:text-secondary-text\/60:hover{color:color-mix(in oklab, var(--color-secondary-text) 60%, transparent)}
.hover\:text-secondary-text\/70:hover{color:color-mix(in oklab, var(--color-secondary-text) 70%, transparent)}
.hover\:text-secondary-text\/80:hover{color:color-mix(in oklab, var(--color-secondary-text) 80%, transparent)}
.hover\:text-secondary-text\/90:hover{color:color-mix(in oklab, var(--color-secondary-text) 90%, transparent)}
.hover\:text-tertiary-text\/5:hover{color:color-mix(in oklab, var(--color-tertiary-text) 5%, transparent)}
.hover\:text-tertiary-text\/10:hover{color:color-mix(in oklab, var(--color-tertiary-text) 10%, transparent)}
.hover\:text-tertiary-text\/15:hover{color:color-mix(in oklab, var(--color-tertiary-text) 15%, transparent)}
.hover\:text-tertiary-text\/20:hover{color:color-mix(in oklab, var(--color-tertiary-text) 20%, transparent)}
.hover\:text-tertiary-text\/25:hover{color:color-mix(in oklab, var(--color-tertiary-text) 25%, transparent)}
.hover\:text-tertiary-text\/30:hover{color:color-mix(in oklab, var(--color-tertiary-text) 30%, transparent)}
.hover\:text-tertiary-text\/40:hover{color:color-mix(in oklab, var(--color-tertiary-text) 40%, transparent)}
.hover\:text-tertiary-text\/50:hover{color:color-mix(in oklab, var(--color-tertiary-text) 50%, transparent)}
.hover\:text-tertiary-text\/60:hover{color:color-mix(in oklab, var(--color-tertiary-text) 60%, transparent)}
.hover\:text-tertiary-text\/70:hover{color:color-mix(in oklab, var(--color-tertiary-text) 70%, transparent)}
.hover\:text-tertiary-text\/80:hover{color:color-mix(in oklab, var(--color-tertiary-text) 80%, transparent)}
.hover\:text-tertiary-text\/90:hover{color:color-mix(in oklab, var(--color-tertiary-text) 90%, transparent)}
.hover\:text-not-active-text\/5:hover{color:color-mix(in oklab, var(--color-not-active-text) 5%, transparent)}
.hover\:text-not-active-text\/10:hover{color:color-mix(in oklab, var(--color-not-active-text) 10%, transparent)}
.hover\:text-not-active-text\/15:hover{color:color-mix(in oklab, var(--color-not-active-text) 15%, transparent)}
.hover\:text-not-active-text\/20:hover{color:color-mix(in oklab, var(--color-not-active-text) 20%, transparent)}
.hover\:text-not-active-text\/25:hover{color:color-mix(in oklab, var(--color-not-active-text) 25%, transparent)}
.hover\:text-not-active-text\/30:hover{color:color-mix(in oklab, var(--color-not-active-text) 30%, transparent)}
.hover\:text-not-active-text\/40:hover{color:color-mix(in oklab, var(--color-not-active-text) 40%, transparent)}
.hover\:text-not-active-text\/50:hover{color:color-mix(in oklab, var(--color-not-active-text) 50%, transparent)}
.hover\:text-not-active-text\/60:hover{color:color-mix(in oklab, var(--color-not-active-text) 60%, transparent)}
.hover\:text-not-active-text\/70:hover{color:color-mix(in oklab, var(--color-not-active-text) 70%, transparent)}
.hover\:text-not-active-text\/80:hover{color:color-mix(in oklab, var(--color-not-active-text) 80%, transparent)}
.hover\:text-not-active-text\/90:hover{color:color-mix(in oklab, var(--color-not-active-text) 90%, transparent)}
.hover\:text-state-active\/5:hover{color:color-mix(in oklab, var(--color-state-active) 5%, transparent)}
.hover\:text-state-active\/10:hover{color:color-mix(in oklab, var(--color-state-active) 10%, transparent)}
.hover\:text-state-active\/15:hover{color:color-mix(in oklab, var(--color-state-active) 15%, transparent)}
.hover\:text-state-active\/20:hover{color:color-mix(in oklab, var(--color-state-active) 20%, transparent)}
.hover\:text-state-active\/25:hover{color:color-mix(in oklab, var(--color-state-active) 25%, transparent)}
.hover\:text-state-active\/30:hover{color:color-mix(in oklab, var(--color-state-active) 30%, transparent)}
.hover\:text-state-active\/40:hover{color:color-mix(in oklab, var(--color-state-active) 40%, transparent)}
.hover\:text-state-active\/50:hover{color:color-mix(in oklab, var(--color-state-active) 50%, transparent)}
.hover\:text-state-active\/60:hover{color:color-mix(in oklab, var(--color-state-active) 60%, transparent)}
.hover\:text-state-active\/70:hover{color:color-mix(in oklab, var(--color-state-active) 70%, transparent)}
.hover\:text-state-active\/80:hover{color:color-mix(in oklab, var(--color-state-active) 80%, transparent)}
.hover\:text-state-active\/90:hover{color:color-mix(in oklab, var(--color-state-active) 90%, transparent)}
.hover\:text-state-hover\/5:hover{color:color-mix(in oklab, var(--color-state-hover) 5%, transparent)}
.hover\:text-state-hover\/10:hover{color:color-mix(in oklab, var(--color-state-hover) 10%, transparent)}
.hover\:text-state-hover\/15:hover{color:color-mix(in oklab, var(--color-state-hover) 15%, transparent)}
.hover\:text-state-hover\/20:hover{color:color-mix(in oklab, var(--color-state-hover) 20%, transparent)}
.hover\:text-state-hover\/25:hover{color:color-mix(in oklab, var(--color-state-hover) 25%, transparent)}
.hover\:text-state-hover\/30:hover{color:color-mix(in oklab, var(--color-state-hover) 30%, transparent)}
.hover\:text-state-hover\/40:hover{color:color-mix(in oklab, var(--color-state-hover) 40%, transparent)}
.hover\:text-state-hover\/50:hover{color:color-mix(in oklab, var(--color-state-hover) 50%, transparent)}
.hover\:text-state-hover\/60:hover{color:color-mix(in oklab, var(--color-state-hover) 60%, transparent)}
.hover\:text-state-hover\/70:hover{color:color-mix(in oklab, var(--color-state-hover) 70%, transparent)}
.hover\:text-state-hover\/80:hover{color:color-mix(in oklab, var(--color-state-hover) 80%, transparent)}
.hover\:text-state-hover\/90:hover{color:color-mix(in oklab, var(--color-state-hover) 90%, transparent)}
.hover\:text-state-not-active\/5:hover{color:color-mix(in oklab, var(--color-state-not-active) 5%, transparent)}
.hover\:text-state-not-active\/10:hover{color:color-mix(in oklab, var(--color-state-not-active) 10%, transparent)}
.hover\:text-state-not-active\/15:hover{color:color-mix(in oklab, var(--color-state-not-active) 15%, transparent)}
.hover\:text-state-not-active\/20:hover{color:color-mix(in oklab, var(--color-state-not-active) 20%, transparent)}
.hover\:text-state-not-active\/25:hover{color:color-mix(in oklab, var(--color-state-not-active) 25%, transparent)}
.hover\:text-state-not-active\/30:hover{color:color-mix(in oklab, var(--color-state-not-active) 30%, transparent)}
.hover\:text-state-not-active\/40:hover{color:color-mix(in oklab, var(--color-state-not-active) 40%, transparent)}
.hover\:text-state-not-active\/50:hover{color:color-mix(in oklab, var(--color-state-not-active) 50%, transparent)}
.hover\:text-state-not-active\/60:hover{color:color-mix(in oklab, var(--color-state-not-active) 60%, transparent)}
.hover\:text-state-not-active\/70:hover{color:color-mix(in oklab, var(--color-state-not-active) 70%, transparent)}
.hover\:text-state-not-active\/80:hover{color:color-mix(in oklab, var(--color-state-not-active) 80%, transparent)}
.hover\:text-state-not-active\/90:hover{color:color-mix(in oklab, var(--color-state-not-active) 90%, transparent)}
.hover\:text-card-background\/5:hover{color:color-mix(in oklab, var(--color-card-background) 5%, transparent)}
.hover\:text-card-background\/10:hover{color:color-mix(in oklab, var(--color-card-background) 10%, transparent)}
.hover\:text-card-background\/15:hover{color:color-mix(in oklab, var(--color-card-background) 15%, transparent)}
.hover\:text-card-background\/20:hover{color:color-mix(in oklab, var(--color-card-background) 20%, transparent)}
.hover\:text-card-background\/25:hover{color:color-mix(in oklab, var(--color-card-background) 25%, transparent)}
.hover\:text-card-background\/30:hover{color:color-mix(in oklab, var(--color-card-background) 30%, transparent)}
.hover\:text-card-background\/40:hover{color:color-mix(in oklab, var(--color-card-background) 40%, transparent)}
.hover\:text-card-background\/50:hover{color:color-mix(in oklab, var(--color-card-background) 50%, transparent)}
.hover\:text-card-background\/60:hover{color:color-mix(in oklab, var(--color-card-background) 60%, transparent)}
.hover\:text-card-background\/70:hover{color:color-mix(in oklab, var(--color-card-background) 70%, transparent)}
.hover\:text-card-background\/80:hover{color:color-mix(in oklab, var(--color-card-background) 80%, transparent)}
.hover\:text-card-background\/90:hover{color:color-mix(in oklab, var(--color-card-background) 90%, transparent)}
.hover\:text-card-shadow\/5:hover{color:color-mix(in oklab, var(--color-card-shadow) 5%, transparent)}
.hover\:text-card-shadow\/10:hover{color:color-mix(in oklab, var(--color-card-shadow) 10%, transparent)}
.hover\:text-card-shadow\/15:hover{color:color-mix(in oklab, var(--color-card-shadow) 15%, transparent)}
.hover\:text-card-shadow\/20:hover{color:color-mix(in oklab, var(--color-card-shadow) 20%, transparent)}
.hover\:text-card-shadow\/25:hover{color:color-mix(in oklab, var(--color-card-shadow) 25%, transparent)}
.hover\:text-card-shadow\/30:hover{color:color-mix(in oklab, var(--color-card-shadow) 30%, transparent)}
.hover\:text-card-shadow\/40:hover{color:color-mix(in oklab, var(--color-card-shadow) 40%, transparent)}
.hover\:text-card-shadow\/50:hover{color:color-mix(in oklab, var(--color-card-shadow) 50%, transparent)}
.hover\:text-card-shadow\/60:hover{color:color-mix(in oklab, var(--color-card-shadow) 60%, transparent)}
.hover\:text-card-shadow\/70:hover{color:color-mix(in oklab, var(--color-card-shadow) 70%, transparent)}
.hover\:text-card-shadow\/80:hover{color:color-mix(in oklab, var(--color-card-shadow) 80%, transparent)}
.hover\:text-card-shadow\/90:hover{color:color-mix(in oklab, var(--color-card-shadow) 90%, transparent)}
.hover\:text-border\/5:hover{color:color-mix(in oklab, var(--color-border) 5%, transparent)}
.hover\:text-border\/10:hover{color:color-mix(in oklab, var(--color-border) 10%, transparent)}
.hover\:text-border\/15:hover{color:color-mix(in oklab, var(--color-border) 15%, transparent)}
.hover\:text-border\/20:hover{color:color-mix(in oklab, var(--color-border) 20%, transparent)}
.hover\:text-border\/25:hover{color:color-mix(in oklab, var(--color-border) 25%, transparent)}
.hover\:text-border\/30:hover{color:color-mix(in oklab, var(--color-border) 30%, transparent)}
.hover\:text-border\/40:hover{color:color-mix(in oklab, var(--color-border) 40%, transparent)}
.hover\:text-border\/50:hover{color:color-mix(in oklab, var(--color-border) 50%, transparent)}
.hover\:text-border\/60:hover{color:color-mix(in oklab, var(--color-border) 60%, transparent)}
.hover\:text-border\/70:hover{color:color-mix(in oklab, var(--color-border) 70%, transparent)}
.hover\:text-border\/80:hover{color:color-mix(in oklab, var(--color-border) 80%, transparent)}
.hover\:text-border\/90:hover{color:color-mix(in oklab, var(--color-border) 90%, transparent)}
.hover\:text-border-hover\/5:hover{color:color-mix(in oklab, var(--color-border-hover) 5%, transparent)}
.hover\:text-border-hover\/10:hover{color:color-mix(in oklab, var(--color-border-hover) 10%, transparent)}
.hover\:text-border-hover\/15:hover{color:color-mix(in oklab, var(--color-border-hover) 15%, transparent)}
.hover\:text-border-hover\/20:hover{color:color-mix(in oklab, var(--color-border-hover) 20%, transparent)}
.hover\:text-border-hover\/25:hover{color:color-mix(in oklab, var(--color-border-hover) 25%, transparent)}
.hover\:text-border-hover\/30:hover{color:color-mix(in oklab, var(--color-border-hover) 30%, transparent)}
.hover\:text-border-hover\/40:hover{color:color-mix(in oklab, var(--color-border-hover) 40%, transparent)}
.hover\:text-border-hover\/50:hover{color:color-mix(in oklab, var(--color-border-hover) 50%, transparent)}
.hover\:text-border-hover\/60:hover{color:color-mix(in oklab, var(--color-border-hover) 60%, transparent)}
.hover\:text-border-hover\/70:hover{color:color-mix(in oklab, var(--color-border-hover) 70%, transparent)}
.hover\:text-border-hover\/80:hover{color:color-mix(in oklab, var(--color-border-hover) 80%, transparent)}
.hover\:text-border-hover\/90:hover{color:color-mix(in oklab, var(--color-border-hover) 90%, transparent)}
.hover\:text-border-success\/5:hover{color:color-mix(in oklab, var(--color-border-success) 5%, transparent)}
.hover\:text-border-success\/10:hover{color:color-mix(in oklab, var(--color-border-success) 10%, transparent)}
.hover\:text-border-success\/15:hover{color:color-mix(in oklab, var(--color-border-success) 15%, transparent)}
.hover\:text-border-success\/20:hover{color:color-mix(in oklab, var(--color-border-success) 20%, transparent)}
.hover\:text-border-success\/25:hover{color:color-mix(in oklab, var(--color-border-success) 25%, transparent)}
.hover\:text-border-success\/30:hover{color:color-mix(in oklab, var(--color-border-success) 30%, transparent)}
.hover\:text-border-success\/40:hover{color:color-mix(in oklab, var(--color-border-success) 40%, transparent)}
.hover\:text-border-success\/50:hover{color:color-mix(in oklab, var(--color-border-success) 50%, transparent)}
.hover\:text-border-success\/60:hover{color:color-mix(in oklab, var(--color-border-success) 60%, transparent)}
.hover\:text-border-success\/70:hover{color:color-mix(in oklab, var(--color-border-success) 70%, transparent)}
.hover\:text-border-success\/80:hover{color:color-mix(in oklab, var(--color-border-success) 80%, transparent)}
.hover\:text-border-success\/90:hover{color:color-mix(in oklab, var(--color-border-success) 90%, transparent)}
.hover\:text-border-info\/5:hover{color:color-mix(in oklab, var(--color-border-info) 5%, transparent)}
.hover\:text-border-info\/10:hover{color:color-mix(in oklab, var(--color-border-info) 10%, transparent)}
.hover\:text-border-info\/15:hover{color:color-mix(in oklab, var(--color-border-info) 15%, transparent)}
.hover\:text-border-info\/20:hover{color:color-mix(in oklab, var(--color-border-info) 20%, transparent)}
.hover\:text-border-info\/25:hover{color:color-mix(in oklab, var(--color-border-info) 25%, transparent)}
.hover\:text-border-info\/30:hover{color:color-mix(in oklab, var(--color-border-info) 30%, transparent)}
.hover\:text-border-info\/40:hover{color:color-mix(in oklab, var(--color-border-info) 40%, transparent)}
.hover\:text-border-info\/50:hover{color:color-mix(in oklab, var(--color-border-info) 50%, transparent)}
.hover\:text-border-info\/60:hover{color:color-mix(in oklab, var(--color-border-info) 60%, transparent)}
.hover\:text-border-info\/70:hover{color:color-mix(in oklab, var(--color-border-info) 70%, transparent)}
.hover\:text-border-info\/80:hover{color:color-mix(in oklab, var(--color-border-info) 80%, transparent)}
.hover\:text-border-info\/90:hover{color:color-mix(in oklab, var(--color-border-info) 90%, transparent)}
.hover\:text-border-warning\/5:hover{color:color-mix(in oklab, var(--color-border-warning) 5%, transparent)}
.hover\:text-border-warning\/10:hover{color:color-mix(in oklab, var(--color-border-warning) 10%, transparent)}
.hover\:text-border-warning\/15:hover{color:color-mix(in oklab, var(--color-border-warning) 15%, transparent)}
.hover\:text-border-warning\/20:hover{color:color-mix(in oklab, var(--color-border-warning) 20%, transparent)}
.hover\:text-border-warning\/25:hover{color:color-mix(in oklab, var(--color-border-warning) 25%, transparent)}
.hover\:text-border-warning\/30:hover{color:color-mix(in oklab, var(--color-border-warning) 30%, transparent)}
.hover\:text-border-warning\/40:hover{color:color-mix(in oklab, var(--color-border-warning) 40%, transparent)}
.hover\:text-border-warning\/50:hover{color:color-mix(in oklab, var(--color-border-warning) 50%, transparent)}
.hover\:text-border-warning\/60:hover{color:color-mix(in oklab, var(--color-border-warning) 60%, transparent)}
.hover\:text-border-warning\/70:hover{color:color-mix(in oklab, var(--color-border-warning) 70%, transparent)}
.hover\:text-border-warning\/80:hover{color:color-mix(in oklab, var(--color-border-warning) 80%, transparent)}
.hover\:text-border-warning\/90:hover{color:color-mix(in oklab, var(--color-border-warning) 90%, transparent)}
.hover\:text-border-error\/5:hover{color:color-mix(in oklab, var(--color-border-error) 5%, transparent)}
.hover\:text-border-error\/10:hover{color:color-mix(in oklab, var(--color-border-error) 10%, transparent)}
.hover\:text-border-error\/15:hover{color:color-mix(in oklab, var(--color-border-error) 15%, transparent)}
.hover\:text-border-error\/20:hover{color:color-mix(in oklab, var(--color-border-error) 20%, transparent)}
.hover\:text-border-error\/25:hover{color:color-mix(in oklab, var(--color-border-error) 25%, transparent)}
.hover\:text-border-error\/30:hover{color:color-mix(in oklab, var(--color-border-error) 30%, transparent)}
.hover\:text-border-error\/40:hover{color:color-mix(in oklab, var(--color-border-error) 40%, transparent)}
.hover\:text-border-error\/50:hover{color:color-mix(in oklab, var(--color-border-error) 50%, transparent)}
.hover\:text-border-error\/60:hover{color:color-mix(in oklab, var(--color-border-error) 60%, transparent)}
.hover\:text-border-error\/70:hover{color:color-mix(in oklab, var(--color-border-error) 70%, transparent)}
.hover\:text-border-error\/80:hover{color:color-mix(in oklab, var(--color-border-error) 80%, transparent)}
.hover\:text-border-error\/90:hover{color:color-mix(in oklab, var(--color-border-error) 90%, transparent)}
.hover\:text-light-border\/5:hover{color:color-mix(in oklab, var(--color-light-border) 5%, transparent)}
.hover\:text-light-border\/10:hover{color:color-mix(in oklab, var(--color-light-border) 10%, transparent)}
.hover\:text-light-border\/15:hover{color:color-mix(in oklab, var(--color-light-border) 15%, transparent)}
.hover\:text-light-border\/20:hover{color:color-mix(in oklab, var(--color-light-border) 20%, transparent)}
.hover\:text-light-border\/25:hover{color:color-mix(in oklab, var(--color-light-border) 25%, transparent)}
.hover\:text-light-border\/30:hover{color:color-mix(in oklab, var(--color-light-border) 30%, transparent)}
.hover\:text-light-border\/40:hover{color:color-mix(in oklab, var(--color-light-border) 40%, transparent)}
.hover\:text-light-border\/50:hover{color:color-mix(in oklab, var(--color-light-border) 50%, transparent)}
.hover\:text-light-border\/60:hover{color:color-mix(in oklab, var(--color-light-border) 60%, transparent)}
.hover\:text-light-border\/70:hover{color:color-mix(in oklab, var(--color-light-border) 70%, transparent)}
.hover\:text-light-border\/80:hover{color:color-mix(in oklab, var(--color-light-border) 80%, transparent)}
.hover\:text-light-border\/90:hover{color:color-mix(in oklab, var(--color-light-border) 90%, transparent)}
.hover\:text-divider\/5:hover{color:color-mix(in oklab, var(--color-divider) 5%, transparent)}
.hover\:text-divider\/10:hover{color:color-mix(in oklab, var(--color-divider) 10%, transparent)}
.hover\:text-divider\/15:hover{color:color-mix(in oklab, var(--color-divider) 15%, transparent)}
.hover\:text-divider\/20:hover{color:color-mix(in oklab, var(--color-divider) 20%, transparent)}
.hover\:text-divider\/25:hover{color:color-mix(in oklab, var(--color-divider) 25%, transparent)}
.hover\:text-divider\/30:hover{color:color-mix(in oklab, var(--color-divider) 30%, transparent)}
.hover\:text-divider\/40:hover{color:color-mix(in oklab, var(--color-divider) 40%, transparent)}
.hover\:text-divider\/50:hover{color:color-mix(in oklab, var(--color-divider) 50%, transparent)}
.hover\:text-divider\/60:hover{color:color-mix(in oklab, var(--color-divider) 60%, transparent)}
.hover\:text-divider\/70:hover{color:color-mix(in oklab, var(--color-divider) 70%, transparent)}
.hover\:text-divider\/80:hover{color:color-mix(in oklab, var(--color-divider) 80%, transparent)}
.hover\:text-divider\/90:hover{color:color-mix(in oklab, var(--color-divider) 90%, transparent)}
.hover\:text-success\/5:hover{color:color-mix(in oklab, var(--color-success) 5%, transparent)}
.hover\:text-success\/10:hover{color:color-mix(in oklab, var(--color-success) 10%, transparent)}
.hover\:text-success\/15:hover{color:color-mix(in oklab, var(--color-success) 15%, transparent)}
.hover\:text-success\/20:hover{color:color-mix(in oklab, var(--color-success) 20%, transparent)}
.hover\:text-success\/25:hover{color:color-mix(in oklab, var(--color-success) 25%, transparent)}
.hover\:text-success\/30:hover{color:color-mix(in oklab, var(--color-success) 30%, transparent)}
.hover\:text-success\/40:hover{color:color-mix(in oklab, var(--color-success) 40%, transparent)}
.hover\:text-success\/50:hover{color:color-mix(in oklab, var(--color-success) 50%, transparent)}
.hover\:text-success\/60:hover{color:color-mix(in oklab, var(--color-success) 60%, transparent)}
.hover\:text-success\/70:hover{color:color-mix(in oklab, var(--color-success) 70%, transparent)}
.hover\:text-success\/80:hover{color:color-mix(in oklab, var(--color-success) 80%, transparent)}
.hover\:text-success\/90:hover{color:color-mix(in oklab, var(--color-success) 90%, transparent)}
.hover\:text-error\/5:hover{color:color-mix(in oklab, var(--color-error) 5%, transparent)}
.hover\:text-error\/10:hover{color:color-mix(in oklab, var(--color-error) 10%, transparent)}
.hover\:text-error\/15:hover{color:color-mix(in oklab, var(--color-error) 15%, transparent)}
.hover\:text-error\/20:hover{color:color-mix(in oklab, var(--color-error) 20%, transparent)}
.hover\:text-error\/25:hover{color:color-mix(in oklab, var(--color-error) 25%, transparent)}
.hover\:text-error\/30:hover{color:color-mix(in oklab, var(--color-error) 30%, transparent)}
.hover\:text-error\/40:hover{color:color-mix(in oklab, var(--color-error) 40%, transparent)}
.hover\:text-error\/50:hover{color:color-mix(in oklab, var(--color-error) 50%, transparent)}
.hover\:text-error\/60:hover{color:color-mix(in oklab, var(--color-error) 60%, transparent)}
.hover\:text-error\/70:hover{color:color-mix(in oklab, var(--color-error) 70%, transparent)}
.hover\:text-error\/80:hover{color:color-mix(in oklab, var(--color-error) 80%, transparent)}
.hover\:text-error\/90:hover{color:color-mix(in oklab, var(--color-error) 90%, transparent)}
.hover\:text-error-hover\/5:hover{color:color-mix(in oklab, var(--color-error-hover) 5%, transparent)}
.hover\:text-error-hover\/10:hover{color:color-mix(in oklab, var(--color-error-hover) 10%, transparent)}
.hover\:text-error-hover\/15:hover{color:color-mix(in oklab, var(--color-error-hover) 15%, transparent)}
.hover\:text-error-hover\/20:hover{color:color-mix(in oklab, var(--color-error-hover) 20%, transparent)}
.hover\:text-error-hover\/25:hover{color:color-mix(in oklab, var(--color-error-hover) 25%, transparent)}
.hover\:text-error-hover\/30:hover{color:color-mix(in oklab, var(--color-error-hover) 30%, transparent)}
.hover\:text-error-hover\/40:hover{color:color-mix(in oklab, var(--color-error-hover) 40%, transparent)}
.hover\:text-error-hover\/50:hover{color:color-mix(in oklab, var(--color-error-hover) 50%, transparent)}
.hover\:text-error-hover\/60:hover{color:color-mix(in oklab, var(--color-error-hover) 60%, transparent)}
.hover\:text-error-hover\/70:hover{color:color-mix(in oklab, var(--color-error-hover) 70%, transparent)}
.hover\:text-error-hover\/80:hover{color:color-mix(in oklab, var(--color-error-hover) 80%, transparent)}
.hover\:text-error-hover\/90:hover{color:color-mix(in oklab, var(--color-error-hover) 90%, transparent)}
.hover\:text-warning\/5:hover{color:color-mix(in oklab, var(--color-warning) 5%, transparent)}
.hover\:text-warning\/10:hover{color:color-mix(in oklab, var(--color-warning) 10%, transparent)}
.hover\:text-warning\/15:hover{color:color-mix(in oklab, var(--color-warning) 15%, transparent)}
.hover\:text-warning\/20:hover{color:color-mix(in oklab, var(--color-warning) 20%, transparent)}
.hover\:text-warning\/25:hover{color:color-mix(in oklab, var(--color-warning) 25%, transparent)}
.hover\:text-warning\/30:hover{color:color-mix(in oklab, var(--color-warning) 30%, transparent)}
.hover\:text-warning\/40:hover{color:color-mix(in oklab, var(--color-warning) 40%, transparent)}
.hover\:text-warning\/50:hover{color:color-mix(in oklab, var(--color-warning) 50%, transparent)}
.hover\:text-warning\/60:hover{color:color-mix(in oklab, var(--color-warning) 60%, transparent)}
.hover\:text-warning\/70:hover{color:color-mix(in oklab, var(--color-warning) 70%, transparent)}
.hover\:text-warning\/80:hover{color:color-mix(in oklab, var(--color-warning) 80%, transparent)}
.hover\:text-warning\/90:hover{color:color-mix(in oklab, var(--color-warning) 90%, transparent)}
.hover\:text-info\/5:hover{color:color-mix(in oklab, var(--color-info) 5%, transparent)}
.hover\:text-info\/10:hover{color:color-mix(in oklab, var(--color-info) 10%, transparent)}
.hover\:text-info\/15:hover{color:color-mix(in oklab, var(--color-info) 15%, transparent)}
.hover\:text-info\/20:hover{color:color-mix(in oklab, var(--color-info) 20%, transparent)}
.hover\:text-info\/25:hover{color:color-mix(in oklab, var(--color-info) 25%, transparent)}
.hover\:text-info\/30:hover{color:color-mix(in oklab, var(--color-info) 30%, transparent)}
.hover\:text-info\/40:hover{color:color-mix(in oklab, var(--color-info) 40%, transparent)}
.hover\:text-info\/50:hover{color:color-mix(in oklab, var(--color-info) 50%, transparent)}
.hover\:text-info\/60:hover{color:color-mix(in oklab, var(--color-info) 60%, transparent)}
.hover\:text-info\/70:hover{color:color-mix(in oklab, var(--color-info) 70%, transparent)}
.hover\:text-info\/80:hover{color:color-mix(in oklab, var(--color-info) 80%, transparent)}
.hover\:text-info\/90:hover{color:color-mix(in oklab, var(--color-info) 90%, transparent)}
.hover\:text-bg-success\/5:hover{color:color-mix(in oklab, var(--color-bg-success) 5%, transparent)}
.hover\:text-bg-success\/10:hover{color:color-mix(in oklab, var(--color-bg-success) 10%, transparent)}
.hover\:text-bg-success\/15:hover{color:color-mix(in oklab, var(--color-bg-success) 15%, transparent)}
.hover\:text-bg-success\/20:hover{color:color-mix(in oklab, var(--color-bg-success) 20%, transparent)}
.hover\:text-bg-success\/25:hover{color:color-mix(in oklab, var(--color-bg-success) 25%, transparent)}
.hover\:text-bg-success\/30:hover{color:color-mix(in oklab, var(--color-bg-success) 30%, transparent)}
.hover\:text-bg-success\/40:hover{color:color-mix(in oklab, var(--color-bg-success) 40%, transparent)}
.hover\:text-bg-success\/50:hover{color:color-mix(in oklab, var(--color-bg-success) 50%, transparent)}
.hover\:text-bg-success\/60:hover{color:color-mix(in oklab, var(--color-bg-success) 60%, transparent)}
.hover\:text-bg-success\/70:hover{color:color-mix(in oklab, var(--color-bg-success) 70%, transparent)}
.hover\:text-bg-success\/80:hover{color:color-mix(in oklab, var(--color-bg-success) 80%, transparent)}
.hover\:text-bg-success\/90:hover{color:color-mix(in oklab, var(--color-bg-success) 90%, transparent)}
.hover\:text-bg-error\/5:hover{color:color-mix(in oklab, var(--color-bg-error) 5%, transparent)}
.hover\:text-bg-error\/10:hover{color:color-mix(in oklab, var(--color-bg-error) 10%, transparent)}
.hover\:text-bg-error\/15:hover{color:color-mix(in oklab, var(--color-bg-error) 15%, transparent)}
.hover\:text-bg-error\/20:hover{color:color-mix(in oklab, var(--color-bg-error) 20%, transparent)}
.hover\:text-bg-error\/25:hover{color:color-mix(in oklab, var(--color-bg-error) 25%, transparent)}
.hover\:text-bg-error\/30:hover{color:color-mix(in oklab, var(--color-bg-error) 30%, transparent)}
.hover\:text-bg-error\/40:hover{color:color-mix(in oklab, var(--color-bg-error) 40%, transparent)}
.hover\:text-bg-error\/50:hover{color:color-mix(in oklab, var(--color-bg-error) 50%, transparent)}
.hover\:text-bg-error\/60:hover{color:color-mix(in oklab, var(--color-bg-error) 60%, transparent)}
.hover\:text-bg-error\/70:hover{color:color-mix(in oklab, var(--color-bg-error) 70%, transparent)}
.hover\:text-bg-error\/80:hover{color:color-mix(in oklab, var(--color-bg-error) 80%, transparent)}
.hover\:text-bg-error\/90:hover{color:color-mix(in oklab, var(--color-bg-error) 90%, transparent)}
.hover\:text-bg-warning\/5:hover{color:color-mix(in oklab, var(--color-bg-warning) 5%, transparent)}
.hover\:text-bg-warning\/10:hover{color:color-mix(in oklab, var(--color-bg-warning) 10%, transparent)}
.hover\:text-bg-warning\/15:hover{color:color-mix(in oklab, var(--color-bg-warning) 15%, transparent)}
.hover\:text-bg-warning\/20:hover{color:color-mix(in oklab, var(--color-bg-warning) 20%, transparent)}
.hover\:text-bg-warning\/25:hover{color:color-mix(in oklab, var(--color-bg-warning) 25%, transparent)}
.hover\:text-bg-warning\/30:hover{color:color-mix(in oklab, var(--color-bg-warning) 30%, transparent)}
.hover\:text-bg-warning\/40:hover{color:color-mix(in oklab, var(--color-bg-warning) 40%, transparent)}
.hover\:text-bg-warning\/50:hover{color:color-mix(in oklab, var(--color-bg-warning) 50%, transparent)}
.hover\:text-bg-warning\/60:hover{color:color-mix(in oklab, var(--color-bg-warning) 60%, transparent)}
.hover\:text-bg-warning\/70:hover{color:color-mix(in oklab, var(--color-bg-warning) 70%, transparent)}
.hover\:text-bg-warning\/80:hover{color:color-mix(in oklab, var(--color-bg-warning) 80%, transparent)}
.hover\:text-bg-warning\/90:hover{color:color-mix(in oklab, var(--color-bg-warning) 90%, transparent)}
.hover\:text-bg-info\/5:hover{color:color-mix(in oklab, var(--color-bg-info) 5%, transparent)}
.hover\:text-bg-info\/10:hover{color:color-mix(in oklab, var(--color-bg-info) 10%, transparent)}
.hover\:text-bg-info\/15:hover{color:color-mix(in oklab, var(--color-bg-info) 15%, transparent)}
.hover\:text-bg-info\/20:hover{color:color-mix(in oklab, var(--color-bg-info) 20%, transparent)}
.hover\:text-bg-info\/25:hover{color:color-mix(in oklab, var(--color-bg-info) 25%, transparent)}
.hover\:text-bg-info\/30:hover{color:color-mix(in oklab, var(--color-bg-info) 30%, transparent)}
.hover\:text-bg-info\/40:hover{color:color-mix(in oklab, var(--color-bg-info) 40%, transparent)}
.hover\:text-bg-info\/50:hover{color:color-mix(in oklab, var(--color-bg-info) 50%, transparent)}
.hover\:text-bg-info\/60:hover{color:color-mix(in oklab, var(--color-bg-info) 60%, transparent)}
.hover\:text-bg-info\/70:hover{color:color-mix(in oklab, var(--color-bg-info) 70%, transparent)}
.hover\:text-bg-info\/80:hover{color:color-mix(in oklab, var(--color-bg-info) 80%, transparent)}
.hover\:text-bg-info\/90:hover{color:color-mix(in oklab, var(--color-bg-info) 90%, transparent)}
.hover\:text-title-start\/5:hover{color:color-mix(in oklab, var(--color-title-start) 5%, transparent)}
.hover\:text-title-start\/10:hover{color:color-mix(in oklab, var(--color-title-start) 10%, transparent)}
.hover\:text-title-start\/15:hover{color:color-mix(in oklab, var(--color-title-start) 15%, transparent)}
.hover\:text-title-start\/20:hover{color:color-mix(in oklab, var(--color-title-start) 20%, transparent)}
.hover\:text-title-start\/25:hover{color:color-mix(in oklab, var(--color-title-start) 25%, transparent)}
.hover\:text-title-start\/30:hover{color:color-mix(in oklab, var(--color-title-start) 30%, transparent)}
.hover\:text-title-start\/40:hover{color:color-mix(in oklab, var(--color-title-start) 40%, transparent)}
.hover\:text-title-start\/50:hover{color:color-mix(in oklab, var(--color-title-start) 50%, transparent)}
.hover\:text-title-start\/60:hover{color:color-mix(in oklab, var(--color-title-start) 60%, transparent)}
.hover\:text-title-start\/70:hover{color:color-mix(in oklab, var(--color-title-start) 70%, transparent)}
.hover\:text-title-start\/80:hover{color:color-mix(in oklab, var(--color-title-start) 80%, transparent)}
.hover\:text-title-start\/90:hover{color:color-mix(in oklab, var(--color-title-start) 90%, transparent)}
.hover\:text-title-end\/5:hover{color:color-mix(in oklab, var(--color-title-end) 5%, transparent)}
.hover\:text-title-end\/10:hover{color:color-mix(in oklab, var(--color-title-end) 10%, transparent)}
.hover\:text-title-end\/15:hover{color:color-mix(in oklab, var(--color-title-end) 15%, transparent)}
.hover\:text-title-end\/20:hover{color:color-mix(in oklab, var(--color-title-end) 20%, transparent)}
.hover\:text-title-end\/25:hover{color:color-mix(in oklab, var(--color-title-end) 25%, transparent)}
.hover\:text-title-end\/30:hover{color:color-mix(in oklab, var(--color-title-end) 30%, transparent)}
.hover\:text-title-end\/40:hover{color:color-mix(in oklab, var(--color-title-end) 40%, transparent)}
.hover\:text-title-end\/50:hover{color:color-mix(in oklab, var(--color-title-end) 50%, transparent)}
.hover\:text-title-end\/60:hover{color:color-mix(in oklab, var(--color-title-end) 60%, transparent)}
.hover\:text-title-end\/70:hover{color:color-mix(in oklab, var(--color-title-end) 70%, transparent)}
.hover\:text-title-end\/80:hover{color:color-mix(in oklab, var(--color-title-end) 80%, transparent)}
.hover\:text-title-end\/90:hover{color:color-mix(in oklab, var(--color-title-end) 90%, transparent)}
.hover\:text-bg-start\/5:hover{color:color-mix(in oklab, var(--color-bg-start) 5%, transparent)}
.hover\:text-bg-start\/10:hover{color:color-mix(in oklab, var(--color-bg-start) 10%, transparent)}
.hover\:text-bg-start\/15:hover{color:color-mix(in oklab, var(--color-bg-start) 15%, transparent)}
.hover\:text-bg-start\/20:hover{color:color-mix(in oklab, var(--color-bg-start) 20%, transparent)}
.hover\:text-bg-start\/25:hover{color:color-mix(in oklab, var(--color-bg-start) 25%, transparent)}
.hover\:text-bg-start\/30:hover{color:color-mix(in oklab, var(--color-bg-start) 30%, transparent)}
.hover\:text-bg-start\/40:hover{color:color-mix(in oklab, var(--color-bg-start) 40%, transparent)}
.hover\:text-bg-start\/50:hover{color:color-mix(in oklab, var(--color-bg-start) 50%, transparent)}
.hover\:text-bg-start\/60:hover{color:color-mix(in oklab, var(--color-bg-start) 60%, transparent)}
.hover\:text-bg-start\/70:hover{color:color-mix(in oklab, var(--color-bg-start) 70%, transparent)}
.hover\:text-bg-start\/80:hover{color:color-mix(in oklab, var(--color-bg-start) 80%, transparent)}
.hover\:text-bg-start\/90:hover{color:color-mix(in oklab, var(--color-bg-start) 90%, transparent)}
.hover\:text-bg-end\/5:hover{color:color-mix(in oklab, var(--color-bg-end) 5%, transparent)}
.hover\:text-bg-end\/10:hover{color:color-mix(in oklab, var(--color-bg-end) 10%, transparent)}
.hover\:text-bg-end\/15:hover{color:color-mix(in oklab, var(--color-bg-end) 15%, transparent)}
.hover\:text-bg-end\/20:hover{color:color-mix(in oklab, var(--color-bg-end) 20%, transparent)}
.hover\:text-bg-end\/25:hover{color:color-mix(in oklab, var(--color-bg-end) 25%, transparent)}
.hover\:text-bg-end\/30:hover{color:color-mix(in oklab, var(--color-bg-end) 30%, transparent)}
.hover\:text-bg-end\/40:hover{color:color-mix(in oklab, var(--color-bg-end) 40%, transparent)}
.hover\:text-bg-end\/50:hover{color:color-mix(in oklab, var(--color-bg-end) 50%, transparent)}
.hover\:text-bg-end\/60:hover{color:color-mix(in oklab, var(--color-bg-end) 60%, transparent)}
.hover\:text-bg-end\/70:hover{color:color-mix(in oklab, var(--color-bg-end) 70%, transparent)}
.hover\:text-bg-end\/80:hover{color:color-mix(in oklab, var(--color-bg-end) 80%, transparent)}
.hover\:text-bg-end\/90:hover{color:color-mix(in oklab, var(--color-bg-end) 90%, transparent)}
.hover\:text-primary-content\/5:hover{color:color-mix(in oklab, var(--color-primary-content) 5%, transparent)}
.hover\:text-primary-content\/10:hover{color:color-mix(in oklab, var(--color-primary-content) 10%, transparent)}
.hover\:text-primary-content\/15:hover{color:color-mix(in oklab, var(--color-primary-content) 15%, transparent)}
.hover\:text-primary-content\/20:hover{color:color-mix(in oklab, var(--color-primary-content) 20%, transparent)}
.hover\:text-primary-content\/25:hover{color:color-mix(in oklab, var(--color-primary-content) 25%, transparent)}
.hover\:text-primary-content\/30:hover{color:color-mix(in oklab, var(--color-primary-content) 30%, transparent)}
.hover\:text-primary-content\/40:hover{color:color-mix(in oklab, var(--color-primary-content) 40%, transparent)}
.hover\:text-primary-content\/50:hover{color:color-mix(in oklab, var(--color-primary-content) 50%, transparent)}
.hover\:text-primary-content\/60:hover{color:color-mix(in oklab, var(--color-primary-content) 60%, transparent)}
.hover\:text-primary-content\/70:hover{color:color-mix(in oklab, var(--color-primary-content) 70%, transparent)}
.hover\:text-primary-content\/80:hover{color:color-mix(in oklab, var(--color-primary-content) 80%, transparent)}
.hover\:text-primary-content\/90:hover{color:color-mix(in oklab, var(--color-primary-content) 90%, transparent)}
.hover\:text-secondary-content\/5:hover{color:color-mix(in oklab, var(--color-secondary-content) 5%, transparent)}
.hover\:text-secondary-content\/10:hover{color:color-mix(in oklab, var(--color-secondary-content) 10%, transparent)}
.hover\:text-secondary-content\/15:hover{color:color-mix(in oklab, var(--color-secondary-content) 15%, transparent)}
.hover\:text-secondary-content\/20:hover{color:color-mix(in oklab, var(--color-secondary-content) 20%, transparent)}
.hover\:text-secondary-content\/25:hover{color:color-mix(in oklab, var(--color-secondary-content) 25%, transparent)}
.hover\:text-secondary-content\/30:hover{color:color-mix(in oklab, var(--color-secondary-content) 30%, transparent)}
.hover\:text-secondary-content\/40:hover{color:color-mix(in oklab, var(--color-secondary-content) 40%, transparent)}
.hover\:text-secondary-content\/50:hover{color:color-mix(in oklab, var(--color-secondary-content) 50%, transparent)}
.hover\:text-secondary-content\/60:hover{color:color-mix(in oklab, var(--color-secondary-content) 60%, transparent)}
.hover\:text-secondary-content\/70:hover{color:color-mix(in oklab, var(--color-secondary-content) 70%, transparent)}
.hover\:text-secondary-content\/80:hover{color:color-mix(in oklab, var(--color-secondary-content) 80%, transparent)}
.hover\:text-secondary-content\/90:hover{color:color-mix(in oklab, var(--color-secondary-content) 90%, transparent)}
.hover\:text-base-100\/5:hover{color:color-mix(in oklab, var(--color-base-100) 5%, transparent)}
.hover\:text-base-100\/10:hover{color:color-mix(in oklab, var(--color-base-100) 10%, transparent)}
.hover\:text-base-100\/15:hover{color:color-mix(in oklab, var(--color-base-100) 15%, transparent)}
.hover\:text-base-100\/20:hover{color:color-mix(in oklab, var(--color-base-100) 20%, transparent)}
.hover\:text-base-100\/25:hover{color:color-mix(in oklab, var(--color-base-100) 25%, transparent)}
.hover\:text-base-100\/30:hover{color:color-mix(in oklab, var(--color-base-100) 30%, transparent)}
.hover\:text-base-100\/40:hover{color:color-mix(in oklab, var(--color-base-100) 40%, transparent)}
.hover\:text-base-100\/50:hover{color:color-mix(in oklab, var(--color-base-100) 50%, transparent)}
.hover\:text-base-100\/60:hover{color:color-mix(in oklab, var(--color-base-100) 60%, transparent)}
.hover\:text-base-100\/70:hover{color:color-mix(in oklab, var(--color-base-100) 70%, transparent)}
.hover\:text-base-100\/80:hover{color:color-mix(in oklab, var(--color-base-100) 80%, transparent)}
.hover\:text-base-100\/90:hover{color:color-mix(in oklab, var(--color-base-100) 90%, transparent)}
.hover\:text-base-200\/5:hover{color:color-mix(in oklab, var(--color-base-200) 5%, transparent)}
.hover\:text-base-200\/10:hover{color:color-mix(in oklab, var(--color-base-200) 10%, transparent)}
.hover\:text-base-200\/15:hover{color:color-mix(in oklab, var(--color-base-200) 15%, transparent)}
.hover\:text-base-200\/20:hover{color:color-mix(in oklab, var(--color-base-200) 20%, transparent)}
.hover\:text-base-200\/25:hover{color:color-mix(in oklab, var(--color-base-200) 25%, transparent)}
.hover\:text-base-200\/30:hover{color:color-mix(in oklab, var(--color-base-200) 30%, transparent)}
.hover\:text-base-200\/40:hover{color:color-mix(in oklab, var(--color-base-200) 40%, transparent)}
.hover\:text-base-200\/50:hover{color:color-mix(in oklab, var(--color-base-200) 50%, transparent)}
.hover\:text-base-200\/60:hover{color:color-mix(in oklab, var(--color-base-200) 60%, transparent)}
.hover\:text-base-200\/70:hover{color:color-mix(in oklab, var(--color-base-200) 70%, transparent)}
.hover\:text-base-200\/80:hover{color:color-mix(in oklab, var(--color-base-200) 80%, transparent)}
.hover\:text-base-200\/90:hover{color:color-mix(in oklab, var(--color-base-200) 90%, transparent)}
.hover\:text-base-300\/5:hover{color:color-mix(in oklab, var(--color-base-300) 5%, transparent)}
.hover\:text-base-300\/10:hover{color:color-mix(in oklab, var(--color-base-300) 10%, transparent)}
.hover\:text-base-300\/15:hover{color:color-mix(in oklab, var(--color-base-300) 15%, transparent)}
.hover\:text-base-300\/20:hover{color:color-mix(in oklab, var(--color-base-300) 20%, transparent)}
.hover\:text-base-300\/25:hover{color:color-mix(in oklab, var(--color-base-300) 25%, transparent)}
.hover\:text-base-300\/30:hover{color:color-mix(in oklab, var(--color-base-300) 30%, transparent)}
.hover\:text-base-300\/40:hover{color:color-mix(in oklab, var(--color-base-300) 40%, transparent)}
.hover\:text-base-300\/50:hover{color:color-mix(in oklab, var(--color-base-300) 50%, transparent)}
.hover\:text-base-300\/60:hover{color:color-mix(in oklab, var(--color-base-300) 60%, transparent)}
.hover\:text-base-300\/70:hover{color:color-mix(in oklab, var(--color-base-300) 70%, transparent)}
.hover\:text-base-300\/80:hover{color:color-mix(in oklab, var(--color-base-300) 80%, transparent)}
.hover\:text-base-300\/90:hover{color:color-mix(in oklab, var(--color-base-300) 90%, transparent)}
.hover\:text-base-content\/5:hover{color:color-mix(in oklab, var(--color-base-content) 5%, transparent)}
.hover\:text-base-content\/10:hover{color:color-mix(in oklab, var(--color-base-content) 10%, transparent)}
.hover\:text-base-content\/15:hover{color:color-mix(in oklab, var(--color-base-content) 15%, transparent)}
.hover\:text-base-content\/20:hover{color:color-mix(in oklab, var(--color-base-content) 20%, transparent)}
.hover\:text-base-content\/25:hover{color:color-mix(in oklab, var(--color-base-content) 25%, transparent)}
.hover\:text-base-content\/30:hover{color:color-mix(in oklab, var(--color-base-content) 30%, transparent)}
.hover\:text-base-content\/40:hover{color:color-mix(in oklab, var(--color-base-content) 40%, transparent)}
.hover\:text-base-content\/50:hover{color:color-mix(in oklab, var(--color-base-content) 50%, transparent)}
.hover\:text-base-content\/60:hover{color:color-mix(in oklab, var(--color-base-content) 60%, transparent)}
.hover\:text-base-content\/70:hover{color:color-mix(in oklab, var(--color-base-content) 70%, transparent)}
.hover\:text-base-content\/80:hover{color:color-mix(in oklab, var(--color-base-content) 80%, transparent)}
.hover\:text-base-content\/90:hover{color:color-mix(in oklab, var(--color-base-content) 90%, transparent)}
.hover\:text-white\/5:hover{color:color-mix(in oklab, var(--color-white) 5%, transparent)}
.hover\:text-white\/10:hover{color:color-mix(in oklab, var(--color-white) 10%, transparent)}
.hover\:text-white\/15:hover{color:color-mix(in oklab, var(--color-white) 15%, transparent)}
.hover\:text-white\/20:hover{color:color-mix(in oklab, var(--color-white) 20%, transparent)}
.hover\:text-white\/25:hover{color:color-mix(in oklab, var(--color-white) 25%, transparent)}
.hover\:text-white\/30:hover{color:color-mix(in oklab, var(--color-white) 30%, transparent)}
.hover\:text-white\/40:hover{color:color-mix(in oklab, var(--color-white) 40%, transparent)}
.hover\:text-white\/50:hover{color:color-mix(in oklab, var(--color-white) 50%, transparent)}
.hover\:text-white\/60:hover{color:color-mix(in oklab, var(--color-white) 60%, transparent)}
.hover\:text-white\/70:hover{color:color-mix(in oklab, var(--color-white) 70%, transparent)}
.hover\:text-white\/80:hover{color:color-mix(in oklab, var(--color-white) 80%, transparent)}
.hover\:text-white\/90:hover{color:color-mix(in oklab, var(--color-white) 90%, transparent)}
.hover\:text-black\/5:hover{color:color-mix(in oklab, var(--color-black) 5%, transparent)}
.hover\:text-black\/10:hover{color:color-mix(in oklab, var(--color-black) 10%, transparent)}
.hover\:text-black\/15:hover{color:color-mix(in oklab, var(--color-black) 15%, transparent)}
.hover\:text-black\/20:hover{color:color-mix(in oklab, var(--color-black) 20%, transparent)}
.hover\:text-black\/25:hover{color:color-mix(in oklab, var(--color-black) 25%, transparent)}
.hover\:text-black\/30:hover{color:color-mix(in oklab, var(--color-black) 30%, transparent)}
.hover\:text-black\/40:hover{color:color-mix(in oklab, var(--color-black) 40%, transparent)}
.hover\:text-black\/50:hover{color:color-mix(in oklab, var(--color-black) 50%, transparent)}
.hover\:text-black\/60:hover{color:color-mix(in oklab, var(--color-black) 60%, transparent)}
.hover\:text-black\/70:hover{color:color-mix(in oklab, var(--color-black) 70%, transparent)}
.hover\:text-black\/80:hover{color:color-mix(in oklab, var(--color-black) 80%, transparent)}
.hover\:text-black\/90:hover{color:color-mix(in oklab, var(--color-black) 90%, transparent)}
.hover\:border-primary\/5:hover{border-color:color-mix(in oklab, var(--color-primary) 5%, transparent)}
.hover\:border-primary\/10:hover{border-color:color-mix(in oklab, var(--color-primary) 10%, transparent)}
.hover\:border-primary\/15:hover{border-color:color-mix(in oklab, var(--color-primary) 15%, transparent)}
.hover\:border-primary\/20:hover{border-color:color-mix(in oklab, var(--color-primary) 20%, transparent)}
.hover\:border-primary\/25:hover{border-color:color-mix(in oklab, var(--color-primary) 25%, transparent)}
.hover\:border-primary\/30:hover{border-color:color-mix(in oklab, var(--color-primary) 30%, transparent)}
.hover\:border-primary\/40:hover{border-color:color-mix(in oklab, var(--color-primary) 40%, transparent)}
.hover\:border-primary\/50:hover{border-color:color-mix(in oklab, var(--color-primary) 50%, transparent)}
.hover\:border-primary\/60:hover{border-color:color-mix(in oklab, var(--color-primary) 60%, transparent)}
.hover\:border-primary\/70:hover{border-color:color-mix(in oklab, var(--color-primary) 70%, transparent)}
.hover\:border-primary\/80:hover{border-color:color-mix(in oklab, var(--color-primary) 80%, transparent)}
.hover\:border-primary\/90:hover{border-color:color-mix(in oklab, var(--color-primary) 90%, transparent)}
.hover\:border-secondary\/5:hover{border-color:color-mix(in oklab, var(--color-secondary) 5%, transparent)}
.hover\:border-secondary\/10:hover{border-color:color-mix(in oklab, var(--color-secondary) 10%, transparent)}
.hover\:border-secondary\/15:hover{border-color:color-mix(in oklab, var(--color-secondary) 15%, transparent)}
.hover\:border-secondary\/20:hover{border-color:color-mix(in oklab, var(--color-secondary) 20%, transparent)}
.hover\:border-secondary\/25:hover{border-color:color-mix(in oklab, var(--color-secondary) 25%, transparent)}
.hover\:border-secondary\/30:hover{border-color:color-mix(in oklab, var(--color-secondary) 30%, transparent)}
.hover\:border-secondary\/40:hover{border-color:color-mix(in oklab, var(--color-secondary) 40%, transparent)}
.hover\:border-secondary\/50:hover{border-color:color-mix(in oklab, var(--color-secondary) 50%, transparent)}
.hover\:border-secondary\/60:hover{border-color:color-mix(in oklab, var(--color-secondary) 60%, transparent)}
.hover\:border-secondary\/70:hover{border-color:color-mix(in oklab, var(--color-secondary) 70%, transparent)}
.hover\:border-secondary\/80:hover{border-color:color-mix(in oklab, var(--color-secondary) 80%, transparent)}
.hover\:border-secondary\/90:hover{border-color:color-mix(in oklab, var(--color-secondary) 90%, transparent)}
.hover\:border-background\/5:hover{border-color:color-mix(in oklab, var(--color-background) 5%, transparent)}
.hover\:border-background\/10:hover{border-color:color-mix(in oklab, var(--color-background) 10%, transparent)}
.hover\:border-background\/15:hover{border-color:color-mix(in oklab, var(--color-background) 15%, transparent)}
.hover\:border-background\/20:hover{border-color:color-mix(in oklab, var(--color-background) 20%, transparent)}
.hover\:border-background\/25:hover{border-color:color-mix(in oklab, var(--color-background) 25%, transparent)}
.hover\:border-background\/30:hover{border-color:color-mix(in oklab, var(--color-background) 30%, transparent)}
.hover\:border-background\/40:hover{border-color:color-mix(in oklab, var(--color-background) 40%, transparent)}
.hover\:border-background\/50:hover{border-color:color-mix(in oklab, var(--color-background) 50%, transparent)}
.hover\:border-background\/60:hover{border-color:color-mix(in oklab, var(--color-background) 60%, transparent)}
.hover\:border-background\/70:hover{border-color:color-mix(in oklab, var(--color-background) 70%, transparent)}
.hover\:border-background\/80:hover{border-color:color-mix(in oklab, var(--color-background) 80%, transparent)}
.hover\:border-background\/90:hover{border-color:color-mix(in oklab, var(--color-background) 90%, transparent)}
.hover\:border-transparent\/5:hover{border-color:color-mix(in oklab, var(--color-transparent) 5%, transparent)}
.hover\:border-transparent\/10:hover{border-color:color-mix(in oklab, var(--color-transparent) 10%, transparent)}
.hover\:border-transparent\/15:hover{border-color:color-mix(in oklab, var(--color-transparent) 15%, transparent)}
.hover\:border-transparent\/20:hover{border-color:color-mix(in oklab, var(--color-transparent) 20%, transparent)}
.hover\:border-transparent\/25:hover{border-color:color-mix(in oklab, var(--color-transparent) 25%, transparent)}
.hover\:border-transparent\/30:hover{border-color:color-mix(in oklab, var(--color-transparent) 30%, transparent)}
.hover\:border-transparent\/40:hover{border-color:color-mix(in oklab, var(--color-transparent) 40%, transparent)}
.hover\:border-transparent\/50:hover{border-color:color-mix(in oklab, var(--color-transparent) 50%, transparent)}
.hover\:border-transparent\/60:hover{border-color:color-mix(in oklab, var(--color-transparent) 60%, transparent)}
.hover\:border-transparent\/70:hover{border-color:color-mix(in oklab, var(--color-transparent) 70%, transparent)}
.hover\:border-transparent\/80:hover{border-color:color-mix(in oklab, var(--color-transparent) 80%, transparent)}
.hover\:border-transparent\/90:hover{border-color:color-mix(in oklab, var(--color-transparent) 90%, transparent)}
.hover\:border-active\/5:hover{border-color:color-mix(in oklab, var(--color-active) 5%, transparent)}
.hover\:border-active\/10:hover{border-color:color-mix(in oklab, var(--color-active) 10%, transparent)}
.hover\:border-active\/15:hover{border-color:color-mix(in oklab, var(--color-active) 15%, transparent)}
.hover\:border-active\/20:hover{border-color:color-mix(in oklab, var(--color-active) 20%, transparent)}
.hover\:border-active\/25:hover{border-color:color-mix(in oklab, var(--color-active) 25%, transparent)}
.hover\:border-active\/30:hover{border-color:color-mix(in oklab, var(--color-active) 30%, transparent)}
.hover\:border-active\/40:hover{border-color:color-mix(in oklab, var(--color-active) 40%, transparent)}
.hover\:border-active\/50:hover{border-color:color-mix(in oklab, var(--color-active) 50%, transparent)}
.hover\:border-active\/60:hover{border-color:color-mix(in oklab, var(--color-active) 60%, transparent)}
.hover\:border-active\/70:hover{border-color:color-mix(in oklab, var(--color-active) 70%, transparent)}
.hover\:border-active\/80:hover{border-color:color-mix(in oklab, var(--color-active) 80%, transparent)}
.hover\:border-active\/90:hover{border-color:color-mix(in oklab, var(--color-active) 90%, transparent)}
.hover\:border-hover\/5:hover{border-color:color-mix(in oklab, var(--color-hover) 5%, transparent)}
.hover\:border-hover\/10:hover{border-color:color-mix(in oklab, var(--color-hover) 10%, transparent)}
.hover\:border-hover\/15:hover{border-color:color-mix(in oklab, var(--color-hover) 15%, transparent)}
.hover\:border-hover\/20:hover{border-color:color-mix(in oklab, var(--color-hover) 20%, transparent)}
.hover\:border-hover\/25:hover{border-color:color-mix(in oklab, var(--color-hover) 25%, transparent)}
.hover\:border-hover\/30:hover{border-color:color-mix(in oklab, var(--color-hover) 30%, transparent)}
.hover\:border-hover\/40:hover{border-color:color-mix(in oklab, var(--color-hover) 40%, transparent)}
.hover\:border-hover\/50:hover{border-color:color-mix(in oklab, var(--color-hover) 50%, transparent)}
.hover\:border-hover\/60:hover{border-color:color-mix(in oklab, var(--color-hover) 60%, transparent)}
.hover\:border-hover\/70:hover{border-color:color-mix(in oklab, var(--color-hover) 70%, transparent)}
.hover\:border-hover\/80:hover{border-color:color-mix(in oklab, var(--color-hover) 80%, transparent)}
.hover\:border-hover\/90:hover{border-color:color-mix(in oklab, var(--color-hover) 90%, transparent)}
.hover\:border-not-active\/5:hover{border-color:color-mix(in oklab, var(--color-not-active) 5%, transparent)}
.hover\:border-not-active\/10:hover{border-color:color-mix(in oklab, var(--color-not-active) 10%, transparent)}
.hover\:border-not-active\/15:hover{border-color:color-mix(in oklab, var(--color-not-active) 15%, transparent)}
.hover\:border-not-active\/20:hover{border-color:color-mix(in oklab, var(--color-not-active) 20%, transparent)}
.hover\:border-not-active\/25:hover{border-color:color-mix(in oklab, var(--color-not-active) 25%, transparent)}
.hover\:border-not-active\/30:hover{border-color:color-mix(in oklab, var(--color-not-active) 30%, transparent)}
.hover\:border-not-active\/40:hover{border-color:color-mix(in oklab, var(--color-not-active) 40%, transparent)}
.hover\:border-not-active\/50:hover{border-color:color-mix(in oklab, var(--color-not-active) 50%, transparent)}
.hover\:border-not-active\/60:hover{border-color:color-mix(in oklab, var(--color-not-active) 60%, transparent)}
.hover\:border-not-active\/70:hover{border-color:color-mix(in oklab, var(--color-not-active) 70%, transparent)}
.hover\:border-not-active\/80:hover{border-color:color-mix(in oklab, var(--color-not-active) 80%, transparent)}
.hover\:border-not-active\/90:hover{border-color:color-mix(in oklab, var(--color-not-active) 90%, transparent)}
.hover\:border-primary-text\/5:hover{border-color:color-mix(in oklab, var(--color-primary-text) 5%, transparent)}
.hover\:border-primary-text\/10:hover{border-color:color-mix(in oklab, var(--color-primary-text) 10%, transparent)}
.hover\:border-primary-text\/15:hover{border-color:color-mix(in oklab, var(--color-primary-text) 15%, transparent)}
.hover\:border-primary-text\/20:hover{border-color:color-mix(in oklab, var(--color-primary-text) 20%, transparent)}
.hover\:border-primary-text\/25:hover{border-color:color-mix(in oklab, var(--color-primary-text) 25%, transparent)}
.hover\:border-primary-text\/30:hover{border-color:color-mix(in oklab, var(--color-primary-text) 30%, transparent)}
.hover\:border-primary-text\/40:hover{border-color:color-mix(in oklab, var(--color-primary-text) 40%, transparent)}
.hover\:border-primary-text\/50:hover{border-color:color-mix(in oklab, var(--color-primary-text) 50%, transparent)}
.hover\:border-primary-text\/60:hover{border-color:color-mix(in oklab, var(--color-primary-text) 60%, transparent)}
.hover\:border-primary-text\/70:hover{border-color:color-mix(in oklab, var(--color-primary-text) 70%, transparent)}
.hover\:border-primary-text\/80:hover{border-color:color-mix(in oklab, var(--color-primary-text) 80%, transparent)}
.hover\:border-primary-text\/90:hover{border-color:color-mix(in oklab, var(--color-primary-text) 90%, transparent)}
.hover\:border-secondary-text\/5:hover{border-color:color-mix(in oklab, var(--color-secondary-text) 5%, transparent)}
.hover\:border-secondary-text\/10:hover{border-color:color-mix(in oklab, var(--color-secondary-text) 10%, transparent)}
.hover\:border-secondary-text\/15:hover{border-color:color-mix(in oklab, var(--color-secondary-text) 15%, transparent)}
.hover\:border-secondary-text\/20:hover{border-color:color-mix(in oklab, var(--color-secondary-text) 20%, transparent)}
.hover\:border-secondary-text\/25:hover{border-color:color-mix(in oklab, var(--color-secondary-text) 25%, transparent)}
.hover\:border-secondary-text\/30:hover{border-color:color-mix(in oklab, var(--color-secondary-text) 30%, transparent)}
.hover\:border-secondary-text\/40:hover{border-color:color-mix(in oklab, var(--color-secondary-text) 40%, transparent)}
.hover\:border-secondary-text\/50:hover{border-color:color-mix(in oklab, var(--color-secondary-text) 50%, transparent)}
.hover\:border-secondary-text\/60:hover{border-color:color-mix(in oklab, var(--color-secondary-text) 60%, transparent)}
.hover\:border-secondary-text\/70:hover{border-color:color-mix(in oklab, var(--color-secondary-text) 70%, transparent)}
.hover\:border-secondary-text\/80:hover{border-color:color-mix(in oklab, var(--color-secondary-text) 80%, transparent)}
.hover\:border-secondary-text\/90:hover{border-color:color-mix(in oklab, var(--color-secondary-text) 90%, transparent)}
.hover\:border-tertiary-text\/5:hover{border-color:color-mix(in oklab, var(--color-tertiary-text) 5%, transparent)}
.hover\:border-tertiary-text\/10:hover{border-color:color-mix(in oklab, var(--color-tertiary-text) 10%, transparent)}
.hover\:border-tertiary-text\/15:hover{border-color:color-mix(in oklab, var(--color-tertiary-text) 15%, transparent)}
.hover\:border-tertiary-text\/20:hover{border-color:color-mix(in oklab, var(--color-tertiary-text) 20%, transparent)}
.hover\:border-tertiary-text\/25:hover{border-color:color-mix(in oklab, var(--color-tertiary-text) 25%, transparent)}
.hover\:border-tertiary-text\/30:hover{border-color:color-mix(in oklab, var(--color-tertiary-text) 30%, transparent)}
.hover\:border-tertiary-text\/40:hover{border-color:color-mix(in oklab, var(--color-tertiary-text) 40%, transparent)}
.hover\:border-tertiary-text\/50:hover{border-color:color-mix(in oklab, var(--color-tertiary-text) 50%, transparent)}
.hover\:border-tertiary-text\/60:hover{border-color:color-mix(in oklab, var(--color-tertiary-text) 60%, transparent)}
.hover\:border-tertiary-text\/70:hover{border-color:color-mix(in oklab, var(--color-tertiary-text) 70%, transparent)}
.hover\:border-tertiary-text\/80:hover{border-color:color-mix(in oklab, var(--color-tertiary-text) 80%, transparent)}
.hover\:border-tertiary-text\/90:hover{border-color:color-mix(in oklab, var(--color-tertiary-text) 90%, transparent)}
.hover\:border-not-active-text\/5:hover{border-color:color-mix(in oklab, var(--color-not-active-text) 5%, transparent)}
.hover\:border-not-active-text\/10:hover{border-color:color-mix(in oklab, var(--color-not-active-text) 10%, transparent)}
.hover\:border-not-active-text\/15:hover{border-color:color-mix(in oklab, var(--color-not-active-text) 15%, transparent)}
.hover\:border-not-active-text\/20:hover{border-color:color-mix(in oklab, var(--color-not-active-text) 20%, transparent)}
.hover\:border-not-active-text\/25:hover{border-color:color-mix(in oklab, var(--color-not-active-text) 25%, transparent)}
.hover\:border-not-active-text\/30:hover{border-color:color-mix(in oklab, var(--color-not-active-text) 30%, transparent)}
.hover\:border-not-active-text\/40:hover{border-color:color-mix(in oklab, var(--color-not-active-text) 40%, transparent)}
.hover\:border-not-active-text\/50:hover{border-color:color-mix(in oklab, var(--color-not-active-text) 50%, transparent)}
.hover\:border-not-active-text\/60:hover{border-color:color-mix(in oklab, var(--color-not-active-text) 60%, transparent)}
.hover\:border-not-active-text\/70:hover{border-color:color-mix(in oklab, var(--color-not-active-text) 70%, transparent)}
.hover\:border-not-active-text\/80:hover{border-color:color-mix(in oklab, var(--color-not-active-text) 80%, transparent)}
.hover\:border-not-active-text\/90:hover{border-color:color-mix(in oklab, var(--color-not-active-text) 90%, transparent)}
.hover\:border-state-active\/5:hover{border-color:color-mix(in oklab, var(--color-state-active) 5%, transparent)}
.hover\:border-state-active\/10:hover{border-color:color-mix(in oklab, var(--color-state-active) 10%, transparent)}
.hover\:border-state-active\/15:hover{border-color:color-mix(in oklab, var(--color-state-active) 15%, transparent)}
.hover\:border-state-active\/20:hover{border-color:color-mix(in oklab, var(--color-state-active) 20%, transparent)}
.hover\:border-state-active\/25:hover{border-color:color-mix(in oklab, var(--color-state-active) 25%, transparent)}
.hover\:border-state-active\/30:hover{border-color:color-mix(in oklab, var(--color-state-active) 30%, transparent)}
.hover\:border-state-active\/40:hover{border-color:color-mix(in oklab, var(--color-state-active) 40%, transparent)}
.hover\:border-state-active\/50:hover{border-color:color-mix(in oklab, var(--color-state-active) 50%, transparent)}
.hover\:border-state-active\/60:hover{border-color:color-mix(in oklab, var(--color-state-active) 60%, transparent)}
.hover\:border-state-active\/70:hover{border-color:color-mix(in oklab, var(--color-state-active) 70%, transparent)}
.hover\:border-state-active\/80:hover{border-color:color-mix(in oklab, var(--color-state-active) 80%, transparent)}
.hover\:border-state-active\/90:hover{border-color:color-mix(in oklab, var(--color-state-active) 90%, transparent)}
.hover\:border-state-hover\/5:hover{border-color:color-mix(in oklab, var(--color-state-hover) 5%, transparent)}
.hover\:border-state-hover\/10:hover{border-color:color-mix(in oklab, var(--color-state-hover) 10%, transparent)}
.hover\:border-state-hover\/15:hover{border-color:color-mix(in oklab, var(--color-state-hover) 15%, transparent)}
.hover\:border-state-hover\/20:hover{border-color:color-mix(in oklab, var(--color-state-hover) 20%, transparent)}
.hover\:border-state-hover\/25:hover{border-color:color-mix(in oklab, var(--color-state-hover) 25%, transparent)}
.hover\:border-state-hover\/30:hover{border-color:color-mix(in oklab, var(--color-state-hover) 30%, transparent)}
.hover\:border-state-hover\/40:hover{border-color:color-mix(in oklab, var(--color-state-hover) 40%, transparent)}
.hover\:border-state-hover\/50:hover{border-color:color-mix(in oklab, var(--color-state-hover) 50%, transparent)}
.hover\:border-state-hover\/60:hover{border-color:color-mix(in oklab, var(--color-state-hover) 60%, transparent)}
.hover\:border-state-hover\/70:hover{border-color:color-mix(in oklab, var(--color-state-hover) 70%, transparent)}
.hover\:border-state-hover\/80:hover{border-color:color-mix(in oklab, var(--color-state-hover) 80%, transparent)}
.hover\:border-state-hover\/90:hover{border-color:color-mix(in oklab, var(--color-state-hover) 90%, transparent)}
.hover\:border-state-not-active\/5:hover{border-color:color-mix(in oklab, var(--color-state-not-active) 5%, transparent)}
.hover\:border-state-not-active\/10:hover{border-color:color-mix(in oklab, var(--color-state-not-active) 10%, transparent)}
.hover\:border-state-not-active\/15:hover{border-color:color-mix(in oklab, var(--color-state-not-active) 15%, transparent)}
.hover\:border-state-not-active\/20:hover{border-color:color-mix(in oklab, var(--color-state-not-active) 20%, transparent)}
.hover\:border-state-not-active\/25:hover{border-color:color-mix(in oklab, var(--color-state-not-active) 25%, transparent)}
.hover\:border-state-not-active\/30:hover{border-color:color-mix(in oklab, var(--color-state-not-active) 30%, transparent)}
.hover\:border-state-not-active\/40:hover{border-color:color-mix(in oklab, var(--color-state-not-active) 40%, transparent)}
.hover\:border-state-not-active\/50:hover{border-color:color-mix(in oklab, var(--color-state-not-active) 50%, transparent)}
.hover\:border-state-not-active\/60:hover{border-color:color-mix(in oklab, var(--color-state-not-active) 60%, transparent)}
.hover\:border-state-not-active\/70:hover{border-color:color-mix(in oklab, var(--color-state-not-active) 70%, transparent)}
.hover\:border-state-not-active\/80:hover{border-color:color-mix(in oklab, var(--color-state-not-active) 80%, transparent)}
.hover\:border-state-not-active\/90:hover{border-color:color-mix(in oklab, var(--color-state-not-active) 90%, transparent)}
.hover\:border-card-background\/5:hover{border-color:color-mix(in oklab, var(--color-card-background) 5%, transparent)}
.hover\:border-card-background\/10:hover{border-color:color-mix(in oklab, var(--color-card-background) 10%, transparent)}
.hover\:border-card-background\/15:hover{border-color:color-mix(in oklab, var(--color-card-background) 15%, transparent)}
.hover\:border-card-background\/20:hover{border-color:color-mix(in oklab, var(--color-card-background) 20%, transparent)}
.hover\:border-card-background\/25:hover{border-color:color-mix(in oklab, var(--color-card-background) 25%, transparent)}
.hover\:border-card-background\/30:hover{border-color:color-mix(in oklab, var(--color-card-background) 30%, transparent)}
.hover\:border-card-background\/40:hover{border-color:color-mix(in oklab, var(--color-card-background) 40%, transparent)}
.hover\:border-card-background\/50:hover{border-color:color-mix(in oklab, var(--color-card-background) 50%, transparent)}
.hover\:border-card-background\/60:hover{border-color:color-mix(in oklab, var(--color-card-background) 60%, transparent)}
.hover\:border-card-background\/70:hover{border-color:color-mix(in oklab, var(--color-card-background) 70%, transparent)}
.hover\:border-card-background\/80:hover{border-color:color-mix(in oklab, var(--color-card-background) 80%, transparent)}
.hover\:border-card-background\/90:hover{border-color:color-mix(in oklab, var(--color-card-background) 90%, transparent)}
.hover\:border-card-shadow\/5:hover{border-color:color-mix(in oklab, var(--color-card-shadow) 5%, transparent)}
.hover\:border-card-shadow\/10:hover{border-color:color-mix(in oklab, var(--color-card-shadow) 10%, transparent)}
.hover\:border-card-shadow\/15:hover{border-color:color-mix(in oklab, var(--color-card-shadow) 15%, transparent)}
.hover\:border-card-shadow\/20:hover{border-color:color-mix(in oklab, var(--color-card-shadow) 20%, transparent)}
.hover\:border-card-shadow\/25:hover{border-color:color-mix(in oklab, var(--color-card-shadow) 25%, transparent)}
.hover\:border-card-shadow\/30:hover{border-color:color-mix(in oklab, var(--color-card-shadow) 30%, transparent)}
.hover\:border-card-shadow\/40:hover{border-color:color-mix(in oklab, var(--color-card-shadow) 40%, transparent)}
.hover\:border-card-shadow\/50:hover{border-color:color-mix(in oklab, var(--color-card-shadow) 50%, transparent)}
.hover\:border-card-shadow\/60:hover{border-color:color-mix(in oklab, var(--color-card-shadow) 60%, transparent)}
.hover\:border-card-shadow\/70:hover{border-color:color-mix(in oklab, var(--color-card-shadow) 70%, transparent)}
.hover\:border-card-shadow\/80:hover{border-color:color-mix(in oklab, var(--color-card-shadow) 80%, transparent)}
.hover\:border-card-shadow\/90:hover{border-color:color-mix(in oklab, var(--color-card-shadow) 90%, transparent)}
.hover\:border-border\/5:hover{border-color:color-mix(in oklab, var(--color-border) 5%, transparent)}
.hover\:border-border\/10:hover{border-color:color-mix(in oklab, var(--color-border) 10%, transparent)}
.hover\:border-border\/15:hover{border-color:color-mix(in oklab, var(--color-border) 15%, transparent)}
.hover\:border-border\/20:hover{border-color:color-mix(in oklab, var(--color-border) 20%, transparent)}
.hover\:border-border\/25:hover{border-color:color-mix(in oklab, var(--color-border) 25%, transparent)}
.hover\:border-border\/30:hover{border-color:color-mix(in oklab, var(--color-border) 30%, transparent)}
.hover\:border-border\/40:hover{border-color:color-mix(in oklab, var(--color-border) 40%, transparent)}
.hover\:border-border\/50:hover{border-color:color-mix(in oklab, var(--color-border) 50%, transparent)}
.hover\:border-border\/60:hover{border-color:color-mix(in oklab, var(--color-border) 60%, transparent)}
.hover\:border-border\/70:hover{border-color:color-mix(in oklab, var(--color-border) 70%, transparent)}
.hover\:border-border\/80:hover{border-color:color-mix(in oklab, var(--color-border) 80%, transparent)}
.hover\:border-border\/90:hover{border-color:color-mix(in oklab, var(--color-border) 90%, transparent)}
.hover\:border-border-hover\/5:hover{border-color:color-mix(in oklab, var(--color-border-hover) 5%, transparent)}
.hover\:border-border-hover\/10:hover{border-color:color-mix(in oklab, var(--color-border-hover) 10%, transparent)}
.hover\:border-border-hover\/15:hover{border-color:color-mix(in oklab, var(--color-border-hover) 15%, transparent)}
.hover\:border-border-hover\/20:hover{border-color:color-mix(in oklab, var(--color-border-hover) 20%, transparent)}
.hover\:border-border-hover\/25:hover{border-color:color-mix(in oklab, var(--color-border-hover) 25%, transparent)}
.hover\:border-border-hover\/30:hover{border-color:color-mix(in oklab, var(--color-border-hover) 30%, transparent)}
.hover\:border-border-hover\/40:hover{border-color:color-mix(in oklab, var(--color-border-hover) 40%, transparent)}
.hover\:border-border-hover\/50:hover{border-color:color-mix(in oklab, var(--color-border-hover) 50%, transparent)}
.hover\:border-border-hover\/60:hover{border-color:color-mix(in oklab, var(--color-border-hover) 60%, transparent)}
.hover\:border-border-hover\/70:hover{border-color:color-mix(in oklab, var(--color-border-hover) 70%, transparent)}
.hover\:border-border-hover\/80:hover{border-color:color-mix(in oklab, var(--color-border-hover) 80%, transparent)}
.hover\:border-border-hover\/90:hover{border-color:color-mix(in oklab, var(--color-border-hover) 90%, transparent)}
.hover\:border-border-success\/5:hover{border-color:color-mix(in oklab, var(--color-border-success) 5%, transparent)}
.hover\:border-border-success\/10:hover{border-color:color-mix(in oklab, var(--color-border-success) 10%, transparent)}
.hover\:border-border-success\/15:hover{border-color:color-mix(in oklab, var(--color-border-success) 15%, transparent)}
.hover\:border-border-success\/20:hover{border-color:color-mix(in oklab, var(--color-border-success) 20%, transparent)}
.hover\:border-border-success\/25:hover{border-color:color-mix(in oklab, var(--color-border-success) 25%, transparent)}
.hover\:border-border-success\/30:hover{border-color:color-mix(in oklab, var(--color-border-success) 30%, transparent)}
.hover\:border-border-success\/40:hover{border-color:color-mix(in oklab, var(--color-border-success) 40%, transparent)}
.hover\:border-border-success\/50:hover{border-color:color-mix(in oklab, var(--color-border-success) 50%, transparent)}
.hover\:border-border-success\/60:hover{border-color:color-mix(in oklab, var(--color-border-success) 60%, transparent)}
.hover\:border-border-success\/70:hover{border-color:color-mix(in oklab, var(--color-border-success) 70%, transparent)}
.hover\:border-border-success\/80:hover{border-color:color-mix(in oklab, var(--color-border-success) 80%, transparent)}
.hover\:border-border-success\/90:hover{border-color:color-mix(in oklab, var(--color-border-success) 90%, transparent)}
.hover\:border-border-info\/5:hover{border-color:color-mix(in oklab, var(--color-border-info) 5%, transparent)}
.hover\:border-border-info\/10:hover{border-color:color-mix(in oklab, var(--color-border-info) 10%, transparent)}
.hover\:border-border-info\/15:hover{border-color:color-mix(in oklab, var(--color-border-info) 15%, transparent)}
.hover\:border-border-info\/20:hover{border-color:color-mix(in oklab, var(--color-border-info) 20%, transparent)}
.hover\:border-border-info\/25:hover{border-color:color-mix(in oklab, var(--color-border-info) 25%, transparent)}
.hover\:border-border-info\/30:hover{border-color:color-mix(in oklab, var(--color-border-info) 30%, transparent)}
.hover\:border-border-info\/40:hover{border-color:color-mix(in oklab, var(--color-border-info) 40%, transparent)}
.hover\:border-border-info\/50:hover{border-color:color-mix(in oklab, var(--color-border-info) 50%, transparent)}
.hover\:border-border-info\/60:hover{border-color:color-mix(in oklab, var(--color-border-info) 60%, transparent)}
.hover\:border-border-info\/70:hover{border-color:color-mix(in oklab, var(--color-border-info) 70%, transparent)}
.hover\:border-border-info\/80:hover{border-color:color-mix(in oklab, var(--color-border-info) 80%, transparent)}
.hover\:border-border-info\/90:hover{border-color:color-mix(in oklab, var(--color-border-info) 90%, transparent)}
.hover\:border-border-warning\/5:hover{border-color:color-mix(in oklab, var(--color-border-warning) 5%, transparent)}
.hover\:border-border-warning\/10:hover{border-color:color-mix(in oklab, var(--color-border-warning) 10%, transparent)}
.hover\:border-border-warning\/15:hover{border-color:color-mix(in oklab, var(--color-border-warning) 15%, transparent)}
.hover\:border-border-warning\/20:hover{border-color:color-mix(in oklab, var(--color-border-warning) 20%, transparent)}
.hover\:border-border-warning\/25:hover{border-color:color-mix(in oklab, var(--color-border-warning) 25%, transparent)}
.hover\:border-border-warning\/30:hover{border-color:color-mix(in oklab, var(--color-border-warning) 30%, transparent)}
.hover\:border-border-warning\/40:hover{border-color:color-mix(in oklab, var(--color-border-warning) 40%, transparent)}
.hover\:border-border-warning\/50:hover{border-color:color-mix(in oklab, var(--color-border-warning) 50%, transparent)}
.hover\:border-border-warning\/60:hover{border-color:color-mix(in oklab, var(--color-border-warning) 60%, transparent)}
.hover\:border-border-warning\/70:hover{border-color:color-mix(in oklab, var(--color-border-warning) 70%, transparent)}
.hover\:border-border-warning\/80:hover{border-color:color-mix(in oklab, var(--color-border-warning) 80%, transparent)}
.hover\:border-border-warning\/90:hover{border-color:color-mix(in oklab, var(--color-border-warning) 90%, transparent)}
.hover\:border-border-error\/5:hover{border-color:color-mix(in oklab, var(--color-border-error) 5%, transparent)}
.hover\:border-border-error\/10:hover{border-color:color-mix(in oklab, var(--color-border-error) 10%, transparent)}
.hover\:border-border-error\/15:hover{border-color:color-mix(in oklab, var(--color-border-error) 15%, transparent)}
.hover\:border-border-error\/20:hover{border-color:color-mix(in oklab, var(--color-border-error) 20%, transparent)}
.hover\:border-border-error\/25:hover{border-color:color-mix(in oklab, var(--color-border-error) 25%, transparent)}
.hover\:border-border-error\/30:hover{border-color:color-mix(in oklab, var(--color-border-error) 30%, transparent)}
.hover\:border-border-error\/40:hover{border-color:color-mix(in oklab, var(--color-border-error) 40%, transparent)}
.hover\:border-border-error\/50:hover{border-color:color-mix(in oklab, var(--color-border-error) 50%, transparent)}
.hover\:border-border-error\/60:hover{border-color:color-mix(in oklab, var(--color-border-error) 60%, transparent)}
.hover\:border-border-error\/70:hover{border-color:color-mix(in oklab, var(--color-border-error) 70%, transparent)}
.hover\:border-border-error\/80:hover{border-color:color-mix(in oklab, var(--color-border-error) 80%, transparent)}
.hover\:border-border-error\/90:hover{border-color:color-mix(in oklab, var(--color-border-error) 90%, transparent)}
.hover\:border-light-border\/5:hover{border-color:color-mix(in oklab, var(--color-light-border) 5%, transparent)}
.hover\:border-light-border\/10:hover{border-color:color-mix(in oklab, var(--color-light-border) 10%, transparent)}
.hover\:border-light-border\/15:hover{border-color:color-mix(in oklab, var(--color-light-border) 15%, transparent)}
.hover\:border-light-border\/20:hover{border-color:color-mix(in oklab, var(--color-light-border) 20%, transparent)}
.hover\:border-light-border\/25:hover{border-color:color-mix(in oklab, var(--color-light-border) 25%, transparent)}
.hover\:border-light-border\/30:hover{border-color:color-mix(in oklab, var(--color-light-border) 30%, transparent)}
.hover\:border-light-border\/40:hover{border-color:color-mix(in oklab, var(--color-light-border) 40%, transparent)}
.hover\:border-light-border\/50:hover{border-color:color-mix(in oklab, var(--color-light-border) 50%, transparent)}
.hover\:border-light-border\/60:hover{border-color:color-mix(in oklab, var(--color-light-border) 60%, transparent)}
.hover\:border-light-border\/70:hover{border-color:color-mix(in oklab, var(--color-light-border) 70%, transparent)}
.hover\:border-light-border\/80:hover{border-color:color-mix(in oklab, var(--color-light-border) 80%, transparent)}
.hover\:border-light-border\/90:hover{border-color:color-mix(in oklab, var(--color-light-border) 90%, transparent)}
.hover\:border-divider\/5:hover{border-color:color-mix(in oklab, var(--color-divider) 5%, transparent)}
.hover\:border-divider\/10:hover{border-color:color-mix(in oklab, var(--color-divider) 10%, transparent)}
.hover\:border-divider\/15:hover{border-color:color-mix(in oklab, var(--color-divider) 15%, transparent)}
.hover\:border-divider\/20:hover{border-color:color-mix(in oklab, var(--color-divider) 20%, transparent)}
.hover\:border-divider\/25:hover{border-color:color-mix(in oklab, var(--color-divider) 25%, transparent)}
.hover\:border-divider\/30:hover{border-color:color-mix(in oklab, var(--color-divider) 30%, transparent)}
.hover\:border-divider\/40:hover{border-color:color-mix(in oklab, var(--color-divider) 40%, transparent)}
.hover\:border-divider\/50:hover{border-color:color-mix(in oklab, var(--color-divider) 50%, transparent)}
.hover\:border-divider\/60:hover{border-color:color-mix(in oklab, var(--color-divider) 60%, transparent)}
.hover\:border-divider\/70:hover{border-color:color-mix(in oklab, var(--color-divider) 70%, transparent)}
.hover\:border-divider\/80:hover{border-color:color-mix(in oklab, var(--color-divider) 80%, transparent)}
.hover\:border-divider\/90:hover{border-color:color-mix(in oklab, var(--color-divider) 90%, transparent)}
.hover\:border-success\/5:hover{border-color:color-mix(in oklab, var(--color-success) 5%, transparent)}
.hover\:border-success\/10:hover{border-color:color-mix(in oklab, var(--color-success) 10%, transparent)}
.hover\:border-success\/15:hover{border-color:color-mix(in oklab, var(--color-success) 15%, transparent)}
.hover\:border-success\/20:hover{border-color:color-mix(in oklab, var(--color-success) 20%, transparent)}
.hover\:border-success\/25:hover{border-color:color-mix(in oklab, var(--color-success) 25%, transparent)}
.hover\:border-success\/30:hover{border-color:color-mix(in oklab, var(--color-success) 30%, transparent)}
.hover\:border-success\/40:hover{border-color:color-mix(in oklab, var(--color-success) 40%, transparent)}
.hover\:border-success\/50:hover{border-color:color-mix(in oklab, var(--color-success) 50%, transparent)}
.hover\:border-success\/60:hover{border-color:color-mix(in oklab, var(--color-success) 60%, transparent)}
.hover\:border-success\/70:hover{border-color:color-mix(in oklab, var(--color-success) 70%, transparent)}
.hover\:border-success\/80:hover{border-color:color-mix(in oklab, var(--color-success) 80%, transparent)}
.hover\:border-success\/90:hover{border-color:color-mix(in oklab, var(--color-success) 90%, transparent)}
.hover\:border-error\/5:hover{border-color:color-mix(in oklab, var(--color-error) 5%, transparent)}
.hover\:border-error\/10:hover{border-color:color-mix(in oklab, var(--color-error) 10%, transparent)}
.hover\:border-error\/15:hover{border-color:color-mix(in oklab, var(--color-error) 15%, transparent)}
.hover\:border-error\/20:hover{border-color:color-mix(in oklab, var(--color-error) 20%, transparent)}
.hover\:border-error\/25:hover{border-color:color-mix(in oklab, var(--color-error) 25%, transparent)}
.hover\:border-error\/30:hover{border-color:color-mix(in oklab, var(--color-error) 30%, transparent)}
.hover\:border-error\/40:hover{border-color:color-mix(in oklab, var(--color-error) 40%, transparent)}
.hover\:border-error\/50:hover{border-color:color-mix(in oklab, var(--color-error) 50%, transparent)}
.hover\:border-error\/60:hover{border-color:color-mix(in oklab, var(--color-error) 60%, transparent)}
.hover\:border-error\/70:hover{border-color:color-mix(in oklab, var(--color-error) 70%, transparent)}
.hover\:border-error\/80:hover{border-color:color-mix(in oklab, var(--color-error) 80%, transparent)}
.hover\:border-error\/90:hover{border-color:color-mix(in oklab, var(--color-error) 90%, transparent)}
.hover\:border-error-hover\/5:hover{border-color:color-mix(in oklab, var(--color-error-hover) 5%, transparent)}
.hover\:border-error-hover\/10:hover{border-color:color-mix(in oklab, var(--color-error-hover) 10%, transparent)}
.hover\:border-error-hover\/15:hover{border-color:color-mix(in oklab, var(--color-error-hover) 15%, transparent)}
.hover\:border-error-hover\/20:hover{border-color:color-mix(in oklab, var(--color-error-hover) 20%, transparent)}
.hover\:border-error-hover\/25:hover{border-color:color-mix(in oklab, var(--color-error-hover) 25%, transparent)}
.hover\:border-error-hover\/30:hover{border-color:color-mix(in oklab, var(--color-error-hover) 30%, transparent)}
.hover\:border-error-hover\/40:hover{border-color:color-mix(in oklab, var(--color-error-hover) 40%, transparent)}
.hover\:border-error-hover\/50:hover{border-color:color-mix(in oklab, var(--color-error-hover) 50%, transparent)}
.hover\:border-error-hover\/60:hover{border-color:color-mix(in oklab, var(--color-error-hover) 60%, transparent)}
.hover\:border-error-hover\/70:hover{border-color:color-mix(in oklab, var(--color-error-hover) 70%, transparent)}
.hover\:border-error-hover\/80:hover{border-color:color-mix(in oklab, var(--color-error-hover) 80%, transparent)}
.hover\:border-error-hover\/90:hover{border-color:color-mix(in oklab, var(--color-error-hover) 90%, transparent)}
.hover\:border-warning\/5:hover{border-color:color-mix(in oklab, var(--color-warning) 5%, transparent)}
.hover\:border-warning\/10:hover{border-color:color-mix(in oklab, var(--color-warning) 10%, transparent)}
.hover\:border-warning\/15:hover{border-color:color-mix(in oklab, var(--color-warning) 15%, transparent)}
.hover\:border-warning\/20:hover{border-color:color-mix(in oklab, var(--color-warning) 20%, transparent)}
.hover\:border-warning\/25:hover{border-color:color-mix(in oklab, var(--color-warning) 25%, transparent)}
.hover\:border-warning\/30:hover{border-color:color-mix(in oklab, var(--color-warning) 30%, transparent)}
.hover\:border-warning\/40:hover{border-color:color-mix(in oklab, var(--color-warning) 40%, transparent)}
.hover\:border-warning\/50:hover{border-color:color-mix(in oklab, var(--color-warning) 50%, transparent)}
.hover\:border-warning\/60:hover{border-color:color-mix(in oklab, var(--color-warning) 60%, transparent)}
.hover\:border-warning\/70:hover{border-color:color-mix(in oklab, var(--color-warning) 70%, transparent)}
.hover\:border-warning\/80:hover{border-color:color-mix(in oklab, var(--color-warning) 80%, transparent)}
.hover\:border-warning\/90:hover{border-color:color-mix(in oklab, var(--color-warning) 90%, transparent)}
.hover\:border-info\/5:hover{border-color:color-mix(in oklab, var(--color-info) 5%, transparent)}
.hover\:border-info\/10:hover{border-color:color-mix(in oklab, var(--color-info) 10%, transparent)}
.hover\:border-info\/15:hover{border-color:color-mix(in oklab, var(--color-info) 15%, transparent)}
.hover\:border-info\/20:hover{border-color:color-mix(in oklab, var(--color-info) 20%, transparent)}
.hover\:border-info\/25:hover{border-color:color-mix(in oklab, var(--color-info) 25%, transparent)}
.hover\:border-info\/30:hover{border-color:color-mix(in oklab, var(--color-info) 30%, transparent)}
.hover\:border-info\/40:hover{border-color:color-mix(in oklab, var(--color-info) 40%, transparent)}
.hover\:border-info\/50:hover{border-color:color-mix(in oklab, var(--color-info) 50%, transparent)}
.hover\:border-info\/60:hover{border-color:color-mix(in oklab, var(--color-info) 60%, transparent)}
.hover\:border-info\/70:hover{border-color:color-mix(in oklab, var(--color-info) 70%, transparent)}
.hover\:border-info\/80:hover{border-color:color-mix(in oklab, var(--color-info) 80%, transparent)}
.hover\:border-info\/90:hover{border-color:color-mix(in oklab, var(--color-info) 90%, transparent)}
.hover\:border-bg-success\/5:hover{border-color:color-mix(in oklab, var(--color-bg-success) 5%, transparent)}
.hover\:border-bg-success\/10:hover{border-color:color-mix(in oklab, var(--color-bg-success) 10%, transparent)}
.hover\:border-bg-success\/15:hover{border-color:color-mix(in oklab, var(--color-bg-success) 15%, transparent)}
.hover\:border-bg-success\/20:hover{border-color:color-mix(in oklab, var(--color-bg-success) 20%, transparent)}
.hover\:border-bg-success\/25:hover{border-color:color-mix(in oklab, var(--color-bg-success) 25%, transparent)}
.hover\:border-bg-success\/30:hover{border-color:color-mix(in oklab, var(--color-bg-success) 30%, transparent)}
.hover\:border-bg-success\/40:hover{border-color:color-mix(in oklab, var(--color-bg-success) 40%, transparent)}
.hover\:border-bg-success\/50:hover{border-color:color-mix(in oklab, var(--color-bg-success) 50%, transparent)}
.hover\:border-bg-success\/60:hover{border-color:color-mix(in oklab, var(--color-bg-success) 60%, transparent)}
.hover\:border-bg-success\/70:hover{border-color:color-mix(in oklab, var(--color-bg-success) 70%, transparent)}
.hover\:border-bg-success\/80:hover{border-color:color-mix(in oklab, var(--color-bg-success) 80%, transparent)}
.hover\:border-bg-success\/90:hover{border-color:color-mix(in oklab, var(--color-bg-success) 90%, transparent)}
.hover\:border-bg-error\/5:hover{border-color:color-mix(in oklab, var(--color-bg-error) 5%, transparent)}
.hover\:border-bg-error\/10:hover{border-color:color-mix(in oklab, var(--color-bg-error) 10%, transparent)}
.hover\:border-bg-error\/15:hover{border-color:color-mix(in oklab, var(--color-bg-error) 15%, transparent)}
.hover\:border-bg-error\/20:hover{border-color:color-mix(in oklab, var(--color-bg-error) 20%, transparent)}
.hover\:border-bg-error\/25:hover{border-color:color-mix(in oklab, var(--color-bg-error) 25%, transparent)}
.hover\:border-bg-error\/30:hover{border-color:color-mix(in oklab, var(--color-bg-error) 30%, transparent)}
.hover\:border-bg-error\/40:hover{border-color:color-mix(in oklab, var(--color-bg-error) 40%, transparent)}
.hover\:border-bg-error\/50:hover{border-color:color-mix(in oklab, var(--color-bg-error) 50%, transparent)}
.hover\:border-bg-error\/60:hover{border-color:color-mix(in oklab, var(--color-bg-error) 60%, transparent)}
.hover\:border-bg-error\/70:hover{border-color:color-mix(in oklab, var(--color-bg-error) 70%, transparent)}
.hover\:border-bg-error\/80:hover{border-color:color-mix(in oklab, var(--color-bg-error) 80%, transparent)}
.hover\:border-bg-error\/90:hover{border-color:color-mix(in oklab, var(--color-bg-error) 90%, transparent)}
.hover\:border-bg-warning\/5:hover{border-color:color-mix(in oklab, var(--color-bg-warning) 5%, transparent)}
.hover\:border-bg-warning\/10:hover{border-color:color-mix(in oklab, var(--color-bg-warning) 10%, transparent)}
.hover\:border-bg-warning\/15:hover{border-color:color-mix(in oklab, var(--color-bg-warning) 15%, transparent)}
.hover\:border-bg-warning\/20:hover{border-color:color-mix(in oklab, var(--color-bg-warning) 20%, transparent)}
.hover\:border-bg-warning\/25:hover{border-color:color-mix(in oklab, var(--color-bg-warning) 25%, transparent)}
.hover\:border-bg-warning\/30:hover{border-color:color-mix(in oklab, var(--color-bg-warning) 30%, transparent)}
.hover\:border-bg-warning\/40:hover{border-color:color-mix(in oklab, var(--color-bg-warning) 40%, transparent)}
.hover\:border-bg-warning\/50:hover{border-color:color-mix(in oklab, var(--color-bg-warning) 50%, transparent)}
.hover\:border-bg-warning\/60:hover{border-color:color-mix(in oklab, var(--color-bg-warning) 60%, transparent)}
.hover\:border-bg-warning\/70:hover{border-color:color-mix(in oklab, var(--color-bg-warning) 70%, transparent)}
.hover\:border-bg-warning\/80:hover{border-color:color-mix(in oklab, var(--color-bg-warning) 80%, transparent)}
.hover\:border-bg-warning\/90:hover{border-color:color-mix(in oklab, var(--color-bg-warning) 90%, transparent)}
.hover\:border-bg-info\/5:hover{border-color:color-mix(in oklab, var(--color-bg-info) 5%, transparent)}
.hover\:border-bg-info\/10:hover{border-color:color-mix(in oklab, var(--color-bg-info) 10%, transparent)}
.hover\:border-bg-info\/15:hover{border-color:color-mix(in oklab, var(--color-bg-info) 15%, transparent)}
.hover\:border-bg-info\/20:hover{border-color:color-mix(in oklab, var(--color-bg-info) 20%, transparent)}
.hover\:border-bg-info\/25:hover{border-color:color-mix(in oklab, var(--color-bg-info) 25%, transparent)}
.hover\:border-bg-info\/30:hover{border-color:color-mix(in oklab, var(--color-bg-info) 30%, transparent)}
.hover\:border-bg-info\/40:hover{border-color:color-mix(in oklab, var(--color-bg-info) 40%, transparent)}
.hover\:border-bg-info\/50:hover{border-color:color-mix(in oklab, var(--color-bg-info) 50%, transparent)}
.hover\:border-bg-info\/60:hover{border-color:color-mix(in oklab, var(--color-bg-info) 60%, transparent)}
.hover\:border-bg-info\/70:hover{border-color:color-mix(in oklab, var(--color-bg-info) 70%, transparent)}
.hover\:border-bg-info\/80:hover{border-color:color-mix(in oklab, var(--color-bg-info) 80%, transparent)}
.hover\:border-bg-info\/90:hover{border-color:color-mix(in oklab, var(--color-bg-info) 90%, transparent)}
.hover\:border-title-start\/5:hover{border-color:color-mix(in oklab, var(--color-title-start) 5%, transparent)}
.hover\:border-title-start\/10:hover{border-color:color-mix(in oklab, var(--color-title-start) 10%, transparent)}
.hover\:border-title-start\/15:hover{border-color:color-mix(in oklab, var(--color-title-start) 15%, transparent)}
.hover\:border-title-start\/20:hover{border-color:color-mix(in oklab, var(--color-title-start) 20%, transparent)}
.hover\:border-title-start\/25:hover{border-color:color-mix(in oklab, var(--color-title-start) 25%, transparent)}
.hover\:border-title-start\/30:hover{border-color:color-mix(in oklab, var(--color-title-start) 30%, transparent)}
.hover\:border-title-start\/40:hover{border-color:color-mix(in oklab, var(--color-title-start) 40%, transparent)}
.hover\:border-title-start\/50:hover{border-color:color-mix(in oklab, var(--color-title-start) 50%, transparent)}
.hover\:border-title-start\/60:hover{border-color:color-mix(in oklab, var(--color-title-start) 60%, transparent)}
.hover\:border-title-start\/70:hover{border-color:color-mix(in oklab, var(--color-title-start) 70%, transparent)}
.hover\:border-title-start\/80:hover{border-color:color-mix(in oklab, var(--color-title-start) 80%, transparent)}
.hover\:border-title-start\/90:hover{border-color:color-mix(in oklab, var(--color-title-start) 90%, transparent)}
.hover\:border-title-end\/5:hover{border-color:color-mix(in oklab, var(--color-title-end) 5%, transparent)}
.hover\:border-title-end\/10:hover{border-color:color-mix(in oklab, var(--color-title-end) 10%, transparent)}
.hover\:border-title-end\/15:hover{border-color:color-mix(in oklab, var(--color-title-end) 15%, transparent)}
.hover\:border-title-end\/20:hover{border-color:color-mix(in oklab, var(--color-title-end) 20%, transparent)}
.hover\:border-title-end\/25:hover{border-color:color-mix(in oklab, var(--color-title-end) 25%, transparent)}
.hover\:border-title-end\/30:hover{border-color:color-mix(in oklab, var(--color-title-end) 30%, transparent)}
.hover\:border-title-end\/40:hover{border-color:color-mix(in oklab, var(--color-title-end) 40%, transparent)}
.hover\:border-title-end\/50:hover{border-color:color-mix(in oklab, var(--color-title-end) 50%, transparent)}
.hover\:border-title-end\/60:hover{border-color:color-mix(in oklab, var(--color-title-end) 60%, transparent)}
.hover\:border-title-end\/70:hover{border-color:color-mix(in oklab, var(--color-title-end) 70%, transparent)}
.hover\:border-title-end\/80:hover{border-color:color-mix(in oklab, var(--color-title-end) 80%, transparent)}
.hover\:border-title-end\/90:hover{border-color:color-mix(in oklab, var(--color-title-end) 90%, transparent)}
.hover\:border-bg-start\/5:hover{border-color:color-mix(in oklab, var(--color-bg-start) 5%, transparent)}
.hover\:border-bg-start\/10:hover{border-color:color-mix(in oklab, var(--color-bg-start) 10%, transparent)}
.hover\:border-bg-start\/15:hover{border-color:color-mix(in oklab, var(--color-bg-start) 15%, transparent)}
.hover\:border-bg-start\/20:hover{border-color:color-mix(in oklab, var(--color-bg-start) 20%, transparent)}
.hover\:border-bg-start\/25:hover{border-color:color-mix(in oklab, var(--color-bg-start) 25%, transparent)}
.hover\:border-bg-start\/30:hover{border-color:color-mix(in oklab, var(--color-bg-start) 30%, transparent)}
.hover\:border-bg-start\/40:hover{border-color:color-mix(in oklab, var(--color-bg-start) 40%, transparent)}
.hover\:border-bg-start\/50:hover{border-color:color-mix(in oklab, var(--color-bg-start) 50%, transparent)}
.hover\:border-bg-start\/60:hover{border-color:color-mix(in oklab, var(--color-bg-start) 60%, transparent)}
.hover\:border-bg-start\/70:hover{border-color:color-mix(in oklab, var(--color-bg-start) 70%, transparent)}
.hover\:border-bg-start\/80:hover{border-color:color-mix(in oklab, var(--color-bg-start) 80%, transparent)}
.hover\:border-bg-start\/90:hover{border-color:color-mix(in oklab, var(--color-bg-start) 90%, transparent)}
.hover\:border-bg-end\/5:hover{border-color:color-mix(in oklab, var(--color-bg-end) 5%, transparent)}
.hover\:border-bg-end\/10:hover{border-color:color-mix(in oklab, var(--color-bg-end) 10%, transparent)}
.hover\:border-bg-end\/15:hover{border-color:color-mix(in oklab, var(--color-bg-end) 15%, transparent)}
.hover\:border-bg-end\/20:hover{border-color:color-mix(in oklab, var(--color-bg-end) 20%, transparent)}
.hover\:border-bg-end\/25:hover{border-color:color-mix(in oklab, var(--color-bg-end) 25%, transparent)}
.hover\:border-bg-end\/30:hover{border-color:color-mix(in oklab, var(--color-bg-end) 30%, transparent)}
.hover\:border-bg-end\/40:hover{border-color:color-mix(in oklab, var(--color-bg-end) 40%, transparent)}
.hover\:border-bg-end\/50:hover{border-color:color-mix(in oklab, var(--color-bg-end) 50%, transparent)}
.hover\:border-bg-end\/60:hover{border-color:color-mix(in oklab, var(--color-bg-end) 60%, transparent)}
.hover\:border-bg-end\/70:hover{border-color:color-mix(in oklab, var(--color-bg-end) 70%, transparent)}
.hover\:border-bg-end\/80:hover{border-color:color-mix(in oklab, var(--color-bg-end) 80%, transparent)}
.hover\:border-bg-end\/90:hover{border-color:color-mix(in oklab, var(--color-bg-end) 90%, transparent)}
.hover\:border-primary-content\/5:hover{border-color:color-mix(in oklab, var(--color-primary-content) 5%, transparent)}
.hover\:border-primary-content\/10:hover{border-color:color-mix(in oklab, var(--color-primary-content) 10%, transparent)}
.hover\:border-primary-content\/15:hover{border-color:color-mix(in oklab, var(--color-primary-content) 15%, transparent)}
.hover\:border-primary-content\/20:hover{border-color:color-mix(in oklab, var(--color-primary-content) 20%, transparent)}
.hover\:border-primary-content\/25:hover{border-color:color-mix(in oklab, var(--color-primary-content) 25%, transparent)}
.hover\:border-primary-content\/30:hover{border-color:color-mix(in oklab, var(--color-primary-content) 30%, transparent)}
.hover\:border-primary-content\/40:hover{border-color:color-mix(in oklab, var(--color-primary-content) 40%, transparent)}
.hover\:border-primary-content\/50:hover{border-color:color-mix(in oklab, var(--color-primary-content) 50%, transparent)}
.hover\:border-primary-content\/60:hover{border-color:color-mix(in oklab, var(--color-primary-content) 60%, transparent)}
.hover\:border-primary-content\/70:hover{border-color:color-mix(in oklab, var(--color-primary-content) 70%, transparent)}
.hover\:border-primary-content\/80:hover{border-color:color-mix(in oklab, var(--color-primary-content) 80%, transparent)}
.hover\:border-primary-content\/90:hover{border-color:color-mix(in oklab, var(--color-primary-content) 90%, transparent)}
.hover\:border-secondary-content\/5:hover{border-color:color-mix(in oklab, var(--color-secondary-content) 5%, transparent)}
.hover\:border-secondary-content\/10:hover{border-color:color-mix(in oklab, var(--color-secondary-content) 10%, transparent)}
.hover\:border-secondary-content\/15:hover{border-color:color-mix(in oklab, var(--color-secondary-content) 15%, transparent)}
.hover\:border-secondary-content\/20:hover{border-color:color-mix(in oklab, var(--color-secondary-content) 20%, transparent)}
.hover\:border-secondary-content\/25:hover{border-color:color-mix(in oklab, var(--color-secondary-content) 25%, transparent)}
.hover\:border-secondary-content\/30:hover{border-color:color-mix(in oklab, var(--color-secondary-content) 30%, transparent)}
.hover\:border-secondary-content\/40:hover{border-color:color-mix(in oklab, var(--color-secondary-content) 40%, transparent)}
.hover\:border-secondary-content\/50:hover{border-color:color-mix(in oklab, var(--color-secondary-content) 50%, transparent)}
.hover\:border-secondary-content\/60:hover{border-color:color-mix(in oklab, var(--color-secondary-content) 60%, transparent)}
.hover\:border-secondary-content\/70:hover{border-color:color-mix(in oklab, var(--color-secondary-content) 70%, transparent)}
.hover\:border-secondary-content\/80:hover{border-color:color-mix(in oklab, var(--color-secondary-content) 80%, transparent)}
.hover\:border-secondary-content\/90:hover{border-color:color-mix(in oklab, var(--color-secondary-content) 90%, transparent)}
.hover\:border-base-100\/5:hover{border-color:color-mix(in oklab, var(--color-base-100) 5%, transparent)}
.hover\:border-base-100\/10:hover{border-color:color-mix(in oklab, var(--color-base-100) 10%, transparent)}
.hover\:border-base-100\/15:hover{border-color:color-mix(in oklab, var(--color-base-100) 15%, transparent)}
.hover\:border-base-100\/20:hover{border-color:color-mix(in oklab, var(--color-base-100) 20%, transparent)}
.hover\:border-base-100\/25:hover{border-color:color-mix(in oklab, var(--color-base-100) 25%, transparent)}
.hover\:border-base-100\/30:hover{border-color:color-mix(in oklab, var(--color-base-100) 30%, transparent)}
.hover\:border-base-100\/40:hover{border-color:color-mix(in oklab, var(--color-base-100) 40%, transparent)}
.hover\:border-base-100\/50:hover{border-color:color-mix(in oklab, var(--color-base-100) 50%, transparent)}
.hover\:border-base-100\/60:hover{border-color:color-mix(in oklab, var(--color-base-100) 60%, transparent)}
.hover\:border-base-100\/70:hover{border-color:color-mix(in oklab, var(--color-base-100) 70%, transparent)}
.hover\:border-base-100\/80:hover{border-color:color-mix(in oklab, var(--color-base-100) 80%, transparent)}
.hover\:border-base-100\/90:hover{border-color:color-mix(in oklab, var(--color-base-100) 90%, transparent)}
.hover\:border-base-200\/5:hover{border-color:color-mix(in oklab, var(--color-base-200) 5%, transparent)}
.hover\:border-base-200\/10:hover{border-color:color-mix(in oklab, var(--color-base-200) 10%, transparent)}
.hover\:border-base-200\/15:hover{border-color:color-mix(in oklab, var(--color-base-200) 15%, transparent)}
.hover\:border-base-200\/20:hover{border-color:color-mix(in oklab, var(--color-base-200) 20%, transparent)}
.hover\:border-base-200\/25:hover{border-color:color-mix(in oklab, var(--color-base-200) 25%, transparent)}
.hover\:border-base-200\/30:hover{border-color:color-mix(in oklab, var(--color-base-200) 30%, transparent)}
.hover\:border-base-200\/40:hover{border-color:color-mix(in oklab, var(--color-base-200) 40%, transparent)}
.hover\:border-base-200\/50:hover{border-color:color-mix(in oklab, var(--color-base-200) 50%, transparent)}
.hover\:border-base-200\/60:hover{border-color:color-mix(in oklab, var(--color-base-200) 60%, transparent)}
.hover\:border-base-200\/70:hover{border-color:color-mix(in oklab, var(--color-base-200) 70%, transparent)}
.hover\:border-base-200\/80:hover{border-color:color-mix(in oklab, var(--color-base-200) 80%, transparent)}
.hover\:border-base-200\/90:hover{border-color:color-mix(in oklab, var(--color-base-200) 90%, transparent)}
.hover\:border-base-300\/5:hover{border-color:color-mix(in oklab, var(--color-base-300) 5%, transparent)}
.hover\:border-base-300\/10:hover{border-color:color-mix(in oklab, var(--color-base-300) 10%, transparent)}
.hover\:border-base-300\/15:hover{border-color:color-mix(in oklab, var(--color-base-300) 15%, transparent)}
.hover\:border-base-300\/20:hover{border-color:color-mix(in oklab, var(--color-base-300) 20%, transparent)}
.hover\:border-base-300\/25:hover{border-color:color-mix(in oklab, var(--color-base-300) 25%, transparent)}
.hover\:border-base-300\/30:hover{border-color:color-mix(in oklab, var(--color-base-300) 30%, transparent)}
.hover\:border-base-300\/40:hover{border-color:color-mix(in oklab, var(--color-base-300) 40%, transparent)}
.hover\:border-base-300\/50:hover{border-color:color-mix(in oklab, var(--color-base-300) 50%, transparent)}
.hover\:border-base-300\/60:hover{border-color:color-mix(in oklab, var(--color-base-300) 60%, transparent)}
.hover\:border-base-300\/70:hover{border-color:color-mix(in oklab, var(--color-base-300) 70%, transparent)}
.hover\:border-base-300\/80:hover{border-color:color-mix(in oklab, var(--color-base-300) 80%, transparent)}
.hover\:border-base-300\/90:hover{border-color:color-mix(in oklab, var(--color-base-300) 90%, transparent)}
.hover\:border-base-content\/5:hover{border-color:color-mix(in oklab, var(--color-base-content) 5%, transparent)}
.hover\:border-base-content\/10:hover{border-color:color-mix(in oklab, var(--color-base-content) 10%, transparent)}
.hover\:border-base-content\/15:hover{border-color:color-mix(in oklab, var(--color-base-content) 15%, transparent)}
.hover\:border-base-content\/20:hover{border-color:color-mix(in oklab, var(--color-base-content) 20%, transparent)}
.hover\:border-base-content\/25:hover{border-color:color-mix(in oklab, var(--color-base-content) 25%, transparent)}
.hover\:border-base-content\/30:hover{border-color:color-mix(in oklab, var(--color-base-content) 30%, transparent)}
.hover\:border-base-content\/40:hover{border-color:color-mix(in oklab, var(--color-base-content) 40%, transparent)}
.hover\:border-base-content\/50:hover{border-color:color-mix(in oklab, var(--color-base-content) 50%, transparent)}
.hover\:border-base-content\/60:hover{border-color:color-mix(in oklab, var(--color-base-content) 60%, transparent)}
.hover\:border-base-content\/70:hover{border-color:color-mix(in oklab, var(--color-base-content) 70%, transparent)}
.hover\:border-base-content\/80:hover{border-color:color-mix(in oklab, var(--color-base-content) 80%, transparent)}
.hover\:border-base-content\/90:hover{border-color:color-mix(in oklab, var(--color-base-content) 90%, transparent)}
.hover\:border-white\/5:hover{border-color:color-mix(in oklab, var(--color-white) 5%, transparent)}
.hover\:border-white\/10:hover{border-color:color-mix(in oklab, var(--color-white) 10%, transparent)}
.hover\:border-white\/15:hover{border-color:color-mix(in oklab, var(--color-white) 15%, transparent)}
.hover\:border-white\/20:hover{border-color:color-mix(in oklab, var(--color-white) 20%, transparent)}
.hover\:border-white\/25:hover{border-color:color-mix(in oklab, var(--color-white) 25%, transparent)}
.hover\:border-white\/30:hover{border-color:color-mix(in oklab, var(--color-white) 30%, transparent)}
.hover\:border-white\/40:hover{border-color:color-mix(in oklab, var(--color-white) 40%, transparent)}
.hover\:border-white\/50:hover{border-color:color-mix(in oklab, var(--color-white) 50%, transparent)}
.hover\:border-white\/60:hover{border-color:color-mix(in oklab, var(--color-white) 60%, transparent)}
.hover\:border-white\/70:hover{border-color:color-mix(in oklab, var(--color-white) 70%, transparent)}
.hover\:border-white\/80:hover{border-color:color-mix(in oklab, var(--color-white) 80%, transparent)}
.hover\:border-white\/90:hover{border-color:color-mix(in oklab, var(--color-white) 90%, transparent)}
.hover\:border-black\/5:hover{border-color:color-mix(in oklab, var(--color-black) 5%, transparent)}
.hover\:border-black\/10:hover{border-color:color-mix(in oklab, var(--color-black) 10%, transparent)}
.hover\:border-black\/15:hover{border-color:color-mix(in oklab, var(--color-black) 15%, transparent)}
.hover\:border-black\/20:hover{border-color:color-mix(in oklab, var(--color-black) 20%, transparent)}
.hover\:border-black\/25:hover{border-color:color-mix(in oklab, var(--color-black) 25%, transparent)}
.hover\:border-black\/30:hover{border-color:color-mix(in oklab, var(--color-black) 30%, transparent)}
.hover\:border-black\/40:hover{border-color:color-mix(in oklab, var(--color-black) 40%, transparent)}
.hover\:border-black\/50:hover{border-color:color-mix(in oklab, var(--color-black) 50%, transparent)}
.hover\:border-black\/60:hover{border-color:color-mix(in oklab, var(--color-black) 60%, transparent)}
.hover\:border-black\/70:hover{border-color:color-mix(in oklab, var(--color-black) 70%, transparent)}
.hover\:border-black\/80:hover{border-color:color-mix(in oklab, var(--color-black) 80%, transparent)}
.hover\:border-black\/90:hover{border-color:color-mix(in oklab, var(--color-black) 90%, transparent)}
.focus\:bg-primary\/5:focus{background-color:color-mix(in oklab, var(--color-primary) 5%, transparent)}
.focus\:bg-primary\/10:focus{background-color:color-mix(in oklab, var(--color-primary) 10%, transparent)}
.focus\:bg-primary\/15:focus{background-color:color-mix(in oklab, var(--color-primary) 15%, transparent)}
.focus\:bg-primary\/20:focus{background-color:color-mix(in oklab, var(--color-primary) 20%, transparent)}
.focus\:bg-primary\/25:focus{background-color:color-mix(in oklab, var(--color-primary) 25%, transparent)}
.focus\:bg-primary\/30:focus{background-color:color-mix(in oklab, var(--color-primary) 30%, transparent)}
.focus\:bg-primary\/40:focus{background-color:color-mix(in oklab, var(--color-primary) 40%, transparent)}
.focus\:bg-primary\/50:focus{background-color:color-mix(in oklab, var(--color-primary) 50%, transparent)}
.focus\:bg-primary\/60:focus{background-color:color-mix(in oklab, var(--color-primary) 60%, transparent)}
.focus\:bg-primary\/70:focus{background-color:color-mix(in oklab, var(--color-primary) 70%, transparent)}
.focus\:bg-primary\/80:focus{background-color:color-mix(in oklab, var(--color-primary) 80%, transparent)}
.focus\:bg-primary\/90:focus{background-color:color-mix(in oklab, var(--color-primary) 90%, transparent)}
.focus\:bg-secondary\/5:focus{background-color:color-mix(in oklab, var(--color-secondary) 5%, transparent)}
.focus\:bg-secondary\/10:focus{background-color:color-mix(in oklab, var(--color-secondary) 10%, transparent)}
.focus\:bg-secondary\/15:focus{background-color:color-mix(in oklab, var(--color-secondary) 15%, transparent)}
.focus\:bg-secondary\/20:focus{background-color:color-mix(in oklab, var(--color-secondary) 20%, transparent)}
.focus\:bg-secondary\/25:focus{background-color:color-mix(in oklab, var(--color-secondary) 25%, transparent)}
.focus\:bg-secondary\/30:focus{background-color:color-mix(in oklab, var(--color-secondary) 30%, transparent)}
.focus\:bg-secondary\/40:focus{background-color:color-mix(in oklab, var(--color-secondary) 40%, transparent)}
.focus\:bg-secondary\/50:focus{background-color:color-mix(in oklab, var(--color-secondary) 50%, transparent)}
.focus\:bg-secondary\/60:focus{background-color:color-mix(in oklab, var(--color-secondary) 60%, transparent)}
.focus\:bg-secondary\/70:focus{background-color:color-mix(in oklab, var(--color-secondary) 70%, transparent)}
.focus\:bg-secondary\/80:focus{background-color:color-mix(in oklab, var(--color-secondary) 80%, transparent)}
.focus\:bg-secondary\/90:focus{background-color:color-mix(in oklab, var(--color-secondary) 90%, transparent)}
.focus\:bg-background\/5:focus{background-color:color-mix(in oklab, var(--color-background) 5%, transparent)}
.focus\:bg-background\/10:focus{background-color:color-mix(in oklab, var(--color-background) 10%, transparent)}
.focus\:bg-background\/15:focus{background-color:color-mix(in oklab, var(--color-background) 15%, transparent)}
.focus\:bg-background\/20:focus{background-color:color-mix(in oklab, var(--color-background) 20%, transparent)}
.focus\:bg-background\/25:focus{background-color:color-mix(in oklab, var(--color-background) 25%, transparent)}
.focus\:bg-background\/30:focus{background-color:color-mix(in oklab, var(--color-background) 30%, transparent)}
.focus\:bg-background\/40:focus{background-color:color-mix(in oklab, var(--color-background) 40%, transparent)}
.focus\:bg-background\/50:focus{background-color:color-mix(in oklab, var(--color-background) 50%, transparent)}
.focus\:bg-background\/60:focus{background-color:color-mix(in oklab, var(--color-background) 60%, transparent)}
.focus\:bg-background\/70:focus{background-color:color-mix(in oklab, var(--color-background) 70%, transparent)}
.focus\:bg-background\/80:focus{background-color:color-mix(in oklab, var(--color-background) 80%, transparent)}
.focus\:bg-background\/90:focus{background-color:color-mix(in oklab, var(--color-background) 90%, transparent)}
.focus\:bg-transparent\/5:focus{background-color:color-mix(in oklab, var(--color-transparent) 5%, transparent)}
.focus\:bg-transparent\/10:focus{background-color:color-mix(in oklab, var(--color-transparent) 10%, transparent)}
.focus\:bg-transparent\/15:focus{background-color:color-mix(in oklab, var(--color-transparent) 15%, transparent)}
.focus\:bg-transparent\/20:focus{background-color:color-mix(in oklab, var(--color-transparent) 20%, transparent)}
.focus\:bg-transparent\/25:focus{background-color:color-mix(in oklab, var(--color-transparent) 25%, transparent)}
.focus\:bg-transparent\/30:focus{background-color:color-mix(in oklab, var(--color-transparent) 30%, transparent)}
.focus\:bg-transparent\/40:focus{background-color:color-mix(in oklab, var(--color-transparent) 40%, transparent)}
.focus\:bg-transparent\/50:focus{background-color:color-mix(in oklab, var(--color-transparent) 50%, transparent)}
.focus\:bg-transparent\/60:focus{background-color:color-mix(in oklab, var(--color-transparent) 60%, transparent)}
.focus\:bg-transparent\/70:focus{background-color:color-mix(in oklab, var(--color-transparent) 70%, transparent)}
.focus\:bg-transparent\/80:focus{background-color:color-mix(in oklab, var(--color-transparent) 80%, transparent)}
.focus\:bg-transparent\/90:focus{background-color:color-mix(in oklab, var(--color-transparent) 90%, transparent)}
.focus\:bg-active\/5:focus{background-color:color-mix(in oklab, var(--color-active) 5%, transparent)}
.focus\:bg-active\/10:focus{background-color:color-mix(in oklab, var(--color-active) 10%, transparent)}
.focus\:bg-active\/15:focus{background-color:color-mix(in oklab, var(--color-active) 15%, transparent)}
.focus\:bg-active\/20:focus{background-color:color-mix(in oklab, var(--color-active) 20%, transparent)}
.focus\:bg-active\/25:focus{background-color:color-mix(in oklab, var(--color-active) 25%, transparent)}
.focus\:bg-active\/30:focus{background-color:color-mix(in oklab, var(--color-active) 30%, transparent)}
.focus\:bg-active\/40:focus{background-color:color-mix(in oklab, var(--color-active) 40%, transparent)}
.focus\:bg-active\/50:focus{background-color:color-mix(in oklab, var(--color-active) 50%, transparent)}
.focus\:bg-active\/60:focus{background-color:color-mix(in oklab, var(--color-active) 60%, transparent)}
.focus\:bg-active\/70:focus{background-color:color-mix(in oklab, var(--color-active) 70%, transparent)}
.focus\:bg-active\/80:focus{background-color:color-mix(in oklab, var(--color-active) 80%, transparent)}
.focus\:bg-active\/90:focus{background-color:color-mix(in oklab, var(--color-active) 90%, transparent)}
.focus\:bg-hover\/5:focus{background-color:color-mix(in oklab, var(--color-hover) 5%, transparent)}
.focus\:bg-hover\/10:focus{background-color:color-mix(in oklab, var(--color-hover) 10%, transparent)}
.focus\:bg-hover\/15:focus{background-color:color-mix(in oklab, var(--color-hover) 15%, transparent)}
.focus\:bg-hover\/20:focus{background-color:color-mix(in oklab, var(--color-hover) 20%, transparent)}
.focus\:bg-hover\/25:focus{background-color:color-mix(in oklab, var(--color-hover) 25%, transparent)}
.focus\:bg-hover\/30:focus{background-color:color-mix(in oklab, var(--color-hover) 30%, transparent)}
.focus\:bg-hover\/40:focus{background-color:color-mix(in oklab, var(--color-hover) 40%, transparent)}
.focus\:bg-hover\/50:focus{background-color:color-mix(in oklab, var(--color-hover) 50%, transparent)}
.focus\:bg-hover\/60:focus{background-color:color-mix(in oklab, var(--color-hover) 60%, transparent)}
.focus\:bg-hover\/70:focus{background-color:color-mix(in oklab, var(--color-hover) 70%, transparent)}
.focus\:bg-hover\/80:focus{background-color:color-mix(in oklab, var(--color-hover) 80%, transparent)}
.focus\:bg-hover\/90:focus{background-color:color-mix(in oklab, var(--color-hover) 90%, transparent)}
.focus\:bg-not-active\/5:focus{background-color:color-mix(in oklab, var(--color-not-active) 5%, transparent)}
.focus\:bg-not-active\/10:focus{background-color:color-mix(in oklab, var(--color-not-active) 10%, transparent)}
.focus\:bg-not-active\/15:focus{background-color:color-mix(in oklab, var(--color-not-active) 15%, transparent)}
.focus\:bg-not-active\/20:focus{background-color:color-mix(in oklab, var(--color-not-active) 20%, transparent)}
.focus\:bg-not-active\/25:focus{background-color:color-mix(in oklab, var(--color-not-active) 25%, transparent)}
.focus\:bg-not-active\/30:focus{background-color:color-mix(in oklab, var(--color-not-active) 30%, transparent)}
.focus\:bg-not-active\/40:focus{background-color:color-mix(in oklab, var(--color-not-active) 40%, transparent)}
.focus\:bg-not-active\/50:focus{background-color:color-mix(in oklab, var(--color-not-active) 50%, transparent)}
.focus\:bg-not-active\/60:focus{background-color:color-mix(in oklab, var(--color-not-active) 60%, transparent)}
.focus\:bg-not-active\/70:focus{background-color:color-mix(in oklab, var(--color-not-active) 70%, transparent)}
.focus\:bg-not-active\/80:focus{background-color:color-mix(in oklab, var(--color-not-active) 80%, transparent)}
.focus\:bg-not-active\/90:focus{background-color:color-mix(in oklab, var(--color-not-active) 90%, transparent)}
.focus\:bg-primary-text\/5:focus{background-color:color-mix(in oklab, var(--color-primary-text) 5%, transparent)}
.focus\:bg-primary-text\/10:focus{background-color:color-mix(in oklab, var(--color-primary-text) 10%, transparent)}
.focus\:bg-primary-text\/15:focus{background-color:color-mix(in oklab, var(--color-primary-text) 15%, transparent)}
.focus\:bg-primary-text\/20:focus{background-color:color-mix(in oklab, var(--color-primary-text) 20%, transparent)}
.focus\:bg-primary-text\/25:focus{background-color:color-mix(in oklab, var(--color-primary-text) 25%, transparent)}
.focus\:bg-primary-text\/30:focus{background-color:color-mix(in oklab, var(--color-primary-text) 30%, transparent)}
.focus\:bg-primary-text\/40:focus{background-color:color-mix(in oklab, var(--color-primary-text) 40%, transparent)}
.focus\:bg-primary-text\/50:focus{background-color:color-mix(in oklab, var(--color-primary-text) 50%, transparent)}
.focus\:bg-primary-text\/60:focus{background-color:color-mix(in oklab, var(--color-primary-text) 60%, transparent)}
.focus\:bg-primary-text\/70:focus{background-color:color-mix(in oklab, var(--color-primary-text) 70%, transparent)}
.focus\:bg-primary-text\/80:focus{background-color:color-mix(in oklab, var(--color-primary-text) 80%, transparent)}
.focus\:bg-primary-text\/90:focus{background-color:color-mix(in oklab, var(--color-primary-text) 90%, transparent)}
.focus\:bg-secondary-text\/5:focus{background-color:color-mix(in oklab, var(--color-secondary-text) 5%, transparent)}
.focus\:bg-secondary-text\/10:focus{background-color:color-mix(in oklab, var(--color-secondary-text) 10%, transparent)}
.focus\:bg-secondary-text\/15:focus{background-color:color-mix(in oklab, var(--color-secondary-text) 15%, transparent)}
.focus\:bg-secondary-text\/20:focus{background-color:color-mix(in oklab, var(--color-secondary-text) 20%, transparent)}
.focus\:bg-secondary-text\/25:focus{background-color:color-mix(in oklab, var(--color-secondary-text) 25%, transparent)}
.focus\:bg-secondary-text\/30:focus{background-color:color-mix(in oklab, var(--color-secondary-text) 30%, transparent)}
.focus\:bg-secondary-text\/40:focus{background-color:color-mix(in oklab, var(--color-secondary-text) 40%, transparent)}
.focus\:bg-secondary-text\/50:focus{background-color:color-mix(in oklab, var(--color-secondary-text) 50%, transparent)}
.focus\:bg-secondary-text\/60:focus{background-color:color-mix(in oklab, var(--color-secondary-text) 60%, transparent)}
.focus\:bg-secondary-text\/70:focus{background-color:color-mix(in oklab, var(--color-secondary-text) 70%, transparent)}
.focus\:bg-secondary-text\/80:focus{background-color:color-mix(in oklab, var(--color-secondary-text) 80%, transparent)}
.focus\:bg-secondary-text\/90:focus{background-color:color-mix(in oklab, var(--color-secondary-text) 90%, transparent)}
.focus\:bg-tertiary-text\/5:focus{background-color:color-mix(in oklab, var(--color-tertiary-text) 5%, transparent)}
.focus\:bg-tertiary-text\/10:focus{background-color:color-mix(in oklab, var(--color-tertiary-text) 10%, transparent)}
.focus\:bg-tertiary-text\/15:focus{background-color:color-mix(in oklab, var(--color-tertiary-text) 15%, transparent)}
.focus\:bg-tertiary-text\/20:focus{background-color:color-mix(in oklab, var(--color-tertiary-text) 20%, transparent)}
.focus\:bg-tertiary-text\/25:focus{background-color:color-mix(in oklab, var(--color-tertiary-text) 25%, transparent)}
.focus\:bg-tertiary-text\/30:focus{background-color:color-mix(in oklab, var(--color-tertiary-text) 30%, transparent)}
.focus\:bg-tertiary-text\/40:focus{background-color:color-mix(in oklab, var(--color-tertiary-text) 40%, transparent)}
.focus\:bg-tertiary-text\/50:focus{background-color:color-mix(in oklab, var(--color-tertiary-text) 50%, transparent)}
.focus\:bg-tertiary-text\/60:focus{background-color:color-mix(in oklab, var(--color-tertiary-text) 60%, transparent)}
.focus\:bg-tertiary-text\/70:focus{background-color:color-mix(in oklab, var(--color-tertiary-text) 70%, transparent)}
.focus\:bg-tertiary-text\/80:focus{background-color:color-mix(in oklab, var(--color-tertiary-text) 80%, transparent)}
.focus\:bg-tertiary-text\/90:focus{background-color:color-mix(in oklab, var(--color-tertiary-text) 90%, transparent)}
.focus\:bg-not-active-text\/5:focus{background-color:color-mix(in oklab, var(--color-not-active-text) 5%, transparent)}
.focus\:bg-not-active-text\/10:focus{background-color:color-mix(in oklab, var(--color-not-active-text) 10%, transparent)}
.focus\:bg-not-active-text\/15:focus{background-color:color-mix(in oklab, var(--color-not-active-text) 15%, transparent)}
.focus\:bg-not-active-text\/20:focus{background-color:color-mix(in oklab, var(--color-not-active-text) 20%, transparent)}
.focus\:bg-not-active-text\/25:focus{background-color:color-mix(in oklab, var(--color-not-active-text) 25%, transparent)}
.focus\:bg-not-active-text\/30:focus{background-color:color-mix(in oklab, var(--color-not-active-text) 30%, transparent)}
.focus\:bg-not-active-text\/40:focus{background-color:color-mix(in oklab, var(--color-not-active-text) 40%, transparent)}
.focus\:bg-not-active-text\/50:focus{background-color:color-mix(in oklab, var(--color-not-active-text) 50%, transparent)}
.focus\:bg-not-active-text\/60:focus{background-color:color-mix(in oklab, var(--color-not-active-text) 60%, transparent)}
.focus\:bg-not-active-text\/70:focus{background-color:color-mix(in oklab, var(--color-not-active-text) 70%, transparent)}
.focus\:bg-not-active-text\/80:focus{background-color:color-mix(in oklab, var(--color-not-active-text) 80%, transparent)}
.focus\:bg-not-active-text\/90:focus{background-color:color-mix(in oklab, var(--color-not-active-text) 90%, transparent)}
.focus\:bg-state-active\/5:focus{background-color:color-mix(in oklab, var(--color-state-active) 5%, transparent)}
.focus\:bg-state-active\/10:focus{background-color:color-mix(in oklab, var(--color-state-active) 10%, transparent)}
.focus\:bg-state-active\/15:focus{background-color:color-mix(in oklab, var(--color-state-active) 15%, transparent)}
.focus\:bg-state-active\/20:focus{background-color:color-mix(in oklab, var(--color-state-active) 20%, transparent)}
.focus\:bg-state-active\/25:focus{background-color:color-mix(in oklab, var(--color-state-active) 25%, transparent)}
.focus\:bg-state-active\/30:focus{background-color:color-mix(in oklab, var(--color-state-active) 30%, transparent)}
.focus\:bg-state-active\/40:focus{background-color:color-mix(in oklab, var(--color-state-active) 40%, transparent)}
.focus\:bg-state-active\/50:focus{background-color:color-mix(in oklab, var(--color-state-active) 50%, transparent)}
.focus\:bg-state-active\/60:focus{background-color:color-mix(in oklab, var(--color-state-active) 60%, transparent)}
.focus\:bg-state-active\/70:focus{background-color:color-mix(in oklab, var(--color-state-active) 70%, transparent)}
.focus\:bg-state-active\/80:focus{background-color:color-mix(in oklab, var(--color-state-active) 80%, transparent)}
.focus\:bg-state-active\/90:focus{background-color:color-mix(in oklab, var(--color-state-active) 90%, transparent)}
.focus\:bg-state-hover\/5:focus{background-color:color-mix(in oklab, var(--color-state-hover) 5%, transparent)}
.focus\:bg-state-hover\/10:focus{background-color:color-mix(in oklab, var(--color-state-hover) 10%, transparent)}
.focus\:bg-state-hover\/15:focus{background-color:color-mix(in oklab, var(--color-state-hover) 15%, transparent)}
.focus\:bg-state-hover\/20:focus{background-color:color-mix(in oklab, var(--color-state-hover) 20%, transparent)}
.focus\:bg-state-hover\/25:focus{background-color:color-mix(in oklab, var(--color-state-hover) 25%, transparent)}
.focus\:bg-state-hover\/30:focus{background-color:color-mix(in oklab, var(--color-state-hover) 30%, transparent)}
.focus\:bg-state-hover\/40:focus{background-color:color-mix(in oklab, var(--color-state-hover) 40%, transparent)}
.focus\:bg-state-hover\/50:focus{background-color:color-mix(in oklab, var(--color-state-hover) 50%, transparent)}
.focus\:bg-state-hover\/60:focus{background-color:color-mix(in oklab, var(--color-state-hover) 60%, transparent)}
.focus\:bg-state-hover\/70:focus{background-color:color-mix(in oklab, var(--color-state-hover) 70%, transparent)}
.focus\:bg-state-hover\/80:focus{background-color:color-mix(in oklab, var(--color-state-hover) 80%, transparent)}
.focus\:bg-state-hover\/90:focus{background-color:color-mix(in oklab, var(--color-state-hover) 90%, transparent)}
.focus\:bg-state-not-active\/5:focus{background-color:color-mix(in oklab, var(--color-state-not-active) 5%, transparent)}
.focus\:bg-state-not-active\/10:focus{background-color:color-mix(in oklab, var(--color-state-not-active) 10%, transparent)}
.focus\:bg-state-not-active\/15:focus{background-color:color-mix(in oklab, var(--color-state-not-active) 15%, transparent)}
.focus\:bg-state-not-active\/20:focus{background-color:color-mix(in oklab, var(--color-state-not-active) 20%, transparent)}
.focus\:bg-state-not-active\/25:focus{background-color:color-mix(in oklab, var(--color-state-not-active) 25%, transparent)}
.focus\:bg-state-not-active\/30:focus{background-color:color-mix(in oklab, var(--color-state-not-active) 30%, transparent)}
.focus\:bg-state-not-active\/40:focus{background-color:color-mix(in oklab, var(--color-state-not-active) 40%, transparent)}
.focus\:bg-state-not-active\/50:focus{background-color:color-mix(in oklab, var(--color-state-not-active) 50%, transparent)}
.focus\:bg-state-not-active\/60:focus{background-color:color-mix(in oklab, var(--color-state-not-active) 60%, transparent)}
.focus\:bg-state-not-active\/70:focus{background-color:color-mix(in oklab, var(--color-state-not-active) 70%, transparent)}
.focus\:bg-state-not-active\/80:focus{background-color:color-mix(in oklab, var(--color-state-not-active) 80%, transparent)}
.focus\:bg-state-not-active\/90:focus{background-color:color-mix(in oklab, var(--color-state-not-active) 90%, transparent)}
.focus\:bg-card-background\/5:focus{background-color:color-mix(in oklab, var(--color-card-background) 5%, transparent)}
.focus\:bg-card-background\/10:focus{background-color:color-mix(in oklab, var(--color-card-background) 10%, transparent)}
.focus\:bg-card-background\/15:focus{background-color:color-mix(in oklab, var(--color-card-background) 15%, transparent)}
.focus\:bg-card-background\/20:focus{background-color:color-mix(in oklab, var(--color-card-background) 20%, transparent)}
.focus\:bg-card-background\/25:focus{background-color:color-mix(in oklab, var(--color-card-background) 25%, transparent)}
.focus\:bg-card-background\/30:focus{background-color:color-mix(in oklab, var(--color-card-background) 30%, transparent)}
.focus\:bg-card-background\/40:focus{background-color:color-mix(in oklab, var(--color-card-background) 40%, transparent)}
.focus\:bg-card-background\/50:focus{background-color:color-mix(in oklab, var(--color-card-background) 50%, transparent)}
.focus\:bg-card-background\/60:focus{background-color:color-mix(in oklab, var(--color-card-background) 60%, transparent)}
.focus\:bg-card-background\/70:focus{background-color:color-mix(in oklab, var(--color-card-background) 70%, transparent)}
.focus\:bg-card-background\/80:focus{background-color:color-mix(in oklab, var(--color-card-background) 80%, transparent)}
.focus\:bg-card-background\/90:focus{background-color:color-mix(in oklab, var(--color-card-background) 90%, transparent)}
.focus\:bg-card-shadow\/5:focus{background-color:color-mix(in oklab, var(--color-card-shadow) 5%, transparent)}
.focus\:bg-card-shadow\/10:focus{background-color:color-mix(in oklab, var(--color-card-shadow) 10%, transparent)}
.focus\:bg-card-shadow\/15:focus{background-color:color-mix(in oklab, var(--color-card-shadow) 15%, transparent)}
.focus\:bg-card-shadow\/20:focus{background-color:color-mix(in oklab, var(--color-card-shadow) 20%, transparent)}
.focus\:bg-card-shadow\/25:focus{background-color:color-mix(in oklab, var(--color-card-shadow) 25%, transparent)}
.focus\:bg-card-shadow\/30:focus{background-color:color-mix(in oklab, var(--color-card-shadow) 30%, transparent)}
.focus\:bg-card-shadow\/40:focus{background-color:color-mix(in oklab, var(--color-card-shadow) 40%, transparent)}
.focus\:bg-card-shadow\/50:focus{background-color:color-mix(in oklab, var(--color-card-shadow) 50%, transparent)}
.focus\:bg-card-shadow\/60:focus{background-color:color-mix(in oklab, var(--color-card-shadow) 60%, transparent)}
.focus\:bg-card-shadow\/70:focus{background-color:color-mix(in oklab, var(--color-card-shadow) 70%, transparent)}
.focus\:bg-card-shadow\/80:focus{background-color:color-mix(in oklab, var(--color-card-shadow) 80%, transparent)}
.focus\:bg-card-shadow\/90:focus{background-color:color-mix(in oklab, var(--color-card-shadow) 90%, transparent)}
.focus\:bg-border\/5:focus{background-color:color-mix(in oklab, var(--color-border) 5%, transparent)}
.focus\:bg-border\/10:focus{background-color:color-mix(in oklab, var(--color-border) 10%, transparent)}
.focus\:bg-border\/15:focus{background-color:color-mix(in oklab, var(--color-border) 15%, transparent)}
.focus\:bg-border\/20:focus{background-color:color-mix(in oklab, var(--color-border) 20%, transparent)}
.focus\:bg-border\/25:focus{background-color:color-mix(in oklab, var(--color-border) 25%, transparent)}
.focus\:bg-border\/30:focus{background-color:color-mix(in oklab, var(--color-border) 30%, transparent)}
.focus\:bg-border\/40:focus{background-color:color-mix(in oklab, var(--color-border) 40%, transparent)}
.focus\:bg-border\/50:focus{background-color:color-mix(in oklab, var(--color-border) 50%, transparent)}
.focus\:bg-border\/60:focus{background-color:color-mix(in oklab, var(--color-border) 60%, transparent)}
.focus\:bg-border\/70:focus{background-color:color-mix(in oklab, var(--color-border) 70%, transparent)}
.focus\:bg-border\/80:focus{background-color:color-mix(in oklab, var(--color-border) 80%, transparent)}
.focus\:bg-border\/90:focus{background-color:color-mix(in oklab, var(--color-border) 90%, transparent)}
.focus\:bg-border-hover\/5:focus{background-color:color-mix(in oklab, var(--color-border-hover) 5%, transparent)}
.focus\:bg-border-hover\/10:focus{background-color:color-mix(in oklab, var(--color-border-hover) 10%, transparent)}
.focus\:bg-border-hover\/15:focus{background-color:color-mix(in oklab, var(--color-border-hover) 15%, transparent)}
.focus\:bg-border-hover\/20:focus{background-color:color-mix(in oklab, var(--color-border-hover) 20%, transparent)}
.focus\:bg-border-hover\/25:focus{background-color:color-mix(in oklab, var(--color-border-hover) 25%, transparent)}
.focus\:bg-border-hover\/30:focus{background-color:color-mix(in oklab, var(--color-border-hover) 30%, transparent)}
.focus\:bg-border-hover\/40:focus{background-color:color-mix(in oklab, var(--color-border-hover) 40%, transparent)}
.focus\:bg-border-hover\/50:focus{background-color:color-mix(in oklab, var(--color-border-hover) 50%, transparent)}
.focus\:bg-border-hover\/60:focus{background-color:color-mix(in oklab, var(--color-border-hover) 60%, transparent)}
.focus\:bg-border-hover\/70:focus{background-color:color-mix(in oklab, var(--color-border-hover) 70%, transparent)}
.focus\:bg-border-hover\/80:focus{background-color:color-mix(in oklab, var(--color-border-hover) 80%, transparent)}
.focus\:bg-border-hover\/90:focus{background-color:color-mix(in oklab, var(--color-border-hover) 90%, transparent)}
.focus\:bg-border-success\/5:focus{background-color:color-mix(in oklab, var(--color-border-success) 5%, transparent)}
.focus\:bg-border-success\/10:focus{background-color:color-mix(in oklab, var(--color-border-success) 10%, transparent)}
.focus\:bg-border-success\/15:focus{background-color:color-mix(in oklab, var(--color-border-success) 15%, transparent)}
.focus\:bg-border-success\/20:focus{background-color:color-mix(in oklab, var(--color-border-success) 20%, transparent)}
.focus\:bg-border-success\/25:focus{background-color:color-mix(in oklab, var(--color-border-success) 25%, transparent)}
.focus\:bg-border-success\/30:focus{background-color:color-mix(in oklab, var(--color-border-success) 30%, transparent)}
.focus\:bg-border-success\/40:focus{background-color:color-mix(in oklab, var(--color-border-success) 40%, transparent)}
.focus\:bg-border-success\/50:focus{background-color:color-mix(in oklab, var(--color-border-success) 50%, transparent)}
.focus\:bg-border-success\/60:focus{background-color:color-mix(in oklab, var(--color-border-success) 60%, transparent)}
.focus\:bg-border-success\/70:focus{background-color:color-mix(in oklab, var(--color-border-success) 70%, transparent)}
.focus\:bg-border-success\/80:focus{background-color:color-mix(in oklab, var(--color-border-success) 80%, transparent)}
.focus\:bg-border-success\/90:focus{background-color:color-mix(in oklab, var(--color-border-success) 90%, transparent)}
.focus\:bg-border-info\/5:focus{background-color:color-mix(in oklab, var(--color-border-info) 5%, transparent)}
.focus\:bg-border-info\/10:focus{background-color:color-mix(in oklab, var(--color-border-info) 10%, transparent)}
.focus\:bg-border-info\/15:focus{background-color:color-mix(in oklab, var(--color-border-info) 15%, transparent)}
.focus\:bg-border-info\/20:focus{background-color:color-mix(in oklab, var(--color-border-info) 20%, transparent)}
.focus\:bg-border-info\/25:focus{background-color:color-mix(in oklab, var(--color-border-info) 25%, transparent)}
.focus\:bg-border-info\/30:focus{background-color:color-mix(in oklab, var(--color-border-info) 30%, transparent)}
.focus\:bg-border-info\/40:focus{background-color:color-mix(in oklab, var(--color-border-info) 40%, transparent)}
.focus\:bg-border-info\/50:focus{background-color:color-mix(in oklab, var(--color-border-info) 50%, transparent)}
.focus\:bg-border-info\/60:focus{background-color:color-mix(in oklab, var(--color-border-info) 60%, transparent)}
.focus\:bg-border-info\/70:focus{background-color:color-mix(in oklab, var(--color-border-info) 70%, transparent)}
.focus\:bg-border-info\/80:focus{background-color:color-mix(in oklab, var(--color-border-info) 80%, transparent)}
.focus\:bg-border-info\/90:focus{background-color:color-mix(in oklab, var(--color-border-info) 90%, transparent)}
.focus\:bg-border-warning\/5:focus{background-color:color-mix(in oklab, var(--color-border-warning) 5%, transparent)}
.focus\:bg-border-warning\/10:focus{background-color:color-mix(in oklab, var(--color-border-warning) 10%, transparent)}
.focus\:bg-border-warning\/15:focus{background-color:color-mix(in oklab, var(--color-border-warning) 15%, transparent)}
.focus\:bg-border-warning\/20:focus{background-color:color-mix(in oklab, var(--color-border-warning) 20%, transparent)}
.focus\:bg-border-warning\/25:focus{background-color:color-mix(in oklab, var(--color-border-warning) 25%, transparent)}
.focus\:bg-border-warning\/30:focus{background-color:color-mix(in oklab, var(--color-border-warning) 30%, transparent)}
.focus\:bg-border-warning\/40:focus{background-color:color-mix(in oklab, var(--color-border-warning) 40%, transparent)}
.focus\:bg-border-warning\/50:focus{background-color:color-mix(in oklab, var(--color-border-warning) 50%, transparent)}
.focus\:bg-border-warning\/60:focus{background-color:color-mix(in oklab, var(--color-border-warning) 60%, transparent)}
.focus\:bg-border-warning\/70:focus{background-color:color-mix(in oklab, var(--color-border-warning) 70%, transparent)}
.focus\:bg-border-warning\/80:focus{background-color:color-mix(in oklab, var(--color-border-warning) 80%, transparent)}
.focus\:bg-border-warning\/90:focus{background-color:color-mix(in oklab, var(--color-border-warning) 90%, transparent)}
.focus\:bg-border-error\/5:focus{background-color:color-mix(in oklab, var(--color-border-error) 5%, transparent)}
.focus\:bg-border-error\/10:focus{background-color:color-mix(in oklab, var(--color-border-error) 10%, transparent)}
.focus\:bg-border-error\/15:focus{background-color:color-mix(in oklab, var(--color-border-error) 15%, transparent)}
.focus\:bg-border-error\/20:focus{background-color:color-mix(in oklab, var(--color-border-error) 20%, transparent)}
.focus\:bg-border-error\/25:focus{background-color:color-mix(in oklab, var(--color-border-error) 25%, transparent)}
.focus\:bg-border-error\/30:focus{background-color:color-mix(in oklab, var(--color-border-error) 30%, transparent)}
.focus\:bg-border-error\/40:focus{background-color:color-mix(in oklab, var(--color-border-error) 40%, transparent)}
.focus\:bg-border-error\/50:focus{background-color:color-mix(in oklab, var(--color-border-error) 50%, transparent)}
.focus\:bg-border-error\/60:focus{background-color:color-mix(in oklab, var(--color-border-error) 60%, transparent)}
.focus\:bg-border-error\/70:focus{background-color:color-mix(in oklab, var(--color-border-error) 70%, transparent)}
.focus\:bg-border-error\/80:focus{background-color:color-mix(in oklab, var(--color-border-error) 80%, transparent)}
.focus\:bg-border-error\/90:focus{background-color:color-mix(in oklab, var(--color-border-error) 90%, transparent)}
.focus\:bg-light-border\/5:focus{background-color:color-mix(in oklab, var(--color-light-border) 5%, transparent)}
.focus\:bg-light-border\/10:focus{background-color:color-mix(in oklab, var(--color-light-border) 10%, transparent)}
.focus\:bg-light-border\/15:focus{background-color:color-mix(in oklab, var(--color-light-border) 15%, transparent)}
.focus\:bg-light-border\/20:focus{background-color:color-mix(in oklab, var(--color-light-border) 20%, transparent)}
.focus\:bg-light-border\/25:focus{background-color:color-mix(in oklab, var(--color-light-border) 25%, transparent)}
.focus\:bg-light-border\/30:focus{background-color:color-mix(in oklab, var(--color-light-border) 30%, transparent)}
.focus\:bg-light-border\/40:focus{background-color:color-mix(in oklab, var(--color-light-border) 40%, transparent)}
.focus\:bg-light-border\/50:focus{background-color:color-mix(in oklab, var(--color-light-border) 50%, transparent)}
.focus\:bg-light-border\/60:focus{background-color:color-mix(in oklab, var(--color-light-border) 60%, transparent)}
.focus\:bg-light-border\/70:focus{background-color:color-mix(in oklab, var(--color-light-border) 70%, transparent)}
.focus\:bg-light-border\/80:focus{background-color:color-mix(in oklab, var(--color-light-border) 80%, transparent)}
.focus\:bg-light-border\/90:focus{background-color:color-mix(in oklab, var(--color-light-border) 90%, transparent)}
.focus\:bg-divider\/5:focus{background-color:color-mix(in oklab, var(--color-divider) 5%, transparent)}
.focus\:bg-divider\/10:focus{background-color:color-mix(in oklab, var(--color-divider) 10%, transparent)}
.focus\:bg-divider\/15:focus{background-color:color-mix(in oklab, var(--color-divider) 15%, transparent)}
.focus\:bg-divider\/20:focus{background-color:color-mix(in oklab, var(--color-divider) 20%, transparent)}
.focus\:bg-divider\/25:focus{background-color:color-mix(in oklab, var(--color-divider) 25%, transparent)}
.focus\:bg-divider\/30:focus{background-color:color-mix(in oklab, var(--color-divider) 30%, transparent)}
.focus\:bg-divider\/40:focus{background-color:color-mix(in oklab, var(--color-divider) 40%, transparent)}
.focus\:bg-divider\/50:focus{background-color:color-mix(in oklab, var(--color-divider) 50%, transparent)}
.focus\:bg-divider\/60:focus{background-color:color-mix(in oklab, var(--color-divider) 60%, transparent)}
.focus\:bg-divider\/70:focus{background-color:color-mix(in oklab, var(--color-divider) 70%, transparent)}
.focus\:bg-divider\/80:focus{background-color:color-mix(in oklab, var(--color-divider) 80%, transparent)}
.focus\:bg-divider\/90:focus{background-color:color-mix(in oklab, var(--color-divider) 90%, transparent)}
.focus\:bg-success\/5:focus{background-color:color-mix(in oklab, var(--color-success) 5%, transparent)}
.focus\:bg-success\/10:focus{background-color:color-mix(in oklab, var(--color-success) 10%, transparent)}
.focus\:bg-success\/15:focus{background-color:color-mix(in oklab, var(--color-success) 15%, transparent)}
.focus\:bg-success\/20:focus{background-color:color-mix(in oklab, var(--color-success) 20%, transparent)}
.focus\:bg-success\/25:focus{background-color:color-mix(in oklab, var(--color-success) 25%, transparent)}
.focus\:bg-success\/30:focus{background-color:color-mix(in oklab, var(--color-success) 30%, transparent)}
.focus\:bg-success\/40:focus{background-color:color-mix(in oklab, var(--color-success) 40%, transparent)}
.focus\:bg-success\/50:focus{background-color:color-mix(in oklab, var(--color-success) 50%, transparent)}
.focus\:bg-success\/60:focus{background-color:color-mix(in oklab, var(--color-success) 60%, transparent)}
.focus\:bg-success\/70:focus{background-color:color-mix(in oklab, var(--color-success) 70%, transparent)}
.focus\:bg-success\/80:focus{background-color:color-mix(in oklab, var(--color-success) 80%, transparent)}
.focus\:bg-success\/90:focus{background-color:color-mix(in oklab, var(--color-success) 90%, transparent)}
.focus\:bg-error\/5:focus{background-color:color-mix(in oklab, var(--color-error) 5%, transparent)}
.focus\:bg-error\/10:focus{background-color:color-mix(in oklab, var(--color-error) 10%, transparent)}
.focus\:bg-error\/15:focus{background-color:color-mix(in oklab, var(--color-error) 15%, transparent)}
.focus\:bg-error\/20:focus{background-color:color-mix(in oklab, var(--color-error) 20%, transparent)}
.focus\:bg-error\/25:focus{background-color:color-mix(in oklab, var(--color-error) 25%, transparent)}
.focus\:bg-error\/30:focus{background-color:color-mix(in oklab, var(--color-error) 30%, transparent)}
.focus\:bg-error\/40:focus{background-color:color-mix(in oklab, var(--color-error) 40%, transparent)}
.focus\:bg-error\/50:focus{background-color:color-mix(in oklab, var(--color-error) 50%, transparent)}
.focus\:bg-error\/60:focus{background-color:color-mix(in oklab, var(--color-error) 60%, transparent)}
.focus\:bg-error\/70:focus{background-color:color-mix(in oklab, var(--color-error) 70%, transparent)}
.focus\:bg-error\/80:focus{background-color:color-mix(in oklab, var(--color-error) 80%, transparent)}
.focus\:bg-error\/90:focus{background-color:color-mix(in oklab, var(--color-error) 90%, transparent)}
.focus\:bg-error-hover\/5:focus{background-color:color-mix(in oklab, var(--color-error-hover) 5%, transparent)}
.focus\:bg-error-hover\/10:focus{background-color:color-mix(in oklab, var(--color-error-hover) 10%, transparent)}
.focus\:bg-error-hover\/15:focus{background-color:color-mix(in oklab, var(--color-error-hover) 15%, transparent)}
.focus\:bg-error-hover\/20:focus{background-color:color-mix(in oklab, var(--color-error-hover) 20%, transparent)}
.focus\:bg-error-hover\/25:focus{background-color:color-mix(in oklab, var(--color-error-hover) 25%, transparent)}
.focus\:bg-error-hover\/30:focus{background-color:color-mix(in oklab, var(--color-error-hover) 30%, transparent)}
.focus\:bg-error-hover\/40:focus{background-color:color-mix(in oklab, var(--color-error-hover) 40%, transparent)}
.focus\:bg-error-hover\/50:focus{background-color:color-mix(in oklab, var(--color-error-hover) 50%, transparent)}
.focus\:bg-error-hover\/60:focus{background-color:color-mix(in oklab, var(--color-error-hover) 60%, transparent)}
.focus\:bg-error-hover\/70:focus{background-color:color-mix(in oklab, var(--color-error-hover) 70%, transparent)}
.focus\:bg-error-hover\/80:focus{background-color:color-mix(in oklab, var(--color-error-hover) 80%, transparent)}
.focus\:bg-error-hover\/90:focus{background-color:color-mix(in oklab, var(--color-error-hover) 90%, transparent)}
.focus\:bg-warning\/5:focus{background-color:color-mix(in oklab, var(--color-warning) 5%, transparent)}
.focus\:bg-warning\/10:focus{background-color:color-mix(in oklab, var(--color-warning) 10%, transparent)}
.focus\:bg-warning\/15:focus{background-color:color-mix(in oklab, var(--color-warning) 15%, transparent)}
.focus\:bg-warning\/20:focus{background-color:color-mix(in oklab, var(--color-warning) 20%, transparent)}
.focus\:bg-warning\/25:focus{background-color:color-mix(in oklab, var(--color-warning) 25%, transparent)}
.focus\:bg-warning\/30:focus{background-color:color-mix(in oklab, var(--color-warning) 30%, transparent)}
.focus\:bg-warning\/40:focus{background-color:color-mix(in oklab, var(--color-warning) 40%, transparent)}
.focus\:bg-warning\/50:focus{background-color:color-mix(in oklab, var(--color-warning) 50%, transparent)}
.focus\:bg-warning\/60:focus{background-color:color-mix(in oklab, var(--color-warning) 60%, transparent)}
.focus\:bg-warning\/70:focus{background-color:color-mix(in oklab, var(--color-warning) 70%, transparent)}
.focus\:bg-warning\/80:focus{background-color:color-mix(in oklab, var(--color-warning) 80%, transparent)}
.focus\:bg-warning\/90:focus{background-color:color-mix(in oklab, var(--color-warning) 90%, transparent)}
.focus\:bg-info\/5:focus{background-color:color-mix(in oklab, var(--color-info) 5%, transparent)}
.focus\:bg-info\/10:focus{background-color:color-mix(in oklab, var(--color-info) 10%, transparent)}
.focus\:bg-info\/15:focus{background-color:color-mix(in oklab, var(--color-info) 15%, transparent)}
.focus\:bg-info\/20:focus{background-color:color-mix(in oklab, var(--color-info) 20%, transparent)}
.focus\:bg-info\/25:focus{background-color:color-mix(in oklab, var(--color-info) 25%, transparent)}
.focus\:bg-info\/30:focus{background-color:color-mix(in oklab, var(--color-info) 30%, transparent)}
.focus\:bg-info\/40:focus{background-color:color-mix(in oklab, var(--color-info) 40%, transparent)}
.focus\:bg-info\/50:focus{background-color:color-mix(in oklab, var(--color-info) 50%, transparent)}
.focus\:bg-info\/60:focus{background-color:color-mix(in oklab, var(--color-info) 60%, transparent)}
.focus\:bg-info\/70:focus{background-color:color-mix(in oklab, var(--color-info) 70%, transparent)}
.focus\:bg-info\/80:focus{background-color:color-mix(in oklab, var(--color-info) 80%, transparent)}
.focus\:bg-info\/90:focus{background-color:color-mix(in oklab, var(--color-info) 90%, transparent)}
.focus\:bg-bg-success\/5:focus{background-color:color-mix(in oklab, var(--color-bg-success) 5%, transparent)}
.focus\:bg-bg-success\/10:focus{background-color:color-mix(in oklab, var(--color-bg-success) 10%, transparent)}
.focus\:bg-bg-success\/15:focus{background-color:color-mix(in oklab, var(--color-bg-success) 15%, transparent)}
.focus\:bg-bg-success\/20:focus{background-color:color-mix(in oklab, var(--color-bg-success) 20%, transparent)}
.focus\:bg-bg-success\/25:focus{background-color:color-mix(in oklab, var(--color-bg-success) 25%, transparent)}
.focus\:bg-bg-success\/30:focus{background-color:color-mix(in oklab, var(--color-bg-success) 30%, transparent)}
.focus\:bg-bg-success\/40:focus{background-color:color-mix(in oklab, var(--color-bg-success) 40%, transparent)}
.focus\:bg-bg-success\/50:focus{background-color:color-mix(in oklab, var(--color-bg-success) 50%, transparent)}
.focus\:bg-bg-success\/60:focus{background-color:color-mix(in oklab, var(--color-bg-success) 60%, transparent)}
.focus\:bg-bg-success\/70:focus{background-color:color-mix(in oklab, var(--color-bg-success) 70%, transparent)}
.focus\:bg-bg-success\/80:focus{background-color:color-mix(in oklab, var(--color-bg-success) 80%, transparent)}
.focus\:bg-bg-success\/90:focus{background-color:color-mix(in oklab, var(--color-bg-success) 90%, transparent)}
.focus\:bg-bg-error\/5:focus{background-color:color-mix(in oklab, var(--color-bg-error) 5%, transparent)}
.focus\:bg-bg-error\/10:focus{background-color:color-mix(in oklab, var(--color-bg-error) 10%, transparent)}
.focus\:bg-bg-error\/15:focus{background-color:color-mix(in oklab, var(--color-bg-error) 15%, transparent)}
.focus\:bg-bg-error\/20:focus{background-color:color-mix(in oklab, var(--color-bg-error) 20%, transparent)}
.focus\:bg-bg-error\/25:focus{background-color:color-mix(in oklab, var(--color-bg-error) 25%, transparent)}
.focus\:bg-bg-error\/30:focus{background-color:color-mix(in oklab, var(--color-bg-error) 30%, transparent)}
.focus\:bg-bg-error\/40:focus{background-color:color-mix(in oklab, var(--color-bg-error) 40%, transparent)}
.focus\:bg-bg-error\/50:focus{background-color:color-mix(in oklab, var(--color-bg-error) 50%, transparent)}
.focus\:bg-bg-error\/60:focus{background-color:color-mix(in oklab, var(--color-bg-error) 60%, transparent)}
.focus\:bg-bg-error\/70:focus{background-color:color-mix(in oklab, var(--color-bg-error) 70%, transparent)}
.focus\:bg-bg-error\/80:focus{background-color:color-mix(in oklab, var(--color-bg-error) 80%, transparent)}
.focus\:bg-bg-error\/90:focus{background-color:color-mix(in oklab, var(--color-bg-error) 90%, transparent)}
.focus\:bg-bg-warning\/5:focus{background-color:color-mix(in oklab, var(--color-bg-warning) 5%, transparent)}
.focus\:bg-bg-warning\/10:focus{background-color:color-mix(in oklab, var(--color-bg-warning) 10%, transparent)}
.focus\:bg-bg-warning\/15:focus{background-color:color-mix(in oklab, var(--color-bg-warning) 15%, transparent)}
.focus\:bg-bg-warning\/20:focus{background-color:color-mix(in oklab, var(--color-bg-warning) 20%, transparent)}
.focus\:bg-bg-warning\/25:focus{background-color:color-mix(in oklab, var(--color-bg-warning) 25%, transparent)}
.focus\:bg-bg-warning\/30:focus{background-color:color-mix(in oklab, var(--color-bg-warning) 30%, transparent)}
.focus\:bg-bg-warning\/40:focus{background-color:color-mix(in oklab, var(--color-bg-warning) 40%, transparent)}
.focus\:bg-bg-warning\/50:focus{background-color:color-mix(in oklab, var(--color-bg-warning) 50%, transparent)}
.focus\:bg-bg-warning\/60:focus{background-color:color-mix(in oklab, var(--color-bg-warning) 60%, transparent)}
.focus\:bg-bg-warning\/70:focus{background-color:color-mix(in oklab, var(--color-bg-warning) 70%, transparent)}
.focus\:bg-bg-warning\/80:focus{background-color:color-mix(in oklab, var(--color-bg-warning) 80%, transparent)}
.focus\:bg-bg-warning\/90:focus{background-color:color-mix(in oklab, var(--color-bg-warning) 90%, transparent)}
.focus\:bg-bg-info\/5:focus{background-color:color-mix(in oklab, var(--color-bg-info) 5%, transparent)}
.focus\:bg-bg-info\/10:focus{background-color:color-mix(in oklab, var(--color-bg-info) 10%, transparent)}
.focus\:bg-bg-info\/15:focus{background-color:color-mix(in oklab, var(--color-bg-info) 15%, transparent)}
.focus\:bg-bg-info\/20:focus{background-color:color-mix(in oklab, var(--color-bg-info) 20%, transparent)}
.focus\:bg-bg-info\/25:focus{background-color:color-mix(in oklab, var(--color-bg-info) 25%, transparent)}
.focus\:bg-bg-info\/30:focus{background-color:color-mix(in oklab, var(--color-bg-info) 30%, transparent)}
.focus\:bg-bg-info\/40:focus{background-color:color-mix(in oklab, var(--color-bg-info) 40%, transparent)}
.focus\:bg-bg-info\/50:focus{background-color:color-mix(in oklab, var(--color-bg-info) 50%, transparent)}
.focus\:bg-bg-info\/60:focus{background-color:color-mix(in oklab, var(--color-bg-info) 60%, transparent)}
.focus\:bg-bg-info\/70:focus{background-color:color-mix(in oklab, var(--color-bg-info) 70%, transparent)}
.focus\:bg-bg-info\/80:focus{background-color:color-mix(in oklab, var(--color-bg-info) 80%, transparent)}
.focus\:bg-bg-info\/90:focus{background-color:color-mix(in oklab, var(--color-bg-info) 90%, transparent)}
.focus\:bg-title-start\/5:focus{background-color:color-mix(in oklab, var(--color-title-start) 5%, transparent)}
.focus\:bg-title-start\/10:focus{background-color:color-mix(in oklab, var(--color-title-start) 10%, transparent)}
.focus\:bg-title-start\/15:focus{background-color:color-mix(in oklab, var(--color-title-start) 15%, transparent)}
.focus\:bg-title-start\/20:focus{background-color:color-mix(in oklab, var(--color-title-start) 20%, transparent)}
.focus\:bg-title-start\/25:focus{background-color:color-mix(in oklab, var(--color-title-start) 25%, transparent)}
.focus\:bg-title-start\/30:focus{background-color:color-mix(in oklab, var(--color-title-start) 30%, transparent)}
.focus\:bg-title-start\/40:focus{background-color:color-mix(in oklab, var(--color-title-start) 40%, transparent)}
.focus\:bg-title-start\/50:focus{background-color:color-mix(in oklab, var(--color-title-start) 50%, transparent)}
.focus\:bg-title-start\/60:focus{background-color:color-mix(in oklab, var(--color-title-start) 60%, transparent)}
.focus\:bg-title-start\/70:focus{background-color:color-mix(in oklab, var(--color-title-start) 70%, transparent)}
.focus\:bg-title-start\/80:focus{background-color:color-mix(in oklab, var(--color-title-start) 80%, transparent)}
.focus\:bg-title-start\/90:focus{background-color:color-mix(in oklab, var(--color-title-start) 90%, transparent)}
.focus\:bg-title-end\/5:focus{background-color:color-mix(in oklab, var(--color-title-end) 5%, transparent)}
.focus\:bg-title-end\/10:focus{background-color:color-mix(in oklab, var(--color-title-end) 10%, transparent)}
.focus\:bg-title-end\/15:focus{background-color:color-mix(in oklab, var(--color-title-end) 15%, transparent)}
.focus\:bg-title-end\/20:focus{background-color:color-mix(in oklab, var(--color-title-end) 20%, transparent)}
.focus\:bg-title-end\/25:focus{background-color:color-mix(in oklab, var(--color-title-end) 25%, transparent)}
.focus\:bg-title-end\/30:focus{background-color:color-mix(in oklab, var(--color-title-end) 30%, transparent)}
.focus\:bg-title-end\/40:focus{background-color:color-mix(in oklab, var(--color-title-end) 40%, transparent)}
.focus\:bg-title-end\/50:focus{background-color:color-mix(in oklab, var(--color-title-end) 50%, transparent)}
.focus\:bg-title-end\/60:focus{background-color:color-mix(in oklab, var(--color-title-end) 60%, transparent)}
.focus\:bg-title-end\/70:focus{background-color:color-mix(in oklab, var(--color-title-end) 70%, transparent)}
.focus\:bg-title-end\/80:focus{background-color:color-mix(in oklab, var(--color-title-end) 80%, transparent)}
.focus\:bg-title-end\/90:focus{background-color:color-mix(in oklab, var(--color-title-end) 90%, transparent)}
.focus\:bg-bg-start\/5:focus{background-color:color-mix(in oklab, var(--color-bg-start) 5%, transparent)}
.focus\:bg-bg-start\/10:focus{background-color:color-mix(in oklab, var(--color-bg-start) 10%, transparent)}
.focus\:bg-bg-start\/15:focus{background-color:color-mix(in oklab, var(--color-bg-start) 15%, transparent)}
.focus\:bg-bg-start\/20:focus{background-color:color-mix(in oklab, var(--color-bg-start) 20%, transparent)}
.focus\:bg-bg-start\/25:focus{background-color:color-mix(in oklab, var(--color-bg-start) 25%, transparent)}
.focus\:bg-bg-start\/30:focus{background-color:color-mix(in oklab, var(--color-bg-start) 30%, transparent)}
.focus\:bg-bg-start\/40:focus{background-color:color-mix(in oklab, var(--color-bg-start) 40%, transparent)}
.focus\:bg-bg-start\/50:focus{background-color:color-mix(in oklab, var(--color-bg-start) 50%, transparent)}
.focus\:bg-bg-start\/60:focus{background-color:color-mix(in oklab, var(--color-bg-start) 60%, transparent)}
.focus\:bg-bg-start\/70:focus{background-color:color-mix(in oklab, var(--color-bg-start) 70%, transparent)}
.focus\:bg-bg-start\/80:focus{background-color:color-mix(in oklab, var(--color-bg-start) 80%, transparent)}
.focus\:bg-bg-start\/90:focus{background-color:color-mix(in oklab, var(--color-bg-start) 90%, transparent)}
.focus\:bg-bg-end\/5:focus{background-color:color-mix(in oklab, var(--color-bg-end) 5%, transparent)}
.focus\:bg-bg-end\/10:focus{background-color:color-mix(in oklab, var(--color-bg-end) 10%, transparent)}
.focus\:bg-bg-end\/15:focus{background-color:color-mix(in oklab, var(--color-bg-end) 15%, transparent)}
.focus\:bg-bg-end\/20:focus{background-color:color-mix(in oklab, var(--color-bg-end) 20%, transparent)}
.focus\:bg-bg-end\/25:focus{background-color:color-mix(in oklab, var(--color-bg-end) 25%, transparent)}
.focus\:bg-bg-end\/30:focus{background-color:color-mix(in oklab, var(--color-bg-end) 30%, transparent)}
.focus\:bg-bg-end\/40:focus{background-color:color-mix(in oklab, var(--color-bg-end) 40%, transparent)}
.focus\:bg-bg-end\/50:focus{background-color:color-mix(in oklab, var(--color-bg-end) 50%, transparent)}
.focus\:bg-bg-end\/60:focus{background-color:color-mix(in oklab, var(--color-bg-end) 60%, transparent)}
.focus\:bg-bg-end\/70:focus{background-color:color-mix(in oklab, var(--color-bg-end) 70%, transparent)}
.focus\:bg-bg-end\/80:focus{background-color:color-mix(in oklab, var(--color-bg-end) 80%, transparent)}
.focus\:bg-bg-end\/90:focus{background-color:color-mix(in oklab, var(--color-bg-end) 90%, transparent)}
.focus\:bg-primary-content\/5:focus{background-color:color-mix(in oklab, var(--color-primary-content) 5%, transparent)}
.focus\:bg-primary-content\/10:focus{background-color:color-mix(in oklab, var(--color-primary-content) 10%, transparent)}
.focus\:bg-primary-content\/15:focus{background-color:color-mix(in oklab, var(--color-primary-content) 15%, transparent)}
.focus\:bg-primary-content\/20:focus{background-color:color-mix(in oklab, var(--color-primary-content) 20%, transparent)}
.focus\:bg-primary-content\/25:focus{background-color:color-mix(in oklab, var(--color-primary-content) 25%, transparent)}
.focus\:bg-primary-content\/30:focus{background-color:color-mix(in oklab, var(--color-primary-content) 30%, transparent)}
.focus\:bg-primary-content\/40:focus{background-color:color-mix(in oklab, var(--color-primary-content) 40%, transparent)}
.focus\:bg-primary-content\/50:focus{background-color:color-mix(in oklab, var(--color-primary-content) 50%, transparent)}
.focus\:bg-primary-content\/60:focus{background-color:color-mix(in oklab, var(--color-primary-content) 60%, transparent)}
.focus\:bg-primary-content\/70:focus{background-color:color-mix(in oklab, var(--color-primary-content) 70%, transparent)}
.focus\:bg-primary-content\/80:focus{background-color:color-mix(in oklab, var(--color-primary-content) 80%, transparent)}
.focus\:bg-primary-content\/90:focus{background-color:color-mix(in oklab, var(--color-primary-content) 90%, transparent)}
.focus\:bg-secondary-content\/5:focus{background-color:color-mix(in oklab, var(--color-secondary-content) 5%, transparent)}
.focus\:bg-secondary-content\/10:focus{background-color:color-mix(in oklab, var(--color-secondary-content) 10%, transparent)}
.focus\:bg-secondary-content\/15:focus{background-color:color-mix(in oklab, var(--color-secondary-content) 15%, transparent)}
.focus\:bg-secondary-content\/20:focus{background-color:color-mix(in oklab, var(--color-secondary-content) 20%, transparent)}
.focus\:bg-secondary-content\/25:focus{background-color:color-mix(in oklab, var(--color-secondary-content) 25%, transparent)}
.focus\:bg-secondary-content\/30:focus{background-color:color-mix(in oklab, var(--color-secondary-content) 30%, transparent)}
.focus\:bg-secondary-content\/40:focus{background-color:color-mix(in oklab, var(--color-secondary-content) 40%, transparent)}
.focus\:bg-secondary-content\/50:focus{background-color:color-mix(in oklab, var(--color-secondary-content) 50%, transparent)}
.focus\:bg-secondary-content\/60:focus{background-color:color-mix(in oklab, var(--color-secondary-content) 60%, transparent)}
.focus\:bg-secondary-content\/70:focus{background-color:color-mix(in oklab, var(--color-secondary-content) 70%, transparent)}
.focus\:bg-secondary-content\/80:focus{background-color:color-mix(in oklab, var(--color-secondary-content) 80%, transparent)}
.focus\:bg-secondary-content\/90:focus{background-color:color-mix(in oklab, var(--color-secondary-content) 90%, transparent)}
.focus\:bg-base-100\/5:focus{background-color:color-mix(in oklab, var(--color-base-100) 5%, transparent)}
.focus\:bg-base-100\/10:focus{background-color:color-mix(in oklab, var(--color-base-100) 10%, transparent)}
.focus\:bg-base-100\/15:focus{background-color:color-mix(in oklab, var(--color-base-100) 15%, transparent)}
.focus\:bg-base-100\/20:focus{background-color:color-mix(in oklab, var(--color-base-100) 20%, transparent)}
.focus\:bg-base-100\/25:focus{background-color:color-mix(in oklab, var(--color-base-100) 25%, transparent)}
.focus\:bg-base-100\/30:focus{background-color:color-mix(in oklab, var(--color-base-100) 30%, transparent)}
.focus\:bg-base-100\/40:focus{background-color:color-mix(in oklab, var(--color-base-100) 40%, transparent)}
.focus\:bg-base-100\/50:focus{background-color:color-mix(in oklab, var(--color-base-100) 50%, transparent)}
.focus\:bg-base-100\/60:focus{background-color:color-mix(in oklab, var(--color-base-100) 60%, transparent)}
.focus\:bg-base-100\/70:focus{background-color:color-mix(in oklab, var(--color-base-100) 70%, transparent)}
.focus\:bg-base-100\/80:focus{background-color:color-mix(in oklab, var(--color-base-100) 80%, transparent)}
.focus\:bg-base-100\/90:focus{background-color:color-mix(in oklab, var(--color-base-100) 90%, transparent)}
.focus\:bg-base-200\/5:focus{background-color:color-mix(in oklab, var(--color-base-200) 5%, transparent)}
.focus\:bg-base-200\/10:focus{background-color:color-mix(in oklab, var(--color-base-200) 10%, transparent)}
.focus\:bg-base-200\/15:focus{background-color:color-mix(in oklab, var(--color-base-200) 15%, transparent)}
.focus\:bg-base-200\/20:focus{background-color:color-mix(in oklab, var(--color-base-200) 20%, transparent)}
.focus\:bg-base-200\/25:focus{background-color:color-mix(in oklab, var(--color-base-200) 25%, transparent)}
.focus\:bg-base-200\/30:focus{background-color:color-mix(in oklab, var(--color-base-200) 30%, transparent)}
.focus\:bg-base-200\/40:focus{background-color:color-mix(in oklab, var(--color-base-200) 40%, transparent)}
.focus\:bg-base-200\/50:focus{background-color:color-mix(in oklab, var(--color-base-200) 50%, transparent)}
.focus\:bg-base-200\/60:focus{background-color:color-mix(in oklab, var(--color-base-200) 60%, transparent)}
.focus\:bg-base-200\/70:focus{background-color:color-mix(in oklab, var(--color-base-200) 70%, transparent)}
.focus\:bg-base-200\/80:focus{background-color:color-mix(in oklab, var(--color-base-200) 80%, transparent)}
.focus\:bg-base-200\/90:focus{background-color:color-mix(in oklab, var(--color-base-200) 90%, transparent)}
.focus\:bg-base-300\/5:focus{background-color:color-mix(in oklab, var(--color-base-300) 5%, transparent)}
.focus\:bg-base-300\/10:focus{background-color:color-mix(in oklab, var(--color-base-300) 10%, transparent)}
.focus\:bg-base-300\/15:focus{background-color:color-mix(in oklab, var(--color-base-300) 15%, transparent)}
.focus\:bg-base-300\/20:focus{background-color:color-mix(in oklab, var(--color-base-300) 20%, transparent)}
.focus\:bg-base-300\/25:focus{background-color:color-mix(in oklab, var(--color-base-300) 25%, transparent)}
.focus\:bg-base-300\/30:focus{background-color:color-mix(in oklab, var(--color-base-300) 30%, transparent)}
.focus\:bg-base-300\/40:focus{background-color:color-mix(in oklab, var(--color-base-300) 40%, transparent)}
.focus\:bg-base-300\/50:focus{background-color:color-mix(in oklab, var(--color-base-300) 50%, transparent)}
.focus\:bg-base-300\/60:focus{background-color:color-mix(in oklab, var(--color-base-300) 60%, transparent)}
.focus\:bg-base-300\/70:focus{background-color:color-mix(in oklab, var(--color-base-300) 70%, transparent)}
.focus\:bg-base-300\/80:focus{background-color:color-mix(in oklab, var(--color-base-300) 80%, transparent)}
.focus\:bg-base-300\/90:focus{background-color:color-mix(in oklab, var(--color-base-300) 90%, transparent)}
.focus\:bg-base-content\/5:focus{background-color:color-mix(in oklab, var(--color-base-content) 5%, transparent)}
.focus\:bg-base-content\/10:focus{background-color:color-mix(in oklab, var(--color-base-content) 10%, transparent)}
.focus\:bg-base-content\/15:focus{background-color:color-mix(in oklab, var(--color-base-content) 15%, transparent)}
.focus\:bg-base-content\/20:focus{background-color:color-mix(in oklab, var(--color-base-content) 20%, transparent)}
.focus\:bg-base-content\/25:focus{background-color:color-mix(in oklab, var(--color-base-content) 25%, transparent)}
.focus\:bg-base-content\/30:focus{background-color:color-mix(in oklab, var(--color-base-content) 30%, transparent)}
.focus\:bg-base-content\/40:focus{background-color:color-mix(in oklab, var(--color-base-content) 40%, transparent)}
.focus\:bg-base-content\/50:focus{background-color:color-mix(in oklab, var(--color-base-content) 50%, transparent)}
.focus\:bg-base-content\/60:focus{background-color:color-mix(in oklab, var(--color-base-content) 60%, transparent)}
.focus\:bg-base-content\/70:focus{background-color:color-mix(in oklab, var(--color-base-content) 70%, transparent)}
.focus\:bg-base-content\/80:focus{background-color:color-mix(in oklab, var(--color-base-content) 80%, transparent)}
.focus\:bg-base-content\/90:focus{background-color:color-mix(in oklab, var(--color-base-content) 90%, transparent)}
.focus\:bg-white\/5:focus{background-color:color-mix(in oklab, var(--color-white) 5%, transparent)}
.focus\:bg-white\/10:focus{background-color:color-mix(in oklab, var(--color-white) 10%, transparent)}
.focus\:bg-white\/15:focus{background-color:color-mix(in oklab, var(--color-white) 15%, transparent)}
.focus\:bg-white\/20:focus{background-color:color-mix(in oklab, var(--color-white) 20%, transparent)}
.focus\:bg-white\/25:focus{background-color:color-mix(in oklab, var(--color-white) 25%, transparent)}
.focus\:bg-white\/30:focus{background-color:color-mix(in oklab, var(--color-white) 30%, transparent)}
.focus\:bg-white\/40:focus{background-color:color-mix(in oklab, var(--color-white) 40%, transparent)}
.focus\:bg-white\/50:focus{background-color:color-mix(in oklab, var(--color-white) 50%, transparent)}
.focus\:bg-white\/60:focus{background-color:color-mix(in oklab, var(--color-white) 60%, transparent)}
.focus\:bg-white\/70:focus{background-color:color-mix(in oklab, var(--color-white) 70%, transparent)}
.focus\:bg-white\/80:focus{background-color:color-mix(in oklab, var(--color-white) 80%, transparent)}
.focus\:bg-white\/90:focus{background-color:color-mix(in oklab, var(--color-white) 90%, transparent)}
.focus\:bg-black\/5:focus{background-color:color-mix(in oklab, var(--color-black) 5%, transparent)}
.focus\:bg-black\/10:focus{background-color:color-mix(in oklab, var(--color-black) 10%, transparent)}
.focus\:bg-black\/15:focus{background-color:color-mix(in oklab, var(--color-black) 15%, transparent)}
.focus\:bg-black\/20:focus{background-color:color-mix(in oklab, var(--color-black) 20%, transparent)}
.focus\:bg-black\/25:focus{background-color:color-mix(in oklab, var(--color-black) 25%, transparent)}
.focus\:bg-black\/30:focus{background-color:color-mix(in oklab, var(--color-black) 30%, transparent)}
.focus\:bg-black\/40:focus{background-color:color-mix(in oklab, var(--color-black) 40%, transparent)}
.focus\:bg-black\/50:focus{background-color:color-mix(in oklab, var(--color-black) 50%, transparent)}
.focus\:bg-black\/60:focus{background-color:color-mix(in oklab, var(--color-black) 60%, transparent)}
.focus\:bg-black\/70:focus{background-color:color-mix(in oklab, var(--color-black) 70%, transparent)}
.focus\:bg-black\/80:focus{background-color:color-mix(in oklab, var(--color-black) 80%, transparent)}
.focus\:bg-black\/90:focus{background-color:color-mix(in oklab, var(--color-black) 90%, transparent)}
.focus\:text-primary\/5:focus{color:color-mix(in oklab, var(--color-primary) 5%, transparent)}
.focus\:text-primary\/10:focus{color:color-mix(in oklab, var(--color-primary) 10%, transparent)}
.focus\:text-primary\/15:focus{color:color-mix(in oklab, var(--color-primary) 15%, transparent)}
.focus\:text-primary\/20:focus{color:color-mix(in oklab, var(--color-primary) 20%, transparent)}
.focus\:text-primary\/25:focus{color:color-mix(in oklab, var(--color-primary) 25%, transparent)}
.focus\:text-primary\/30:focus{color:color-mix(in oklab, var(--color-primary) 30%, transparent)}
.focus\:text-primary\/40:focus{color:color-mix(in oklab, var(--color-primary) 40%, transparent)}
.focus\:text-primary\/50:focus{color:color-mix(in oklab, var(--color-primary) 50%, transparent)}
.focus\:text-primary\/60:focus{color:color-mix(in oklab, var(--color-primary) 60%, transparent)}
.focus\:text-primary\/70:focus{color:color-mix(in oklab, var(--color-primary) 70%, transparent)}
.focus\:text-primary\/80:focus{color:color-mix(in oklab, var(--color-primary) 80%, transparent)}
.focus\:text-primary\/90:focus{color:color-mix(in oklab, var(--color-primary) 90%, transparent)}
.focus\:text-secondary\/5:focus{color:color-mix(in oklab, var(--color-secondary) 5%, transparent)}
.focus\:text-secondary\/10:focus{color:color-mix(in oklab, var(--color-secondary) 10%, transparent)}
.focus\:text-secondary\/15:focus{color:color-mix(in oklab, var(--color-secondary) 15%, transparent)}
.focus\:text-secondary\/20:focus{color:color-mix(in oklab, var(--color-secondary) 20%, transparent)}
.focus\:text-secondary\/25:focus{color:color-mix(in oklab, var(--color-secondary) 25%, transparent)}
.focus\:text-secondary\/30:focus{color:color-mix(in oklab, var(--color-secondary) 30%, transparent)}
.focus\:text-secondary\/40:focus{color:color-mix(in oklab, var(--color-secondary) 40%, transparent)}
.focus\:text-secondary\/50:focus{color:color-mix(in oklab, var(--color-secondary) 50%, transparent)}
.focus\:text-secondary\/60:focus{color:color-mix(in oklab, var(--color-secondary) 60%, transparent)}
.focus\:text-secondary\/70:focus{color:color-mix(in oklab, var(--color-secondary) 70%, transparent)}
.focus\:text-secondary\/80:focus{color:color-mix(in oklab, var(--color-secondary) 80%, transparent)}
.focus\:text-secondary\/90:focus{color:color-mix(in oklab, var(--color-secondary) 90%, transparent)}
.focus\:text-background\/5:focus{color:color-mix(in oklab, var(--color-background) 5%, transparent)}
.focus\:text-background\/10:focus{color:color-mix(in oklab, var(--color-background) 10%, transparent)}
.focus\:text-background\/15:focus{color:color-mix(in oklab, var(--color-background) 15%, transparent)}
.focus\:text-background\/20:focus{color:color-mix(in oklab, var(--color-background) 20%, transparent)}
.focus\:text-background\/25:focus{color:color-mix(in oklab, var(--color-background) 25%, transparent)}
.focus\:text-background\/30:focus{color:color-mix(in oklab, var(--color-background) 30%, transparent)}
.focus\:text-background\/40:focus{color:color-mix(in oklab, var(--color-background) 40%, transparent)}
.focus\:text-background\/50:focus{color:color-mix(in oklab, var(--color-background) 50%, transparent)}
.focus\:text-background\/60:focus{color:color-mix(in oklab, var(--color-background) 60%, transparent)}
.focus\:text-background\/70:focus{color:color-mix(in oklab, var(--color-background) 70%, transparent)}
.focus\:text-background\/80:focus{color:color-mix(in oklab, var(--color-background) 80%, transparent)}
.focus\:text-background\/90:focus{color:color-mix(in oklab, var(--color-background) 90%, transparent)}
.focus\:text-transparent\/5:focus{color:color-mix(in oklab, var(--color-transparent) 5%, transparent)}
.focus\:text-transparent\/10:focus{color:color-mix(in oklab, var(--color-transparent) 10%, transparent)}
.focus\:text-transparent\/15:focus{color:color-mix(in oklab, var(--color-transparent) 15%, transparent)}
.focus\:text-transparent\/20:focus{color:color-mix(in oklab, var(--color-transparent) 20%, transparent)}
.focus\:text-transparent\/25:focus{color:color-mix(in oklab, var(--color-transparent) 25%, transparent)}
.focus\:text-transparent\/30:focus{color:color-mix(in oklab, var(--color-transparent) 30%, transparent)}
.focus\:text-transparent\/40:focus{color:color-mix(in oklab, var(--color-transparent) 40%, transparent)}
.focus\:text-transparent\/50:focus{color:color-mix(in oklab, var(--color-transparent) 50%, transparent)}
.focus\:text-transparent\/60:focus{color:color-mix(in oklab, var(--color-transparent) 60%, transparent)}
.focus\:text-transparent\/70:focus{color:color-mix(in oklab, var(--color-transparent) 70%, transparent)}
.focus\:text-transparent\/80:focus{color:color-mix(in oklab, var(--color-transparent) 80%, transparent)}
.focus\:text-transparent\/90:focus{color:color-mix(in oklab, var(--color-transparent) 90%, transparent)}
.focus\:text-active\/5:focus{color:color-mix(in oklab, var(--color-active) 5%, transparent)}
.focus\:text-active\/10:focus{color:color-mix(in oklab, var(--color-active) 10%, transparent)}
.focus\:text-active\/15:focus{color:color-mix(in oklab, var(--color-active) 15%, transparent)}
.focus\:text-active\/20:focus{color:color-mix(in oklab, var(--color-active) 20%, transparent)}
.focus\:text-active\/25:focus{color:color-mix(in oklab, var(--color-active) 25%, transparent)}
.focus\:text-active\/30:focus{color:color-mix(in oklab, var(--color-active) 30%, transparent)}
.focus\:text-active\/40:focus{color:color-mix(in oklab, var(--color-active) 40%, transparent)}
.focus\:text-active\/50:focus{color:color-mix(in oklab, var(--color-active) 50%, transparent)}
.focus\:text-active\/60:focus{color:color-mix(in oklab, var(--color-active) 60%, transparent)}
.focus\:text-active\/70:focus{color:color-mix(in oklab, var(--color-active) 70%, transparent)}
.focus\:text-active\/80:focus{color:color-mix(in oklab, var(--color-active) 80%, transparent)}
.focus\:text-active\/90:focus{color:color-mix(in oklab, var(--color-active) 90%, transparent)}
.focus\:text-hover\/5:focus{color:color-mix(in oklab, var(--color-hover) 5%, transparent)}
.focus\:text-hover\/10:focus{color:color-mix(in oklab, var(--color-hover) 10%, transparent)}
.focus\:text-hover\/15:focus{color:color-mix(in oklab, var(--color-hover) 15%, transparent)}
.focus\:text-hover\/20:focus{color:color-mix(in oklab, var(--color-hover) 20%, transparent)}
.focus\:text-hover\/25:focus{color:color-mix(in oklab, var(--color-hover) 25%, transparent)}
.focus\:text-hover\/30:focus{color:color-mix(in oklab, var(--color-hover) 30%, transparent)}
.focus\:text-hover\/40:focus{color:color-mix(in oklab, var(--color-hover) 40%, transparent)}
.focus\:text-hover\/50:focus{color:color-mix(in oklab, var(--color-hover) 50%, transparent)}
.focus\:text-hover\/60:focus{color:color-mix(in oklab, var(--color-hover) 60%, transparent)}
.focus\:text-hover\/70:focus{color:color-mix(in oklab, var(--color-hover) 70%, transparent)}
.focus\:text-hover\/80:focus{color:color-mix(in oklab, var(--color-hover) 80%, transparent)}
.focus\:text-hover\/90:focus{color:color-mix(in oklab, var(--color-hover) 90%, transparent)}
.focus\:text-not-active\/5:focus{color:color-mix(in oklab, var(--color-not-active) 5%, transparent)}
.focus\:text-not-active\/10:focus{color:color-mix(in oklab, var(--color-not-active) 10%, transparent)}
.focus\:text-not-active\/15:focus{color:color-mix(in oklab, var(--color-not-active) 15%, transparent)}
.focus\:text-not-active\/20:focus{color:color-mix(in oklab, var(--color-not-active) 20%, transparent)}
.focus\:text-not-active\/25:focus{color:color-mix(in oklab, var(--color-not-active) 25%, transparent)}
.focus\:text-not-active\/30:focus{color:color-mix(in oklab, var(--color-not-active) 30%, transparent)}
.focus\:text-not-active\/40:focus{color:color-mix(in oklab, var(--color-not-active) 40%, transparent)}
.focus\:text-not-active\/50:focus{color:color-mix(in oklab, var(--color-not-active) 50%, transparent)}
.focus\:text-not-active\/60:focus{color:color-mix(in oklab, var(--color-not-active) 60%, transparent)}
.focus\:text-not-active\/70:focus{color:color-mix(in oklab, var(--color-not-active) 70%, transparent)}
.focus\:text-not-active\/80:focus{color:color-mix(in oklab, var(--color-not-active) 80%, transparent)}
.focus\:text-not-active\/90:focus{color:color-mix(in oklab, var(--color-not-active) 90%, transparent)}
.focus\:text-primary-text\/5:focus{color:color-mix(in oklab, var(--color-primary-text) 5%, transparent)}
.focus\:text-primary-text\/10:focus{color:color-mix(in oklab, var(--color-primary-text) 10%, transparent)}
.focus\:text-primary-text\/15:focus{color:color-mix(in oklab, var(--color-primary-text) 15%, transparent)}
.focus\:text-primary-text\/20:focus{color:color-mix(in oklab, var(--color-primary-text) 20%, transparent)}
.focus\:text-primary-text\/25:focus{color:color-mix(in oklab, var(--color-primary-text) 25%, transparent)}
.focus\:text-primary-text\/30:focus{color:color-mix(in oklab, var(--color-primary-text) 30%, transparent)}
.focus\:text-primary-text\/40:focus{color:color-mix(in oklab, var(--color-primary-text) 40%, transparent)}
.focus\:text-primary-text\/50:focus{color:color-mix(in oklab, var(--color-primary-text) 50%, transparent)}
.focus\:text-primary-text\/60:focus{color:color-mix(in oklab, var(--color-primary-text) 60%, transparent)}
.focus\:text-primary-text\/70:focus{color:color-mix(in oklab, var(--color-primary-text) 70%, transparent)}
.focus\:text-primary-text\/80:focus{color:color-mix(in oklab, var(--color-primary-text) 80%, transparent)}
.focus\:text-primary-text\/90:focus{color:color-mix(in oklab, var(--color-primary-text) 90%, transparent)}
.focus\:text-secondary-text\/5:focus{color:color-mix(in oklab, var(--color-secondary-text) 5%, transparent)}
.focus\:text-secondary-text\/10:focus{color:color-mix(in oklab, var(--color-secondary-text) 10%, transparent)}
.focus\:text-secondary-text\/15:focus{color:color-mix(in oklab, var(--color-secondary-text) 15%, transparent)}
.focus\:text-secondary-text\/20:focus{color:color-mix(in oklab, var(--color-secondary-text) 20%, transparent)}
.focus\:text-secondary-text\/25:focus{color:color-mix(in oklab, var(--color-secondary-text) 25%, transparent)}
.focus\:text-secondary-text\/30:focus{color:color-mix(in oklab, var(--color-secondary-text) 30%, transparent)}
.focus\:text-secondary-text\/40:focus{color:color-mix(in oklab, var(--color-secondary-text) 40%, transparent)}
.focus\:text-secondary-text\/50:focus{color:color-mix(in oklab, var(--color-secondary-text) 50%, transparent)}
.focus\:text-secondary-text\/60:focus{color:color-mix(in oklab, var(--color-secondary-text) 60%, transparent)}
.focus\:text-secondary-text\/70:focus{color:color-mix(in oklab, var(--color-secondary-text) 70%, transparent)}
.focus\:text-secondary-text\/80:focus{color:color-mix(in oklab, var(--color-secondary-text) 80%, transparent)}
.focus\:text-secondary-text\/90:focus{color:color-mix(in oklab, var(--color-secondary-text) 90%, transparent)}
.focus\:text-tertiary-text\/5:focus{color:color-mix(in oklab, var(--color-tertiary-text) 5%, transparent)}
.focus\:text-tertiary-text\/10:focus{color:color-mix(in oklab, var(--color-tertiary-text) 10%, transparent)}
.focus\:text-tertiary-text\/15:focus{color:color-mix(in oklab, var(--color-tertiary-text) 15%, transparent)}
.focus\:text-tertiary-text\/20:focus{color:color-mix(in oklab, var(--color-tertiary-text) 20%, transparent)}
.focus\:text-tertiary-text\/25:focus{color:color-mix(in oklab, var(--color-tertiary-text) 25%, transparent)}
.focus\:text-tertiary-text\/30:focus{color:color-mix(in oklab, var(--color-tertiary-text) 30%, transparent)}
.focus\:text-tertiary-text\/40:focus{color:color-mix(in oklab, var(--color-tertiary-text) 40%, transparent)}
.focus\:text-tertiary-text\/50:focus{color:color-mix(in oklab, var(--color-tertiary-text) 50%, transparent)}
.focus\:text-tertiary-text\/60:focus{color:color-mix(in oklab, var(--color-tertiary-text) 60%, transparent)}
.focus\:text-tertiary-text\/70:focus{color:color-mix(in oklab, var(--color-tertiary-text) 70%, transparent)}
.focus\:text-tertiary-text\/80:focus{color:color-mix(in oklab, var(--color-tertiary-text) 80%, transparent)}
.focus\:text-tertiary-text\/90:focus{color:color-mix(in oklab, var(--color-tertiary-text) 90%, transparent)}
.focus\:text-not-active-text\/5:focus{color:color-mix(in oklab, var(--color-not-active-text) 5%, transparent)}
.focus\:text-not-active-text\/10:focus{color:color-mix(in oklab, var(--color-not-active-text) 10%, transparent)}
.focus\:text-not-active-text\/15:focus{color:color-mix(in oklab, var(--color-not-active-text) 15%, transparent)}
.focus\:text-not-active-text\/20:focus{color:color-mix(in oklab, var(--color-not-active-text) 20%, transparent)}
.focus\:text-not-active-text\/25:focus{color:color-mix(in oklab, var(--color-not-active-text) 25%, transparent)}
.focus\:text-not-active-text\/30:focus{color:color-mix(in oklab, var(--color-not-active-text) 30%, transparent)}
.focus\:text-not-active-text\/40:focus{color:color-mix(in oklab, var(--color-not-active-text) 40%, transparent)}
.focus\:text-not-active-text\/50:focus{color:color-mix(in oklab, var(--color-not-active-text) 50%, transparent)}
.focus\:text-not-active-text\/60:focus{color:color-mix(in oklab, var(--color-not-active-text) 60%, transparent)}
.focus\:text-not-active-text\/70:focus{color:color-mix(in oklab, var(--color-not-active-text) 70%, transparent)}
.focus\:text-not-active-text\/80:focus{color:color-mix(in oklab, var(--color-not-active-text) 80%, transparent)}
.focus\:text-not-active-text\/90:focus{color:color-mix(in oklab, var(--color-not-active-text) 90%, transparent)}
.focus\:text-state-active\/5:focus{color:color-mix(in oklab, var(--color-state-active) 5%, transparent)}
.focus\:text-state-active\/10:focus{color:color-mix(in oklab, var(--color-state-active) 10%, transparent)}
.focus\:text-state-active\/15:focus{color:color-mix(in oklab, var(--color-state-active) 15%, transparent)}
.focus\:text-state-active\/20:focus{color:color-mix(in oklab, var(--color-state-active) 20%, transparent)}
.focus\:text-state-active\/25:focus{color:color-mix(in oklab, var(--color-state-active) 25%, transparent)}
.focus\:text-state-active\/30:focus{color:color-mix(in oklab, var(--color-state-active) 30%, transparent)}
.focus\:text-state-active\/40:focus{color:color-mix(in oklab, var(--color-state-active) 40%, transparent)}
.focus\:text-state-active\/50:focus{color:color-mix(in oklab, var(--color-state-active) 50%, transparent)}
.focus\:text-state-active\/60:focus{color:color-mix(in oklab, var(--color-state-active) 60%, transparent)}
.focus\:text-state-active\/70:focus{color:color-mix(in oklab, var(--color-state-active) 70%, transparent)}
.focus\:text-state-active\/80:focus{color:color-mix(in oklab, var(--color-state-active) 80%, transparent)}
.focus\:text-state-active\/90:focus{color:color-mix(in oklab, var(--color-state-active) 90%, transparent)}
.focus\:text-state-hover\/5:focus{color:color-mix(in oklab, var(--color-state-hover) 5%, transparent)}
.focus\:text-state-hover\/10:focus{color:color-mix(in oklab, var(--color-state-hover) 10%, transparent)}
.focus\:text-state-hover\/15:focus{color:color-mix(in oklab, var(--color-state-hover) 15%, transparent)}
.focus\:text-state-hover\/20:focus{color:color-mix(in oklab, var(--color-state-hover) 20%, transparent)}
.focus\:text-state-hover\/25:focus{color:color-mix(in oklab, var(--color-state-hover) 25%, transparent)}
.focus\:text-state-hover\/30:focus{color:color-mix(in oklab, var(--color-state-hover) 30%, transparent)}
.focus\:text-state-hover\/40:focus{color:color-mix(in oklab, var(--color-state-hover) 40%, transparent)}
.focus\:text-state-hover\/50:focus{color:color-mix(in oklab, var(--color-state-hover) 50%, transparent)}
.focus\:text-state-hover\/60:focus{color:color-mix(in oklab, var(--color-state-hover) 60%, transparent)}
.focus\:text-state-hover\/70:focus{color:color-mix(in oklab, var(--color-state-hover) 70%, transparent)}
.focus\:text-state-hover\/80:focus{color:color-mix(in oklab, var(--color-state-hover) 80%, transparent)}
.focus\:text-state-hover\/90:focus{color:color-mix(in oklab, var(--color-state-hover) 90%, transparent)}
.focus\:text-state-not-active\/5:focus{color:color-mix(in oklab, var(--color-state-not-active) 5%, transparent)}
.focus\:text-state-not-active\/10:focus{color:color-mix(in oklab, var(--color-state-not-active) 10%, transparent)}
.focus\:text-state-not-active\/15:focus{color:color-mix(in oklab, var(--color-state-not-active) 15%, transparent)}
.focus\:text-state-not-active\/20:focus{color:color-mix(in oklab, var(--color-state-not-active) 20%, transparent)}
.focus\:text-state-not-active\/25:focus{color:color-mix(in oklab, var(--color-state-not-active) 25%, transparent)}
.focus\:text-state-not-active\/30:focus{color:color-mix(in oklab, var(--color-state-not-active) 30%, transparent)}
.focus\:text-state-not-active\/40:focus{color:color-mix(in oklab, var(--color-state-not-active) 40%, transparent)}
.focus\:text-state-not-active\/50:focus{color:color-mix(in oklab, var(--color-state-not-active) 50%, transparent)}
.focus\:text-state-not-active\/60:focus{color:color-mix(in oklab, var(--color-state-not-active) 60%, transparent)}
.focus\:text-state-not-active\/70:focus{color:color-mix(in oklab, var(--color-state-not-active) 70%, transparent)}
.focus\:text-state-not-active\/80:focus{color:color-mix(in oklab, var(--color-state-not-active) 80%, transparent)}
.focus\:text-state-not-active\/90:focus{color:color-mix(in oklab, var(--color-state-not-active) 90%, transparent)}
.focus\:text-card-background\/5:focus{color:color-mix(in oklab, var(--color-card-background) 5%, transparent)}
.focus\:text-card-background\/10:focus{color:color-mix(in oklab, var(--color-card-background) 10%, transparent)}
.focus\:text-card-background\/15:focus{color:color-mix(in oklab, var(--color-card-background) 15%, transparent)}
.focus\:text-card-background\/20:focus{color:color-mix(in oklab, var(--color-card-background) 20%, transparent)}
.focus\:text-card-background\/25:focus{color:color-mix(in oklab, var(--color-card-background) 25%, transparent)}
.focus\:text-card-background\/30:focus{color:color-mix(in oklab, var(--color-card-background) 30%, transparent)}
.focus\:text-card-background\/40:focus{color:color-mix(in oklab, var(--color-card-background) 40%, transparent)}
.focus\:text-card-background\/50:focus{color:color-mix(in oklab, var(--color-card-background) 50%, transparent)}
.focus\:text-card-background\/60:focus{color:color-mix(in oklab, var(--color-card-background) 60%, transparent)}
.focus\:text-card-background\/70:focus{color:color-mix(in oklab, var(--color-card-background) 70%, transparent)}
.focus\:text-card-background\/80:focus{color:color-mix(in oklab, var(--color-card-background) 80%, transparent)}
.focus\:text-card-background\/90:focus{color:color-mix(in oklab, var(--color-card-background) 90%, transparent)}
.focus\:text-card-shadow\/5:focus{color:color-mix(in oklab, var(--color-card-shadow) 5%, transparent)}
.focus\:text-card-shadow\/10:focus{color:color-mix(in oklab, var(--color-card-shadow) 10%, transparent)}
.focus\:text-card-shadow\/15:focus{color:color-mix(in oklab, var(--color-card-shadow) 15%, transparent)}
.focus\:text-card-shadow\/20:focus{color:color-mix(in oklab, var(--color-card-shadow) 20%, transparent)}
.focus\:text-card-shadow\/25:focus{color:color-mix(in oklab, var(--color-card-shadow) 25%, transparent)}
.focus\:text-card-shadow\/30:focus{color:color-mix(in oklab, var(--color-card-shadow) 30%, transparent)}
.focus\:text-card-shadow\/40:focus{color:color-mix(in oklab, var(--color-card-shadow) 40%, transparent)}
.focus\:text-card-shadow\/50:focus{color:color-mix(in oklab, var(--color-card-shadow) 50%, transparent)}
.focus\:text-card-shadow\/60:focus{color:color-mix(in oklab, var(--color-card-shadow) 60%, transparent)}
.focus\:text-card-shadow\/70:focus{color:color-mix(in oklab, var(--color-card-shadow) 70%, transparent)}
.focus\:text-card-shadow\/80:focus{color:color-mix(in oklab, var(--color-card-shadow) 80%, transparent)}
.focus\:text-card-shadow\/90:focus{color:color-mix(in oklab, var(--color-card-shadow) 90%, transparent)}
.focus\:text-border\/5:focus{color:color-mix(in oklab, var(--color-border) 5%, transparent)}
.focus\:text-border\/10:focus{color:color-mix(in oklab, var(--color-border) 10%, transparent)}
.focus\:text-border\/15:focus{color:color-mix(in oklab, var(--color-border) 15%, transparent)}
.focus\:text-border\/20:focus{color:color-mix(in oklab, var(--color-border) 20%, transparent)}
.focus\:text-border\/25:focus{color:color-mix(in oklab, var(--color-border) 25%, transparent)}
.focus\:text-border\/30:focus{color:color-mix(in oklab, var(--color-border) 30%, transparent)}
.focus\:text-border\/40:focus{color:color-mix(in oklab, var(--color-border) 40%, transparent)}
.focus\:text-border\/50:focus{color:color-mix(in oklab, var(--color-border) 50%, transparent)}
.focus\:text-border\/60:focus{color:color-mix(in oklab, var(--color-border) 60%, transparent)}
.focus\:text-border\/70:focus{color:color-mix(in oklab, var(--color-border) 70%, transparent)}
.focus\:text-border\/80:focus{color:color-mix(in oklab, var(--color-border) 80%, transparent)}
.focus\:text-border\/90:focus{color:color-mix(in oklab, var(--color-border) 90%, transparent)}
.focus\:text-border-hover\/5:focus{color:color-mix(in oklab, var(--color-border-hover) 5%, transparent)}
.focus\:text-border-hover\/10:focus{color:color-mix(in oklab, var(--color-border-hover) 10%, transparent)}
.focus\:text-border-hover\/15:focus{color:color-mix(in oklab, var(--color-border-hover) 15%, transparent)}
.focus\:text-border-hover\/20:focus{color:color-mix(in oklab, var(--color-border-hover) 20%, transparent)}
.focus\:text-border-hover\/25:focus{color:color-mix(in oklab, var(--color-border-hover) 25%, transparent)}
.focus\:text-border-hover\/30:focus{color:color-mix(in oklab, var(--color-border-hover) 30%, transparent)}
.focus\:text-border-hover\/40:focus{color:color-mix(in oklab, var(--color-border-hover) 40%, transparent)}
.focus\:text-border-hover\/50:focus{color:color-mix(in oklab, var(--color-border-hover) 50%, transparent)}
.focus\:text-border-hover\/60:focus{color:color-mix(in oklab, var(--color-border-hover) 60%, transparent)}
.focus\:text-border-hover\/70:focus{color:color-mix(in oklab, var(--color-border-hover) 70%, transparent)}
.focus\:text-border-hover\/80:focus{color:color-mix(in oklab, var(--color-border-hover) 80%, transparent)}
.focus\:text-border-hover\/90:focus{color:color-mix(in oklab, var(--color-border-hover) 90%, transparent)}
.focus\:text-border-success\/5:focus{color:color-mix(in oklab, var(--color-border-success) 5%, transparent)}
.focus\:text-border-success\/10:focus{color:color-mix(in oklab, var(--color-border-success) 10%, transparent)}
.focus\:text-border-success\/15:focus{color:color-mix(in oklab, var(--color-border-success) 15%, transparent)}
.focus\:text-border-success\/20:focus{color:color-mix(in oklab, var(--color-border-success) 20%, transparent)}
.focus\:text-border-success\/25:focus{color:color-mix(in oklab, var(--color-border-success) 25%, transparent)}
.focus\:text-border-success\/30:focus{color:color-mix(in oklab, var(--color-border-success) 30%, transparent)}
.focus\:text-border-success\/40:focus{color:color-mix(in oklab, var(--color-border-success) 40%, transparent)}
.focus\:text-border-success\/50:focus{color:color-mix(in oklab, var(--color-border-success) 50%, transparent)}
.focus\:text-border-success\/60:focus{color:color-mix(in oklab, var(--color-border-success) 60%, transparent)}
.focus\:text-border-success\/70:focus{color:color-mix(in oklab, var(--color-border-success) 70%, transparent)}
.focus\:text-border-success\/80:focus{color:color-mix(in oklab, var(--color-border-success) 80%, transparent)}
.focus\:text-border-success\/90:focus{color:color-mix(in oklab, var(--color-border-success) 90%, transparent)}
.focus\:text-border-info\/5:focus{color:color-mix(in oklab, var(--color-border-info) 5%, transparent)}
.focus\:text-border-info\/10:focus{color:color-mix(in oklab, var(--color-border-info) 10%, transparent)}
.focus\:text-border-info\/15:focus{color:color-mix(in oklab, var(--color-border-info) 15%, transparent)}
.focus\:text-border-info\/20:focus{color:color-mix(in oklab, var(--color-border-info) 20%, transparent)}
.focus\:text-border-info\/25:focus{color:color-mix(in oklab, var(--color-border-info) 25%, transparent)}
.focus\:text-border-info\/30:focus{color:color-mix(in oklab, var(--color-border-info) 30%, transparent)}
.focus\:text-border-info\/40:focus{color:color-mix(in oklab, var(--color-border-info) 40%, transparent)}
.focus\:text-border-info\/50:focus{color:color-mix(in oklab, var(--color-border-info) 50%, transparent)}
.focus\:text-border-info\/60:focus{color:color-mix(in oklab, var(--color-border-info) 60%, transparent)}
.focus\:text-border-info\/70:focus{color:color-mix(in oklab, var(--color-border-info) 70%, transparent)}
.focus\:text-border-info\/80:focus{color:color-mix(in oklab, var(--color-border-info) 80%, transparent)}
.focus\:text-border-info\/90:focus{color:color-mix(in oklab, var(--color-border-info) 90%, transparent)}
.focus\:text-border-warning\/5:focus{color:color-mix(in oklab, var(--color-border-warning) 5%, transparent)}
.focus\:text-border-warning\/10:focus{color:color-mix(in oklab, var(--color-border-warning) 10%, transparent)}
.focus\:text-border-warning\/15:focus{color:color-mix(in oklab, var(--color-border-warning) 15%, transparent)}
.focus\:text-border-warning\/20:focus{color:color-mix(in oklab, var(--color-border-warning) 20%, transparent)}
.focus\:text-border-warning\/25:focus{color:color-mix(in oklab, var(--color-border-warning) 25%, transparent)}
.focus\:text-border-warning\/30:focus{color:color-mix(in oklab, var(--color-border-warning) 30%, transparent)}
.focus\:text-border-warning\/40:focus{color:color-mix(in oklab, var(--color-border-warning) 40%, transparent)}
.focus\:text-border-warning\/50:focus{color:color-mix(in oklab, var(--color-border-warning) 50%, transparent)}
.focus\:text-border-warning\/60:focus{color:color-mix(in oklab, var(--color-border-warning) 60%, transparent)}
.focus\:text-border-warning\/70:focus{color:color-mix(in oklab, var(--color-border-warning) 70%, transparent)}
.focus\:text-border-warning\/80:focus{color:color-mix(in oklab, var(--color-border-warning) 80%, transparent)}
.focus\:text-border-warning\/90:focus{color:color-mix(in oklab, var(--color-border-warning) 90%, transparent)}
.focus\:text-border-error\/5:focus{color:color-mix(in oklab, var(--color-border-error) 5%, transparent)}
.focus\:text-border-error\/10:focus{color:color-mix(in oklab, var(--color-border-error) 10%, transparent)}
.focus\:text-border-error\/15:focus{color:color-mix(in oklab, var(--color-border-error) 15%, transparent)}
.focus\:text-border-error\/20:focus{color:color-mix(in oklab, var(--color-border-error) 20%, transparent)}
.focus\:text-border-error\/25:focus{color:color-mix(in oklab, var(--color-border-error) 25%, transparent)}
.focus\:text-border-error\/30:focus{color:color-mix(in oklab, var(--color-border-error) 30%, transparent)}
.focus\:text-border-error\/40:focus{color:color-mix(in oklab, var(--color-border-error) 40%, transparent)}
.focus\:text-border-error\/50:focus{color:color-mix(in oklab, var(--color-border-error) 50%, transparent)}
.focus\:text-border-error\/60:focus{color:color-mix(in oklab, var(--color-border-error) 60%, transparent)}
.focus\:text-border-error\/70:focus{color:color-mix(in oklab, var(--color-border-error) 70%, transparent)}
.focus\:text-border-error\/80:focus{color:color-mix(in oklab, var(--color-border-error) 80%, transparent)}
.focus\:text-border-error\/90:focus{color:color-mix(in oklab, var(--color-border-error) 90%, transparent)}
.focus\:text-light-border\/5:focus{color:color-mix(in oklab, var(--color-light-border) 5%, transparent)}
.focus\:text-light-border\/10:focus{color:color-mix(in oklab, var(--color-light-border) 10%, transparent)}
.focus\:text-light-border\/15:focus{color:color-mix(in oklab, var(--color-light-border) 15%, transparent)}
.focus\:text-light-border\/20:focus{color:color-mix(in oklab, var(--color-light-border) 20%, transparent)}
.focus\:text-light-border\/25:focus{color:color-mix(in oklab, var(--color-light-border) 25%, transparent)}
.focus\:text-light-border\/30:focus{color:color-mix(in oklab, var(--color-light-border) 30%, transparent)}
.focus\:text-light-border\/40:focus{color:color-mix(in oklab, var(--color-light-border) 40%, transparent)}
.focus\:text-light-border\/50:focus{color:color-mix(in oklab, var(--color-light-border) 50%, transparent)}
.focus\:text-light-border\/60:focus{color:color-mix(in oklab, var(--color-light-border) 60%, transparent)}
.focus\:text-light-border\/70:focus{color:color-mix(in oklab, var(--color-light-border) 70%, transparent)}
.focus\:text-light-border\/80:focus{color:color-mix(in oklab, var(--color-light-border) 80%, transparent)}
.focus\:text-light-border\/90:focus{color:color-mix(in oklab, var(--color-light-border) 90%, transparent)}
.focus\:text-divider\/5:focus{color:color-mix(in oklab, var(--color-divider) 5%, transparent)}
.focus\:text-divider\/10:focus{color:color-mix(in oklab, var(--color-divider) 10%, transparent)}
.focus\:text-divider\/15:focus{color:color-mix(in oklab, var(--color-divider) 15%, transparent)}
.focus\:text-divider\/20:focus{color:color-mix(in oklab, var(--color-divider) 20%, transparent)}
.focus\:text-divider\/25:focus{color:color-mix(in oklab, var(--color-divider) 25%, transparent)}
.focus\:text-divider\/30:focus{color:color-mix(in oklab, var(--color-divider) 30%, transparent)}
.focus\:text-divider\/40:focus{color:color-mix(in oklab, var(--color-divider) 40%, transparent)}
.focus\:text-divider\/50:focus{color:color-mix(in oklab, var(--color-divider) 50%, transparent)}
.focus\:text-divider\/60:focus{color:color-mix(in oklab, var(--color-divider) 60%, transparent)}
.focus\:text-divider\/70:focus{color:color-mix(in oklab, var(--color-divider) 70%, transparent)}
.focus\:text-divider\/80:focus{color:color-mix(in oklab, var(--color-divider) 80%, transparent)}
.focus\:text-divider\/90:focus{color:color-mix(in oklab, var(--color-divider) 90%, transparent)}
.focus\:text-success\/5:focus{color:color-mix(in oklab, var(--color-success) 5%, transparent)}
.focus\:text-success\/10:focus{color:color-mix(in oklab, var(--color-success) 10%, transparent)}
.focus\:text-success\/15:focus{color:color-mix(in oklab, var(--color-success) 15%, transparent)}
.focus\:text-success\/20:focus{color:color-mix(in oklab, var(--color-success) 20%, transparent)}
.focus\:text-success\/25:focus{color:color-mix(in oklab, var(--color-success) 25%, transparent)}
.focus\:text-success\/30:focus{color:color-mix(in oklab, var(--color-success) 30%, transparent)}
.focus\:text-success\/40:focus{color:color-mix(in oklab, var(--color-success) 40%, transparent)}
.focus\:text-success\/50:focus{color:color-mix(in oklab, var(--color-success) 50%, transparent)}
.focus\:text-success\/60:focus{color:color-mix(in oklab, var(--color-success) 60%, transparent)}
.focus\:text-success\/70:focus{color:color-mix(in oklab, var(--color-success) 70%, transparent)}
.focus\:text-success\/80:focus{color:color-mix(in oklab, var(--color-success) 80%, transparent)}
.focus\:text-success\/90:focus{color:color-mix(in oklab, var(--color-success) 90%, transparent)}
.focus\:text-error\/5:focus{color:color-mix(in oklab, var(--color-error) 5%, transparent)}
.focus\:text-error\/10:focus{color:color-mix(in oklab, var(--color-error) 10%, transparent)}
.focus\:text-error\/15:focus{color:color-mix(in oklab, var(--color-error) 15%, transparent)}
.focus\:text-error\/20:focus{color:color-mix(in oklab, var(--color-error) 20%, transparent)}
.focus\:text-error\/25:focus{color:color-mix(in oklab, var(--color-error) 25%, transparent)}
.focus\:text-error\/30:focus{color:color-mix(in oklab, var(--color-error) 30%, transparent)}
.focus\:text-error\/40:focus{color:color-mix(in oklab, var(--color-error) 40%, transparent)}
.focus\:text-error\/50:focus{color:color-mix(in oklab, var(--color-error) 50%, transparent)}
.focus\:text-error\/60:focus{color:color-mix(in oklab, var(--color-error) 60%, transparent)}
.focus\:text-error\/70:focus{color:color-mix(in oklab, var(--color-error) 70%, transparent)}
.focus\:text-error\/80:focus{color:color-mix(in oklab, var(--color-error) 80%, transparent)}
.focus\:text-error\/90:focus{color:color-mix(in oklab, var(--color-error) 90%, transparent)}
.focus\:text-error-hover\/5:focus{color:color-mix(in oklab, var(--color-error-hover) 5%, transparent)}
.focus\:text-error-hover\/10:focus{color:color-mix(in oklab, var(--color-error-hover) 10%, transparent)}
.focus\:text-error-hover\/15:focus{color:color-mix(in oklab, var(--color-error-hover) 15%, transparent)}
.focus\:text-error-hover\/20:focus{color:color-mix(in oklab, var(--color-error-hover) 20%, transparent)}
.focus\:text-error-hover\/25:focus{color:color-mix(in oklab, var(--color-error-hover) 25%, transparent)}
.focus\:text-error-hover\/30:focus{color:color-mix(in oklab, var(--color-error-hover) 30%, transparent)}
.focus\:text-error-hover\/40:focus{color:color-mix(in oklab, var(--color-error-hover) 40%, transparent)}
.focus\:text-error-hover\/50:focus{color:color-mix(in oklab, var(--color-error-hover) 50%, transparent)}
.focus\:text-error-hover\/60:focus{color:color-mix(in oklab, var(--color-error-hover) 60%, transparent)}
.focus\:text-error-hover\/70:focus{color:color-mix(in oklab, var(--color-error-hover) 70%, transparent)}
.focus\:text-error-hover\/80:focus{color:color-mix(in oklab, var(--color-error-hover) 80%, transparent)}
.focus\:text-error-hover\/90:focus{color:color-mix(in oklab, var(--color-error-hover) 90%, transparent)}
.focus\:text-warning\/5:focus{color:color-mix(in oklab, var(--color-warning) 5%, transparent)}
.focus\:text-warning\/10:focus{color:color-mix(in oklab, var(--color-warning) 10%, transparent)}
.focus\:text-warning\/15:focus{color:color-mix(in oklab, var(--color-warning) 15%, transparent)}
.focus\:text-warning\/20:focus{color:color-mix(in oklab, var(--color-warning) 20%, transparent)}
.focus\:text-warning\/25:focus{color:color-mix(in oklab, var(--color-warning) 25%, transparent)}
.focus\:text-warning\/30:focus{color:color-mix(in oklab, var(--color-warning) 30%, transparent)}
.focus\:text-warning\/40:focus{color:color-mix(in oklab, var(--color-warning) 40%, transparent)}
.focus\:text-warning\/50:focus{color:color-mix(in oklab, var(--color-warning) 50%, transparent)}
.focus\:text-warning\/60:focus{color:color-mix(in oklab, var(--color-warning) 60%, transparent)}
.focus\:text-warning\/70:focus{color:color-mix(in oklab, var(--color-warning) 70%, transparent)}
.focus\:text-warning\/80:focus{color:color-mix(in oklab, var(--color-warning) 80%, transparent)}
.focus\:text-warning\/90:focus{color:color-mix(in oklab, var(--color-warning) 90%, transparent)}
.focus\:text-info\/5:focus{color:color-mix(in oklab, var(--color-info) 5%, transparent)}
.focus\:text-info\/10:focus{color:color-mix(in oklab, var(--color-info) 10%, transparent)}
.focus\:text-info\/15:focus{color:color-mix(in oklab, var(--color-info) 15%, transparent)}
.focus\:text-info\/20:focus{color:color-mix(in oklab, var(--color-info) 20%, transparent)}
.focus\:text-info\/25:focus{color:color-mix(in oklab, var(--color-info) 25%, transparent)}
.focus\:text-info\/30:focus{color:color-mix(in oklab, var(--color-info) 30%, transparent)}
.focus\:text-info\/40:focus{color:color-mix(in oklab, var(--color-info) 40%, transparent)}
.focus\:text-info\/50:focus{color:color-mix(in oklab, var(--color-info) 50%, transparent)}
.focus\:text-info\/60:focus{color:color-mix(in oklab, var(--color-info) 60%, transparent)}
.focus\:text-info\/70:focus{color:color-mix(in oklab, var(--color-info) 70%, transparent)}
.focus\:text-info\/80:focus{color:color-mix(in oklab, var(--color-info) 80%, transparent)}
.focus\:text-info\/90:focus{color:color-mix(in oklab, var(--color-info) 90%, transparent)}
.focus\:text-bg-success\/5:focus{color:color-mix(in oklab, var(--color-bg-success) 5%, transparent)}
.focus\:text-bg-success\/10:focus{color:color-mix(in oklab, var(--color-bg-success) 10%, transparent)}
.focus\:text-bg-success\/15:focus{color:color-mix(in oklab, var(--color-bg-success) 15%, transparent)}
.focus\:text-bg-success\/20:focus{color:color-mix(in oklab, var(--color-bg-success) 20%, transparent)}
.focus\:text-bg-success\/25:focus{color:color-mix(in oklab, var(--color-bg-success) 25%, transparent)}
.focus\:text-bg-success\/30:focus{color:color-mix(in oklab, var(--color-bg-success) 30%, transparent)}
.focus\:text-bg-success\/40:focus{color:color-mix(in oklab, var(--color-bg-success) 40%, transparent)}
.focus\:text-bg-success\/50:focus{color:color-mix(in oklab, var(--color-bg-success) 50%, transparent)}
.focus\:text-bg-success\/60:focus{color:color-mix(in oklab, var(--color-bg-success) 60%, transparent)}
.focus\:text-bg-success\/70:focus{color:color-mix(in oklab, var(--color-bg-success) 70%, transparent)}
.focus\:text-bg-success\/80:focus{color:color-mix(in oklab, var(--color-bg-success) 80%, transparent)}
.focus\:text-bg-success\/90:focus{color:color-mix(in oklab, var(--color-bg-success) 90%, transparent)}
.focus\:text-bg-error\/5:focus{color:color-mix(in oklab, var(--color-bg-error) 5%, transparent)}
.focus\:text-bg-error\/10:focus{color:color-mix(in oklab, var(--color-bg-error) 10%, transparent)}
.focus\:text-bg-error\/15:focus{color:color-mix(in oklab, var(--color-bg-error) 15%, transparent)}
.focus\:text-bg-error\/20:focus{color:color-mix(in oklab, var(--color-bg-error) 20%, transparent)}
.focus\:text-bg-error\/25:focus{color:color-mix(in oklab, var(--color-bg-error) 25%, transparent)}
.focus\:text-bg-error\/30:focus{color:color-mix(in oklab, var(--color-bg-error) 30%, transparent)}
.focus\:text-bg-error\/40:focus{color:color-mix(in oklab, var(--color-bg-error) 40%, transparent)}
.focus\:text-bg-error\/50:focus{color:color-mix(in oklab, var(--color-bg-error) 50%, transparent)}
.focus\:text-bg-error\/60:focus{color:color-mix(in oklab, var(--color-bg-error) 60%, transparent)}
.focus\:text-bg-error\/70:focus{color:color-mix(in oklab, var(--color-bg-error) 70%, transparent)}
.focus\:text-bg-error\/80:focus{color:color-mix(in oklab, var(--color-bg-error) 80%, transparent)}
.focus\:text-bg-error\/90:focus{color:color-mix(in oklab, var(--color-bg-error) 90%, transparent)}
.focus\:text-bg-warning\/5:focus{color:color-mix(in oklab, var(--color-bg-warning) 5%, transparent)}
.focus\:text-bg-warning\/10:focus{color:color-mix(in oklab, var(--color-bg-warning) 10%, transparent)}
.focus\:text-bg-warning\/15:focus{color:color-mix(in oklab, var(--color-bg-warning) 15%, transparent)}
.focus\:text-bg-warning\/20:focus{color:color-mix(in oklab, var(--color-bg-warning) 20%, transparent)}
.focus\:text-bg-warning\/25:focus{color:color-mix(in oklab, var(--color-bg-warning) 25%, transparent)}
.focus\:text-bg-warning\/30:focus{color:color-mix(in oklab, var(--color-bg-warning) 30%, transparent)}
.focus\:text-bg-warning\/40:focus{color:color-mix(in oklab, var(--color-bg-warning) 40%, transparent)}
.focus\:text-bg-warning\/50:focus{color:color-mix(in oklab, var(--color-bg-warning) 50%, transparent)}
.focus\:text-bg-warning\/60:focus{color:color-mix(in oklab, var(--color-bg-warning) 60%, transparent)}
.focus\:text-bg-warning\/70:focus{color:color-mix(in oklab, var(--color-bg-warning) 70%, transparent)}
.focus\:text-bg-warning\/80:focus{color:color-mix(in oklab, var(--color-bg-warning) 80%, transparent)}
.focus\:text-bg-warning\/90:focus{color:color-mix(in oklab, var(--color-bg-warning) 90%, transparent)}
.focus\:text-bg-info\/5:focus{color:color-mix(in oklab, var(--color-bg-info) 5%, transparent)}
.focus\:text-bg-info\/10:focus{color:color-mix(in oklab, var(--color-bg-info) 10%, transparent)}
.focus\:text-bg-info\/15:focus{color:color-mix(in oklab, var(--color-bg-info) 15%, transparent)}
.focus\:text-bg-info\/20:focus{color:color-mix(in oklab, var(--color-bg-info) 20%, transparent)}
.focus\:text-bg-info\/25:focus{color:color-mix(in oklab, var(--color-bg-info) 25%, transparent)}
.focus\:text-bg-info\/30:focus{color:color-mix(in oklab, var(--color-bg-info) 30%, transparent)}
.focus\:text-bg-info\/40:focus{color:color-mix(in oklab, var(--color-bg-info) 40%, transparent)}
.focus\:text-bg-info\/50:focus{color:color-mix(in oklab, var(--color-bg-info) 50%, transparent)}
.focus\:text-bg-info\/60:focus{color:color-mix(in oklab, var(--color-bg-info) 60%, transparent)}
.focus\:text-bg-info\/70:focus{color:color-mix(in oklab, var(--color-bg-info) 70%, transparent)}
.focus\:text-bg-info\/80:focus{color:color-mix(in oklab, var(--color-bg-info) 80%, transparent)}
.focus\:text-bg-info\/90:focus{color:color-mix(in oklab, var(--color-bg-info) 90%, transparent)}
.focus\:text-title-start\/5:focus{color:color-mix(in oklab, var(--color-title-start) 5%, transparent)}
.focus\:text-title-start\/10:focus{color:color-mix(in oklab, var(--color-title-start) 10%, transparent)}
.focus\:text-title-start\/15:focus{color:color-mix(in oklab, var(--color-title-start) 15%, transparent)}
.focus\:text-title-start\/20:focus{color:color-mix(in oklab, var(--color-title-start) 20%, transparent)}
.focus\:text-title-start\/25:focus{color:color-mix(in oklab, var(--color-title-start) 25%, transparent)}
.focus\:text-title-start\/30:focus{color:color-mix(in oklab, var(--color-title-start) 30%, transparent)}
.focus\:text-title-start\/40:focus{color:color-mix(in oklab, var(--color-title-start) 40%, transparent)}
.focus\:text-title-start\/50:focus{color:color-mix(in oklab, var(--color-title-start) 50%, transparent)}
.focus\:text-title-start\/60:focus{color:color-mix(in oklab, var(--color-title-start) 60%, transparent)}
.focus\:text-title-start\/70:focus{color:color-mix(in oklab, var(--color-title-start) 70%, transparent)}
.focus\:text-title-start\/80:focus{color:color-mix(in oklab, var(--color-title-start) 80%, transparent)}
.focus\:text-title-start\/90:focus{color:color-mix(in oklab, var(--color-title-start) 90%, transparent)}
.focus\:text-title-end\/5:focus{color:color-mix(in oklab, var(--color-title-end) 5%, transparent)}
.focus\:text-title-end\/10:focus{color:color-mix(in oklab, var(--color-title-end) 10%, transparent)}
.focus\:text-title-end\/15:focus{color:color-mix(in oklab, var(--color-title-end) 15%, transparent)}
.focus\:text-title-end\/20:focus{color:color-mix(in oklab, var(--color-title-end) 20%, transparent)}
.focus\:text-title-end\/25:focus{color:color-mix(in oklab, var(--color-title-end) 25%, transparent)}
.focus\:text-title-end\/30:focus{color:color-mix(in oklab, var(--color-title-end) 30%, transparent)}
.focus\:text-title-end\/40:focus{color:color-mix(in oklab, var(--color-title-end) 40%, transparent)}
.focus\:text-title-end\/50:focus{color:color-mix(in oklab, var(--color-title-end) 50%, transparent)}
.focus\:text-title-end\/60:focus{color:color-mix(in oklab, var(--color-title-end) 60%, transparent)}
.focus\:text-title-end\/70:focus{color:color-mix(in oklab, var(--color-title-end) 70%, transparent)}
.focus\:text-title-end\/80:focus{color:color-mix(in oklab, var(--color-title-end) 80%, transparent)}
.focus\:text-title-end\/90:focus{color:color-mix(in oklab, var(--color-title-end) 90%, transparent)}
.focus\:text-bg-start\/5:focus{color:color-mix(in oklab, var(--color-bg-start) 5%, transparent)}
.focus\:text-bg-start\/10:focus{color:color-mix(in oklab, var(--color-bg-start) 10%, transparent)}
.focus\:text-bg-start\/15:focus{color:color-mix(in oklab, var(--color-bg-start) 15%, transparent)}
.focus\:text-bg-start\/20:focus{color:color-mix(in oklab, var(--color-bg-start) 20%, transparent)}
.focus\:text-bg-start\/25:focus{color:color-mix(in oklab, var(--color-bg-start) 25%, transparent)}
.focus\:text-bg-start\/30:focus{color:color-mix(in oklab, var(--color-bg-start) 30%, transparent)}
.focus\:text-bg-start\/40:focus{color:color-mix(in oklab, var(--color-bg-start) 40%, transparent)}
.focus\:text-bg-start\/50:focus{color:color-mix(in oklab, var(--color-bg-start) 50%, transparent)}
.focus\:text-bg-start\/60:focus{color:color-mix(in oklab, var(--color-bg-start) 60%, transparent)}
.focus\:text-bg-start\/70:focus{color:color-mix(in oklab, var(--color-bg-start) 70%, transparent)}
.focus\:text-bg-start\/80:focus{color:color-mix(in oklab, var(--color-bg-start) 80%, transparent)}
.focus\:text-bg-start\/90:focus{color:color-mix(in oklab, var(--color-bg-start) 90%, transparent)}
.focus\:text-bg-end\/5:focus{color:color-mix(in oklab, var(--color-bg-end) 5%, transparent)}
.focus\:text-bg-end\/10:focus{color:color-mix(in oklab, var(--color-bg-end) 10%, transparent)}
.focus\:text-bg-end\/15:focus{color:color-mix(in oklab, var(--color-bg-end) 15%, transparent)}
.focus\:text-bg-end\/20:focus{color:color-mix(in oklab, var(--color-bg-end) 20%, transparent)}
.focus\:text-bg-end\/25:focus{color:color-mix(in oklab, var(--color-bg-end) 25%, transparent)}
.focus\:text-bg-end\/30:focus{color:color-mix(in oklab, var(--color-bg-end) 30%, transparent)}
.focus\:text-bg-end\/40:focus{color:color-mix(in oklab, var(--color-bg-end) 40%, transparent)}
.focus\:text-bg-end\/50:focus{color:color-mix(in oklab, var(--color-bg-end) 50%, transparent)}
.focus\:text-bg-end\/60:focus{color:color-mix(in oklab, var(--color-bg-end) 60%, transparent)}
.focus\:text-bg-end\/70:focus{color:color-mix(in oklab, var(--color-bg-end) 70%, transparent)}
.focus\:text-bg-end\/80:focus{color:color-mix(in oklab, var(--color-bg-end) 80%, transparent)}
.focus\:text-bg-end\/90:focus{color:color-mix(in oklab, var(--color-bg-end) 90%, transparent)}
.focus\:text-primary-content\/5:focus{color:color-mix(in oklab, var(--color-primary-content) 5%, transparent)}
.focus\:text-primary-content\/10:focus{color:color-mix(in oklab, var(--color-primary-content) 10%, transparent)}
.focus\:text-primary-content\/15:focus{color:color-mix(in oklab, var(--color-primary-content) 15%, transparent)}
.focus\:text-primary-content\/20:focus{color:color-mix(in oklab, var(--color-primary-content) 20%, transparent)}
.focus\:text-primary-content\/25:focus{color:color-mix(in oklab, var(--color-primary-content) 25%, transparent)}
.focus\:text-primary-content\/30:focus{color:color-mix(in oklab, var(--color-primary-content) 30%, transparent)}
.focus\:text-primary-content\/40:focus{color:color-mix(in oklab, var(--color-primary-content) 40%, transparent)}
.focus\:text-primary-content\/50:focus{color:color-mix(in oklab, var(--color-primary-content) 50%, transparent)}
.focus\:text-primary-content\/60:focus{color:color-mix(in oklab, var(--color-primary-content) 60%, transparent)}
.focus\:text-primary-content\/70:focus{color:color-mix(in oklab, var(--color-primary-content) 70%, transparent)}
.focus\:text-primary-content\/80:focus{color:color-mix(in oklab, var(--color-primary-content) 80%, transparent)}
.focus\:text-primary-content\/90:focus{color:color-mix(in oklab, var(--color-primary-content) 90%, transparent)}
.focus\:text-secondary-content\/5:focus{color:color-mix(in oklab, var(--color-secondary-content) 5%, transparent)}
.focus\:text-secondary-content\/10:focus{color:color-mix(in oklab, var(--color-secondary-content) 10%, transparent)}
.focus\:text-secondary-content\/15:focus{color:color-mix(in oklab, var(--color-secondary-content) 15%, transparent)}
.focus\:text-secondary-content\/20:focus{color:color-mix(in oklab, var(--color-secondary-content) 20%, transparent)}
.focus\:text-secondary-content\/25:focus{color:color-mix(in oklab, var(--color-secondary-content) 25%, transparent)}
.focus\:text-secondary-content\/30:focus{color:color-mix(in oklab, var(--color-secondary-content) 30%, transparent)}
.focus\:text-secondary-content\/40:focus{color:color-mix(in oklab, var(--color-secondary-content) 40%, transparent)}
.focus\:text-secondary-content\/50:focus{color:color-mix(in oklab, var(--color-secondary-content) 50%, transparent)}
.focus\:text-secondary-content\/60:focus{color:color-mix(in oklab, var(--color-secondary-content) 60%, transparent)}
.focus\:text-secondary-content\/70:focus{color:color-mix(in oklab, var(--color-secondary-content) 70%, transparent)}
.focus\:text-secondary-content\/80:focus{color:color-mix(in oklab, var(--color-secondary-content) 80%, transparent)}
.focus\:text-secondary-content\/90:focus{color:color-mix(in oklab, var(--color-secondary-content) 90%, transparent)}
.focus\:text-base-100\/5:focus{color:color-mix(in oklab, var(--color-base-100) 5%, transparent)}
.focus\:text-base-100\/10:focus{color:color-mix(in oklab, var(--color-base-100) 10%, transparent)}
.focus\:text-base-100\/15:focus{color:color-mix(in oklab, var(--color-base-100) 15%, transparent)}
.focus\:text-base-100\/20:focus{color:color-mix(in oklab, var(--color-base-100) 20%, transparent)}
.focus\:text-base-100\/25:focus{color:color-mix(in oklab, var(--color-base-100) 25%, transparent)}
.focus\:text-base-100\/30:focus{color:color-mix(in oklab, var(--color-base-100) 30%, transparent)}
.focus\:text-base-100\/40:focus{color:color-mix(in oklab, var(--color-base-100) 40%, transparent)}
.focus\:text-base-100\/50:focus{color:color-mix(in oklab, var(--color-base-100) 50%, transparent)}
.focus\:text-base-100\/60:focus{color:color-mix(in oklab, var(--color-base-100) 60%, transparent)}
.focus\:text-base-100\/70:focus{color:color-mix(in oklab, var(--color-base-100) 70%, transparent)}
.focus\:text-base-100\/80:focus{color:color-mix(in oklab, var(--color-base-100) 80%, transparent)}
.focus\:text-base-100\/90:focus{color:color-mix(in oklab, var(--color-base-100) 90%, transparent)}
.focus\:text-base-200\/5:focus{color:color-mix(in oklab, var(--color-base-200) 5%, transparent)}
.focus\:text-base-200\/10:focus{color:color-mix(in oklab, var(--color-base-200) 10%, transparent)}
.focus\:text-base-200\/15:focus{color:color-mix(in oklab, var(--color-base-200) 15%, transparent)}
.focus\:text-base-200\/20:focus{color:color-mix(in oklab, var(--color-base-200) 20%, transparent)}
.focus\:text-base-200\/25:focus{color:color-mix(in oklab, var(--color-base-200) 25%, transparent)}
.focus\:text-base-200\/30:focus{color:color-mix(in oklab, var(--color-base-200) 30%, transparent)}
.focus\:text-base-200\/40:focus{color:color-mix(in oklab, var(--color-base-200) 40%, transparent)}
.focus\:text-base-200\/50:focus{color:color-mix(in oklab, var(--color-base-200) 50%, transparent)}
.focus\:text-base-200\/60:focus{color:color-mix(in oklab, var(--color-base-200) 60%, transparent)}
.focus\:text-base-200\/70:focus{color:color-mix(in oklab, var(--color-base-200) 70%, transparent)}
.focus\:text-base-200\/80:focus{color:color-mix(in oklab, var(--color-base-200) 80%, transparent)}
.focus\:text-base-200\/90:focus{color:color-mix(in oklab, var(--color-base-200) 90%, transparent)}
.focus\:text-base-300\/5:focus{color:color-mix(in oklab, var(--color-base-300) 5%, transparent)}
.focus\:text-base-300\/10:focus{color:color-mix(in oklab, var(--color-base-300) 10%, transparent)}
.focus\:text-base-300\/15:focus{color:color-mix(in oklab, var(--color-base-300) 15%, transparent)}
.focus\:text-base-300\/20:focus{color:color-mix(in oklab, var(--color-base-300) 20%, transparent)}
.focus\:text-base-300\/25:focus{color:color-mix(in oklab, var(--color-base-300) 25%, transparent)}
.focus\:text-base-300\/30:focus{color:color-mix(in oklab, var(--color-base-300) 30%, transparent)}
.focus\:text-base-300\/40:focus{color:color-mix(in oklab, var(--color-base-300) 40%, transparent)}
.focus\:text-base-300\/50:focus{color:color-mix(in oklab, var(--color-base-300) 50%, transparent)}
.focus\:text-base-300\/60:focus{color:color-mix(in oklab, var(--color-base-300) 60%, transparent)}
.focus\:text-base-300\/70:focus{color:color-mix(in oklab, var(--color-base-300) 70%, transparent)}
.focus\:text-base-300\/80:focus{color:color-mix(in oklab, var(--color-base-300) 80%, transparent)}
.focus\:text-base-300\/90:focus{color:color-mix(in oklab, var(--color-base-300) 90%, transparent)}
.focus\:text-base-content\/5:focus{color:color-mix(in oklab, var(--color-base-content) 5%, transparent)}
.focus\:text-base-content\/10:focus{color:color-mix(in oklab, var(--color-base-content) 10%, transparent)}
.focus\:text-base-content\/15:focus{color:color-mix(in oklab, var(--color-base-content) 15%, transparent)}
.focus\:text-base-content\/20:focus{color:color-mix(in oklab, var(--color-base-content) 20%, transparent)}
.focus\:text-base-content\/25:focus{color:color-mix(in oklab, var(--color-base-content) 25%, transparent)}
.focus\:text-base-content\/30:focus{color:color-mix(in oklab, var(--color-base-content) 30%, transparent)}
.focus\:text-base-content\/40:focus{color:color-mix(in oklab, var(--color-base-content) 40%, transparent)}
.focus\:text-base-content\/50:focus{color:color-mix(in oklab, var(--color-base-content) 50%, transparent)}
.focus\:text-base-content\/60:focus{color:color-mix(in oklab, var(--color-base-content) 60%, transparent)}
.focus\:text-base-content\/70:focus{color:color-mix(in oklab, var(--color-base-content) 70%, transparent)}
.focus\:text-base-content\/80:focus{color:color-mix(in oklab, var(--color-base-content) 80%, transparent)}
.focus\:text-base-content\/90:focus{color:color-mix(in oklab, var(--color-base-content) 90%, transparent)}
.focus\:text-white\/5:focus{color:color-mix(in oklab, var(--color-white) 5%, transparent)}
.focus\:text-white\/10:focus{color:color-mix(in oklab, var(--color-white) 10%, transparent)}
.focus\:text-white\/15:focus{color:color-mix(in oklab, var(--color-white) 15%, transparent)}
.focus\:text-white\/20:focus{color:color-mix(in oklab, var(--color-white) 20%, transparent)}
.focus\:text-white\/25:focus{color:color-mix(in oklab, var(--color-white) 25%, transparent)}
.focus\:text-white\/30:focus{color:color-mix(in oklab, var(--color-white) 30%, transparent)}
.focus\:text-white\/40:focus{color:color-mix(in oklab, var(--color-white) 40%, transparent)}
.focus\:text-white\/50:focus{color:color-mix(in oklab, var(--color-white) 50%, transparent)}
.focus\:text-white\/60:focus{color:color-mix(in oklab, var(--color-white) 60%, transparent)}
.focus\:text-white\/70:focus{color:color-mix(in oklab, var(--color-white) 70%, transparent)}
.focus\:text-white\/80:focus{color:color-mix(in oklab, var(--color-white) 80%, transparent)}
.focus\:text-white\/90:focus{color:color-mix(in oklab, var(--color-white) 90%, transparent)}
.focus\:text-black\/5:focus{color:color-mix(in oklab, var(--color-black) 5%, transparent)}
.focus\:text-black\/10:focus{color:color-mix(in oklab, var(--color-black) 10%, transparent)}
.focus\:text-black\/15:focus{color:color-mix(in oklab, var(--color-black) 15%, transparent)}
.focus\:text-black\/20:focus{color:color-mix(in oklab, var(--color-black) 20%, transparent)}
.focus\:text-black\/25:focus{color:color-mix(in oklab, var(--color-black) 25%, transparent)}
.focus\:text-black\/30:focus{color:color-mix(in oklab, var(--color-black) 30%, transparent)}
.focus\:text-black\/40:focus{color:color-mix(in oklab, var(--color-black) 40%, transparent)}
.focus\:text-black\/50:focus{color:color-mix(in oklab, var(--color-black) 50%, transparent)}
.focus\:text-black\/60:focus{color:color-mix(in oklab, var(--color-black) 60%, transparent)}
.focus\:text-black\/70:focus{color:color-mix(in oklab, var(--color-black) 70%, transparent)}
.focus\:text-black\/80:focus{color:color-mix(in oklab, var(--color-black) 80%, transparent)}
.focus\:text-black\/90:focus{color:color-mix(in oklab, var(--color-black) 90%, transparent)}
.focus\:border-primary\/5:focus{border-color:color-mix(in oklab, var(--color-primary) 5%, transparent)}
.focus\:border-primary\/10:focus{border-color:color-mix(in oklab, var(--color-primary) 10%, transparent)}
.focus\:border-primary\/15:focus{border-color:color-mix(in oklab, var(--color-primary) 15%, transparent)}
.focus\:border-primary\/20:focus{border-color:color-mix(in oklab, var(--color-primary) 20%, transparent)}
.focus\:border-primary\/25:focus{border-color:color-mix(in oklab, var(--color-primary) 25%, transparent)}
.focus\:border-primary\/30:focus{border-color:color-mix(in oklab, var(--color-primary) 30%, transparent)}
.focus\:border-primary\/40:focus{border-color:color-mix(in oklab, var(--color-primary) 40%, transparent)}
.focus\:border-primary\/50:focus{border-color:color-mix(in oklab, var(--color-primary) 50%, transparent)}
.focus\:border-primary\/60:focus{border-color:color-mix(in oklab, var(--color-primary) 60%, transparent)}
.focus\:border-primary\/70:focus{border-color:color-mix(in oklab, var(--color-primary) 70%, transparent)}
.focus\:border-primary\/80:focus{border-color:color-mix(in oklab, var(--color-primary) 80%, transparent)}
.focus\:border-primary\/90:focus{border-color:color-mix(in oklab, var(--color-primary) 90%, transparent)}
.focus\:border-secondary\/5:focus{border-color:color-mix(in oklab, var(--color-secondary) 5%, transparent)}
.focus\:border-secondary\/10:focus{border-color:color-mix(in oklab, var(--color-secondary) 10%, transparent)}
.focus\:border-secondary\/15:focus{border-color:color-mix(in oklab, var(--color-secondary) 15%, transparent)}
.focus\:border-secondary\/20:focus{border-color:color-mix(in oklab, var(--color-secondary) 20%, transparent)}
.focus\:border-secondary\/25:focus{border-color:color-mix(in oklab, var(--color-secondary) 25%, transparent)}
.focus\:border-secondary\/30:focus{border-color:color-mix(in oklab, var(--color-secondary) 30%, transparent)}
.focus\:border-secondary\/40:focus{border-color:color-mix(in oklab, var(--color-secondary) 40%, transparent)}
.focus\:border-secondary\/50:focus{border-color:color-mix(in oklab, var(--color-secondary) 50%, transparent)}
.focus\:border-secondary\/60:focus{border-color:color-mix(in oklab, var(--color-secondary) 60%, transparent)}
.focus\:border-secondary\/70:focus{border-color:color-mix(in oklab, var(--color-secondary) 70%, transparent)}
.focus\:border-secondary\/80:focus{border-color:color-mix(in oklab, var(--color-secondary) 80%, transparent)}
.focus\:border-secondary\/90:focus{border-color:color-mix(in oklab, var(--color-secondary) 90%, transparent)}
.focus\:border-background\/5:focus{border-color:color-mix(in oklab, var(--color-background) 5%, transparent)}
.focus\:border-background\/10:focus{border-color:color-mix(in oklab, var(--color-background) 10%, transparent)}
.focus\:border-background\/15:focus{border-color:color-mix(in oklab, var(--color-background) 15%, transparent)}
.focus\:border-background\/20:focus{border-color:color-mix(in oklab, var(--color-background) 20%, transparent)}
.focus\:border-background\/25:focus{border-color:color-mix(in oklab, var(--color-background) 25%, transparent)}
.focus\:border-background\/30:focus{border-color:color-mix(in oklab, var(--color-background) 30%, transparent)}
.focus\:border-background\/40:focus{border-color:color-mix(in oklab, var(--color-background) 40%, transparent)}
.focus\:border-background\/50:focus{border-color:color-mix(in oklab, var(--color-background) 50%, transparent)}
.focus\:border-background\/60:focus{border-color:color-mix(in oklab, var(--color-background) 60%, transparent)}
.focus\:border-background\/70:focus{border-color:color-mix(in oklab, var(--color-background) 70%, transparent)}
.focus\:border-background\/80:focus{border-color:color-mix(in oklab, var(--color-background) 80%, transparent)}
.focus\:border-background\/90:focus{border-color:color-mix(in oklab, var(--color-background) 90%, transparent)}
.focus\:border-transparent\/5:focus{border-color:color-mix(in oklab, var(--color-transparent) 5%, transparent)}
.focus\:border-transparent\/10:focus{border-color:color-mix(in oklab, var(--color-transparent) 10%, transparent)}
.focus\:border-transparent\/15:focus{border-color:color-mix(in oklab, var(--color-transparent) 15%, transparent)}
.focus\:border-transparent\/20:focus{border-color:color-mix(in oklab, var(--color-transparent) 20%, transparent)}
.focus\:border-transparent\/25:focus{border-color:color-mix(in oklab, var(--color-transparent) 25%, transparent)}
.focus\:border-transparent\/30:focus{border-color:color-mix(in oklab, var(--color-transparent) 30%, transparent)}
.focus\:border-transparent\/40:focus{border-color:color-mix(in oklab, var(--color-transparent) 40%, transparent)}
.focus\:border-transparent\/50:focus{border-color:color-mix(in oklab, var(--color-transparent) 50%, transparent)}
.focus\:border-transparent\/60:focus{border-color:color-mix(in oklab, var(--color-transparent) 60%, transparent)}
.focus\:border-transparent\/70:focus{border-color:color-mix(in oklab, var(--color-transparent) 70%, transparent)}
.focus\:border-transparent\/80:focus{border-color:color-mix(in oklab, var(--color-transparent) 80%, transparent)}
.focus\:border-transparent\/90:focus{border-color:color-mix(in oklab, var(--color-transparent) 90%, transparent)}
.focus\:border-active\/5:focus{border-color:color-mix(in oklab, var(--color-active) 5%, transparent)}
.focus\:border-active\/10:focus{border-color:color-mix(in oklab, var(--color-active) 10%, transparent)}
.focus\:border-active\/15:focus{border-color:color-mix(in oklab, var(--color-active) 15%, transparent)}
.focus\:border-active\/20:focus{border-color:color-mix(in oklab, var(--color-active) 20%, transparent)}
.focus\:border-active\/25:focus{border-color:color-mix(in oklab, var(--color-active) 25%, transparent)}
.focus\:border-active\/30:focus{border-color:color-mix(in oklab, var(--color-active) 30%, transparent)}
.focus\:border-active\/40:focus{border-color:color-mix(in oklab, var(--color-active) 40%, transparent)}
.focus\:border-active\/50:focus{border-color:color-mix(in oklab, var(--color-active) 50%, transparent)}
.focus\:border-active\/60:focus{border-color:color-mix(in oklab, var(--color-active) 60%, transparent)}
.focus\:border-active\/70:focus{border-color:color-mix(in oklab, var(--color-active) 70%, transparent)}
.focus\:border-active\/80:focus{border-color:color-mix(in oklab, var(--color-active) 80%, transparent)}
.focus\:border-active\/90:focus{border-color:color-mix(in oklab, var(--color-active) 90%, transparent)}
.focus\:border-hover\/5:focus{border-color:color-mix(in oklab, var(--color-hover) 5%, transparent)}
.focus\:border-hover\/10:focus{border-color:color-mix(in oklab, var(--color-hover) 10%, transparent)}
.focus\:border-hover\/15:focus{border-color:color-mix(in oklab, var(--color-hover) 15%, transparent)}
.focus\:border-hover\/20:focus{border-color:color-mix(in oklab, var(--color-hover) 20%, transparent)}
.focus\:border-hover\/25:focus{border-color:color-mix(in oklab, var(--color-hover) 25%, transparent)}
.focus\:border-hover\/30:focus{border-color:color-mix(in oklab, var(--color-hover) 30%, transparent)}
.focus\:border-hover\/40:focus{border-color:color-mix(in oklab, var(--color-hover) 40%, transparent)}
.focus\:border-hover\/50:focus{border-color:color-mix(in oklab, var(--color-hover) 50%, transparent)}
.focus\:border-hover\/60:focus{border-color:color-mix(in oklab, var(--color-hover) 60%, transparent)}
.focus\:border-hover\/70:focus{border-color:color-mix(in oklab, var(--color-hover) 70%, transparent)}
.focus\:border-hover\/80:focus{border-color:color-mix(in oklab, var(--color-hover) 80%, transparent)}
.focus\:border-hover\/90:focus{border-color:color-mix(in oklab, var(--color-hover) 90%, transparent)}
.focus\:border-not-active\/5:focus{border-color:color-mix(in oklab, var(--color-not-active) 5%, transparent)}
.focus\:border-not-active\/10:focus{border-color:color-mix(in oklab, var(--color-not-active) 10%, transparent)}
.focus\:border-not-active\/15:focus{border-color:color-mix(in oklab, var(--color-not-active) 15%, transparent)}
.focus\:border-not-active\/20:focus{border-color:color-mix(in oklab, var(--color-not-active) 20%, transparent)}
.focus\:border-not-active\/25:focus{border-color:color-mix(in oklab, var(--color-not-active) 25%, transparent)}
.focus\:border-not-active\/30:focus{border-color:color-mix(in oklab, var(--color-not-active) 30%, transparent)}
.focus\:border-not-active\/40:focus{border-color:color-mix(in oklab, var(--color-not-active) 40%, transparent)}
.focus\:border-not-active\/50:focus{border-color:color-mix(in oklab, var(--color-not-active) 50%, transparent)}
.focus\:border-not-active\/60:focus{border-color:color-mix(in oklab, var(--color-not-active) 60%, transparent)}
.focus\:border-not-active\/70:focus{border-color:color-mix(in oklab, var(--color-not-active) 70%, transparent)}
.focus\:border-not-active\/80:focus{border-color:color-mix(in oklab, var(--color-not-active) 80%, transparent)}
.focus\:border-not-active\/90:focus{border-color:color-mix(in oklab, var(--color-not-active) 90%, transparent)}
.focus\:border-primary-text\/5:focus{border-color:color-mix(in oklab, var(--color-primary-text) 5%, transparent)}
.focus\:border-primary-text\/10:focus{border-color:color-mix(in oklab, var(--color-primary-text) 10%, transparent)}
.focus\:border-primary-text\/15:focus{border-color:color-mix(in oklab, var(--color-primary-text) 15%, transparent)}
.focus\:border-primary-text\/20:focus{border-color:color-mix(in oklab, var(--color-primary-text) 20%, transparent)}
.focus\:border-primary-text\/25:focus{border-color:color-mix(in oklab, var(--color-primary-text) 25%, transparent)}
.focus\:border-primary-text\/30:focus{border-color:color-mix(in oklab, var(--color-primary-text) 30%, transparent)}
.focus\:border-primary-text\/40:focus{border-color:color-mix(in oklab, var(--color-primary-text) 40%, transparent)}
.focus\:border-primary-text\/50:focus{border-color:color-mix(in oklab, var(--color-primary-text) 50%, transparent)}
.focus\:border-primary-text\/60:focus{border-color:color-mix(in oklab, var(--color-primary-text) 60%, transparent)}
.focus\:border-primary-text\/70:focus{border-color:color-mix(in oklab, var(--color-primary-text) 70%, transparent)}
.focus\:border-primary-text\/80:focus{border-color:color-mix(in oklab, var(--color-primary-text) 80%, transparent)}
.focus\:border-primary-text\/90:focus{border-color:color-mix(in oklab, var(--color-primary-text) 90%, transparent)}
.focus\:border-secondary-text\/5:focus{border-color:color-mix(in oklab, var(--color-secondary-text) 5%, transparent)}
.focus\:border-secondary-text\/10:focus{border-color:color-mix(in oklab, var(--color-secondary-text) 10%, transparent)}
.focus\:border-secondary-text\/15:focus{border-color:color-mix(in oklab, var(--color-secondary-text) 15%, transparent)}
.focus\:border-secondary-text\/20:focus{border-color:color-mix(in oklab, var(--color-secondary-text) 20%, transparent)}
.focus\:border-secondary-text\/25:focus{border-color:color-mix(in oklab, var(--color-secondary-text) 25%, transparent)}
.focus\:border-secondary-text\/30:focus{border-color:color-mix(in oklab, var(--color-secondary-text) 30%, transparent)}
.focus\:border-secondary-text\/40:focus{border-color:color-mix(in oklab, var(--color-secondary-text) 40%, transparent)}
.focus\:border-secondary-text\/50:focus{border-color:color-mix(in oklab, var(--color-secondary-text) 50%, transparent)}
.focus\:border-secondary-text\/60:focus{border-color:color-mix(in oklab, var(--color-secondary-text) 60%, transparent)}
.focus\:border-secondary-text\/70:focus{border-color:color-mix(in oklab, var(--color-secondary-text) 70%, transparent)}
.focus\:border-secondary-text\/80:focus{border-color:color-mix(in oklab, var(--color-secondary-text) 80%, transparent)}
.focus\:border-secondary-text\/90:focus{border-color:color-mix(in oklab, var(--color-secondary-text) 90%, transparent)}
.focus\:border-tertiary-text\/5:focus{border-color:color-mix(in oklab, var(--color-tertiary-text) 5%, transparent)}
.focus\:border-tertiary-text\/10:focus{border-color:color-mix(in oklab, var(--color-tertiary-text) 10%, transparent)}
.focus\:border-tertiary-text\/15:focus{border-color:color-mix(in oklab, var(--color-tertiary-text) 15%, transparent)}
.focus\:border-tertiary-text\/20:focus{border-color:color-mix(in oklab, var(--color-tertiary-text) 20%, transparent)}
.focus\:border-tertiary-text\/25:focus{border-color:color-mix(in oklab, var(--color-tertiary-text) 25%, transparent)}
.focus\:border-tertiary-text\/30:focus{border-color:color-mix(in oklab, var(--color-tertiary-text) 30%, transparent)}
.focus\:border-tertiary-text\/40:focus{border-color:color-mix(in oklab, var(--color-tertiary-text) 40%, transparent)}
.focus\:border-tertiary-text\/50:focus{border-color:color-mix(in oklab, var(--color-tertiary-text) 50%, transparent)}
.focus\:border-tertiary-text\/60:focus{border-color:color-mix(in oklab, var(--color-tertiary-text) 60%, transparent)}
.focus\:border-tertiary-text\/70:focus{border-color:color-mix(in oklab, var(--color-tertiary-text) 70%, transparent)}
.focus\:border-tertiary-text\/80:focus{border-color:color-mix(in oklab, var(--color-tertiary-text) 80%, transparent)}
.focus\:border-tertiary-text\/90:focus{border-color:color-mix(in oklab, var(--color-tertiary-text) 90%, transparent)}
.focus\:border-not-active-text\/5:focus{border-color:color-mix(in oklab, var(--color-not-active-text) 5%, transparent)}
.focus\:border-not-active-text\/10:focus{border-color:color-mix(in oklab, var(--color-not-active-text) 10%, transparent)}
.focus\:border-not-active-text\/15:focus{border-color:color-mix(in oklab, var(--color-not-active-text) 15%, transparent)}
.focus\:border-not-active-text\/20:focus{border-color:color-mix(in oklab, var(--color-not-active-text) 20%, transparent)}
.focus\:border-not-active-text\/25:focus{border-color:color-mix(in oklab, var(--color-not-active-text) 25%, transparent)}
.focus\:border-not-active-text\/30:focus{border-color:color-mix(in oklab, var(--color-not-active-text) 30%, transparent)}
.focus\:border-not-active-text\/40:focus{border-color:color-mix(in oklab, var(--color-not-active-text) 40%, transparent)}
.focus\:border-not-active-text\/50:focus{border-color:color-mix(in oklab, var(--color-not-active-text) 50%, transparent)}
.focus\:border-not-active-text\/60:focus{border-color:color-mix(in oklab, var(--color-not-active-text) 60%, transparent)}
.focus\:border-not-active-text\/70:focus{border-color:color-mix(in oklab, var(--color-not-active-text) 70%, transparent)}
.focus\:border-not-active-text\/80:focus{border-color:color-mix(in oklab, var(--color-not-active-text) 80%, transparent)}
.focus\:border-not-active-text\/90:focus{border-color:color-mix(in oklab, var(--color-not-active-text) 90%, transparent)}
.focus\:border-state-active\/5:focus{border-color:color-mix(in oklab, var(--color-state-active) 5%, transparent)}
.focus\:border-state-active\/10:focus{border-color:color-mix(in oklab, var(--color-state-active) 10%, transparent)}
.focus\:border-state-active\/15:focus{border-color:color-mix(in oklab, var(--color-state-active) 15%, transparent)}
.focus\:border-state-active\/20:focus{border-color:color-mix(in oklab, var(--color-state-active) 20%, transparent)}
.focus\:border-state-active\/25:focus{border-color:color-mix(in oklab, var(--color-state-active) 25%, transparent)}
.focus\:border-state-active\/30:focus{border-color:color-mix(in oklab, var(--color-state-active) 30%, transparent)}
.focus\:border-state-active\/40:focus{border-color:color-mix(in oklab, var(--color-state-active) 40%, transparent)}
.focus\:border-state-active\/50:focus{border-color:color-mix(in oklab, var(--color-state-active) 50%, transparent)}
.focus\:border-state-active\/60:focus{border-color:color-mix(in oklab, var(--color-state-active) 60%, transparent)}
.focus\:border-state-active\/70:focus{border-color:color-mix(in oklab, var(--color-state-active) 70%, transparent)}
.focus\:border-state-active\/80:focus{border-color:color-mix(in oklab, var(--color-state-active) 80%, transparent)}
.focus\:border-state-active\/90:focus{border-color:color-mix(in oklab, var(--color-state-active) 90%, transparent)}
.focus\:border-state-hover\/5:focus{border-color:color-mix(in oklab, var(--color-state-hover) 5%, transparent)}
.focus\:border-state-hover\/10:focus{border-color:color-mix(in oklab, var(--color-state-hover) 10%, transparent)}
.focus\:border-state-hover\/15:focus{border-color:color-mix(in oklab, var(--color-state-hover) 15%, transparent)}
.focus\:border-state-hover\/20:focus{border-color:color-mix(in oklab, var(--color-state-hover) 20%, transparent)}
.focus\:border-state-hover\/25:focus{border-color:color-mix(in oklab, var(--color-state-hover) 25%, transparent)}
.focus\:border-state-hover\/30:focus{border-color:color-mix(in oklab, var(--color-state-hover) 30%, transparent)}
.focus\:border-state-hover\/40:focus{border-color:color-mix(in oklab, var(--color-state-hover) 40%, transparent)}
.focus\:border-state-hover\/50:focus{border-color:color-mix(in oklab, var(--color-state-hover) 50%, transparent)}
.focus\:border-state-hover\/60:focus{border-color:color-mix(in oklab, var(--color-state-hover) 60%, transparent)}
.focus\:border-state-hover\/70:focus{border-color:color-mix(in oklab, var(--color-state-hover) 70%, transparent)}
.focus\:border-state-hover\/80:focus{border-color:color-mix(in oklab, var(--color-state-hover) 80%, transparent)}
.focus\:border-state-hover\/90:focus{border-color:color-mix(in oklab, var(--color-state-hover) 90%, transparent)}
.focus\:border-state-not-active\/5:focus{border-color:color-mix(in oklab, var(--color-state-not-active) 5%, transparent)}
.focus\:border-state-not-active\/10:focus{border-color:color-mix(in oklab, var(--color-state-not-active) 10%, transparent)}
.focus\:border-state-not-active\/15:focus{border-color:color-mix(in oklab, var(--color-state-not-active) 15%, transparent)}
.focus\:border-state-not-active\/20:focus{border-color:color-mix(in oklab, var(--color-state-not-active) 20%, transparent)}
.focus\:border-state-not-active\/25:focus{border-color:color-mix(in oklab, var(--color-state-not-active) 25%, transparent)}
.focus\:border-state-not-active\/30:focus{border-color:color-mix(in oklab, var(--color-state-not-active) 30%, transparent)}
.focus\:border-state-not-active\/40:focus{border-color:color-mix(in oklab, var(--color-state-not-active) 40%, transparent)}
.focus\:border-state-not-active\/50:focus{border-color:color-mix(in oklab, var(--color-state-not-active) 50%, transparent)}
.focus\:border-state-not-active\/60:focus{border-color:color-mix(in oklab, var(--color-state-not-active) 60%, transparent)}
.focus\:border-state-not-active\/70:focus{border-color:color-mix(in oklab, var(--color-state-not-active) 70%, transparent)}
.focus\:border-state-not-active\/80:focus{border-color:color-mix(in oklab, var(--color-state-not-active) 80%, transparent)}
.focus\:border-state-not-active\/90:focus{border-color:color-mix(in oklab, var(--color-state-not-active) 90%, transparent)}
.focus\:border-card-background\/5:focus{border-color:color-mix(in oklab, var(--color-card-background) 5%, transparent)}
.focus\:border-card-background\/10:focus{border-color:color-mix(in oklab, var(--color-card-background) 10%, transparent)}
.focus\:border-card-background\/15:focus{border-color:color-mix(in oklab, var(--color-card-background) 15%, transparent)}
.focus\:border-card-background\/20:focus{border-color:color-mix(in oklab, var(--color-card-background) 20%, transparent)}
.focus\:border-card-background\/25:focus{border-color:color-mix(in oklab, var(--color-card-background) 25%, transparent)}
.focus\:border-card-background\/30:focus{border-color:color-mix(in oklab, var(--color-card-background) 30%, transparent)}
.focus\:border-card-background\/40:focus{border-color:color-mix(in oklab, var(--color-card-background) 40%, transparent)}
.focus\:border-card-background\/50:focus{border-color:color-mix(in oklab, var(--color-card-background) 50%, transparent)}
.focus\:border-card-background\/60:focus{border-color:color-mix(in oklab, var(--color-card-background) 60%, transparent)}
.focus\:border-card-background\/70:focus{border-color:color-mix(in oklab, var(--color-card-background) 70%, transparent)}
.focus\:border-card-background\/80:focus{border-color:color-mix(in oklab, var(--color-card-background) 80%, transparent)}
.focus\:border-card-background\/90:focus{border-color:color-mix(in oklab, var(--color-card-background) 90%, transparent)}
.focus\:border-card-shadow\/5:focus{border-color:color-mix(in oklab, var(--color-card-shadow) 5%, transparent)}
.focus\:border-card-shadow\/10:focus{border-color:color-mix(in oklab, var(--color-card-shadow) 10%, transparent)}
.focus\:border-card-shadow\/15:focus{border-color:color-mix(in oklab, var(--color-card-shadow) 15%, transparent)}
.focus\:border-card-shadow\/20:focus{border-color:color-mix(in oklab, var(--color-card-shadow) 20%, transparent)}
.focus\:border-card-shadow\/25:focus{border-color:color-mix(in oklab, var(--color-card-shadow) 25%, transparent)}
.focus\:border-card-shadow\/30:focus{border-color:color-mix(in oklab, var(--color-card-shadow) 30%, transparent)}
.focus\:border-card-shadow\/40:focus{border-color:color-mix(in oklab, var(--color-card-shadow) 40%, transparent)}
.focus\:border-card-shadow\/50:focus{border-color:color-mix(in oklab, var(--color-card-shadow) 50%, transparent)}
.focus\:border-card-shadow\/60:focus{border-color:color-mix(in oklab, var(--color-card-shadow) 60%, transparent)}
.focus\:border-card-shadow\/70:focus{border-color:color-mix(in oklab, var(--color-card-shadow) 70%, transparent)}
.focus\:border-card-shadow\/80:focus{border-color:color-mix(in oklab, var(--color-card-shadow) 80%, transparent)}
.focus\:border-card-shadow\/90:focus{border-color:color-mix(in oklab, var(--color-card-shadow) 90%, transparent)}
.focus\:border-border\/5:focus{border-color:color-mix(in oklab, var(--color-border) 5%, transparent)}
.focus\:border-border\/10:focus{border-color:color-mix(in oklab, var(--color-border) 10%, transparent)}
.focus\:border-border\/15:focus{border-color:color-mix(in oklab, var(--color-border) 15%, transparent)}
.focus\:border-border\/20:focus{border-color:color-mix(in oklab, var(--color-border) 20%, transparent)}
.focus\:border-border\/25:focus{border-color:color-mix(in oklab, var(--color-border) 25%, transparent)}
.focus\:border-border\/30:focus{border-color:color-mix(in oklab, var(--color-border) 30%, transparent)}
.focus\:border-border\/40:focus{border-color:color-mix(in oklab, var(--color-border) 40%, transparent)}
.focus\:border-border\/50:focus{border-color:color-mix(in oklab, var(--color-border) 50%, transparent)}
.focus\:border-border\/60:focus{border-color:color-mix(in oklab, var(--color-border) 60%, transparent)}
.focus\:border-border\/70:focus{border-color:color-mix(in oklab, var(--color-border) 70%, transparent)}
.focus\:border-border\/80:focus{border-color:color-mix(in oklab, var(--color-border) 80%, transparent)}
.focus\:border-border\/90:focus{border-color:color-mix(in oklab, var(--color-border) 90%, transparent)}
.focus\:border-border-hover\/5:focus{border-color:color-mix(in oklab, var(--color-border-hover) 5%, transparent)}
.focus\:border-border-hover\/10:focus{border-color:color-mix(in oklab, var(--color-border-hover) 10%, transparent)}
.focus\:border-border-hover\/15:focus{border-color:color-mix(in oklab, var(--color-border-hover) 15%, transparent)}
.focus\:border-border-hover\/20:focus{border-color:color-mix(in oklab, var(--color-border-hover) 20%, transparent)}
.focus\:border-border-hover\/25:focus{border-color:color-mix(in oklab, var(--color-border-hover) 25%, transparent)}
.focus\:border-border-hover\/30:focus{border-color:color-mix(in oklab, var(--color-border-hover) 30%, transparent)}
.focus\:border-border-hover\/40:focus{border-color:color-mix(in oklab, var(--color-border-hover) 40%, transparent)}
.focus\:border-border-hover\/50:focus{border-color:color-mix(in oklab, var(--color-border-hover) 50%, transparent)}
.focus\:border-border-hover\/60:focus{border-color:color-mix(in oklab, var(--color-border-hover) 60%, transparent)}
.focus\:border-border-hover\/70:focus{border-color:color-mix(in oklab, var(--color-border-hover) 70%, transparent)}
.focus\:border-border-hover\/80:focus{border-color:color-mix(in oklab, var(--color-border-hover) 80%, transparent)}
.focus\:border-border-hover\/90:focus{border-color:color-mix(in oklab, var(--color-border-hover) 90%, transparent)}
.focus\:border-border-success\/5:focus{border-color:color-mix(in oklab, var(--color-border-success) 5%, transparent)}
.focus\:border-border-success\/10:focus{border-color:color-mix(in oklab, var(--color-border-success) 10%, transparent)}
.focus\:border-border-success\/15:focus{border-color:color-mix(in oklab, var(--color-border-success) 15%, transparent)}
.focus\:border-border-success\/20:focus{border-color:color-mix(in oklab, var(--color-border-success) 20%, transparent)}
.focus\:border-border-success\/25:focus{border-color:color-mix(in oklab, var(--color-border-success) 25%, transparent)}
.focus\:border-border-success\/30:focus{border-color:color-mix(in oklab, var(--color-border-success) 30%, transparent)}
.focus\:border-border-success\/40:focus{border-color:color-mix(in oklab, var(--color-border-success) 40%, transparent)}
.focus\:border-border-success\/50:focus{border-color:color-mix(in oklab, var(--color-border-success) 50%, transparent)}
.focus\:border-border-success\/60:focus{border-color:color-mix(in oklab, var(--color-border-success) 60%, transparent)}
.focus\:border-border-success\/70:focus{border-color:color-mix(in oklab, var(--color-border-success) 70%, transparent)}
.focus\:border-border-success\/80:focus{border-color:color-mix(in oklab, var(--color-border-success) 80%, transparent)}
.focus\:border-border-success\/90:focus{border-color:color-mix(in oklab, var(--color-border-success) 90%, transparent)}
.focus\:border-border-info\/5:focus{border-color:color-mix(in oklab, var(--color-border-info) 5%, transparent)}
.focus\:border-border-info\/10:focus{border-color:color-mix(in oklab, var(--color-border-info) 10%, transparent)}
.focus\:border-border-info\/15:focus{border-color:color-mix(in oklab, var(--color-border-info) 15%, transparent)}
.focus\:border-border-info\/20:focus{border-color:color-mix(in oklab, var(--color-border-info) 20%, transparent)}
.focus\:border-border-info\/25:focus{border-color:color-mix(in oklab, var(--color-border-info) 25%, transparent)}
.focus\:border-border-info\/30:focus{border-color:color-mix(in oklab, var(--color-border-info) 30%, transparent)}
.focus\:border-border-info\/40:focus{border-color:color-mix(in oklab, var(--color-border-info) 40%, transparent)}
.focus\:border-border-info\/50:focus{border-color:color-mix(in oklab, var(--color-border-info) 50%, transparent)}
.focus\:border-border-info\/60:focus{border-color:color-mix(in oklab, var(--color-border-info) 60%, transparent)}
.focus\:border-border-info\/70:focus{border-color:color-mix(in oklab, var(--color-border-info) 70%, transparent)}
.focus\:border-border-info\/80:focus{border-color:color-mix(in oklab, var(--color-border-info) 80%, transparent)}
.focus\:border-border-info\/90:focus{border-color:color-mix(in oklab, var(--color-border-info) 90%, transparent)}
.focus\:border-border-warning\/5:focus{border-color:color-mix(in oklab, var(--color-border-warning) 5%, transparent)}
.focus\:border-border-warning\/10:focus{border-color:color-mix(in oklab, var(--color-border-warning) 10%, transparent)}
.focus\:border-border-warning\/15:focus{border-color:color-mix(in oklab, var(--color-border-warning) 15%, transparent)}
.focus\:border-border-warning\/20:focus{border-color:color-mix(in oklab, var(--color-border-warning) 20%, transparent)}
.focus\:border-border-warning\/25:focus{border-color:color-mix(in oklab, var(--color-border-warning) 25%, transparent)}
.focus\:border-border-warning\/30:focus{border-color:color-mix(in oklab, var(--color-border-warning) 30%, transparent)}
.focus\:border-border-warning\/40:focus{border-color:color-mix(in oklab, var(--color-border-warning) 40%, transparent)}
.focus\:border-border-warning\/50:focus{border-color:color-mix(in oklab, var(--color-border-warning) 50%, transparent)}
.focus\:border-border-warning\/60:focus{border-color:color-mix(in oklab, var(--color-border-warning) 60%, transparent)}
.focus\:border-border-warning\/70:focus{border-color:color-mix(in oklab, var(--color-border-warning) 70%, transparent)}
.focus\:border-border-warning\/80:focus{border-color:color-mix(in oklab, var(--color-border-warning) 80%, transparent)}
.focus\:border-border-warning\/90:focus{border-color:color-mix(in oklab, var(--color-border-warning) 90%, transparent)}
.focus\:border-border-error\/5:focus{border-color:color-mix(in oklab, var(--color-border-error) 5%, transparent)}
.focus\:border-border-error\/10:focus{border-color:color-mix(in oklab, var(--color-border-error) 10%, transparent)}
.focus\:border-border-error\/15:focus{border-color:color-mix(in oklab, var(--color-border-error) 15%, transparent)}
.focus\:border-border-error\/20:focus{border-color:color-mix(in oklab, var(--color-border-error) 20%, transparent)}
.focus\:border-border-error\/25:focus{border-color:color-mix(in oklab, var(--color-border-error) 25%, transparent)}
.focus\:border-border-error\/30:focus{border-color:color-mix(in oklab, var(--color-border-error) 30%, transparent)}
.focus\:border-border-error\/40:focus{border-color:color-mix(in oklab, var(--color-border-error) 40%, transparent)}
.focus\:border-border-error\/50:focus{border-color:color-mix(in oklab, var(--color-border-error) 50%, transparent)}
.focus\:border-border-error\/60:focus{border-color:color-mix(in oklab, var(--color-border-error) 60%, transparent)}
.focus\:border-border-error\/70:focus{border-color:color-mix(in oklab, var(--color-border-error) 70%, transparent)}
.focus\:border-border-error\/80:focus{border-color:color-mix(in oklab, var(--color-border-error) 80%, transparent)}
.focus\:border-border-error\/90:focus{border-color:color-mix(in oklab, var(--color-border-error) 90%, transparent)}
.focus\:border-light-border\/5:focus{border-color:color-mix(in oklab, var(--color-light-border) 5%, transparent)}
.focus\:border-light-border\/10:focus{border-color:color-mix(in oklab, var(--color-light-border) 10%, transparent)}
.focus\:border-light-border\/15:focus{border-color:color-mix(in oklab, var(--color-light-border) 15%, transparent)}
.focus\:border-light-border\/20:focus{border-color:color-mix(in oklab, var(--color-light-border) 20%, transparent)}
.focus\:border-light-border\/25:focus{border-color:color-mix(in oklab, var(--color-light-border) 25%, transparent)}
.focus\:border-light-border\/30:focus{border-color:color-mix(in oklab, var(--color-light-border) 30%, transparent)}
.focus\:border-light-border\/40:focus{border-color:color-mix(in oklab, var(--color-light-border) 40%, transparent)}
.focus\:border-light-border\/50:focus{border-color:color-mix(in oklab, var(--color-light-border) 50%, transparent)}
.focus\:border-light-border\/60:focus{border-color:color-mix(in oklab, var(--color-light-border) 60%, transparent)}
.focus\:border-light-border\/70:focus{border-color:color-mix(in oklab, var(--color-light-border) 70%, transparent)}
.focus\:border-light-border\/80:focus{border-color:color-mix(in oklab, var(--color-light-border) 80%, transparent)}
.focus\:border-light-border\/90:focus{border-color:color-mix(in oklab, var(--color-light-border) 90%, transparent)}
.focus\:border-divider\/5:focus{border-color:color-mix(in oklab, var(--color-divider) 5%, transparent)}
.focus\:border-divider\/10:focus{border-color:color-mix(in oklab, var(--color-divider) 10%, transparent)}
.focus\:border-divider\/15:focus{border-color:color-mix(in oklab, var(--color-divider) 15%, transparent)}
.focus\:border-divider\/20:focus{border-color:color-mix(in oklab, var(--color-divider) 20%, transparent)}
.focus\:border-divider\/25:focus{border-color:color-mix(in oklab, var(--color-divider) 25%, transparent)}
.focus\:border-divider\/30:focus{border-color:color-mix(in oklab, var(--color-divider) 30%, transparent)}
.focus\:border-divider\/40:focus{border-color:color-mix(in oklab, var(--color-divider) 40%, transparent)}
.focus\:border-divider\/50:focus{border-color:color-mix(in oklab, var(--color-divider) 50%, transparent)}
.focus\:border-divider\/60:focus{border-color:color-mix(in oklab, var(--color-divider) 60%, transparent)}
.focus\:border-divider\/70:focus{border-color:color-mix(in oklab, var(--color-divider) 70%, transparent)}
.focus\:border-divider\/80:focus{border-color:color-mix(in oklab, var(--color-divider) 80%, transparent)}
.focus\:border-divider\/90:focus{border-color:color-mix(in oklab, var(--color-divider) 90%, transparent)}
.focus\:border-success\/5:focus{border-color:color-mix(in oklab, var(--color-success) 5%, transparent)}
.focus\:border-success\/10:focus{border-color:color-mix(in oklab, var(--color-success) 10%, transparent)}
.focus\:border-success\/15:focus{border-color:color-mix(in oklab, var(--color-success) 15%, transparent)}
.focus\:border-success\/20:focus{border-color:color-mix(in oklab, var(--color-success) 20%, transparent)}
.focus\:border-success\/25:focus{border-color:color-mix(in oklab, var(--color-success) 25%, transparent)}
.focus\:border-success\/30:focus{border-color:color-mix(in oklab, var(--color-success) 30%, transparent)}
.focus\:border-success\/40:focus{border-color:color-mix(in oklab, var(--color-success) 40%, transparent)}
.focus\:border-success\/50:focus{border-color:color-mix(in oklab, var(--color-success) 50%, transparent)}
.focus\:border-success\/60:focus{border-color:color-mix(in oklab, var(--color-success) 60%, transparent)}
.focus\:border-success\/70:focus{border-color:color-mix(in oklab, var(--color-success) 70%, transparent)}
.focus\:border-success\/80:focus{border-color:color-mix(in oklab, var(--color-success) 80%, transparent)}
.focus\:border-success\/90:focus{border-color:color-mix(in oklab, var(--color-success) 90%, transparent)}
.focus\:border-error\/5:focus{border-color:color-mix(in oklab, var(--color-error) 5%, transparent)}
.focus\:border-error\/10:focus{border-color:color-mix(in oklab, var(--color-error) 10%, transparent)}
.focus\:border-error\/15:focus{border-color:color-mix(in oklab, var(--color-error) 15%, transparent)}
.focus\:border-error\/20:focus{border-color:color-mix(in oklab, var(--color-error) 20%, transparent)}
.focus\:border-error\/25:focus{border-color:color-mix(in oklab, var(--color-error) 25%, transparent)}
.focus\:border-error\/30:focus{border-color:color-mix(in oklab, var(--color-error) 30%, transparent)}
.focus\:border-error\/40:focus{border-color:color-mix(in oklab, var(--color-error) 40%, transparent)}
.focus\:border-error\/50:focus{border-color:color-mix(in oklab, var(--color-error) 50%, transparent)}
.focus\:border-error\/60:focus{border-color:color-mix(in oklab, var(--color-error) 60%, transparent)}
.focus\:border-error\/70:focus{border-color:color-mix(in oklab, var(--color-error) 70%, transparent)}
.focus\:border-error\/80:focus{border-color:color-mix(in oklab, var(--color-error) 80%, transparent)}
.focus\:border-error\/90:focus{border-color:color-mix(in oklab, var(--color-error) 90%, transparent)}
.focus\:border-error-hover\/5:focus{border-color:color-mix(in oklab, var(--color-error-hover) 5%, transparent)}
.focus\:border-error-hover\/10:focus{border-color:color-mix(in oklab, var(--color-error-hover) 10%, transparent)}
.focus\:border-error-hover\/15:focus{border-color:color-mix(in oklab, var(--color-error-hover) 15%, transparent)}
.focus\:border-error-hover\/20:focus{border-color:color-mix(in oklab, var(--color-error-hover) 20%, transparent)}
.focus\:border-error-hover\/25:focus{border-color:color-mix(in oklab, var(--color-error-hover) 25%, transparent)}
.focus\:border-error-hover\/30:focus{border-color:color-mix(in oklab, var(--color-error-hover) 30%, transparent)}
.focus\:border-error-hover\/40:focus{border-color:color-mix(in oklab, var(--color-error-hover) 40%, transparent)}
.focus\:border-error-hover\/50:focus{border-color:color-mix(in oklab, var(--color-error-hover) 50%, transparent)}
.focus\:border-error-hover\/60:focus{border-color:color-mix(in oklab, var(--color-error-hover) 60%, transparent)}
.focus\:border-error-hover\/70:focus{border-color:color-mix(in oklab, var(--color-error-hover) 70%, transparent)}
.focus\:border-error-hover\/80:focus{border-color:color-mix(in oklab, var(--color-error-hover) 80%, transparent)}
.focus\:border-error-hover\/90:focus{border-color:color-mix(in oklab, var(--color-error-hover) 90%, transparent)}
.focus\:border-warning\/5:focus{border-color:color-mix(in oklab, var(--color-warning) 5%, transparent)}
.focus\:border-warning\/10:focus{border-color:color-mix(in oklab, var(--color-warning) 10%, transparent)}
.focus\:border-warning\/15:focus{border-color:color-mix(in oklab, var(--color-warning) 15%, transparent)}
.focus\:border-warning\/20:focus{border-color:color-mix(in oklab, var(--color-warning) 20%, transparent)}
.focus\:border-warning\/25:focus{border-color:color-mix(in oklab, var(--color-warning) 25%, transparent)}
.focus\:border-warning\/30:focus{border-color:color-mix(in oklab, var(--color-warning) 30%, transparent)}
.focus\:border-warning\/40:focus{border-color:color-mix(in oklab, var(--color-warning) 40%, transparent)}
.focus\:border-warning\/50:focus{border-color:color-mix(in oklab, var(--color-warning) 50%, transparent)}
.focus\:border-warning\/60:focus{border-color:color-mix(in oklab, var(--color-warning) 60%, transparent)}
.focus\:border-warning\/70:focus{border-color:color-mix(in oklab, var(--color-warning) 70%, transparent)}
.focus\:border-warning\/80:focus{border-color:color-mix(in oklab, var(--color-warning) 80%, transparent)}
.focus\:border-warning\/90:focus{border-color:color-mix(in oklab, var(--color-warning) 90%, transparent)}
.focus\:border-info\/5:focus{border-color:color-mix(in oklab, var(--color-info) 5%, transparent)}
.focus\:border-info\/10:focus{border-color:color-mix(in oklab, var(--color-info) 10%, transparent)}
.focus\:border-info\/15:focus{border-color:color-mix(in oklab, var(--color-info) 15%, transparent)}
.focus\:border-info\/20:focus{border-color:color-mix(in oklab, var(--color-info) 20%, transparent)}
.focus\:border-info\/25:focus{border-color:color-mix(in oklab, var(--color-info) 25%, transparent)}
.focus\:border-info\/30:focus{border-color:color-mix(in oklab, var(--color-info) 30%, transparent)}
.focus\:border-info\/40:focus{border-color:color-mix(in oklab, var(--color-info) 40%, transparent)}
.focus\:border-info\/50:focus{border-color:color-mix(in oklab, var(--color-info) 50%, transparent)}
.focus\:border-info\/60:focus{border-color:color-mix(in oklab, var(--color-info) 60%, transparent)}
.focus\:border-info\/70:focus{border-color:color-mix(in oklab, var(--color-info) 70%, transparent)}
.focus\:border-info\/80:focus{border-color:color-mix(in oklab, var(--color-info) 80%, transparent)}
.focus\:border-info\/90:focus{border-color:color-mix(in oklab, var(--color-info) 90%, transparent)}
.focus\:border-bg-success\/5:focus{border-color:color-mix(in oklab, var(--color-bg-success) 5%, transparent)}
.focus\:border-bg-success\/10:focus{border-color:color-mix(in oklab, var(--color-bg-success) 10%, transparent)}
.focus\:border-bg-success\/15:focus{border-color:color-mix(in oklab, var(--color-bg-success) 15%, transparent)}
.focus\:border-bg-success\/20:focus{border-color:color-mix(in oklab, var(--color-bg-success) 20%, transparent)}
.focus\:border-bg-success\/25:focus{border-color:color-mix(in oklab, var(--color-bg-success) 25%, transparent)}
.focus\:border-bg-success\/30:focus{border-color:color-mix(in oklab, var(--color-bg-success) 30%, transparent)}
.focus\:border-bg-success\/40:focus{border-color:color-mix(in oklab, var(--color-bg-success) 40%, transparent)}
.focus\:border-bg-success\/50:focus{border-color:color-mix(in oklab, var(--color-bg-success) 50%, transparent)}
.focus\:border-bg-success\/60:focus{border-color:color-mix(in oklab, var(--color-bg-success) 60%, transparent)}
.focus\:border-bg-success\/70:focus{border-color:color-mix(in oklab, var(--color-bg-success) 70%, transparent)}
.focus\:border-bg-success\/80:focus{border-color:color-mix(in oklab, var(--color-bg-success) 80%, transparent)}
.focus\:border-bg-success\/90:focus{border-color:color-mix(in oklab, var(--color-bg-success) 90%, transparent)}
.focus\:border-bg-error\/5:focus{border-color:color-mix(in oklab, var(--color-bg-error) 5%, transparent)}
.focus\:border-bg-error\/10:focus{border-color:color-mix(in oklab, var(--color-bg-error) 10%, transparent)}
.focus\:border-bg-error\/15:focus{border-color:color-mix(in oklab, var(--color-bg-error) 15%, transparent)}
.focus\:border-bg-error\/20:focus{border-color:color-mix(in oklab, var(--color-bg-error) 20%, transparent)}
.focus\:border-bg-error\/25:focus{border-color:color-mix(in oklab, var(--color-bg-error) 25%, transparent)}
.focus\:border-bg-error\/30:focus{border-color:color-mix(in oklab, var(--color-bg-error) 30%, transparent)}
.focus\:border-bg-error\/40:focus{border-color:color-mix(in oklab, var(--color-bg-error) 40%, transparent)}
.focus\:border-bg-error\/50:focus{border-color:color-mix(in oklab, var(--color-bg-error) 50%, transparent)}
.focus\:border-bg-error\/60:focus{border-color:color-mix(in oklab, var(--color-bg-error) 60%, transparent)}
.focus\:border-bg-error\/70:focus{border-color:color-mix(in oklab, var(--color-bg-error) 70%, transparent)}
.focus\:border-bg-error\/80:focus{border-color:color-mix(in oklab, var(--color-bg-error) 80%, transparent)}
.focus\:border-bg-error\/90:focus{border-color:color-mix(in oklab, var(--color-bg-error) 90%, transparent)}
.focus\:border-bg-warning\/5:focus{border-color:color-mix(in oklab, var(--color-bg-warning) 5%, transparent)}
.focus\:border-bg-warning\/10:focus{border-color:color-mix(in oklab, var(--color-bg-warning) 10%, transparent)}
.focus\:border-bg-warning\/15:focus{border-color:color-mix(in oklab, var(--color-bg-warning) 15%, transparent)}
.focus\:border-bg-warning\/20:focus{border-color:color-mix(in oklab, var(--color-bg-warning) 20%, transparent)}
.focus\:border-bg-warning\/25:focus{border-color:color-mix(in oklab, var(--color-bg-warning) 25%, transparent)}
.focus\:border-bg-warning\/30:focus{border-color:color-mix(in oklab, var(--color-bg-warning) 30%, transparent)}
.focus\:border-bg-warning\/40:focus{border-color:color-mix(in oklab, var(--color-bg-warning) 40%, transparent)}
.focus\:border-bg-warning\/50:focus{border-color:color-mix(in oklab, var(--color-bg-warning) 50%, transparent)}
.focus\:border-bg-warning\/60:focus{border-color:color-mix(in oklab, var(--color-bg-warning) 60%, transparent)}
.focus\:border-bg-warning\/70:focus{border-color:color-mix(in oklab, var(--color-bg-warning) 70%, transparent)}
.focus\:border-bg-warning\/80:focus{border-color:color-mix(in oklab, var(--color-bg-warning) 80%, transparent)}
.focus\:border-bg-warning\/90:focus{border-color:color-mix(in oklab, var(--color-bg-warning) 90%, transparent)}
.focus\:border-bg-info\/5:focus{border-color:color-mix(in oklab, var(--color-bg-info) 5%, transparent)}
.focus\:border-bg-info\/10:focus{border-color:color-mix(in oklab, var(--color-bg-info) 10%, transparent)}
.focus\:border-bg-info\/15:focus{border-color:color-mix(in oklab, var(--color-bg-info) 15%, transparent)}
.focus\:border-bg-info\/20:focus{border-color:color-mix(in oklab, var(--color-bg-info) 20%, transparent)}
.focus\:border-bg-info\/25:focus{border-color:color-mix(in oklab, var(--color-bg-info) 25%, transparent)}
.focus\:border-bg-info\/30:focus{border-color:color-mix(in oklab, var(--color-bg-info) 30%, transparent)}
.focus\:border-bg-info\/40:focus{border-color:color-mix(in oklab, var(--color-bg-info) 40%, transparent)}
.focus\:border-bg-info\/50:focus{border-color:color-mix(in oklab, var(--color-bg-info) 50%, transparent)}
.focus\:border-bg-info\/60:focus{border-color:color-mix(in oklab, var(--color-bg-info) 60%, transparent)}
.focus\:border-bg-info\/70:focus{border-color:color-mix(in oklab, var(--color-bg-info) 70%, transparent)}
.focus\:border-bg-info\/80:focus{border-color:color-mix(in oklab, var(--color-bg-info) 80%, transparent)}
.focus\:border-bg-info\/90:focus{border-color:color-mix(in oklab, var(--color-bg-info) 90%, transparent)}
.focus\:border-title-start\/5:focus{border-color:color-mix(in oklab, var(--color-title-start) 5%, transparent)}
.focus\:border-title-start\/10:focus{border-color:color-mix(in oklab, var(--color-title-start) 10%, transparent)}
.focus\:border-title-start\/15:focus{border-color:color-mix(in oklab, var(--color-title-start) 15%, transparent)}
.focus\:border-title-start\/20:focus{border-color:color-mix(in oklab, var(--color-title-start) 20%, transparent)}
.focus\:border-title-start\/25:focus{border-color:color-mix(in oklab, var(--color-title-start) 25%, transparent)}
.focus\:border-title-start\/30:focus{border-color:color-mix(in oklab, var(--color-title-start) 30%, transparent)}
.focus\:border-title-start\/40:focus{border-color:color-mix(in oklab, var(--color-title-start) 40%, transparent)}
.focus\:border-title-start\/50:focus{border-color:color-mix(in oklab, var(--color-title-start) 50%, transparent)}
.focus\:border-title-start\/60:focus{border-color:color-mix(in oklab, var(--color-title-start) 60%, transparent)}
.focus\:border-title-start\/70:focus{border-color:color-mix(in oklab, var(--color-title-start) 70%, transparent)}
.focus\:border-title-start\/80:focus{border-color:color-mix(in oklab, var(--color-title-start) 80%, transparent)}
.focus\:border-title-start\/90:focus{border-color:color-mix(in oklab, var(--color-title-start) 90%, transparent)}
.focus\:border-title-end\/5:focus{border-color:color-mix(in oklab, var(--color-title-end) 5%, transparent)}
.focus\:border-title-end\/10:focus{border-color:color-mix(in oklab, var(--color-title-end) 10%, transparent)}
.focus\:border-title-end\/15:focus{border-color:color-mix(in oklab, var(--color-title-end) 15%, transparent)}
.focus\:border-title-end\/20:focus{border-color:color-mix(in oklab, var(--color-title-end) 20%, transparent)}
.focus\:border-title-end\/25:focus{border-color:color-mix(in oklab, var(--color-title-end) 25%, transparent)}
.focus\:border-title-end\/30:focus{border-color:color-mix(in oklab, var(--color-title-end) 30%, transparent)}
.focus\:border-title-end\/40:focus{border-color:color-mix(in oklab, var(--color-title-end) 40%, transparent)}
.focus\:border-title-end\/50:focus{border-color:color-mix(in oklab, var(--color-title-end) 50%, transparent)}
.focus\:border-title-end\/60:focus{border-color:color-mix(in oklab, var(--color-title-end) 60%, transparent)}
.focus\:border-title-end\/70:focus{border-color:color-mix(in oklab, var(--color-title-end) 70%, transparent)}
.focus\:border-title-end\/80:focus{border-color:color-mix(in oklab, var(--color-title-end) 80%, transparent)}
.focus\:border-title-end\/90:focus{border-color:color-mix(in oklab, var(--color-title-end) 90%, transparent)}
.focus\:border-bg-start\/5:focus{border-color:color-mix(in oklab, var(--color-bg-start) 5%, transparent)}
.focus\:border-bg-start\/10:focus{border-color:color-mix(in oklab, var(--color-bg-start) 10%, transparent)}
.focus\:border-bg-start\/15:focus{border-color:color-mix(in oklab, var(--color-bg-start) 15%, transparent)}
.focus\:border-bg-start\/20:focus{border-color:color-mix(in oklab, var(--color-bg-start) 20%, transparent)}
.focus\:border-bg-start\/25:focus{border-color:color-mix(in oklab, var(--color-bg-start) 25%, transparent)}
.focus\:border-bg-start\/30:focus{border-color:color-mix(in oklab, var(--color-bg-start) 30%, transparent)}
.focus\:border-bg-start\/40:focus{border-color:color-mix(in oklab, var(--color-bg-start) 40%, transparent)}
.focus\:border-bg-start\/50:focus{border-color:color-mix(in oklab, var(--color-bg-start) 50%, transparent)}
.focus\:border-bg-start\/60:focus{border-color:color-mix(in oklab, var(--color-bg-start) 60%, transparent)}
.focus\:border-bg-start\/70:focus{border-color:color-mix(in oklab, var(--color-bg-start) 70%, transparent)}
.focus\:border-bg-start\/80:focus{border-color:color-mix(in oklab, var(--color-bg-start) 80%, transparent)}
.focus\:border-bg-start\/90:focus{border-color:color-mix(in oklab, var(--color-bg-start) 90%, transparent)}
.focus\:border-bg-end\/5:focus{border-color:color-mix(in oklab, var(--color-bg-end) 5%, transparent)}
.focus\:border-bg-end\/10:focus{border-color:color-mix(in oklab, var(--color-bg-end) 10%, transparent)}
.focus\:border-bg-end\/15:focus{border-color:color-mix(in oklab, var(--color-bg-end) 15%, transparent)}
.focus\:border-bg-end\/20:focus{border-color:color-mix(in oklab, var(--color-bg-end) 20%, transparent)}
.focus\:border-bg-end\/25:focus{border-color:color-mix(in oklab, var(--color-bg-end) 25%, transparent)}
.focus\:border-bg-end\/30:focus{border-color:color-mix(in oklab, var(--color-bg-end) 30%, transparent)}
.focus\:border-bg-end\/40:focus{border-color:color-mix(in oklab, var(--color-bg-end) 40%, transparent)}
.focus\:border-bg-end\/50:focus{border-color:color-mix(in oklab, var(--color-bg-end) 50%, transparent)}
.focus\:border-bg-end\/60:focus{border-color:color-mix(in oklab, var(--color-bg-end) 60%, transparent)}
.focus\:border-bg-end\/70:focus{border-color:color-mix(in oklab, var(--color-bg-end) 70%, transparent)}
.focus\:border-bg-end\/80:focus{border-color:color-mix(in oklab, var(--color-bg-end) 80%, transparent)}
.focus\:border-bg-end\/90:focus{border-color:color-mix(in oklab, var(--color-bg-end) 90%, transparent)}
.focus\:border-primary-content\/5:focus{border-color:color-mix(in oklab, var(--color-primary-content) 5%, transparent)}
.focus\:border-primary-content\/10:focus{border-color:color-mix(in oklab, var(--color-primary-content) 10%, transparent)}
.focus\:border-primary-content\/15:focus{border-color:color-mix(in oklab, var(--color-primary-content) 15%, transparent)}
.focus\:border-primary-content\/20:focus{border-color:color-mix(in oklab, var(--color-primary-content) 20%, transparent)}
.focus\:border-primary-content\/25:focus{border-color:color-mix(in oklab, var(--color-primary-content) 25%, transparent)}
.focus\:border-primary-content\/30:focus{border-color:color-mix(in oklab, var(--color-primary-content) 30%, transparent)}
.focus\:border-primary-content\/40:focus{border-color:color-mix(in oklab, var(--color-primary-content) 40%, transparent)}
.focus\:border-primary-content\/50:focus{border-color:color-mix(in oklab, var(--color-primary-content) 50%, transparent)}
.focus\:border-primary-content\/60:focus{border-color:color-mix(in oklab, var(--color-primary-content) 60%, transparent)}
.focus\:border-primary-content\/70:focus{border-color:color-mix(in oklab, var(--color-primary-content) 70%, transparent)}
.focus\:border-primary-content\/80:focus{border-color:color-mix(in oklab, var(--color-primary-content) 80%, transparent)}
.focus\:border-primary-content\/90:focus{border-color:color-mix(in oklab, var(--color-primary-content) 90%, transparent)}
.focus\:border-secondary-content\/5:focus{border-color:color-mix(in oklab, var(--color-secondary-content) 5%, transparent)}
.focus\:border-secondary-content\/10:focus{border-color:color-mix(in oklab, var(--color-secondary-content) 10%, transparent)}
.focus\:border-secondary-content\/15:focus{border-color:color-mix(in oklab, var(--color-secondary-content) 15%, transparent)}
.focus\:border-secondary-content\/20:focus{border-color:color-mix(in oklab, var(--color-secondary-content) 20%, transparent)}
.focus\:border-secondary-content\/25:focus{border-color:color-mix(in oklab, var(--color-secondary-content) 25%, transparent)}
.focus\:border-secondary-content\/30:focus{border-color:color-mix(in oklab, var(--color-secondary-content) 30%, transparent)}
.focus\:border-secondary-content\/40:focus{border-color:color-mix(in oklab, var(--color-secondary-content) 40%, transparent)}
.focus\:border-secondary-content\/50:focus{border-color:color-mix(in oklab, var(--color-secondary-content) 50%, transparent)}
.focus\:border-secondary-content\/60:focus{border-color:color-mix(in oklab, var(--color-secondary-content) 60%, transparent)}
.focus\:border-secondary-content\/70:focus{border-color:color-mix(in oklab, var(--color-secondary-content) 70%, transparent)}
.focus\:border-secondary-content\/80:focus{border-color:color-mix(in oklab, var(--color-secondary-content) 80%, transparent)}
.focus\:border-secondary-content\/90:focus{border-color:color-mix(in oklab, var(--color-secondary-content) 90%, transparent)}
.focus\:border-base-100\/5:focus{border-color:color-mix(in oklab, var(--color-base-100) 5%, transparent)}
.focus\:border-base-100\/10:focus{border-color:color-mix(in oklab, var(--color-base-100) 10%, transparent)}
.focus\:border-base-100\/15:focus{border-color:color-mix(in oklab, var(--color-base-100) 15%, transparent)}
.focus\:border-base-100\/20:focus{border-color:color-mix(in oklab, var(--color-base-100) 20%, transparent)}
.focus\:border-base-100\/25:focus{border-color:color-mix(in oklab, var(--color-base-100) 25%, transparent)}
.focus\:border-base-100\/30:focus{border-color:color-mix(in oklab, var(--color-base-100) 30%, transparent)}
.focus\:border-base-100\/40:focus{border-color:color-mix(in oklab, var(--color-base-100) 40%, transparent)}
.focus\:border-base-100\/50:focus{border-color:color-mix(in oklab, var(--color-base-100) 50%, transparent)}
.focus\:border-base-100\/60:focus{border-color:color-mix(in oklab, var(--color-base-100) 60%, transparent)}
.focus\:border-base-100\/70:focus{border-color:color-mix(in oklab, var(--color-base-100) 70%, transparent)}
.focus\:border-base-100\/80:focus{border-color:color-mix(in oklab, var(--color-base-100) 80%, transparent)}
.focus\:border-base-100\/90:focus{border-color:color-mix(in oklab, var(--color-base-100) 90%, transparent)}
.focus\:border-base-200\/5:focus{border-color:color-mix(in oklab, var(--color-base-200) 5%, transparent)}
.focus\:border-base-200\/10:focus{border-color:color-mix(in oklab, var(--color-base-200) 10%, transparent)}
.focus\:border-base-200\/15:focus{border-color:color-mix(in oklab, var(--color-base-200) 15%, transparent)}
.focus\:border-base-200\/20:focus{border-color:color-mix(in oklab, var(--color-base-200) 20%, transparent)}
.focus\:border-base-200\/25:focus{border-color:color-mix(in oklab, var(--color-base-200) 25%, transparent)}
.focus\:border-base-200\/30:focus{border-color:color-mix(in oklab, var(--color-base-200) 30%, transparent)}
.focus\:border-base-200\/40:focus{border-color:color-mix(in oklab, var(--color-base-200) 40%, transparent)}
.focus\:border-base-200\/50:focus{border-color:color-mix(in oklab, var(--color-base-200) 50%, transparent)}
.focus\:border-base-200\/60:focus{border-color:color-mix(in oklab, var(--color-base-200) 60%, transparent)}
.focus\:border-base-200\/70:focus{border-color:color-mix(in oklab, var(--color-base-200) 70%, transparent)}
.focus\:border-base-200\/80:focus{border-color:color-mix(in oklab, var(--color-base-200) 80%, transparent)}
.focus\:border-base-200\/90:focus{border-color:color-mix(in oklab, var(--color-base-200) 90%, transparent)}
.focus\:border-base-300\/5:focus{border-color:color-mix(in oklab, var(--color-base-300) 5%, transparent)}
.focus\:border-base-300\/10:focus{border-color:color-mix(in oklab, var(--color-base-300) 10%, transparent)}
.focus\:border-base-300\/15:focus{border-color:color-mix(in oklab, var(--color-base-300) 15%, transparent)}
.focus\:border-base-300\/20:focus{border-color:color-mix(in oklab, var(--color-base-300) 20%, transparent)}
.focus\:border-base-300\/25:focus{border-color:color-mix(in oklab, var(--color-base-300) 25%, transparent)}
.focus\:border-base-300\/30:focus{border-color:color-mix(in oklab, var(--color-base-300) 30%, transparent)}
.focus\:border-base-300\/40:focus{border-color:color-mix(in oklab, var(--color-base-300) 40%, transparent)}
.focus\:border-base-300\/50:focus{border-color:color-mix(in oklab, var(--color-base-300) 50%, transparent)}
.focus\:border-base-300\/60:focus{border-color:color-mix(in oklab, var(--color-base-300) 60%, transparent)}
.focus\:border-base-300\/70:focus{border-color:color-mix(in oklab, var(--color-base-300) 70%, transparent)}
.focus\:border-base-300\/80:focus{border-color:color-mix(in oklab, var(--color-base-300) 80%, transparent)}
.focus\:border-base-300\/90:focus{border-color:color-mix(in oklab, var(--color-base-300) 90%, transparent)}
.focus\:border-base-content\/5:focus{border-color:color-mix(in oklab, var(--color-base-content) 5%, transparent)}
.focus\:border-base-content\/10:focus{border-color:color-mix(in oklab, var(--color-base-content) 10%, transparent)}
.focus\:border-base-content\/15:focus{border-color:color-mix(in oklab, var(--color-base-content) 15%, transparent)}
.focus\:border-base-content\/20:focus{border-color:color-mix(in oklab, var(--color-base-content) 20%, transparent)}
.focus\:border-base-content\/25:focus{border-color:color-mix(in oklab, var(--color-base-content) 25%, transparent)}
.focus\:border-base-content\/30:focus{border-color:color-mix(in oklab, var(--color-base-content) 30%, transparent)}
.focus\:border-base-content\/40:focus{border-color:color-mix(in oklab, var(--color-base-content) 40%, transparent)}
.focus\:border-base-content\/50:focus{border-color:color-mix(in oklab, var(--color-base-content) 50%, transparent)}
.focus\:border-base-content\/60:focus{border-color:color-mix(in oklab, var(--color-base-content) 60%, transparent)}
.focus\:border-base-content\/70:focus{border-color:color-mix(in oklab, var(--color-base-content) 70%, transparent)}
.focus\:border-base-content\/80:focus{border-color:color-mix(in oklab, var(--color-base-content) 80%, transparent)}
.focus\:border-base-content\/90:focus{border-color:color-mix(in oklab, var(--color-base-content) 90%, transparent)}
.focus\:border-white\/5:focus{border-color:color-mix(in oklab, var(--color-white) 5%, transparent)}
.focus\:border-white\/10:focus{border-color:color-mix(in oklab, var(--color-white) 10%, transparent)}
.focus\:border-white\/15:focus{border-color:color-mix(in oklab, var(--color-white) 15%, transparent)}
.focus\:border-white\/20:focus{border-color:color-mix(in oklab, var(--color-white) 20%, transparent)}
.focus\:border-white\/25:focus{border-color:color-mix(in oklab, var(--color-white) 25%, transparent)}
.focus\:border-white\/30:focus{border-color:color-mix(in oklab, var(--color-white) 30%, transparent)}
.focus\:border-white\/40:focus{border-color:color-mix(in oklab, var(--color-white) 40%, transparent)}
.focus\:border-white\/50:focus{border-color:color-mix(in oklab, var(--color-white) 50%, transparent)}
.focus\:border-white\/60:focus{border-color:color-mix(in oklab, var(--color-white) 60%, transparent)}
.focus\:border-white\/70:focus{border-color:color-mix(in oklab, var(--color-white) 70%, transparent)}
.focus\:border-white\/80:focus{border-color:color-mix(in oklab, var(--color-white) 80%, transparent)}
.focus\:border-white\/90:focus{border-color:color-mix(in oklab, var(--color-white) 90%, transparent)}
.focus\:border-black\/5:focus{border-color:color-mix(in oklab, var(--color-black) 5%, transparent)}
.focus\:border-black\/10:focus{border-color:color-mix(in oklab, var(--color-black) 10%, transparent)}
.focus\:border-black\/15:focus{border-color:color-mix(in oklab, var(--color-black) 15%, transparent)}
.focus\:border-black\/20:focus{border-color:color-mix(in oklab, var(--color-black) 20%, transparent)}
.focus\:border-black\/25:focus{border-color:color-mix(in oklab, var(--color-black) 25%, transparent)}
.focus\:border-black\/30:focus{border-color:color-mix(in oklab, var(--color-black) 30%, transparent)}
.focus\:border-black\/40:focus{border-color:color-mix(in oklab, var(--color-black) 40%, transparent)}
.focus\:border-black\/50:focus{border-color:color-mix(in oklab, var(--color-black) 50%, transparent)}
.focus\:border-black\/60:focus{border-color:color-mix(in oklab, var(--color-black) 60%, transparent)}
.focus\:border-black\/70:focus{border-color:color-mix(in oklab, var(--color-black) 70%, transparent)}
.focus\:border-black\/80:focus{border-color:color-mix(in oklab, var(--color-black) 80%, transparent)}
.focus\:border-black\/90:focus{border-color:color-mix(in oklab, var(--color-black) 90%, transparent)}
.active\:bg-primary\/5:active{background-color:color-mix(in oklab, var(--color-primary) 5%, transparent)}
.active\:bg-primary\/10:active{background-color:color-mix(in oklab, var(--color-primary) 10%, transparent)}
.active\:bg-primary\/15:active{background-color:color-mix(in oklab, var(--color-primary) 15%, transparent)}
.active\:bg-primary\/20:active{background-color:color-mix(in oklab, var(--color-primary) 20%, transparent)}
.active\:bg-primary\/25:active{background-color:color-mix(in oklab, var(--color-primary) 25%, transparent)}
.active\:bg-primary\/30:active{background-color:color-mix(in oklab, var(--color-primary) 30%, transparent)}
.active\:bg-primary\/40:active{background-color:color-mix(in oklab, var(--color-primary) 40%, transparent)}
.active\:bg-primary\/50:active{background-color:color-mix(in oklab, var(--color-primary) 50%, transparent)}
.active\:bg-primary\/60:active{background-color:color-mix(in oklab, var(--color-primary) 60%, transparent)}
.active\:bg-primary\/70:active{background-color:color-mix(in oklab, var(--color-primary) 70%, transparent)}
.active\:bg-primary\/80:active{background-color:color-mix(in oklab, var(--color-primary) 80%, transparent)}
.active\:bg-primary\/90:active{background-color:color-mix(in oklab, var(--color-primary) 90%, transparent)}
.active\:bg-secondary\/5:active{background-color:color-mix(in oklab, var(--color-secondary) 5%, transparent)}
.active\:bg-secondary\/10:active{background-color:color-mix(in oklab, var(--color-secondary) 10%, transparent)}
.active\:bg-secondary\/15:active{background-color:color-mix(in oklab, var(--color-secondary) 15%, transparent)}
.active\:bg-secondary\/20:active{background-color:color-mix(in oklab, var(--color-secondary) 20%, transparent)}
.active\:bg-secondary\/25:active{background-color:color-mix(in oklab, var(--color-secondary) 25%, transparent)}
.active\:bg-secondary\/30:active{background-color:color-mix(in oklab, var(--color-secondary) 30%, transparent)}
.active\:bg-secondary\/40:active{background-color:color-mix(in oklab, var(--color-secondary) 40%, transparent)}
.active\:bg-secondary\/50:active{background-color:color-mix(in oklab, var(--color-secondary) 50%, transparent)}
.active\:bg-secondary\/60:active{background-color:color-mix(in oklab, var(--color-secondary) 60%, transparent)}
.active\:bg-secondary\/70:active{background-color:color-mix(in oklab, var(--color-secondary) 70%, transparent)}
.active\:bg-secondary\/80:active{background-color:color-mix(in oklab, var(--color-secondary) 80%, transparent)}
.active\:bg-secondary\/90:active{background-color:color-mix(in oklab, var(--color-secondary) 90%, transparent)}
.active\:bg-background\/5:active{background-color:color-mix(in oklab, var(--color-background) 5%, transparent)}
.active\:bg-background\/10:active{background-color:color-mix(in oklab, var(--color-background) 10%, transparent)}
.active\:bg-background\/15:active{background-color:color-mix(in oklab, var(--color-background) 15%, transparent)}
.active\:bg-background\/20:active{background-color:color-mix(in oklab, var(--color-background) 20%, transparent)}
.active\:bg-background\/25:active{background-color:color-mix(in oklab, var(--color-background) 25%, transparent)}
.active\:bg-background\/30:active{background-color:color-mix(in oklab, var(--color-background) 30%, transparent)}
.active\:bg-background\/40:active{background-color:color-mix(in oklab, var(--color-background) 40%, transparent)}
.active\:bg-background\/50:active{background-color:color-mix(in oklab, var(--color-background) 50%, transparent)}
.active\:bg-background\/60:active{background-color:color-mix(in oklab, var(--color-background) 60%, transparent)}
.active\:bg-background\/70:active{background-color:color-mix(in oklab, var(--color-background) 70%, transparent)}
.active\:bg-background\/80:active{background-color:color-mix(in oklab, var(--color-background) 80%, transparent)}
.active\:bg-background\/90:active{background-color:color-mix(in oklab, var(--color-background) 90%, transparent)}
.active\:bg-transparent\/5:active{background-color:color-mix(in oklab, var(--color-transparent) 5%, transparent)}
.active\:bg-transparent\/10:active{background-color:color-mix(in oklab, var(--color-transparent) 10%, transparent)}
.active\:bg-transparent\/15:active{background-color:color-mix(in oklab, var(--color-transparent) 15%, transparent)}
.active\:bg-transparent\/20:active{background-color:color-mix(in oklab, var(--color-transparent) 20%, transparent)}
.active\:bg-transparent\/25:active{background-color:color-mix(in oklab, var(--color-transparent) 25%, transparent)}
.active\:bg-transparent\/30:active{background-color:color-mix(in oklab, var(--color-transparent) 30%, transparent)}
.active\:bg-transparent\/40:active{background-color:color-mix(in oklab, var(--color-transparent) 40%, transparent)}
.active\:bg-transparent\/50:active{background-color:color-mix(in oklab, var(--color-transparent) 50%, transparent)}
.active\:bg-transparent\/60:active{background-color:color-mix(in oklab, var(--color-transparent) 60%, transparent)}
.active\:bg-transparent\/70:active{background-color:color-mix(in oklab, var(--color-transparent) 70%, transparent)}
.active\:bg-transparent\/80:active{background-color:color-mix(in oklab, var(--color-transparent) 80%, transparent)}
.active\:bg-transparent\/90:active{background-color:color-mix(in oklab, var(--color-transparent) 90%, transparent)}
.active\:bg-active\/5:active{background-color:color-mix(in oklab, var(--color-active) 5%, transparent)}
.active\:bg-active\/10:active{background-color:color-mix(in oklab, var(--color-active) 10%, transparent)}
.active\:bg-active\/15:active{background-color:color-mix(in oklab, var(--color-active) 15%, transparent)}
.active\:bg-active\/20:active{background-color:color-mix(in oklab, var(--color-active) 20%, transparent)}
.active\:bg-active\/25:active{background-color:color-mix(in oklab, var(--color-active) 25%, transparent)}
.active\:bg-active\/30:active{background-color:color-mix(in oklab, var(--color-active) 30%, transparent)}
.active\:bg-active\/40:active{background-color:color-mix(in oklab, var(--color-active) 40%, transparent)}
.active\:bg-active\/50:active{background-color:color-mix(in oklab, var(--color-active) 50%, transparent)}
.active\:bg-active\/60:active{background-color:color-mix(in oklab, var(--color-active) 60%, transparent)}
.active\:bg-active\/70:active{background-color:color-mix(in oklab, var(--color-active) 70%, transparent)}
.active\:bg-active\/80:active{background-color:color-mix(in oklab, var(--color-active) 80%, transparent)}
.active\:bg-active\/90:active{background-color:color-mix(in oklab, var(--color-active) 90%, transparent)}
.active\:bg-hover\/5:active{background-color:color-mix(in oklab, var(--color-hover) 5%, transparent)}
.active\:bg-hover\/10:active{background-color:color-mix(in oklab, var(--color-hover) 10%, transparent)}
.active\:bg-hover\/15:active{background-color:color-mix(in oklab, var(--color-hover) 15%, transparent)}
.active\:bg-hover\/20:active{background-color:color-mix(in oklab, var(--color-hover) 20%, transparent)}
.active\:bg-hover\/25:active{background-color:color-mix(in oklab, var(--color-hover) 25%, transparent)}
.active\:bg-hover\/30:active{background-color:color-mix(in oklab, var(--color-hover) 30%, transparent)}
.active\:bg-hover\/40:active{background-color:color-mix(in oklab, var(--color-hover) 40%, transparent)}
.active\:bg-hover\/50:active{background-color:color-mix(in oklab, var(--color-hover) 50%, transparent)}
.active\:bg-hover\/60:active{background-color:color-mix(in oklab, var(--color-hover) 60%, transparent)}
.active\:bg-hover\/70:active{background-color:color-mix(in oklab, var(--color-hover) 70%, transparent)}
.active\:bg-hover\/80:active{background-color:color-mix(in oklab, var(--color-hover) 80%, transparent)}
.active\:bg-hover\/90:active{background-color:color-mix(in oklab, var(--color-hover) 90%, transparent)}
.active\:bg-not-active\/5:active{background-color:color-mix(in oklab, var(--color-not-active) 5%, transparent)}
.active\:bg-not-active\/10:active{background-color:color-mix(in oklab, var(--color-not-active) 10%, transparent)}
.active\:bg-not-active\/15:active{background-color:color-mix(in oklab, var(--color-not-active) 15%, transparent)}
.active\:bg-not-active\/20:active{background-color:color-mix(in oklab, var(--color-not-active) 20%, transparent)}
.active\:bg-not-active\/25:active{background-color:color-mix(in oklab, var(--color-not-active) 25%, transparent)}
.active\:bg-not-active\/30:active{background-color:color-mix(in oklab, var(--color-not-active) 30%, transparent)}
.active\:bg-not-active\/40:active{background-color:color-mix(in oklab, var(--color-not-active) 40%, transparent)}
.active\:bg-not-active\/50:active{background-color:color-mix(in oklab, var(--color-not-active) 50%, transparent)}
.active\:bg-not-active\/60:active{background-color:color-mix(in oklab, var(--color-not-active) 60%, transparent)}
.active\:bg-not-active\/70:active{background-color:color-mix(in oklab, var(--color-not-active) 70%, transparent)}
.active\:bg-not-active\/80:active{background-color:color-mix(in oklab, var(--color-not-active) 80%, transparent)}
.active\:bg-not-active\/90:active{background-color:color-mix(in oklab, var(--color-not-active) 90%, transparent)}
.active\:bg-primary-text\/5:active{background-color:color-mix(in oklab, var(--color-primary-text) 5%, transparent)}
.active\:bg-primary-text\/10:active{background-color:color-mix(in oklab, var(--color-primary-text) 10%, transparent)}
.active\:bg-primary-text\/15:active{background-color:color-mix(in oklab, var(--color-primary-text) 15%, transparent)}
.active\:bg-primary-text\/20:active{background-color:color-mix(in oklab, var(--color-primary-text) 20%, transparent)}
.active\:bg-primary-text\/25:active{background-color:color-mix(in oklab, var(--color-primary-text) 25%, transparent)}
.active\:bg-primary-text\/30:active{background-color:color-mix(in oklab, var(--color-primary-text) 30%, transparent)}
.active\:bg-primary-text\/40:active{background-color:color-mix(in oklab, var(--color-primary-text) 40%, transparent)}
.active\:bg-primary-text\/50:active{background-color:color-mix(in oklab, var(--color-primary-text) 50%, transparent)}
.active\:bg-primary-text\/60:active{background-color:color-mix(in oklab, var(--color-primary-text) 60%, transparent)}
.active\:bg-primary-text\/70:active{background-color:color-mix(in oklab, var(--color-primary-text) 70%, transparent)}
.active\:bg-primary-text\/80:active{background-color:color-mix(in oklab, var(--color-primary-text) 80%, transparent)}
.active\:bg-primary-text\/90:active{background-color:color-mix(in oklab, var(--color-primary-text) 90%, transparent)}
.active\:bg-secondary-text\/5:active{background-color:color-mix(in oklab, var(--color-secondary-text) 5%, transparent)}
.active\:bg-secondary-text\/10:active{background-color:color-mix(in oklab, var(--color-secondary-text) 10%, transparent)}
.active\:bg-secondary-text\/15:active{background-color:color-mix(in oklab, var(--color-secondary-text) 15%, transparent)}
.active\:bg-secondary-text\/20:active{background-color:color-mix(in oklab, var(--color-secondary-text) 20%, transparent)}
.active\:bg-secondary-text\/25:active{background-color:color-mix(in oklab, var(--color-secondary-text) 25%, transparent)}
.active\:bg-secondary-text\/30:active{background-color:color-mix(in oklab, var(--color-secondary-text) 30%, transparent)}
.active\:bg-secondary-text\/40:active{background-color:color-mix(in oklab, var(--color-secondary-text) 40%, transparent)}
.active\:bg-secondary-text\/50:active{background-color:color-mix(in oklab, var(--color-secondary-text) 50%, transparent)}
.active\:bg-secondary-text\/60:active{background-color:color-mix(in oklab, var(--color-secondary-text) 60%, transparent)}
.active\:bg-secondary-text\/70:active{background-color:color-mix(in oklab, var(--color-secondary-text) 70%, transparent)}
.active\:bg-secondary-text\/80:active{background-color:color-mix(in oklab, var(--color-secondary-text) 80%, transparent)}
.active\:bg-secondary-text\/90:active{background-color:color-mix(in oklab, var(--color-secondary-text) 90%, transparent)}
.active\:bg-tertiary-text\/5:active{background-color:color-mix(in oklab, var(--color-tertiary-text) 5%, transparent)}
.active\:bg-tertiary-text\/10:active{background-color:color-mix(in oklab, var(--color-tertiary-text) 10%, transparent)}
.active\:bg-tertiary-text\/15:active{background-color:color-mix(in oklab, var(--color-tertiary-text) 15%, transparent)}
.active\:bg-tertiary-text\/20:active{background-color:color-mix(in oklab, var(--color-tertiary-text) 20%, transparent)}
.active\:bg-tertiary-text\/25:active{background-color:color-mix(in oklab, var(--color-tertiary-text) 25%, transparent)}
.active\:bg-tertiary-text\/30:active{background-color:color-mix(in oklab, var(--color-tertiary-text) 30%, transparent)}
.active\:bg-tertiary-text\/40:active{background-color:color-mix(in oklab, var(--color-tertiary-text) 40%, transparent)}
.active\:bg-tertiary-text\/50:active{background-color:color-mix(in oklab, var(--color-tertiary-text) 50%, transparent)}
.active\:bg-tertiary-text\/60:active{background-color:color-mix(in oklab, var(--color-tertiary-text) 60%, transparent)}
.active\:bg-tertiary-text\/70:active{background-color:color-mix(in oklab, var(--color-tertiary-text) 70%, transparent)}
.active\:bg-tertiary-text\/80:active{background-color:color-mix(in oklab, var(--color-tertiary-text) 80%, transparent)}
.active\:bg-tertiary-text\/90:active{background-color:color-mix(in oklab, var(--color-tertiary-text) 90%, transparent)}
.active\:bg-not-active-text\/5:active{background-color:color-mix(in oklab, var(--color-not-active-text) 5%, transparent)}
.active\:bg-not-active-text\/10:active{background-color:color-mix(in oklab, var(--color-not-active-text) 10%, transparent)}
.active\:bg-not-active-text\/15:active{background-color:color-mix(in oklab, var(--color-not-active-text) 15%, transparent)}
.active\:bg-not-active-text\/20:active{background-color:color-mix(in oklab, var(--color-not-active-text) 20%, transparent)}
.active\:bg-not-active-text\/25:active{background-color:color-mix(in oklab, var(--color-not-active-text) 25%, transparent)}
.active\:bg-not-active-text\/30:active{background-color:color-mix(in oklab, var(--color-not-active-text) 30%, transparent)}
.active\:bg-not-active-text\/40:active{background-color:color-mix(in oklab, var(--color-not-active-text) 40%, transparent)}
.active\:bg-not-active-text\/50:active{background-color:color-mix(in oklab, var(--color-not-active-text) 50%, transparent)}
.active\:bg-not-active-text\/60:active{background-color:color-mix(in oklab, var(--color-not-active-text) 60%, transparent)}
.active\:bg-not-active-text\/70:active{background-color:color-mix(in oklab, var(--color-not-active-text) 70%, transparent)}
.active\:bg-not-active-text\/80:active{background-color:color-mix(in oklab, var(--color-not-active-text) 80%, transparent)}
.active\:bg-not-active-text\/90:active{background-color:color-mix(in oklab, var(--color-not-active-text) 90%, transparent)}
.active\:bg-state-active\/5:active{background-color:color-mix(in oklab, var(--color-state-active) 5%, transparent)}
.active\:bg-state-active\/10:active{background-color:color-mix(in oklab, var(--color-state-active) 10%, transparent)}
.active\:bg-state-active\/15:active{background-color:color-mix(in oklab, var(--color-state-active) 15%, transparent)}
.active\:bg-state-active\/20:active{background-color:color-mix(in oklab, var(--color-state-active) 20%, transparent)}
.active\:bg-state-active\/25:active{background-color:color-mix(in oklab, var(--color-state-active) 25%, transparent)}
.active\:bg-state-active\/30:active{background-color:color-mix(in oklab, var(--color-state-active) 30%, transparent)}
.active\:bg-state-active\/40:active{background-color:color-mix(in oklab, var(--color-state-active) 40%, transparent)}
.active\:bg-state-active\/50:active{background-color:color-mix(in oklab, var(--color-state-active) 50%, transparent)}
.active\:bg-state-active\/60:active{background-color:color-mix(in oklab, var(--color-state-active) 60%, transparent)}
.active\:bg-state-active\/70:active{background-color:color-mix(in oklab, var(--color-state-active) 70%, transparent)}
.active\:bg-state-active\/80:active{background-color:color-mix(in oklab, var(--color-state-active) 80%, transparent)}
.active\:bg-state-active\/90:active{background-color:color-mix(in oklab, var(--color-state-active) 90%, transparent)}
.active\:bg-state-hover\/5:active{background-color:color-mix(in oklab, var(--color-state-hover) 5%, transparent)}
.active\:bg-state-hover\/10:active{background-color:color-mix(in oklab, var(--color-state-hover) 10%, transparent)}
.active\:bg-state-hover\/15:active{background-color:color-mix(in oklab, var(--color-state-hover) 15%, transparent)}
.active\:bg-state-hover\/20:active{background-color:color-mix(in oklab, var(--color-state-hover) 20%, transparent)}
.active\:bg-state-hover\/25:active{background-color:color-mix(in oklab, var(--color-state-hover) 25%, transparent)}
.active\:bg-state-hover\/30:active{background-color:color-mix(in oklab, var(--color-state-hover) 30%, transparent)}
.active\:bg-state-hover\/40:active{background-color:color-mix(in oklab, var(--color-state-hover) 40%, transparent)}
.active\:bg-state-hover\/50:active{background-color:color-mix(in oklab, var(--color-state-hover) 50%, transparent)}
.active\:bg-state-hover\/60:active{background-color:color-mix(in oklab, var(--color-state-hover) 60%, transparent)}
.active\:bg-state-hover\/70:active{background-color:color-mix(in oklab, var(--color-state-hover) 70%, transparent)}
.active\:bg-state-hover\/80:active{background-color:color-mix(in oklab, var(--color-state-hover) 80%, transparent)}
.active\:bg-state-hover\/90:active{background-color:color-mix(in oklab, var(--color-state-hover) 90%, transparent)}
.active\:bg-state-not-active\/5:active{background-color:color-mix(in oklab, var(--color-state-not-active) 5%, transparent)}
.active\:bg-state-not-active\/10:active{background-color:color-mix(in oklab, var(--color-state-not-active) 10%, transparent)}
.active\:bg-state-not-active\/15:active{background-color:color-mix(in oklab, var(--color-state-not-active) 15%, transparent)}
.active\:bg-state-not-active\/20:active{background-color:color-mix(in oklab, var(--color-state-not-active) 20%, transparent)}
.active\:bg-state-not-active\/25:active{background-color:color-mix(in oklab, var(--color-state-not-active) 25%, transparent)}
.active\:bg-state-not-active\/30:active{background-color:color-mix(in oklab, var(--color-state-not-active) 30%, transparent)}
.active\:bg-state-not-active\/40:active{background-color:color-mix(in oklab, var(--color-state-not-active) 40%, transparent)}
.active\:bg-state-not-active\/50:active{background-color:color-mix(in oklab, var(--color-state-not-active) 50%, transparent)}
.active\:bg-state-not-active\/60:active{background-color:color-mix(in oklab, var(--color-state-not-active) 60%, transparent)}
.active\:bg-state-not-active\/70:active{background-color:color-mix(in oklab, var(--color-state-not-active) 70%, transparent)}
.active\:bg-state-not-active\/80:active{background-color:color-mix(in oklab, var(--color-state-not-active) 80%, transparent)}
.active\:bg-state-not-active\/90:active{background-color:color-mix(in oklab, var(--color-state-not-active) 90%, transparent)}
.active\:bg-card-background\/5:active{background-color:color-mix(in oklab, var(--color-card-background) 5%, transparent)}
.active\:bg-card-background\/10:active{background-color:color-mix(in oklab, var(--color-card-background) 10%, transparent)}
.active\:bg-card-background\/15:active{background-color:color-mix(in oklab, var(--color-card-background) 15%, transparent)}
.active\:bg-card-background\/20:active{background-color:color-mix(in oklab, var(--color-card-background) 20%, transparent)}
.active\:bg-card-background\/25:active{background-color:color-mix(in oklab, var(--color-card-background) 25%, transparent)}
.active\:bg-card-background\/30:active{background-color:color-mix(in oklab, var(--color-card-background) 30%, transparent)}
.active\:bg-card-background\/40:active{background-color:color-mix(in oklab, var(--color-card-background) 40%, transparent)}
.active\:bg-card-background\/50:active{background-color:color-mix(in oklab, var(--color-card-background) 50%, transparent)}
.active\:bg-card-background\/60:active{background-color:color-mix(in oklab, var(--color-card-background) 60%, transparent)}
.active\:bg-card-background\/70:active{background-color:color-mix(in oklab, var(--color-card-background) 70%, transparent)}
.active\:bg-card-background\/80:active{background-color:color-mix(in oklab, var(--color-card-background) 80%, transparent)}
.active\:bg-card-background\/90:active{background-color:color-mix(in oklab, var(--color-card-background) 90%, transparent)}
.active\:bg-card-shadow\/5:active{background-color:color-mix(in oklab, var(--color-card-shadow) 5%, transparent)}
.active\:bg-card-shadow\/10:active{background-color:color-mix(in oklab, var(--color-card-shadow) 10%, transparent)}
.active\:bg-card-shadow\/15:active{background-color:color-mix(in oklab, var(--color-card-shadow) 15%, transparent)}
.active\:bg-card-shadow\/20:active{background-color:color-mix(in oklab, var(--color-card-shadow) 20%, transparent)}
.active\:bg-card-shadow\/25:active{background-color:color-mix(in oklab, var(--color-card-shadow) 25%, transparent)}
.active\:bg-card-shadow\/30:active{background-color:color-mix(in oklab, var(--color-card-shadow) 30%, transparent)}
.active\:bg-card-shadow\/40:active{background-color:color-mix(in oklab, var(--color-card-shadow) 40%, transparent)}
.active\:bg-card-shadow\/50:active{background-color:color-mix(in oklab, var(--color-card-shadow) 50%, transparent)}
.active\:bg-card-shadow\/60:active{background-color:color-mix(in oklab, var(--color-card-shadow) 60%, transparent)}
.active\:bg-card-shadow\/70:active{background-color:color-mix(in oklab, var(--color-card-shadow) 70%, transparent)}
.active\:bg-card-shadow\/80:active{background-color:color-mix(in oklab, var(--color-card-shadow) 80%, transparent)}
.active\:bg-card-shadow\/90:active{background-color:color-mix(in oklab, var(--color-card-shadow) 90%, transparent)}
.active\:bg-border\/5:active{background-color:color-mix(in oklab, var(--color-border) 5%, transparent)}
.active\:bg-border\/10:active{background-color:color-mix(in oklab, var(--color-border) 10%, transparent)}
.active\:bg-border\/15:active{background-color:color-mix(in oklab, var(--color-border) 15%, transparent)}
.active\:bg-border\/20:active{background-color:color-mix(in oklab, var(--color-border) 20%, transparent)}
.active\:bg-border\/25:active{background-color:color-mix(in oklab, var(--color-border) 25%, transparent)}
.active\:bg-border\/30:active{background-color:color-mix(in oklab, var(--color-border) 30%, transparent)}
.active\:bg-border\/40:active{background-color:color-mix(in oklab, var(--color-border) 40%, transparent)}
.active\:bg-border\/50:active{background-color:color-mix(in oklab, var(--color-border) 50%, transparent)}
.active\:bg-border\/60:active{background-color:color-mix(in oklab, var(--color-border) 60%, transparent)}
.active\:bg-border\/70:active{background-color:color-mix(in oklab, var(--color-border) 70%, transparent)}
.active\:bg-border\/80:active{background-color:color-mix(in oklab, var(--color-border) 80%, transparent)}
.active\:bg-border\/90:active{background-color:color-mix(in oklab, var(--color-border) 90%, transparent)}
.active\:bg-border-hover\/5:active{background-color:color-mix(in oklab, var(--color-border-hover) 5%, transparent)}
.active\:bg-border-hover\/10:active{background-color:color-mix(in oklab, var(--color-border-hover) 10%, transparent)}
.active\:bg-border-hover\/15:active{background-color:color-mix(in oklab, var(--color-border-hover) 15%, transparent)}
.active\:bg-border-hover\/20:active{background-color:color-mix(in oklab, var(--color-border-hover) 20%, transparent)}
.active\:bg-border-hover\/25:active{background-color:color-mix(in oklab, var(--color-border-hover) 25%, transparent)}
.active\:bg-border-hover\/30:active{background-color:color-mix(in oklab, var(--color-border-hover) 30%, transparent)}
.active\:bg-border-hover\/40:active{background-color:color-mix(in oklab, var(--color-border-hover) 40%, transparent)}
.active\:bg-border-hover\/50:active{background-color:color-mix(in oklab, var(--color-border-hover) 50%, transparent)}
.active\:bg-border-hover\/60:active{background-color:color-mix(in oklab, var(--color-border-hover) 60%, transparent)}
.active\:bg-border-hover\/70:active{background-color:color-mix(in oklab, var(--color-border-hover) 70%, transparent)}
.active\:bg-border-hover\/80:active{background-color:color-mix(in oklab, var(--color-border-hover) 80%, transparent)}
.active\:bg-border-hover\/90:active{background-color:color-mix(in oklab, var(--color-border-hover) 90%, transparent)}
.active\:bg-border-success\/5:active{background-color:color-mix(in oklab, var(--color-border-success) 5%, transparent)}
.active\:bg-border-success\/10:active{background-color:color-mix(in oklab, var(--color-border-success) 10%, transparent)}
.active\:bg-border-success\/15:active{background-color:color-mix(in oklab, var(--color-border-success) 15%, transparent)}
.active\:bg-border-success\/20:active{background-color:color-mix(in oklab, var(--color-border-success) 20%, transparent)}
.active\:bg-border-success\/25:active{background-color:color-mix(in oklab, var(--color-border-success) 25%, transparent)}
.active\:bg-border-success\/30:active{background-color:color-mix(in oklab, var(--color-border-success) 30%, transparent)}
.active\:bg-border-success\/40:active{background-color:color-mix(in oklab, var(--color-border-success) 40%, transparent)}
.active\:bg-border-success\/50:active{background-color:color-mix(in oklab, var(--color-border-success) 50%, transparent)}
.active\:bg-border-success\/60:active{background-color:color-mix(in oklab, var(--color-border-success) 60%, transparent)}
.active\:bg-border-success\/70:active{background-color:color-mix(in oklab, var(--color-border-success) 70%, transparent)}
.active\:bg-border-success\/80:active{background-color:color-mix(in oklab, var(--color-border-success) 80%, transparent)}
.active\:bg-border-success\/90:active{background-color:color-mix(in oklab, var(--color-border-success) 90%, transparent)}
.active\:bg-border-info\/5:active{background-color:color-mix(in oklab, var(--color-border-info) 5%, transparent)}
.active\:bg-border-info\/10:active{background-color:color-mix(in oklab, var(--color-border-info) 10%, transparent)}
.active\:bg-border-info\/15:active{background-color:color-mix(in oklab, var(--color-border-info) 15%, transparent)}
.active\:bg-border-info\/20:active{background-color:color-mix(in oklab, var(--color-border-info) 20%, transparent)}
.active\:bg-border-info\/25:active{background-color:color-mix(in oklab, var(--color-border-info) 25%, transparent)}
.active\:bg-border-info\/30:active{background-color:color-mix(in oklab, var(--color-border-info) 30%, transparent)}
.active\:bg-border-info\/40:active{background-color:color-mix(in oklab, var(--color-border-info) 40%, transparent)}
.active\:bg-border-info\/50:active{background-color:color-mix(in oklab, var(--color-border-info) 50%, transparent)}
.active\:bg-border-info\/60:active{background-color:color-mix(in oklab, var(--color-border-info) 60%, transparent)}
.active\:bg-border-info\/70:active{background-color:color-mix(in oklab, var(--color-border-info) 70%, transparent)}
.active\:bg-border-info\/80:active{background-color:color-mix(in oklab, var(--color-border-info) 80%, transparent)}
.active\:bg-border-info\/90:active{background-color:color-mix(in oklab, var(--color-border-info) 90%, transparent)}
.active\:bg-border-warning\/5:active{background-color:color-mix(in oklab, var(--color-border-warning) 5%, transparent)}
.active\:bg-border-warning\/10:active{background-color:color-mix(in oklab, var(--color-border-warning) 10%, transparent)}
.active\:bg-border-warning\/15:active{background-color:color-mix(in oklab, var(--color-border-warning) 15%, transparent)}
.active\:bg-border-warning\/20:active{background-color:color-mix(in oklab, var(--color-border-warning) 20%, transparent)}
.active\:bg-border-warning\/25:active{background-color:color-mix(in oklab, var(--color-border-warning) 25%, transparent)}
.active\:bg-border-warning\/30:active{background-color:color-mix(in oklab, var(--color-border-warning) 30%, transparent)}
.active\:bg-border-warning\/40:active{background-color:color-mix(in oklab, var(--color-border-warning) 40%, transparent)}
.active\:bg-border-warning\/50:active{background-color:color-mix(in oklab, var(--color-border-warning) 50%, transparent)}
.active\:bg-border-warning\/60:active{background-color:color-mix(in oklab, var(--color-border-warning) 60%, transparent)}
.active\:bg-border-warning\/70:active{background-color:color-mix(in oklab, var(--color-border-warning) 70%, transparent)}
.active\:bg-border-warning\/80:active{background-color:color-mix(in oklab, var(--color-border-warning) 80%, transparent)}
.active\:bg-border-warning\/90:active{background-color:color-mix(in oklab, var(--color-border-warning) 90%, transparent)}
.active\:bg-border-error\/5:active{background-color:color-mix(in oklab, var(--color-border-error) 5%, transparent)}
.active\:bg-border-error\/10:active{background-color:color-mix(in oklab, var(--color-border-error) 10%, transparent)}
.active\:bg-border-error\/15:active{background-color:color-mix(in oklab, var(--color-border-error) 15%, transparent)}
.active\:bg-border-error\/20:active{background-color:color-mix(in oklab, var(--color-border-error) 20%, transparent)}
.active\:bg-border-error\/25:active{background-color:color-mix(in oklab, var(--color-border-error) 25%, transparent)}
.active\:bg-border-error\/30:active{background-color:color-mix(in oklab, var(--color-border-error) 30%, transparent)}
.active\:bg-border-error\/40:active{background-color:color-mix(in oklab, var(--color-border-error) 40%, transparent)}
.active\:bg-border-error\/50:active{background-color:color-mix(in oklab, var(--color-border-error) 50%, transparent)}
.active\:bg-border-error\/60:active{background-color:color-mix(in oklab, var(--color-border-error) 60%, transparent)}
.active\:bg-border-error\/70:active{background-color:color-mix(in oklab, var(--color-border-error) 70%, transparent)}
.active\:bg-border-error\/80:active{background-color:color-mix(in oklab, var(--color-border-error) 80%, transparent)}
.active\:bg-border-error\/90:active{background-color:color-mix(in oklab, var(--color-border-error) 90%, transparent)}
.active\:bg-light-border\/5:active{background-color:color-mix(in oklab, var(--color-light-border) 5%, transparent)}
.active\:bg-light-border\/10:active{background-color:color-mix(in oklab, var(--color-light-border) 10%, transparent)}
.active\:bg-light-border\/15:active{background-color:color-mix(in oklab, var(--color-light-border) 15%, transparent)}
.active\:bg-light-border\/20:active{background-color:color-mix(in oklab, var(--color-light-border) 20%, transparent)}
.active\:bg-light-border\/25:active{background-color:color-mix(in oklab, var(--color-light-border) 25%, transparent)}
.active\:bg-light-border\/30:active{background-color:color-mix(in oklab, var(--color-light-border) 30%, transparent)}
.active\:bg-light-border\/40:active{background-color:color-mix(in oklab, var(--color-light-border) 40%, transparent)}
.active\:bg-light-border\/50:active{background-color:color-mix(in oklab, var(--color-light-border) 50%, transparent)}
.active\:bg-light-border\/60:active{background-color:color-mix(in oklab, var(--color-light-border) 60%, transparent)}
.active\:bg-light-border\/70:active{background-color:color-mix(in oklab, var(--color-light-border) 70%, transparent)}
.active\:bg-light-border\/80:active{background-color:color-mix(in oklab, var(--color-light-border) 80%, transparent)}
.active\:bg-light-border\/90:active{background-color:color-mix(in oklab, var(--color-light-border) 90%, transparent)}
.active\:bg-divider\/5:active{background-color:color-mix(in oklab, var(--color-divider) 5%, transparent)}
.active\:bg-divider\/10:active{background-color:color-mix(in oklab, var(--color-divider) 10%, transparent)}
.active\:bg-divider\/15:active{background-color:color-mix(in oklab, var(--color-divider) 15%, transparent)}
.active\:bg-divider\/20:active{background-color:color-mix(in oklab, var(--color-divider) 20%, transparent)}
.active\:bg-divider\/25:active{background-color:color-mix(in oklab, var(--color-divider) 25%, transparent)}
.active\:bg-divider\/30:active{background-color:color-mix(in oklab, var(--color-divider) 30%, transparent)}
.active\:bg-divider\/40:active{background-color:color-mix(in oklab, var(--color-divider) 40%, transparent)}
.active\:bg-divider\/50:active{background-color:color-mix(in oklab, var(--color-divider) 50%, transparent)}
.active\:bg-divider\/60:active{background-color:color-mix(in oklab, var(--color-divider) 60%, transparent)}
.active\:bg-divider\/70:active{background-color:color-mix(in oklab, var(--color-divider) 70%, transparent)}
.active\:bg-divider\/80:active{background-color:color-mix(in oklab, var(--color-divider) 80%, transparent)}
.active\:bg-divider\/90:active{background-color:color-mix(in oklab, var(--color-divider) 90%, transparent)}
.active\:bg-success\/5:active{background-color:color-mix(in oklab, var(--color-success) 5%, transparent)}
.active\:bg-success\/10:active{background-color:color-mix(in oklab, var(--color-success) 10%, transparent)}
.active\:bg-success\/15:active{background-color:color-mix(in oklab, var(--color-success) 15%, transparent)}
.active\:bg-success\/20:active{background-color:color-mix(in oklab, var(--color-success) 20%, transparent)}
.active\:bg-success\/25:active{background-color:color-mix(in oklab, var(--color-success) 25%, transparent)}
.active\:bg-success\/30:active{background-color:color-mix(in oklab, var(--color-success) 30%, transparent)}
.active\:bg-success\/40:active{background-color:color-mix(in oklab, var(--color-success) 40%, transparent)}
.active\:bg-success\/50:active{background-color:color-mix(in oklab, var(--color-success) 50%, transparent)}
.active\:bg-success\/60:active{background-color:color-mix(in oklab, var(--color-success) 60%, transparent)}
.active\:bg-success\/70:active{background-color:color-mix(in oklab, var(--color-success) 70%, transparent)}
.active\:bg-success\/80:active{background-color:color-mix(in oklab, var(--color-success) 80%, transparent)}
.active\:bg-success\/90:active{background-color:color-mix(in oklab, var(--color-success) 90%, transparent)}
.active\:bg-error\/5:active{background-color:color-mix(in oklab, var(--color-error) 5%, transparent)}
.active\:bg-error\/10:active{background-color:color-mix(in oklab, var(--color-error) 10%, transparent)}
.active\:bg-error\/15:active{background-color:color-mix(in oklab, var(--color-error) 15%, transparent)}
.active\:bg-error\/20:active{background-color:color-mix(in oklab, var(--color-error) 20%, transparent)}
.active\:bg-error\/25:active{background-color:color-mix(in oklab, var(--color-error) 25%, transparent)}
.active\:bg-error\/30:active{background-color:color-mix(in oklab, var(--color-error) 30%, transparent)}
.active\:bg-error\/40:active{background-color:color-mix(in oklab, var(--color-error) 40%, transparent)}
.active\:bg-error\/50:active{background-color:color-mix(in oklab, var(--color-error) 50%, transparent)}
.active\:bg-error\/60:active{background-color:color-mix(in oklab, var(--color-error) 60%, transparent)}
.active\:bg-error\/70:active{background-color:color-mix(in oklab, var(--color-error) 70%, transparent)}
.active\:bg-error\/80:active{background-color:color-mix(in oklab, var(--color-error) 80%, transparent)}
.active\:bg-error\/90:active{background-color:color-mix(in oklab, var(--color-error) 90%, transparent)}
.active\:bg-error-hover\/5:active{background-color:color-mix(in oklab, var(--color-error-hover) 5%, transparent)}
.active\:bg-error-hover\/10:active{background-color:color-mix(in oklab, var(--color-error-hover) 10%, transparent)}
.active\:bg-error-hover\/15:active{background-color:color-mix(in oklab, var(--color-error-hover) 15%, transparent)}
.active\:bg-error-hover\/20:active{background-color:color-mix(in oklab, var(--color-error-hover) 20%, transparent)}
.active\:bg-error-hover\/25:active{background-color:color-mix(in oklab, var(--color-error-hover) 25%, transparent)}
.active\:bg-error-hover\/30:active{background-color:color-mix(in oklab, var(--color-error-hover) 30%, transparent)}
.active\:bg-error-hover\/40:active{background-color:color-mix(in oklab, var(--color-error-hover) 40%, transparent)}
.active\:bg-error-hover\/50:active{background-color:color-mix(in oklab, var(--color-error-hover) 50%, transparent)}
.active\:bg-error-hover\/60:active{background-color:color-mix(in oklab, var(--color-error-hover) 60%, transparent)}
.active\:bg-error-hover\/70:active{background-color:color-mix(in oklab, var(--color-error-hover) 70%, transparent)}
.active\:bg-error-hover\/80:active{background-color:color-mix(in oklab, var(--color-error-hover) 80%, transparent)}
.active\:bg-error-hover\/90:active{background-color:color-mix(in oklab, var(--color-error-hover) 90%, transparent)}
.active\:bg-warning\/5:active{background-color:color-mix(in oklab, var(--color-warning) 5%, transparent)}
.active\:bg-warning\/10:active{background-color:color-mix(in oklab, var(--color-warning) 10%, transparent)}
.active\:bg-warning\/15:active{background-color:color-mix(in oklab, var(--color-warning) 15%, transparent)}
.active\:bg-warning\/20:active{background-color:color-mix(in oklab, var(--color-warning) 20%, transparent)}
.active\:bg-warning\/25:active{background-color:color-mix(in oklab, var(--color-warning) 25%, transparent)}
.active\:bg-warning\/30:active{background-color:color-mix(in oklab, var(--color-warning) 30%, transparent)}
.active\:bg-warning\/40:active{background-color:color-mix(in oklab, var(--color-warning) 40%, transparent)}
.active\:bg-warning\/50:active{background-color:color-mix(in oklab, var(--color-warning) 50%, transparent)}
.active\:bg-warning\/60:active{background-color:color-mix(in oklab, var(--color-warning) 60%, transparent)}
.active\:bg-warning\/70:active{background-color:color-mix(in oklab, var(--color-warning) 70%, transparent)}
.active\:bg-warning\/80:active{background-color:color-mix(in oklab, var(--color-warning) 80%, transparent)}
.active\:bg-warning\/90:active{background-color:color-mix(in oklab, var(--color-warning) 90%, transparent)}
.active\:bg-info\/5:active{background-color:color-mix(in oklab, var(--color-info) 5%, transparent)}
.active\:bg-info\/10:active{background-color:color-mix(in oklab, var(--color-info) 10%, transparent)}
.active\:bg-info\/15:active{background-color:color-mix(in oklab, var(--color-info) 15%, transparent)}
.active\:bg-info\/20:active{background-color:color-mix(in oklab, var(--color-info) 20%, transparent)}
.active\:bg-info\/25:active{background-color:color-mix(in oklab, var(--color-info) 25%, transparent)}
.active\:bg-info\/30:active{background-color:color-mix(in oklab, var(--color-info) 30%, transparent)}
.active\:bg-info\/40:active{background-color:color-mix(in oklab, var(--color-info) 40%, transparent)}
.active\:bg-info\/50:active{background-color:color-mix(in oklab, var(--color-info) 50%, transparent)}
.active\:bg-info\/60:active{background-color:color-mix(in oklab, var(--color-info) 60%, transparent)}
.active\:bg-info\/70:active{background-color:color-mix(in oklab, var(--color-info) 70%, transparent)}
.active\:bg-info\/80:active{background-color:color-mix(in oklab, var(--color-info) 80%, transparent)}
.active\:bg-info\/90:active{background-color:color-mix(in oklab, var(--color-info) 90%, transparent)}
.active\:bg-bg-success\/5:active{background-color:color-mix(in oklab, var(--color-bg-success) 5%, transparent)}
.active\:bg-bg-success\/10:active{background-color:color-mix(in oklab, var(--color-bg-success) 10%, transparent)}
.active\:bg-bg-success\/15:active{background-color:color-mix(in oklab, var(--color-bg-success) 15%, transparent)}
.active\:bg-bg-success\/20:active{background-color:color-mix(in oklab, var(--color-bg-success) 20%, transparent)}
.active\:bg-bg-success\/25:active{background-color:color-mix(in oklab, var(--color-bg-success) 25%, transparent)}
.active\:bg-bg-success\/30:active{background-color:color-mix(in oklab, var(--color-bg-success) 30%, transparent)}
.active\:bg-bg-success\/40:active{background-color:color-mix(in oklab, var(--color-bg-success) 40%, transparent)}
.active\:bg-bg-success\/50:active{background-color:color-mix(in oklab, var(--color-bg-success) 50%, transparent)}
.active\:bg-bg-success\/60:active{background-color:color-mix(in oklab, var(--color-bg-success) 60%, transparent)}
.active\:bg-bg-success\/70:active{background-color:color-mix(in oklab, var(--color-bg-success) 70%, transparent)}
.active\:bg-bg-success\/80:active{background-color:color-mix(in oklab, var(--color-bg-success) 80%, transparent)}
.active\:bg-bg-success\/90:active{background-color:color-mix(in oklab, var(--color-bg-success) 90%, transparent)}
.active\:bg-bg-error\/5:active{background-color:color-mix(in oklab, var(--color-bg-error) 5%, transparent)}
.active\:bg-bg-error\/10:active{background-color:color-mix(in oklab, var(--color-bg-error) 10%, transparent)}
.active\:bg-bg-error\/15:active{background-color:color-mix(in oklab, var(--color-bg-error) 15%, transparent)}
.active\:bg-bg-error\/20:active{background-color:color-mix(in oklab, var(--color-bg-error) 20%, transparent)}
.active\:bg-bg-error\/25:active{background-color:color-mix(in oklab, var(--color-bg-error) 25%, transparent)}
.active\:bg-bg-error\/30:active{background-color:color-mix(in oklab, var(--color-bg-error) 30%, transparent)}
.active\:bg-bg-error\/40:active{background-color:color-mix(in oklab, var(--color-bg-error) 40%, transparent)}
.active\:bg-bg-error\/50:active{background-color:color-mix(in oklab, var(--color-bg-error) 50%, transparent)}
.active\:bg-bg-error\/60:active{background-color:color-mix(in oklab, var(--color-bg-error) 60%, transparent)}
.active\:bg-bg-error\/70:active{background-color:color-mix(in oklab, var(--color-bg-error) 70%, transparent)}
.active\:bg-bg-error\/80:active{background-color:color-mix(in oklab, var(--color-bg-error) 80%, transparent)}
.active\:bg-bg-error\/90:active{background-color:color-mix(in oklab, var(--color-bg-error) 90%, transparent)}
.active\:bg-bg-warning\/5:active{background-color:color-mix(in oklab, var(--color-bg-warning) 5%, transparent)}
.active\:bg-bg-warning\/10:active{background-color:color-mix(in oklab, var(--color-bg-warning) 10%, transparent)}
.active\:bg-bg-warning\/15:active{background-color:color-mix(in oklab, var(--color-bg-warning) 15%, transparent)}
.active\:bg-bg-warning\/20:active{background-color:color-mix(in oklab, var(--color-bg-warning) 20%, transparent)}
.active\:bg-bg-warning\/25:active{background-color:color-mix(in oklab, var(--color-bg-warning) 25%, transparent)}
.active\:bg-bg-warning\/30:active{background-color:color-mix(in oklab, var(--color-bg-warning) 30%, transparent)}
.active\:bg-bg-warning\/40:active{background-color:color-mix(in oklab, var(--color-bg-warning) 40%, transparent)}
.active\:bg-bg-warning\/50:active{background-color:color-mix(in oklab, var(--color-bg-warning) 50%, transparent)}
.active\:bg-bg-warning\/60:active{background-color:color-mix(in oklab, var(--color-bg-warning) 60%, transparent)}
.active\:bg-bg-warning\/70:active{background-color:color-mix(in oklab, var(--color-bg-warning) 70%, transparent)}
.active\:bg-bg-warning\/80:active{background-color:color-mix(in oklab, var(--color-bg-warning) 80%, transparent)}
.active\:bg-bg-warning\/90:active{background-color:color-mix(in oklab, var(--color-bg-warning) 90%, transparent)}
.active\:bg-bg-info\/5:active{background-color:color-mix(in oklab, var(--color-bg-info) 5%, transparent)}
.active\:bg-bg-info\/10:active{background-color:color-mix(in oklab, var(--color-bg-info) 10%, transparent)}
.active\:bg-bg-info\/15:active{background-color:color-mix(in oklab, var(--color-bg-info) 15%, transparent)}
.active\:bg-bg-info\/20:active{background-color:color-mix(in oklab, var(--color-bg-info) 20%, transparent)}
.active\:bg-bg-info\/25:active{background-color:color-mix(in oklab, var(--color-bg-info) 25%, transparent)}
.active\:bg-bg-info\/30:active{background-color:color-mix(in oklab, var(--color-bg-info) 30%, transparent)}
.active\:bg-bg-info\/40:active{background-color:color-mix(in oklab, var(--color-bg-info) 40%, transparent)}
.active\:bg-bg-info\/50:active{background-color:color-mix(in oklab, var(--color-bg-info) 50%, transparent)}
.active\:bg-bg-info\/60:active{background-color:color-mix(in oklab, var(--color-bg-info) 60%, transparent)}
.active\:bg-bg-info\/70:active{background-color:color-mix(in oklab, var(--color-bg-info) 70%, transparent)}
.active\:bg-bg-info\/80:active{background-color:color-mix(in oklab, var(--color-bg-info) 80%, transparent)}
.active\:bg-bg-info\/90:active{background-color:color-mix(in oklab, var(--color-bg-info) 90%, transparent)}
.active\:bg-title-start\/5:active{background-color:color-mix(in oklab, var(--color-title-start) 5%, transparent)}
.active\:bg-title-start\/10:active{background-color:color-mix(in oklab, var(--color-title-start) 10%, transparent)}
.active\:bg-title-start\/15:active{background-color:color-mix(in oklab, var(--color-title-start) 15%, transparent)}
.active\:bg-title-start\/20:active{background-color:color-mix(in oklab, var(--color-title-start) 20%, transparent)}
.active\:bg-title-start\/25:active{background-color:color-mix(in oklab, var(--color-title-start) 25%, transparent)}
.active\:bg-title-start\/30:active{background-color:color-mix(in oklab, var(--color-title-start) 30%, transparent)}
.active\:bg-title-start\/40:active{background-color:color-mix(in oklab, var(--color-title-start) 40%, transparent)}
.active\:bg-title-start\/50:active{background-color:color-mix(in oklab, var(--color-title-start) 50%, transparent)}
.active\:bg-title-start\/60:active{background-color:color-mix(in oklab, var(--color-title-start) 60%, transparent)}
.active\:bg-title-start\/70:active{background-color:color-mix(in oklab, var(--color-title-start) 70%, transparent)}
.active\:bg-title-start\/80:active{background-color:color-mix(in oklab, var(--color-title-start) 80%, transparent)}
.active\:bg-title-start\/90:active{background-color:color-mix(in oklab, var(--color-title-start) 90%, transparent)}
.active\:bg-title-end\/5:active{background-color:color-mix(in oklab, var(--color-title-end) 5%, transparent)}
.active\:bg-title-end\/10:active{background-color:color-mix(in oklab, var(--color-title-end) 10%, transparent)}
.active\:bg-title-end\/15:active{background-color:color-mix(in oklab, var(--color-title-end) 15%, transparent)}
.active\:bg-title-end\/20:active{background-color:color-mix(in oklab, var(--color-title-end) 20%, transparent)}
.active\:bg-title-end\/25:active{background-color:color-mix(in oklab, var(--color-title-end) 25%, transparent)}
.active\:bg-title-end\/30:active{background-color:color-mix(in oklab, var(--color-title-end) 30%, transparent)}
.active\:bg-title-end\/40:active{background-color:color-mix(in oklab, var(--color-title-end) 40%, transparent)}
.active\:bg-title-end\/50:active{background-color:color-mix(in oklab, var(--color-title-end) 50%, transparent)}
.active\:bg-title-end\/60:active{background-color:color-mix(in oklab, var(--color-title-end) 60%, transparent)}
.active\:bg-title-end\/70:active{background-color:color-mix(in oklab, var(--color-title-end) 70%, transparent)}
.active\:bg-title-end\/80:active{background-color:color-mix(in oklab, var(--color-title-end) 80%, transparent)}
.active\:bg-title-end\/90:active{background-color:color-mix(in oklab, var(--color-title-end) 90%, transparent)}
.active\:bg-bg-start\/5:active{background-color:color-mix(in oklab, var(--color-bg-start) 5%, transparent)}
.active\:bg-bg-start\/10:active{background-color:color-mix(in oklab, var(--color-bg-start) 10%, transparent)}
.active\:bg-bg-start\/15:active{background-color:color-mix(in oklab, var(--color-bg-start) 15%, transparent)}
.active\:bg-bg-start\/20:active{background-color:color-mix(in oklab, var(--color-bg-start) 20%, transparent)}
.active\:bg-bg-start\/25:active{background-color:color-mix(in oklab, var(--color-bg-start) 25%, transparent)}
.active\:bg-bg-start\/30:active{background-color:color-mix(in oklab, var(--color-bg-start) 30%, transparent)}
.active\:bg-bg-start\/40:active{background-color:color-mix(in oklab, var(--color-bg-start) 40%, transparent)}
.active\:bg-bg-start\/50:active{background-color:color-mix(in oklab, var(--color-bg-start) 50%, transparent)}
.active\:bg-bg-start\/60:active{background-color:color-mix(in oklab, var(--color-bg-start) 60%, transparent)}
.active\:bg-bg-start\/70:active{background-color:color-mix(in oklab, var(--color-bg-start) 70%, transparent)}
.active\:bg-bg-start\/80:active{background-color:color-mix(in oklab, var(--color-bg-start) 80%, transparent)}
.active\:bg-bg-start\/90:active{background-color:color-mix(in oklab, var(--color-bg-start) 90%, transparent)}
.active\:bg-bg-end\/5:active{background-color:color-mix(in oklab, var(--color-bg-end) 5%, transparent)}
.active\:bg-bg-end\/10:active{background-color:color-mix(in oklab, var(--color-bg-end) 10%, transparent)}
.active\:bg-bg-end\/15:active{background-color:color-mix(in oklab, var(--color-bg-end) 15%, transparent)}
.active\:bg-bg-end\/20:active{background-color:color-mix(in oklab, var(--color-bg-end) 20%, transparent)}
.active\:bg-bg-end\/25:active{background-color:color-mix(in oklab, var(--color-bg-end) 25%, transparent)}
.active\:bg-bg-end\/30:active{background-color:color-mix(in oklab, var(--color-bg-end) 30%, transparent)}
.active\:bg-bg-end\/40:active{background-color:color-mix(in oklab, var(--color-bg-end) 40%, transparent)}
.active\:bg-bg-end\/50:active{background-color:color-mix(in oklab, var(--color-bg-end) 50%, transparent)}
.active\:bg-bg-end\/60:active{background-color:color-mix(in oklab, var(--color-bg-end) 60%, transparent)}
.active\:bg-bg-end\/70:active{background-color:color-mix(in oklab, var(--color-bg-end) 70%, transparent)}
.active\:bg-bg-end\/80:active{background-color:color-mix(in oklab, var(--color-bg-end) 80%, transparent)}
.active\:bg-bg-end\/90:active{background-color:color-mix(in oklab, var(--color-bg-end) 90%, transparent)}
.active\:bg-primary-content\/5:active{background-color:color-mix(in oklab, var(--color-primary-content) 5%, transparent)}
.active\:bg-primary-content\/10:active{background-color:color-mix(in oklab, var(--color-primary-content) 10%, transparent)}
.active\:bg-primary-content\/15:active{background-color:color-mix(in oklab, var(--color-primary-content) 15%, transparent)}
.active\:bg-primary-content\/20:active{background-color:color-mix(in oklab, var(--color-primary-content) 20%, transparent)}
.active\:bg-primary-content\/25:active{background-color:color-mix(in oklab, var(--color-primary-content) 25%, transparent)}
.active\:bg-primary-content\/30:active{background-color:color-mix(in oklab, var(--color-primary-content) 30%, transparent)}
.active\:bg-primary-content\/40:active{background-color:color-mix(in oklab, var(--color-primary-content) 40%, transparent)}
.active\:bg-primary-content\/50:active{background-color:color-mix(in oklab, var(--color-primary-content) 50%, transparent)}
.active\:bg-primary-content\/60:active{background-color:color-mix(in oklab, var(--color-primary-content) 60%, transparent)}
.active\:bg-primary-content\/70:active{background-color:color-mix(in oklab, var(--color-primary-content) 70%, transparent)}
.active\:bg-primary-content\/80:active{background-color:color-mix(in oklab, var(--color-primary-content) 80%, transparent)}
.active\:bg-primary-content\/90:active{background-color:color-mix(in oklab, var(--color-primary-content) 90%, transparent)}
.active\:bg-secondary-content\/5:active{background-color:color-mix(in oklab, var(--color-secondary-content) 5%, transparent)}
.active\:bg-secondary-content\/10:active{background-color:color-mix(in oklab, var(--color-secondary-content) 10%, transparent)}
.active\:bg-secondary-content\/15:active{background-color:color-mix(in oklab, var(--color-secondary-content) 15%, transparent)}
.active\:bg-secondary-content\/20:active{background-color:color-mix(in oklab, var(--color-secondary-content) 20%, transparent)}
.active\:bg-secondary-content\/25:active{background-color:color-mix(in oklab, var(--color-secondary-content) 25%, transparent)}
.active\:bg-secondary-content\/30:active{background-color:color-mix(in oklab, var(--color-secondary-content) 30%, transparent)}
.active\:bg-secondary-content\/40:active{background-color:color-mix(in oklab, var(--color-secondary-content) 40%, transparent)}
.active\:bg-secondary-content\/50:active{background-color:color-mix(in oklab, var(--color-secondary-content) 50%, transparent)}
.active\:bg-secondary-content\/60:active{background-color:color-mix(in oklab, var(--color-secondary-content) 60%, transparent)}
.active\:bg-secondary-content\/70:active{background-color:color-mix(in oklab, var(--color-secondary-content) 70%, transparent)}
.active\:bg-secondary-content\/80:active{background-color:color-mix(in oklab, var(--color-secondary-content) 80%, transparent)}
.active\:bg-secondary-content\/90:active{background-color:color-mix(in oklab, var(--color-secondary-content) 90%, transparent)}
.active\:bg-base-100\/5:active{background-color:color-mix(in oklab, var(--color-base-100) 5%, transparent)}
.active\:bg-base-100\/10:active{background-color:color-mix(in oklab, var(--color-base-100) 10%, transparent)}
.active\:bg-base-100\/15:active{background-color:color-mix(in oklab, var(--color-base-100) 15%, transparent)}
.active\:bg-base-100\/20:active{background-color:color-mix(in oklab, var(--color-base-100) 20%, transparent)}
.active\:bg-base-100\/25:active{background-color:color-mix(in oklab, var(--color-base-100) 25%, transparent)}
.active\:bg-base-100\/30:active{background-color:color-mix(in oklab, var(--color-base-100) 30%, transparent)}
.active\:bg-base-100\/40:active{background-color:color-mix(in oklab, var(--color-base-100) 40%, transparent)}
.active\:bg-base-100\/50:active{background-color:color-mix(in oklab, var(--color-base-100) 50%, transparent)}
.active\:bg-base-100\/60:active{background-color:color-mix(in oklab, var(--color-base-100) 60%, transparent)}
.active\:bg-base-100\/70:active{background-color:color-mix(in oklab, var(--color-base-100) 70%, transparent)}
.active\:bg-base-100\/80:active{background-color:color-mix(in oklab, var(--color-base-100) 80%, transparent)}
.active\:bg-base-100\/90:active{background-color:color-mix(in oklab, var(--color-base-100) 90%, transparent)}
.active\:bg-base-200\/5:active{background-color:color-mix(in oklab, var(--color-base-200) 5%, transparent)}
.active\:bg-base-200\/10:active{background-color:color-mix(in oklab, var(--color-base-200) 10%, transparent)}
.active\:bg-base-200\/15:active{background-color:color-mix(in oklab, var(--color-base-200) 15%, transparent)}
.active\:bg-base-200\/20:active{background-color:color-mix(in oklab, var(--color-base-200) 20%, transparent)}
.active\:bg-base-200\/25:active{background-color:color-mix(in oklab, var(--color-base-200) 25%, transparent)}
.active\:bg-base-200\/30:active{background-color:color-mix(in oklab, var(--color-base-200) 30%, transparent)}
.active\:bg-base-200\/40:active{background-color:color-mix(in oklab, var(--color-base-200) 40%, transparent)}
.active\:bg-base-200\/50:active{background-color:color-mix(in oklab, var(--color-base-200) 50%, transparent)}
.active\:bg-base-200\/60:active{background-color:color-mix(in oklab, var(--color-base-200) 60%, transparent)}
.active\:bg-base-200\/70:active{background-color:color-mix(in oklab, var(--color-base-200) 70%, transparent)}
.active\:bg-base-200\/80:active{background-color:color-mix(in oklab, var(--color-base-200) 80%, transparent)}
.active\:bg-base-200\/90:active{background-color:color-mix(in oklab, var(--color-base-200) 90%, transparent)}
.active\:bg-base-300\/5:active{background-color:color-mix(in oklab, var(--color-base-300) 5%, transparent)}
.active\:bg-base-300\/10:active{background-color:color-mix(in oklab, var(--color-base-300) 10%, transparent)}
.active\:bg-base-300\/15:active{background-color:color-mix(in oklab, var(--color-base-300) 15%, transparent)}
.active\:bg-base-300\/20:active{background-color:color-mix(in oklab, var(--color-base-300) 20%, transparent)}
.active\:bg-base-300\/25:active{background-color:color-mix(in oklab, var(--color-base-300) 25%, transparent)}
.active\:bg-base-300\/30:active{background-color:color-mix(in oklab, var(--color-base-300) 30%, transparent)}
.active\:bg-base-300\/40:active{background-color:color-mix(in oklab, var(--color-base-300) 40%, transparent)}
.active\:bg-base-300\/50:active{background-color:color-mix(in oklab, var(--color-base-300) 50%, transparent)}
.active\:bg-base-300\/60:active{background-color:color-mix(in oklab, var(--color-base-300) 60%, transparent)}
.active\:bg-base-300\/70:active{background-color:color-mix(in oklab, var(--color-base-300) 70%, transparent)}
.active\:bg-base-300\/80:active{background-color:color-mix(in oklab, var(--color-base-300) 80%, transparent)}
.active\:bg-base-300\/90:active{background-color:color-mix(in oklab, var(--color-base-300) 90%, transparent)}
.active\:bg-base-content\/5:active{background-color:color-mix(in oklab, var(--color-base-content) 5%, transparent)}
.active\:bg-base-content\/10:active{background-color:color-mix(in oklab, var(--color-base-content) 10%, transparent)}
.active\:bg-base-content\/15:active{background-color:color-mix(in oklab, var(--color-base-content) 15%, transparent)}
.active\:bg-base-content\/20:active{background-color:color-mix(in oklab, var(--color-base-content) 20%, transparent)}
.active\:bg-base-content\/25:active{background-color:color-mix(in oklab, var(--color-base-content) 25%, transparent)}
.active\:bg-base-content\/30:active{background-color:color-mix(in oklab, var(--color-base-content) 30%, transparent)}
.active\:bg-base-content\/40:active{background-color:color-mix(in oklab, var(--color-base-content) 40%, transparent)}
.active\:bg-base-content\/50:active{background-color:color-mix(in oklab, var(--color-base-content) 50%, transparent)}
.active\:bg-base-content\/60:active{background-color:color-mix(in oklab, var(--color-base-content) 60%, transparent)}
.active\:bg-base-content\/70:active{background-color:color-mix(in oklab, var(--color-base-content) 70%, transparent)}
.active\:bg-base-content\/80:active{background-color:color-mix(in oklab, var(--color-base-content) 80%, transparent)}
.active\:bg-base-content\/90:active{background-color:color-mix(in oklab, var(--color-base-content) 90%, transparent)}
.active\:bg-white\/5:active{background-color:color-mix(in oklab, var(--color-white) 5%, transparent)}
.active\:bg-white\/10:active{background-color:color-mix(in oklab, var(--color-white) 10%, transparent)}
.active\:bg-white\/15:active{background-color:color-mix(in oklab, var(--color-white) 15%, transparent)}
.active\:bg-white\/20:active{background-color:color-mix(in oklab, var(--color-white) 20%, transparent)}
.active\:bg-white\/25:active{background-color:color-mix(in oklab, var(--color-white) 25%, transparent)}
.active\:bg-white\/30:active{background-color:color-mix(in oklab, var(--color-white) 30%, transparent)}
.active\:bg-white\/40:active{background-color:color-mix(in oklab, var(--color-white) 40%, transparent)}
.active\:bg-white\/50:active{background-color:color-mix(in oklab, var(--color-white) 50%, transparent)}
.active\:bg-white\/60:active{background-color:color-mix(in oklab, var(--color-white) 60%, transparent)}
.active\:bg-white\/70:active{background-color:color-mix(in oklab, var(--color-white) 70%, transparent)}
.active\:bg-white\/80:active{background-color:color-mix(in oklab, var(--color-white) 80%, transparent)}
.active\:bg-white\/90:active{background-color:color-mix(in oklab, var(--color-white) 90%, transparent)}
.active\:bg-black\/5:active{background-color:color-mix(in oklab, var(--color-black) 5%, transparent)}
.active\:bg-black\/10:active{background-color:color-mix(in oklab, var(--color-black) 10%, transparent)}
.active\:bg-black\/15:active{background-color:color-mix(in oklab, var(--color-black) 15%, transparent)}
.active\:bg-black\/20:active{background-color:color-mix(in oklab, var(--color-black) 20%, transparent)}
.active\:bg-black\/25:active{background-color:color-mix(in oklab, var(--color-black) 25%, transparent)}
.active\:bg-black\/30:active{background-color:color-mix(in oklab, var(--color-black) 30%, transparent)}
.active\:bg-black\/40:active{background-color:color-mix(in oklab, var(--color-black) 40%, transparent)}
.active\:bg-black\/50:active{background-color:color-mix(in oklab, var(--color-black) 50%, transparent)}
.active\:bg-black\/60:active{background-color:color-mix(in oklab, var(--color-black) 60%, transparent)}
.active\:bg-black\/70:active{background-color:color-mix(in oklab, var(--color-black) 70%, transparent)}
.active\:bg-black\/80:active{background-color:color-mix(in oklab, var(--color-black) 80%, transparent)}
.active\:bg-black\/90:active{background-color:color-mix(in oklab, var(--color-black) 90%, transparent)}
.active\:text-primary\/5:active{color:color-mix(in oklab, var(--color-primary) 5%, transparent)}
.active\:text-primary\/10:active{color:color-mix(in oklab, var(--color-primary) 10%, transparent)}
.active\:text-primary\/15:active{color:color-mix(in oklab, var(--color-primary) 15%, transparent)}
.active\:text-primary\/20:active{color:color-mix(in oklab, var(--color-primary) 20%, transparent)}
.active\:text-primary\/25:active{color:color-mix(in oklab, var(--color-primary) 25%, transparent)}
.active\:text-primary\/30:active{color:color-mix(in oklab, var(--color-primary) 30%, transparent)}
.active\:text-primary\/40:active{color:color-mix(in oklab, var(--color-primary) 40%, transparent)}
.active\:text-primary\/50:active{color:color-mix(in oklab, var(--color-primary) 50%, transparent)}
.active\:text-primary\/60:active{color:color-mix(in oklab, var(--color-primary) 60%, transparent)}
.active\:text-primary\/70:active{color:color-mix(in oklab, var(--color-primary) 70%, transparent)}
.active\:text-primary\/80:active{color:color-mix(in oklab, var(--color-primary) 80%, transparent)}
.active\:text-primary\/90:active{color:color-mix(in oklab, var(--color-primary) 90%, transparent)}
.active\:text-secondary\/5:active{color:color-mix(in oklab, var(--color-secondary) 5%, transparent)}
.active\:text-secondary\/10:active{color:color-mix(in oklab, var(--color-secondary) 10%, transparent)}
.active\:text-secondary\/15:active{color:color-mix(in oklab, var(--color-secondary) 15%, transparent)}
.active\:text-secondary\/20:active{color:color-mix(in oklab, var(--color-secondary) 20%, transparent)}
.active\:text-secondary\/25:active{color:color-mix(in oklab, var(--color-secondary) 25%, transparent)}
.active\:text-secondary\/30:active{color:color-mix(in oklab, var(--color-secondary) 30%, transparent)}
.active\:text-secondary\/40:active{color:color-mix(in oklab, var(--color-secondary) 40%, transparent)}
.active\:text-secondary\/50:active{color:color-mix(in oklab, var(--color-secondary) 50%, transparent)}
.active\:text-secondary\/60:active{color:color-mix(in oklab, var(--color-secondary) 60%, transparent)}
.active\:text-secondary\/70:active{color:color-mix(in oklab, var(--color-secondary) 70%, transparent)}
.active\:text-secondary\/80:active{color:color-mix(in oklab, var(--color-secondary) 80%, transparent)}
.active\:text-secondary\/90:active{color:color-mix(in oklab, var(--color-secondary) 90%, transparent)}
.active\:text-background\/5:active{color:color-mix(in oklab, var(--color-background) 5%, transparent)}
.active\:text-background\/10:active{color:color-mix(in oklab, var(--color-background) 10%, transparent)}
.active\:text-background\/15:active{color:color-mix(in oklab, var(--color-background) 15%, transparent)}
.active\:text-background\/20:active{color:color-mix(in oklab, var(--color-background) 20%, transparent)}
.active\:text-background\/25:active{color:color-mix(in oklab, var(--color-background) 25%, transparent)}
.active\:text-background\/30:active{color:color-mix(in oklab, var(--color-background) 30%, transparent)}
.active\:text-background\/40:active{color:color-mix(in oklab, var(--color-background) 40%, transparent)}
.active\:text-background\/50:active{color:color-mix(in oklab, var(--color-background) 50%, transparent)}
.active\:text-background\/60:active{color:color-mix(in oklab, var(--color-background) 60%, transparent)}
.active\:text-background\/70:active{color:color-mix(in oklab, var(--color-background) 70%, transparent)}
.active\:text-background\/80:active{color:color-mix(in oklab, var(--color-background) 80%, transparent)}
.active\:text-background\/90:active{color:color-mix(in oklab, var(--color-background) 90%, transparent)}
.active\:text-transparent\/5:active{color:color-mix(in oklab, var(--color-transparent) 5%, transparent)}
.active\:text-transparent\/10:active{color:color-mix(in oklab, var(--color-transparent) 10%, transparent)}
.active\:text-transparent\/15:active{color:color-mix(in oklab, var(--color-transparent) 15%, transparent)}
.active\:text-transparent\/20:active{color:color-mix(in oklab, var(--color-transparent) 20%, transparent)}
.active\:text-transparent\/25:active{color:color-mix(in oklab, var(--color-transparent) 25%, transparent)}
.active\:text-transparent\/30:active{color:color-mix(in oklab, var(--color-transparent) 30%, transparent)}
.active\:text-transparent\/40:active{color:color-mix(in oklab, var(--color-transparent) 40%, transparent)}
.active\:text-transparent\/50:active{color:color-mix(in oklab, var(--color-transparent) 50%, transparent)}
.active\:text-transparent\/60:active{color:color-mix(in oklab, var(--color-transparent) 60%, transparent)}
.active\:text-transparent\/70:active{color:color-mix(in oklab, var(--color-transparent) 70%, transparent)}
.active\:text-transparent\/80:active{color:color-mix(in oklab, var(--color-transparent) 80%, transparent)}
.active\:text-transparent\/90:active{color:color-mix(in oklab, var(--color-transparent) 90%, transparent)}
.active\:text-active\/5:active{color:color-mix(in oklab, var(--color-active) 5%, transparent)}
.active\:text-active\/10:active{color:color-mix(in oklab, var(--color-active) 10%, transparent)}
.active\:text-active\/15:active{color:color-mix(in oklab, var(--color-active) 15%, transparent)}
.active\:text-active\/20:active{color:color-mix(in oklab, var(--color-active) 20%, transparent)}
.active\:text-active\/25:active{color:color-mix(in oklab, var(--color-active) 25%, transparent)}
.active\:text-active\/30:active{color:color-mix(in oklab, var(--color-active) 30%, transparent)}
.active\:text-active\/40:active{color:color-mix(in oklab, var(--color-active) 40%, transparent)}
.active\:text-active\/50:active{color:color-mix(in oklab, var(--color-active) 50%, transparent)}
.active\:text-active\/60:active{color:color-mix(in oklab, var(--color-active) 60%, transparent)}
.active\:text-active\/70:active{color:color-mix(in oklab, var(--color-active) 70%, transparent)}
.active\:text-active\/80:active{color:color-mix(in oklab, var(--color-active) 80%, transparent)}
.active\:text-active\/90:active{color:color-mix(in oklab, var(--color-active) 90%, transparent)}
.active\:text-hover\/5:active{color:color-mix(in oklab, var(--color-hover) 5%, transparent)}
.active\:text-hover\/10:active{color:color-mix(in oklab, var(--color-hover) 10%, transparent)}
.active\:text-hover\/15:active{color:color-mix(in oklab, var(--color-hover) 15%, transparent)}
.active\:text-hover\/20:active{color:color-mix(in oklab, var(--color-hover) 20%, transparent)}
.active\:text-hover\/25:active{color:color-mix(in oklab, var(--color-hover) 25%, transparent)}
.active\:text-hover\/30:active{color:color-mix(in oklab, var(--color-hover) 30%, transparent)}
.active\:text-hover\/40:active{color:color-mix(in oklab, var(--color-hover) 40%, transparent)}
.active\:text-hover\/50:active{color:color-mix(in oklab, var(--color-hover) 50%, transparent)}
.active\:text-hover\/60:active{color:color-mix(in oklab, var(--color-hover) 60%, transparent)}
.active\:text-hover\/70:active{color:color-mix(in oklab, var(--color-hover) 70%, transparent)}
.active\:text-hover\/80:active{color:color-mix(in oklab, var(--color-hover) 80%, transparent)}
.active\:text-hover\/90:active{color:color-mix(in oklab, var(--color-hover) 90%, transparent)}
.active\:text-not-active\/5:active{color:color-mix(in oklab, var(--color-not-active) 5%, transparent)}
.active\:text-not-active\/10:active{color:color-mix(in oklab, var(--color-not-active) 10%, transparent)}
.active\:text-not-active\/15:active{color:color-mix(in oklab, var(--color-not-active) 15%, transparent)}
.active\:text-not-active\/20:active{color:color-mix(in oklab, var(--color-not-active) 20%, transparent)}
.active\:text-not-active\/25:active{color:color-mix(in oklab, var(--color-not-active) 25%, transparent)}
.active\:text-not-active\/30:active{color:color-mix(in oklab, var(--color-not-active) 30%, transparent)}
.active\:text-not-active\/40:active{color:color-mix(in oklab, var(--color-not-active) 40%, transparent)}
.active\:text-not-active\/50:active{color:color-mix(in oklab, var(--color-not-active) 50%, transparent)}
.active\:text-not-active\/60:active{color:color-mix(in oklab, var(--color-not-active) 60%, transparent)}
.active\:text-not-active\/70:active{color:color-mix(in oklab, var(--color-not-active) 70%, transparent)}
.active\:text-not-active\/80:active{color:color-mix(in oklab, var(--color-not-active) 80%, transparent)}
.active\:text-not-active\/90:active{color:color-mix(in oklab, var(--color-not-active) 90%, transparent)}
.active\:text-primary-text\/5:active{color:color-mix(in oklab, var(--color-primary-text) 5%, transparent)}
.active\:text-primary-text\/10:active{color:color-mix(in oklab, var(--color-primary-text) 10%, transparent)}
.active\:text-primary-text\/15:active{color:color-mix(in oklab, var(--color-primary-text) 15%, transparent)}
.active\:text-primary-text\/20:active{color:color-mix(in oklab, var(--color-primary-text) 20%, transparent)}
.active\:text-primary-text\/25:active{color:color-mix(in oklab, var(--color-primary-text) 25%, transparent)}
.active\:text-primary-text\/30:active{color:color-mix(in oklab, var(--color-primary-text) 30%, transparent)}
.active\:text-primary-text\/40:active{color:color-mix(in oklab, var(--color-primary-text) 40%, transparent)}
.active\:text-primary-text\/50:active{color:color-mix(in oklab, var(--color-primary-text) 50%, transparent)}
.active\:text-primary-text\/60:active{color:color-mix(in oklab, var(--color-primary-text) 60%, transparent)}
.active\:text-primary-text\/70:active{color:color-mix(in oklab, var(--color-primary-text) 70%, transparent)}
.active\:text-primary-text\/80:active{color:color-mix(in oklab, var(--color-primary-text) 80%, transparent)}
.active\:text-primary-text\/90:active{color:color-mix(in oklab, var(--color-primary-text) 90%, transparent)}
.active\:text-secondary-text\/5:active{color:color-mix(in oklab, var(--color-secondary-text) 5%, transparent)}
.active\:text-secondary-text\/10:active{color:color-mix(in oklab, var(--color-secondary-text) 10%, transparent)}
.active\:text-secondary-text\/15:active{color:color-mix(in oklab, var(--color-secondary-text) 15%, transparent)}
.active\:text-secondary-text\/20:active{color:color-mix(in oklab, var(--color-secondary-text) 20%, transparent)}
.active\:text-secondary-text\/25:active{color:color-mix(in oklab, var(--color-secondary-text) 25%, transparent)}
.active\:text-secondary-text\/30:active{color:color-mix(in oklab, var(--color-secondary-text) 30%, transparent)}
.active\:text-secondary-text\/40:active{color:color-mix(in oklab, var(--color-secondary-text) 40%, transparent)}
.active\:text-secondary-text\/50:active{color:color-mix(in oklab, var(--color-secondary-text) 50%, transparent)}
.active\:text-secondary-text\/60:active{color:color-mix(in oklab, var(--color-secondary-text) 60%, transparent)}
.active\:text-secondary-text\/70:active{color:color-mix(in oklab, var(--color-secondary-text) 70%, transparent)}
.active\:text-secondary-text\/80:active{color:color-mix(in oklab, var(--color-secondary-text) 80%, transparent)}
.active\:text-secondary-text\/90:active{color:color-mix(in oklab, var(--color-secondary-text) 90%, transparent)}
.active\:text-tertiary-text\/5:active{color:color-mix(in oklab, var(--color-tertiary-text) 5%, transparent)}
.active\:text-tertiary-text\/10:active{color:color-mix(in oklab, var(--color-tertiary-text) 10%, transparent)}
.active\:text-tertiary-text\/15:active{color:color-mix(in oklab, var(--color-tertiary-text) 15%, transparent)}
.active\:text-tertiary-text\/20:active{color:color-mix(in oklab, var(--color-tertiary-text) 20%, transparent)}
.active\:text-tertiary-text\/25:active{color:color-mix(in oklab, var(--color-tertiary-text) 25%, transparent)}
.active\:text-tertiary-text\/30:active{color:color-mix(in oklab, var(--color-tertiary-text) 30%, transparent)}
.active\:text-tertiary-text\/40:active{color:color-mix(in oklab, var(--color-tertiary-text) 40%, transparent)}
.active\:text-tertiary-text\/50:active{color:color-mix(in oklab, var(--color-tertiary-text) 50%, transparent)}
.active\:text-tertiary-text\/60:active{color:color-mix(in oklab, var(--color-tertiary-text) 60%, transparent)}
.active\:text-tertiary-text\/70:active{color:color-mix(in oklab, var(--color-tertiary-text) 70%, transparent)}
.active\:text-tertiary-text\/80:active{color:color-mix(in oklab, var(--color-tertiary-text) 80%, transparent)}
.active\:text-tertiary-text\/90:active{color:color-mix(in oklab, var(--color-tertiary-text) 90%, transparent)}
.active\:text-not-active-text\/5:active{color:color-mix(in oklab, var(--color-not-active-text) 5%, transparent)}
.active\:text-not-active-text\/10:active{color:color-mix(in oklab, var(--color-not-active-text) 10%, transparent)}
.active\:text-not-active-text\/15:active{color:color-mix(in oklab, var(--color-not-active-text) 15%, transparent)}
.active\:text-not-active-text\/20:active{color:color-mix(in oklab, var(--color-not-active-text) 20%, transparent)}
.active\:text-not-active-text\/25:active{color:color-mix(in oklab, var(--color-not-active-text) 25%, transparent)}
.active\:text-not-active-text\/30:active{color:color-mix(in oklab, var(--color-not-active-text) 30%, transparent)}
.active\:text-not-active-text\/40:active{color:color-mix(in oklab, var(--color-not-active-text) 40%, transparent)}
.active\:text-not-active-text\/50:active{color:color-mix(in oklab, var(--color-not-active-text) 50%, transparent)}
.active\:text-not-active-text\/60:active{color:color-mix(in oklab, var(--color-not-active-text) 60%, transparent)}
.active\:text-not-active-text\/70:active{color:color-mix(in oklab, var(--color-not-active-text) 70%, transparent)}
.active\:text-not-active-text\/80:active{color:color-mix(in oklab, var(--color-not-active-text) 80%, transparent)}
.active\:text-not-active-text\/90:active{color:color-mix(in oklab, var(--color-not-active-text) 90%, transparent)}
.active\:text-state-active\/5:active{color:color-mix(in oklab, var(--color-state-active) 5%, transparent)}
.active\:text-state-active\/10:active{color:color-mix(in oklab, var(--color-state-active) 10%, transparent)}
.active\:text-state-active\/15:active{color:color-mix(in oklab, var(--color-state-active) 15%, transparent)}
.active\:text-state-active\/20:active{color:color-mix(in oklab, var(--color-state-active) 20%, transparent)}
.active\:text-state-active\/25:active{color:color-mix(in oklab, var(--color-state-active) 25%, transparent)}
.active\:text-state-active\/30:active{color:color-mix(in oklab, var(--color-state-active) 30%, transparent)}
.active\:text-state-active\/40:active{color:color-mix(in oklab, var(--color-state-active) 40%, transparent)}
.active\:text-state-active\/50:active{color:color-mix(in oklab, var(--color-state-active) 50%, transparent)}
.active\:text-state-active\/60:active{color:color-mix(in oklab, var(--color-state-active) 60%, transparent)}
.active\:text-state-active\/70:active{color:color-mix(in oklab, var(--color-state-active) 70%, transparent)}
.active\:text-state-active\/80:active{color:color-mix(in oklab, var(--color-state-active) 80%, transparent)}
.active\:text-state-active\/90:active{color:color-mix(in oklab, var(--color-state-active) 90%, transparent)}
.active\:text-state-hover\/5:active{color:color-mix(in oklab, var(--color-state-hover) 5%, transparent)}
.active\:text-state-hover\/10:active{color:color-mix(in oklab, var(--color-state-hover) 10%, transparent)}
.active\:text-state-hover\/15:active{color:color-mix(in oklab, var(--color-state-hover) 15%, transparent)}
.active\:text-state-hover\/20:active{color:color-mix(in oklab, var(--color-state-hover) 20%, transparent)}
.active\:text-state-hover\/25:active{color:color-mix(in oklab, var(--color-state-hover) 25%, transparent)}
.active\:text-state-hover\/30:active{color:color-mix(in oklab, var(--color-state-hover) 30%, transparent)}
.active\:text-state-hover\/40:active{color:color-mix(in oklab, var(--color-state-hover) 40%, transparent)}
.active\:text-state-hover\/50:active{color:color-mix(in oklab, var(--color-state-hover) 50%, transparent)}
.active\:text-state-hover\/60:active{color:color-mix(in oklab, var(--color-state-hover) 60%, transparent)}
.active\:text-state-hover\/70:active{color:color-mix(in oklab, var(--color-state-hover) 70%, transparent)}
.active\:text-state-hover\/80:active{color:color-mix(in oklab, var(--color-state-hover) 80%, transparent)}
.active\:text-state-hover\/90:active{color:color-mix(in oklab, var(--color-state-hover) 90%, transparent)}
.active\:text-state-not-active\/5:active{color:color-mix(in oklab, var(--color-state-not-active) 5%, transparent)}
.active\:text-state-not-active\/10:active{color:color-mix(in oklab, var(--color-state-not-active) 10%, transparent)}
.active\:text-state-not-active\/15:active{color:color-mix(in oklab, var(--color-state-not-active) 15%, transparent)}
.active\:text-state-not-active\/20:active{color:color-mix(in oklab, var(--color-state-not-active) 20%, transparent)}
.active\:text-state-not-active\/25:active{color:color-mix(in oklab, var(--color-state-not-active) 25%, transparent)}
.active\:text-state-not-active\/30:active{color:color-mix(in oklab, var(--color-state-not-active) 30%, transparent)}
.active\:text-state-not-active\/40:active{color:color-mix(in oklab, var(--color-state-not-active) 40%, transparent)}
.active\:text-state-not-active\/50:active{color:color-mix(in oklab, var(--color-state-not-active) 50%, transparent)}
.active\:text-state-not-active\/60:active{color:color-mix(in oklab, var(--color-state-not-active) 60%, transparent)}
.active\:text-state-not-active\/70:active{color:color-mix(in oklab, var(--color-state-not-active) 70%, transparent)}
.active\:text-state-not-active\/80:active{color:color-mix(in oklab, var(--color-state-not-active) 80%, transparent)}
.active\:text-state-not-active\/90:active{color:color-mix(in oklab, var(--color-state-not-active) 90%, transparent)}
.active\:text-card-background\/5:active{color:color-mix(in oklab, var(--color-card-background) 5%, transparent)}
.active\:text-card-background\/10:active{color:color-mix(in oklab, var(--color-card-background) 10%, transparent)}
.active\:text-card-background\/15:active{color:color-mix(in oklab, var(--color-card-background) 15%, transparent)}
.active\:text-card-background\/20:active{color:color-mix(in oklab, var(--color-card-background) 20%, transparent)}
.active\:text-card-background\/25:active{color:color-mix(in oklab, var(--color-card-background) 25%, transparent)}
.active\:text-card-background\/30:active{color:color-mix(in oklab, var(--color-card-background) 30%, transparent)}
.active\:text-card-background\/40:active{color:color-mix(in oklab, var(--color-card-background) 40%, transparent)}
.active\:text-card-background\/50:active{color:color-mix(in oklab, var(--color-card-background) 50%, transparent)}
.active\:text-card-background\/60:active{color:color-mix(in oklab, var(--color-card-background) 60%, transparent)}
.active\:text-card-background\/70:active{color:color-mix(in oklab, var(--color-card-background) 70%, transparent)}
.active\:text-card-background\/80:active{color:color-mix(in oklab, var(--color-card-background) 80%, transparent)}
.active\:text-card-background\/90:active{color:color-mix(in oklab, var(--color-card-background) 90%, transparent)}
.active\:text-card-shadow\/5:active{color:color-mix(in oklab, var(--color-card-shadow) 5%, transparent)}
.active\:text-card-shadow\/10:active{color:color-mix(in oklab, var(--color-card-shadow) 10%, transparent)}
.active\:text-card-shadow\/15:active{color:color-mix(in oklab, var(--color-card-shadow) 15%, transparent)}
.active\:text-card-shadow\/20:active{color:color-mix(in oklab, var(--color-card-shadow) 20%, transparent)}
.active\:text-card-shadow\/25:active{color:color-mix(in oklab, var(--color-card-shadow) 25%, transparent)}
.active\:text-card-shadow\/30:active{color:color-mix(in oklab, var(--color-card-shadow) 30%, transparent)}
.active\:text-card-shadow\/40:active{color:color-mix(in oklab, var(--color-card-shadow) 40%, transparent)}
.active\:text-card-shadow\/50:active{color:color-mix(in oklab, var(--color-card-shadow) 50%, transparent)}
.active\:text-card-shadow\/60:active{color:color-mix(in oklab, var(--color-card-shadow) 60%, transparent)}
.active\:text-card-shadow\/70:active{color:color-mix(in oklab, var(--color-card-shadow) 70%, transparent)}
.active\:text-card-shadow\/80:active{color:color-mix(in oklab, var(--color-card-shadow) 80%, transparent)}
.active\:text-card-shadow\/90:active{color:color-mix(in oklab, var(--color-card-shadow) 90%, transparent)}
.active\:text-border\/5:active{color:color-mix(in oklab, var(--color-border) 5%, transparent)}
.active\:text-border\/10:active{color:color-mix(in oklab, var(--color-border) 10%, transparent)}
.active\:text-border\/15:active{color:color-mix(in oklab, var(--color-border) 15%, transparent)}
.active\:text-border\/20:active{color:color-mix(in oklab, var(--color-border) 20%, transparent)}
.active\:text-border\/25:active{color:color-mix(in oklab, var(--color-border) 25%, transparent)}
.active\:text-border\/30:active{color:color-mix(in oklab, var(--color-border) 30%, transparent)}
.active\:text-border\/40:active{color:color-mix(in oklab, var(--color-border) 40%, transparent)}
.active\:text-border\/50:active{color:color-mix(in oklab, var(--color-border) 50%, transparent)}
.active\:text-border\/60:active{color:color-mix(in oklab, var(--color-border) 60%, transparent)}
.active\:text-border\/70:active{color:color-mix(in oklab, var(--color-border) 70%, transparent)}
.active\:text-border\/80:active{color:color-mix(in oklab, var(--color-border) 80%, transparent)}
.active\:text-border\/90:active{color:color-mix(in oklab, var(--color-border) 90%, transparent)}
.active\:text-border-hover\/5:active{color:color-mix(in oklab, var(--color-border-hover) 5%, transparent)}
.active\:text-border-hover\/10:active{color:color-mix(in oklab, var(--color-border-hover) 10%, transparent)}
.active\:text-border-hover\/15:active{color:color-mix(in oklab, var(--color-border-hover) 15%, transparent)}
.active\:text-border-hover\/20:active{color:color-mix(in oklab, var(--color-border-hover) 20%, transparent)}
.active\:text-border-hover\/25:active{color:color-mix(in oklab, var(--color-border-hover) 25%, transparent)}
.active\:text-border-hover\/30:active{color:color-mix(in oklab, var(--color-border-hover) 30%, transparent)}
.active\:text-border-hover\/40:active{color:color-mix(in oklab, var(--color-border-hover) 40%, transparent)}
.active\:text-border-hover\/50:active{color:color-mix(in oklab, var(--color-border-hover) 50%, transparent)}
.active\:text-border-hover\/60:active{color:color-mix(in oklab, var(--color-border-hover) 60%, transparent)}
.active\:text-border-hover\/70:active{color:color-mix(in oklab, var(--color-border-hover) 70%, transparent)}
.active\:text-border-hover\/80:active{color:color-mix(in oklab, var(--color-border-hover) 80%, transparent)}
.active\:text-border-hover\/90:active{color:color-mix(in oklab, var(--color-border-hover) 90%, transparent)}
.active\:text-border-success\/5:active{color:color-mix(in oklab, var(--color-border-success) 5%, transparent)}
.active\:text-border-success\/10:active{color:color-mix(in oklab, var(--color-border-success) 10%, transparent)}
.active\:text-border-success\/15:active{color:color-mix(in oklab, var(--color-border-success) 15%, transparent)}
.active\:text-border-success\/20:active{color:color-mix(in oklab, var(--color-border-success) 20%, transparent)}
.active\:text-border-success\/25:active{color:color-mix(in oklab, var(--color-border-success) 25%, transparent)}
.active\:text-border-success\/30:active{color:color-mix(in oklab, var(--color-border-success) 30%, transparent)}
.active\:text-border-success\/40:active{color:color-mix(in oklab, var(--color-border-success) 40%, transparent)}
.active\:text-border-success\/50:active{color:color-mix(in oklab, var(--color-border-success) 50%, transparent)}
.active\:text-border-success\/60:active{color:color-mix(in oklab, var(--color-border-success) 60%, transparent)}
.active\:text-border-success\/70:active{color:color-mix(in oklab, var(--color-border-success) 70%, transparent)}
.active\:text-border-success\/80:active{color:color-mix(in oklab, var(--color-border-success) 80%, transparent)}
.active\:text-border-success\/90:active{color:color-mix(in oklab, var(--color-border-success) 90%, transparent)}
.active\:text-border-info\/5:active{color:color-mix(in oklab, var(--color-border-info) 5%, transparent)}
.active\:text-border-info\/10:active{color:color-mix(in oklab, var(--color-border-info) 10%, transparent)}
.active\:text-border-info\/15:active{color:color-mix(in oklab, var(--color-border-info) 15%, transparent)}
.active\:text-border-info\/20:active{color:color-mix(in oklab, var(--color-border-info) 20%, transparent)}
.active\:text-border-info\/25:active{color:color-mix(in oklab, var(--color-border-info) 25%, transparent)}
.active\:text-border-info\/30:active{color:color-mix(in oklab, var(--color-border-info) 30%, transparent)}
.active\:text-border-info\/40:active{color:color-mix(in oklab, var(--color-border-info) 40%, transparent)}
.active\:text-border-info\/50:active{color:color-mix(in oklab, var(--color-border-info) 50%, transparent)}
.active\:text-border-info\/60:active{color:color-mix(in oklab, var(--color-border-info) 60%, transparent)}
.active\:text-border-info\/70:active{color:color-mix(in oklab, var(--color-border-info) 70%, transparent)}
.active\:text-border-info\/80:active{color:color-mix(in oklab, var(--color-border-info) 80%, transparent)}
.active\:text-border-info\/90:active{color:color-mix(in oklab, var(--color-border-info) 90%, transparent)}
.active\:text-border-warning\/5:active{color:color-mix(in oklab, var(--color-border-warning) 5%, transparent)}
.active\:text-border-warning\/10:active{color:color-mix(in oklab, var(--color-border-warning) 10%, transparent)}
.active\:text-border-warning\/15:active{color:color-mix(in oklab, var(--color-border-warning) 15%, transparent)}
.active\:text-border-warning\/20:active{color:color-mix(in oklab, var(--color-border-warning) 20%, transparent)}
.active\:text-border-warning\/25:active{color:color-mix(in oklab, var(--color-border-warning) 25%, transparent)}
.active\:text-border-warning\/30:active{color:color-mix(in oklab, var(--color-border-warning) 30%, transparent)}
.active\:text-border-warning\/40:active{color:color-mix(in oklab, var(--color-border-warning) 40%, transparent)}
.active\:text-border-warning\/50:active{color:color-mix(in oklab, var(--color-border-warning) 50%, transparent)}
.active\:text-border-warning\/60:active{color:color-mix(in oklab, var(--color-border-warning) 60%, transparent)}
.active\:text-border-warning\/70:active{color:color-mix(in oklab, var(--color-border-warning) 70%, transparent)}
.active\:text-border-warning\/80:active{color:color-mix(in oklab, var(--color-border-warning) 80%, transparent)}
.active\:text-border-warning\/90:active{color:color-mix(in oklab, var(--color-border-warning) 90%, transparent)}
.active\:text-border-error\/5:active{color:color-mix(in oklab, var(--color-border-error) 5%, transparent)}
.active\:text-border-error\/10:active{color:color-mix(in oklab, var(--color-border-error) 10%, transparent)}
.active\:text-border-error\/15:active{color:color-mix(in oklab, var(--color-border-error) 15%, transparent)}
.active\:text-border-error\/20:active{color:color-mix(in oklab, var(--color-border-error) 20%, transparent)}
.active\:text-border-error\/25:active{color:color-mix(in oklab, var(--color-border-error) 25%, transparent)}
.active\:text-border-error\/30:active{color:color-mix(in oklab, var(--color-border-error) 30%, transparent)}
.active\:text-border-error\/40:active{color:color-mix(in oklab, var(--color-border-error) 40%, transparent)}
.active\:text-border-error\/50:active{color:color-mix(in oklab, var(--color-border-error) 50%, transparent)}
.active\:text-border-error\/60:active{color:color-mix(in oklab, var(--color-border-error) 60%, transparent)}
.active\:text-border-error\/70:active{color:color-mix(in oklab, var(--color-border-error) 70%, transparent)}
.active\:text-border-error\/80:active{color:color-mix(in oklab, var(--color-border-error) 80%, transparent)}
.active\:text-border-error\/90:active{color:color-mix(in oklab, var(--color-border-error) 90%, transparent)}
.active\:text-light-border\/5:active{color:color-mix(in oklab, var(--color-light-border) 5%, transparent)}
.active\:text-light-border\/10:active{color:color-mix(in oklab, var(--color-light-border) 10%, transparent)}
.active\:text-light-border\/15:active{color:color-mix(in oklab, var(--color-light-border) 15%, transparent)}
.active\:text-light-border\/20:active{color:color-mix(in oklab, var(--color-light-border) 20%, transparent)}
.active\:text-light-border\/25:active{color:color-mix(in oklab, var(--color-light-border) 25%, transparent)}
.active\:text-light-border\/30:active{color:color-mix(in oklab, var(--color-light-border) 30%, transparent)}
.active\:text-light-border\/40:active{color:color-mix(in oklab, var(--color-light-border) 40%, transparent)}
.active\:text-light-border\/50:active{color:color-mix(in oklab, var(--color-light-border) 50%, transparent)}
.active\:text-light-border\/60:active{color:color-mix(in oklab, var(--color-light-border) 60%, transparent)}
.active\:text-light-border\/70:active{color:color-mix(in oklab, var(--color-light-border) 70%, transparent)}
.active\:text-light-border\/80:active{color:color-mix(in oklab, var(--color-light-border) 80%, transparent)}
.active\:text-light-border\/90:active{color:color-mix(in oklab, var(--color-light-border) 90%, transparent)}
.active\:text-divider\/5:active{color:color-mix(in oklab, var(--color-divider) 5%, transparent)}
.active\:text-divider\/10:active{color:color-mix(in oklab, var(--color-divider) 10%, transparent)}
.active\:text-divider\/15:active{color:color-mix(in oklab, var(--color-divider) 15%, transparent)}
.active\:text-divider\/20:active{color:color-mix(in oklab, var(--color-divider) 20%, transparent)}
.active\:text-divider\/25:active{color:color-mix(in oklab, var(--color-divider) 25%, transparent)}
.active\:text-divider\/30:active{color:color-mix(in oklab, var(--color-divider) 30%, transparent)}
.active\:text-divider\/40:active{color:color-mix(in oklab, var(--color-divider) 40%, transparent)}
.active\:text-divider\/50:active{color:color-mix(in oklab, var(--color-divider) 50%, transparent)}
.active\:text-divider\/60:active{color:color-mix(in oklab, var(--color-divider) 60%, transparent)}
.active\:text-divider\/70:active{color:color-mix(in oklab, var(--color-divider) 70%, transparent)}
.active\:text-divider\/80:active{color:color-mix(in oklab, var(--color-divider) 80%, transparent)}
.active\:text-divider\/90:active{color:color-mix(in oklab, var(--color-divider) 90%, transparent)}
.active\:text-success\/5:active{color:color-mix(in oklab, var(--color-success) 5%, transparent)}
.active\:text-success\/10:active{color:color-mix(in oklab, var(--color-success) 10%, transparent)}
.active\:text-success\/15:active{color:color-mix(in oklab, var(--color-success) 15%, transparent)}
.active\:text-success\/20:active{color:color-mix(in oklab, var(--color-success) 20%, transparent)}
.active\:text-success\/25:active{color:color-mix(in oklab, var(--color-success) 25%, transparent)}
.active\:text-success\/30:active{color:color-mix(in oklab, var(--color-success) 30%, transparent)}
.active\:text-success\/40:active{color:color-mix(in oklab, var(--color-success) 40%, transparent)}
.active\:text-success\/50:active{color:color-mix(in oklab, var(--color-success) 50%, transparent)}
.active\:text-success\/60:active{color:color-mix(in oklab, var(--color-success) 60%, transparent)}
.active\:text-success\/70:active{color:color-mix(in oklab, var(--color-success) 70%, transparent)}
.active\:text-success\/80:active{color:color-mix(in oklab, var(--color-success) 80%, transparent)}
.active\:text-success\/90:active{color:color-mix(in oklab, var(--color-success) 90%, transparent)}
.active\:text-error\/5:active{color:color-mix(in oklab, var(--color-error) 5%, transparent)}
.active\:text-error\/10:active{color:color-mix(in oklab, var(--color-error) 10%, transparent)}
.active\:text-error\/15:active{color:color-mix(in oklab, var(--color-error) 15%, transparent)}
.active\:text-error\/20:active{color:color-mix(in oklab, var(--color-error) 20%, transparent)}
.active\:text-error\/25:active{color:color-mix(in oklab, var(--color-error) 25%, transparent)}
.active\:text-error\/30:active{color:color-mix(in oklab, var(--color-error) 30%, transparent)}
.active\:text-error\/40:active{color:color-mix(in oklab, var(--color-error) 40%, transparent)}
.active\:text-error\/50:active{color:color-mix(in oklab, var(--color-error) 50%, transparent)}
.active\:text-error\/60:active{color:color-mix(in oklab, var(--color-error) 60%, transparent)}
.active\:text-error\/70:active{color:color-mix(in oklab, var(--color-error) 70%, transparent)}
.active\:text-error\/80:active{color:color-mix(in oklab, var(--color-error) 80%, transparent)}
.active\:text-error\/90:active{color:color-mix(in oklab, var(--color-error) 90%, transparent)}
.active\:text-error-hover\/5:active{color:color-mix(in oklab, var(--color-error-hover) 5%, transparent)}
.active\:text-error-hover\/10:active{color:color-mix(in oklab, var(--color-error-hover) 10%, transparent)}
.active\:text-error-hover\/15:active{color:color-mix(in oklab, var(--color-error-hover) 15%, transparent)}
.active\:text-error-hover\/20:active{color:color-mix(in oklab, var(--color-error-hover) 20%, transparent)}
.active\:text-error-hover\/25:active{color:color-mix(in oklab, var(--color-error-hover) 25%, transparent)}
.active\:text-error-hover\/30:active{color:color-mix(in oklab, var(--color-error-hover) 30%, transparent)}
.active\:text-error-hover\/40:active{color:color-mix(in oklab, var(--color-error-hover) 40%, transparent)}
.active\:text-error-hover\/50:active{color:color-mix(in oklab, var(--color-error-hover) 50%, transparent)}
.active\:text-error-hover\/60:active{color:color-mix(in oklab, var(--color-error-hover) 60%, transparent)}
.active\:text-error-hover\/70:active{color:color-mix(in oklab, var(--color-error-hover) 70%, transparent)}
.active\:text-error-hover\/80:active{color:color-mix(in oklab, var(--color-error-hover) 80%, transparent)}
.active\:text-error-hover\/90:active{color:color-mix(in oklab, var(--color-error-hover) 90%, transparent)}
.active\:text-warning\/5:active{color:color-mix(in oklab, var(--color-warning) 5%, transparent)}
.active\:text-warning\/10:active{color:color-mix(in oklab, var(--color-warning) 10%, transparent)}
.active\:text-warning\/15:active{color:color-mix(in oklab, var(--color-warning) 15%, transparent)}
.active\:text-warning\/20:active{color:color-mix(in oklab, var(--color-warning) 20%, transparent)}
.active\:text-warning\/25:active{color:color-mix(in oklab, var(--color-warning) 25%, transparent)}
.active\:text-warning\/30:active{color:color-mix(in oklab, var(--color-warning) 30%, transparent)}
.active\:text-warning\/40:active{color:color-mix(in oklab, var(--color-warning) 40%, transparent)}
.active\:text-warning\/50:active{color:color-mix(in oklab, var(--color-warning) 50%, transparent)}
.active\:text-warning\/60:active{color:color-mix(in oklab, var(--color-warning) 60%, transparent)}
.active\:text-warning\/70:active{color:color-mix(in oklab, var(--color-warning) 70%, transparent)}
.active\:text-warning\/80:active{color:color-mix(in oklab, var(--color-warning) 80%, transparent)}
.active\:text-warning\/90:active{color:color-mix(in oklab, var(--color-warning) 90%, transparent)}
.active\:text-info\/5:active{color:color-mix(in oklab, var(--color-info) 5%, transparent)}
.active\:text-info\/10:active{color:color-mix(in oklab, var(--color-info) 10%, transparent)}
.active\:text-info\/15:active{color:color-mix(in oklab, var(--color-info) 15%, transparent)}
.active\:text-info\/20:active{color:color-mix(in oklab, var(--color-info) 20%, transparent)}
.active\:text-info\/25:active{color:color-mix(in oklab, var(--color-info) 25%, transparent)}
.active\:text-info\/30:active{color:color-mix(in oklab, var(--color-info) 30%, transparent)}
.active\:text-info\/40:active{color:color-mix(in oklab, var(--color-info) 40%, transparent)}
.active\:text-info\/50:active{color:color-mix(in oklab, var(--color-info) 50%, transparent)}
.active\:text-info\/60:active{color:color-mix(in oklab, var(--color-info) 60%, transparent)}
.active\:text-info\/70:active{color:color-mix(in oklab, var(--color-info) 70%, transparent)}
.active\:text-info\/80:active{color:color-mix(in oklab, var(--color-info) 80%, transparent)}
.active\:text-info\/90:active{color:color-mix(in oklab, var(--color-info) 90%, transparent)}
.active\:text-bg-success\/5:active{color:color-mix(in oklab, var(--color-bg-success) 5%, transparent)}
.active\:text-bg-success\/10:active{color:color-mix(in oklab, var(--color-bg-success) 10%, transparent)}
.active\:text-bg-success\/15:active{color:color-mix(in oklab, var(--color-bg-success) 15%, transparent)}
.active\:text-bg-success\/20:active{color:color-mix(in oklab, var(--color-bg-success) 20%, transparent)}
.active\:text-bg-success\/25:active{color:color-mix(in oklab, var(--color-bg-success) 25%, transparent)}
.active\:text-bg-success\/30:active{color:color-mix(in oklab, var(--color-bg-success) 30%, transparent)}
.active\:text-bg-success\/40:active{color:color-mix(in oklab, var(--color-bg-success) 40%, transparent)}
.active\:text-bg-success\/50:active{color:color-mix(in oklab, var(--color-bg-success) 50%, transparent)}
.active\:text-bg-success\/60:active{color:color-mix(in oklab, var(--color-bg-success) 60%, transparent)}
.active\:text-bg-success\/70:active{color:color-mix(in oklab, var(--color-bg-success) 70%, transparent)}
.active\:text-bg-success\/80:active{color:color-mix(in oklab, var(--color-bg-success) 80%, transparent)}
.active\:text-bg-success\/90:active{color:color-mix(in oklab, var(--color-bg-success) 90%, transparent)}
.active\:text-bg-error\/5:active{color:color-mix(in oklab, var(--color-bg-error) 5%, transparent)}
.active\:text-bg-error\/10:active{color:color-mix(in oklab, var(--color-bg-error) 10%, transparent)}
.active\:text-bg-error\/15:active{color:color-mix(in oklab, var(--color-bg-error) 15%, transparent)}
.active\:text-bg-error\/20:active{color:color-mix(in oklab, var(--color-bg-error) 20%, transparent)}
.active\:text-bg-error\/25:active{color:color-mix(in oklab, var(--color-bg-error) 25%, transparent)}
.active\:text-bg-error\/30:active{color:color-mix(in oklab, var(--color-bg-error) 30%, transparent)}
.active\:text-bg-error\/40:active{color:color-mix(in oklab, var(--color-bg-error) 40%, transparent)}
.active\:text-bg-error\/50:active{color:color-mix(in oklab, var(--color-bg-error) 50%, transparent)}
.active\:text-bg-error\/60:active{color:color-mix(in oklab, var(--color-bg-error) 60%, transparent)}
.active\:text-bg-error\/70:active{color:color-mix(in oklab, var(--color-bg-error) 70%, transparent)}
.active\:text-bg-error\/80:active{color:color-mix(in oklab, var(--color-bg-error) 80%, transparent)}
.active\:text-bg-error\/90:active{color:color-mix(in oklab, var(--color-bg-error) 90%, transparent)}
.active\:text-bg-warning\/5:active{color:color-mix(in oklab, var(--color-bg-warning) 5%, transparent)}
.active\:text-bg-warning\/10:active{color:color-mix(in oklab, var(--color-bg-warning) 10%, transparent)}
.active\:text-bg-warning\/15:active{color:color-mix(in oklab, var(--color-bg-warning) 15%, transparent)}
.active\:text-bg-warning\/20:active{color:color-mix(in oklab, var(--color-bg-warning) 20%, transparent)}
.active\:text-bg-warning\/25:active{color:color-mix(in oklab, var(--color-bg-warning) 25%, transparent)}
.active\:text-bg-warning\/30:active{color:color-mix(in oklab, var(--color-bg-warning) 30%, transparent)}
.active\:text-bg-warning\/40:active{color:color-mix(in oklab, var(--color-bg-warning) 40%, transparent)}
.active\:text-bg-warning\/50:active{color:color-mix(in oklab, var(--color-bg-warning) 50%, transparent)}
.active\:text-bg-warning\/60:active{color:color-mix(in oklab, var(--color-bg-warning) 60%, transparent)}
.active\:text-bg-warning\/70:active{color:color-mix(in oklab, var(--color-bg-warning) 70%, transparent)}
.active\:text-bg-warning\/80:active{color:color-mix(in oklab, var(--color-bg-warning) 80%, transparent)}
.active\:text-bg-warning\/90:active{color:color-mix(in oklab, var(--color-bg-warning) 90%, transparent)}
.active\:text-bg-info\/5:active{color:color-mix(in oklab, var(--color-bg-info) 5%, transparent)}
.active\:text-bg-info\/10:active{color:color-mix(in oklab, var(--color-bg-info) 10%, transparent)}
.active\:text-bg-info\/15:active{color:color-mix(in oklab, var(--color-bg-info) 15%, transparent)}
.active\:text-bg-info\/20:active{color:color-mix(in oklab, var(--color-bg-info) 20%, transparent)}
.active\:text-bg-info\/25:active{color:color-mix(in oklab, var(--color-bg-info) 25%, transparent)}
.active\:text-bg-info\/30:active{color:color-mix(in oklab, var(--color-bg-info) 30%, transparent)}
.active\:text-bg-info\/40:active{color:color-mix(in oklab, var(--color-bg-info) 40%, transparent)}
.active\:text-bg-info\/50:active{color:color-mix(in oklab, var(--color-bg-info) 50%, transparent)}
.active\:text-bg-info\/60:active{color:color-mix(in oklab, var(--color-bg-info) 60%, transparent)}
.active\:text-bg-info\/70:active{color:color-mix(in oklab, var(--color-bg-info) 70%, transparent)}
.active\:text-bg-info\/80:active{color:color-mix(in oklab, var(--color-bg-info) 80%, transparent)}
.active\:text-bg-info\/90:active{color:color-mix(in oklab, var(--color-bg-info) 90%, transparent)}
.active\:text-title-start\/5:active{color:color-mix(in oklab, var(--color-title-start) 5%, transparent)}
.active\:text-title-start\/10:active{color:color-mix(in oklab, var(--color-title-start) 10%, transparent)}
.active\:text-title-start\/15:active{color:color-mix(in oklab, var(--color-title-start) 15%, transparent)}
.active\:text-title-start\/20:active{color:color-mix(in oklab, var(--color-title-start) 20%, transparent)}
.active\:text-title-start\/25:active{color:color-mix(in oklab, var(--color-title-start) 25%, transparent)}
.active\:text-title-start\/30:active{color:color-mix(in oklab, var(--color-title-start) 30%, transparent)}
.active\:text-title-start\/40:active{color:color-mix(in oklab, var(--color-title-start) 40%, transparent)}
.active\:text-title-start\/50:active{color:color-mix(in oklab, var(--color-title-start) 50%, transparent)}
.active\:text-title-start\/60:active{color:color-mix(in oklab, var(--color-title-start) 60%, transparent)}
.active\:text-title-start\/70:active{color:color-mix(in oklab, var(--color-title-start) 70%, transparent)}
.active\:text-title-start\/80:active{color:color-mix(in oklab, var(--color-title-start) 80%, transparent)}
.active\:text-title-start\/90:active{color:color-mix(in oklab, var(--color-title-start) 90%, transparent)}
.active\:text-title-end\/5:active{color:color-mix(in oklab, var(--color-title-end) 5%, transparent)}
.active\:text-title-end\/10:active{color:color-mix(in oklab, var(--color-title-end) 10%, transparent)}
.active\:text-title-end\/15:active{color:color-mix(in oklab, var(--color-title-end) 15%, transparent)}
.active\:text-title-end\/20:active{color:color-mix(in oklab, var(--color-title-end) 20%, transparent)}
.active\:text-title-end\/25:active{color:color-mix(in oklab, var(--color-title-end) 25%, transparent)}
.active\:text-title-end\/30:active{color:color-mix(in oklab, var(--color-title-end) 30%, transparent)}
.active\:text-title-end\/40:active{color:color-mix(in oklab, var(--color-title-end) 40%, transparent)}
.active\:text-title-end\/50:active{color:color-mix(in oklab, var(--color-title-end) 50%, transparent)}
.active\:text-title-end\/60:active{color:color-mix(in oklab, var(--color-title-end) 60%, transparent)}
.active\:text-title-end\/70:active{color:color-mix(in oklab, var(--color-title-end) 70%, transparent)}
.active\:text-title-end\/80:active{color:color-mix(in oklab, var(--color-title-end) 80%, transparent)}
.active\:text-title-end\/90:active{color:color-mix(in oklab, var(--color-title-end) 90%, transparent)}
.active\:text-bg-start\/5:active{color:color-mix(in oklab, var(--color-bg-start) 5%, transparent)}
.active\:text-bg-start\/10:active{color:color-mix(in oklab, var(--color-bg-start) 10%, transparent)}
.active\:text-bg-start\/15:active{color:color-mix(in oklab, var(--color-bg-start) 15%, transparent)}
.active\:text-bg-start\/20:active{color:color-mix(in oklab, var(--color-bg-start) 20%, transparent)}
.active\:text-bg-start\/25:active{color:color-mix(in oklab, var(--color-bg-start) 25%, transparent)}
.active\:text-bg-start\/30:active{color:color-mix(in oklab, var(--color-bg-start) 30%, transparent)}
.active\:text-bg-start\/40:active{color:color-mix(in oklab, var(--color-bg-start) 40%, transparent)}
.active\:text-bg-start\/50:active{color:color-mix(in oklab, var(--color-bg-start) 50%, transparent)}
.active\:text-bg-start\/60:active{color:color-mix(in oklab, var(--color-bg-start) 60%, transparent)}
.active\:text-bg-start\/70:active{color:color-mix(in oklab, var(--color-bg-start) 70%, transparent)}
.active\:text-bg-start\/80:active{color:color-mix(in oklab, var(--color-bg-start) 80%, transparent)}
.active\:text-bg-start\/90:active{color:color-mix(in oklab, var(--color-bg-start) 90%, transparent)}
.active\:text-bg-end\/5:active{color:color-mix(in oklab, var(--color-bg-end) 5%, transparent)}
.active\:text-bg-end\/10:active{color:color-mix(in oklab, var(--color-bg-end) 10%, transparent)}
.active\:text-bg-end\/15:active{color:color-mix(in oklab, var(--color-bg-end) 15%, transparent)}
.active\:text-bg-end\/20:active{color:color-mix(in oklab, var(--color-bg-end) 20%, transparent)}
.active\:text-bg-end\/25:active{color:color-mix(in oklab, var(--color-bg-end) 25%, transparent)}
.active\:text-bg-end\/30:active{color:color-mix(in oklab, var(--color-bg-end) 30%, transparent)}
.active\:text-bg-end\/40:active{color:color-mix(in oklab, var(--color-bg-end) 40%, transparent)}
.active\:text-bg-end\/50:active{color:color-mix(in oklab, var(--color-bg-end) 50%, transparent)}
.active\:text-bg-end\/60:active{color:color-mix(in oklab, var(--color-bg-end) 60%, transparent)}
.active\:text-bg-end\/70:active{color:color-mix(in oklab, var(--color-bg-end) 70%, transparent)}
.active\:text-bg-end\/80:active{color:color-mix(in oklab, var(--color-bg-end) 80%, transparent)}
.active\:text-bg-end\/90:active{color:color-mix(in oklab, var(--color-bg-end) 90%, transparent)}
.active\:text-primary-content\/5:active{color:color-mix(in oklab, var(--color-primary-content) 5%, transparent)}
.active\:text-primary-content\/10:active{color:color-mix(in oklab, var(--color-primary-content) 10%, transparent)}
.active\:text-primary-content\/15:active{color:color-mix(in oklab, var(--color-primary-content) 15%, transparent)}
.active\:text-primary-content\/20:active{color:color-mix(in oklab, var(--color-primary-content) 20%, transparent)}
.active\:text-primary-content\/25:active{color:color-mix(in oklab, var(--color-primary-content) 25%, transparent)}
.active\:text-primary-content\/30:active{color:color-mix(in oklab, var(--color-primary-content) 30%, transparent)}
.active\:text-primary-content\/40:active{color:color-mix(in oklab, var(--color-primary-content) 40%, transparent)}
.active\:text-primary-content\/50:active{color:color-mix(in oklab, var(--color-primary-content) 50%, transparent)}
.active\:text-primary-content\/60:active{color:color-mix(in oklab, var(--color-primary-content) 60%, transparent)}
.active\:text-primary-content\/70:active{color:color-mix(in oklab, var(--color-primary-content) 70%, transparent)}
.active\:text-primary-content\/80:active{color:color-mix(in oklab, var(--color-primary-content) 80%, transparent)}
.active\:text-primary-content\/90:active{color:color-mix(in oklab, var(--color-primary-content) 90%, transparent)}
.active\:text-secondary-content\/5:active{color:color-mix(in oklab, var(--color-secondary-content) 5%, transparent)}
.active\:text-secondary-content\/10:active{color:color-mix(in oklab, var(--color-secondary-content) 10%, transparent)}
.active\:text-secondary-content\/15:active{color:color-mix(in oklab, var(--color-secondary-content) 15%, transparent)}
.active\:text-secondary-content\/20:active{color:color-mix(in oklab, var(--color-secondary-content) 20%, transparent)}
.active\:text-secondary-content\/25:active{color:color-mix(in oklab, var(--color-secondary-content) 25%, transparent)}
.active\:text-secondary-content\/30:active{color:color-mix(in oklab, var(--color-secondary-content) 30%, transparent)}
.active\:text-secondary-content\/40:active{color:color-mix(in oklab, var(--color-secondary-content) 40%, transparent)}
.active\:text-secondary-content\/50:active{color:color-mix(in oklab, var(--color-secondary-content) 50%, transparent)}
.active\:text-secondary-content\/60:active{color:color-mix(in oklab, var(--color-secondary-content) 60%, transparent)}
.active\:text-secondary-content\/70:active{color:color-mix(in oklab, var(--color-secondary-content) 70%, transparent)}
.active\:text-secondary-content\/80:active{color:color-mix(in oklab, var(--color-secondary-content) 80%, transparent)}
.active\:text-secondary-content\/90:active{color:color-mix(in oklab, var(--color-secondary-content) 90%, transparent)}
.active\:text-base-100\/5:active{color:color-mix(in oklab, var(--color-base-100) 5%, transparent)}
.active\:text-base-100\/10:active{color:color-mix(in oklab, var(--color-base-100) 10%, transparent)}
.active\:text-base-100\/15:active{color:color-mix(in oklab, var(--color-base-100) 15%, transparent)}
.active\:text-base-100\/20:active{color:color-mix(in oklab, var(--color-base-100) 20%, transparent)}
.active\:text-base-100\/25:active{color:color-mix(in oklab, var(--color-base-100) 25%, transparent)}
.active\:text-base-100\/30:active{color:color-mix(in oklab, var(--color-base-100) 30%, transparent)}
.active\:text-base-100\/40:active{color:color-mix(in oklab, var(--color-base-100) 40%, transparent)}
.active\:text-base-100\/50:active{color:color-mix(in oklab, var(--color-base-100) 50%, transparent)}
.active\:text-base-100\/60:active{color:color-mix(in oklab, var(--color-base-100) 60%, transparent)}
.active\:text-base-100\/70:active{color:color-mix(in oklab, var(--color-base-100) 70%, transparent)}
.active\:text-base-100\/80:active{color:color-mix(in oklab, var(--color-base-100) 80%, transparent)}
.active\:text-base-100\/90:active{color:color-mix(in oklab, var(--color-base-100) 90%, transparent)}
.active\:text-base-200\/5:active{color:color-mix(in oklab, var(--color-base-200) 5%, transparent)}
.active\:text-base-200\/10:active{color:color-mix(in oklab, var(--color-base-200) 10%, transparent)}
.active\:text-base-200\/15:active{color:color-mix(in oklab, var(--color-base-200) 15%, transparent)}
.active\:text-base-200\/20:active{color:color-mix(in oklab, var(--color-base-200) 20%, transparent)}
.active\:text-base-200\/25:active{color:color-mix(in oklab, var(--color-base-200) 25%, transparent)}
.active\:text-base-200\/30:active{color:color-mix(in oklab, var(--color-base-200) 30%, transparent)}
.active\:text-base-200\/40:active{color:color-mix(in oklab, var(--color-base-200) 40%, transparent)}
.active\:text-base-200\/50:active{color:color-mix(in oklab, var(--color-base-200) 50%, transparent)}
.active\:text-base-200\/60:active{color:color-mix(in oklab, var(--color-base-200) 60%, transparent)}
.active\:text-base-200\/70:active{color:color-mix(in oklab, var(--color-base-200) 70%, transparent)}
.active\:text-base-200\/80:active{color:color-mix(in oklab, var(--color-base-200) 80%, transparent)}
.active\:text-base-200\/90:active{color:color-mix(in oklab, var(--color-base-200) 90%, transparent)}
.active\:text-base-300\/5:active{color:color-mix(in oklab, var(--color-base-300) 5%, transparent)}
.active\:text-base-300\/10:active{color:color-mix(in oklab, var(--color-base-300) 10%, transparent)}
.active\:text-base-300\/15:active{color:color-mix(in oklab, var(--color-base-300) 15%, transparent)}
.active\:text-base-300\/20:active{color:color-mix(in oklab, var(--color-base-300) 20%, transparent)}
.active\:text-base-300\/25:active{color:color-mix(in oklab, var(--color-base-300) 25%, transparent)}
.active\:text-base-300\/30:active{color:color-mix(in oklab, var(--color-base-300) 30%, transparent)}
.active\:text-base-300\/40:active{color:color-mix(in oklab, var(--color-base-300) 40%, transparent)}
.active\:text-base-300\/50:active{color:color-mix(in oklab, var(--color-base-300) 50%, transparent)}
.active\:text-base-300\/60:active{color:color-mix(in oklab, var(--color-base-300) 60%, transparent)}
.active\:text-base-300\/70:active{color:color-mix(in oklab, var(--color-base-300) 70%, transparent)}
.active\:text-base-300\/80:active{color:color-mix(in oklab, var(--color-base-300) 80%, transparent)}
.active\:text-base-300\/90:active{color:color-mix(in oklab, var(--color-base-300) 90%, transparent)}
.active\:text-base-content\/5:active{color:color-mix(in oklab, var(--color-base-content) 5%, transparent)}
.active\:text-base-content\/10:active{color:color-mix(in oklab, var(--color-base-content) 10%, transparent)}
.active\:text-base-content\/15:active{color:color-mix(in oklab, var(--color-base-content) 15%, transparent)}
.active\:text-base-content\/20:active{color:color-mix(in oklab, var(--color-base-content) 20%, transparent)}
.active\:text-base-content\/25:active{color:color-mix(in oklab, var(--color-base-content) 25%, transparent)}
.active\:text-base-content\/30:active{color:color-mix(in oklab, var(--color-base-content) 30%, transparent)}
.active\:text-base-content\/40:active{color:color-mix(in oklab, var(--color-base-content) 40%, transparent)}
.active\:text-base-content\/50:active{color:color-mix(in oklab, var(--color-base-content) 50%, transparent)}
.active\:text-base-content\/60:active{color:color-mix(in oklab, var(--color-base-content) 60%, transparent)}
.active\:text-base-content\/70:active{color:color-mix(in oklab, var(--color-base-content) 70%, transparent)}
.active\:text-base-content\/80:active{color:color-mix(in oklab, var(--color-base-content) 80%, transparent)}
.active\:text-base-content\/90:active{color:color-mix(in oklab, var(--color-base-content) 90%, transparent)}
.active\:text-white\/5:active{color:color-mix(in oklab, var(--color-white) 5%, transparent)}
.active\:text-white\/10:active{color:color-mix(in oklab, var(--color-white) 10%, transparent)}
.active\:text-white\/15:active{color:color-mix(in oklab, var(--color-white) 15%, transparent)}
.active\:text-white\/20:active{color:color-mix(in oklab, var(--color-white) 20%, transparent)}
.active\:text-white\/25:active{color:color-mix(in oklab, var(--color-white) 25%, transparent)}
.active\:text-white\/30:active{color:color-mix(in oklab, var(--color-white) 30%, transparent)}
.active\:text-white\/40:active{color:color-mix(in oklab, var(--color-white) 40%, transparent)}
.active\:text-white\/50:active{color:color-mix(in oklab, var(--color-white) 50%, transparent)}
.active\:text-white\/60:active{color:color-mix(in oklab, var(--color-white) 60%, transparent)}
.active\:text-white\/70:active{color:color-mix(in oklab, var(--color-white) 70%, transparent)}
.active\:text-white\/80:active{color:color-mix(in oklab, var(--color-white) 80%, transparent)}
.active\:text-white\/90:active{color:color-mix(in oklab, var(--color-white) 90%, transparent)}
.active\:text-black\/5:active{color:color-mix(in oklab, var(--color-black) 5%, transparent)}
.active\:text-black\/10:active{color:color-mix(in oklab, var(--color-black) 10%, transparent)}
.active\:text-black\/15:active{color:color-mix(in oklab, var(--color-black) 15%, transparent)}
.active\:text-black\/20:active{color:color-mix(in oklab, var(--color-black) 20%, transparent)}
.active\:text-black\/25:active{color:color-mix(in oklab, var(--color-black) 25%, transparent)}
.active\:text-black\/30:active{color:color-mix(in oklab, var(--color-black) 30%, transparent)}
.active\:text-black\/40:active{color:color-mix(in oklab, var(--color-black) 40%, transparent)}
.active\:text-black\/50:active{color:color-mix(in oklab, var(--color-black) 50%, transparent)}
.active\:text-black\/60:active{color:color-mix(in oklab, var(--color-black) 60%, transparent)}
.active\:text-black\/70:active{color:color-mix(in oklab, var(--color-black) 70%, transparent)}
.active\:text-black\/80:active{color:color-mix(in oklab, var(--color-black) 80%, transparent)}
.active\:text-black\/90:active{color:color-mix(in oklab, var(--color-black) 90%, transparent)}
.active\:border-primary\/5:active{border-color:color-mix(in oklab, var(--color-primary) 5%, transparent)}
.active\:border-primary\/10:active{border-color:color-mix(in oklab, var(--color-primary) 10%, transparent)}
.active\:border-primary\/15:active{border-color:color-mix(in oklab, var(--color-primary) 15%, transparent)}
.active\:border-primary\/20:active{border-color:color-mix(in oklab, var(--color-primary) 20%, transparent)}
.active\:border-primary\/25:active{border-color:color-mix(in oklab, var(--color-primary) 25%, transparent)}
.active\:border-primary\/30:active{border-color:color-mix(in oklab, var(--color-primary) 30%, transparent)}
.active\:border-primary\/40:active{border-color:color-mix(in oklab, var(--color-primary) 40%, transparent)}
.active\:border-primary\/50:active{border-color:color-mix(in oklab, var(--color-primary) 50%, transparent)}
.active\:border-primary\/60:active{border-color:color-mix(in oklab, var(--color-primary) 60%, transparent)}
.active\:border-primary\/70:active{border-color:color-mix(in oklab, var(--color-primary) 70%, transparent)}
.active\:border-primary\/80:active{border-color:color-mix(in oklab, var(--color-primary) 80%, transparent)}
.active\:border-primary\/90:active{border-color:color-mix(in oklab, var(--color-primary) 90%, transparent)}
.active\:border-secondary\/5:active{border-color:color-mix(in oklab, var(--color-secondary) 5%, transparent)}
.active\:border-secondary\/10:active{border-color:color-mix(in oklab, var(--color-secondary) 10%, transparent)}
.active\:border-secondary\/15:active{border-color:color-mix(in oklab, var(--color-secondary) 15%, transparent)}
.active\:border-secondary\/20:active{border-color:color-mix(in oklab, var(--color-secondary) 20%, transparent)}
.active\:border-secondary\/25:active{border-color:color-mix(in oklab, var(--color-secondary) 25%, transparent)}
.active\:border-secondary\/30:active{border-color:color-mix(in oklab, var(--color-secondary) 30%, transparent)}
.active\:border-secondary\/40:active{border-color:color-mix(in oklab, var(--color-secondary) 40%, transparent)}
.active\:border-secondary\/50:active{border-color:color-mix(in oklab, var(--color-secondary) 50%, transparent)}
.active\:border-secondary\/60:active{border-color:color-mix(in oklab, var(--color-secondary) 60%, transparent)}
.active\:border-secondary\/70:active{border-color:color-mix(in oklab, var(--color-secondary) 70%, transparent)}
.active\:border-secondary\/80:active{border-color:color-mix(in oklab, var(--color-secondary) 80%, transparent)}
.active\:border-secondary\/90:active{border-color:color-mix(in oklab, var(--color-secondary) 90%, transparent)}
.active\:border-background\/5:active{border-color:color-mix(in oklab, var(--color-background) 5%, transparent)}
.active\:border-background\/10:active{border-color:color-mix(in oklab, var(--color-background) 10%, transparent)}
.active\:border-background\/15:active{border-color:color-mix(in oklab, var(--color-background) 15%, transparent)}
.active\:border-background\/20:active{border-color:color-mix(in oklab, var(--color-background) 20%, transparent)}
.active\:border-background\/25:active{border-color:color-mix(in oklab, var(--color-background) 25%, transparent)}
.active\:border-background\/30:active{border-color:color-mix(in oklab, var(--color-background) 30%, transparent)}
.active\:border-background\/40:active{border-color:color-mix(in oklab, var(--color-background) 40%, transparent)}
.active\:border-background\/50:active{border-color:color-mix(in oklab, var(--color-background) 50%, transparent)}
.active\:border-background\/60:active{border-color:color-mix(in oklab, var(--color-background) 60%, transparent)}
.active\:border-background\/70:active{border-color:color-mix(in oklab, var(--color-background) 70%, transparent)}
.active\:border-background\/80:active{border-color:color-mix(in oklab, var(--color-background) 80%, transparent)}
.active\:border-background\/90:active{border-color:color-mix(in oklab, var(--color-background) 90%, transparent)}
.active\:border-transparent\/5:active{border-color:color-mix(in oklab, var(--color-transparent) 5%, transparent)}
.active\:border-transparent\/10:active{border-color:color-mix(in oklab, var(--color-transparent) 10%, transparent)}
.active\:border-transparent\/15:active{border-color:color-mix(in oklab, var(--color-transparent) 15%, transparent)}
.active\:border-transparent\/20:active{border-color:color-mix(in oklab, var(--color-transparent) 20%, transparent)}
.active\:border-transparent\/25:active{border-color:color-mix(in oklab, var(--color-transparent) 25%, transparent)}
.active\:border-transparent\/30:active{border-color:color-mix(in oklab, var(--color-transparent) 30%, transparent)}
.active\:border-transparent\/40:active{border-color:color-mix(in oklab, var(--color-transparent) 40%, transparent)}
.active\:border-transparent\/50:active{border-color:color-mix(in oklab, var(--color-transparent) 50%, transparent)}
.active\:border-transparent\/60:active{border-color:color-mix(in oklab, var(--color-transparent) 60%, transparent)}
.active\:border-transparent\/70:active{border-color:color-mix(in oklab, var(--color-transparent) 70%, transparent)}
.active\:border-transparent\/80:active{border-color:color-mix(in oklab, var(--color-transparent) 80%, transparent)}
.active\:border-transparent\/90:active{border-color:color-mix(in oklab, var(--color-transparent) 90%, transparent)}
.active\:border-active\/5:active{border-color:color-mix(in oklab, var(--color-active) 5%, transparent)}
.active\:border-active\/10:active{border-color:color-mix(in oklab, var(--color-active) 10%, transparent)}
.active\:border-active\/15:active{border-color:color-mix(in oklab, var(--color-active) 15%, transparent)}
.active\:border-active\/20:active{border-color:color-mix(in oklab, var(--color-active) 20%, transparent)}
.active\:border-active\/25:active{border-color:color-mix(in oklab, var(--color-active) 25%, transparent)}
.active\:border-active\/30:active{border-color:color-mix(in oklab, var(--color-active) 30%, transparent)}
.active\:border-active\/40:active{border-color:color-mix(in oklab, var(--color-active) 40%, transparent)}
.active\:border-active\/50:active{border-color:color-mix(in oklab, var(--color-active) 50%, transparent)}
.active\:border-active\/60:active{border-color:color-mix(in oklab, var(--color-active) 60%, transparent)}
.active\:border-active\/70:active{border-color:color-mix(in oklab, var(--color-active) 70%, transparent)}
.active\:border-active\/80:active{border-color:color-mix(in oklab, var(--color-active) 80%, transparent)}
.active\:border-active\/90:active{border-color:color-mix(in oklab, var(--color-active) 90%, transparent)}
.active\:border-hover\/5:active{border-color:color-mix(in oklab, var(--color-hover) 5%, transparent)}
.active\:border-hover\/10:active{border-color:color-mix(in oklab, var(--color-hover) 10%, transparent)}
.active\:border-hover\/15:active{border-color:color-mix(in oklab, var(--color-hover) 15%, transparent)}
.active\:border-hover\/20:active{border-color:color-mix(in oklab, var(--color-hover) 20%, transparent)}
.active\:border-hover\/25:active{border-color:color-mix(in oklab, var(--color-hover) 25%, transparent)}
.active\:border-hover\/30:active{border-color:color-mix(in oklab, var(--color-hover) 30%, transparent)}
.active\:border-hover\/40:active{border-color:color-mix(in oklab, var(--color-hover) 40%, transparent)}
.active\:border-hover\/50:active{border-color:color-mix(in oklab, var(--color-hover) 50%, transparent)}
.active\:border-hover\/60:active{border-color:color-mix(in oklab, var(--color-hover) 60%, transparent)}
.active\:border-hover\/70:active{border-color:color-mix(in oklab, var(--color-hover) 70%, transparent)}
.active\:border-hover\/80:active{border-color:color-mix(in oklab, var(--color-hover) 80%, transparent)}
.active\:border-hover\/90:active{border-color:color-mix(in oklab, var(--color-hover) 90%, transparent)}
.active\:border-not-active\/5:active{border-color:color-mix(in oklab, var(--color-not-active) 5%, transparent)}
.active\:border-not-active\/10:active{border-color:color-mix(in oklab, var(--color-not-active) 10%, transparent)}
.active\:border-not-active\/15:active{border-color:color-mix(in oklab, var(--color-not-active) 15%, transparent)}
.active\:border-not-active\/20:active{border-color:color-mix(in oklab, var(--color-not-active) 20%, transparent)}
.active\:border-not-active\/25:active{border-color:color-mix(in oklab, var(--color-not-active) 25%, transparent)}
.active\:border-not-active\/30:active{border-color:color-mix(in oklab, var(--color-not-active) 30%, transparent)}
.active\:border-not-active\/40:active{border-color:color-mix(in oklab, var(--color-not-active) 40%, transparent)}
.active\:border-not-active\/50:active{border-color:color-mix(in oklab, var(--color-not-active) 50%, transparent)}
.active\:border-not-active\/60:active{border-color:color-mix(in oklab, var(--color-not-active) 60%, transparent)}
.active\:border-not-active\/70:active{border-color:color-mix(in oklab, var(--color-not-active) 70%, transparent)}
.active\:border-not-active\/80:active{border-color:color-mix(in oklab, var(--color-not-active) 80%, transparent)}
.active\:border-not-active\/90:active{border-color:color-mix(in oklab, var(--color-not-active) 90%, transparent)}
.active\:border-primary-text\/5:active{border-color:color-mix(in oklab, var(--color-primary-text) 5%, transparent)}
.active\:border-primary-text\/10:active{border-color:color-mix(in oklab, var(--color-primary-text) 10%, transparent)}
.active\:border-primary-text\/15:active{border-color:color-mix(in oklab, var(--color-primary-text) 15%, transparent)}
.active\:border-primary-text\/20:active{border-color:color-mix(in oklab, var(--color-primary-text) 20%, transparent)}
.active\:border-primary-text\/25:active{border-color:color-mix(in oklab, var(--color-primary-text) 25%, transparent)}
.active\:border-primary-text\/30:active{border-color:color-mix(in oklab, var(--color-primary-text) 30%, transparent)}
.active\:border-primary-text\/40:active{border-color:color-mix(in oklab, var(--color-primary-text) 40%, transparent)}
.active\:border-primary-text\/50:active{border-color:color-mix(in oklab, var(--color-primary-text) 50%, transparent)}
.active\:border-primary-text\/60:active{border-color:color-mix(in oklab, var(--color-primary-text) 60%, transparent)}
.active\:border-primary-text\/70:active{border-color:color-mix(in oklab, var(--color-primary-text) 70%, transparent)}
.active\:border-primary-text\/80:active{border-color:color-mix(in oklab, var(--color-primary-text) 80%, transparent)}
.active\:border-primary-text\/90:active{border-color:color-mix(in oklab, var(--color-primary-text) 90%, transparent)}
.active\:border-secondary-text\/5:active{border-color:color-mix(in oklab, var(--color-secondary-text) 5%, transparent)}
.active\:border-secondary-text\/10:active{border-color:color-mix(in oklab, var(--color-secondary-text) 10%, transparent)}
.active\:border-secondary-text\/15:active{border-color:color-mix(in oklab, var(--color-secondary-text) 15%, transparent)}
.active\:border-secondary-text\/20:active{border-color:color-mix(in oklab, var(--color-secondary-text) 20%, transparent)}
.active\:border-secondary-text\/25:active{border-color:color-mix(in oklab, var(--color-secondary-text) 25%, transparent)}
.active\:border-secondary-text\/30:active{border-color:color-mix(in oklab, var(--color-secondary-text) 30%, transparent)}
.active\:border-secondary-text\/40:active{border-color:color-mix(in oklab, var(--color-secondary-text) 40%, transparent)}
.active\:border-secondary-text\/50:active{border-color:color-mix(in oklab, var(--color-secondary-text) 50%, transparent)}
.active\:border-secondary-text\/60:active{border-color:color-mix(in oklab, var(--color-secondary-text) 60%, transparent)}
.active\:border-secondary-text\/70:active{border-color:color-mix(in oklab, var(--color-secondary-text) 70%, transparent)}
.active\:border-secondary-text\/80:active{border-color:color-mix(in oklab, var(--color-secondary-text) 80%, transparent)}
.active\:border-secondary-text\/90:active{border-color:color-mix(in oklab, var(--color-secondary-text) 90%, transparent)}
.active\:border-tertiary-text\/5:active{border-color:color-mix(in oklab, var(--color-tertiary-text) 5%, transparent)}
.active\:border-tertiary-text\/10:active{border-color:color-mix(in oklab, var(--color-tertiary-text) 10%, transparent)}
.active\:border-tertiary-text\/15:active{border-color:color-mix(in oklab, var(--color-tertiary-text) 15%, transparent)}
.active\:border-tertiary-text\/20:active{border-color:color-mix(in oklab, var(--color-tertiary-text) 20%, transparent)}
.active\:border-tertiary-text\/25:active{border-color:color-mix(in oklab, var(--color-tertiary-text) 25%, transparent)}
.active\:border-tertiary-text\/30:active{border-color:color-mix(in oklab, var(--color-tertiary-text) 30%, transparent)}
.active\:border-tertiary-text\/40:active{border-color:color-mix(in oklab, var(--color-tertiary-text) 40%, transparent)}
.active\:border-tertiary-text\/50:active{border-color:color-mix(in oklab, var(--color-tertiary-text) 50%, transparent)}
.active\:border-tertiary-text\/60:active{border-color:color-mix(in oklab, var(--color-tertiary-text) 60%, transparent)}
.active\:border-tertiary-text\/70:active{border-color:color-mix(in oklab, var(--color-tertiary-text) 70%, transparent)}
.active\:border-tertiary-text\/80:active{border-color:color-mix(in oklab, var(--color-tertiary-text) 80%, transparent)}
.active\:border-tertiary-text\/90:active{border-color:color-mix(in oklab, var(--color-tertiary-text) 90%, transparent)}
.active\:border-not-active-text\/5:active{border-color:color-mix(in oklab, var(--color-not-active-text) 5%, transparent)}
.active\:border-not-active-text\/10:active{border-color:color-mix(in oklab, var(--color-not-active-text) 10%, transparent)}
.active\:border-not-active-text\/15:active{border-color:color-mix(in oklab, var(--color-not-active-text) 15%, transparent)}
.active\:border-not-active-text\/20:active{border-color:color-mix(in oklab, var(--color-not-active-text) 20%, transparent)}
.active\:border-not-active-text\/25:active{border-color:color-mix(in oklab, var(--color-not-active-text) 25%, transparent)}
.active\:border-not-active-text\/30:active{border-color:color-mix(in oklab, var(--color-not-active-text) 30%, transparent)}
.active\:border-not-active-text\/40:active{border-color:color-mix(in oklab, var(--color-not-active-text) 40%, transparent)}
.active\:border-not-active-text\/50:active{border-color:color-mix(in oklab, var(--color-not-active-text) 50%, transparent)}
.active\:border-not-active-text\/60:active{border-color:color-mix(in oklab, var(--color-not-active-text) 60%, transparent)}
.active\:border-not-active-text\/70:active{border-color:color-mix(in oklab, var(--color-not-active-text) 70%, transparent)}
.active\:border-not-active-text\/80:active{border-color:color-mix(in oklab, var(--color-not-active-text) 80%, transparent)}
.active\:border-not-active-text\/90:active{border-color:color-mix(in oklab, var(--color-not-active-text) 90%, transparent)}
.active\:border-state-active\/5:active{border-color:color-mix(in oklab, var(--color-state-active) 5%, transparent)}
.active\:border-state-active\/10:active{border-color:color-mix(in oklab, var(--color-state-active) 10%, transparent)}
.active\:border-state-active\/15:active{border-color:color-mix(in oklab, var(--color-state-active) 15%, transparent)}
.active\:border-state-active\/20:active{border-color:color-mix(in oklab, var(--color-state-active) 20%, transparent)}
.active\:border-state-active\/25:active{border-color:color-mix(in oklab, var(--color-state-active) 25%, transparent)}
.active\:border-state-active\/30:active{border-color:color-mix(in oklab, var(--color-state-active) 30%, transparent)}
.active\:border-state-active\/40:active{border-color:color-mix(in oklab, var(--color-state-active) 40%, transparent)}
.active\:border-state-active\/50:active{border-color:color-mix(in oklab, var(--color-state-active) 50%, transparent)}
.active\:border-state-active\/60:active{border-color:color-mix(in oklab, var(--color-state-active) 60%, transparent)}
.active\:border-state-active\/70:active{border-color:color-mix(in oklab, var(--color-state-active) 70%, transparent)}
.active\:border-state-active\/80:active{border-color:color-mix(in oklab, var(--color-state-active) 80%, transparent)}
.active\:border-state-active\/90:active{border-color:color-mix(in oklab, var(--color-state-active) 90%, transparent)}
.active\:border-state-hover\/5:active{border-color:color-mix(in oklab, var(--color-state-hover) 5%, transparent)}
.active\:border-state-hover\/10:active{border-color:color-mix(in oklab, var(--color-state-hover) 10%, transparent)}
.active\:border-state-hover\/15:active{border-color:color-mix(in oklab, var(--color-state-hover) 15%, transparent)}
.active\:border-state-hover\/20:active{border-color:color-mix(in oklab, var(--color-state-hover) 20%, transparent)}
.active\:border-state-hover\/25:active{border-color:color-mix(in oklab, var(--color-state-hover) 25%, transparent)}
.active\:border-state-hover\/30:active{border-color:color-mix(in oklab, var(--color-state-hover) 30%, transparent)}
.active\:border-state-hover\/40:active{border-color:color-mix(in oklab, var(--color-state-hover) 40%, transparent)}
.active\:border-state-hover\/50:active{border-color:color-mix(in oklab, var(--color-state-hover) 50%, transparent)}
.active\:border-state-hover\/60:active{border-color:color-mix(in oklab, var(--color-state-hover) 60%, transparent)}
.active\:border-state-hover\/70:active{border-color:color-mix(in oklab, var(--color-state-hover) 70%, transparent)}
.active\:border-state-hover\/80:active{border-color:color-mix(in oklab, var(--color-state-hover) 80%, transparent)}
.active\:border-state-hover\/90:active{border-color:color-mix(in oklab, var(--color-state-hover) 90%, transparent)}
.active\:border-state-not-active\/5:active{border-color:color-mix(in oklab, var(--color-state-not-active) 5%, transparent)}
.active\:border-state-not-active\/10:active{border-color:color-mix(in oklab, var(--color-state-not-active) 10%, transparent)}
.active\:border-state-not-active\/15:active{border-color:color-mix(in oklab, var(--color-state-not-active) 15%, transparent)}
.active\:border-state-not-active\/20:active{border-color:color-mix(in oklab, var(--color-state-not-active) 20%, transparent)}
.active\:border-state-not-active\/25:active{border-color:color-mix(in oklab, var(--color-state-not-active) 25%, transparent)}
.active\:border-state-not-active\/30:active{border-color:color-mix(in oklab, var(--color-state-not-active) 30%, transparent)}
.active\:border-state-not-active\/40:active{border-color:color-mix(in oklab, var(--color-state-not-active) 40%, transparent)}
.active\:border-state-not-active\/50:active{border-color:color-mix(in oklab, var(--color-state-not-active) 50%, transparent)}
.active\:border-state-not-active\/60:active{border-color:color-mix(in oklab, var(--color-state-not-active) 60%, transparent)}
.active\:border-state-not-active\/70:active{border-color:color-mix(in oklab, var(--color-state-not-active) 70%, transparent)}
.active\:border-state-not-active\/80:active{border-color:color-mix(in oklab, var(--color-state-not-active) 80%, transparent)}
.active\:border-state-not-active\/90:active{border-color:color-mix(in oklab, var(--color-state-not-active) 90%, transparent)}
.active\:border-card-background\/5:active{border-color:color-mix(in oklab, var(--color-card-background) 5%, transparent)}
.active\:border-card-background\/10:active{border-color:color-mix(in oklab, var(--color-card-background) 10%, transparent)}
.active\:border-card-background\/15:active{border-color:color-mix(in oklab, var(--color-card-background) 15%, transparent)}
.active\:border-card-background\/20:active{border-color:color-mix(in oklab, var(--color-card-background) 20%, transparent)}
.active\:border-card-background\/25:active{border-color:color-mix(in oklab, var(--color-card-background) 25%, transparent)}
.active\:border-card-background\/30:active{border-color:color-mix(in oklab, var(--color-card-background) 30%, transparent)}
.active\:border-card-background\/40:active{border-color:color-mix(in oklab, var(--color-card-background) 40%, transparent)}
.active\:border-card-background\/50:active{border-color:color-mix(in oklab, var(--color-card-background) 50%, transparent)}
.active\:border-card-background\/60:active{border-color:color-mix(in oklab, var(--color-card-background) 60%, transparent)}
.active\:border-card-background\/70:active{border-color:color-mix(in oklab, var(--color-card-background) 70%, transparent)}
.active\:border-card-background\/80:active{border-color:color-mix(in oklab, var(--color-card-background) 80%, transparent)}
.active\:border-card-background\/90:active{border-color:color-mix(in oklab, var(--color-card-background) 90%, transparent)}
.active\:border-card-shadow\/5:active{border-color:color-mix(in oklab, var(--color-card-shadow) 5%, transparent)}
.active\:border-card-shadow\/10:active{border-color:color-mix(in oklab, var(--color-card-shadow) 10%, transparent)}
.active\:border-card-shadow\/15:active{border-color:color-mix(in oklab, var(--color-card-shadow) 15%, transparent)}
.active\:border-card-shadow\/20:active{border-color:color-mix(in oklab, var(--color-card-shadow) 20%, transparent)}
.active\:border-card-shadow\/25:active{border-color:color-mix(in oklab, var(--color-card-shadow) 25%, transparent)}
.active\:border-card-shadow\/30:active{border-color:color-mix(in oklab, var(--color-card-shadow) 30%, transparent)}
.active\:border-card-shadow\/40:active{border-color:color-mix(in oklab, var(--color-card-shadow) 40%, transparent)}
.active\:border-card-shadow\/50:active{border-color:color-mix(in oklab, var(--color-card-shadow) 50%, transparent)}
.active\:border-card-shadow\/60:active{border-color:color-mix(in oklab, var(--color-card-shadow) 60%, transparent)}
.active\:border-card-shadow\/70:active{border-color:color-mix(in oklab, var(--color-card-shadow) 70%, transparent)}
.active\:border-card-shadow\/80:active{border-color:color-mix(in oklab, var(--color-card-shadow) 80%, transparent)}
.active\:border-card-shadow\/90:active{border-color:color-mix(in oklab, var(--color-card-shadow) 90%, transparent)}
.active\:border-border\/5:active{border-color:color-mix(in oklab, var(--color-border) 5%, transparent)}
.active\:border-border\/10:active{border-color:color-mix(in oklab, var(--color-border) 10%, transparent)}
.active\:border-border\/15:active{border-color:color-mix(in oklab, var(--color-border) 15%, transparent)}
.active\:border-border\/20:active{border-color:color-mix(in oklab, var(--color-border) 20%, transparent)}
.active\:border-border\/25:active{border-color:color-mix(in oklab, var(--color-border) 25%, transparent)}
.active\:border-border\/30:active{border-color:color-mix(in oklab, var(--color-border) 30%, transparent)}
.active\:border-border\/40:active{border-color:color-mix(in oklab, var(--color-border) 40%, transparent)}
.active\:border-border\/50:active{border-color:color-mix(in oklab, var(--color-border) 50%, transparent)}
.active\:border-border\/60:active{border-color:color-mix(in oklab, var(--color-border) 60%, transparent)}
.active\:border-border\/70:active{border-color:color-mix(in oklab, var(--color-border) 70%, transparent)}
.active\:border-border\/80:active{border-color:color-mix(in oklab, var(--color-border) 80%, transparent)}
.active\:border-border\/90:active{border-color:color-mix(in oklab, var(--color-border) 90%, transparent)}
.active\:border-border-hover\/5:active{border-color:color-mix(in oklab, var(--color-border-hover) 5%, transparent)}
.active\:border-border-hover\/10:active{border-color:color-mix(in oklab, var(--color-border-hover) 10%, transparent)}
.active\:border-border-hover\/15:active{border-color:color-mix(in oklab, var(--color-border-hover) 15%, transparent)}
.active\:border-border-hover\/20:active{border-color:color-mix(in oklab, var(--color-border-hover) 20%, transparent)}
.active\:border-border-hover\/25:active{border-color:color-mix(in oklab, var(--color-border-hover) 25%, transparent)}
.active\:border-border-hover\/30:active{border-color:color-mix(in oklab, var(--color-border-hover) 30%, transparent)}
.active\:border-border-hover\/40:active{border-color:color-mix(in oklab, var(--color-border-hover) 40%, transparent)}
.active\:border-border-hover\/50:active{border-color:color-mix(in oklab, var(--color-border-hover) 50%, transparent)}
.active\:border-border-hover\/60:active{border-color:color-mix(in oklab, var(--color-border-hover) 60%, transparent)}
.active\:border-border-hover\/70:active{border-color:color-mix(in oklab, var(--color-border-hover) 70%, transparent)}
.active\:border-border-hover\/80:active{border-color:color-mix(in oklab, var(--color-border-hover) 80%, transparent)}
.active\:border-border-hover\/90:active{border-color:color-mix(in oklab, var(--color-border-hover) 90%, transparent)}
.active\:border-border-success\/5:active{border-color:color-mix(in oklab, var(--color-border-success) 5%, transparent)}
.active\:border-border-success\/10:active{border-color:color-mix(in oklab, var(--color-border-success) 10%, transparent)}
.active\:border-border-success\/15:active{border-color:color-mix(in oklab, var(--color-border-success) 15%, transparent)}
.active\:border-border-success\/20:active{border-color:color-mix(in oklab, var(--color-border-success) 20%, transparent)}
.active\:border-border-success\/25:active{border-color:color-mix(in oklab, var(--color-border-success) 25%, transparent)}
.active\:border-border-success\/30:active{border-color:color-mix(in oklab, var(--color-border-success) 30%, transparent)}
.active\:border-border-success\/40:active{border-color:color-mix(in oklab, var(--color-border-success) 40%, transparent)}
.active\:border-border-success\/50:active{border-color:color-mix(in oklab, var(--color-border-success) 50%, transparent)}
.active\:border-border-success\/60:active{border-color:color-mix(in oklab, var(--color-border-success) 60%, transparent)}
.active\:border-border-success\/70:active{border-color:color-mix(in oklab, var(--color-border-success) 70%, transparent)}
.active\:border-border-success\/80:active{border-color:color-mix(in oklab, var(--color-border-success) 80%, transparent)}
.active\:border-border-success\/90:active{border-color:color-mix(in oklab, var(--color-border-success) 90%, transparent)}
.active\:border-border-info\/5:active{border-color:color-mix(in oklab, var(--color-border-info) 5%, transparent)}
.active\:border-border-info\/10:active{border-color:color-mix(in oklab, var(--color-border-info) 10%, transparent)}
.active\:border-border-info\/15:active{border-color:color-mix(in oklab, var(--color-border-info) 15%, transparent)}
.active\:border-border-info\/20:active{border-color:color-mix(in oklab, var(--color-border-info) 20%, transparent)}
.active\:border-border-info\/25:active{border-color:color-mix(in oklab, var(--color-border-info) 25%, transparent)}
.active\:border-border-info\/30:active{border-color:color-mix(in oklab, var(--color-border-info) 30%, transparent)}
.active\:border-border-info\/40:active{border-color:color-mix(in oklab, var(--color-border-info) 40%, transparent)}
.active\:border-border-info\/50:active{border-color:color-mix(in oklab, var(--color-border-info) 50%, transparent)}
.active\:border-border-info\/60:active{border-color:color-mix(in oklab, var(--color-border-info) 60%, transparent)}
.active\:border-border-info\/70:active{border-color:color-mix(in oklab, var(--color-border-info) 70%, transparent)}
.active\:border-border-info\/80:active{border-color:color-mix(in oklab, var(--color-border-info) 80%, transparent)}
.active\:border-border-info\/90:active{border-color:color-mix(in oklab, var(--color-border-info) 90%, transparent)}
.active\:border-border-warning\/5:active{border-color:color-mix(in oklab, var(--color-border-warning) 5%, transparent)}
.active\:border-border-warning\/10:active{border-color:color-mix(in oklab, var(--color-border-warning) 10%, transparent)}
.active\:border-border-warning\/15:active{border-color:color-mix(in oklab, var(--color-border-warning) 15%, transparent)}
.active\:border-border-warning\/20:active{border-color:color-mix(in oklab, var(--color-border-warning) 20%, transparent)}
.active\:border-border-warning\/25:active{border-color:color-mix(in oklab, var(--color-border-warning) 25%, transparent)}
.active\:border-border-warning\/30:active{border-color:color-mix(in oklab, var(--color-border-warning) 30%, transparent)}
.active\:border-border-warning\/40:active{border-color:color-mix(in oklab, var(--color-border-warning) 40%, transparent)}
.active\:border-border-warning\/50:active{border-color:color-mix(in oklab, var(--color-border-warning) 50%, transparent)}
.active\:border-border-warning\/60:active{border-color:color-mix(in oklab, var(--color-border-warning) 60%, transparent)}
.active\:border-border-warning\/70:active{border-color:color-mix(in oklab, var(--color-border-warning) 70%, transparent)}
.active\:border-border-warning\/80:active{border-color:color-mix(in oklab, var(--color-border-warning) 80%, transparent)}
.active\:border-border-warning\/90:active{border-color:color-mix(in oklab, var(--color-border-warning) 90%, transparent)}
.active\:border-border-error\/5:active{border-color:color-mix(in oklab, var(--color-border-error) 5%, transparent)}
.active\:border-border-error\/10:active{border-color:color-mix(in oklab, var(--color-border-error) 10%, transparent)}
.active\:border-border-error\/15:active{border-color:color-mix(in oklab, var(--color-border-error) 15%, transparent)}
.active\:border-border-error\/20:active{border-color:color-mix(in oklab, var(--color-border-error) 20%, transparent)}
.active\:border-border-error\/25:active{border-color:color-mix(in oklab, var(--color-border-error) 25%, transparent)}
.active\:border-border-error\/30:active{border-color:color-mix(in oklab, var(--color-border-error) 30%, transparent)}
.active\:border-border-error\/40:active{border-color:color-mix(in oklab, var(--color-border-error) 40%, transparent)}
.active\:border-border-error\/50:active{border-color:color-mix(in oklab, var(--color-border-error) 50%, transparent)}
.active\:border-border-error\/60:active{border-color:color-mix(in oklab, var(--color-border-error) 60%, transparent)}
.active\:border-border-error\/70:active{border-color:color-mix(in oklab, var(--color-border-error) 70%, transparent)}
.active\:border-border-error\/80:active{border-color:color-mix(in oklab, var(--color-border-error) 80%, transparent)}
.active\:border-border-error\/90:active{border-color:color-mix(in oklab, var(--color-border-error) 90%, transparent)}
.active\:border-light-border\/5:active{border-color:color-mix(in oklab, var(--color-light-border) 5%, transparent)}
.active\:border-light-border\/10:active{border-color:color-mix(in oklab, var(--color-light-border) 10%, transparent)}
.active\:border-light-border\/15:active{border-color:color-mix(in oklab, var(--color-light-border) 15%, transparent)}
.active\:border-light-border\/20:active{border-color:color-mix(in oklab, var(--color-light-border) 20%, transparent)}
.active\:border-light-border\/25:active{border-color:color-mix(in oklab, var(--color-light-border) 25%, transparent)}
.active\:border-light-border\/30:active{border-color:color-mix(in oklab, var(--color-light-border) 30%, transparent)}
.active\:border-light-border\/40:active{border-color:color-mix(in oklab, var(--color-light-border) 40%, transparent)}
.active\:border-light-border\/50:active{border-color:color-mix(in oklab, var(--color-light-border) 50%, transparent)}
.active\:border-light-border\/60:active{border-color:color-mix(in oklab, var(--color-light-border) 60%, transparent)}
.active\:border-light-border\/70:active{border-color:color-mix(in oklab, var(--color-light-border) 70%, transparent)}
.active\:border-light-border\/80:active{border-color:color-mix(in oklab, var(--color-light-border) 80%, transparent)}
.active\:border-light-border\/90:active{border-color:color-mix(in oklab, var(--color-light-border) 90%, transparent)}
.active\:border-divider\/5:active{border-color:color-mix(in oklab, var(--color-divider) 5%, transparent)}
.active\:border-divider\/10:active{border-color:color-mix(in oklab, var(--color-divider) 10%, transparent)}
.active\:border-divider\/15:active{border-color:color-mix(in oklab, var(--color-divider) 15%, transparent)}
.active\:border-divider\/20:active{border-color:color-mix(in oklab, var(--color-divider) 20%, transparent)}
.active\:border-divider\/25:active{border-color:color-mix(in oklab, var(--color-divider) 25%, transparent)}
.active\:border-divider\/30:active{border-color:color-mix(in oklab, var(--color-divider) 30%, transparent)}
.active\:border-divider\/40:active{border-color:color-mix(in oklab, var(--color-divider) 40%, transparent)}
.active\:border-divider\/50:active{border-color:color-mix(in oklab, var(--color-divider) 50%, transparent)}
.active\:border-divider\/60:active{border-color:color-mix(in oklab, var(--color-divider) 60%, transparent)}
.active\:border-divider\/70:active{border-color:color-mix(in oklab, var(--color-divider) 70%, transparent)}
.active\:border-divider\/80:active{border-color:color-mix(in oklab, var(--color-divider) 80%, transparent)}
.active\:border-divider\/90:active{border-color:color-mix(in oklab, var(--color-divider) 90%, transparent)}
.active\:border-success\/5:active{border-color:color-mix(in oklab, var(--color-success) 5%, transparent)}
.active\:border-success\/10:active{border-color:color-mix(in oklab, var(--color-success) 10%, transparent)}
.active\:border-success\/15:active{border-color:color-mix(in oklab, var(--color-success) 15%, transparent)}
.active\:border-success\/20:active{border-color:color-mix(in oklab, var(--color-success) 20%, transparent)}
.active\:border-success\/25:active{border-color:color-mix(in oklab, var(--color-success) 25%, transparent)}
.active\:border-success\/30:active{border-color:color-mix(in oklab, var(--color-success) 30%, transparent)}
.active\:border-success\/40:active{border-color:color-mix(in oklab, var(--color-success) 40%, transparent)}
.active\:border-success\/50:active{border-color:color-mix(in oklab, var(--color-success) 50%, transparent)}
.active\:border-success\/60:active{border-color:color-mix(in oklab, var(--color-success) 60%, transparent)}
.active\:border-success\/70:active{border-color:color-mix(in oklab, var(--color-success) 70%, transparent)}
.active\:border-success\/80:active{border-color:color-mix(in oklab, var(--color-success) 80%, transparent)}
.active\:border-success\/90:active{border-color:color-mix(in oklab, var(--color-success) 90%, transparent)}
.active\:border-error\/5:active{border-color:color-mix(in oklab, var(--color-error) 5%, transparent)}
.active\:border-error\/10:active{border-color:color-mix(in oklab, var(--color-error) 10%, transparent)}
.active\:border-error\/15:active{border-color:color-mix(in oklab, var(--color-error) 15%, transparent)}
.active\:border-error\/20:active{border-color:color-mix(in oklab, var(--color-error) 20%, transparent)}
.active\:border-error\/25:active{border-color:color-mix(in oklab, var(--color-error) 25%, transparent)}
.active\:border-error\/30:active{border-color:color-mix(in oklab, var(--color-error) 30%, transparent)}
.active\:border-error\/40:active{border-color:color-mix(in oklab, var(--color-error) 40%, transparent)}
.active\:border-error\/50:active{border-color:color-mix(in oklab, var(--color-error) 50%, transparent)}
.active\:border-error\/60:active{border-color:color-mix(in oklab, var(--color-error) 60%, transparent)}
.active\:border-error\/70:active{border-color:color-mix(in oklab, var(--color-error) 70%, transparent)}
.active\:border-error\/80:active{border-color:color-mix(in oklab, var(--color-error) 80%, transparent)}
.active\:border-error\/90:active{border-color:color-mix(in oklab, var(--color-error) 90%, transparent)}
.active\:border-error-hover\/5:active{border-color:color-mix(in oklab, var(--color-error-hover) 5%, transparent)}
.active\:border-error-hover\/10:active{border-color:color-mix(in oklab, var(--color-error-hover) 10%, transparent)}
.active\:border-error-hover\/15:active{border-color:color-mix(in oklab, var(--color-error-hover) 15%, transparent)}
.active\:border-error-hover\/20:active{border-color:color-mix(in oklab, var(--color-error-hover) 20%, transparent)}
.active\:border-error-hover\/25:active{border-color:color-mix(in oklab, var(--color-error-hover) 25%, transparent)}
.active\:border-error-hover\/30:active{border-color:color-mix(in oklab, var(--color-error-hover) 30%, transparent)}
.active\:border-error-hover\/40:active{border-color:color-mix(in oklab, var(--color-error-hover) 40%, transparent)}
.active\:border-error-hover\/50:active{border-color:color-mix(in oklab, var(--color-error-hover) 50%, transparent)}
.active\:border-error-hover\/60:active{border-color:color-mix(in oklab, var(--color-error-hover) 60%, transparent)}
.active\:border-error-hover\/70:active{border-color:color-mix(in oklab, var(--color-error-hover) 70%, transparent)}
.active\:border-error-hover\/80:active{border-color:color-mix(in oklab, var(--color-error-hover) 80%, transparent)}
.active\:border-error-hover\/90:active{border-color:color-mix(in oklab, var(--color-error-hover) 90%, transparent)}
.active\:border-warning\/5:active{border-color:color-mix(in oklab, var(--color-warning) 5%, transparent)}
.active\:border-warning\/10:active{border-color:color-mix(in oklab, var(--color-warning) 10%, transparent)}
.active\:border-warning\/15:active{border-color:color-mix(in oklab, var(--color-warning) 15%, transparent)}
.active\:border-warning\/20:active{border-color:color-mix(in oklab, var(--color-warning) 20%, transparent)}
.active\:border-warning\/25:active{border-color:color-mix(in oklab, var(--color-warning) 25%, transparent)}
.active\:border-warning\/30:active{border-color:color-mix(in oklab, var(--color-warning) 30%, transparent)}
.active\:border-warning\/40:active{border-color:color-mix(in oklab, var(--color-warning) 40%, transparent)}
.active\:border-warning\/50:active{border-color:color-mix(in oklab, var(--color-warning) 50%, transparent)}
.active\:border-warning\/60:active{border-color:color-mix(in oklab, var(--color-warning) 60%, transparent)}
.active\:border-warning\/70:active{border-color:color-mix(in oklab, var(--color-warning) 70%, transparent)}
.active\:border-warning\/80:active{border-color:color-mix(in oklab, var(--color-warning) 80%, transparent)}
.active\:border-warning\/90:active{border-color:color-mix(in oklab, var(--color-warning) 90%, transparent)}
.active\:border-info\/5:active{border-color:color-mix(in oklab, var(--color-info) 5%, transparent)}
.active\:border-info\/10:active{border-color:color-mix(in oklab, var(--color-info) 10%, transparent)}
.active\:border-info\/15:active{border-color:color-mix(in oklab, var(--color-info) 15%, transparent)}
.active\:border-info\/20:active{border-color:color-mix(in oklab, var(--color-info) 20%, transparent)}
.active\:border-info\/25:active{border-color:color-mix(in oklab, var(--color-info) 25%, transparent)}
.active\:border-info\/30:active{border-color:color-mix(in oklab, var(--color-info) 30%, transparent)}
.active\:border-info\/40:active{border-color:color-mix(in oklab, var(--color-info) 40%, transparent)}
.active\:border-info\/50:active{border-color:color-mix(in oklab, var(--color-info) 50%, transparent)}
.active\:border-info\/60:active{border-color:color-mix(in oklab, var(--color-info) 60%, transparent)}
.active\:border-info\/70:active{border-color:color-mix(in oklab, var(--color-info) 70%, transparent)}
.active\:border-info\/80:active{border-color:color-mix(in oklab, var(--color-info) 80%, transparent)}
.active\:border-info\/90:active{border-color:color-mix(in oklab, var(--color-info) 90%, transparent)}
.active\:border-bg-success\/5:active{border-color:color-mix(in oklab, var(--color-bg-success) 5%, transparent)}
.active\:border-bg-success\/10:active{border-color:color-mix(in oklab, var(--color-bg-success) 10%, transparent)}
.active\:border-bg-success\/15:active{border-color:color-mix(in oklab, var(--color-bg-success) 15%, transparent)}
.active\:border-bg-success\/20:active{border-color:color-mix(in oklab, var(--color-bg-success) 20%, transparent)}
.active\:border-bg-success\/25:active{border-color:color-mix(in oklab, var(--color-bg-success) 25%, transparent)}
.active\:border-bg-success\/30:active{border-color:color-mix(in oklab, var(--color-bg-success) 30%, transparent)}
.active\:border-bg-success\/40:active{border-color:color-mix(in oklab, var(--color-bg-success) 40%, transparent)}
.active\:border-bg-success\/50:active{border-color:color-mix(in oklab, var(--color-bg-success) 50%, transparent)}
.active\:border-bg-success\/60:active{border-color:color-mix(in oklab, var(--color-bg-success) 60%, transparent)}
.active\:border-bg-success\/70:active{border-color:color-mix(in oklab, var(--color-bg-success) 70%, transparent)}
.active\:border-bg-success\/80:active{border-color:color-mix(in oklab, var(--color-bg-success) 80%, transparent)}
.active\:border-bg-success\/90:active{border-color:color-mix(in oklab, var(--color-bg-success) 90%, transparent)}
.active\:border-bg-error\/5:active{border-color:color-mix(in oklab, var(--color-bg-error) 5%, transparent)}
.active\:border-bg-error\/10:active{border-color:color-mix(in oklab, var(--color-bg-error) 10%, transparent)}
.active\:border-bg-error\/15:active{border-color:color-mix(in oklab, var(--color-bg-error) 15%, transparent)}
.active\:border-bg-error\/20:active{border-color:color-mix(in oklab, var(--color-bg-error) 20%, transparent)}
.active\:border-bg-error\/25:active{border-color:color-mix(in oklab, var(--color-bg-error) 25%, transparent)}
.active\:border-bg-error\/30:active{border-color:color-mix(in oklab, var(--color-bg-error) 30%, transparent)}
.active\:border-bg-error\/40:active{border-color:color-mix(in oklab, var(--color-bg-error) 40%, transparent)}
.active\:border-bg-error\/50:active{border-color:color-mix(in oklab, var(--color-bg-error) 50%, transparent)}
.active\:border-bg-error\/60:active{border-color:color-mix(in oklab, var(--color-bg-error) 60%, transparent)}
.active\:border-bg-error\/70:active{border-color:color-mix(in oklab, var(--color-bg-error) 70%, transparent)}
.active\:border-bg-error\/80:active{border-color:color-mix(in oklab, var(--color-bg-error) 80%, transparent)}
.active\:border-bg-error\/90:active{border-color:color-mix(in oklab, var(--color-bg-error) 90%, transparent)}
.active\:border-bg-warning\/5:active{border-color:color-mix(in oklab, var(--color-bg-warning) 5%, transparent)}
.active\:border-bg-warning\/10:active{border-color:color-mix(in oklab, var(--color-bg-warning) 10%, transparent)}
.active\:border-bg-warning\/15:active{border-color:color-mix(in oklab, var(--color-bg-warning) 15%, transparent)}
.active\:border-bg-warning\/20:active{border-color:color-mix(in oklab, var(--color-bg-warning) 20%, transparent)}
.active\:border-bg-warning\/25:active{border-color:color-mix(in oklab, var(--color-bg-warning) 25%, transparent)}
.active\:border-bg-warning\/30:active{border-color:color-mix(in oklab, var(--color-bg-warning) 30%, transparent)}
.active\:border-bg-warning\/40:active{border-color:color-mix(in oklab, var(--color-bg-warning) 40%, transparent)}
.active\:border-bg-warning\/50:active{border-color:color-mix(in oklab, var(--color-bg-warning) 50%, transparent)}
.active\:border-bg-warning\/60:active{border-color:color-mix(in oklab, var(--color-bg-warning) 60%, transparent)}
.active\:border-bg-warning\/70:active{border-color:color-mix(in oklab, var(--color-bg-warning) 70%, transparent)}
.active\:border-bg-warning\/80:active{border-color:color-mix(in oklab, var(--color-bg-warning) 80%, transparent)}
.active\:border-bg-warning\/90:active{border-color:color-mix(in oklab, var(--color-bg-warning) 90%, transparent)}
.active\:border-bg-info\/5:active{border-color:color-mix(in oklab, var(--color-bg-info) 5%, transparent)}
.active\:border-bg-info\/10:active{border-color:color-mix(in oklab, var(--color-bg-info) 10%, transparent)}
.active\:border-bg-info\/15:active{border-color:color-mix(in oklab, var(--color-bg-info) 15%, transparent)}
.active\:border-bg-info\/20:active{border-color:color-mix(in oklab, var(--color-bg-info) 20%, transparent)}
.active\:border-bg-info\/25:active{border-color:color-mix(in oklab, var(--color-bg-info) 25%, transparent)}
.active\:border-bg-info\/30:active{border-color:color-mix(in oklab, var(--color-bg-info) 30%, transparent)}
.active\:border-bg-info\/40:active{border-color:color-mix(in oklab, var(--color-bg-info) 40%, transparent)}
.active\:border-bg-info\/50:active{border-color:color-mix(in oklab, var(--color-bg-info) 50%, transparent)}
.active\:border-bg-info\/60:active{border-color:color-mix(in oklab, var(--color-bg-info) 60%, transparent)}
.active\:border-bg-info\/70:active{border-color:color-mix(in oklab, var(--color-bg-info) 70%, transparent)}
.active\:border-bg-info\/80:active{border-color:color-mix(in oklab, var(--color-bg-info) 80%, transparent)}
.active\:border-bg-info\/90:active{border-color:color-mix(in oklab, var(--color-bg-info) 90%, transparent)}
.active\:border-title-start\/5:active{border-color:color-mix(in oklab, var(--color-title-start) 5%, transparent)}
.active\:border-title-start\/10:active{border-color:color-mix(in oklab, var(--color-title-start) 10%, transparent)}
.active\:border-title-start\/15:active{border-color:color-mix(in oklab, var(--color-title-start) 15%, transparent)}
.active\:border-title-start\/20:active{border-color:color-mix(in oklab, var(--color-title-start) 20%, transparent)}
.active\:border-title-start\/25:active{border-color:color-mix(in oklab, var(--color-title-start) 25%, transparent)}
.active\:border-title-start\/30:active{border-color:color-mix(in oklab, var(--color-title-start) 30%, transparent)}
.active\:border-title-start\/40:active{border-color:color-mix(in oklab, var(--color-title-start) 40%, transparent)}
.active\:border-title-start\/50:active{border-color:color-mix(in oklab, var(--color-title-start) 50%, transparent)}
.active\:border-title-start\/60:active{border-color:color-mix(in oklab, var(--color-title-start) 60%, transparent)}
.active\:border-title-start\/70:active{border-color:color-mix(in oklab, var(--color-title-start) 70%, transparent)}
.active\:border-title-start\/80:active{border-color:color-mix(in oklab, var(--color-title-start) 80%, transparent)}
.active\:border-title-start\/90:active{border-color:color-mix(in oklab, var(--color-title-start) 90%, transparent)}
.active\:border-title-end\/5:active{border-color:color-mix(in oklab, var(--color-title-end) 5%, transparent)}
.active\:border-title-end\/10:active{border-color:color-mix(in oklab, var(--color-title-end) 10%, transparent)}
.active\:border-title-end\/15:active{border-color:color-mix(in oklab, var(--color-title-end) 15%, transparent)}
.active\:border-title-end\/20:active{border-color:color-mix(in oklab, var(--color-title-end) 20%, transparent)}
.active\:border-title-end\/25:active{border-color:color-mix(in oklab, var(--color-title-end) 25%, transparent)}
.active\:border-title-end\/30:active{border-color:color-mix(in oklab, var(--color-title-end) 30%, transparent)}
.active\:border-title-end\/40:active{border-color:color-mix(in oklab, var(--color-title-end) 40%, transparent)}
.active\:border-title-end\/50:active{border-color:color-mix(in oklab, var(--color-title-end) 50%, transparent)}
.active\:border-title-end\/60:active{border-color:color-mix(in oklab, var(--color-title-end) 60%, transparent)}
.active\:border-title-end\/70:active{border-color:color-mix(in oklab, var(--color-title-end) 70%, transparent)}
.active\:border-title-end\/80:active{border-color:color-mix(in oklab, var(--color-title-end) 80%, transparent)}
.active\:border-title-end\/90:active{border-color:color-mix(in oklab, var(--color-title-end) 90%, transparent)}
.active\:border-bg-start\/5:active{border-color:color-mix(in oklab, var(--color-bg-start) 5%, transparent)}
.active\:border-bg-start\/10:active{border-color:color-mix(in oklab, var(--color-bg-start) 10%, transparent)}
.active\:border-bg-start\/15:active{border-color:color-mix(in oklab, var(--color-bg-start) 15%, transparent)}
.active\:border-bg-start\/20:active{border-color:color-mix(in oklab, var(--color-bg-start) 20%, transparent)}
.active\:border-bg-start\/25:active{border-color:color-mix(in oklab, var(--color-bg-start) 25%, transparent)}
.active\:border-bg-start\/30:active{border-color:color-mix(in oklab, var(--color-bg-start) 30%, transparent)}
.active\:border-bg-start\/40:active{border-color:color-mix(in oklab, var(--color-bg-start) 40%, transparent)}
.active\:border-bg-start\/50:active{border-color:color-mix(in oklab, var(--color-bg-start) 50%, transparent)}
.active\:border-bg-start\/60:active{border-color:color-mix(in oklab, var(--color-bg-start) 60%, transparent)}
.active\:border-bg-start\/70:active{border-color:color-mix(in oklab, var(--color-bg-start) 70%, transparent)}
.active\:border-bg-start\/80:active{border-color:color-mix(in oklab, var(--color-bg-start) 80%, transparent)}
.active\:border-bg-start\/90:active{border-color:color-mix(in oklab, var(--color-bg-start) 90%, transparent)}
.active\:border-bg-end\/5:active{border-color:color-mix(in oklab, var(--color-bg-end) 5%, transparent)}
.active\:border-bg-end\/10:active{border-color:color-mix(in oklab, var(--color-bg-end) 10%, transparent)}
.active\:border-bg-end\/15:active{border-color:color-mix(in oklab, var(--color-bg-end) 15%, transparent)}
.active\:border-bg-end\/20:active{border-color:color-mix(in oklab, var(--color-bg-end) 20%, transparent)}
.active\:border-bg-end\/25:active{border-color:color-mix(in oklab, var(--color-bg-end) 25%, transparent)}
.active\:border-bg-end\/30:active{border-color:color-mix(in oklab, var(--color-bg-end) 30%, transparent)}
.active\:border-bg-end\/40:active{border-color:color-mix(in oklab, var(--color-bg-end) 40%, transparent)}
.active\:border-bg-end\/50:active{border-color:color-mix(in oklab, var(--color-bg-end) 50%, transparent)}
.active\:border-bg-end\/60:active{border-color:color-mix(in oklab, var(--color-bg-end) 60%, transparent)}
.active\:border-bg-end\/70:active{border-color:color-mix(in oklab, var(--color-bg-end) 70%, transparent)}
.active\:border-bg-end\/80:active{border-color:color-mix(in oklab, var(--color-bg-end) 80%, transparent)}
.active\:border-bg-end\/90:active{border-color:color-mix(in oklab, var(--color-bg-end) 90%, transparent)}
.active\:border-primary-content\/5:active{border-color:color-mix(in oklab, var(--color-primary-content) 5%, transparent)}
.active\:border-primary-content\/10:active{border-color:color-mix(in oklab, var(--color-primary-content) 10%, transparent)}
.active\:border-primary-content\/15:active{border-color:color-mix(in oklab, var(--color-primary-content) 15%, transparent)}
.active\:border-primary-content\/20:active{border-color:color-mix(in oklab, var(--color-primary-content) 20%, transparent)}
.active\:border-primary-content\/25:active{border-color:color-mix(in oklab, var(--color-primary-content) 25%, transparent)}
.active\:border-primary-content\/30:active{border-color:color-mix(in oklab, var(--color-primary-content) 30%, transparent)}
.active\:border-primary-content\/40:active{border-color:color-mix(in oklab, var(--color-primary-content) 40%, transparent)}
.active\:border-primary-content\/50:active{border-color:color-mix(in oklab, var(--color-primary-content) 50%, transparent)}
.active\:border-primary-content\/60:active{border-color:color-mix(in oklab, var(--color-primary-content) 60%, transparent)}
.active\:border-primary-content\/70:active{border-color:color-mix(in oklab, var(--color-primary-content) 70%, transparent)}
.active\:border-primary-content\/80:active{border-color:color-mix(in oklab, var(--color-primary-content) 80%, transparent)}
.active\:border-primary-content\/90:active{border-color:color-mix(in oklab, var(--color-primary-content) 90%, transparent)}
.active\:border-secondary-content\/5:active{border-color:color-mix(in oklab, var(--color-secondary-content) 5%, transparent)}
.active\:border-secondary-content\/10:active{border-color:color-mix(in oklab, var(--color-secondary-content) 10%, transparent)}
.active\:border-secondary-content\/15:active{border-color:color-mix(in oklab, var(--color-secondary-content) 15%, transparent)}
.active\:border-secondary-content\/20:active{border-color:color-mix(in oklab, var(--color-secondary-content) 20%, transparent)}
.active\:border-secondary-content\/25:active{border-color:color-mix(in oklab, var(--color-secondary-content) 25%, transparent)}
.active\:border-secondary-content\/30:active{border-color:color-mix(in oklab, var(--color-secondary-content) 30%, transparent)}
.active\:border-secondary-content\/40:active{border-color:color-mix(in oklab, var(--color-secondary-content) 40%, transparent)}
.active\:border-secondary-content\/50:active{border-color:color-mix(in oklab, var(--color-secondary-content) 50%, transparent)}
.active\:border-secondary-content\/60:active{border-color:color-mix(in oklab, var(--color-secondary-content) 60%, transparent)}
.active\:border-secondary-content\/70:active{border-color:color-mix(in oklab, var(--color-secondary-content) 70%, transparent)}
.active\:border-secondary-content\/80:active{border-color:color-mix(in oklab, var(--color-secondary-content) 80%, transparent)}
.active\:border-secondary-content\/90:active{border-color:color-mix(in oklab, var(--color-secondary-content) 90%, transparent)}
.active\:border-base-100\/5:active{border-color:color-mix(in oklab, var(--color-base-100) 5%, transparent)}
.active\:border-base-100\/10:active{border-color:color-mix(in oklab, var(--color-base-100) 10%, transparent)}
.active\:border-base-100\/15:active{border-color:color-mix(in oklab, var(--color-base-100) 15%, transparent)}
.active\:border-base-100\/20:active{border-color:color-mix(in oklab, var(--color-base-100) 20%, transparent)}
.active\:border-base-100\/25:active{border-color:color-mix(in oklab, var(--color-base-100) 25%, transparent)}
.active\:border-base-100\/30:active{border-color:color-mix(in oklab, var(--color-base-100) 30%, transparent)}
.active\:border-base-100\/40:active{border-color:color-mix(in oklab, var(--color-base-100) 40%, transparent)}
.active\:border-base-100\/50:active{border-color:color-mix(in oklab, var(--color-base-100) 50%, transparent)}
.active\:border-base-100\/60:active{border-color:color-mix(in oklab, var(--color-base-100) 60%, transparent)}
.active\:border-base-100\/70:active{border-color:color-mix(in oklab, var(--color-base-100) 70%, transparent)}
.active\:border-base-100\/80:active{border-color:color-mix(in oklab, var(--color-base-100) 80%, transparent)}
.active\:border-base-100\/90:active{border-color:color-mix(in oklab, var(--color-base-100) 90%, transparent)}
.active\:border-base-200\/5:active{border-color:color-mix(in oklab, var(--color-base-200) 5%, transparent)}
.active\:border-base-200\/10:active{border-color:color-mix(in oklab, var(--color-base-200) 10%, transparent)}
.active\:border-base-200\/15:active{border-color:color-mix(in oklab, var(--color-base-200) 15%, transparent)}
.active\:border-base-200\/20:active{border-color:color-mix(in oklab, var(--color-base-200) 20%, transparent)}
.active\:border-base-200\/25:active{border-color:color-mix(in oklab, var(--color-base-200) 25%, transparent)}
.active\:border-base-200\/30:active{border-color:color-mix(in oklab, var(--color-base-200) 30%, transparent)}
.active\:border-base-200\/40:active{border-color:color-mix(in oklab, var(--color-base-200) 40%, transparent)}
.active\:border-base-200\/50:active{border-color:color-mix(in oklab, var(--color-base-200) 50%, transparent)}
.active\:border-base-200\/60:active{border-color:color-mix(in oklab, var(--color-base-200) 60%, transparent)}
.active\:border-base-200\/70:active{border-color:color-mix(in oklab, var(--color-base-200) 70%, transparent)}
.active\:border-base-200\/80:active{border-color:color-mix(in oklab, var(--color-base-200) 80%, transparent)}
.active\:border-base-200\/90:active{border-color:color-mix(in oklab, var(--color-base-200) 90%, transparent)}
.active\:border-base-300\/5:active{border-color:color-mix(in oklab, var(--color-base-300) 5%, transparent)}
.active\:border-base-300\/10:active{border-color:color-mix(in oklab, var(--color-base-300) 10%, transparent)}
.active\:border-base-300\/15:active{border-color:color-mix(in oklab, var(--color-base-300) 15%, transparent)}
.active\:border-base-300\/20:active{border-color:color-mix(in oklab, var(--color-base-300) 20%, transparent)}
.active\:border-base-300\/25:active{border-color:color-mix(in oklab, var(--color-base-300) 25%, transparent)}
.active\:border-base-300\/30:active{border-color:color-mix(in oklab, var(--color-base-300) 30%, transparent)}
.active\:border-base-300\/40:active{border-color:color-mix(in oklab, var(--color-base-300) 40%, transparent)}
.active\:border-base-300\/50:active{border-color:color-mix(in oklab, var(--color-base-300) 50%, transparent)}
.active\:border-base-300\/60:active{border-color:color-mix(in oklab, var(--color-base-300) 60%, transparent)}
.active\:border-base-300\/70:active{border-color:color-mix(in oklab, var(--color-base-300) 70%, transparent)}
.active\:border-base-300\/80:active{border-color:color-mix(in oklab, var(--color-base-300) 80%, transparent)}
.active\:border-base-300\/90:active{border-color:color-mix(in oklab, var(--color-base-300) 90%, transparent)}
.active\:border-base-content\/5:active{border-color:color-mix(in oklab, var(--color-base-content) 5%, transparent)}
.active\:border-base-content\/10:active{border-color:color-mix(in oklab, var(--color-base-content) 10%, transparent)}
.active\:border-base-content\/15:active{border-color:color-mix(in oklab, var(--color-base-content) 15%, transparent)}
.active\:border-base-content\/20:active{border-color:color-mix(in oklab, var(--color-base-content) 20%, transparent)}
.active\:border-base-content\/25:active{border-color:color-mix(in oklab, var(--color-base-content) 25%, transparent)}
.active\:border-base-content\/30:active{border-color:color-mix(in oklab, var(--color-base-content) 30%, transparent)}
.active\:border-base-content\/40:active{border-color:color-mix(in oklab, var(--color-base-content) 40%, transparent)}
.active\:border-base-content\/50:active{border-color:color-mix(in oklab, var(--color-base-content) 50%, transparent)}
.active\:border-base-content\/60:active{border-color:color-mix(in oklab, var(--color-base-content) 60%, transparent)}
.active\:border-base-content\/70:active{border-color:color-mix(in oklab, var(--color-base-content) 70%, transparent)}
.active\:border-base-content\/80:active{border-color:color-mix(in oklab, var(--color-base-content) 80%, transparent)}
.active\:border-base-content\/90:active{border-color:color-mix(in oklab, var(--color-base-content) 90%, transparent)}
.active\:border-white\/5:active{border-color:color-mix(in oklab, var(--color-white) 5%, transparent)}
.active\:border-white\/10:active{border-color:color-mix(in oklab, var(--color-white) 10%, transparent)}
.active\:border-white\/15:active{border-color:color-mix(in oklab, var(--color-white) 15%, transparent)}
.active\:border-white\/20:active{border-color:color-mix(in oklab, var(--color-white) 20%, transparent)}
.active\:border-white\/25:active{border-color:color-mix(in oklab, var(--color-white) 25%, transparent)}
.active\:border-white\/30:active{border-color:color-mix(in oklab, var(--color-white) 30%, transparent)}
.active\:border-white\/40:active{border-color:color-mix(in oklab, var(--color-white) 40%, transparent)}
.active\:border-white\/50:active{border-color:color-mix(in oklab, var(--color-white) 50%, transparent)}
.active\:border-white\/60:active{border-color:color-mix(in oklab, var(--color-white) 60%, transparent)}
.active\:border-white\/70:active{border-color:color-mix(in oklab, var(--color-white) 70%, transparent)}
.active\:border-white\/80:active{border-color:color-mix(in oklab, var(--color-white) 80%, transparent)}
.active\:border-white\/90:active{border-color:color-mix(in oklab, var(--color-white) 90%, transparent)}
.active\:border-black\/5:active{border-color:color-mix(in oklab, var(--color-black) 5%, transparent)}
.active\:border-black\/10:active{border-color:color-mix(in oklab, var(--color-black) 10%, transparent)}
.active\:border-black\/15:active{border-color:color-mix(in oklab, var(--color-black) 15%, transparent)}
.active\:border-black\/20:active{border-color:color-mix(in oklab, var(--color-black) 20%, transparent)}
.active\:border-black\/25:active{border-color:color-mix(in oklab, var(--color-black) 25%, transparent)}
.active\:border-black\/30:active{border-color:color-mix(in oklab, var(--color-black) 30%, transparent)}
.active\:border-black\/40:active{border-color:color-mix(in oklab, var(--color-black) 40%, transparent)}
.active\:border-black\/50:active{border-color:color-mix(in oklab, var(--color-black) 50%, transparent)}
.active\:border-black\/60:active{border-color:color-mix(in oklab, var(--color-black) 60%, transparent)}
.active\:border-black\/70:active{border-color:color-mix(in oklab, var(--color-black) 70%, transparent)}
.active\:border-black\/80:active{border-color:color-mix(in oklab, var(--color-black) 80%, transparent)}
.active\:border-black\/90:active{border-color:color-mix(in oklab, var(--color-black) 90%, transparent)}
.focus-visible\:bg-primary\/5:focus-visible{background-color:color-mix(in oklab, var(--color-primary) 5%, transparent)}
.focus-visible\:bg-primary\/10:focus-visible{background-color:color-mix(in oklab, var(--color-primary) 10%, transparent)}
.focus-visible\:bg-primary\/15:focus-visible{background-color:color-mix(in oklab, var(--color-primary) 15%, transparent)}
.focus-visible\:bg-primary\/20:focus-visible{background-color:color-mix(in oklab, var(--color-primary) 20%, transparent)}
.focus-visible\:bg-primary\/25:focus-visible{background-color:color-mix(in oklab, var(--color-primary) 25%, transparent)}
.focus-visible\:bg-primary\/30:focus-visible{background-color:color-mix(in oklab, var(--color-primary) 30%, transparent)}
.focus-visible\:bg-primary\/40:focus-visible{background-color:color-mix(in oklab, var(--color-primary) 40%, transparent)}
.focus-visible\:bg-primary\/50:focus-visible{background-color:color-mix(in oklab, var(--color-primary) 50%, transparent)}
.focus-visible\:bg-primary\/60:focus-visible{background-color:color-mix(in oklab, var(--color-primary) 60%, transparent)}
.focus-visible\:bg-primary\/70:focus-visible{background-color:color-mix(in oklab, var(--color-primary) 70%, transparent)}
.focus-visible\:bg-primary\/80:focus-visible{background-color:color-mix(in oklab, var(--color-primary) 80%, transparent)}
.focus-visible\:bg-primary\/90:focus-visible{background-color:color-mix(in oklab, var(--color-primary) 90%, transparent)}
.focus-visible\:bg-secondary\/5:focus-visible{background-color:color-mix(in oklab, var(--color-secondary) 5%, transparent)}
.focus-visible\:bg-secondary\/10:focus-visible{background-color:color-mix(in oklab, var(--color-secondary) 10%, transparent)}
.focus-visible\:bg-secondary\/15:focus-visible{background-color:color-mix(in oklab, var(--color-secondary) 15%, transparent)}
.focus-visible\:bg-secondary\/20:focus-visible{background-color:color-mix(in oklab, var(--color-secondary) 20%, transparent)}
.focus-visible\:bg-secondary\/25:focus-visible{background-color:color-mix(in oklab, var(--color-secondary) 25%, transparent)}
.focus-visible\:bg-secondary\/30:focus-visible{background-color:color-mix(in oklab, var(--color-secondary) 30%, transparent)}
.focus-visible\:bg-secondary\/40:focus-visible{background-color:color-mix(in oklab, var(--color-secondary) 40%, transparent)}
.focus-visible\:bg-secondary\/50:focus-visible{background-color:color-mix(in oklab, var(--color-secondary) 50%, transparent)}
.focus-visible\:bg-secondary\/60:focus-visible{background-color:color-mix(in oklab, var(--color-secondary) 60%, transparent)}
.focus-visible\:bg-secondary\/70:focus-visible{background-color:color-mix(in oklab, var(--color-secondary) 70%, transparent)}
.focus-visible\:bg-secondary\/80:focus-visible{background-color:color-mix(in oklab, var(--color-secondary) 80%, transparent)}
.focus-visible\:bg-secondary\/90:focus-visible{background-color:color-mix(in oklab, var(--color-secondary) 90%, transparent)}
.focus-visible\:bg-background\/5:focus-visible{background-color:color-mix(in oklab, var(--color-background) 5%, transparent)}
.focus-visible\:bg-background\/10:focus-visible{background-color:color-mix(in oklab, var(--color-background) 10%, transparent)}
.focus-visible\:bg-background\/15:focus-visible{background-color:color-mix(in oklab, var(--color-background) 15%, transparent)}
.focus-visible\:bg-background\/20:focus-visible{background-color:color-mix(in oklab, var(--color-background) 20%, transparent)}
.focus-visible\:bg-background\/25:focus-visible{background-color:color-mix(in oklab, var(--color-background) 25%, transparent)}
.focus-visible\:bg-background\/30:focus-visible{background-color:color-mix(in oklab, var(--color-background) 30%, transparent)}
.focus-visible\:bg-background\/40:focus-visible{background-color:color-mix(in oklab, var(--color-background) 40%, transparent)}
.focus-visible\:bg-background\/50:focus-visible{background-color:color-mix(in oklab, var(--color-background) 50%, transparent)}
.focus-visible\:bg-background\/60:focus-visible{background-color:color-mix(in oklab, var(--color-background) 60%, transparent)}
.focus-visible\:bg-background\/70:focus-visible{background-color:color-mix(in oklab, var(--color-background) 70%, transparent)}
.focus-visible\:bg-background\/80:focus-visible{background-color:color-mix(in oklab, var(--color-background) 80%, transparent)}
.focus-visible\:bg-background\/90:focus-visible{background-color:color-mix(in oklab, var(--color-background) 90%, transparent)}
.focus-visible\:bg-transparent\/5:focus-visible{background-color:color-mix(in oklab, var(--color-transparent) 5%, transparent)}
.focus-visible\:bg-transparent\/10:focus-visible{background-color:color-mix(in oklab, var(--color-transparent) 10%, transparent)}
.focus-visible\:bg-transparent\/15:focus-visible{background-color:color-mix(in oklab, var(--color-transparent) 15%, transparent)}
.focus-visible\:bg-transparent\/20:focus-visible{background-color:color-mix(in oklab, var(--color-transparent) 20%, transparent)}
.focus-visible\:bg-transparent\/25:focus-visible{background-color:color-mix(in oklab, var(--color-transparent) 25%, transparent)}
.focus-visible\:bg-transparent\/30:focus-visible{background-color:color-mix(in oklab, var(--color-transparent) 30%, transparent)}
.focus-visible\:bg-transparent\/40:focus-visible{background-color:color-mix(in oklab, var(--color-transparent) 40%, transparent)}
.focus-visible\:bg-transparent\/50:focus-visible{background-color:color-mix(in oklab, var(--color-transparent) 50%, transparent)}
.focus-visible\:bg-transparent\/60:focus-visible{background-color:color-mix(in oklab, var(--color-transparent) 60%, transparent)}
.focus-visible\:bg-transparent\/70:focus-visible{background-color:color-mix(in oklab, var(--color-transparent) 70%, transparent)}
.focus-visible\:bg-transparent\/80:focus-visible{background-color:color-mix(in oklab, var(--color-transparent) 80%, transparent)}
.focus-visible\:bg-transparent\/90:focus-visible{background-color:color-mix(in oklab, var(--color-transparent) 90%, transparent)}
.focus-visible\:bg-active\/5:focus-visible{background-color:color-mix(in oklab, var(--color-active) 5%, transparent)}
.focus-visible\:bg-active\/10:focus-visible{background-color:color-mix(in oklab, var(--color-active) 10%, transparent)}
.focus-visible\:bg-active\/15:focus-visible{background-color:color-mix(in oklab, var(--color-active) 15%, transparent)}
.focus-visible\:bg-active\/20:focus-visible{background-color:color-mix(in oklab, var(--color-active) 20%, transparent)}
.focus-visible\:bg-active\/25:focus-visible{background-color:color-mix(in oklab, var(--color-active) 25%, transparent)}
.focus-visible\:bg-active\/30:focus-visible{background-color:color-mix(in oklab, var(--color-active) 30%, transparent)}
.focus-visible\:bg-active\/40:focus-visible{background-color:color-mix(in oklab, var(--color-active) 40%, transparent)}
.focus-visible\:bg-active\/50:focus-visible{background-color:color-mix(in oklab, var(--color-active) 50%, transparent)}
.focus-visible\:bg-active\/60:focus-visible{background-color:color-mix(in oklab, var(--color-active) 60%, transparent)}
.focus-visible\:bg-active\/70:focus-visible{background-color:color-mix(in oklab, var(--color-active) 70%, transparent)}
.focus-visible\:bg-active\/80:focus-visible{background-color:color-mix(in oklab, var(--color-active) 80%, transparent)}
.focus-visible\:bg-active\/90:focus-visible{background-color:color-mix(in oklab, var(--color-active) 90%, transparent)}
.focus-visible\:bg-hover\/5:focus-visible{background-color:color-mix(in oklab, var(--color-hover) 5%, transparent)}
.focus-visible\:bg-hover\/10:focus-visible{background-color:color-mix(in oklab, var(--color-hover) 10%, transparent)}
.focus-visible\:bg-hover\/15:focus-visible{background-color:color-mix(in oklab, var(--color-hover) 15%, transparent)}
.focus-visible\:bg-hover\/20:focus-visible{background-color:color-mix(in oklab, var(--color-hover) 20%, transparent)}
.focus-visible\:bg-hover\/25:focus-visible{background-color:color-mix(in oklab, var(--color-hover) 25%, transparent)}
.focus-visible\:bg-hover\/30:focus-visible{background-color:color-mix(in oklab, var(--color-hover) 30%, transparent)}
.focus-visible\:bg-hover\/40:focus-visible{background-color:color-mix(in oklab, var(--color-hover) 40%, transparent)}
.focus-visible\:bg-hover\/50:focus-visible{background-color:color-mix(in oklab, var(--color-hover) 50%, transparent)}
.focus-visible\:bg-hover\/60:focus-visible{background-color:color-mix(in oklab, var(--color-hover) 60%, transparent)}
.focus-visible\:bg-hover\/70:focus-visible{background-color:color-mix(in oklab, var(--color-hover) 70%, transparent)}
.focus-visible\:bg-hover\/80:focus-visible{background-color:color-mix(in oklab, var(--color-hover) 80%, transparent)}
.focus-visible\:bg-hover\/90:focus-visible{background-color:color-mix(in oklab, var(--color-hover) 90%, transparent)}
.focus-visible\:bg-not-active\/5:focus-visible{background-color:color-mix(in oklab, var(--color-not-active) 5%, transparent)}
.focus-visible\:bg-not-active\/10:focus-visible{background-color:color-mix(in oklab, var(--color-not-active) 10%, transparent)}
.focus-visible\:bg-not-active\/15:focus-visible{background-color:color-mix(in oklab, var(--color-not-active) 15%, transparent)}
.focus-visible\:bg-not-active\/20:focus-visible{background-color:color-mix(in oklab, var(--color-not-active) 20%, transparent)}
.focus-visible\:bg-not-active\/25:focus-visible{background-color:color-mix(in oklab, var(--color-not-active) 25%, transparent)}
.focus-visible\:bg-not-active\/30:focus-visible{background-color:color-mix(in oklab, var(--color-not-active) 30%, transparent)}
.focus-visible\:bg-not-active\/40:focus-visible{background-color:color-mix(in oklab, var(--color-not-active) 40%, transparent)}
.focus-visible\:bg-not-active\/50:focus-visible{background-color:color-mix(in oklab, var(--color-not-active) 50%, transparent)}
.focus-visible\:bg-not-active\/60:focus-visible{background-color:color-mix(in oklab, var(--color-not-active) 60%, transparent)}
.focus-visible\:bg-not-active\/70:focus-visible{background-color:color-mix(in oklab, var(--color-not-active) 70%, transparent)}
.focus-visible\:bg-not-active\/80:focus-visible{background-color:color-mix(in oklab, var(--color-not-active) 80%, transparent)}
.focus-visible\:bg-not-active\/90:focus-visible{background-color:color-mix(in oklab, var(--color-not-active) 90%, transparent)}
.focus-visible\:bg-primary-text\/5:focus-visible{background-color:color-mix(in oklab, var(--color-primary-text) 5%, transparent)}
.focus-visible\:bg-primary-text\/10:focus-visible{background-color:color-mix(in oklab, var(--color-primary-text) 10%, transparent)}
.focus-visible\:bg-primary-text\/15:focus-visible{background-color:color-mix(in oklab, var(--color-primary-text) 15%, transparent)}
.focus-visible\:bg-primary-text\/20:focus-visible{background-color:color-mix(in oklab, var(--color-primary-text) 20%, transparent)}
.focus-visible\:bg-primary-text\/25:focus-visible{background-color:color-mix(in oklab, var(--color-primary-text) 25%, transparent)}
.focus-visible\:bg-primary-text\/30:focus-visible{background-color:color-mix(in oklab, var(--color-primary-text) 30%, transparent)}
.focus-visible\:bg-primary-text\/40:focus-visible{background-color:color-mix(in oklab, var(--color-primary-text) 40%, transparent)}
.focus-visible\:bg-primary-text\/50:focus-visible{background-color:color-mix(in oklab, var(--color-primary-text) 50%, transparent)}
.focus-visible\:bg-primary-text\/60:focus-visible{background-color:color-mix(in oklab, var(--color-primary-text) 60%, transparent)}
.focus-visible\:bg-primary-text\/70:focus-visible{background-color:color-mix(in oklab, var(--color-primary-text) 70%, transparent)}
.focus-visible\:bg-primary-text\/80:focus-visible{background-color:color-mix(in oklab, var(--color-primary-text) 80%, transparent)}
.focus-visible\:bg-primary-text\/90:focus-visible{background-color:color-mix(in oklab, var(--color-primary-text) 90%, transparent)}
.focus-visible\:bg-secondary-text\/5:focus-visible{background-color:color-mix(in oklab, var(--color-secondary-text) 5%, transparent)}
.focus-visible\:bg-secondary-text\/10:focus-visible{background-color:color-mix(in oklab, var(--color-secondary-text) 10%, transparent)}
.focus-visible\:bg-secondary-text\/15:focus-visible{background-color:color-mix(in oklab, var(--color-secondary-text) 15%, transparent)}
.focus-visible\:bg-secondary-text\/20:focus-visible{background-color:color-mix(in oklab, var(--color-secondary-text) 20%, transparent)}
.focus-visible\:bg-secondary-text\/25:focus-visible{background-color:color-mix(in oklab, var(--color-secondary-text) 25%, transparent)}
.focus-visible\:bg-secondary-text\/30:focus-visible{background-color:color-mix(in oklab, var(--color-secondary-text) 30%, transparent)}
.focus-visible\:bg-secondary-text\/40:focus-visible{background-color:color-mix(in oklab, var(--color-secondary-text) 40%, transparent)}
.focus-visible\:bg-secondary-text\/50:focus-visible{background-color:color-mix(in oklab, var(--color-secondary-text) 50%, transparent)}
.focus-visible\:bg-secondary-text\/60:focus-visible{background-color:color-mix(in oklab, var(--color-secondary-text) 60%, transparent)}
.focus-visible\:bg-secondary-text\/70:focus-visible{background-color:color-mix(in oklab, var(--color-secondary-text) 70%, transparent)}
.focus-visible\:bg-secondary-text\/80:focus-visible{background-color:color-mix(in oklab, var(--color-secondary-text) 80%, transparent)}
.focus-visible\:bg-secondary-text\/90:focus-visible{background-color:color-mix(in oklab, var(--color-secondary-text) 90%, transparent)}
.focus-visible\:bg-tertiary-text\/5:focus-visible{background-color:color-mix(in oklab, var(--color-tertiary-text) 5%, transparent)}
.focus-visible\:bg-tertiary-text\/10:focus-visible{background-color:color-mix(in oklab, var(--color-tertiary-text) 10%, transparent)}
.focus-visible\:bg-tertiary-text\/15:focus-visible{background-color:color-mix(in oklab, var(--color-tertiary-text) 15%, transparent)}
.focus-visible\:bg-tertiary-text\/20:focus-visible{background-color:color-mix(in oklab, var(--color-tertiary-text) 20%, transparent)}
.focus-visible\:bg-tertiary-text\/25:focus-visible{background-color:color-mix(in oklab, var(--color-tertiary-text) 25%, transparent)}
.focus-visible\:bg-tertiary-text\/30:focus-visible{background-color:color-mix(in oklab, var(--color-tertiary-text) 30%, transparent)}
.focus-visible\:bg-tertiary-text\/40:focus-visible{background-color:color-mix(in oklab, var(--color-tertiary-text) 40%, transparent)}
.focus-visible\:bg-tertiary-text\/50:focus-visible{background-color:color-mix(in oklab, var(--color-tertiary-text) 50%, transparent)}
.focus-visible\:bg-tertiary-text\/60:focus-visible{background-color:color-mix(in oklab, var(--color-tertiary-text) 60%, transparent)}
.focus-visible\:bg-tertiary-text\/70:focus-visible{background-color:color-mix(in oklab, var(--color-tertiary-text) 70%, transparent)}
.focus-visible\:bg-tertiary-text\/80:focus-visible{background-color:color-mix(in oklab, var(--color-tertiary-text) 80%, transparent)}
.focus-visible\:bg-tertiary-text\/90:focus-visible{background-color:color-mix(in oklab, var(--color-tertiary-text) 90%, transparent)}
.focus-visible\:bg-not-active-text\/5:focus-visible{background-color:color-mix(in oklab, var(--color-not-active-text) 5%, transparent)}
.focus-visible\:bg-not-active-text\/10:focus-visible{background-color:color-mix(in oklab, var(--color-not-active-text) 10%, transparent)}
.focus-visible\:bg-not-active-text\/15:focus-visible{background-color:color-mix(in oklab, var(--color-not-active-text) 15%, transparent)}
.focus-visible\:bg-not-active-text\/20:focus-visible{background-color:color-mix(in oklab, var(--color-not-active-text) 20%, transparent)}
.focus-visible\:bg-not-active-text\/25:focus-visible{background-color:color-mix(in oklab, var(--color-not-active-text) 25%, transparent)}
.focus-visible\:bg-not-active-text\/30:focus-visible{background-color:color-mix(in oklab, var(--color-not-active-text) 30%, transparent)}
.focus-visible\:bg-not-active-text\/40:focus-visible{background-color:color-mix(in oklab, var(--color-not-active-text) 40%, transparent)}
.focus-visible\:bg-not-active-text\/50:focus-visible{background-color:color-mix(in oklab, var(--color-not-active-text) 50%, transparent)}
.focus-visible\:bg-not-active-text\/60:focus-visible{background-color:color-mix(in oklab, var(--color-not-active-text) 60%, transparent)}
.focus-visible\:bg-not-active-text\/70:focus-visible{background-color:color-mix(in oklab, var(--color-not-active-text) 70%, transparent)}
.focus-visible\:bg-not-active-text\/80:focus-visible{background-color:color-mix(in oklab, var(--color-not-active-text) 80%, transparent)}
.focus-visible\:bg-not-active-text\/90:focus-visible{background-color:color-mix(in oklab, var(--color-not-active-text) 90%, transparent)}
.focus-visible\:bg-state-active\/5:focus-visible{background-color:color-mix(in oklab, var(--color-state-active) 5%, transparent)}
.focus-visible\:bg-state-active\/10:focus-visible{background-color:color-mix(in oklab, var(--color-state-active) 10%, transparent)}
.focus-visible\:bg-state-active\/15:focus-visible{background-color:color-mix(in oklab, var(--color-state-active) 15%, transparent)}
.focus-visible\:bg-state-active\/20:focus-visible{background-color:color-mix(in oklab, var(--color-state-active) 20%, transparent)}
.focus-visible\:bg-state-active\/25:focus-visible{background-color:color-mix(in oklab, var(--color-state-active) 25%, transparent)}
.focus-visible\:bg-state-active\/30:focus-visible{background-color:color-mix(in oklab, var(--color-state-active) 30%, transparent)}
.focus-visible\:bg-state-active\/40:focus-visible{background-color:color-mix(in oklab, var(--color-state-active) 40%, transparent)}
.focus-visible\:bg-state-active\/50:focus-visible{background-color:color-mix(in oklab, var(--color-state-active) 50%, transparent)}
.focus-visible\:bg-state-active\/60:focus-visible{background-color:color-mix(in oklab, var(--color-state-active) 60%, transparent)}
.focus-visible\:bg-state-active\/70:focus-visible{background-color:color-mix(in oklab, var(--color-state-active) 70%, transparent)}
.focus-visible\:bg-state-active\/80:focus-visible{background-color:color-mix(in oklab, var(--color-state-active) 80%, transparent)}
.focus-visible\:bg-state-active\/90:focus-visible{background-color:color-mix(in oklab, var(--color-state-active) 90%, transparent)}
.focus-visible\:bg-state-hover\/5:focus-visible{background-color:color-mix(in oklab, var(--color-state-hover) 5%, transparent)}
.focus-visible\:bg-state-hover\/10:focus-visible{background-color:color-mix(in oklab, var(--color-state-hover) 10%, transparent)}
.focus-visible\:bg-state-hover\/15:focus-visible{background-color:color-mix(in oklab, var(--color-state-hover) 15%, transparent)}
.focus-visible\:bg-state-hover\/20:focus-visible{background-color:color-mix(in oklab, var(--color-state-hover) 20%, transparent)}
.focus-visible\:bg-state-hover\/25:focus-visible{background-color:color-mix(in oklab, var(--color-state-hover) 25%, transparent)}
.focus-visible\:bg-state-hover\/30:focus-visible{background-color:color-mix(in oklab, var(--color-state-hover) 30%, transparent)}
.focus-visible\:bg-state-hover\/40:focus-visible{background-color:color-mix(in oklab, var(--color-state-hover) 40%, transparent)}
.focus-visible\:bg-state-hover\/50:focus-visible{background-color:color-mix(in oklab, var(--color-state-hover) 50%, transparent)}
.focus-visible\:bg-state-hover\/60:focus-visible{background-color:color-mix(in oklab, var(--color-state-hover) 60%, transparent)}
.focus-visible\:bg-state-hover\/70:focus-visible{background-color:color-mix(in oklab, var(--color-state-hover) 70%, transparent)}
.focus-visible\:bg-state-hover\/80:focus-visible{background-color:color-mix(in oklab, var(--color-state-hover) 80%, transparent)}
.focus-visible\:bg-state-hover\/90:focus-visible{background-color:color-mix(in oklab, var(--color-state-hover) 90%, transparent)}
.focus-visible\:bg-state-not-active\/5:focus-visible{background-color:color-mix(in oklab, var(--color-state-not-active) 5%, transparent)}
.focus-visible\:bg-state-not-active\/10:focus-visible{background-color:color-mix(in oklab, var(--color-state-not-active) 10%, transparent)}
.focus-visible\:bg-state-not-active\/15:focus-visible{background-color:color-mix(in oklab, var(--color-state-not-active) 15%, transparent)}
.focus-visible\:bg-state-not-active\/20:focus-visible{background-color:color-mix(in oklab, var(--color-state-not-active) 20%, transparent)}
.focus-visible\:bg-state-not-active\/25:focus-visible{background-color:color-mix(in oklab, var(--color-state-not-active) 25%, transparent)}
.focus-visible\:bg-state-not-active\/30:focus-visible{background-color:color-mix(in oklab, var(--color-state-not-active) 30%, transparent)}
.focus-visible\:bg-state-not-active\/40:focus-visible{background-color:color-mix(in oklab, var(--color-state-not-active) 40%, transparent)}
.focus-visible\:bg-state-not-active\/50:focus-visible{background-color:color-mix(in oklab, var(--color-state-not-active) 50%, transparent)}
.focus-visible\:bg-state-not-active\/60:focus-visible{background-color:color-mix(in oklab, var(--color-state-not-active) 60%, transparent)}
.focus-visible\:bg-state-not-active\/70:focus-visible{background-color:color-mix(in oklab, var(--color-state-not-active) 70%, transparent)}
.focus-visible\:bg-state-not-active\/80:focus-visible{background-color:color-mix(in oklab, var(--color-state-not-active) 80%, transparent)}
.focus-visible\:bg-state-not-active\/90:focus-visible{background-color:color-mix(in oklab, var(--color-state-not-active) 90%, transparent)}
.focus-visible\:bg-card-background\/5:focus-visible{background-color:color-mix(in oklab, var(--color-card-background) 5%, transparent)}
.focus-visible\:bg-card-background\/10:focus-visible{background-color:color-mix(in oklab, var(--color-card-background) 10%, transparent)}
.focus-visible\:bg-card-background\/15:focus-visible{background-color:color-mix(in oklab, var(--color-card-background) 15%, transparent)}
.focus-visible\:bg-card-background\/20:focus-visible{background-color:color-mix(in oklab, var(--color-card-background) 20%, transparent)}
.focus-visible\:bg-card-background\/25:focus-visible{background-color:color-mix(in oklab, var(--color-card-background) 25%, transparent)}
.focus-visible\:bg-card-background\/30:focus-visible{background-color:color-mix(in oklab, var(--color-card-background) 30%, transparent)}
.focus-visible\:bg-card-background\/40:focus-visible{background-color:color-mix(in oklab, var(--color-card-background) 40%, transparent)}
.focus-visible\:bg-card-background\/50:focus-visible{background-color:color-mix(in oklab, var(--color-card-background) 50%, transparent)}
.focus-visible\:bg-card-background\/60:focus-visible{background-color:color-mix(in oklab, var(--color-card-background) 60%, transparent)}
.focus-visible\:bg-card-background\/70:focus-visible{background-color:color-mix(in oklab, var(--color-card-background) 70%, transparent)}
.focus-visible\:bg-card-background\/80:focus-visible{background-color:color-mix(in oklab, var(--color-card-background) 80%, transparent)}
.focus-visible\:bg-card-background\/90:focus-visible{background-color:color-mix(in oklab, var(--color-card-background) 90%, transparent)}
.focus-visible\:bg-card-shadow\/5:focus-visible{background-color:color-mix(in oklab, var(--color-card-shadow) 5%, transparent)}
.focus-visible\:bg-card-shadow\/10:focus-visible{background-color:color-mix(in oklab, var(--color-card-shadow) 10%, transparent)}
.focus-visible\:bg-card-shadow\/15:focus-visible{background-color:color-mix(in oklab, var(--color-card-shadow) 15%, transparent)}
.focus-visible\:bg-card-shadow\/20:focus-visible{background-color:color-mix(in oklab, var(--color-card-shadow) 20%, transparent)}
.focus-visible\:bg-card-shadow\/25:focus-visible{background-color:color-mix(in oklab, var(--color-card-shadow) 25%, transparent)}
.focus-visible\:bg-card-shadow\/30:focus-visible{background-color:color-mix(in oklab, var(--color-card-shadow) 30%, transparent)}
.focus-visible\:bg-card-shadow\/40:focus-visible{background-color:color-mix(in oklab, var(--color-card-shadow) 40%, transparent)}
.focus-visible\:bg-card-shadow\/50:focus-visible{background-color:color-mix(in oklab, var(--color-card-shadow) 50%, transparent)}
.focus-visible\:bg-card-shadow\/60:focus-visible{background-color:color-mix(in oklab, var(--color-card-shadow) 60%, transparent)}
.focus-visible\:bg-card-shadow\/70:focus-visible{background-color:color-mix(in oklab, var(--color-card-shadow) 70%, transparent)}
.focus-visible\:bg-card-shadow\/80:focus-visible{background-color:color-mix(in oklab, var(--color-card-shadow) 80%, transparent)}
.focus-visible\:bg-card-shadow\/90:focus-visible{background-color:color-mix(in oklab, var(--color-card-shadow) 90%, transparent)}
.focus-visible\:bg-border\/5:focus-visible{background-color:color-mix(in oklab, var(--color-border) 5%, transparent)}
.focus-visible\:bg-border\/10:focus-visible{background-color:color-mix(in oklab, var(--color-border) 10%, transparent)}
.focus-visible\:bg-border\/15:focus-visible{background-color:color-mix(in oklab, var(--color-border) 15%, transparent)}
.focus-visible\:bg-border\/20:focus-visible{background-color:color-mix(in oklab, var(--color-border) 20%, transparent)}
.focus-visible\:bg-border\/25:focus-visible{background-color:color-mix(in oklab, var(--color-border) 25%, transparent)}
.focus-visible\:bg-border\/30:focus-visible{background-color:color-mix(in oklab, var(--color-border) 30%, transparent)}
.focus-visible\:bg-border\/40:focus-visible{background-color:color-mix(in oklab, var(--color-border) 40%, transparent)}
.focus-visible\:bg-border\/50:focus-visible{background-color:color-mix(in oklab, var(--color-border) 50%, transparent)}
.focus-visible\:bg-border\/60:focus-visible{background-color:color-mix(in oklab, var(--color-border) 60%, transparent)}
.focus-visible\:bg-border\/70:focus-visible{background-color:color-mix(in oklab, var(--color-border) 70%, transparent)}
.focus-visible\:bg-border\/80:focus-visible{background-color:color-mix(in oklab, var(--color-border) 80%, transparent)}
.focus-visible\:bg-border\/90:focus-visible{background-color:color-mix(in oklab, var(--color-border) 90%, transparent)}
.focus-visible\:bg-border-hover\/5:focus-visible{background-color:color-mix(in oklab, var(--color-border-hover) 5%, transparent)}
.focus-visible\:bg-border-hover\/10:focus-visible{background-color:color-mix(in oklab, var(--color-border-hover) 10%, transparent)}
.focus-visible\:bg-border-hover\/15:focus-visible{background-color:color-mix(in oklab, var(--color-border-hover) 15%, transparent)}
.focus-visible\:bg-border-hover\/20:focus-visible{background-color:color-mix(in oklab, var(--color-border-hover) 20%, transparent)}
.focus-visible\:bg-border-hover\/25:focus-visible{background-color:color-mix(in oklab, var(--color-border-hover) 25%, transparent)}
.focus-visible\:bg-border-hover\/30:focus-visible{background-color:color-mix(in oklab, var(--color-border-hover) 30%, transparent)}
.focus-visible\:bg-border-hover\/40:focus-visible{background-color:color-mix(in oklab, var(--color-border-hover) 40%, transparent)}
.focus-visible\:bg-border-hover\/50:focus-visible{background-color:color-mix(in oklab, var(--color-border-hover) 50%, transparent)}
.focus-visible\:bg-border-hover\/60:focus-visible{background-color:color-mix(in oklab, var(--color-border-hover) 60%, transparent)}
.focus-visible\:bg-border-hover\/70:focus-visible{background-color:color-mix(in oklab, var(--color-border-hover) 70%, transparent)}
.focus-visible\:bg-border-hover\/80:focus-visible{background-color:color-mix(in oklab, var(--color-border-hover) 80%, transparent)}
.focus-visible\:bg-border-hover\/90:focus-visible{background-color:color-mix(in oklab, var(--color-border-hover) 90%, transparent)}
.focus-visible\:bg-border-success\/5:focus-visible{background-color:color-mix(in oklab, var(--color-border-success) 5%, transparent)}
.focus-visible\:bg-border-success\/10:focus-visible{background-color:color-mix(in oklab, var(--color-border-success) 10%, transparent)}
.focus-visible\:bg-border-success\/15:focus-visible{background-color:color-mix(in oklab, var(--color-border-success) 15%, transparent)}
.focus-visible\:bg-border-success\/20:focus-visible{background-color:color-mix(in oklab, var(--color-border-success) 20%, transparent)}
.focus-visible\:bg-border-success\/25:focus-visible{background-color:color-mix(in oklab, var(--color-border-success) 25%, transparent)}
.focus-visible\:bg-border-success\/30:focus-visible{background-color:color-mix(in oklab, var(--color-border-success) 30%, transparent)}
.focus-visible\:bg-border-success\/40:focus-visible{background-color:color-mix(in oklab, var(--color-border-success) 40%, transparent)}
.focus-visible\:bg-border-success\/50:focus-visible{background-color:color-mix(in oklab, var(--color-border-success) 50%, transparent)}
.focus-visible\:bg-border-success\/60:focus-visible{background-color:color-mix(in oklab, var(--color-border-success) 60%, transparent)}
.focus-visible\:bg-border-success\/70:focus-visible{background-color:color-mix(in oklab, var(--color-border-success) 70%, transparent)}
.focus-visible\:bg-border-success\/80:focus-visible{background-color:color-mix(in oklab, var(--color-border-success) 80%, transparent)}
.focus-visible\:bg-border-success\/90:focus-visible{background-color:color-mix(in oklab, var(--color-border-success) 90%, transparent)}
.focus-visible\:bg-border-info\/5:focus-visible{background-color:color-mix(in oklab, var(--color-border-info) 5%, transparent)}
.focus-visible\:bg-border-info\/10:focus-visible{background-color:color-mix(in oklab, var(--color-border-info) 10%, transparent)}
.focus-visible\:bg-border-info\/15:focus-visible{background-color:color-mix(in oklab, var(--color-border-info) 15%, transparent)}
.focus-visible\:bg-border-info\/20:focus-visible{background-color:color-mix(in oklab, var(--color-border-info) 20%, transparent)}
.focus-visible\:bg-border-info\/25:focus-visible{background-color:color-mix(in oklab, var(--color-border-info) 25%, transparent)}
.focus-visible\:bg-border-info\/30:focus-visible{background-color:color-mix(in oklab, var(--color-border-info) 30%, transparent)}
.focus-visible\:bg-border-info\/40:focus-visible{background-color:color-mix(in oklab, var(--color-border-info) 40%, transparent)}
.focus-visible\:bg-border-info\/50:focus-visible{background-color:color-mix(in oklab, var(--color-border-info) 50%, transparent)}
.focus-visible\:bg-border-info\/60:focus-visible{background-color:color-mix(in oklab, var(--color-border-info) 60%, transparent)}
.focus-visible\:bg-border-info\/70:focus-visible{background-color:color-mix(in oklab, var(--color-border-info) 70%, transparent)}
.focus-visible\:bg-border-info\/80:focus-visible{background-color:color-mix(in oklab, var(--color-border-info) 80%, transparent)}
.focus-visible\:bg-border-info\/90:focus-visible{background-color:color-mix(in oklab, var(--color-border-info) 90%, transparent)}
.focus-visible\:bg-border-warning\/5:focus-visible{background-color:color-mix(in oklab, var(--color-border-warning) 5%, transparent)}
.focus-visible\:bg-border-warning\/10:focus-visible{background-color:color-mix(in oklab, var(--color-border-warning) 10%, transparent)}
.focus-visible\:bg-border-warning\/15:focus-visible{background-color:color-mix(in oklab, var(--color-border-warning) 15%, transparent)}
.focus-visible\:bg-border-warning\/20:focus-visible{background-color:color-mix(in oklab, var(--color-border-warning) 20%, transparent)}
.focus-visible\:bg-border-warning\/25:focus-visible{background-color:color-mix(in oklab, var(--color-border-warning) 25%, transparent)}
.focus-visible\:bg-border-warning\/30:focus-visible{background-color:color-mix(in oklab, var(--color-border-warning) 30%, transparent)}
.focus-visible\:bg-border-warning\/40:focus-visible{background-color:color-mix(in oklab, var(--color-border-warning) 40%, transparent)}
.focus-visible\:bg-border-warning\/50:focus-visible{background-color:color-mix(in oklab, var(--color-border-warning) 50%, transparent)}
.focus-visible\:bg-border-warning\/60:focus-visible{background-color:color-mix(in oklab, var(--color-border-warning) 60%, transparent)}
.focus-visible\:bg-border-warning\/70:focus-visible{background-color:color-mix(in oklab, var(--color-border-warning) 70%, transparent)}
.focus-visible\:bg-border-warning\/80:focus-visible{background-color:color-mix(in oklab, var(--color-border-warning) 80%, transparent)}
.focus-visible\:bg-border-warning\/90:focus-visible{background-color:color-mix(in oklab, var(--color-border-warning) 90%, transparent)}
.focus-visible\:bg-border-error\/5:focus-visible{background-color:color-mix(in oklab, var(--color-border-error) 5%, transparent)}
.focus-visible\:bg-border-error\/10:focus-visible{background-color:color-mix(in oklab, var(--color-border-error) 10%, transparent)}
.focus-visible\:bg-border-error\/15:focus-visible{background-color:color-mix(in oklab, var(--color-border-error) 15%, transparent)}
.focus-visible\:bg-border-error\/20:focus-visible{background-color:color-mix(in oklab, var(--color-border-error) 20%, transparent)}
.focus-visible\:bg-border-error\/25:focus-visible{background-color:color-mix(in oklab, var(--color-border-error) 25%, transparent)}
.focus-visible\:bg-border-error\/30:focus-visible{background-color:color-mix(in oklab, var(--color-border-error) 30%, transparent)}
.focus-visible\:bg-border-error\/40:focus-visible{background-color:color-mix(in oklab, var(--color-border-error) 40%, transparent)}
.focus-visible\:bg-border-error\/50:focus-visible{background-color:color-mix(in oklab, var(--color-border-error) 50%, transparent)}
.focus-visible\:bg-border-error\/60:focus-visible{background-color:color-mix(in oklab, var(--color-border-error) 60%, transparent)}
.focus-visible\:bg-border-error\/70:focus-visible{background-color:color-mix(in oklab, var(--color-border-error) 70%, transparent)}
.focus-visible\:bg-border-error\/80:focus-visible{background-color:color-mix(in oklab, var(--color-border-error) 80%, transparent)}
.focus-visible\:bg-border-error\/90:focus-visible{background-color:color-mix(in oklab, var(--color-border-error) 90%, transparent)}
.focus-visible\:bg-light-border\/5:focus-visible{background-color:color-mix(in oklab, var(--color-light-border) 5%, transparent)}
.focus-visible\:bg-light-border\/10:focus-visible{background-color:color-mix(in oklab, var(--color-light-border) 10%, transparent)}
.focus-visible\:bg-light-border\/15:focus-visible{background-color:color-mix(in oklab, var(--color-light-border) 15%, transparent)}
.focus-visible\:bg-light-border\/20:focus-visible{background-color:color-mix(in oklab, var(--color-light-border) 20%, transparent)}
.focus-visible\:bg-light-border\/25:focus-visible{background-color:color-mix(in oklab, var(--color-light-border) 25%, transparent)}
.focus-visible\:bg-light-border\/30:focus-visible{background-color:color-mix(in oklab, var(--color-light-border) 30%, transparent)}
.focus-visible\:bg-light-border\/40:focus-visible{background-color:color-mix(in oklab, var(--color-light-border) 40%, transparent)}
.focus-visible\:bg-light-border\/50:focus-visible{background-color:color-mix(in oklab, var(--color-light-border) 50%, transparent)}
.focus-visible\:bg-light-border\/60:focus-visible{background-color:color-mix(in oklab, var(--color-light-border) 60%, transparent)}
.focus-visible\:bg-light-border\/70:focus-visible{background-color:color-mix(in oklab, var(--color-light-border) 70%, transparent)}
.focus-visible\:bg-light-border\/80:focus-visible{background-color:color-mix(in oklab, var(--color-light-border) 80%, transparent)}
.focus-visible\:bg-light-border\/90:focus-visible{background-color:color-mix(in oklab, var(--color-light-border) 90%, transparent)}
.focus-visible\:bg-divider\/5:focus-visible{background-color:color-mix(in oklab, var(--color-divider) 5%, transparent)}
.focus-visible\:bg-divider\/10:focus-visible{background-color:color-mix(in oklab, var(--color-divider) 10%, transparent)}
.focus-visible\:bg-divider\/15:focus-visible{background-color:color-mix(in oklab, var(--color-divider) 15%, transparent)}
.focus-visible\:bg-divider\/20:focus-visible{background-color:color-mix(in oklab, var(--color-divider) 20%, transparent)}
.focus-visible\:bg-divider\/25:focus-visible{background-color:color-mix(in oklab, var(--color-divider) 25%, transparent)}
.focus-visible\:bg-divider\/30:focus-visible{background-color:color-mix(in oklab, var(--color-divider) 30%, transparent)}
.focus-visible\:bg-divider\/40:focus-visible{background-color:color-mix(in oklab, var(--color-divider) 40%, transparent)}
.focus-visible\:bg-divider\/50:focus-visible{background-color:color-mix(in oklab, var(--color-divider) 50%, transparent)}
.focus-visible\:bg-divider\/60:focus-visible{background-color:color-mix(in oklab, var(--color-divider) 60%, transparent)}
.focus-visible\:bg-divider\/70:focus-visible{background-color:color-mix(in oklab, var(--color-divider) 70%, transparent)}
.focus-visible\:bg-divider\/80:focus-visible{background-color:color-mix(in oklab, var(--color-divider) 80%, transparent)}
.focus-visible\:bg-divider\/90:focus-visible{background-color:color-mix(in oklab, var(--color-divider) 90%, transparent)}
.focus-visible\:bg-success\/5:focus-visible{background-color:color-mix(in oklab, var(--color-success) 5%, transparent)}
.focus-visible\:bg-success\/10:focus-visible{background-color:color-mix(in oklab, var(--color-success) 10%, transparent)}
.focus-visible\:bg-success\/15:focus-visible{background-color:color-mix(in oklab, var(--color-success) 15%, transparent)}
.focus-visible\:bg-success\/20:focus-visible{background-color:color-mix(in oklab, var(--color-success) 20%, transparent)}
.focus-visible\:bg-success\/25:focus-visible{background-color:color-mix(in oklab, var(--color-success) 25%, transparent)}
.focus-visible\:bg-success\/30:focus-visible{background-color:color-mix(in oklab, var(--color-success) 30%, transparent)}
.focus-visible\:bg-success\/40:focus-visible{background-color:color-mix(in oklab, var(--color-success) 40%, transparent)}
.focus-visible\:bg-success\/50:focus-visible{background-color:color-mix(in oklab, var(--color-success) 50%, transparent)}
.focus-visible\:bg-success\/60:focus-visible{background-color:color-mix(in oklab, var(--color-success) 60%, transparent)}
.focus-visible\:bg-success\/70:focus-visible{background-color:color-mix(in oklab, var(--color-success) 70%, transparent)}
.focus-visible\:bg-success\/80:focus-visible{background-color:color-mix(in oklab, var(--color-success) 80%, transparent)}
.focus-visible\:bg-success\/90:focus-visible{background-color:color-mix(in oklab, var(--color-success) 90%, transparent)}
.focus-visible\:bg-error\/5:focus-visible{background-color:color-mix(in oklab, var(--color-error) 5%, transparent)}
.focus-visible\:bg-error\/10:focus-visible{background-color:color-mix(in oklab, var(--color-error) 10%, transparent)}
.focus-visible\:bg-error\/15:focus-visible{background-color:color-mix(in oklab, var(--color-error) 15%, transparent)}
.focus-visible\:bg-error\/20:focus-visible{background-color:color-mix(in oklab, var(--color-error) 20%, transparent)}
.focus-visible\:bg-error\/25:focus-visible{background-color:color-mix(in oklab, var(--color-error) 25%, transparent)}
.focus-visible\:bg-error\/30:focus-visible{background-color:color-mix(in oklab, var(--color-error) 30%, transparent)}
.focus-visible\:bg-error\/40:focus-visible{background-color:color-mix(in oklab, var(--color-error) 40%, transparent)}
.focus-visible\:bg-error\/50:focus-visible{background-color:color-mix(in oklab, var(--color-error) 50%, transparent)}
.focus-visible\:bg-error\/60:focus-visible{background-color:color-mix(in oklab, var(--color-error) 60%, transparent)}
.focus-visible\:bg-error\/70:focus-visible{background-color:color-mix(in oklab, var(--color-error) 70%, transparent)}
.focus-visible\:bg-error\/80:focus-visible{background-color:color-mix(in oklab, var(--color-error) 80%, transparent)}
.focus-visible\:bg-error\/90:focus-visible{background-color:color-mix(in oklab, var(--color-error) 90%, transparent)}
.focus-visible\:bg-error-hover\/5:focus-visible{background-color:color-mix(in oklab, var(--color-error-hover) 5%, transparent)}
.focus-visible\:bg-error-hover\/10:focus-visible{background-color:color-mix(in oklab, var(--color-error-hover) 10%, transparent)}
.focus-visible\:bg-error-hover\/15:focus-visible{background-color:color-mix(in oklab, var(--color-error-hover) 15%, transparent)}
.focus-visible\:bg-error-hover\/20:focus-visible{background-color:color-mix(in oklab, var(--color-error-hover) 20%, transparent)}
.focus-visible\:bg-error-hover\/25:focus-visible{background-color:color-mix(in oklab, var(--color-error-hover) 25%, transparent)}
.focus-visible\:bg-error-hover\/30:focus-visible{background-color:color-mix(in oklab, var(--color-error-hover) 30%, transparent)}
.focus-visible\:bg-error-hover\/40:focus-visible{background-color:color-mix(in oklab, var(--color-error-hover) 40%, transparent)}
.focus-visible\:bg-error-hover\/50:focus-visible{background-color:color-mix(in oklab, var(--color-error-hover) 50%, transparent)}
.focus-visible\:bg-error-hover\/60:focus-visible{background-color:color-mix(in oklab, var(--color-error-hover) 60%, transparent)}
.focus-visible\:bg-error-hover\/70:focus-visible{background-color:color-mix(in oklab, var(--color-error-hover) 70%, transparent)}
.focus-visible\:bg-error-hover\/80:focus-visible{background-color:color-mix(in oklab, var(--color-error-hover) 80%, transparent)}
.focus-visible\:bg-error-hover\/90:focus-visible{background-color:color-mix(in oklab, var(--color-error-hover) 90%, transparent)}
.focus-visible\:bg-warning\/5:focus-visible{background-color:color-mix(in oklab, var(--color-warning) 5%, transparent)}
.focus-visible\:bg-warning\/10:focus-visible{background-color:color-mix(in oklab, var(--color-warning) 10%, transparent)}
.focus-visible\:bg-warning\/15:focus-visible{background-color:color-mix(in oklab, var(--color-warning) 15%, transparent)}
.focus-visible\:bg-warning\/20:focus-visible{background-color:color-mix(in oklab, var(--color-warning) 20%, transparent)}
.focus-visible\:bg-warning\/25:focus-visible{background-color:color-mix(in oklab, var(--color-warning) 25%, transparent)}
.focus-visible\:bg-warning\/30:focus-visible{background-color:color-mix(in oklab, var(--color-warning) 30%, transparent)}
.focus-visible\:bg-warning\/40:focus-visible{background-color:color-mix(in oklab, var(--color-warning) 40%, transparent)}
.focus-visible\:bg-warning\/50:focus-visible{background-color:color-mix(in oklab, var(--color-warning) 50%, transparent)}
.focus-visible\:bg-warning\/60:focus-visible{background-color:color-mix(in oklab, var(--color-warning) 60%, transparent)}
.focus-visible\:bg-warning\/70:focus-visible{background-color:color-mix(in oklab, var(--color-warning) 70%, transparent)}
.focus-visible\:bg-warning\/80:focus-visible{background-color:color-mix(in oklab, var(--color-warning) 80%, transparent)}
.focus-visible\:bg-warning\/90:focus-visible{background-color:color-mix(in oklab, var(--color-warning) 90%, transparent)}
.focus-visible\:bg-info\/5:focus-visible{background-color:color-mix(in oklab, var(--color-info) 5%, transparent)}
.focus-visible\:bg-info\/10:focus-visible{background-color:color-mix(in oklab, var(--color-info) 10%, transparent)}
.focus-visible\:bg-info\/15:focus-visible{background-color:color-mix(in oklab, var(--color-info) 15%, transparent)}
.focus-visible\:bg-info\/20:focus-visible{background-color:color-mix(in oklab, var(--color-info) 20%, transparent)}
.focus-visible\:bg-info\/25:focus-visible{background-color:color-mix(in oklab, var(--color-info) 25%, transparent)}
.focus-visible\:bg-info\/30:focus-visible{background-color:color-mix(in oklab, var(--color-info) 30%, transparent)}
.focus-visible\:bg-info\/40:focus-visible{background-color:color-mix(in oklab, var(--color-info) 40%, transparent)}
.focus-visible\:bg-info\/50:focus-visible{background-color:color-mix(in oklab, var(--color-info) 50%, transparent)}
.focus-visible\:bg-info\/60:focus-visible{background-color:color-mix(in oklab, var(--color-info) 60%, transparent)}
.focus-visible\:bg-info\/70:focus-visible{background-color:color-mix(in oklab, var(--color-info) 70%, transparent)}
.focus-visible\:bg-info\/80:focus-visible{background-color:color-mix(in oklab, var(--color-info) 80%, transparent)}
.focus-visible\:bg-info\/90:focus-visible{background-color:color-mix(in oklab, var(--color-info) 90%, transparent)}
.focus-visible\:bg-bg-success\/5:focus-visible{background-color:color-mix(in oklab, var(--color-bg-success) 5%, transparent)}
.focus-visible\:bg-bg-success\/10:focus-visible{background-color:color-mix(in oklab, var(--color-bg-success) 10%, transparent)}
.focus-visible\:bg-bg-success\/15:focus-visible{background-color:color-mix(in oklab, var(--color-bg-success) 15%, transparent)}
.focus-visible\:bg-bg-success\/20:focus-visible{background-color:color-mix(in oklab, var(--color-bg-success) 20%, transparent)}
.focus-visible\:bg-bg-success\/25:focus-visible{background-color:color-mix(in oklab, var(--color-bg-success) 25%, transparent)}
.focus-visible\:bg-bg-success\/30:focus-visible{background-color:color-mix(in oklab, var(--color-bg-success) 30%, transparent)}
.focus-visible\:bg-bg-success\/40:focus-visible{background-color:color-mix(in oklab, var(--color-bg-success) 40%, transparent)}
.focus-visible\:bg-bg-success\/50:focus-visible{background-color:color-mix(in oklab, var(--color-bg-success) 50%, transparent)}
.focus-visible\:bg-bg-success\/60:focus-visible{background-color:color-mix(in oklab, var(--color-bg-success) 60%, transparent)}
.focus-visible\:bg-bg-success\/70:focus-visible{background-color:color-mix(in oklab, var(--color-bg-success) 70%, transparent)}
.focus-visible\:bg-bg-success\/80:focus-visible{background-color:color-mix(in oklab, var(--color-bg-success) 80%, transparent)}
.focus-visible\:bg-bg-success\/90:focus-visible{background-color:color-mix(in oklab, var(--color-bg-success) 90%, transparent)}
.focus-visible\:bg-bg-error\/5:focus-visible{background-color:color-mix(in oklab, var(--color-bg-error) 5%, transparent)}
.focus-visible\:bg-bg-error\/10:focus-visible{background-color:color-mix(in oklab, var(--color-bg-error) 10%, transparent)}
.focus-visible\:bg-bg-error\/15:focus-visible{background-color:color-mix(in oklab, var(--color-bg-error) 15%, transparent)}
.focus-visible\:bg-bg-error\/20:focus-visible{background-color:color-mix(in oklab, var(--color-bg-error) 20%, transparent)}
.focus-visible\:bg-bg-error\/25:focus-visible{background-color:color-mix(in oklab, var(--color-bg-error) 25%, transparent)}
.focus-visible\:bg-bg-error\/30:focus-visible{background-color:color-mix(in oklab, var(--color-bg-error) 30%, transparent)}
.focus-visible\:bg-bg-error\/40:focus-visible{background-color:color-mix(in oklab, var(--color-bg-error) 40%, transparent)}
.focus-visible\:bg-bg-error\/50:focus-visible{background-color:color-mix(in oklab, var(--color-bg-error) 50%, transparent)}
.focus-visible\:bg-bg-error\/60:focus-visible{background-color:color-mix(in oklab, var(--color-bg-error) 60%, transparent)}
.focus-visible\:bg-bg-error\/70:focus-visible{background-color:color-mix(in oklab, var(--color-bg-error) 70%, transparent)}
.focus-visible\:bg-bg-error\/80:focus-visible{background-color:color-mix(in oklab, var(--color-bg-error) 80%, transparent)}
.focus-visible\:bg-bg-error\/90:focus-visible{background-color:color-mix(in oklab, var(--color-bg-error) 90%, transparent)}
.focus-visible\:bg-bg-warning\/5:focus-visible{background-color:color-mix(in oklab, var(--color-bg-warning) 5%, transparent)}
.focus-visible\:bg-bg-warning\/10:focus-visible{background-color:color-mix(in oklab, var(--color-bg-warning) 10%, transparent)}
.focus-visible\:bg-bg-warning\/15:focus-visible{background-color:color-mix(in oklab, var(--color-bg-warning) 15%, transparent)}
.focus-visible\:bg-bg-warning\/20:focus-visible{background-color:color-mix(in oklab, var(--color-bg-warning) 20%, transparent)}
.focus-visible\:bg-bg-warning\/25:focus-visible{background-color:color-mix(in oklab, var(--color-bg-warning) 25%, transparent)}
.focus-visible\:bg-bg-warning\/30:focus-visible{background-color:color-mix(in oklab, var(--color-bg-warning) 30%, transparent)}
.focus-visible\:bg-bg-warning\/40:focus-visible{background-color:color-mix(in oklab, var(--color-bg-warning) 40%, transparent)}
.focus-visible\:bg-bg-warning\/50:focus-visible{background-color:color-mix(in oklab, var(--color-bg-warning) 50%, transparent)}
.focus-visible\:bg-bg-warning\/60:focus-visible{background-color:color-mix(in oklab, var(--color-bg-warning) 60%, transparent)}
.focus-visible\:bg-bg-warning\/70:focus-visible{background-color:color-mix(in oklab, var(--color-bg-warning) 70%, transparent)}
.focus-visible\:bg-bg-warning\/80:focus-visible{background-color:color-mix(in oklab, var(--color-bg-warning) 80%, transparent)}
.focus-visible\:bg-bg-warning\/90:focus-visible{background-color:color-mix(in oklab, var(--color-bg-warning) 90%, transparent)}
.focus-visible\:bg-bg-info\/5:focus-visible{background-color:color-mix(in oklab, var(--color-bg-info) 5%, transparent)}
.focus-visible\:bg-bg-info\/10:focus-visible{background-color:color-mix(in oklab, var(--color-bg-info) 10%, transparent)}
.focus-visible\:bg-bg-info\/15:focus-visible{background-color:color-mix(in oklab, var(--color-bg-info) 15%, transparent)}
.focus-visible\:bg-bg-info\/20:focus-visible{background-color:color-mix(in oklab, var(--color-bg-info) 20%, transparent)}
.focus-visible\:bg-bg-info\/25:focus-visible{background-color:color-mix(in oklab, var(--color-bg-info) 25%, transparent)}
.focus-visible\:bg-bg-info\/30:focus-visible{background-color:color-mix(in oklab, var(--color-bg-info) 30%, transparent)}
.focus-visible\:bg-bg-info\/40:focus-visible{background-color:color-mix(in oklab, var(--color-bg-info) 40%, transparent)}
.focus-visible\:bg-bg-info\/50:focus-visible{background-color:color-mix(in oklab, var(--color-bg-info) 50%, transparent)}
.focus-visible\:bg-bg-info\/60:focus-visible{background-color:color-mix(in oklab, var(--color-bg-info) 60%, transparent)}
.focus-visible\:bg-bg-info\/70:focus-visible{background-color:color-mix(in oklab, var(--color-bg-info) 70%, transparent)}
.focus-visible\:bg-bg-info\/80:focus-visible{background-color:color-mix(in oklab, var(--color-bg-info) 80%, transparent)}
.focus-visible\:bg-bg-info\/90:focus-visible{background-color:color-mix(in oklab, var(--color-bg-info) 90%, transparent)}
.focus-visible\:bg-title-start\/5:focus-visible{background-color:color-mix(in oklab, var(--color-title-start) 5%, transparent)}
.focus-visible\:bg-title-start\/10:focus-visible{background-color:color-mix(in oklab, var(--color-title-start) 10%, transparent)}
.focus-visible\:bg-title-start\/15:focus-visible{background-color:color-mix(in oklab, var(--color-title-start) 15%, transparent)}
.focus-visible\:bg-title-start\/20:focus-visible{background-color:color-mix(in oklab, var(--color-title-start) 20%, transparent)}
.focus-visible\:bg-title-start\/25:focus-visible{background-color:color-mix(in oklab, var(--color-title-start) 25%, transparent)}
.focus-visible\:bg-title-start\/30:focus-visible{background-color:color-mix(in oklab, var(--color-title-start) 30%, transparent)}
.focus-visible\:bg-title-start\/40:focus-visible{background-color:color-mix(in oklab, var(--color-title-start) 40%, transparent)}
.focus-visible\:bg-title-start\/50:focus-visible{background-color:color-mix(in oklab, var(--color-title-start) 50%, transparent)}
.focus-visible\:bg-title-start\/60:focus-visible{background-color:color-mix(in oklab, var(--color-title-start) 60%, transparent)}
.focus-visible\:bg-title-start\/70:focus-visible{background-color:color-mix(in oklab, var(--color-title-start) 70%, transparent)}
.focus-visible\:bg-title-start\/80:focus-visible{background-color:color-mix(in oklab, var(--color-title-start) 80%, transparent)}
.focus-visible\:bg-title-start\/90:focus-visible{background-color:color-mix(in oklab, var(--color-title-start) 90%, transparent)}
.focus-visible\:bg-title-end\/5:focus-visible{background-color:color-mix(in oklab, var(--color-title-end) 5%, transparent)}
.focus-visible\:bg-title-end\/10:focus-visible{background-color:color-mix(in oklab, var(--color-title-end) 10%, transparent)}
.focus-visible\:bg-title-end\/15:focus-visible{background-color:color-mix(in oklab, var(--color-title-end) 15%, transparent)}
.focus-visible\:bg-title-end\/20:focus-visible{background-color:color-mix(in oklab, var(--color-title-end) 20%, transparent)}
.focus-visible\:bg-title-end\/25:focus-visible{background-color:color-mix(in oklab, var(--color-title-end) 25%, transparent)}
.focus-visible\:bg-title-end\/30:focus-visible{background-color:color-mix(in oklab, var(--color-title-end) 30%, transparent)}
.focus-visible\:bg-title-end\/40:focus-visible{background-color:color-mix(in oklab, var(--color-title-end) 40%, transparent)}
.focus-visible\:bg-title-end\/50:focus-visible{background-color:color-mix(in oklab, var(--color-title-end) 50%, transparent)}
.focus-visible\:bg-title-end\/60:focus-visible{background-color:color-mix(in oklab, var(--color-title-end) 60%, transparent)}
.focus-visible\:bg-title-end\/70:focus-visible{background-color:color-mix(in oklab, var(--color-title-end) 70%, transparent)}
.focus-visible\:bg-title-end\/80:focus-visible{background-color:color-mix(in oklab, var(--color-title-end) 80%, transparent)}
.focus-visible\:bg-title-end\/90:focus-visible{background-color:color-mix(in oklab, var(--color-title-end) 90%, transparent)}
.focus-visible\:bg-bg-start\/5:focus-visible{background-color:color-mix(in oklab, var(--color-bg-start) 5%, transparent)}
.focus-visible\:bg-bg-start\/10:focus-visible{background-color:color-mix(in oklab, var(--color-bg-start) 10%, transparent)}
.focus-visible\:bg-bg-start\/15:focus-visible{background-color:color-mix(in oklab, var(--color-bg-start) 15%, transparent)}
.focus-visible\:bg-bg-start\/20:focus-visible{background-color:color-mix(in oklab, var(--color-bg-start) 20%, transparent)}
.focus-visible\:bg-bg-start\/25:focus-visible{background-color:color-mix(in oklab, var(--color-bg-start) 25%, transparent)}
.focus-visible\:bg-bg-start\/30:focus-visible{background-color:color-mix(in oklab, var(--color-bg-start) 30%, transparent)}
.focus-visible\:bg-bg-start\/40:focus-visible{background-color:color-mix(in oklab, var(--color-bg-start) 40%, transparent)}
.focus-visible\:bg-bg-start\/50:focus-visible{background-color:color-mix(in oklab, var(--color-bg-start) 50%, transparent)}
.focus-visible\:bg-bg-start\/60:focus-visible{background-color:color-mix(in oklab, var(--color-bg-start) 60%, transparent)}
.focus-visible\:bg-bg-start\/70:focus-visible{background-color:color-mix(in oklab, var(--color-bg-start) 70%, transparent)}
.focus-visible\:bg-bg-start\/80:focus-visible{background-color:color-mix(in oklab, var(--color-bg-start) 80%, transparent)}
.focus-visible\:bg-bg-start\/90:focus-visible{background-color:color-mix(in oklab, var(--color-bg-start) 90%, transparent)}
.focus-visible\:bg-bg-end\/5:focus-visible{background-color:color-mix(in oklab, var(--color-bg-end) 5%, transparent)}
.focus-visible\:bg-bg-end\/10:focus-visible{background-color:color-mix(in oklab, var(--color-bg-end) 10%, transparent)}
.focus-visible\:bg-bg-end\/15:focus-visible{background-color:color-mix(in oklab, var(--color-bg-end) 15%, transparent)}
.focus-visible\:bg-bg-end\/20:focus-visible{background-color:color-mix(in oklab, var(--color-bg-end) 20%, transparent)}
.focus-visible\:bg-bg-end\/25:focus-visible{background-color:color-mix(in oklab, var(--color-bg-end) 25%, transparent)}
.focus-visible\:bg-bg-end\/30:focus-visible{background-color:color-mix(in oklab, var(--color-bg-end) 30%, transparent)}
.focus-visible\:bg-bg-end\/40:focus-visible{background-color:color-mix(in oklab, var(--color-bg-end) 40%, transparent)}
.focus-visible\:bg-bg-end\/50:focus-visible{background-color:color-mix(in oklab, var(--color-bg-end) 50%, transparent)}
.focus-visible\:bg-bg-end\/60:focus-visible{background-color:color-mix(in oklab, var(--color-bg-end) 60%, transparent)}
.focus-visible\:bg-bg-end\/70:focus-visible{background-color:color-mix(in oklab, var(--color-bg-end) 70%, transparent)}
.focus-visible\:bg-bg-end\/80:focus-visible{background-color:color-mix(in oklab, var(--color-bg-end) 80%, transparent)}
.focus-visible\:bg-bg-end\/90:focus-visible{background-color:color-mix(in oklab, var(--color-bg-end) 90%, transparent)}
.focus-visible\:bg-primary-content\/5:focus-visible{background-color:color-mix(in oklab, var(--color-primary-content) 5%, transparent)}
.focus-visible\:bg-primary-content\/10:focus-visible{background-color:color-mix(in oklab, var(--color-primary-content) 10%, transparent)}
.focus-visible\:bg-primary-content\/15:focus-visible{background-color:color-mix(in oklab, var(--color-primary-content) 15%, transparent)}
.focus-visible\:bg-primary-content\/20:focus-visible{background-color:color-mix(in oklab, var(--color-primary-content) 20%, transparent)}
.focus-visible\:bg-primary-content\/25:focus-visible{background-color:color-mix(in oklab, var(--color-primary-content) 25%, transparent)}
.focus-visible\:bg-primary-content\/30:focus-visible{background-color:color-mix(in oklab, var(--color-primary-content) 30%, transparent)}
.focus-visible\:bg-primary-content\/40:focus-visible{background-color:color-mix(in oklab, var(--color-primary-content) 40%, transparent)}
.focus-visible\:bg-primary-content\/50:focus-visible{background-color:color-mix(in oklab, var(--color-primary-content) 50%, transparent)}
.focus-visible\:bg-primary-content\/60:focus-visible{background-color:color-mix(in oklab, var(--color-primary-content) 60%, transparent)}
.focus-visible\:bg-primary-content\/70:focus-visible{background-color:color-mix(in oklab, var(--color-primary-content) 70%, transparent)}
.focus-visible\:bg-primary-content\/80:focus-visible{background-color:color-mix(in oklab, var(--color-primary-content) 80%, transparent)}
.focus-visible\:bg-primary-content\/90:focus-visible{background-color:color-mix(in oklab, var(--color-primary-content) 90%, transparent)}
.focus-visible\:bg-secondary-content\/5:focus-visible{background-color:color-mix(in oklab, var(--color-secondary-content) 5%, transparent)}
.focus-visible\:bg-secondary-content\/10:focus-visible{background-color:color-mix(in oklab, var(--color-secondary-content) 10%, transparent)}
.focus-visible\:bg-secondary-content\/15:focus-visible{background-color:color-mix(in oklab, var(--color-secondary-content) 15%, transparent)}
.focus-visible\:bg-secondary-content\/20:focus-visible{background-color:color-mix(in oklab, var(--color-secondary-content) 20%, transparent)}
.focus-visible\:bg-secondary-content\/25:focus-visible{background-color:color-mix(in oklab, var(--color-secondary-content) 25%, transparent)}
.focus-visible\:bg-secondary-content\/30:focus-visible{background-color:color-mix(in oklab, var(--color-secondary-content) 30%, transparent)}
.focus-visible\:bg-secondary-content\/40:focus-visible{background-color:color-mix(in oklab, var(--color-secondary-content) 40%, transparent)}
.focus-visible\:bg-secondary-content\/50:focus-visible{background-color:color-mix(in oklab, var(--color-secondary-content) 50%, transparent)}
.focus-visible\:bg-secondary-content\/60:focus-visible{background-color:color-mix(in oklab, var(--color-secondary-content) 60%, transparent)}
.focus-visible\:bg-secondary-content\/70:focus-visible{background-color:color-mix(in oklab, var(--color-secondary-content) 70%, transparent)}
.focus-visible\:bg-secondary-content\/80:focus-visible{background-color:color-mix(in oklab, var(--color-secondary-content) 80%, transparent)}
.focus-visible\:bg-secondary-content\/90:focus-visible{background-color:color-mix(in oklab, var(--color-secondary-content) 90%, transparent)}
.focus-visible\:bg-base-100\/5:focus-visible{background-color:color-mix(in oklab, var(--color-base-100) 5%, transparent)}
.focus-visible\:bg-base-100\/10:focus-visible{background-color:color-mix(in oklab, var(--color-base-100) 10%, transparent)}
.focus-visible\:bg-base-100\/15:focus-visible{background-color:color-mix(in oklab, var(--color-base-100) 15%, transparent)}
.focus-visible\:bg-base-100\/20:focus-visible{background-color:color-mix(in oklab, var(--color-base-100) 20%, transparent)}
.focus-visible\:bg-base-100\/25:focus-visible{background-color:color-mix(in oklab, var(--color-base-100) 25%, transparent)}
.focus-visible\:bg-base-100\/30:focus-visible{background-color:color-mix(in oklab, var(--color-base-100) 30%, transparent)}
.focus-visible\:bg-base-100\/40:focus-visible{background-color:color-mix(in oklab, var(--color-base-100) 40%, transparent)}
.focus-visible\:bg-base-100\/50:focus-visible{background-color:color-mix(in oklab, var(--color-base-100) 50%, transparent)}
.focus-visible\:bg-base-100\/60:focus-visible{background-color:color-mix(in oklab, var(--color-base-100) 60%, transparent)}
.focus-visible\:bg-base-100\/70:focus-visible{background-color:color-mix(in oklab, var(--color-base-100) 70%, transparent)}
.focus-visible\:bg-base-100\/80:focus-visible{background-color:color-mix(in oklab, var(--color-base-100) 80%, transparent)}
.focus-visible\:bg-base-100\/90:focus-visible{background-color:color-mix(in oklab, var(--color-base-100) 90%, transparent)}
.focus-visible\:bg-base-200\/5:focus-visible{background-color:color-mix(in oklab, var(--color-base-200) 5%, transparent)}
.focus-visible\:bg-base-200\/10:focus-visible{background-color:color-mix(in oklab, var(--color-base-200) 10%, transparent)}
.focus-visible\:bg-base-200\/15:focus-visible{background-color:color-mix(in oklab, var(--color-base-200) 15%, transparent)}
.focus-visible\:bg-base-200\/20:focus-visible{background-color:color-mix(in oklab, var(--color-base-200) 20%, transparent)}
.focus-visible\:bg-base-200\/25:focus-visible{background-color:color-mix(in oklab, var(--color-base-200) 25%, transparent)}
.focus-visible\:bg-base-200\/30:focus-visible{background-color:color-mix(in oklab, var(--color-base-200) 30%, transparent)}
.focus-visible\:bg-base-200\/40:focus-visible{background-color:color-mix(in oklab, var(--color-base-200) 40%, transparent)}
.focus-visible\:bg-base-200\/50:focus-visible{background-color:color-mix(in oklab, var(--color-base-200) 50%, transparent)}
.focus-visible\:bg-base-200\/60:focus-visible{background-color:color-mix(in oklab, var(--color-base-200) 60%, transparent)}
.focus-visible\:bg-base-200\/70:focus-visible{background-color:color-mix(in oklab, var(--color-base-200) 70%, transparent)}
.focus-visible\:bg-base-200\/80:focus-visible{background-color:color-mix(in oklab, var(--color-base-200) 80%, transparent)}
.focus-visible\:bg-base-200\/90:focus-visible{background-color:color-mix(in oklab, var(--color-base-200) 90%, transparent)}
.focus-visible\:bg-base-300\/5:focus-visible{background-color:color-mix(in oklab, var(--color-base-300) 5%, transparent)}
.focus-visible\:bg-base-300\/10:focus-visible{background-color:color-mix(in oklab, var(--color-base-300) 10%, transparent)}
.focus-visible\:bg-base-300\/15:focus-visible{background-color:color-mix(in oklab, var(--color-base-300) 15%, transparent)}
.focus-visible\:bg-base-300\/20:focus-visible{background-color:color-mix(in oklab, var(--color-base-300) 20%, transparent)}
.focus-visible\:bg-base-300\/25:focus-visible{background-color:color-mix(in oklab, var(--color-base-300) 25%, transparent)}
.focus-visible\:bg-base-300\/30:focus-visible{background-color:color-mix(in oklab, var(--color-base-300) 30%, transparent)}
.focus-visible\:bg-base-300\/40:focus-visible{background-color:color-mix(in oklab, var(--color-base-300) 40%, transparent)}
.focus-visible\:bg-base-300\/50:focus-visible{background-color:color-mix(in oklab, var(--color-base-300) 50%, transparent)}
.focus-visible\:bg-base-300\/60:focus-visible{background-color:color-mix(in oklab, var(--color-base-300) 60%, transparent)}
.focus-visible\:bg-base-300\/70:focus-visible{background-color:color-mix(in oklab, var(--color-base-300) 70%, transparent)}
.focus-visible\:bg-base-300\/80:focus-visible{background-color:color-mix(in oklab, var(--color-base-300) 80%, transparent)}
.focus-visible\:bg-base-300\/90:focus-visible{background-color:color-mix(in oklab, var(--color-base-300) 90%, transparent)}
.focus-visible\:bg-base-content\/5:focus-visible{background-color:color-mix(in oklab, var(--color-base-content) 5%, transparent)}
.focus-visible\:bg-base-content\/10:focus-visible{background-color:color-mix(in oklab, var(--color-base-content) 10%, transparent)}
.focus-visible\:bg-base-content\/15:focus-visible{background-color:color-mix(in oklab, var(--color-base-content) 15%, transparent)}
.focus-visible\:bg-base-content\/20:focus-visible{background-color:color-mix(in oklab, var(--color-base-content) 20%, transparent)}
.focus-visible\:bg-base-content\/25:focus-visible{background-color:color-mix(in oklab, var(--color-base-content) 25%, transparent)}
.focus-visible\:bg-base-content\/30:focus-visible{background-color:color-mix(in oklab, var(--color-base-content) 30%, transparent)}
.focus-visible\:bg-base-content\/40:focus-visible{background-color:color-mix(in oklab, var(--color-base-content) 40%, transparent)}
.focus-visible\:bg-base-content\/50:focus-visible{background-color:color-mix(in oklab, var(--color-base-content) 50%, transparent)}
.focus-visible\:bg-base-content\/60:focus-visible{background-color:color-mix(in oklab, var(--color-base-content) 60%, transparent)}
.focus-visible\:bg-base-content\/70:focus-visible{background-color:color-mix(in oklab, var(--color-base-content) 70%, transparent)}
.focus-visible\:bg-base-content\/80:focus-visible{background-color:color-mix(in oklab, var(--color-base-content) 80%, transparent)}
.focus-visible\:bg-base-content\/90:focus-visible{background-color:color-mix(in oklab, var(--color-base-content) 90%, transparent)}
.focus-visible\:bg-white\/5:focus-visible{background-color:color-mix(in oklab, var(--color-white) 5%, transparent)}
.focus-visible\:bg-white\/10:focus-visible{background-color:color-mix(in oklab, var(--color-white) 10%, transparent)}
.focus-visible\:bg-white\/15:focus-visible{background-color:color-mix(in oklab, var(--color-white) 15%, transparent)}
.focus-visible\:bg-white\/20:focus-visible{background-color:color-mix(in oklab, var(--color-white) 20%, transparent)}
.focus-visible\:bg-white\/25:focus-visible{background-color:color-mix(in oklab, var(--color-white) 25%, transparent)}
.focus-visible\:bg-white\/30:focus-visible{background-color:color-mix(in oklab, var(--color-white) 30%, transparent)}
.focus-visible\:bg-white\/40:focus-visible{background-color:color-mix(in oklab, var(--color-white) 40%, transparent)}
.focus-visible\:bg-white\/50:focus-visible{background-color:color-mix(in oklab, var(--color-white) 50%, transparent)}
.focus-visible\:bg-white\/60:focus-visible{background-color:color-mix(in oklab, var(--color-white) 60%, transparent)}
.focus-visible\:bg-white\/70:focus-visible{background-color:color-mix(in oklab, var(--color-white) 70%, transparent)}
.focus-visible\:bg-white\/80:focus-visible{background-color:color-mix(in oklab, var(--color-white) 80%, transparent)}
.focus-visible\:bg-white\/90:focus-visible{background-color:color-mix(in oklab, var(--color-white) 90%, transparent)}
.focus-visible\:bg-black\/5:focus-visible{background-color:color-mix(in oklab, var(--color-black) 5%, transparent)}
.focus-visible\:bg-black\/10:focus-visible{background-color:color-mix(in oklab, var(--color-black) 10%, transparent)}
.focus-visible\:bg-black\/15:focus-visible{background-color:color-mix(in oklab, var(--color-black) 15%, transparent)}
.focus-visible\:bg-black\/20:focus-visible{background-color:color-mix(in oklab, var(--color-black) 20%, transparent)}
.focus-visible\:bg-black\/25:focus-visible{background-color:color-mix(in oklab, var(--color-black) 25%, transparent)}
.focus-visible\:bg-black\/30:focus-visible{background-color:color-mix(in oklab, var(--color-black) 30%, transparent)}
.focus-visible\:bg-black\/40:focus-visible{background-color:color-mix(in oklab, var(--color-black) 40%, transparent)}
.focus-visible\:bg-black\/50:focus-visible{background-color:color-mix(in oklab, var(--color-black) 50%, transparent)}
.focus-visible\:bg-black\/60:focus-visible{background-color:color-mix(in oklab, var(--color-black) 60%, transparent)}
.focus-visible\:bg-black\/70:focus-visible{background-color:color-mix(in oklab, var(--color-black) 70%, transparent)}
.focus-visible\:bg-black\/80:focus-visible{background-color:color-mix(in oklab, var(--color-black) 80%, transparent)}
.focus-visible\:bg-black\/90:focus-visible{background-color:color-mix(in oklab, var(--color-black) 90%, transparent)}
.focus-visible\:text-primary\/5:focus-visible{color:color-mix(in oklab, var(--color-primary) 5%, transparent)}
.focus-visible\:text-primary\/10:focus-visible{color:color-mix(in oklab, var(--color-primary) 10%, transparent)}
.focus-visible\:text-primary\/15:focus-visible{color:color-mix(in oklab, var(--color-primary) 15%, transparent)}
.focus-visible\:text-primary\/20:focus-visible{color:color-mix(in oklab, var(--color-primary) 20%, transparent)}
.focus-visible\:text-primary\/25:focus-visible{color:color-mix(in oklab, var(--color-primary) 25%, transparent)}
.focus-visible\:text-primary\/30:focus-visible{color:color-mix(in oklab, var(--color-primary) 30%, transparent)}
.focus-visible\:text-primary\/40:focus-visible{color:color-mix(in oklab, var(--color-primary) 40%, transparent)}
.focus-visible\:text-primary\/50:focus-visible{color:color-mix(in oklab, var(--color-primary) 50%, transparent)}
.focus-visible\:text-primary\/60:focus-visible{color:color-mix(in oklab, var(--color-primary) 60%, transparent)}
.focus-visible\:text-primary\/70:focus-visible{color:color-mix(in oklab, var(--color-primary) 70%, transparent)}
.focus-visible\:text-primary\/80:focus-visible{color:color-mix(in oklab, var(--color-primary) 80%, transparent)}
.focus-visible\:text-primary\/90:focus-visible{color:color-mix(in oklab, var(--color-primary) 90%, transparent)}
.focus-visible\:text-secondary\/5:focus-visible{color:color-mix(in oklab, var(--color-secondary) 5%, transparent)}
.focus-visible\:text-secondary\/10:focus-visible{color:color-mix(in oklab, var(--color-secondary) 10%, transparent)}
.focus-visible\:text-secondary\/15:focus-visible{color:color-mix(in oklab, var(--color-secondary) 15%, transparent)}
.focus-visible\:text-secondary\/20:focus-visible{color:color-mix(in oklab, var(--color-secondary) 20%, transparent)}
.focus-visible\:text-secondary\/25:focus-visible{color:color-mix(in oklab, var(--color-secondary) 25%, transparent)}
.focus-visible\:text-secondary\/30:focus-visible{color:color-mix(in oklab, var(--color-secondary) 30%, transparent)}
.focus-visible\:text-secondary\/40:focus-visible{color:color-mix(in oklab, var(--color-secondary) 40%, transparent)}
.focus-visible\:text-secondary\/50:focus-visible{color:color-mix(in oklab, var(--color-secondary) 50%, transparent)}
.focus-visible\:text-secondary\/60:focus-visible{color:color-mix(in oklab, var(--color-secondary) 60%, transparent)}
.focus-visible\:text-secondary\/70:focus-visible{color:color-mix(in oklab, var(--color-secondary) 70%, transparent)}
.focus-visible\:text-secondary\/80:focus-visible{color:color-mix(in oklab, var(--color-secondary) 80%, transparent)}
.focus-visible\:text-secondary\/90:focus-visible{color:color-mix(in oklab, var(--color-secondary) 90%, transparent)}
.focus-visible\:text-background\/5:focus-visible{color:color-mix(in oklab, var(--color-background) 5%, transparent)}
.focus-visible\:text-background\/10:focus-visible{color:color-mix(in oklab, var(--color-background) 10%, transparent)}
.focus-visible\:text-background\/15:focus-visible{color:color-mix(in oklab, var(--color-background) 15%, transparent)}
.focus-visible\:text-background\/20:focus-visible{color:color-mix(in oklab, var(--color-background) 20%, transparent)}
.focus-visible\:text-background\/25:focus-visible{color:color-mix(in oklab, var(--color-background) 25%, transparent)}
.focus-visible\:text-background\/30:focus-visible{color:color-mix(in oklab, var(--color-background) 30%, transparent)}
.focus-visible\:text-background\/40:focus-visible{color:color-mix(in oklab, var(--color-background) 40%, transparent)}
.focus-visible\:text-background\/50:focus-visible{color:color-mix(in oklab, var(--color-background) 50%, transparent)}
.focus-visible\:text-background\/60:focus-visible{color:color-mix(in oklab, var(--color-background) 60%, transparent)}
.focus-visible\:text-background\/70:focus-visible{color:color-mix(in oklab, var(--color-background) 70%, transparent)}
.focus-visible\:text-background\/80:focus-visible{color:color-mix(in oklab, var(--color-background) 80%, transparent)}
.focus-visible\:text-background\/90:focus-visible{color:color-mix(in oklab, var(--color-background) 90%, transparent)}
.focus-visible\:text-transparent\/5:focus-visible{color:color-mix(in oklab, var(--color-transparent) 5%, transparent)}
.focus-visible\:text-transparent\/10:focus-visible{color:color-mix(in oklab, var(--color-transparent) 10%, transparent)}
.focus-visible\:text-transparent\/15:focus-visible{color:color-mix(in oklab, var(--color-transparent) 15%, transparent)}
.focus-visible\:text-transparent\/20:focus-visible{color:color-mix(in oklab, var(--color-transparent) 20%, transparent)}
.focus-visible\:text-transparent\/25:focus-visible{color:color-mix(in oklab, var(--color-transparent) 25%, transparent)}
.focus-visible\:text-transparent\/30:focus-visible{color:color-mix(in oklab, var(--color-transparent) 30%, transparent)}
.focus-visible\:text-transparent\/40:focus-visible{color:color-mix(in oklab, var(--color-transparent) 40%, transparent)}
.focus-visible\:text-transparent\/50:focus-visible{color:color-mix(in oklab, var(--color-transparent) 50%, transparent)}
.focus-visible\:text-transparent\/60:focus-visible{color:color-mix(in oklab, var(--color-transparent) 60%, transparent)}
.focus-visible\:text-transparent\/70:focus-visible{color:color-mix(in oklab, var(--color-transparent) 70%, transparent)}
.focus-visible\:text-transparent\/80:focus-visible{color:color-mix(in oklab, var(--color-transparent) 80%, transparent)}
.focus-visible\:text-transparent\/90:focus-visible{color:color-mix(in oklab, var(--color-transparent) 90%, transparent)}
.focus-visible\:text-active\/5:focus-visible{color:color-mix(in oklab, var(--color-active) 5%, transparent)}
.focus-visible\:text-active\/10:focus-visible{color:color-mix(in oklab, var(--color-active) 10%, transparent)}
.focus-visible\:text-active\/15:focus-visible{color:color-mix(in oklab, var(--color-active) 15%, transparent)}
.focus-visible\:text-active\/20:focus-visible{color:color-mix(in oklab, var(--color-active) 20%, transparent)}
.focus-visible\:text-active\/25:focus-visible{color:color-mix(in oklab, var(--color-active) 25%, transparent)}
.focus-visible\:text-active\/30:focus-visible{color:color-mix(in oklab, var(--color-active) 30%, transparent)}
.focus-visible\:text-active\/40:focus-visible{color:color-mix(in oklab, var(--color-active) 40%, transparent)}
.focus-visible\:text-active\/50:focus-visible{color:color-mix(in oklab, var(--color-active) 50%, transparent)}
.focus-visible\:text-active\/60:focus-visible{color:color-mix(in oklab, var(--color-active) 60%, transparent)}
.focus-visible\:text-active\/70:focus-visible{color:color-mix(in oklab, var(--color-active) 70%, transparent)}
.focus-visible\:text-active\/80:focus-visible{color:color-mix(in oklab, var(--color-active) 80%, transparent)}
.focus-visible\:text-active\/90:focus-visible{color:color-mix(in oklab, var(--color-active) 90%, transparent)}
.focus-visible\:text-hover\/5:focus-visible{color:color-mix(in oklab, var(--color-hover) 5%, transparent)}
.focus-visible\:text-hover\/10:focus-visible{color:color-mix(in oklab, var(--color-hover) 10%, transparent)}
.focus-visible\:text-hover\/15:focus-visible{color:color-mix(in oklab, var(--color-hover) 15%, transparent)}
.focus-visible\:text-hover\/20:focus-visible{color:color-mix(in oklab, var(--color-hover) 20%, transparent)}
.focus-visible\:text-hover\/25:focus-visible{color:color-mix(in oklab, var(--color-hover) 25%, transparent)}
.focus-visible\:text-hover\/30:focus-visible{color:color-mix(in oklab, var(--color-hover) 30%, transparent)}
.focus-visible\:text-hover\/40:focus-visible{color:color-mix(in oklab, var(--color-hover) 40%, transparent)}
.focus-visible\:text-hover\/50:focus-visible{color:color-mix(in oklab, var(--color-hover) 50%, transparent)}
.focus-visible\:text-hover\/60:focus-visible{color:color-mix(in oklab, var(--color-hover) 60%, transparent)}
.focus-visible\:text-hover\/70:focus-visible{color:color-mix(in oklab, var(--color-hover) 70%, transparent)}
.focus-visible\:text-hover\/80:focus-visible{color:color-mix(in oklab, var(--color-hover) 80%, transparent)}
.focus-visible\:text-hover\/90:focus-visible{color:color-mix(in oklab, var(--color-hover) 90%, transparent)}
.focus-visible\:text-not-active\/5:focus-visible{color:color-mix(in oklab, var(--color-not-active) 5%, transparent)}
.focus-visible\:text-not-active\/10:focus-visible{color:color-mix(in oklab, var(--color-not-active) 10%, transparent)}
.focus-visible\:text-not-active\/15:focus-visible{color:color-mix(in oklab, var(--color-not-active) 15%, transparent)}
.focus-visible\:text-not-active\/20:focus-visible{color:color-mix(in oklab, var(--color-not-active) 20%, transparent)}
.focus-visible\:text-not-active\/25:focus-visible{color:color-mix(in oklab, var(--color-not-active) 25%, transparent)}
.focus-visible\:text-not-active\/30:focus-visible{color:color-mix(in oklab, var(--color-not-active) 30%, transparent)}
.focus-visible\:text-not-active\/40:focus-visible{color:color-mix(in oklab, var(--color-not-active) 40%, transparent)}
.focus-visible\:text-not-active\/50:focus-visible{color:color-mix(in oklab, var(--color-not-active) 50%, transparent)}
.focus-visible\:text-not-active\/60:focus-visible{color:color-mix(in oklab, var(--color-not-active) 60%, transparent)}
.focus-visible\:text-not-active\/70:focus-visible{color:color-mix(in oklab, var(--color-not-active) 70%, transparent)}
.focus-visible\:text-not-active\/80:focus-visible{color:color-mix(in oklab, var(--color-not-active) 80%, transparent)}
.focus-visible\:text-not-active\/90:focus-visible{color:color-mix(in oklab, var(--color-not-active) 90%, transparent)}
.focus-visible\:text-primary-text\/5:focus-visible{color:color-mix(in oklab, var(--color-primary-text) 5%, transparent)}
.focus-visible\:text-primary-text\/10:focus-visible{color:color-mix(in oklab, var(--color-primary-text) 10%, transparent)}
.focus-visible\:text-primary-text\/15:focus-visible{color:color-mix(in oklab, var(--color-primary-text) 15%, transparent)}
.focus-visible\:text-primary-text\/20:focus-visible{color:color-mix(in oklab, var(--color-primary-text) 20%, transparent)}
.focus-visible\:text-primary-text\/25:focus-visible{color:color-mix(in oklab, var(--color-primary-text) 25%, transparent)}
.focus-visible\:text-primary-text\/30:focus-visible{color:color-mix(in oklab, var(--color-primary-text) 30%, transparent)}
.focus-visible\:text-primary-text\/40:focus-visible{color:color-mix(in oklab, var(--color-primary-text) 40%, transparent)}
.focus-visible\:text-primary-text\/50:focus-visible{color:color-mix(in oklab, var(--color-primary-text) 50%, transparent)}
.focus-visible\:text-primary-text\/60:focus-visible{color:color-mix(in oklab, var(--color-primary-text) 60%, transparent)}
.focus-visible\:text-primary-text\/70:focus-visible{color:color-mix(in oklab, var(--color-primary-text) 70%, transparent)}
.focus-visible\:text-primary-text\/80:focus-visible{color:color-mix(in oklab, var(--color-primary-text) 80%, transparent)}
.focus-visible\:text-primary-text\/90:focus-visible{color:color-mix(in oklab, var(--color-primary-text) 90%, transparent)}
.focus-visible\:text-secondary-text\/5:focus-visible{color:color-mix(in oklab, var(--color-secondary-text) 5%, transparent)}
.focus-visible\:text-secondary-text\/10:focus-visible{color:color-mix(in oklab, var(--color-secondary-text) 10%, transparent)}
.focus-visible\:text-secondary-text\/15:focus-visible{color:color-mix(in oklab, var(--color-secondary-text) 15%, transparent)}
.focus-visible\:text-secondary-text\/20:focus-visible{color:color-mix(in oklab, var(--color-secondary-text) 20%, transparent)}
.focus-visible\:text-secondary-text\/25:focus-visible{color:color-mix(in oklab, var(--color-secondary-text) 25%, transparent)}
.focus-visible\:text-secondary-text\/30:focus-visible{color:color-mix(in oklab, var(--color-secondary-text) 30%, transparent)}
.focus-visible\:text-secondary-text\/40:focus-visible{color:color-mix(in oklab, var(--color-secondary-text) 40%, transparent)}
.focus-visible\:text-secondary-text\/50:focus-visible{color:color-mix(in oklab, var(--color-secondary-text) 50%, transparent)}
.focus-visible\:text-secondary-text\/60:focus-visible{color:color-mix(in oklab, var(--color-secondary-text) 60%, transparent)}
.focus-visible\:text-secondary-text\/70:focus-visible{color:color-mix(in oklab, var(--color-secondary-text) 70%, transparent)}
.focus-visible\:text-secondary-text\/80:focus-visible{color:color-mix(in oklab, var(--color-secondary-text) 80%, transparent)}
.focus-visible\:text-secondary-text\/90:focus-visible{color:color-mix(in oklab, var(--color-secondary-text) 90%, transparent)}
.focus-visible\:text-tertiary-text\/5:focus-visible{color:color-mix(in oklab, var(--color-tertiary-text) 5%, transparent)}
.focus-visible\:text-tertiary-text\/10:focus-visible{color:color-mix(in oklab, var(--color-tertiary-text) 10%, transparent)}
.focus-visible\:text-tertiary-text\/15:focus-visible{color:color-mix(in oklab, var(--color-tertiary-text) 15%, transparent)}
.focus-visible\:text-tertiary-text\/20:focus-visible{color:color-mix(in oklab, var(--color-tertiary-text) 20%, transparent)}
.focus-visible\:text-tertiary-text\/25:focus-visible{color:color-mix(in oklab, var(--color-tertiary-text) 25%, transparent)}
.focus-visible\:text-tertiary-text\/30:focus-visible{color:color-mix(in oklab, var(--color-tertiary-text) 30%, transparent)}
.focus-visible\:text-tertiary-text\/40:focus-visible{color:color-mix(in oklab, var(--color-tertiary-text) 40%, transparent)}
.focus-visible\:text-tertiary-text\/50:focus-visible{color:color-mix(in oklab, var(--color-tertiary-text) 50%, transparent)}
.focus-visible\:text-tertiary-text\/60:focus-visible{color:color-mix(in oklab, var(--color-tertiary-text) 60%, transparent)}
.focus-visible\:text-tertiary-text\/70:focus-visible{color:color-mix(in oklab, var(--color-tertiary-text) 70%, transparent)}
.focus-visible\:text-tertiary-text\/80:focus-visible{color:color-mix(in oklab, var(--color-tertiary-text) 80%, transparent)}
.focus-visible\:text-tertiary-text\/90:focus-visible{color:color-mix(in oklab, var(--color-tertiary-text) 90%, transparent)}
.focus-visible\:text-not-active-text\/5:focus-visible{color:color-mix(in oklab, var(--color-not-active-text) 5%, transparent)}
.focus-visible\:text-not-active-text\/10:focus-visible{color:color-mix(in oklab, var(--color-not-active-text) 10%, transparent)}
.focus-visible\:text-not-active-text\/15:focus-visible{color:color-mix(in oklab, var(--color-not-active-text) 15%, transparent)}
.focus-visible\:text-not-active-text\/20:focus-visible{color:color-mix(in oklab, var(--color-not-active-text) 20%, transparent)}
.focus-visible\:text-not-active-text\/25:focus-visible{color:color-mix(in oklab, var(--color-not-active-text) 25%, transparent)}
.focus-visible\:text-not-active-text\/30:focus-visible{color:color-mix(in oklab, var(--color-not-active-text) 30%, transparent)}
.focus-visible\:text-not-active-text\/40:focus-visible{color:color-mix(in oklab, var(--color-not-active-text) 40%, transparent)}
.focus-visible\:text-not-active-text\/50:focus-visible{color:color-mix(in oklab, var(--color-not-active-text) 50%, transparent)}
.focus-visible\:text-not-active-text\/60:focus-visible{color:color-mix(in oklab, var(--color-not-active-text) 60%, transparent)}
.focus-visible\:text-not-active-text\/70:focus-visible{color:color-mix(in oklab, var(--color-not-active-text) 70%, transparent)}
.focus-visible\:text-not-active-text\/80:focus-visible{color:color-mix(in oklab, var(--color-not-active-text) 80%, transparent)}
.focus-visible\:text-not-active-text\/90:focus-visible{color:color-mix(in oklab, var(--color-not-active-text) 90%, transparent)}
.focus-visible\:text-state-active\/5:focus-visible{color:color-mix(in oklab, var(--color-state-active) 5%, transparent)}
.focus-visible\:text-state-active\/10:focus-visible{color:color-mix(in oklab, var(--color-state-active) 10%, transparent)}
.focus-visible\:text-state-active\/15:focus-visible{color:color-mix(in oklab, var(--color-state-active) 15%, transparent)}
.focus-visible\:text-state-active\/20:focus-visible{color:color-mix(in oklab, var(--color-state-active) 20%, transparent)}
.focus-visible\:text-state-active\/25:focus-visible{color:color-mix(in oklab, var(--color-state-active) 25%, transparent)}
.focus-visible\:text-state-active\/30:focus-visible{color:color-mix(in oklab, var(--color-state-active) 30%, transparent)}
.focus-visible\:text-state-active\/40:focus-visible{color:color-mix(in oklab, var(--color-state-active) 40%, transparent)}
.focus-visible\:text-state-active\/50:focus-visible{color:color-mix(in oklab, var(--color-state-active) 50%, transparent)}
.focus-visible\:text-state-active\/60:focus-visible{color:color-mix(in oklab, var(--color-state-active) 60%, transparent)}
.focus-visible\:text-state-active\/70:focus-visible{color:color-mix(in oklab, var(--color-state-active) 70%, transparent)}
.focus-visible\:text-state-active\/80:focus-visible{color:color-mix(in oklab, var(--color-state-active) 80%, transparent)}
.focus-visible\:text-state-active\/90:focus-visible{color:color-mix(in oklab, var(--color-state-active) 90%, transparent)}
.focus-visible\:text-state-hover\/5:focus-visible{color:color-mix(in oklab, var(--color-state-hover) 5%, transparent)}
.focus-visible\:text-state-hover\/10:focus-visible{color:color-mix(in oklab, var(--color-state-hover) 10%, transparent)}
.focus-visible\:text-state-hover\/15:focus-visible{color:color-mix(in oklab, var(--color-state-hover) 15%, transparent)}
.focus-visible\:text-state-hover\/20:focus-visible{color:color-mix(in oklab, var(--color-state-hover) 20%, transparent)}
.focus-visible\:text-state-hover\/25:focus-visible{color:color-mix(in oklab, var(--color-state-hover) 25%, transparent)}
.focus-visible\:text-state-hover\/30:focus-visible{color:color-mix(in oklab, var(--color-state-hover) 30%, transparent)}
.focus-visible\:text-state-hover\/40:focus-visible{color:color-mix(in oklab, var(--color-state-hover) 40%, transparent)}
.focus-visible\:text-state-hover\/50:focus-visible{color:color-mix(in oklab, var(--color-state-hover) 50%, transparent)}
.focus-visible\:text-state-hover\/60:focus-visible{color:color-mix(in oklab, var(--color-state-hover) 60%, transparent)}
.focus-visible\:text-state-hover\/70:focus-visible{color:color-mix(in oklab, var(--color-state-hover) 70%, transparent)}
.focus-visible\:text-state-hover\/80:focus-visible{color:color-mix(in oklab, var(--color-state-hover) 80%, transparent)}
.focus-visible\:text-state-hover\/90:focus-visible{color:color-mix(in oklab, var(--color-state-hover) 90%, transparent)}
.focus-visible\:text-state-not-active\/5:focus-visible{color:color-mix(in oklab, var(--color-state-not-active) 5%, transparent)}
.focus-visible\:text-state-not-active\/10:focus-visible{color:color-mix(in oklab, var(--color-state-not-active) 10%, transparent)}
.focus-visible\:text-state-not-active\/15:focus-visible{color:color-mix(in oklab, var(--color-state-not-active) 15%, transparent)}
.focus-visible\:text-state-not-active\/20:focus-visible{color:color-mix(in oklab, var(--color-state-not-active) 20%, transparent)}
.focus-visible\:text-state-not-active\/25:focus-visible{color:color-mix(in oklab, var(--color-state-not-active) 25%, transparent)}
.focus-visible\:text-state-not-active\/30:focus-visible{color:color-mix(in oklab, var(--color-state-not-active) 30%, transparent)}
.focus-visible\:text-state-not-active\/40:focus-visible{color:color-mix(in oklab, var(--color-state-not-active) 40%, transparent)}
.focus-visible\:text-state-not-active\/50:focus-visible{color:color-mix(in oklab, var(--color-state-not-active) 50%, transparent)}
.focus-visible\:text-state-not-active\/60:focus-visible{color:color-mix(in oklab, var(--color-state-not-active) 60%, transparent)}
.focus-visible\:text-state-not-active\/70:focus-visible{color:color-mix(in oklab, var(--color-state-not-active) 70%, transparent)}
.focus-visible\:text-state-not-active\/80:focus-visible{color:color-mix(in oklab, var(--color-state-not-active) 80%, transparent)}
.focus-visible\:text-state-not-active\/90:focus-visible{color:color-mix(in oklab, var(--color-state-not-active) 90%, transparent)}
.focus-visible\:text-card-background\/5:focus-visible{color:color-mix(in oklab, var(--color-card-background) 5%, transparent)}
.focus-visible\:text-card-background\/10:focus-visible{color:color-mix(in oklab, var(--color-card-background) 10%, transparent)}
.focus-visible\:text-card-background\/15:focus-visible{color:color-mix(in oklab, var(--color-card-background) 15%, transparent)}
.focus-visible\:text-card-background\/20:focus-visible{color:color-mix(in oklab, var(--color-card-background) 20%, transparent)}
.focus-visible\:text-card-background\/25:focus-visible{color:color-mix(in oklab, var(--color-card-background) 25%, transparent)}
.focus-visible\:text-card-background\/30:focus-visible{color:color-mix(in oklab, var(--color-card-background) 30%, transparent)}
.focus-visible\:text-card-background\/40:focus-visible{color:color-mix(in oklab, var(--color-card-background) 40%, transparent)}
.focus-visible\:text-card-background\/50:focus-visible{color:color-mix(in oklab, var(--color-card-background) 50%, transparent)}
.focus-visible\:text-card-background\/60:focus-visible{color:color-mix(in oklab, var(--color-card-background) 60%, transparent)}
.focus-visible\:text-card-background\/70:focus-visible{color:color-mix(in oklab, var(--color-card-background) 70%, transparent)}
.focus-visible\:text-card-background\/80:focus-visible{color:color-mix(in oklab, var(--color-card-background) 80%, transparent)}
.focus-visible\:text-card-background\/90:focus-visible{color:color-mix(in oklab, var(--color-card-background) 90%, transparent)}
.focus-visible\:text-card-shadow\/5:focus-visible{color:color-mix(in oklab, var(--color-card-shadow) 5%, transparent)}
.focus-visible\:text-card-shadow\/10:focus-visible{color:color-mix(in oklab, var(--color-card-shadow) 10%, transparent)}
.focus-visible\:text-card-shadow\/15:focus-visible{color:color-mix(in oklab, var(--color-card-shadow) 15%, transparent)}
.focus-visible\:text-card-shadow\/20:focus-visible{color:color-mix(in oklab, var(--color-card-shadow) 20%, transparent)}
.focus-visible\:text-card-shadow\/25:focus-visible{color:color-mix(in oklab, var(--color-card-shadow) 25%, transparent)}
.focus-visible\:text-card-shadow\/30:focus-visible{color:color-mix(in oklab, var(--color-card-shadow) 30%, transparent)}
.focus-visible\:text-card-shadow\/40:focus-visible{color:color-mix(in oklab, var(--color-card-shadow) 40%, transparent)}
.focus-visible\:text-card-shadow\/50:focus-visible{color:color-mix(in oklab, var(--color-card-shadow) 50%, transparent)}
.focus-visible\:text-card-shadow\/60:focus-visible{color:color-mix(in oklab, var(--color-card-shadow) 60%, transparent)}
.focus-visible\:text-card-shadow\/70:focus-visible{color:color-mix(in oklab, var(--color-card-shadow) 70%, transparent)}
.focus-visible\:text-card-shadow\/80:focus-visible{color:color-mix(in oklab, var(--color-card-shadow) 80%, transparent)}
.focus-visible\:text-card-shadow\/90:focus-visible{color:color-mix(in oklab, var(--color-card-shadow) 90%, transparent)}
.focus-visible\:text-border\/5:focus-visible{color:color-mix(in oklab, var(--color-border) 5%, transparent)}
.focus-visible\:text-border\/10:focus-visible{color:color-mix(in oklab, var(--color-border) 10%, transparent)}
.focus-visible\:text-border\/15:focus-visible{color:color-mix(in oklab, var(--color-border) 15%, transparent)}
.focus-visible\:text-border\/20:focus-visible{color:color-mix(in oklab, var(--color-border) 20%, transparent)}
.focus-visible\:text-border\/25:focus-visible{color:color-mix(in oklab, var(--color-border) 25%, transparent)}
.focus-visible\:text-border\/30:focus-visible{color:color-mix(in oklab, var(--color-border) 30%, transparent)}
.focus-visible\:text-border\/40:focus-visible{color:color-mix(in oklab, var(--color-border) 40%, transparent)}
.focus-visible\:text-border\/50:focus-visible{color:color-mix(in oklab, var(--color-border) 50%, transparent)}
.focus-visible\:text-border\/60:focus-visible{color:color-mix(in oklab, var(--color-border) 60%, transparent)}
.focus-visible\:text-border\/70:focus-visible{color:color-mix(in oklab, var(--color-border) 70%, transparent)}
.focus-visible\:text-border\/80:focus-visible{color:color-mix(in oklab, var(--color-border) 80%, transparent)}
.focus-visible\:text-border\/90:focus-visible{color:color-mix(in oklab, var(--color-border) 90%, transparent)}
.focus-visible\:text-border-hover\/5:focus-visible{color:color-mix(in oklab, var(--color-border-hover) 5%, transparent)}
.focus-visible\:text-border-hover\/10:focus-visible{color:color-mix(in oklab, var(--color-border-hover) 10%, transparent)}
.focus-visible\:text-border-hover\/15:focus-visible{color:color-mix(in oklab, var(--color-border-hover) 15%, transparent)}
.focus-visible\:text-border-hover\/20:focus-visible{color:color-mix(in oklab, var(--color-border-hover) 20%, transparent)}
.focus-visible\:text-border-hover\/25:focus-visible{color:color-mix(in oklab, var(--color-border-hover) 25%, transparent)}
.focus-visible\:text-border-hover\/30:focus-visible{color:color-mix(in oklab, var(--color-border-hover) 30%, transparent)}
.focus-visible\:text-border-hover\/40:focus-visible{color:color-mix(in oklab, var(--color-border-hover) 40%, transparent)}
.focus-visible\:text-border-hover\/50:focus-visible{color:color-mix(in oklab, var(--color-border-hover) 50%, transparent)}
.focus-visible\:text-border-hover\/60:focus-visible{color:color-mix(in oklab, var(--color-border-hover) 60%, transparent)}
.focus-visible\:text-border-hover\/70:focus-visible{color:color-mix(in oklab, var(--color-border-hover) 70%, transparent)}
.focus-visible\:text-border-hover\/80:focus-visible{color:color-mix(in oklab, var(--color-border-hover) 80%, transparent)}
.focus-visible\:text-border-hover\/90:focus-visible{color:color-mix(in oklab, var(--color-border-hover) 90%, transparent)}
.focus-visible\:text-border-success\/5:focus-visible{color:color-mix(in oklab, var(--color-border-success) 5%, transparent)}
.focus-visible\:text-border-success\/10:focus-visible{color:color-mix(in oklab, var(--color-border-success) 10%, transparent)}
.focus-visible\:text-border-success\/15:focus-visible{color:color-mix(in oklab, var(--color-border-success) 15%, transparent)}
.focus-visible\:text-border-success\/20:focus-visible{color:color-mix(in oklab, var(--color-border-success) 20%, transparent)}
.focus-visible\:text-border-success\/25:focus-visible{color:color-mix(in oklab, var(--color-border-success) 25%, transparent)}
.focus-visible\:text-border-success\/30:focus-visible{color:color-mix(in oklab, var(--color-border-success) 30%, transparent)}
.focus-visible\:text-border-success\/40:focus-visible{color:color-mix(in oklab, var(--color-border-success) 40%, transparent)}
.focus-visible\:text-border-success\/50:focus-visible{color:color-mix(in oklab, var(--color-border-success) 50%, transparent)}
.focus-visible\:text-border-success\/60:focus-visible{color:color-mix(in oklab, var(--color-border-success) 60%, transparent)}
.focus-visible\:text-border-success\/70:focus-visible{color:color-mix(in oklab, var(--color-border-success) 70%, transparent)}
.focus-visible\:text-border-success\/80:focus-visible{color:color-mix(in oklab, var(--color-border-success) 80%, transparent)}
.focus-visible\:text-border-success\/90:focus-visible{color:color-mix(in oklab, var(--color-border-success) 90%, transparent)}
.focus-visible\:text-border-info\/5:focus-visible{color:color-mix(in oklab, var(--color-border-info) 5%, transparent)}
.focus-visible\:text-border-info\/10:focus-visible{color:color-mix(in oklab, var(--color-border-info) 10%, transparent)}
.focus-visible\:text-border-info\/15:focus-visible{color:color-mix(in oklab, var(--color-border-info) 15%, transparent)}
.focus-visible\:text-border-info\/20:focus-visible{color:color-mix(in oklab, var(--color-border-info) 20%, transparent)}
.focus-visible\:text-border-info\/25:focus-visible{color:color-mix(in oklab, var(--color-border-info) 25%, transparent)}
.focus-visible\:text-border-info\/30:focus-visible{color:color-mix(in oklab, var(--color-border-info) 30%, transparent)}
.focus-visible\:text-border-info\/40:focus-visible{color:color-mix(in oklab, var(--color-border-info) 40%, transparent)}
.focus-visible\:text-border-info\/50:focus-visible{color:color-mix(in oklab, var(--color-border-info) 50%, transparent)}
.focus-visible\:text-border-info\/60:focus-visible{color:color-mix(in oklab, var(--color-border-info) 60%, transparent)}
.focus-visible\:text-border-info\/70:focus-visible{color:color-mix(in oklab, var(--color-border-info) 70%, transparent)}
.focus-visible\:text-border-info\/80:focus-visible{color:color-mix(in oklab, var(--color-border-info) 80%, transparent)}
.focus-visible\:text-border-info\/90:focus-visible{color:color-mix(in oklab, var(--color-border-info) 90%, transparent)}
.focus-visible\:text-border-warning\/5:focus-visible{color:color-mix(in oklab, var(--color-border-warning) 5%, transparent)}
.focus-visible\:text-border-warning\/10:focus-visible{color:color-mix(in oklab, var(--color-border-warning) 10%, transparent)}
.focus-visible\:text-border-warning\/15:focus-visible{color:color-mix(in oklab, var(--color-border-warning) 15%, transparent)}
.focus-visible\:text-border-warning\/20:focus-visible{color:color-mix(in oklab, var(--color-border-warning) 20%, transparent)}
.focus-visible\:text-border-warning\/25:focus-visible{color:color-mix(in oklab, var(--color-border-warning) 25%, transparent)}
.focus-visible\:text-border-warning\/30:focus-visible{color:color-mix(in oklab, var(--color-border-warning) 30%, transparent)}
.focus-visible\:text-border-warning\/40:focus-visible{color:color-mix(in oklab, var(--color-border-warning) 40%, transparent)}
.focus-visible\:text-border-warning\/50:focus-visible{color:color-mix(in oklab, var(--color-border-warning) 50%, transparent)}
.focus-visible\:text-border-warning\/60:focus-visible{color:color-mix(in oklab, var(--color-border-warning) 60%, transparent)}
.focus-visible\:text-border-warning\/70:focus-visible{color:color-mix(in oklab, var(--color-border-warning) 70%, transparent)}
.focus-visible\:text-border-warning\/80:focus-visible{color:color-mix(in oklab, var(--color-border-warning) 80%, transparent)}
.focus-visible\:text-border-warning\/90:focus-visible{color:color-mix(in oklab, var(--color-border-warning) 90%, transparent)}
.focus-visible\:text-border-error\/5:focus-visible{color:color-mix(in oklab, var(--color-border-error) 5%, transparent)}
.focus-visible\:text-border-error\/10:focus-visible{color:color-mix(in oklab, var(--color-border-error) 10%, transparent)}
.focus-visible\:text-border-error\/15:focus-visible{color:color-mix(in oklab, var(--color-border-error) 15%, transparent)}
.focus-visible\:text-border-error\/20:focus-visible{color:color-mix(in oklab, var(--color-border-error) 20%, transparent)}
.focus-visible\:text-border-error\/25:focus-visible{color:color-mix(in oklab, var(--color-border-error) 25%, transparent)}
.focus-visible\:text-border-error\/30:focus-visible{color:color-mix(in oklab, var(--color-border-error) 30%, transparent)}
.focus-visible\:text-border-error\/40:focus-visible{color:color-mix(in oklab, var(--color-border-error) 40%, transparent)}
.focus-visible\:text-border-error\/50:focus-visible{color:color-mix(in oklab, var(--color-border-error) 50%, transparent)}
.focus-visible\:text-border-error\/60:focus-visible{color:color-mix(in oklab, var(--color-border-error) 60%, transparent)}
.focus-visible\:text-border-error\/70:focus-visible{color:color-mix(in oklab, var(--color-border-error) 70%, transparent)}
.focus-visible\:text-border-error\/80:focus-visible{color:color-mix(in oklab, var(--color-border-error) 80%, transparent)}
.focus-visible\:text-border-error\/90:focus-visible{color:color-mix(in oklab, var(--color-border-error) 90%, transparent)}
.focus-visible\:text-light-border\/5:focus-visible{color:color-mix(in oklab, var(--color-light-border) 5%, transparent)}
.focus-visible\:text-light-border\/10:focus-visible{color:color-mix(in oklab, var(--color-light-border) 10%, transparent)}
.focus-visible\:text-light-border\/15:focus-visible{color:color-mix(in oklab, var(--color-light-border) 15%, transparent)}
.focus-visible\:text-light-border\/20:focus-visible{color:color-mix(in oklab, var(--color-light-border) 20%, transparent)}
.focus-visible\:text-light-border\/25:focus-visible{color:color-mix(in oklab, var(--color-light-border) 25%, transparent)}
.focus-visible\:text-light-border\/30:focus-visible{color:color-mix(in oklab, var(--color-light-border) 30%, transparent)}
.focus-visible\:text-light-border\/40:focus-visible{color:color-mix(in oklab, var(--color-light-border) 40%, transparent)}
.focus-visible\:text-light-border\/50:focus-visible{color:color-mix(in oklab, var(--color-light-border) 50%, transparent)}
.focus-visible\:text-light-border\/60:focus-visible{color:color-mix(in oklab, var(--color-light-border) 60%, transparent)}
.focus-visible\:text-light-border\/70:focus-visible{color:color-mix(in oklab, var(--color-light-border) 70%, transparent)}
.focus-visible\:text-light-border\/80:focus-visible{color:color-mix(in oklab, var(--color-light-border) 80%, transparent)}
.focus-visible\:text-light-border\/90:focus-visible{color:color-mix(in oklab, var(--color-light-border) 90%, transparent)}
.focus-visible\:text-divider\/5:focus-visible{color:color-mix(in oklab, var(--color-divider) 5%, transparent)}
.focus-visible\:text-divider\/10:focus-visible{color:color-mix(in oklab, var(--color-divider) 10%, transparent)}
.focus-visible\:text-divider\/15:focus-visible{color:color-mix(in oklab, var(--color-divider) 15%, transparent)}
.focus-visible\:text-divider\/20:focus-visible{color:color-mix(in oklab, var(--color-divider) 20%, transparent)}
.focus-visible\:text-divider\/25:focus-visible{color:color-mix(in oklab, var(--color-divider) 25%, transparent)}
.focus-visible\:text-divider\/30:focus-visible{color:color-mix(in oklab, var(--color-divider) 30%, transparent)}
.focus-visible\:text-divider\/40:focus-visible{color:color-mix(in oklab, var(--color-divider) 40%, transparent)}
.focus-visible\:text-divider\/50:focus-visible{color:color-mix(in oklab, var(--color-divider) 50%, transparent)}
.focus-visible\:text-divider\/60:focus-visible{color:color-mix(in oklab, var(--color-divider) 60%, transparent)}
.focus-visible\:text-divider\/70:focus-visible{color:color-mix(in oklab, var(--color-divider) 70%, transparent)}
.focus-visible\:text-divider\/80:focus-visible{color:color-mix(in oklab, var(--color-divider) 80%, transparent)}
.focus-visible\:text-divider\/90:focus-visible{color:color-mix(in oklab, var(--color-divider) 90%, transparent)}
.focus-visible\:text-success\/5:focus-visible{color:color-mix(in oklab, var(--color-success) 5%, transparent)}
.focus-visible\:text-success\/10:focus-visible{color:color-mix(in oklab, var(--color-success) 10%, transparent)}
.focus-visible\:text-success\/15:focus-visible{color:color-mix(in oklab, var(--color-success) 15%, transparent)}
.focus-visible\:text-success\/20:focus-visible{color:color-mix(in oklab, var(--color-success) 20%, transparent)}
.focus-visible\:text-success\/25:focus-visible{color:color-mix(in oklab, var(--color-success) 25%, transparent)}
.focus-visible\:text-success\/30:focus-visible{color:color-mix(in oklab, var(--color-success) 30%, transparent)}
.focus-visible\:text-success\/40:focus-visible{color:color-mix(in oklab, var(--color-success) 40%, transparent)}
.focus-visible\:text-success\/50:focus-visible{color:color-mix(in oklab, var(--color-success) 50%, transparent)}
.focus-visible\:text-success\/60:focus-visible{color:color-mix(in oklab, var(--color-success) 60%, transparent)}
.focus-visible\:text-success\/70:focus-visible{color:color-mix(in oklab, var(--color-success) 70%, transparent)}
.focus-visible\:text-success\/80:focus-visible{color:color-mix(in oklab, var(--color-success) 80%, transparent)}
.focus-visible\:text-success\/90:focus-visible{color:color-mix(in oklab, var(--color-success) 90%, transparent)}
.focus-visible\:text-error\/5:focus-visible{color:color-mix(in oklab, var(--color-error) 5%, transparent)}
.focus-visible\:text-error\/10:focus-visible{color:color-mix(in oklab, var(--color-error) 10%, transparent)}
.focus-visible\:text-error\/15:focus-visible{color:color-mix(in oklab, var(--color-error) 15%, transparent)}
.focus-visible\:text-error\/20:focus-visible{color:color-mix(in oklab, var(--color-error) 20%, transparent)}
.focus-visible\:text-error\/25:focus-visible{color:color-mix(in oklab, var(--color-error) 25%, transparent)}
.focus-visible\:text-error\/30:focus-visible{color:color-mix(in oklab, var(--color-error) 30%, transparent)}
.focus-visible\:text-error\/40:focus-visible{color:color-mix(in oklab, var(--color-error) 40%, transparent)}
.focus-visible\:text-error\/50:focus-visible{color:color-mix(in oklab, var(--color-error) 50%, transparent)}
.focus-visible\:text-error\/60:focus-visible{color:color-mix(in oklab, var(--color-error) 60%, transparent)}
.focus-visible\:text-error\/70:focus-visible{color:color-mix(in oklab, var(--color-error) 70%, transparent)}
.focus-visible\:text-error\/80:focus-visible{color:color-mix(in oklab, var(--color-error) 80%, transparent)}
.focus-visible\:text-error\/90:focus-visible{color:color-mix(in oklab, var(--color-error) 90%, transparent)}
.focus-visible\:text-error-hover\/5:focus-visible{color:color-mix(in oklab, var(--color-error-hover) 5%, transparent)}
.focus-visible\:text-error-hover\/10:focus-visible{color:color-mix(in oklab, var(--color-error-hover) 10%, transparent)}
.focus-visible\:text-error-hover\/15:focus-visible{color:color-mix(in oklab, var(--color-error-hover) 15%, transparent)}
.focus-visible\:text-error-hover\/20:focus-visible{color:color-mix(in oklab, var(--color-error-hover) 20%, transparent)}
.focus-visible\:text-error-hover\/25:focus-visible{color:color-mix(in oklab, var(--color-error-hover) 25%, transparent)}
.focus-visible\:text-error-hover\/30:focus-visible{color:color-mix(in oklab, var(--color-error-hover) 30%, transparent)}
.focus-visible\:text-error-hover\/40:focus-visible{color:color-mix(in oklab, var(--color-error-hover) 40%, transparent)}
.focus-visible\:text-error-hover\/50:focus-visible{color:color-mix(in oklab, var(--color-error-hover) 50%, transparent)}
.focus-visible\:text-error-hover\/60:focus-visible{color:color-mix(in oklab, var(--color-error-hover) 60%, transparent)}
.focus-visible\:text-error-hover\/70:focus-visible{color:color-mix(in oklab, var(--color-error-hover) 70%, transparent)}
.focus-visible\:text-error-hover\/80:focus-visible{color:color-mix(in oklab, var(--color-error-hover) 80%, transparent)}
.focus-visible\:text-error-hover\/90:focus-visible{color:color-mix(in oklab, var(--color-error-hover) 90%, transparent)}
.focus-visible\:text-warning\/5:focus-visible{color:color-mix(in oklab, var(--color-warning) 5%, transparent)}
.focus-visible\:text-warning\/10:focus-visible{color:color-mix(in oklab, var(--color-warning) 10%, transparent)}
.focus-visible\:text-warning\/15:focus-visible{color:color-mix(in oklab, var(--color-warning) 15%, transparent)}
.focus-visible\:text-warning\/20:focus-visible{color:color-mix(in oklab, var(--color-warning) 20%, transparent)}
.focus-visible\:text-warning\/25:focus-visible{color:color-mix(in oklab, var(--color-warning) 25%, transparent)}
.focus-visible\:text-warning\/30:focus-visible{color:color-mix(in oklab, var(--color-warning) 30%, transparent)}
.focus-visible\:text-warning\/40:focus-visible{color:color-mix(in oklab, var(--color-warning) 40%, transparent)}
.focus-visible\:text-warning\/50:focus-visible{color:color-mix(in oklab, var(--color-warning) 50%, transparent)}
.focus-visible\:text-warning\/60:focus-visible{color:color-mix(in oklab, var(--color-warning) 60%, transparent)}
.focus-visible\:text-warning\/70:focus-visible{color:color-mix(in oklab, var(--color-warning) 70%, transparent)}
.focus-visible\:text-warning\/80:focus-visible{color:color-mix(in oklab, var(--color-warning) 80%, transparent)}
.focus-visible\:text-warning\/90:focus-visible{color:color-mix(in oklab, var(--color-warning) 90%, transparent)}
.focus-visible\:text-info\/5:focus-visible{color:color-mix(in oklab, var(--color-info) 5%, transparent)}
.focus-visible\:text-info\/10:focus-visible{color:color-mix(in oklab, var(--color-info) 10%, transparent)}
.focus-visible\:text-info\/15:focus-visible{color:color-mix(in oklab, var(--color-info) 15%, transparent)}
.focus-visible\:text-info\/20:focus-visible{color:color-mix(in oklab, var(--color-info) 20%, transparent)}
.focus-visible\:text-info\/25:focus-visible{color:color-mix(in oklab, var(--color-info) 25%, transparent)}
.focus-visible\:text-info\/30:focus-visible{color:color-mix(in oklab, var(--color-info) 30%, transparent)}
.focus-visible\:text-info\/40:focus-visible{color:color-mix(in oklab, var(--color-info) 40%, transparent)}
.focus-visible\:text-info\/50:focus-visible{color:color-mix(in oklab, var(--color-info) 50%, transparent)}
.focus-visible\:text-info\/60:focus-visible{color:color-mix(in oklab, var(--color-info) 60%, transparent)}
.focus-visible\:text-info\/70:focus-visible{color:color-mix(in oklab, var(--color-info) 70%, transparent)}
.focus-visible\:text-info\/80:focus-visible{color:color-mix(in oklab, var(--color-info) 80%, transparent)}
.focus-visible\:text-info\/90:focus-visible{color:color-mix(in oklab, var(--color-info) 90%, transparent)}
.focus-visible\:text-bg-success\/5:focus-visible{color:color-mix(in oklab, var(--color-bg-success) 5%, transparent)}
.focus-visible\:text-bg-success\/10:focus-visible{color:color-mix(in oklab, var(--color-bg-success) 10%, transparent)}
.focus-visible\:text-bg-success\/15:focus-visible{color:color-mix(in oklab, var(--color-bg-success) 15%, transparent)}
.focus-visible\:text-bg-success\/20:focus-visible{color:color-mix(in oklab, var(--color-bg-success) 20%, transparent)}
.focus-visible\:text-bg-success\/25:focus-visible{color:color-mix(in oklab, var(--color-bg-success) 25%, transparent)}
.focus-visible\:text-bg-success\/30:focus-visible{color:color-mix(in oklab, var(--color-bg-success) 30%, transparent)}
.focus-visible\:text-bg-success\/40:focus-visible{color:color-mix(in oklab, var(--color-bg-success) 40%, transparent)}
.focus-visible\:text-bg-success\/50:focus-visible{color:color-mix(in oklab, var(--color-bg-success) 50%, transparent)}
.focus-visible\:text-bg-success\/60:focus-visible{color:color-mix(in oklab, var(--color-bg-success) 60%, transparent)}
.focus-visible\:text-bg-success\/70:focus-visible{color:color-mix(in oklab, var(--color-bg-success) 70%, transparent)}
.focus-visible\:text-bg-success\/80:focus-visible{color:color-mix(in oklab, var(--color-bg-success) 80%, transparent)}
.focus-visible\:text-bg-success\/90:focus-visible{color:color-mix(in oklab, var(--color-bg-success) 90%, transparent)}
.focus-visible\:text-bg-error\/5:focus-visible{color:color-mix(in oklab, var(--color-bg-error) 5%, transparent)}
.focus-visible\:text-bg-error\/10:focus-visible{color:color-mix(in oklab, var(--color-bg-error) 10%, transparent)}
.focus-visible\:text-bg-error\/15:focus-visible{color:color-mix(in oklab, var(--color-bg-error) 15%, transparent)}
.focus-visible\:text-bg-error\/20:focus-visible{color:color-mix(in oklab, var(--color-bg-error) 20%, transparent)}
.focus-visible\:text-bg-error\/25:focus-visible{color:color-mix(in oklab, var(--color-bg-error) 25%, transparent)}
.focus-visible\:text-bg-error\/30:focus-visible{color:color-mix(in oklab, var(--color-bg-error) 30%, transparent)}
.focus-visible\:text-bg-error\/40:focus-visible{color:color-mix(in oklab, var(--color-bg-error) 40%, transparent)}
.focus-visible\:text-bg-error\/50:focus-visible{color:color-mix(in oklab, var(--color-bg-error) 50%, transparent)}
.focus-visible\:text-bg-error\/60:focus-visible{color:color-mix(in oklab, var(--color-bg-error) 60%, transparent)}
.focus-visible\:text-bg-error\/70:focus-visible{color:color-mix(in oklab, var(--color-bg-error) 70%, transparent)}
.focus-visible\:text-bg-error\/80:focus-visible{color:color-mix(in oklab, var(--color-bg-error) 80%, transparent)}
.focus-visible\:text-bg-error\/90:focus-visible{color:color-mix(in oklab, var(--color-bg-error) 90%, transparent)}
.focus-visible\:text-bg-warning\/5:focus-visible{color:color-mix(in oklab, var(--color-bg-warning) 5%, transparent)}
.focus-visible\:text-bg-warning\/10:focus-visible{color:color-mix(in oklab, var(--color-bg-warning) 10%, transparent)}
.focus-visible\:text-bg-warning\/15:focus-visible{color:color-mix(in oklab, var(--color-bg-warning) 15%, transparent)}
.focus-visible\:text-bg-warning\/20:focus-visible{color:color-mix(in oklab, var(--color-bg-warning) 20%, transparent)}
.focus-visible\:text-bg-warning\/25:focus-visible{color:color-mix(in oklab, var(--color-bg-warning) 25%, transparent)}
.focus-visible\:text-bg-warning\/30:focus-visible{color:color-mix(in oklab, var(--color-bg-warning) 30%, transparent)}
.focus-visible\:text-bg-warning\/40:focus-visible{color:color-mix(in oklab, var(--color-bg-warning) 40%, transparent)}
.focus-visible\:text-bg-warning\/50:focus-visible{color:color-mix(in oklab, var(--color-bg-warning) 50%, transparent)}
.focus-visible\:text-bg-warning\/60:focus-visible{color:color-mix(in oklab, var(--color-bg-warning) 60%, transparent)}
.focus-visible\:text-bg-warning\/70:focus-visible{color:color-mix(in oklab, var(--color-bg-warning) 70%, transparent)}
.focus-visible\:text-bg-warning\/80:focus-visible{color:color-mix(in oklab, var(--color-bg-warning) 80%, transparent)}
.focus-visible\:text-bg-warning\/90:focus-visible{color:color-mix(in oklab, var(--color-bg-warning) 90%, transparent)}
.focus-visible\:text-bg-info\/5:focus-visible{color:color-mix(in oklab, var(--color-bg-info) 5%, transparent)}
.focus-visible\:text-bg-info\/10:focus-visible{color:color-mix(in oklab, var(--color-bg-info) 10%, transparent)}
.focus-visible\:text-bg-info\/15:focus-visible{color:color-mix(in oklab, var(--color-bg-info) 15%, transparent)}
.focus-visible\:text-bg-info\/20:focus-visible{color:color-mix(in oklab, var(--color-bg-info) 20%, transparent)}
.focus-visible\:text-bg-info\/25:focus-visible{color:color-mix(in oklab, var(--color-bg-info) 25%, transparent)}
.focus-visible\:text-bg-info\/30:focus-visible{color:color-mix(in oklab, var(--color-bg-info) 30%, transparent)}
.focus-visible\:text-bg-info\/40:focus-visible{color:color-mix(in oklab, var(--color-bg-info) 40%, transparent)}
.focus-visible\:text-bg-info\/50:focus-visible{color:color-mix(in oklab, var(--color-bg-info) 50%, transparent)}
.focus-visible\:text-bg-info\/60:focus-visible{color:color-mix(in oklab, var(--color-bg-info) 60%, transparent)}
.focus-visible\:text-bg-info\/70:focus-visible{color:color-mix(in oklab, var(--color-bg-info) 70%, transparent)}
.focus-visible\:text-bg-info\/80:focus-visible{color:color-mix(in oklab, var(--color-bg-info) 80%, transparent)}
.focus-visible\:text-bg-info\/90:focus-visible{color:color-mix(in oklab, var(--color-bg-info) 90%, transparent)}
.focus-visible\:text-title-start\/5:focus-visible{color:color-mix(in oklab, var(--color-title-start) 5%, transparent)}
.focus-visible\:text-title-start\/10:focus-visible{color:color-mix(in oklab, var(--color-title-start) 10%, transparent)}
.focus-visible\:text-title-start\/15:focus-visible{color:color-mix(in oklab, var(--color-title-start) 15%, transparent)}
.focus-visible\:text-title-start\/20:focus-visible{color:color-mix(in oklab, var(--color-title-start) 20%, transparent)}
.focus-visible\:text-title-start\/25:focus-visible{color:color-mix(in oklab, var(--color-title-start) 25%, transparent)}
.focus-visible\:text-title-start\/30:focus-visible{color:color-mix(in oklab, var(--color-title-start) 30%, transparent)}
.focus-visible\:text-title-start\/40:focus-visible{color:color-mix(in oklab, var(--color-title-start) 40%, transparent)}
.focus-visible\:text-title-start\/50:focus-visible{color:color-mix(in oklab, var(--color-title-start) 50%, transparent)}
.focus-visible\:text-title-start\/60:focus-visible{color:color-mix(in oklab, var(--color-title-start) 60%, transparent)}
.focus-visible\:text-title-start\/70:focus-visible{color:color-mix(in oklab, var(--color-title-start) 70%, transparent)}
.focus-visible\:text-title-start\/80:focus-visible{color:color-mix(in oklab, var(--color-title-start) 80%, transparent)}
.focus-visible\:text-title-start\/90:focus-visible{color:color-mix(in oklab, var(--color-title-start) 90%, transparent)}
.focus-visible\:text-title-end\/5:focus-visible{color:color-mix(in oklab, var(--color-title-end) 5%, transparent)}
.focus-visible\:text-title-end\/10:focus-visible{color:color-mix(in oklab, var(--color-title-end) 10%, transparent)}
.focus-visible\:text-title-end\/15:focus-visible{color:color-mix(in oklab, var(--color-title-end) 15%, transparent)}
.focus-visible\:text-title-end\/20:focus-visible{color:color-mix(in oklab, var(--color-title-end) 20%, transparent)}
.focus-visible\:text-title-end\/25:focus-visible{color:color-mix(in oklab, var(--color-title-end) 25%, transparent)}
.focus-visible\:text-title-end\/30:focus-visible{color:color-mix(in oklab, var(--color-title-end) 30%, transparent)}
.focus-visible\:text-title-end\/40:focus-visible{color:color-mix(in oklab, var(--color-title-end) 40%, transparent)}
.focus-visible\:text-title-end\/50:focus-visible{color:color-mix(in oklab, var(--color-title-end) 50%, transparent)}
.focus-visible\:text-title-end\/60:focus-visible{color:color-mix(in oklab, var(--color-title-end) 60%, transparent)}
.focus-visible\:text-title-end\/70:focus-visible{color:color-mix(in oklab, var(--color-title-end) 70%, transparent)}
.focus-visible\:text-title-end\/80:focus-visible{color:color-mix(in oklab, var(--color-title-end) 80%, transparent)}
.focus-visible\:text-title-end\/90:focus-visible{color:color-mix(in oklab, var(--color-title-end) 90%, transparent)}
.focus-visible\:text-bg-start\/5:focus-visible{color:color-mix(in oklab, var(--color-bg-start) 5%, transparent)}
.focus-visible\:text-bg-start\/10:focus-visible{color:color-mix(in oklab, var(--color-bg-start) 10%, transparent)}
.focus-visible\:text-bg-start\/15:focus-visible{color:color-mix(in oklab, var(--color-bg-start) 15%, transparent)}
.focus-visible\:text-bg-start\/20:focus-visible{color:color-mix(in oklab, var(--color-bg-start) 20%, transparent)}
.focus-visible\:text-bg-start\/25:focus-visible{color:color-mix(in oklab, var(--color-bg-start) 25%, transparent)}
.focus-visible\:text-bg-start\/30:focus-visible{color:color-mix(in oklab, var(--color-bg-start) 30%, transparent)}
.focus-visible\:text-bg-start\/40:focus-visible{color:color-mix(in oklab, var(--color-bg-start) 40%, transparent)}
.focus-visible\:text-bg-start\/50:focus-visible{color:color-mix(in oklab, var(--color-bg-start) 50%, transparent)}
.focus-visible\:text-bg-start\/60:focus-visible{color:color-mix(in oklab, var(--color-bg-start) 60%, transparent)}
.focus-visible\:text-bg-start\/70:focus-visible{color:color-mix(in oklab, var(--color-bg-start) 70%, transparent)}
.focus-visible\:text-bg-start\/80:focus-visible{color:color-mix(in oklab, var(--color-bg-start) 80%, transparent)}
.focus-visible\:text-bg-start\/90:focus-visible{color:color-mix(in oklab, var(--color-bg-start) 90%, transparent)}
.focus-visible\:text-bg-end\/5:focus-visible{color:color-mix(in oklab, var(--color-bg-end) 5%, transparent)}
.focus-visible\:text-bg-end\/10:focus-visible{color:color-mix(in oklab, var(--color-bg-end) 10%, transparent)}
.focus-visible\:text-bg-end\/15:focus-visible{color:color-mix(in oklab, var(--color-bg-end) 15%, transparent)}
.focus-visible\:text-bg-end\/20:focus-visible{color:color-mix(in oklab, var(--color-bg-end) 20%, transparent)}
.focus-visible\:text-bg-end\/25:focus-visible{color:color-mix(in oklab, var(--color-bg-end) 25%, transparent)}
.focus-visible\:text-bg-end\/30:focus-visible{color:color-mix(in oklab, var(--color-bg-end) 30%, transparent)}
.focus-visible\:text-bg-end\/40:focus-visible{color:color-mix(in oklab, var(--color-bg-end) 40%, transparent)}
.focus-visible\:text-bg-end\/50:focus-visible{color:color-mix(in oklab, var(--color-bg-end) 50%, transparent)}
.focus-visible\:text-bg-end\/60:focus-visible{color:color-mix(in oklab, var(--color-bg-end) 60%, transparent)}
.focus-visible\:text-bg-end\/70:focus-visible{color:color-mix(in oklab, var(--color-bg-end) 70%, transparent)}
.focus-visible\:text-bg-end\/80:focus-visible{color:color-mix(in oklab, var(--color-bg-end) 80%, transparent)}
.focus-visible\:text-bg-end\/90:focus-visible{color:color-mix(in oklab, var(--color-bg-end) 90%, transparent)}
.focus-visible\:text-primary-content\/5:focus-visible{color:color-mix(in oklab, var(--color-primary-content) 5%, transparent)}
.focus-visible\:text-primary-content\/10:focus-visible{color:color-mix(in oklab, var(--color-primary-content) 10%, transparent)}
.focus-visible\:text-primary-content\/15:focus-visible{color:color-mix(in oklab, var(--color-primary-content) 15%, transparent)}
.focus-visible\:text-primary-content\/20:focus-visible{color:color-mix(in oklab, var(--color-primary-content) 20%, transparent)}
.focus-visible\:text-primary-content\/25:focus-visible{color:color-mix(in oklab, var(--color-primary-content) 25%, transparent)}
.focus-visible\:text-primary-content\/30:focus-visible{color:color-mix(in oklab, var(--color-primary-content) 30%, transparent)}
.focus-visible\:text-primary-content\/40:focus-visible{color:color-mix(in oklab, var(--color-primary-content) 40%, transparent)}
.focus-visible\:text-primary-content\/50:focus-visible{color:color-mix(in oklab, var(--color-primary-content) 50%, transparent)}
.focus-visible\:text-primary-content\/60:focus-visible{color:color-mix(in oklab, var(--color-primary-content) 60%, transparent)}
.focus-visible\:text-primary-content\/70:focus-visible{color:color-mix(in oklab, var(--color-primary-content) 70%, transparent)}
.focus-visible\:text-primary-content\/80:focus-visible{color:color-mix(in oklab, var(--color-primary-content) 80%, transparent)}
.focus-visible\:text-primary-content\/90:focus-visible{color:color-mix(in oklab, var(--color-primary-content) 90%, transparent)}
.focus-visible\:text-secondary-content\/5:focus-visible{color:color-mix(in oklab, var(--color-secondary-content) 5%, transparent)}
.focus-visible\:text-secondary-content\/10:focus-visible{color:color-mix(in oklab, var(--color-secondary-content) 10%, transparent)}
.focus-visible\:text-secondary-content\/15:focus-visible{color:color-mix(in oklab, var(--color-secondary-content) 15%, transparent)}
.focus-visible\:text-secondary-content\/20:focus-visible{color:color-mix(in oklab, var(--color-secondary-content) 20%, transparent)}
.focus-visible\:text-secondary-content\/25:focus-visible{color:color-mix(in oklab, var(--color-secondary-content) 25%, transparent)}
.focus-visible\:text-secondary-content\/30:focus-visible{color:color-mix(in oklab, var(--color-secondary-content) 30%, transparent)}
.focus-visible\:text-secondary-content\/40:focus-visible{color:color-mix(in oklab, var(--color-secondary-content) 40%, transparent)}
.focus-visible\:text-secondary-content\/50:focus-visible{color:color-mix(in oklab, var(--color-secondary-content) 50%, transparent)}
.focus-visible\:text-secondary-content\/60:focus-visible{color:color-mix(in oklab, var(--color-secondary-content) 60%, transparent)}
.focus-visible\:text-secondary-content\/70:focus-visible{color:color-mix(in oklab, var(--color-secondary-content) 70%, transparent)}
.focus-visible\:text-secondary-content\/80:focus-visible{color:color-mix(in oklab, var(--color-secondary-content) 80%, transparent)}
.focus-visible\:text-secondary-content\/90:focus-visible{color:color-mix(in oklab, var(--color-secondary-content) 90%, transparent)}
.focus-visible\:text-base-100\/5:focus-visible{color:color-mix(in oklab, var(--color-base-100) 5%, transparent)}
.focus-visible\:text-base-100\/10:focus-visible{color:color-mix(in oklab, var(--color-base-100) 10%, transparent)}
.focus-visible\:text-base-100\/15:focus-visible{color:color-mix(in oklab, var(--color-base-100) 15%, transparent)}
.focus-visible\:text-base-100\/20:focus-visible{color:color-mix(in oklab, var(--color-base-100) 20%, transparent)}
.focus-visible\:text-base-100\/25:focus-visible{color:color-mix(in oklab, var(--color-base-100) 25%, transparent)}
.focus-visible\:text-base-100\/30:focus-visible{color:color-mix(in oklab, var(--color-base-100) 30%, transparent)}
.focus-visible\:text-base-100\/40:focus-visible{color:color-mix(in oklab, var(--color-base-100) 40%, transparent)}
.focus-visible\:text-base-100\/50:focus-visible{color:color-mix(in oklab, var(--color-base-100) 50%, transparent)}
.focus-visible\:text-base-100\/60:focus-visible{color:color-mix(in oklab, var(--color-base-100) 60%, transparent)}
.focus-visible\:text-base-100\/70:focus-visible{color:color-mix(in oklab, var(--color-base-100) 70%, transparent)}
.focus-visible\:text-base-100\/80:focus-visible{color:color-mix(in oklab, var(--color-base-100) 80%, transparent)}
.focus-visible\:text-base-100\/90:focus-visible{color:color-mix(in oklab, var(--color-base-100) 90%, transparent)}
.focus-visible\:text-base-200\/5:focus-visible{color:color-mix(in oklab, var(--color-base-200) 5%, transparent)}
.focus-visible\:text-base-200\/10:focus-visible{color:color-mix(in oklab, var(--color-base-200) 10%, transparent)}
.focus-visible\:text-base-200\/15:focus-visible{color:color-mix(in oklab, var(--color-base-200) 15%, transparent)}
.focus-visible\:text-base-200\/20:focus-visible{color:color-mix(in oklab, var(--color-base-200) 20%, transparent)}
.focus-visible\:text-base-200\/25:focus-visible{color:color-mix(in oklab, var(--color-base-200) 25%, transparent)}
.focus-visible\:text-base-200\/30:focus-visible{color:color-mix(in oklab, var(--color-base-200) 30%, transparent)}
.focus-visible\:text-base-200\/40:focus-visible{color:color-mix(in oklab, var(--color-base-200) 40%, transparent)}
.focus-visible\:text-base-200\/50:focus-visible{color:color-mix(in oklab, var(--color-base-200) 50%, transparent)}
.focus-visible\:text-base-200\/60:focus-visible{color:color-mix(in oklab, var(--color-base-200) 60%, transparent)}
.focus-visible\:text-base-200\/70:focus-visible{color:color-mix(in oklab, var(--color-base-200) 70%, transparent)}
.focus-visible\:text-base-200\/80:focus-visible{color:color-mix(in oklab, var(--color-base-200) 80%, transparent)}
.focus-visible\:text-base-200\/90:focus-visible{color:color-mix(in oklab, var(--color-base-200) 90%, transparent)}
.focus-visible\:text-base-300\/5:focus-visible{color:color-mix(in oklab, var(--color-base-300) 5%, transparent)}
.focus-visible\:text-base-300\/10:focus-visible{color:color-mix(in oklab, var(--color-base-300) 10%, transparent)}
.focus-visible\:text-base-300\/15:focus-visible{color:color-mix(in oklab, var(--color-base-300) 15%, transparent)}
.focus-visible\:text-base-300\/20:focus-visible{color:color-mix(in oklab, var(--color-base-300) 20%, transparent)}
.focus-visible\:text-base-300\/25:focus-visible{color:color-mix(in oklab, var(--color-base-300) 25%, transparent)}
.focus-visible\:text-base-300\/30:focus-visible{color:color-mix(in oklab, var(--color-base-300) 30%, transparent)}
.focus-visible\:text-base-300\/40:focus-visible{color:color-mix(in oklab, var(--color-base-300) 40%, transparent)}
.focus-visible\:text-base-300\/50:focus-visible{color:color-mix(in oklab, var(--color-base-300) 50%, transparent)}
.focus-visible\:text-base-300\/60:focus-visible{color:color-mix(in oklab, var(--color-base-300) 60%, transparent)}
.focus-visible\:text-base-300\/70:focus-visible{color:color-mix(in oklab, var(--color-base-300) 70%, transparent)}
.focus-visible\:text-base-300\/80:focus-visible{color:color-mix(in oklab, var(--color-base-300) 80%, transparent)}
.focus-visible\:text-base-300\/90:focus-visible{color:color-mix(in oklab, var(--color-base-300) 90%, transparent)}
.focus-visible\:text-base-content\/5:focus-visible{color:color-mix(in oklab, var(--color-base-content) 5%, transparent)}
.focus-visible\:text-base-content\/10:focus-visible{color:color-mix(in oklab, var(--color-base-content) 10%, transparent)}
.focus-visible\:text-base-content\/15:focus-visible{color:color-mix(in oklab, var(--color-base-content) 15%, transparent)}
.focus-visible\:text-base-content\/20:focus-visible{color:color-mix(in oklab, var(--color-base-content) 20%, transparent)}
.focus-visible\:text-base-content\/25:focus-visible{color:color-mix(in oklab, var(--color-base-content) 25%, transparent)}
.focus-visible\:text-base-content\/30:focus-visible{color:color-mix(in oklab, var(--color-base-content) 30%, transparent)}
.focus-visible\:text-base-content\/40:focus-visible{color:color-mix(in oklab, var(--color-base-content) 40%, transparent)}
.focus-visible\:text-base-content\/50:focus-visible{color:color-mix(in oklab, var(--color-base-content) 50%, transparent)}
.focus-visible\:text-base-content\/60:focus-visible{color:color-mix(in oklab, var(--color-base-content) 60%, transparent)}
.focus-visible\:text-base-content\/70:focus-visible{color:color-mix(in oklab, var(--color-base-content) 70%, transparent)}
.focus-visible\:text-base-content\/80:focus-visible{color:color-mix(in oklab, var(--color-base-content) 80%, transparent)}
.focus-visible\:text-base-content\/90:focus-visible{color:color-mix(in oklab, var(--color-base-content) 90%, transparent)}
.focus-visible\:text-white\/5:focus-visible{color:color-mix(in oklab, var(--color-white) 5%, transparent)}
.focus-visible\:text-white\/10:focus-visible{color:color-mix(in oklab, var(--color-white) 10%, transparent)}
.focus-visible\:text-white\/15:focus-visible{color:color-mix(in oklab, var(--color-white) 15%, transparent)}
.focus-visible\:text-white\/20:focus-visible{color:color-mix(in oklab, var(--color-white) 20%, transparent)}
.focus-visible\:text-white\/25:focus-visible{color:color-mix(in oklab, var(--color-white) 25%, transparent)}
.focus-visible\:text-white\/30:focus-visible{color:color-mix(in oklab, var(--color-white) 30%, transparent)}
.focus-visible\:text-white\/40:focus-visible{color:color-mix(in oklab, var(--color-white) 40%, transparent)}
.focus-visible\:text-white\/50:focus-visible{color:color-mix(in oklab, var(--color-white) 50%, transparent)}
.focus-visible\:text-white\/60:focus-visible{color:color-mix(in oklab, var(--color-white) 60%, transparent)}
.focus-visible\:text-white\/70:focus-visible{color:color-mix(in oklab, var(--color-white) 70%, transparent)}
.focus-visible\:text-white\/80:focus-visible{color:color-mix(in oklab, var(--color-white) 80%, transparent)}
.focus-visible\:text-white\/90:focus-visible{color:color-mix(in oklab, var(--color-white) 90%, transparent)}
.focus-visible\:text-black\/5:focus-visible{color:color-mix(in oklab, var(--color-black) 5%, transparent)}
.focus-visible\:text-black\/10:focus-visible{color:color-mix(in oklab, var(--color-black) 10%, transparent)}
.focus-visible\:text-black\/15:focus-visible{color:color-mix(in oklab, var(--color-black) 15%, transparent)}
.focus-visible\:text-black\/20:focus-visible{color:color-mix(in oklab, var(--color-black) 20%, transparent)}
.focus-visible\:text-black\/25:focus-visible{color:color-mix(in oklab, var(--color-black) 25%, transparent)}
.focus-visible\:text-black\/30:focus-visible{color:color-mix(in oklab, var(--color-black) 30%, transparent)}
.focus-visible\:text-black\/40:focus-visible{color:color-mix(in oklab, var(--color-black) 40%, transparent)}
.focus-visible\:text-black\/50:focus-visible{color:color-mix(in oklab, var(--color-black) 50%, transparent)}
.focus-visible\:text-black\/60:focus-visible{color:color-mix(in oklab, var(--color-black) 60%, transparent)}
.focus-visible\:text-black\/70:focus-visible{color:color-mix(in oklab, var(--color-black) 70%, transparent)}
.focus-visible\:text-black\/80:focus-visible{color:color-mix(in oklab, var(--color-black) 80%, transparent)}
.focus-visible\:text-black\/90:focus-visible{color:color-mix(in oklab, var(--color-black) 90%, transparent)}
.focus-visible\:border-primary\/5:focus-visible{border-color:color-mix(in oklab, var(--color-primary) 5%, transparent)}
.focus-visible\:border-primary\/10:focus-visible{border-color:color-mix(in oklab, var(--color-primary) 10%, transparent)}
.focus-visible\:border-primary\/15:focus-visible{border-color:color-mix(in oklab, var(--color-primary) 15%, transparent)}
.focus-visible\:border-primary\/20:focus-visible{border-color:color-mix(in oklab, var(--color-primary) 20%, transparent)}
.focus-visible\:border-primary\/25:focus-visible{border-color:color-mix(in oklab, var(--color-primary) 25%, transparent)}
.focus-visible\:border-primary\/30:focus-visible{border-color:color-mix(in oklab, var(--color-primary) 30%, transparent)}
.focus-visible\:border-primary\/40:focus-visible{border-color:color-mix(in oklab, var(--color-primary) 40%, transparent)}
.focus-visible\:border-primary\/50:focus-visible{border-color:color-mix(in oklab, var(--color-primary) 50%, transparent)}
.focus-visible\:border-primary\/60:focus-visible{border-color:color-mix(in oklab, var(--color-primary) 60%, transparent)}
.focus-visible\:border-primary\/70:focus-visible{border-color:color-mix(in oklab, var(--color-primary) 70%, transparent)}
.focus-visible\:border-primary\/80:focus-visible{border-color:color-mix(in oklab, var(--color-primary) 80%, transparent)}
.focus-visible\:border-primary\/90:focus-visible{border-color:color-mix(in oklab, var(--color-primary) 90%, transparent)}
.focus-visible\:border-secondary\/5:focus-visible{border-color:color-mix(in oklab, var(--color-secondary) 5%, transparent)}
.focus-visible\:border-secondary\/10:focus-visible{border-color:color-mix(in oklab, var(--color-secondary) 10%, transparent)}
.focus-visible\:border-secondary\/15:focus-visible{border-color:color-mix(in oklab, var(--color-secondary) 15%, transparent)}
.focus-visible\:border-secondary\/20:focus-visible{border-color:color-mix(in oklab, var(--color-secondary) 20%, transparent)}
.focus-visible\:border-secondary\/25:focus-visible{border-color:color-mix(in oklab, var(--color-secondary) 25%, transparent)}
.focus-visible\:border-secondary\/30:focus-visible{border-color:color-mix(in oklab, var(--color-secondary) 30%, transparent)}
.focus-visible\:border-secondary\/40:focus-visible{border-color:color-mix(in oklab, var(--color-secondary) 40%, transparent)}
.focus-visible\:border-secondary\/50:focus-visible{border-color:color-mix(in oklab, var(--color-secondary) 50%, transparent)}
.focus-visible\:border-secondary\/60:focus-visible{border-color:color-mix(in oklab, var(--color-secondary) 60%, transparent)}
.focus-visible\:border-secondary\/70:focus-visible{border-color:color-mix(in oklab, var(--color-secondary) 70%, transparent)}
.focus-visible\:border-secondary\/80:focus-visible{border-color:color-mix(in oklab, var(--color-secondary) 80%, transparent)}
.focus-visible\:border-secondary\/90:focus-visible{border-color:color-mix(in oklab, var(--color-secondary) 90%, transparent)}
.focus-visible\:border-background\/5:focus-visible{border-color:color-mix(in oklab, var(--color-background) 5%, transparent)}
.focus-visible\:border-background\/10:focus-visible{border-color:color-mix(in oklab, var(--color-background) 10%, transparent)}
.focus-visible\:border-background\/15:focus-visible{border-color:color-mix(in oklab, var(--color-background) 15%, transparent)}
.focus-visible\:border-background\/20:focus-visible{border-color:color-mix(in oklab, var(--color-background) 20%, transparent)}
.focus-visible\:border-background\/25:focus-visible{border-color:color-mix(in oklab, var(--color-background) 25%, transparent)}
.focus-visible\:border-background\/30:focus-visible{border-color:color-mix(in oklab, var(--color-background) 30%, transparent)}
.focus-visible\:border-background\/40:focus-visible{border-color:color-mix(in oklab, var(--color-background) 40%, transparent)}
.focus-visible\:border-background\/50:focus-visible{border-color:color-mix(in oklab, var(--color-background) 50%, transparent)}
.focus-visible\:border-background\/60:focus-visible{border-color:color-mix(in oklab, var(--color-background) 60%, transparent)}
.focus-visible\:border-background\/70:focus-visible{border-color:color-mix(in oklab, var(--color-background) 70%, transparent)}
.focus-visible\:border-background\/80:focus-visible{border-color:color-mix(in oklab, var(--color-background) 80%, transparent)}
.focus-visible\:border-background\/90:focus-visible{border-color:color-mix(in oklab, var(--color-background) 90%, transparent)}
.focus-visible\:border-transparent\/5:focus-visible{border-color:color-mix(in oklab, var(--color-transparent) 5%, transparent)}
.focus-visible\:border-transparent\/10:focus-visible{border-color:color-mix(in oklab, var(--color-transparent) 10%, transparent)}
.focus-visible\:border-transparent\/15:focus-visible{border-color:color-mix(in oklab, var(--color-transparent) 15%, transparent)}
.focus-visible\:border-transparent\/20:focus-visible{border-color:color-mix(in oklab, var(--color-transparent) 20%, transparent)}
.focus-visible\:border-transparent\/25:focus-visible{border-color:color-mix(in oklab, var(--color-transparent) 25%, transparent)}
.focus-visible\:border-transparent\/30:focus-visible{border-color:color-mix(in oklab, var(--color-transparent) 30%, transparent)}
.focus-visible\:border-transparent\/40:focus-visible{border-color:color-mix(in oklab, var(--color-transparent) 40%, transparent)}
.focus-visible\:border-transparent\/50:focus-visible{border-color:color-mix(in oklab, var(--color-transparent) 50%, transparent)}
.focus-visible\:border-transparent\/60:focus-visible{border-color:color-mix(in oklab, var(--color-transparent) 60%, transparent)}
.focus-visible\:border-transparent\/70:focus-visible{border-color:color-mix(in oklab, var(--color-transparent) 70%, transparent)}
.focus-visible\:border-transparent\/80:focus-visible{border-color:color-mix(in oklab, var(--color-transparent) 80%, transparent)}
.focus-visible\:border-transparent\/90:focus-visible{border-color:color-mix(in oklab, var(--color-transparent) 90%, transparent)}
.focus-visible\:border-active\/5:focus-visible{border-color:color-mix(in oklab, var(--color-active) 5%, transparent)}
.focus-visible\:border-active\/10:focus-visible{border-color:color-mix(in oklab, var(--color-active) 10%, transparent)}
.focus-visible\:border-active\/15:focus-visible{border-color:color-mix(in oklab, var(--color-active) 15%, transparent)}
.focus-visible\:border-active\/20:focus-visible{border-color:color-mix(in oklab, var(--color-active) 20%, transparent)}
.focus-visible\:border-active\/25:focus-visible{border-color:color-mix(in oklab, var(--color-active) 25%, transparent)}
.focus-visible\:border-active\/30:focus-visible{border-color:color-mix(in oklab, var(--color-active) 30%, transparent)}
.focus-visible\:border-active\/40:focus-visible{border-color:color-mix(in oklab, var(--color-active) 40%, transparent)}
.focus-visible\:border-active\/50:focus-visible{border-color:color-mix(in oklab, var(--color-active) 50%, transparent)}
.focus-visible\:border-active\/60:focus-visible{border-color:color-mix(in oklab, var(--color-active) 60%, transparent)}
.focus-visible\:border-active\/70:focus-visible{border-color:color-mix(in oklab, var(--color-active) 70%, transparent)}
.focus-visible\:border-active\/80:focus-visible{border-color:color-mix(in oklab, var(--color-active) 80%, transparent)}
.focus-visible\:border-active\/90:focus-visible{border-color:color-mix(in oklab, var(--color-active) 90%, transparent)}
.focus-visible\:border-hover\/5:focus-visible{border-color:color-mix(in oklab, var(--color-hover) 5%, transparent)}
.focus-visible\:border-hover\/10:focus-visible{border-color:color-mix(in oklab, var(--color-hover) 10%, transparent)}
.focus-visible\:border-hover\/15:focus-visible{border-color:color-mix(in oklab, var(--color-hover) 15%, transparent)}
.focus-visible\:border-hover\/20:focus-visible{border-color:color-mix(in oklab, var(--color-hover) 20%, transparent)}
.focus-visible\:border-hover\/25:focus-visible{border-color:color-mix(in oklab, var(--color-hover) 25%, transparent)}
.focus-visible\:border-hover\/30:focus-visible{border-color:color-mix(in oklab, var(--color-hover) 30%, transparent)}
.focus-visible\:border-hover\/40:focus-visible{border-color:color-mix(in oklab, var(--color-hover) 40%, transparent)}
.focus-visible\:border-hover\/50:focus-visible{border-color:color-mix(in oklab, var(--color-hover) 50%, transparent)}
.focus-visible\:border-hover\/60:focus-visible{border-color:color-mix(in oklab, var(--color-hover) 60%, transparent)}
.focus-visible\:border-hover\/70:focus-visible{border-color:color-mix(in oklab, var(--color-hover) 70%, transparent)}
.focus-visible\:border-hover\/80:focus-visible{border-color:color-mix(in oklab, var(--color-hover) 80%, transparent)}
.focus-visible\:border-hover\/90:focus-visible{border-color:color-mix(in oklab, var(--color-hover) 90%, transparent)}
.focus-visible\:border-not-active\/5:focus-visible{border-color:color-mix(in oklab, var(--color-not-active) 5%, transparent)}
.focus-visible\:border-not-active\/10:focus-visible{border-color:color-mix(in oklab, var(--color-not-active) 10%, transparent)}
.focus-visible\:border-not-active\/15:focus-visible{border-color:color-mix(in oklab, var(--color-not-active) 15%, transparent)}
.focus-visible\:border-not-active\/20:focus-visible{border-color:color-mix(in oklab, var(--color-not-active) 20%, transparent)}
.focus-visible\:border-not-active\/25:focus-visible{border-color:color-mix(in oklab, var(--color-not-active) 25%, transparent)}
.focus-visible\:border-not-active\/30:focus-visible{border-color:color-mix(in oklab, var(--color-not-active) 30%, transparent)}
.focus-visible\:border-not-active\/40:focus-visible{border-color:color-mix(in oklab, var(--color-not-active) 40%, transparent)}
.focus-visible\:border-not-active\/50:focus-visible{border-color:color-mix(in oklab, var(--color-not-active) 50%, transparent)}
.focus-visible\:border-not-active\/60:focus-visible{border-color:color-mix(in oklab, var(--color-not-active) 60%, transparent)}
.focus-visible\:border-not-active\/70:focus-visible{border-color:color-mix(in oklab, var(--color-not-active) 70%, transparent)}
.focus-visible\:border-not-active\/80:focus-visible{border-color:color-mix(in oklab, var(--color-not-active) 80%, transparent)}
.focus-visible\:border-not-active\/90:focus-visible{border-color:color-mix(in oklab, var(--color-not-active) 90%, transparent)}
.focus-visible\:border-primary-text\/5:focus-visible{border-color:color-mix(in oklab, var(--color-primary-text) 5%, transparent)}
.focus-visible\:border-primary-text\/10:focus-visible{border-color:color-mix(in oklab, var(--color-primary-text) 10%, transparent)}
.focus-visible\:border-primary-text\/15:focus-visible{border-color:color-mix(in oklab, var(--color-primary-text) 15%, transparent)}
.focus-visible\:border-primary-text\/20:focus-visible{border-color:color-mix(in oklab, var(--color-primary-text) 20%, transparent)}
.focus-visible\:border-primary-text\/25:focus-visible{border-color:color-mix(in oklab, var(--color-primary-text) 25%, transparent)}
.focus-visible\:border-primary-text\/30:focus-visible{border-color:color-mix(in oklab, var(--color-primary-text) 30%, transparent)}
.focus-visible\:border-primary-text\/40:focus-visible{border-color:color-mix(in oklab, var(--color-primary-text) 40%, transparent)}
.focus-visible\:border-primary-text\/50:focus-visible{border-color:color-mix(in oklab, var(--color-primary-text) 50%, transparent)}
.focus-visible\:border-primary-text\/60:focus-visible{border-color:color-mix(in oklab, var(--color-primary-text) 60%, transparent)}
.focus-visible\:border-primary-text\/70:focus-visible{border-color:color-mix(in oklab, var(--color-primary-text) 70%, transparent)}
.focus-visible\:border-primary-text\/80:focus-visible{border-color:color-mix(in oklab, var(--color-primary-text) 80%, transparent)}
.focus-visible\:border-primary-text\/90:focus-visible{border-color:color-mix(in oklab, var(--color-primary-text) 90%, transparent)}
.focus-visible\:border-secondary-text\/5:focus-visible{border-color:color-mix(in oklab, var(--color-secondary-text) 5%, transparent)}
.focus-visible\:border-secondary-text\/10:focus-visible{border-color:color-mix(in oklab, var(--color-secondary-text) 10%, transparent)}
.focus-visible\:border-secondary-text\/15:focus-visible{border-color:color-mix(in oklab, var(--color-secondary-text) 15%, transparent)}
.focus-visible\:border-secondary-text\/20:focus-visible{border-color:color-mix(in oklab, var(--color-secondary-text) 20%, transparent)}
.focus-visible\:border-secondary-text\/25:focus-visible{border-color:color-mix(in oklab, var(--color-secondary-text) 25%, transparent)}
.focus-visible\:border-secondary-text\/30:focus-visible{border-color:color-mix(in oklab, var(--color-secondary-text) 30%, transparent)}
.focus-visible\:border-secondary-text\/40:focus-visible{border-color:color-mix(in oklab, var(--color-secondary-text) 40%, transparent)}
.focus-visible\:border-secondary-text\/50:focus-visible{border-color:color-mix(in oklab, var(--color-secondary-text) 50%, transparent)}
.focus-visible\:border-secondary-text\/60:focus-visible{border-color:color-mix(in oklab, var(--color-secondary-text) 60%, transparent)}
.focus-visible\:border-secondary-text\/70:focus-visible{border-color:color-mix(in oklab, var(--color-secondary-text) 70%, transparent)}
.focus-visible\:border-secondary-text\/80:focus-visible{border-color:color-mix(in oklab, var(--color-secondary-text) 80%, transparent)}
.focus-visible\:border-secondary-text\/90:focus-visible{border-color:color-mix(in oklab, var(--color-secondary-text) 90%, transparent)}
.focus-visible\:border-tertiary-text\/5:focus-visible{border-color:color-mix(in oklab, var(--color-tertiary-text) 5%, transparent)}
.focus-visible\:border-tertiary-text\/10:focus-visible{border-color:color-mix(in oklab, var(--color-tertiary-text) 10%, transparent)}
.focus-visible\:border-tertiary-text\/15:focus-visible{border-color:color-mix(in oklab, var(--color-tertiary-text) 15%, transparent)}
.focus-visible\:border-tertiary-text\/20:focus-visible{border-color:color-mix(in oklab, var(--color-tertiary-text) 20%, transparent)}
.focus-visible\:border-tertiary-text\/25:focus-visible{border-color:color-mix(in oklab, var(--color-tertiary-text) 25%, transparent)}
.focus-visible\:border-tertiary-text\/30:focus-visible{border-color:color-mix(in oklab, var(--color-tertiary-text) 30%, transparent)}
.focus-visible\:border-tertiary-text\/40:focus-visible{border-color:color-mix(in oklab, var(--color-tertiary-text) 40%, transparent)}
.focus-visible\:border-tertiary-text\/50:focus-visible{border-color:color-mix(in oklab, var(--color-tertiary-text) 50%, transparent)}
.focus-visible\:border-tertiary-text\/60:focus-visible{border-color:color-mix(in oklab, var(--color-tertiary-text) 60%, transparent)}
.focus-visible\:border-tertiary-text\/70:focus-visible{border-color:color-mix(in oklab, var(--color-tertiary-text) 70%, transparent)}
.focus-visible\:border-tertiary-text\/80:focus-visible{border-color:color-mix(in oklab, var(--color-tertiary-text) 80%, transparent)}
.focus-visible\:border-tertiary-text\/90:focus-visible{border-color:color-mix(in oklab, var(--color-tertiary-text) 90%, transparent)}
.focus-visible\:border-not-active-text\/5:focus-visible{border-color:color-mix(in oklab, var(--color-not-active-text) 5%, transparent)}
.focus-visible\:border-not-active-text\/10:focus-visible{border-color:color-mix(in oklab, var(--color-not-active-text) 10%, transparent)}
.focus-visible\:border-not-active-text\/15:focus-visible{border-color:color-mix(in oklab, var(--color-not-active-text) 15%, transparent)}
.focus-visible\:border-not-active-text\/20:focus-visible{border-color:color-mix(in oklab, var(--color-not-active-text) 20%, transparent)}
.focus-visible\:border-not-active-text\/25:focus-visible{border-color:color-mix(in oklab, var(--color-not-active-text) 25%, transparent)}
.focus-visible\:border-not-active-text\/30:focus-visible{border-color:color-mix(in oklab, var(--color-not-active-text) 30%, transparent)}
.focus-visible\:border-not-active-text\/40:focus-visible{border-color:color-mix(in oklab, var(--color-not-active-text) 40%, transparent)}
.focus-visible\:border-not-active-text\/50:focus-visible{border-color:color-mix(in oklab, var(--color-not-active-text) 50%, transparent)}
.focus-visible\:border-not-active-text\/60:focus-visible{border-color:color-mix(in oklab, var(--color-not-active-text) 60%, transparent)}
.focus-visible\:border-not-active-text\/70:focus-visible{border-color:color-mix(in oklab, var(--color-not-active-text) 70%, transparent)}
.focus-visible\:border-not-active-text\/80:focus-visible{border-color:color-mix(in oklab, var(--color-not-active-text) 80%, transparent)}
.focus-visible\:border-not-active-text\/90:focus-visible{border-color:color-mix(in oklab, var(--color-not-active-text) 90%, transparent)}
.focus-visible\:border-state-active\/5:focus-visible{border-color:color-mix(in oklab, var(--color-state-active) 5%, transparent)}
.focus-visible\:border-state-active\/10:focus-visible{border-color:color-mix(in oklab, var(--color-state-active) 10%, transparent)}
.focus-visible\:border-state-active\/15:focus-visible{border-color:color-mix(in oklab, var(--color-state-active) 15%, transparent)}
.focus-visible\:border-state-active\/20:focus-visible{border-color:color-mix(in oklab, var(--color-state-active) 20%, transparent)}
.focus-visible\:border-state-active\/25:focus-visible{border-color:color-mix(in oklab, var(--color-state-active) 25%, transparent)}
.focus-visible\:border-state-active\/30:focus-visible{border-color:color-mix(in oklab, var(--color-state-active) 30%, transparent)}
.focus-visible\:border-state-active\/40:focus-visible{border-color:color-mix(in oklab, var(--color-state-active) 40%, transparent)}
.focus-visible\:border-state-active\/50:focus-visible{border-color:color-mix(in oklab, var(--color-state-active) 50%, transparent)}
.focus-visible\:border-state-active\/60:focus-visible{border-color:color-mix(in oklab, var(--color-state-active) 60%, transparent)}
.focus-visible\:border-state-active\/70:focus-visible{border-color:color-mix(in oklab, var(--color-state-active) 70%, transparent)}
.focus-visible\:border-state-active\/80:focus-visible{border-color:color-mix(in oklab, var(--color-state-active) 80%, transparent)}
.focus-visible\:border-state-active\/90:focus-visible{border-color:color-mix(in oklab, var(--color-state-active) 90%, transparent)}
.focus-visible\:border-state-hover\/5:focus-visible{border-color:color-mix(in oklab, var(--color-state-hover) 5%, transparent)}
.focus-visible\:border-state-hover\/10:focus-visible{border-color:color-mix(in oklab, var(--color-state-hover) 10%, transparent)}
.focus-visible\:border-state-hover\/15:focus-visible{border-color:color-mix(in oklab, var(--color-state-hover) 15%, transparent)}
.focus-visible\:border-state-hover\/20:focus-visible{border-color:color-mix(in oklab, var(--color-state-hover) 20%, transparent)}
.focus-visible\:border-state-hover\/25:focus-visible{border-color:color-mix(in oklab, var(--color-state-hover) 25%, transparent)}
.focus-visible\:border-state-hover\/30:focus-visible{border-color:color-mix(in oklab, var(--color-state-hover) 30%, transparent)}
.focus-visible\:border-state-hover\/40:focus-visible{border-color:color-mix(in oklab, var(--color-state-hover) 40%, transparent)}
.focus-visible\:border-state-hover\/50:focus-visible{border-color:color-mix(in oklab, var(--color-state-hover) 50%, transparent)}
.focus-visible\:border-state-hover\/60:focus-visible{border-color:color-mix(in oklab, var(--color-state-hover) 60%, transparent)}
.focus-visible\:border-state-hover\/70:focus-visible{border-color:color-mix(in oklab, var(--color-state-hover) 70%, transparent)}
.focus-visible\:border-state-hover\/80:focus-visible{border-color:color-mix(in oklab, var(--color-state-hover) 80%, transparent)}
.focus-visible\:border-state-hover\/90:focus-visible{border-color:color-mix(in oklab, var(--color-state-hover) 90%, transparent)}
.focus-visible\:border-state-not-active\/5:focus-visible{border-color:color-mix(in oklab, var(--color-state-not-active) 5%, transparent)}
.focus-visible\:border-state-not-active\/10:focus-visible{border-color:color-mix(in oklab, var(--color-state-not-active) 10%, transparent)}
.focus-visible\:border-state-not-active\/15:focus-visible{border-color:color-mix(in oklab, var(--color-state-not-active) 15%, transparent)}
.focus-visible\:border-state-not-active\/20:focus-visible{border-color:color-mix(in oklab, var(--color-state-not-active) 20%, transparent)}
.focus-visible\:border-state-not-active\/25:focus-visible{border-color:color-mix(in oklab, var(--color-state-not-active) 25%, transparent)}
.focus-visible\:border-state-not-active\/30:focus-visible{border-color:color-mix(in oklab, var(--color-state-not-active) 30%, transparent)}
.focus-visible\:border-state-not-active\/40:focus-visible{border-color:color-mix(in oklab, var(--color-state-not-active) 40%, transparent)}
.focus-visible\:border-state-not-active\/50:focus-visible{border-color:color-mix(in oklab, var(--color-state-not-active) 50%, transparent)}
.focus-visible\:border-state-not-active\/60:focus-visible{border-color:color-mix(in oklab, var(--color-state-not-active) 60%, transparent)}
.focus-visible\:border-state-not-active\/70:focus-visible{border-color:color-mix(in oklab, var(--color-state-not-active) 70%, transparent)}
.focus-visible\:border-state-not-active\/80:focus-visible{border-color:color-mix(in oklab, var(--color-state-not-active) 80%, transparent)}
.focus-visible\:border-state-not-active\/90:focus-visible{border-color:color-mix(in oklab, var(--color-state-not-active) 90%, transparent)}
.focus-visible\:border-card-background\/5:focus-visible{border-color:color-mix(in oklab, var(--color-card-background) 5%, transparent)}
.focus-visible\:border-card-background\/10:focus-visible{border-color:color-mix(in oklab, var(--color-card-background) 10%, transparent)}
.focus-visible\:border-card-background\/15:focus-visible{border-color:color-mix(in oklab, var(--color-card-background) 15%, transparent)}
.focus-visible\:border-card-background\/20:focus-visible{border-color:color-mix(in oklab, var(--color-card-background) 20%, transparent)}
.focus-visible\:border-card-background\/25:focus-visible{border-color:color-mix(in oklab, var(--color-card-background) 25%, transparent)}
.focus-visible\:border-card-background\/30:focus-visible{border-color:color-mix(in oklab, var(--color-card-background) 30%, transparent)}
.focus-visible\:border-card-background\/40:focus-visible{border-color:color-mix(in oklab, var(--color-card-background) 40%, transparent)}
.focus-visible\:border-card-background\/50:focus-visible{border-color:color-mix(in oklab, var(--color-card-background) 50%, transparent)}
.focus-visible\:border-card-background\/60:focus-visible{border-color:color-mix(in oklab, var(--color-card-background) 60%, transparent)}
.focus-visible\:border-card-background\/70:focus-visible{border-color:color-mix(in oklab, var(--color-card-background) 70%, transparent)}
.focus-visible\:border-card-background\/80:focus-visible{border-color:color-mix(in oklab, var(--color-card-background) 80%, transparent)}
.focus-visible\:border-card-background\/90:focus-visible{border-color:color-mix(in oklab, var(--color-card-background) 90%, transparent)}
.focus-visible\:border-card-shadow\/5:focus-visible{border-color:color-mix(in oklab, var(--color-card-shadow) 5%, transparent)}
.focus-visible\:border-card-shadow\/10:focus-visible{border-color:color-mix(in oklab, var(--color-card-shadow) 10%, transparent)}
.focus-visible\:border-card-shadow\/15:focus-visible{border-color:color-mix(in oklab, var(--color-card-shadow) 15%, transparent)}
.focus-visible\:border-card-shadow\/20:focus-visible{border-color:color-mix(in oklab, var(--color-card-shadow) 20%, transparent)}
.focus-visible\:border-card-shadow\/25:focus-visible{border-color:color-mix(in oklab, var(--color-card-shadow) 25%, transparent)}
.focus-visible\:border-card-shadow\/30:focus-visible{border-color:color-mix(in oklab, var(--color-card-shadow) 30%, transparent)}
.focus-visible\:border-card-shadow\/40:focus-visible{border-color:color-mix(in oklab, var(--color-card-shadow) 40%, transparent)}
.focus-visible\:border-card-shadow\/50:focus-visible{border-color:color-mix(in oklab, var(--color-card-shadow) 50%, transparent)}
.focus-visible\:border-card-shadow\/60:focus-visible{border-color:color-mix(in oklab, var(--color-card-shadow) 60%, transparent)}
.focus-visible\:border-card-shadow\/70:focus-visible{border-color:color-mix(in oklab, var(--color-card-shadow) 70%, transparent)}
.focus-visible\:border-card-shadow\/80:focus-visible{border-color:color-mix(in oklab, var(--color-card-shadow) 80%, transparent)}
.focus-visible\:border-card-shadow\/90:focus-visible{border-color:color-mix(in oklab, var(--color-card-shadow) 90%, transparent)}
.focus-visible\:border-border\/5:focus-visible{border-color:color-mix(in oklab, var(--color-border) 5%, transparent)}
.focus-visible\:border-border\/10:focus-visible{border-color:color-mix(in oklab, var(--color-border) 10%, transparent)}
.focus-visible\:border-border\/15:focus-visible{border-color:color-mix(in oklab, var(--color-border) 15%, transparent)}
.focus-visible\:border-border\/20:focus-visible{border-color:color-mix(in oklab, var(--color-border) 20%, transparent)}
.focus-visible\:border-border\/25:focus-visible{border-color:color-mix(in oklab, var(--color-border) 25%, transparent)}
.focus-visible\:border-border\/30:focus-visible{border-color:color-mix(in oklab, var(--color-border) 30%, transparent)}
.focus-visible\:border-border\/40:focus-visible{border-color:color-mix(in oklab, var(--color-border) 40%, transparent)}
.focus-visible\:border-border\/50:focus-visible{border-color:color-mix(in oklab, var(--color-border) 50%, transparent)}
.focus-visible\:border-border\/60:focus-visible{border-color:color-mix(in oklab, var(--color-border) 60%, transparent)}
.focus-visible\:border-border\/70:focus-visible{border-color:color-mix(in oklab, var(--color-border) 70%, transparent)}
.focus-visible\:border-border\/80:focus-visible{border-color:color-mix(in oklab, var(--color-border) 80%, transparent)}
.focus-visible\:border-border\/90:focus-visible{border-color:color-mix(in oklab, var(--color-border) 90%, transparent)}
.focus-visible\:border-border-hover\/5:focus-visible{border-color:color-mix(in oklab, var(--color-border-hover) 5%, transparent)}
.focus-visible\:border-border-hover\/10:focus-visible{border-color:color-mix(in oklab, var(--color-border-hover) 10%, transparent)}
.focus-visible\:border-border-hover\/15:focus-visible{border-color:color-mix(in oklab, var(--color-border-hover) 15%, transparent)}
.focus-visible\:border-border-hover\/20:focus-visible{border-color:color-mix(in oklab, var(--color-border-hover) 20%, transparent)}
.focus-visible\:border-border-hover\/25:focus-visible{border-color:color-mix(in oklab, var(--color-border-hover) 25%, transparent)}
.focus-visible\:border-border-hover\/30:focus-visible{border-color:color-mix(in oklab, var(--color-border-hover) 30%, transparent)}
.focus-visible\:border-border-hover\/40:focus-visible{border-color:color-mix(in oklab, var(--color-border-hover) 40%, transparent)}
.focus-visible\:border-border-hover\/50:focus-visible{border-color:color-mix(in oklab, var(--color-border-hover) 50%, transparent)}
.focus-visible\:border-border-hover\/60:focus-visible{border-color:color-mix(in oklab, var(--color-border-hover) 60%, transparent)}
.focus-visible\:border-border-hover\/70:focus-visible{border-color:color-mix(in oklab, var(--color-border-hover) 70%, transparent)}
.focus-visible\:border-border-hover\/80:focus-visible{border-color:color-mix(in oklab, var(--color-border-hover) 80%, transparent)}
.focus-visible\:border-border-hover\/90:focus-visible{border-color:color-mix(in oklab, var(--color-border-hover) 90%, transparent)}
.focus-visible\:border-border-success\/5:focus-visible{border-color:color-mix(in oklab, var(--color-border-success) 5%, transparent)}
.focus-visible\:border-border-success\/10:focus-visible{border-color:color-mix(in oklab, var(--color-border-success) 10%, transparent)}
.focus-visible\:border-border-success\/15:focus-visible{border-color:color-mix(in oklab, var(--color-border-success) 15%, transparent)}
.focus-visible\:border-border-success\/20:focus-visible{border-color:color-mix(in oklab, var(--color-border-success) 20%, transparent)}
.focus-visible\:border-border-success\/25:focus-visible{border-color:color-mix(in oklab, var(--color-border-success) 25%, transparent)}
.focus-visible\:border-border-success\/30:focus-visible{border-color:color-mix(in oklab, var(--color-border-success) 30%, transparent)}
.focus-visible\:border-border-success\/40:focus-visible{border-color:color-mix(in oklab, var(--color-border-success) 40%, transparent)}
.focus-visible\:border-border-success\/50:focus-visible{border-color:color-mix(in oklab, var(--color-border-success) 50%, transparent)}
.focus-visible\:border-border-success\/60:focus-visible{border-color:color-mix(in oklab, var(--color-border-success) 60%, transparent)}
.focus-visible\:border-border-success\/70:focus-visible{border-color:color-mix(in oklab, var(--color-border-success) 70%, transparent)}
.focus-visible\:border-border-success\/80:focus-visible{border-color:color-mix(in oklab, var(--color-border-success) 80%, transparent)}
.focus-visible\:border-border-success\/90:focus-visible{border-color:color-mix(in oklab, var(--color-border-success) 90%, transparent)}
.focus-visible\:border-border-info\/5:focus-visible{border-color:color-mix(in oklab, var(--color-border-info) 5%, transparent)}
.focus-visible\:border-border-info\/10:focus-visible{border-color:color-mix(in oklab, var(--color-border-info) 10%, transparent)}
.focus-visible\:border-border-info\/15:focus-visible{border-color:color-mix(in oklab, var(--color-border-info) 15%, transparent)}
.focus-visible\:border-border-info\/20:focus-visible{border-color:color-mix(in oklab, var(--color-border-info) 20%, transparent)}
.focus-visible\:border-border-info\/25:focus-visible{border-color:color-mix(in oklab, var(--color-border-info) 25%, transparent)}
.focus-visible\:border-border-info\/30:focus-visible{border-color:color-mix(in oklab, var(--color-border-info) 30%, transparent)}
.focus-visible\:border-border-info\/40:focus-visible{border-color:color-mix(in oklab, var(--color-border-info) 40%, transparent)}
.focus-visible\:border-border-info\/50:focus-visible{border-color:color-mix(in oklab, var(--color-border-info) 50%, transparent)}
.focus-visible\:border-border-info\/60:focus-visible{border-color:color-mix(in oklab, var(--color-border-info) 60%, transparent)}
.focus-visible\:border-border-info\/70:focus-visible{border-color:color-mix(in oklab, var(--color-border-info) 70%, transparent)}
.focus-visible\:border-border-info\/80:focus-visible{border-color:color-mix(in oklab, var(--color-border-info) 80%, transparent)}
.focus-visible\:border-border-info\/90:focus-visible{border-color:color-mix(in oklab, var(--color-border-info) 90%, transparent)}
.focus-visible\:border-border-warning\/5:focus-visible{border-color:color-mix(in oklab, var(--color-border-warning) 5%, transparent)}
.focus-visible\:border-border-warning\/10:focus-visible{border-color:color-mix(in oklab, var(--color-border-warning) 10%, transparent)}
.focus-visible\:border-border-warning\/15:focus-visible{border-color:color-mix(in oklab, var(--color-border-warning) 15%, transparent)}
.focus-visible\:border-border-warning\/20:focus-visible{border-color:color-mix(in oklab, var(--color-border-warning) 20%, transparent)}
.focus-visible\:border-border-warning\/25:focus-visible{border-color:color-mix(in oklab, var(--color-border-warning) 25%, transparent)}
.focus-visible\:border-border-warning\/30:focus-visible{border-color:color-mix(in oklab, var(--color-border-warning) 30%, transparent)}
.focus-visible\:border-border-warning\/40:focus-visible{border-color:color-mix(in oklab, var(--color-border-warning) 40%, transparent)}
.focus-visible\:border-border-warning\/50:focus-visible{border-color:color-mix(in oklab, var(--color-border-warning) 50%, transparent)}
.focus-visible\:border-border-warning\/60:focus-visible{border-color:color-mix(in oklab, var(--color-border-warning) 60%, transparent)}
.focus-visible\:border-border-warning\/70:focus-visible{border-color:color-mix(in oklab, var(--color-border-warning) 70%, transparent)}
.focus-visible\:border-border-warning\/80:focus-visible{border-color:color-mix(in oklab, var(--color-border-warning) 80%, transparent)}
.focus-visible\:border-border-warning\/90:focus-visible{border-color:color-mix(in oklab, var(--color-border-warning) 90%, transparent)}
.focus-visible\:border-border-error\/5:focus-visible{border-color:color-mix(in oklab, var(--color-border-error) 5%, transparent)}
.focus-visible\:border-border-error\/10:focus-visible{border-color:color-mix(in oklab, var(--color-border-error) 10%, transparent)}
.focus-visible\:border-border-error\/15:focus-visible{border-color:color-mix(in oklab, var(--color-border-error) 15%, transparent)}
.focus-visible\:border-border-error\/20:focus-visible{border-color:color-mix(in oklab, var(--color-border-error) 20%, transparent)}
.focus-visible\:border-border-error\/25:focus-visible{border-color:color-mix(in oklab, var(--color-border-error) 25%, transparent)}
.focus-visible\:border-border-error\/30:focus-visible{border-color:color-mix(in oklab, var(--color-border-error) 30%, transparent)}
.focus-visible\:border-border-error\/40:focus-visible{border-color:color-mix(in oklab, var(--color-border-error) 40%, transparent)}
.focus-visible\:border-border-error\/50:focus-visible{border-color:color-mix(in oklab, var(--color-border-error) 50%, transparent)}
.focus-visible\:border-border-error\/60:focus-visible{border-color:color-mix(in oklab, var(--color-border-error) 60%, transparent)}
.focus-visible\:border-border-error\/70:focus-visible{border-color:color-mix(in oklab, var(--color-border-error) 70%, transparent)}
.focus-visible\:border-border-error\/80:focus-visible{border-color:color-mix(in oklab, var(--color-border-error) 80%, transparent)}
.focus-visible\:border-border-error\/90:focus-visible{border-color:color-mix(in oklab, var(--color-border-error) 90%, transparent)}
.focus-visible\:border-light-border\/5:focus-visible{border-color:color-mix(in oklab, var(--color-light-border) 5%, transparent)}
.focus-visible\:border-light-border\/10:focus-visible{border-color:color-mix(in oklab, var(--color-light-border) 10%, transparent)}
.focus-visible\:border-light-border\/15:focus-visible{border-color:color-mix(in oklab, var(--color-light-border) 15%, transparent)}
.focus-visible\:border-light-border\/20:focus-visible{border-color:color-mix(in oklab, var(--color-light-border) 20%, transparent)}
.focus-visible\:border-light-border\/25:focus-visible{border-color:color-mix(in oklab, var(--color-light-border) 25%, transparent)}
.focus-visible\:border-light-border\/30:focus-visible{border-color:color-mix(in oklab, var(--color-light-border) 30%, transparent)}
.focus-visible\:border-light-border\/40:focus-visible{border-color:color-mix(in oklab, var(--color-light-border) 40%, transparent)}
.focus-visible\:border-light-border\/50:focus-visible{border-color:color-mix(in oklab, var(--color-light-border) 50%, transparent)}
.focus-visible\:border-light-border\/60:focus-visible{border-color:color-mix(in oklab, var(--color-light-border) 60%, transparent)}
.focus-visible\:border-light-border\/70:focus-visible{border-color:color-mix(in oklab, var(--color-light-border) 70%, transparent)}
.focus-visible\:border-light-border\/80:focus-visible{border-color:color-mix(in oklab, var(--color-light-border) 80%, transparent)}
.focus-visible\:border-light-border\/90:focus-visible{border-color:color-mix(in oklab, var(--color-light-border) 90%, transparent)}
.focus-visible\:border-divider\/5:focus-visible{border-color:color-mix(in oklab, var(--color-divider) 5%, transparent)}
.focus-visible\:border-divider\/10:focus-visible{border-color:color-mix(in oklab, var(--color-divider) 10%, transparent)}
.focus-visible\:border-divider\/15:focus-visible{border-color:color-mix(in oklab, var(--color-divider) 15%, transparent)}
.focus-visible\:border-divider\/20:focus-visible{border-color:color-mix(in oklab, var(--color-divider) 20%, transparent)}
.focus-visible\:border-divider\/25:focus-visible{border-color:color-mix(in oklab, var(--color-divider) 25%, transparent)}
.focus-visible\:border-divider\/30:focus-visible{border-color:color-mix(in oklab, var(--color-divider) 30%, transparent)}
.focus-visible\:border-divider\/40:focus-visible{border-color:color-mix(in oklab, var(--color-divider) 40%, transparent)}
.focus-visible\:border-divider\/50:focus-visible{border-color:color-mix(in oklab, var(--color-divider) 50%, transparent)}
.focus-visible\:border-divider\/60:focus-visible{border-color:color-mix(in oklab, var(--color-divider) 60%, transparent)}
.focus-visible\:border-divider\/70:focus-visible{border-color:color-mix(in oklab, var(--color-divider) 70%, transparent)}
.focus-visible\:border-divider\/80:focus-visible{border-color:color-mix(in oklab, var(--color-divider) 80%, transparent)}
.focus-visible\:border-divider\/90:focus-visible{border-color:color-mix(in oklab, var(--color-divider) 90%, transparent)}
.focus-visible\:border-success\/5:focus-visible{border-color:color-mix(in oklab, var(--color-success) 5%, transparent)}
.focus-visible\:border-success\/10:focus-visible{border-color:color-mix(in oklab, var(--color-success) 10%, transparent)}
.focus-visible\:border-success\/15:focus-visible{border-color:color-mix(in oklab, var(--color-success) 15%, transparent)}
.focus-visible\:border-success\/20:focus-visible{border-color:color-mix(in oklab, var(--color-success) 20%, transparent)}
.focus-visible\:border-success\/25:focus-visible{border-color:color-mix(in oklab, var(--color-success) 25%, transparent)}
.focus-visible\:border-success\/30:focus-visible{border-color:color-mix(in oklab, var(--color-success) 30%, transparent)}
.focus-visible\:border-success\/40:focus-visible{border-color:color-mix(in oklab, var(--color-success) 40%, transparent)}
.focus-visible\:border-success\/50:focus-visible{border-color:color-mix(in oklab, var(--color-success) 50%, transparent)}
.focus-visible\:border-success\/60:focus-visible{border-color:color-mix(in oklab, var(--color-success) 60%, transparent)}
.focus-visible\:border-success\/70:focus-visible{border-color:color-mix(in oklab, var(--color-success) 70%, transparent)}
.focus-visible\:border-success\/80:focus-visible{border-color:color-mix(in oklab, var(--color-success) 80%, transparent)}
.focus-visible\:border-success\/90:focus-visible{border-color:color-mix(in oklab, var(--color-success) 90%, transparent)}
.focus-visible\:border-error\/5:focus-visible{border-color:color-mix(in oklab, var(--color-error) 5%, transparent)}
.focus-visible\:border-error\/10:focus-visible{border-color:color-mix(in oklab, var(--color-error) 10%, transparent)}
.focus-visible\:border-error\/15:focus-visible{border-color:color-mix(in oklab, var(--color-error) 15%, transparent)}
.focus-visible\:border-error\/20:focus-visible{border-color:color-mix(in oklab, var(--color-error) 20%, transparent)}
.focus-visible\:border-error\/25:focus-visible{border-color:color-mix(in oklab, var(--color-error) 25%, transparent)}
.focus-visible\:border-error\/30:focus-visible{border-color:color-mix(in oklab, var(--color-error) 30%, transparent)}
.focus-visible\:border-error\/40:focus-visible{border-color:color-mix(in oklab, var(--color-error) 40%, transparent)}
.focus-visible\:border-error\/50:focus-visible{border-color:color-mix(in oklab, var(--color-error) 50%, transparent)}
.focus-visible\:border-error\/60:focus-visible{border-color:color-mix(in oklab, var(--color-error) 60%, transparent)}
.focus-visible\:border-error\/70:focus-visible{border-color:color-mix(in oklab, var(--color-error) 70%, transparent)}
.focus-visible\:border-error\/80:focus-visible{border-color:color-mix(in oklab, var(--color-error) 80%, transparent)}
.focus-visible\:border-error\/90:focus-visible{border-color:color-mix(in oklab, var(--color-error) 90%, transparent)}
.focus-visible\:border-error-hover\/5:focus-visible{border-color:color-mix(in oklab, var(--color-error-hover) 5%, transparent)}
.focus-visible\:border-error-hover\/10:focus-visible{border-color:color-mix(in oklab, var(--color-error-hover) 10%, transparent)}
.focus-visible\:border-error-hover\/15:focus-visible{border-color:color-mix(in oklab, var(--color-error-hover) 15%, transparent)}
.focus-visible\:border-error-hover\/20:focus-visible{border-color:color-mix(in oklab, var(--color-error-hover) 20%, transparent)}
.focus-visible\:border-error-hover\/25:focus-visible{border-color:color-mix(in oklab, var(--color-error-hover) 25%, transparent)}
.focus-visible\:border-error-hover\/30:focus-visible{border-color:color-mix(in oklab, var(--color-error-hover) 30%, transparent)}
.focus-visible\:border-error-hover\/40:focus-visible{border-color:color-mix(in oklab, var(--color-error-hover) 40%, transparent)}
.focus-visible\:border-error-hover\/50:focus-visible{border-color:color-mix(in oklab, var(--color-error-hover) 50%, transparent)}
.focus-visible\:border-error-hover\/60:focus-visible{border-color:color-mix(in oklab, var(--color-error-hover) 60%, transparent)}
.focus-visible\:border-error-hover\/70:focus-visible{border-color:color-mix(in oklab, var(--color-error-hover) 70%, transparent)}
.focus-visible\:border-error-hover\/80:focus-visible{border-color:color-mix(in oklab, var(--color-error-hover) 80%, transparent)}
.focus-visible\:border-error-hover\/90:focus-visible{border-color:color-mix(in oklab, var(--color-error-hover) 90%, transparent)}
.focus-visible\:border-warning\/5:focus-visible{border-color:color-mix(in oklab, var(--color-warning) 5%, transparent)}
.focus-visible\:border-warning\/10:focus-visible{border-color:color-mix(in oklab, var(--color-warning) 10%, transparent)}
.focus-visible\:border-warning\/15:focus-visible{border-color:color-mix(in oklab, var(--color-warning) 15%, transparent)}
.focus-visible\:border-warning\/20:focus-visible{border-color:color-mix(in oklab, var(--color-warning) 20%, transparent)}
.focus-visible\:border-warning\/25:focus-visible{border-color:color-mix(in oklab, var(--color-warning) 25%, transparent)}
.focus-visible\:border-warning\/30:focus-visible{border-color:color-mix(in oklab, var(--color-warning) 30%, transparent)}
.focus-visible\:border-warning\/40:focus-visible{border-color:color-mix(in oklab, var(--color-warning) 40%, transparent)}
.focus-visible\:border-warning\/50:focus-visible{border-color:color-mix(in oklab, var(--color-warning) 50%, transparent)}
.focus-visible\:border-warning\/60:focus-visible{border-color:color-mix(in oklab, var(--color-warning) 60%, transparent)}
.focus-visible\:border-warning\/70:focus-visible{border-color:color-mix(in oklab, var(--color-warning) 70%, transparent)}
.focus-visible\:border-warning\/80:focus-visible{border-color:color-mix(in oklab, var(--color-warning) 80%, transparent)}
.focus-visible\:border-warning\/90:focus-visible{border-color:color-mix(in oklab, var(--color-warning) 90%, transparent)}
.focus-visible\:border-info\/5:focus-visible{border-color:color-mix(in oklab, var(--color-info) 5%, transparent)}
.focus-visible\:border-info\/10:focus-visible{border-color:color-mix(in oklab, var(--color-info) 10%, transparent)}
.focus-visible\:border-info\/15:focus-visible{border-color:color-mix(in oklab, var(--color-info) 15%, transparent)}
.focus-visible\:border-info\/20:focus-visible{border-color:color-mix(in oklab, var(--color-info) 20%, transparent)}
.focus-visible\:border-info\/25:focus-visible{border-color:color-mix(in oklab, var(--color-info) 25%, transparent)}
.focus-visible\:border-info\/30:focus-visible{border-color:color-mix(in oklab, var(--color-info) 30%, transparent)}
.focus-visible\:border-info\/40:focus-visible{border-color:color-mix(in oklab, var(--color-info) 40%, transparent)}
.focus-visible\:border-info\/50:focus-visible{border-color:color-mix(in oklab, var(--color-info) 50%, transparent)}
.focus-visible\:border-info\/60:focus-visible{border-color:color-mix(in oklab, var(--color-info) 60%, transparent)}
.focus-visible\:border-info\/70:focus-visible{border-color:color-mix(in oklab, var(--color-info) 70%, transparent)}
.focus-visible\:border-info\/80:focus-visible{border-color:color-mix(in oklab, var(--color-info) 80%, transparent)}
.focus-visible\:border-info\/90:focus-visible{border-color:color-mix(in oklab, var(--color-info) 90%, transparent)}
.focus-visible\:border-bg-success\/5:focus-visible{border-color:color-mix(in oklab, var(--color-bg-success) 5%, transparent)}
.focus-visible\:border-bg-success\/10:focus-visible{border-color:color-mix(in oklab, var(--color-bg-success) 10%, transparent)}
.focus-visible\:border-bg-success\/15:focus-visible{border-color:color-mix(in oklab, var(--color-bg-success) 15%, transparent)}
.focus-visible\:border-bg-success\/20:focus-visible{border-color:color-mix(in oklab, var(--color-bg-success) 20%, transparent)}
.focus-visible\:border-bg-success\/25:focus-visible{border-color:color-mix(in oklab, var(--color-bg-success) 25%, transparent)}
.focus-visible\:border-bg-success\/30:focus-visible{border-color:color-mix(in oklab, var(--color-bg-success) 30%, transparent)}
.focus-visible\:border-bg-success\/40:focus-visible{border-color:color-mix(in oklab, var(--color-bg-success) 40%, transparent)}
.focus-visible\:border-bg-success\/50:focus-visible{border-color:color-mix(in oklab, var(--color-bg-success) 50%, transparent)}
.focus-visible\:border-bg-success\/60:focus-visible{border-color:color-mix(in oklab, var(--color-bg-success) 60%, transparent)}
.focus-visible\:border-bg-success\/70:focus-visible{border-color:color-mix(in oklab, var(--color-bg-success) 70%, transparent)}
.focus-visible\:border-bg-success\/80:focus-visible{border-color:color-mix(in oklab, var(--color-bg-success) 80%, transparent)}
.focus-visible\:border-bg-success\/90:focus-visible{border-color:color-mix(in oklab, var(--color-bg-success) 90%, transparent)}
.focus-visible\:border-bg-error\/5:focus-visible{border-color:color-mix(in oklab, var(--color-bg-error) 5%, transparent)}
.focus-visible\:border-bg-error\/10:focus-visible{border-color:color-mix(in oklab, var(--color-bg-error) 10%, transparent)}
.focus-visible\:border-bg-error\/15:focus-visible{border-color:color-mix(in oklab, var(--color-bg-error) 15%, transparent)}
.focus-visible\:border-bg-error\/20:focus-visible{border-color:color-mix(in oklab, var(--color-bg-error) 20%, transparent)}
.focus-visible\:border-bg-error\/25:focus-visible{border-color:color-mix(in oklab, var(--color-bg-error) 25%, transparent)}
.focus-visible\:border-bg-error\/30:focus-visible{border-color:color-mix(in oklab, var(--color-bg-error) 30%, transparent)}
.focus-visible\:border-bg-error\/40:focus-visible{border-color:color-mix(in oklab, var(--color-bg-error) 40%, transparent)}
.focus-visible\:border-bg-error\/50:focus-visible{border-color:color-mix(in oklab, var(--color-bg-error) 50%, transparent)}
.focus-visible\:border-bg-error\/60:focus-visible{border-color:color-mix(in oklab, var(--color-bg-error) 60%, transparent)}
.focus-visible\:border-bg-error\/70:focus-visible{border-color:color-mix(in oklab, var(--color-bg-error) 70%, transparent)}
.focus-visible\:border-bg-error\/80:focus-visible{border-color:color-mix(in oklab, var(--color-bg-error) 80%, transparent)}
.focus-visible\:border-bg-error\/90:focus-visible{border-color:color-mix(in oklab, var(--color-bg-error) 90%, transparent)}
.focus-visible\:border-bg-warning\/5:focus-visible{border-color:color-mix(in oklab, var(--color-bg-warning) 5%, transparent)}
.focus-visible\:border-bg-warning\/10:focus-visible{border-color:color-mix(in oklab, var(--color-bg-warning) 10%, transparent)}
.focus-visible\:border-bg-warning\/15:focus-visible{border-color:color-mix(in oklab, var(--color-bg-warning) 15%, transparent)}
.focus-visible\:border-bg-warning\/20:focus-visible{border-color:color-mix(in oklab, var(--color-bg-warning) 20%, transparent)}
.focus-visible\:border-bg-warning\/25:focus-visible{border-color:color-mix(in oklab, var(--color-bg-warning) 25%, transparent)}
.focus-visible\:border-bg-warning\/30:focus-visible{border-color:color-mix(in oklab, var(--color-bg-warning) 30%, transparent)}
.focus-visible\:border-bg-warning\/40:focus-visible{border-color:color-mix(in oklab, var(--color-bg-warning) 40%, transparent)}
.focus-visible\:border-bg-warning\/50:focus-visible{border-color:color-mix(in oklab, var(--color-bg-warning) 50%, transparent)}
.focus-visible\:border-bg-warning\/60:focus-visible{border-color:color-mix(in oklab, var(--color-bg-warning) 60%, transparent)}
.focus-visible\:border-bg-warning\/70:focus-visible{border-color:color-mix(in oklab, var(--color-bg-warning) 70%, transparent)}
.focus-visible\:border-bg-warning\/80:focus-visible{border-color:color-mix(in oklab, var(--color-bg-warning) 80%, transparent)}
.focus-visible\:border-bg-warning\/90:focus-visible{border-color:color-mix(in oklab, var(--color-bg-warning) 90%, transparent)}
.focus-visible\:border-bg-info\/5:focus-visible{border-color:color-mix(in oklab, var(--color-bg-info) 5%, transparent)}
.focus-visible\:border-bg-info\/10:focus-visible{border-color:color-mix(in oklab, var(--color-bg-info) 10%, transparent)}
.focus-visible\:border-bg-info\/15:focus-visible{border-color:color-mix(in oklab, var(--color-bg-info) 15%, transparent)}
.focus-visible\:border-bg-info\/20:focus-visible{border-color:color-mix(in oklab, var(--color-bg-info) 20%, transparent)}
.focus-visible\:border-bg-info\/25:focus-visible{border-color:color-mix(in oklab, var(--color-bg-info) 25%, transparent)}
.focus-visible\:border-bg-info\/30:focus-visible{border-color:color-mix(in oklab, var(--color-bg-info) 30%, transparent)}
.focus-visible\:border-bg-info\/40:focus-visible{border-color:color-mix(in oklab, var(--color-bg-info) 40%, transparent)}
.focus-visible\:border-bg-info\/50:focus-visible{border-color:color-mix(in oklab, var(--color-bg-info) 50%, transparent)}
.focus-visible\:border-bg-info\/60:focus-visible{border-color:color-mix(in oklab, var(--color-bg-info) 60%, transparent)}
.focus-visible\:border-bg-info\/70:focus-visible{border-color:color-mix(in oklab, var(--color-bg-info) 70%, transparent)}
.focus-visible\:border-bg-info\/80:focus-visible{border-color:color-mix(in oklab, var(--color-bg-info) 80%, transparent)}
.focus-visible\:border-bg-info\/90:focus-visible{border-color:color-mix(in oklab, var(--color-bg-info) 90%, transparent)}
.focus-visible\:border-title-start\/5:focus-visible{border-color:color-mix(in oklab, var(--color-title-start) 5%, transparent)}
.focus-visible\:border-title-start\/10:focus-visible{border-color:color-mix(in oklab, var(--color-title-start) 10%, transparent)}
.focus-visible\:border-title-start\/15:focus-visible{border-color:color-mix(in oklab, var(--color-title-start) 15%, transparent)}
.focus-visible\:border-title-start\/20:focus-visible{border-color:color-mix(in oklab, var(--color-title-start) 20%, transparent)}
.focus-visible\:border-title-start\/25:focus-visible{border-color:color-mix(in oklab, var(--color-title-start) 25%, transparent)}
.focus-visible\:border-title-start\/30:focus-visible{border-color:color-mix(in oklab, var(--color-title-start) 30%, transparent)}
.focus-visible\:border-title-start\/40:focus-visible{border-color:color-mix(in oklab, var(--color-title-start) 40%, transparent)}
.focus-visible\:border-title-start\/50:focus-visible{border-color:color-mix(in oklab, var(--color-title-start) 50%, transparent)}
.focus-visible\:border-title-start\/60:focus-visible{border-color:color-mix(in oklab, var(--color-title-start) 60%, transparent)}
.focus-visible\:border-title-start\/70:focus-visible{border-color:color-mix(in oklab, var(--color-title-start) 70%, transparent)}
.focus-visible\:border-title-start\/80:focus-visible{border-color:color-mix(in oklab, var(--color-title-start) 80%, transparent)}
.focus-visible\:border-title-start\/90:focus-visible{border-color:color-mix(in oklab, var(--color-title-start) 90%, transparent)}
.focus-visible\:border-title-end\/5:focus-visible{border-color:color-mix(in oklab, var(--color-title-end) 5%, transparent)}
.focus-visible\:border-title-end\/10:focus-visible{border-color:color-mix(in oklab, var(--color-title-end) 10%, transparent)}
.focus-visible\:border-title-end\/15:focus-visible{border-color:color-mix(in oklab, var(--color-title-end) 15%, transparent)}
.focus-visible\:border-title-end\/20:focus-visible{border-color:color-mix(in oklab, var(--color-title-end) 20%, transparent)}
.focus-visible\:border-title-end\/25:focus-visible{border-color:color-mix(in oklab, var(--color-title-end) 25%, transparent)}
.focus-visible\:border-title-end\/30:focus-visible{border-color:color-mix(in oklab, var(--color-title-end) 30%, transparent)}
.focus-visible\:border-title-end\/40:focus-visible{border-color:color-mix(in oklab, var(--color-title-end) 40%, transparent)}
.focus-visible\:border-title-end\/50:focus-visible{border-color:color-mix(in oklab, var(--color-title-end) 50%, transparent)}
.focus-visible\:border-title-end\/60:focus-visible{border-color:color-mix(in oklab, var(--color-title-end) 60%, transparent)}
.focus-visible\:border-title-end\/70:focus-visible{border-color:color-mix(in oklab, var(--color-title-end) 70%, transparent)}
.focus-visible\:border-title-end\/80:focus-visible{border-color:color-mix(in oklab, var(--color-title-end) 80%, transparent)}
.focus-visible\:border-title-end\/90:focus-visible{border-color:color-mix(in oklab, var(--color-title-end) 90%, transparent)}
.focus-visible\:border-bg-start\/5:focus-visible{border-color:color-mix(in oklab, var(--color-bg-start) 5%, transparent)}
.focus-visible\:border-bg-start\/10:focus-visible{border-color:color-mix(in oklab, var(--color-bg-start) 10%, transparent)}
.focus-visible\:border-bg-start\/15:focus-visible{border-color:color-mix(in oklab, var(--color-bg-start) 15%, transparent)}
.focus-visible\:border-bg-start\/20:focus-visible{border-color:color-mix(in oklab, var(--color-bg-start) 20%, transparent)}
.focus-visible\:border-bg-start\/25:focus-visible{border-color:color-mix(in oklab, var(--color-bg-start) 25%, transparent)}
.focus-visible\:border-bg-start\/30:focus-visible{border-color:color-mix(in oklab, var(--color-bg-start) 30%, transparent)}
.focus-visible\:border-bg-start\/40:focus-visible{border-color:color-mix(in oklab, var(--color-bg-start) 40%, transparent)}
.focus-visible\:border-bg-start\/50:focus-visible{border-color:color-mix(in oklab, var(--color-bg-start) 50%, transparent)}
.focus-visible\:border-bg-start\/60:focus-visible{border-color:color-mix(in oklab, var(--color-bg-start) 60%, transparent)}
.focus-visible\:border-bg-start\/70:focus-visible{border-color:color-mix(in oklab, var(--color-bg-start) 70%, transparent)}
.focus-visible\:border-bg-start\/80:focus-visible{border-color:color-mix(in oklab, var(--color-bg-start) 80%, transparent)}
.focus-visible\:border-bg-start\/90:focus-visible{border-color:color-mix(in oklab, var(--color-bg-start) 90%, transparent)}
.focus-visible\:border-bg-end\/5:focus-visible{border-color:color-mix(in oklab, var(--color-bg-end) 5%, transparent)}
.focus-visible\:border-bg-end\/10:focus-visible{border-color:color-mix(in oklab, var(--color-bg-end) 10%, transparent)}
.focus-visible\:border-bg-end\/15:focus-visible{border-color:color-mix(in oklab, var(--color-bg-end) 15%, transparent)}
.focus-visible\:border-bg-end\/20:focus-visible{border-color:color-mix(in oklab, var(--color-bg-end) 20%, transparent)}
.focus-visible\:border-bg-end\/25:focus-visible{border-color:color-mix(in oklab, var(--color-bg-end) 25%, transparent)}
.focus-visible\:border-bg-end\/30:focus-visible{border-color:color-mix(in oklab, var(--color-bg-end) 30%, transparent)}
.focus-visible\:border-bg-end\/40:focus-visible{border-color:color-mix(in oklab, var(--color-bg-end) 40%, transparent)}
.focus-visible\:border-bg-end\/50:focus-visible{border-color:color-mix(in oklab, var(--color-bg-end) 50%, transparent)}
.focus-visible\:border-bg-end\/60:focus-visible{border-color:color-mix(in oklab, var(--color-bg-end) 60%, transparent)}
.focus-visible\:border-bg-end\/70:focus-visible{border-color:color-mix(in oklab, var(--color-bg-end) 70%, transparent)}
.focus-visible\:border-bg-end\/80:focus-visible{border-color:color-mix(in oklab, var(--color-bg-end) 80%, transparent)}
.focus-visible\:border-bg-end\/90:focus-visible{border-color:color-mix(in oklab, var(--color-bg-end) 90%, transparent)}
.focus-visible\:border-primary-content\/5:focus-visible{border-color:color-mix(in oklab, var(--color-primary-content) 5%, transparent)}
.focus-visible\:border-primary-content\/10:focus-visible{border-color:color-mix(in oklab, var(--color-primary-content) 10%, transparent)}
.focus-visible\:border-primary-content\/15:focus-visible{border-color:color-mix(in oklab, var(--color-primary-content) 15%, transparent)}
.focus-visible\:border-primary-content\/20:focus-visible{border-color:color-mix(in oklab, var(--color-primary-content) 20%, transparent)}
.focus-visible\:border-primary-content\/25:focus-visible{border-color:color-mix(in oklab, var(--color-primary-content) 25%, transparent)}
.focus-visible\:border-primary-content\/30:focus-visible{border-color:color-mix(in oklab, var(--color-primary-content) 30%, transparent)}
.focus-visible\:border-primary-content\/40:focus-visible{border-color:color-mix(in oklab, var(--color-primary-content) 40%, transparent)}
.focus-visible\:border-primary-content\/50:focus-visible{border-color:color-mix(in oklab, var(--color-primary-content) 50%, transparent)}
.focus-visible\:border-primary-content\/60:focus-visible{border-color:color-mix(in oklab, var(--color-primary-content) 60%, transparent)}
.focus-visible\:border-primary-content\/70:focus-visible{border-color:color-mix(in oklab, var(--color-primary-content) 70%, transparent)}
.focus-visible\:border-primary-content\/80:focus-visible{border-color:color-mix(in oklab, var(--color-primary-content) 80%, transparent)}
.focus-visible\:border-primary-content\/90:focus-visible{border-color:color-mix(in oklab, var(--color-primary-content) 90%, transparent)}
.focus-visible\:border-secondary-content\/5:focus-visible{border-color:color-mix(in oklab, var(--color-secondary-content) 5%, transparent)}
.focus-visible\:border-secondary-content\/10:focus-visible{border-color:color-mix(in oklab, var(--color-secondary-content) 10%, transparent)}
.focus-visible\:border-secondary-content\/15:focus-visible{border-color:color-mix(in oklab, var(--color-secondary-content) 15%, transparent)}
.focus-visible\:border-secondary-content\/20:focus-visible{border-color:color-mix(in oklab, var(--color-secondary-content) 20%, transparent)}
.focus-visible\:border-secondary-content\/25:focus-visible{border-color:color-mix(in oklab, var(--color-secondary-content) 25%, transparent)}
.focus-visible\:border-secondary-content\/30:focus-visible{border-color:color-mix(in oklab, var(--color-secondary-content) 30%, transparent)}
.focus-visible\:border-secondary-content\/40:focus-visible{border-color:color-mix(in oklab, var(--color-secondary-content) 40%, transparent)}
.focus-visible\:border-secondary-content\/50:focus-visible{border-color:color-mix(in oklab, var(--color-secondary-content) 50%, transparent)}
.focus-visible\:border-secondary-content\/60:focus-visible{border-color:color-mix(in oklab, var(--color-secondary-content) 60%, transparent)}
.focus-visible\:border-secondary-content\/70:focus-visible{border-color:color-mix(in oklab, var(--color-secondary-content) 70%, transparent)}
.focus-visible\:border-secondary-content\/80:focus-visible{border-color:color-mix(in oklab, var(--color-secondary-content) 80%, transparent)}
.focus-visible\:border-secondary-content\/90:focus-visible{border-color:color-mix(in oklab, var(--color-secondary-content) 90%, transparent)}
.focus-visible\:border-base-100\/5:focus-visible{border-color:color-mix(in oklab, var(--color-base-100) 5%, transparent)}
.focus-visible\:border-base-100\/10:focus-visible{border-color:color-mix(in oklab, var(--color-base-100) 10%, transparent)}
.focus-visible\:border-base-100\/15:focus-visible{border-color:color-mix(in oklab, var(--color-base-100) 15%, transparent)}
.focus-visible\:border-base-100\/20:focus-visible{border-color:color-mix(in oklab, var(--color-base-100) 20%, transparent)}
.focus-visible\:border-base-100\/25:focus-visible{border-color:color-mix(in oklab, var(--color-base-100) 25%, transparent)}
.focus-visible\:border-base-100\/30:focus-visible{border-color:color-mix(in oklab, var(--color-base-100) 30%, transparent)}
.focus-visible\:border-base-100\/40:focus-visible{border-color:color-mix(in oklab, var(--color-base-100) 40%, transparent)}
.focus-visible\:border-base-100\/50:focus-visible{border-color:color-mix(in oklab, var(--color-base-100) 50%, transparent)}
.focus-visible\:border-base-100\/60:focus-visible{border-color:color-mix(in oklab, var(--color-base-100) 60%, transparent)}
.focus-visible\:border-base-100\/70:focus-visible{border-color:color-mix(in oklab, var(--color-base-100) 70%, transparent)}
.focus-visible\:border-base-100\/80:focus-visible{border-color:color-mix(in oklab, var(--color-base-100) 80%, transparent)}
.focus-visible\:border-base-100\/90:focus-visible{border-color:color-mix(in oklab, var(--color-base-100) 90%, transparent)}
.focus-visible\:border-base-200\/5:focus-visible{border-color:color-mix(in oklab, var(--color-base-200) 5%, transparent)}
.focus-visible\:border-base-200\/10:focus-visible{border-color:color-mix(in oklab, var(--color-base-200) 10%, transparent)}
.focus-visible\:border-base-200\/15:focus-visible{border-color:color-mix(in oklab, var(--color-base-200) 15%, transparent)}
.focus-visible\:border-base-200\/20:focus-visible{border-color:color-mix(in oklab, var(--color-base-200) 20%, transparent)}
.focus-visible\:border-base-200\/25:focus-visible{border-color:color-mix(in oklab, var(--color-base-200) 25%, transparent)}
.focus-visible\:border-base-200\/30:focus-visible{border-color:color-mix(in oklab, var(--color-base-200) 30%, transparent)}
.focus-visible\:border-base-200\/40:focus-visible{border-color:color-mix(in oklab, var(--color-base-200) 40%, transparent)}
.focus-visible\:border-base-200\/50:focus-visible{border-color:color-mix(in oklab, var(--color-base-200) 50%, transparent)}
.focus-visible\:border-base-200\/60:focus-visible{border-color:color-mix(in oklab, var(--color-base-200) 60%, transparent)}
.focus-visible\:border-base-200\/70:focus-visible{border-color:color-mix(in oklab, var(--color-base-200) 70%, transparent)}
.focus-visible\:border-base-200\/80:focus-visible{border-color:color-mix(in oklab, var(--color-base-200) 80%, transparent)}
.focus-visible\:border-base-200\/90:focus-visible{border-color:color-mix(in oklab, var(--color-base-200) 90%, transparent)}
.focus-visible\:border-base-300\/5:focus-visible{border-color:color-mix(in oklab, var(--color-base-300) 5%, transparent)}
.focus-visible\:border-base-300\/10:focus-visible{border-color:color-mix(in oklab, var(--color-base-300) 10%, transparent)}
.focus-visible\:border-base-300\/15:focus-visible{border-color:color-mix(in oklab, var(--color-base-300) 15%, transparent)}
.focus-visible\:border-base-300\/20:focus-visible{border-color:color-mix(in oklab, var(--color-base-300) 20%, transparent)}
.focus-visible\:border-base-300\/25:focus-visible{border-color:color-mix(in oklab, var(--color-base-300) 25%, transparent)}
.focus-visible\:border-base-300\/30:focus-visible{border-color:color-mix(in oklab, var(--color-base-300) 30%, transparent)}
.focus-visible\:border-base-300\/40:focus-visible{border-color:color-mix(in oklab, var(--color-base-300) 40%, transparent)}
.focus-visible\:border-base-300\/50:focus-visible{border-color:color-mix(in oklab, var(--color-base-300) 50%, transparent)}
.focus-visible\:border-base-300\/60:focus-visible{border-color:color-mix(in oklab, var(--color-base-300) 60%, transparent)}
.focus-visible\:border-base-300\/70:focus-visible{border-color:color-mix(in oklab, var(--color-base-300) 70%, transparent)}
.focus-visible\:border-base-300\/80:focus-visible{border-color:color-mix(in oklab, var(--color-base-300) 80%, transparent)}
.focus-visible\:border-base-300\/90:focus-visible{border-color:color-mix(in oklab, var(--color-base-300) 90%, transparent)}
.focus-visible\:border-base-content\/5:focus-visible{border-color:color-mix(in oklab, var(--color-base-content) 5%, transparent)}
.focus-visible\:border-base-content\/10:focus-visible{border-color:color-mix(in oklab, var(--color-base-content) 10%, transparent)}
.focus-visible\:border-base-content\/15:focus-visible{border-color:color-mix(in oklab, var(--color-base-content) 15%, transparent)}
.focus-visible\:border-base-content\/20:focus-visible{border-color:color-mix(in oklab, var(--color-base-content) 20%, transparent)}
.focus-visible\:border-base-content\/25:focus-visible{border-color:color-mix(in oklab, var(--color-base-content) 25%, transparent)}
.focus-visible\:border-base-content\/30:focus-visible{border-color:color-mix(in oklab, var(--color-base-content) 30%, transparent)}
.focus-visible\:border-base-content\/40:focus-visible{border-color:color-mix(in oklab, var(--color-base-content) 40%, transparent)}
.focus-visible\:border-base-content\/50:focus-visible{border-color:color-mix(in oklab, var(--color-base-content) 50%, transparent)}
.focus-visible\:border-base-content\/60:focus-visible{border-color:color-mix(in oklab, var(--color-base-content) 60%, transparent)}
.focus-visible\:border-base-content\/70:focus-visible{border-color:color-mix(in oklab, var(--color-base-content) 70%, transparent)}
.focus-visible\:border-base-content\/80:focus-visible{border-color:color-mix(in oklab, var(--color-base-content) 80%, transparent)}
.focus-visible\:border-base-content\/90:focus-visible{border-color:color-mix(in oklab, var(--color-base-content) 90%, transparent)}
.focus-visible\:border-white\/5:focus-visible{border-color:color-mix(in oklab, var(--color-white) 5%, transparent)}
.focus-visible\:border-white\/10:focus-visible{border-color:color-mix(in oklab, var(--color-white) 10%, transparent)}
.focus-visible\:border-white\/15:focus-visible{border-color:color-mix(in oklab, var(--color-white) 15%, transparent)}
.focus-visible\:border-white\/20:focus-visible{border-color:color-mix(in oklab, var(--color-white) 20%, transparent)}
.focus-visible\:border-white\/25:focus-visible{border-color:color-mix(in oklab, var(--color-white) 25%, transparent)}
.focus-visible\:border-white\/30:focus-visible{border-color:color-mix(in oklab, var(--color-white) 30%, transparent)}
.focus-visible\:border-white\/40:focus-visible{border-color:color-mix(in oklab, var(--color-white) 40%, transparent)}
.focus-visible\:border-white\/50:focus-visible{border-color:color-mix(in oklab, var(--color-white) 50%, transparent)}
.focus-visible\:border-white\/60:focus-visible{border-color:color-mix(in oklab, var(--color-white) 60%, transparent)}
.focus-visible\:border-white\/70:focus-visible{border-color:color-mix(in oklab, var(--color-white) 70%, transparent)}
.focus-visible\:border-white\/80:focus-visible{border-color:color-mix(in oklab, var(--color-white) 80%, transparent)}
.focus-visible\:border-white\/90:focus-visible{border-color:color-mix(in oklab, var(--color-white) 90%, transparent)}
.focus-visible\:border-black\/5:focus-visible{border-color:color-mix(in oklab, var(--color-black) 5%, transparent)}
.focus-visible\:border-black\/10:focus-visible{border-color:color-mix(in oklab, var(--color-black) 10%, transparent)}
.focus-visible\:border-black\/15:focus-visible{border-color:color-mix(in oklab, var(--color-black) 15%, transparent)}
.focus-visible\:border-black\/20:focus-visible{border-color:color-mix(in oklab, var(--color-black) 20%, transparent)}
.focus-visible\:border-black\/25:focus-visible{border-color:color-mix(in oklab, var(--color-black) 25%, transparent)}
.focus-visible\:border-black\/30:focus-visible{border-color:color-mix(in oklab, var(--color-black) 30%, transparent)}
.focus-visible\:border-black\/40:focus-visible{border-color:color-mix(in oklab, var(--color-black) 40%, transparent)}
.focus-visible\:border-black\/50:focus-visible{border-color:color-mix(in oklab, var(--color-black) 50%, transparent)}
.focus-visible\:border-black\/60:focus-visible{border-color:color-mix(in oklab, var(--color-black) 60%, transparent)}
.focus-visible\:border-black\/70:focus-visible{border-color:color-mix(in oklab, var(--color-black) 70%, transparent)}
.focus-visible\:border-black\/80:focus-visible{border-color:color-mix(in oklab, var(--color-black) 80%, transparent)}
.focus-visible\:border-black\/90:focus-visible{border-color:color-mix(in oklab, var(--color-black) 90%, transparent)}