:where(.v-color-mode-picker[data-v-847990ce]){background-color:var(--bg-color)}.v-color-mode-picker[data-v-847990ce]{align-items:center;border-radius:40px;cursor:pointer;display:flex;height:40px;justify-content:space-between;overflow:hidden;padding:4px;width:72px}.v-color-mode-picker__option[data-v-847990ce]{align-items:center;border-radius:16px;cursor:pointer;display:flex;height:32px;justify-content:center;max-width:32px;transition:all .6s;width:50%;z-index:2}.v-color-mode-picker__option.active[data-v-847990ce]{background:var(--secondary-accent);border-radius:24px;height:32px}.v-color-mode-picker__option i[data-v-847990ce]{font-size:18px}.v-color-mode-picker__background[data-v-847990ce]{background-color:var(--accent-color);border-radius:50%;height:32px;left:4px;position:absolute;top:4px;transition:transform .3s,background-color .3s;width:32px;z-index:1}.v-color-mode-picker__background.light[data-v-847990ce]{transform:translate(0)}.v-color-mode-picker__background.dark[data-v-847990ce]{transform:translate(100%)}