.StyleUIButton{z-index:0;padding:var(--space-sm) var(--space-md);text-align:center;white-space:nowrap;background:currentColor;border:1px solid;display:block;position:relative}.StyleUIButton:before{content:"";z-index:10;background:rgb(from currentColor calc(255 - r) calc(255 - g) calc(255 - b));opacity:0;pointer-events:none;position:absolute;inset:0}.StyleUIButton__text{z-index:20;color:rgb(from currentColor calc(255 - r) calc(255 - g) calc(255 - b));position:relative}a:focus-visible .StyleUIButton:before,a[data-disabled=true] .StyleUIButton:before,button:disabled .StyleUIButton:before,button:focus-visible .StyleUIButton:before,button[data-active=true] .StyleUIButton:before{opacity:1}a:focus-visible .StyleUIButton .StyleUIButton__text,a[data-disabled=true] .StyleUIButton .StyleUIButton__text,button:disabled .StyleUIButton .StyleUIButton__text,button:focus-visible .StyleUIButton .StyleUIButton__text,button[data-active=true] .StyleUIButton .StyleUIButton__text{color:currentColor}@media (hover:hover) and (pointer:fine){a:hover .StyleUIButton:before,button:hover .StyleUIButton:before{opacity:1}a:hover .StyleUIButton .StyleUIButton__text,button:hover .StyleUIButton .StyleUIButton__text{color:currentColor}}