[data-color-flip]{transition:background-color .2s ease,color .2s ease,border-color .2s ease!important}
@media(hover:hover){
 [data-color-flip]:not(:disabled):not([aria-disabled="true"]):not(.disabled):is(:hover,:focus-visible){transform:none!important}
 [data-color-flip="dark"]:not(:disabled):not([aria-disabled="true"]):not(.disabled):is(:hover,:focus-visible),
 [data-color-flip="outline-light"]:not(:disabled):not([aria-disabled="true"]):not(.disabled):is(:hover,:focus-visible){background:#fff!important;color:#000!important;--color-button:255,255,255;--color-button-text:0,0,0}
 [data-color-flip="light"]:not(:disabled):not([aria-disabled="true"]):not(.disabled):is(:hover,:focus-visible),
 [data-color-flip="outline-dark"]:not(:disabled):not([aria-disabled="true"]):not(.disabled):is(:hover,:focus-visible){background:#000!important;color:#fff!important;--color-button:0,0,0;--color-button-text:255,255,255}
 [data-color-flip="dark"]:is(:hover,:focus-visible){border-color:#000!important}
 [data-color-flip="light"]:is(:hover,:focus-visible){border-color:#000!important}
 [data-color-flip="outline-light"]:is(:hover,:focus-visible){border-color:#fff!important}
 [data-color-flip]:not(:disabled):not([aria-disabled="true"]):not(.disabled):is(:hover,:focus-visible)::after{box-shadow:0 0 0 1px currentColor!important}
 [data-color-flip]:is(:hover,:focus-visible) svg{color:inherit}
}
@media(prefers-reduced-motion:reduce){[data-color-flip]{transition:none!important}}