.app-color-mode-button[data-v-cf813ef8]{align-items:center;-moz-appearance:none;appearance:none;-webkit-appearance:none;background:transparent;border:0;border-radius:9999px;box-shadow:none;color:var(--color-base-color);cursor:pointer;display:flex;flex-shrink:0;height:28px;justify-content:center;min-width:28px;outline:none;overflow:hidden;position:relative;touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:28px;-webkit-tap-highlight-color:transparent;transition:color var(--transition-base),transform var(--transition-base),opacity var(--transition-base)}.app-color-mode-button[data-v-cf813ef8]:hover{background:transparent;border-color:transparent;color:var(--menu-hover);transform:scale(1.03)}.app-color-mode-button[data-v-cf813ef8]:active{background:transparent;border-color:transparent;color:var(--menu-active);transform:scale(.98)}.app-color-mode-button[data-v-cf813ef8]:focus,.app-color-mode-button[data-v-cf813ef8]:focus-visible{background:transparent;box-shadow:none;outline:none}.app-color-mode-button[data-v-cf813ef8]:disabled{cursor:default;opacity:.6}.app-color-mode-button-icon[data-v-cf813ef8]{height:20px;position:relative;transition:transform var(--transition-base),color var(--transition-base);width:20px;z-index:10}.app-color-mode-button:hover .app-color-mode-button-icon[data-v-cf813ef8]{transform:scale(1.08) rotate(6deg)}