color:primary | icon-button inline-flex items-center justify-center cursor-pointer rounded-field p-1 -m-1 [--hover-tint:8%] transition-[color,background-color,scale] duration-200 ease-out active:scale-95 text-primary hover:bg-[color-mix(in_oklab,var(--color-base-content)_var(--hover-tint),transparent)] [.dropdown:not(details):not(.dropdown-close):not(.dropdown-hover:not(:hover):has(>[tabindex]:first-child:focus:not(:focus-visible))):is(:focus-within,.dropdown-open,.dropdown-hover:hover)>&,details.dropdown[open]>&,&:has(~[popover]:popover-open)]:bg-[color-mix(in_oklab,var(--color-base-content)_var(--hover-tint),transparent)] | icon-button inline-flex items-center justify-center cursor-pointer rounded-field p-1 -m-1 [--hover-tint:8%] transition-[color,background-color,scale] duration-200 ease-out active:scale-95 text-primary hover:bg-[color-mix(in_oklab,var(--color-base-content)_var(--hover-tint),transparent)] [.dropdown:not(details):not(.dropdown-close):not(.dropdown-hover:not(:hover):has(>[tabindex]:first-child:focus:not(:focus-visible))):is(:focus-within,.dropdown-open,.dropdown-hover:hover)>&,details.dropdown[open]>&,&:has(~[popover]:popover-open)]:bg-[color-mix(in_oklab,var(--color-base-content)_var(--hover-tint),transparent)] bg-[color-mix(in_oklab,var(--color-base-content)_var(--hover-tint),transparent)] | icon-button inline-flex items-center justify-center cursor-pointer rounded-field p-1 -m-1 [--hover-tint:8%] transition-[color,background-color,scale] duration-200 ease-out active:scale-95 text-primary hover:bg-[color-mix(in_oklab,var(--color-base-content)_var(--hover-tint),transparent)] [.dropdown:not(details):not(.dropdown-close):not(.dropdown-hover:not(:hover):has(>[tabindex]:first-child:focus:not(:focus-visible))):is(:focus-within,.dropdown-open,.dropdown-hover:hover)>&,details.dropdown[open]>&,&:has(~[popover]:popover-open)]:bg-[color-mix(in_oklab,var(--color-base-content)_var(--hover-tint),transparent)] bg-[color-mix(in_oklab,var(--color-base-content)_var(--hover-tint),transparent)] | icon-button inline-flex items-center justify-center cursor-pointer rounded-field p-1 -m-1 [--hover-tint:8%] transition-[color,background-color,scale] duration-200 ease-out active:scale-95 text-primary hover:bg-[color-mix(in_oklab,var(--color-base-content)_var(--hover-tint),transparent)] [.dropdown:not(details):not(.dropdown-close):not(.dropdown-hover:not(:hover):has(>[tabindex]:first-child:focus:not(:focus-visible))):is(:focus-within,.dropdown-open,.dropdown-hover:hover)>&,details.dropdown[open]>&,&:has(~[popover]:popover-open)]:bg-[color-mix(in_oklab,var(--color-base-content)_var(--hover-tint),transparent)] | icon-button inline-flex items-center justify-center cursor-pointer rounded-field p-1 -m-1 [--hover-tint:8%] transition-[color,background-color,scale] duration-200 ease-out active:scale-95 text-primary hover:bg-[color-mix(in_oklab,var(--color-base-content)_var(--hover-tint),transparent)] [.dropdown:not(details):not(.dropdown-close):not(.dropdown-hover:not(:hover):has(>[tabindex]:first-child:focus:not(:focus-visible))):is(:focus-within,.dropdown-open,.dropdown-hover:hover)>&,details.dropdown[open]>&,&:has(~[popover]:popover-open)]:bg-[color-mix(in_oklab,var(--color-base-content)_var(--hover-tint),transparent)] bg-[color-mix(in_oklab,var(--color-base-content)_var(--hover-tint),transparent)] | icon-button inline-flex items-center justify-center cursor-pointer rounded-field p-1 -m-1 [--hover-tint:8%] transition-[color,background-color,scale] duration-200 ease-out active:scale-95 text-primary hover:bg-[color-mix(in_oklab,var(--color-base-content)_var(--hover-tint),transparent)] [.dropdown:not(details):not(.dropdown-close):not(.dropdown-hover:not(:hover):has(>[tabindex]:first-child:focus:not(:focus-visible))):is(:focus-within,.dropdown-open,.dropdown-hover:hover)>&,details.dropdown[open]>&,&:has(~[popover]:popover-open)]:bg-[color-mix(in_oklab,var(--color-base-content)_var(--hover-tint),transparent)] bg-[color-mix(in_oklab,var(--color-base-content)_var(--hover-tint),transparent)] |
|---|
color:secondary | icon-button inline-flex items-center justify-center cursor-pointer rounded-field p-1 -m-1 [--hover-tint:8%] transition-[color,background-color,scale] duration-200 ease-out active:scale-95 text-secondary hover:bg-[color-mix(in_oklab,var(--color-base-content)_var(--hover-tint),transparent)] [.dropdown:not(details):not(.dropdown-close):not(.dropdown-hover:not(:hover):has(>[tabindex]:first-child:focus:not(:focus-visible))):is(:focus-within,.dropdown-open,.dropdown-hover:hover)>&,details.dropdown[open]>&,&:has(~[popover]:popover-open)]:bg-[color-mix(in_oklab,var(--color-base-content)_var(--hover-tint),transparent)] | icon-button inline-flex items-center justify-center cursor-pointer rounded-field p-1 -m-1 [--hover-tint:8%] transition-[color,background-color,scale] duration-200 ease-out active:scale-95 text-secondary hover:bg-[color-mix(in_oklab,var(--color-base-content)_var(--hover-tint),transparent)] [.dropdown:not(details):not(.dropdown-close):not(.dropdown-hover:not(:hover):has(>[tabindex]:first-child:focus:not(:focus-visible))):is(:focus-within,.dropdown-open,.dropdown-hover:hover)>&,details.dropdown[open]>&,&:has(~[popover]:popover-open)]:bg-[color-mix(in_oklab,var(--color-base-content)_var(--hover-tint),transparent)] bg-[color-mix(in_oklab,var(--color-base-content)_var(--hover-tint),transparent)] | icon-button inline-flex items-center justify-center cursor-pointer rounded-field p-1 -m-1 [--hover-tint:8%] transition-[color,background-color,scale] duration-200 ease-out active:scale-95 text-secondary hover:bg-[color-mix(in_oklab,var(--color-base-content)_var(--hover-tint),transparent)] [.dropdown:not(details):not(.dropdown-close):not(.dropdown-hover:not(:hover):has(>[tabindex]:first-child:focus:not(:focus-visible))):is(:focus-within,.dropdown-open,.dropdown-hover:hover)>&,details.dropdown[open]>&,&:has(~[popover]:popover-open)]:bg-[color-mix(in_oklab,var(--color-base-content)_var(--hover-tint),transparent)] bg-[color-mix(in_oklab,var(--color-base-content)_var(--hover-tint),transparent)] | icon-button inline-flex items-center justify-center cursor-pointer rounded-field p-1 -m-1 [--hover-tint:8%] transition-[color,background-color,scale] duration-200 ease-out active:scale-95 text-secondary hover:bg-[color-mix(in_oklab,var(--color-base-content)_var(--hover-tint),transparent)] [.dropdown:not(details):not(.dropdown-close):not(.dropdown-hover:not(:hover):has(>[tabindex]:first-child:focus:not(:focus-visible))):is(:focus-within,.dropdown-open,.dropdown-hover:hover)>&,details.dropdown[open]>&,&:has(~[popover]:popover-open)]:bg-[color-mix(in_oklab,var(--color-base-content)_var(--hover-tint),transparent)] | icon-button inline-flex items-center justify-center cursor-pointer rounded-field p-1 -m-1 [--hover-tint:8%] transition-[color,background-color,scale] duration-200 ease-out active:scale-95 text-secondary hover:bg-[color-mix(in_oklab,var(--color-base-content)_var(--hover-tint),transparent)] [.dropdown:not(details):not(.dropdown-close):not(.dropdown-hover:not(:hover):has(>[tabindex]:first-child:focus:not(:focus-visible))):is(:focus-within,.dropdown-open,.dropdown-hover:hover)>&,details.dropdown[open]>&,&:has(~[popover]:popover-open)]:bg-[color-mix(in_oklab,var(--color-base-content)_var(--hover-tint),transparent)] bg-[color-mix(in_oklab,var(--color-base-content)_var(--hover-tint),transparent)] | icon-button inline-flex items-center justify-center cursor-pointer rounded-field p-1 -m-1 [--hover-tint:8%] transition-[color,background-color,scale] duration-200 ease-out active:scale-95 text-secondary hover:bg-[color-mix(in_oklab,var(--color-base-content)_var(--hover-tint),transparent)] [.dropdown:not(details):not(.dropdown-close):not(.dropdown-hover:not(:hover):has(>[tabindex]:first-child:focus:not(:focus-visible))):is(:focus-within,.dropdown-open,.dropdown-hover:hover)>&,details.dropdown[open]>&,&:has(~[popover]:popover-open)]:bg-[color-mix(in_oklab,var(--color-base-content)_var(--hover-tint),transparent)] bg-[color-mix(in_oklab,var(--color-base-content)_var(--hover-tint),transparent)] |
|---|
color:accent | icon-button inline-flex items-center justify-center cursor-pointer rounded-field p-1 -m-1 [--hover-tint:8%] transition-[color,background-color,scale] duration-200 ease-out active:scale-95 text-accent hover:bg-[color-mix(in_oklab,var(--color-base-content)_var(--hover-tint),transparent)] [.dropdown:not(details):not(.dropdown-close):not(.dropdown-hover:not(:hover):has(>[tabindex]:first-child:focus:not(:focus-visible))):is(:focus-within,.dropdown-open,.dropdown-hover:hover)>&,details.dropdown[open]>&,&:has(~[popover]:popover-open)]:bg-[color-mix(in_oklab,var(--color-base-content)_var(--hover-tint),transparent)] | icon-button inline-flex items-center justify-center cursor-pointer rounded-field p-1 -m-1 [--hover-tint:8%] transition-[color,background-color,scale] duration-200 ease-out active:scale-95 text-accent hover:bg-[color-mix(in_oklab,var(--color-base-content)_var(--hover-tint),transparent)] [.dropdown:not(details):not(.dropdown-close):not(.dropdown-hover:not(:hover):has(>[tabindex]:first-child:focus:not(:focus-visible))):is(:focus-within,.dropdown-open,.dropdown-hover:hover)>&,details.dropdown[open]>&,&:has(~[popover]:popover-open)]:bg-[color-mix(in_oklab,var(--color-base-content)_var(--hover-tint),transparent)] bg-[color-mix(in_oklab,var(--color-base-content)_var(--hover-tint),transparent)] | icon-button inline-flex items-center justify-center cursor-pointer rounded-field p-1 -m-1 [--hover-tint:8%] transition-[color,background-color,scale] duration-200 ease-out active:scale-95 text-accent hover:bg-[color-mix(in_oklab,var(--color-base-content)_var(--hover-tint),transparent)] [.dropdown:not(details):not(.dropdown-close):not(.dropdown-hover:not(:hover):has(>[tabindex]:first-child:focus:not(:focus-visible))):is(:focus-within,.dropdown-open,.dropdown-hover:hover)>&,details.dropdown[open]>&,&:has(~[popover]:popover-open)]:bg-[color-mix(in_oklab,var(--color-base-content)_var(--hover-tint),transparent)] bg-[color-mix(in_oklab,var(--color-base-content)_var(--hover-tint),transparent)] | icon-button inline-flex items-center justify-center cursor-pointer rounded-field p-1 -m-1 [--hover-tint:8%] transition-[color,background-color,scale] duration-200 ease-out active:scale-95 text-accent hover:bg-[color-mix(in_oklab,var(--color-base-content)_var(--hover-tint),transparent)] [.dropdown:not(details):not(.dropdown-close):not(.dropdown-hover:not(:hover):has(>[tabindex]:first-child:focus:not(:focus-visible))):is(:focus-within,.dropdown-open,.dropdown-hover:hover)>&,details.dropdown[open]>&,&:has(~[popover]:popover-open)]:bg-[color-mix(in_oklab,var(--color-base-content)_var(--hover-tint),transparent)] | icon-button inline-flex items-center justify-center cursor-pointer rounded-field p-1 -m-1 [--hover-tint:8%] transition-[color,background-color,scale] duration-200 ease-out active:scale-95 text-accent hover:bg-[color-mix(in_oklab,var(--color-base-content)_var(--hover-tint),transparent)] [.dropdown:not(details):not(.dropdown-close):not(.dropdown-hover:not(:hover):has(>[tabindex]:first-child:focus:not(:focus-visible))):is(:focus-within,.dropdown-open,.dropdown-hover:hover)>&,details.dropdown[open]>&,&:has(~[popover]:popover-open)]:bg-[color-mix(in_oklab,var(--color-base-content)_var(--hover-tint),transparent)] bg-[color-mix(in_oklab,var(--color-base-content)_var(--hover-tint),transparent)] | icon-button inline-flex items-center justify-center cursor-pointer rounded-field p-1 -m-1 [--hover-tint:8%] transition-[color,background-color,scale] duration-200 ease-out active:scale-95 text-accent hover:bg-[color-mix(in_oklab,var(--color-base-content)_var(--hover-tint),transparent)] [.dropdown:not(details):not(.dropdown-close):not(.dropdown-hover:not(:hover):has(>[tabindex]:first-child:focus:not(:focus-visible))):is(:focus-within,.dropdown-open,.dropdown-hover:hover)>&,details.dropdown[open]>&,&:has(~[popover]:popover-open)]:bg-[color-mix(in_oklab,var(--color-base-content)_var(--hover-tint),transparent)] bg-[color-mix(in_oklab,var(--color-base-content)_var(--hover-tint),transparent)] |
|---|
color:error | icon-button inline-flex items-center justify-center cursor-pointer rounded-field p-1 -m-1 [--hover-tint:8%] transition-[color,background-color,scale] duration-200 ease-out active:scale-95 text-error hover:bg-[color-mix(in_oklab,var(--color-base-content)_var(--hover-tint),transparent)] [.dropdown:not(details):not(.dropdown-close):not(.dropdown-hover:not(:hover):has(>[tabindex]:first-child:focus:not(:focus-visible))):is(:focus-within,.dropdown-open,.dropdown-hover:hover)>&,details.dropdown[open]>&,&:has(~[popover]:popover-open)]:bg-[color-mix(in_oklab,var(--color-base-content)_var(--hover-tint),transparent)] | icon-button inline-flex items-center justify-center cursor-pointer rounded-field p-1 -m-1 [--hover-tint:8%] transition-[color,background-color,scale] duration-200 ease-out active:scale-95 text-error hover:bg-[color-mix(in_oklab,var(--color-base-content)_var(--hover-tint),transparent)] [.dropdown:not(details):not(.dropdown-close):not(.dropdown-hover:not(:hover):has(>[tabindex]:first-child:focus:not(:focus-visible))):is(:focus-within,.dropdown-open,.dropdown-hover:hover)>&,details.dropdown[open]>&,&:has(~[popover]:popover-open)]:bg-[color-mix(in_oklab,var(--color-base-content)_var(--hover-tint),transparent)] bg-[color-mix(in_oklab,var(--color-base-content)_var(--hover-tint),transparent)] | icon-button inline-flex items-center justify-center cursor-pointer rounded-field p-1 -m-1 [--hover-tint:8%] transition-[color,background-color,scale] duration-200 ease-out active:scale-95 text-error hover:bg-[color-mix(in_oklab,var(--color-base-content)_var(--hover-tint),transparent)] [.dropdown:not(details):not(.dropdown-close):not(.dropdown-hover:not(:hover):has(>[tabindex]:first-child:focus:not(:focus-visible))):is(:focus-within,.dropdown-open,.dropdown-hover:hover)>&,details.dropdown[open]>&,&:has(~[popover]:popover-open)]:bg-[color-mix(in_oklab,var(--color-base-content)_var(--hover-tint),transparent)] bg-[color-mix(in_oklab,var(--color-base-content)_var(--hover-tint),transparent)] | icon-button inline-flex items-center justify-center cursor-pointer rounded-field p-1 -m-1 [--hover-tint:8%] transition-[color,background-color,scale] duration-200 ease-out active:scale-95 text-error hover:bg-[color-mix(in_oklab,var(--color-base-content)_var(--hover-tint),transparent)] [.dropdown:not(details):not(.dropdown-close):not(.dropdown-hover:not(:hover):has(>[tabindex]:first-child:focus:not(:focus-visible))):is(:focus-within,.dropdown-open,.dropdown-hover:hover)>&,details.dropdown[open]>&,&:has(~[popover]:popover-open)]:bg-[color-mix(in_oklab,var(--color-base-content)_var(--hover-tint),transparent)] | icon-button inline-flex items-center justify-center cursor-pointer rounded-field p-1 -m-1 [--hover-tint:8%] transition-[color,background-color,scale] duration-200 ease-out active:scale-95 text-error hover:bg-[color-mix(in_oklab,var(--color-base-content)_var(--hover-tint),transparent)] [.dropdown:not(details):not(.dropdown-close):not(.dropdown-hover:not(:hover):has(>[tabindex]:first-child:focus:not(:focus-visible))):is(:focus-within,.dropdown-open,.dropdown-hover:hover)>&,details.dropdown[open]>&,&:has(~[popover]:popover-open)]:bg-[color-mix(in_oklab,var(--color-base-content)_var(--hover-tint),transparent)] bg-[color-mix(in_oklab,var(--color-base-content)_var(--hover-tint),transparent)] | icon-button inline-flex items-center justify-center cursor-pointer rounded-field p-1 -m-1 [--hover-tint:8%] transition-[color,background-color,scale] duration-200 ease-out active:scale-95 text-error hover:bg-[color-mix(in_oklab,var(--color-base-content)_var(--hover-tint),transparent)] [.dropdown:not(details):not(.dropdown-close):not(.dropdown-hover:not(:hover):has(>[tabindex]:first-child:focus:not(:focus-visible))):is(:focus-within,.dropdown-open,.dropdown-hover:hover)>&,details.dropdown[open]>&,&:has(~[popover]:popover-open)]:bg-[color-mix(in_oklab,var(--color-base-content)_var(--hover-tint),transparent)] bg-[color-mix(in_oklab,var(--color-base-content)_var(--hover-tint),transparent)] |
|---|
color:warning | icon-button inline-flex items-center justify-center cursor-pointer rounded-field p-1 -m-1 [--hover-tint:8%] transition-[color,background-color,scale] duration-200 ease-out active:scale-95 text-warning hover:bg-[color-mix(in_oklab,var(--color-base-content)_var(--hover-tint),transparent)] [.dropdown:not(details):not(.dropdown-close):not(.dropdown-hover:not(:hover):has(>[tabindex]:first-child:focus:not(:focus-visible))):is(:focus-within,.dropdown-open,.dropdown-hover:hover)>&,details.dropdown[open]>&,&:has(~[popover]:popover-open)]:bg-[color-mix(in_oklab,var(--color-base-content)_var(--hover-tint),transparent)] | icon-button inline-flex items-center justify-center cursor-pointer rounded-field p-1 -m-1 [--hover-tint:8%] transition-[color,background-color,scale] duration-200 ease-out active:scale-95 text-warning hover:bg-[color-mix(in_oklab,var(--color-base-content)_var(--hover-tint),transparent)] [.dropdown:not(details):not(.dropdown-close):not(.dropdown-hover:not(:hover):has(>[tabindex]:first-child:focus:not(:focus-visible))):is(:focus-within,.dropdown-open,.dropdown-hover:hover)>&,details.dropdown[open]>&,&:has(~[popover]:popover-open)]:bg-[color-mix(in_oklab,var(--color-base-content)_var(--hover-tint),transparent)] bg-[color-mix(in_oklab,var(--color-base-content)_var(--hover-tint),transparent)] | icon-button inline-flex items-center justify-center cursor-pointer rounded-field p-1 -m-1 [--hover-tint:8%] transition-[color,background-color,scale] duration-200 ease-out active:scale-95 text-warning hover:bg-[color-mix(in_oklab,var(--color-base-content)_var(--hover-tint),transparent)] [.dropdown:not(details):not(.dropdown-close):not(.dropdown-hover:not(:hover):has(>[tabindex]:first-child:focus:not(:focus-visible))):is(:focus-within,.dropdown-open,.dropdown-hover:hover)>&,details.dropdown[open]>&,&:has(~[popover]:popover-open)]:bg-[color-mix(in_oklab,var(--color-base-content)_var(--hover-tint),transparent)] bg-[color-mix(in_oklab,var(--color-base-content)_var(--hover-tint),transparent)] | icon-button inline-flex items-center justify-center cursor-pointer rounded-field p-1 -m-1 [--hover-tint:8%] transition-[color,background-color,scale] duration-200 ease-out active:scale-95 text-warning hover:bg-[color-mix(in_oklab,var(--color-base-content)_var(--hover-tint),transparent)] [.dropdown:not(details):not(.dropdown-close):not(.dropdown-hover:not(:hover):has(>[tabindex]:first-child:focus:not(:focus-visible))):is(:focus-within,.dropdown-open,.dropdown-hover:hover)>&,details.dropdown[open]>&,&:has(~[popover]:popover-open)]:bg-[color-mix(in_oklab,var(--color-base-content)_var(--hover-tint),transparent)] | icon-button inline-flex items-center justify-center cursor-pointer rounded-field p-1 -m-1 [--hover-tint:8%] transition-[color,background-color,scale] duration-200 ease-out active:scale-95 text-warning hover:bg-[color-mix(in_oklab,var(--color-base-content)_var(--hover-tint),transparent)] [.dropdown:not(details):not(.dropdown-close):not(.dropdown-hover:not(:hover):has(>[tabindex]:first-child:focus:not(:focus-visible))):is(:focus-within,.dropdown-open,.dropdown-hover:hover)>&,details.dropdown[open]>&,&:has(~[popover]:popover-open)]:bg-[color-mix(in_oklab,var(--color-base-content)_var(--hover-tint),transparent)] bg-[color-mix(in_oklab,var(--color-base-content)_var(--hover-tint),transparent)] | icon-button inline-flex items-center justify-center cursor-pointer rounded-field p-1 -m-1 [--hover-tint:8%] transition-[color,background-color,scale] duration-200 ease-out active:scale-95 text-warning hover:bg-[color-mix(in_oklab,var(--color-base-content)_var(--hover-tint),transparent)] [.dropdown:not(details):not(.dropdown-close):not(.dropdown-hover:not(:hover):has(>[tabindex]:first-child:focus:not(:focus-visible))):is(:focus-within,.dropdown-open,.dropdown-hover:hover)>&,details.dropdown[open]>&,&:has(~[popover]:popover-open)]:bg-[color-mix(in_oklab,var(--color-base-content)_var(--hover-tint),transparent)] bg-[color-mix(in_oklab,var(--color-base-content)_var(--hover-tint),transparent)] |
|---|
color:success | icon-button inline-flex items-center justify-center cursor-pointer rounded-field p-1 -m-1 [--hover-tint:8%] transition-[color,background-color,scale] duration-200 ease-out active:scale-95 text-success-content hover:bg-[color-mix(in_oklab,var(--color-base-content)_var(--hover-tint),transparent)] [.dropdown:not(details):not(.dropdown-close):not(.dropdown-hover:not(:hover):has(>[tabindex]:first-child:focus:not(:focus-visible))):is(:focus-within,.dropdown-open,.dropdown-hover:hover)>&,details.dropdown[open]>&,&:has(~[popover]:popover-open)]:bg-[color-mix(in_oklab,var(--color-base-content)_var(--hover-tint),transparent)] | icon-button inline-flex items-center justify-center cursor-pointer rounded-field p-1 -m-1 [--hover-tint:8%] transition-[color,background-color,scale] duration-200 ease-out active:scale-95 text-success-content hover:bg-[color-mix(in_oklab,var(--color-base-content)_var(--hover-tint),transparent)] [.dropdown:not(details):not(.dropdown-close):not(.dropdown-hover:not(:hover):has(>[tabindex]:first-child:focus:not(:focus-visible))):is(:focus-within,.dropdown-open,.dropdown-hover:hover)>&,details.dropdown[open]>&,&:has(~[popover]:popover-open)]:bg-[color-mix(in_oklab,var(--color-base-content)_var(--hover-tint),transparent)] bg-[color-mix(in_oklab,var(--color-base-content)_var(--hover-tint),transparent)] | icon-button inline-flex items-center justify-center cursor-pointer rounded-field p-1 -m-1 [--hover-tint:8%] transition-[color,background-color,scale] duration-200 ease-out active:scale-95 text-success-content hover:bg-[color-mix(in_oklab,var(--color-base-content)_var(--hover-tint),transparent)] [.dropdown:not(details):not(.dropdown-close):not(.dropdown-hover:not(:hover):has(>[tabindex]:first-child:focus:not(:focus-visible))):is(:focus-within,.dropdown-open,.dropdown-hover:hover)>&,details.dropdown[open]>&,&:has(~[popover]:popover-open)]:bg-[color-mix(in_oklab,var(--color-base-content)_var(--hover-tint),transparent)] bg-[color-mix(in_oklab,var(--color-base-content)_var(--hover-tint),transparent)] | icon-button inline-flex items-center justify-center cursor-pointer rounded-field p-1 -m-1 [--hover-tint:8%] transition-[color,background-color,scale] duration-200 ease-out active:scale-95 text-success-content hover:bg-[color-mix(in_oklab,var(--color-base-content)_var(--hover-tint),transparent)] [.dropdown:not(details):not(.dropdown-close):not(.dropdown-hover:not(:hover):has(>[tabindex]:first-child:focus:not(:focus-visible))):is(:focus-within,.dropdown-open,.dropdown-hover:hover)>&,details.dropdown[open]>&,&:has(~[popover]:popover-open)]:bg-[color-mix(in_oklab,var(--color-base-content)_var(--hover-tint),transparent)] | icon-button inline-flex items-center justify-center cursor-pointer rounded-field p-1 -m-1 [--hover-tint:8%] transition-[color,background-color,scale] duration-200 ease-out active:scale-95 text-success-content hover:bg-[color-mix(in_oklab,var(--color-base-content)_var(--hover-tint),transparent)] [.dropdown:not(details):not(.dropdown-close):not(.dropdown-hover:not(:hover):has(>[tabindex]:first-child:focus:not(:focus-visible))):is(:focus-within,.dropdown-open,.dropdown-hover:hover)>&,details.dropdown[open]>&,&:has(~[popover]:popover-open)]:bg-[color-mix(in_oklab,var(--color-base-content)_var(--hover-tint),transparent)] bg-[color-mix(in_oklab,var(--color-base-content)_var(--hover-tint),transparent)] | icon-button inline-flex items-center justify-center cursor-pointer rounded-field p-1 -m-1 [--hover-tint:8%] transition-[color,background-color,scale] duration-200 ease-out active:scale-95 text-success-content hover:bg-[color-mix(in_oklab,var(--color-base-content)_var(--hover-tint),transparent)] [.dropdown:not(details):not(.dropdown-close):not(.dropdown-hover:not(:hover):has(>[tabindex]:first-child:focus:not(:focus-visible))):is(:focus-within,.dropdown-open,.dropdown-hover:hover)>&,details.dropdown[open]>&,&:has(~[popover]:popover-open)]:bg-[color-mix(in_oklab,var(--color-base-content)_var(--hover-tint),transparent)] bg-[color-mix(in_oklab,var(--color-base-content)_var(--hover-tint),transparent)] |
|---|
color:info | icon-button inline-flex items-center justify-center cursor-pointer rounded-field p-1 -m-1 [--hover-tint:8%] transition-[color,background-color,scale] duration-200 ease-out active:scale-95 text-info hover:bg-[color-mix(in_oklab,var(--color-base-content)_var(--hover-tint),transparent)] [.dropdown:not(details):not(.dropdown-close):not(.dropdown-hover:not(:hover):has(>[tabindex]:first-child:focus:not(:focus-visible))):is(:focus-within,.dropdown-open,.dropdown-hover:hover)>&,details.dropdown[open]>&,&:has(~[popover]:popover-open)]:bg-[color-mix(in_oklab,var(--color-base-content)_var(--hover-tint),transparent)] | icon-button inline-flex items-center justify-center cursor-pointer rounded-field p-1 -m-1 [--hover-tint:8%] transition-[color,background-color,scale] duration-200 ease-out active:scale-95 text-info hover:bg-[color-mix(in_oklab,var(--color-base-content)_var(--hover-tint),transparent)] [.dropdown:not(details):not(.dropdown-close):not(.dropdown-hover:not(:hover):has(>[tabindex]:first-child:focus:not(:focus-visible))):is(:focus-within,.dropdown-open,.dropdown-hover:hover)>&,details.dropdown[open]>&,&:has(~[popover]:popover-open)]:bg-[color-mix(in_oklab,var(--color-base-content)_var(--hover-tint),transparent)] bg-[color-mix(in_oklab,var(--color-base-content)_var(--hover-tint),transparent)] | icon-button inline-flex items-center justify-center cursor-pointer rounded-field p-1 -m-1 [--hover-tint:8%] transition-[color,background-color,scale] duration-200 ease-out active:scale-95 text-info hover:bg-[color-mix(in_oklab,var(--color-base-content)_var(--hover-tint),transparent)] [.dropdown:not(details):not(.dropdown-close):not(.dropdown-hover:not(:hover):has(>[tabindex]:first-child:focus:not(:focus-visible))):is(:focus-within,.dropdown-open,.dropdown-hover:hover)>&,details.dropdown[open]>&,&:has(~[popover]:popover-open)]:bg-[color-mix(in_oklab,var(--color-base-content)_var(--hover-tint),transparent)] bg-[color-mix(in_oklab,var(--color-base-content)_var(--hover-tint),transparent)] | icon-button inline-flex items-center justify-center cursor-pointer rounded-field p-1 -m-1 [--hover-tint:8%] transition-[color,background-color,scale] duration-200 ease-out active:scale-95 text-info hover:bg-[color-mix(in_oklab,var(--color-base-content)_var(--hover-tint),transparent)] [.dropdown:not(details):not(.dropdown-close):not(.dropdown-hover:not(:hover):has(>[tabindex]:first-child:focus:not(:focus-visible))):is(:focus-within,.dropdown-open,.dropdown-hover:hover)>&,details.dropdown[open]>&,&:has(~[popover]:popover-open)]:bg-[color-mix(in_oklab,var(--color-base-content)_var(--hover-tint),transparent)] | icon-button inline-flex items-center justify-center cursor-pointer rounded-field p-1 -m-1 [--hover-tint:8%] transition-[color,background-color,scale] duration-200 ease-out active:scale-95 text-info hover:bg-[color-mix(in_oklab,var(--color-base-content)_var(--hover-tint),transparent)] [.dropdown:not(details):not(.dropdown-close):not(.dropdown-hover:not(:hover):has(>[tabindex]:first-child:focus:not(:focus-visible))):is(:focus-within,.dropdown-open,.dropdown-hover:hover)>&,details.dropdown[open]>&,&:has(~[popover]:popover-open)]:bg-[color-mix(in_oklab,var(--color-base-content)_var(--hover-tint),transparent)] bg-[color-mix(in_oklab,var(--color-base-content)_var(--hover-tint),transparent)] | icon-button inline-flex items-center justify-center cursor-pointer rounded-field p-1 -m-1 [--hover-tint:8%] transition-[color,background-color,scale] duration-200 ease-out active:scale-95 text-info hover:bg-[color-mix(in_oklab,var(--color-base-content)_var(--hover-tint),transparent)] [.dropdown:not(details):not(.dropdown-close):not(.dropdown-hover:not(:hover):has(>[tabindex]:first-child:focus:not(:focus-visible))):is(:focus-within,.dropdown-open,.dropdown-hover:hover)>&,details.dropdown[open]>&,&:has(~[popover]:popover-open)]:bg-[color-mix(in_oklab,var(--color-base-content)_var(--hover-tint),transparent)] bg-[color-mix(in_oklab,var(--color-base-content)_var(--hover-tint),transparent)] |
|---|