.colormode[data-v-11d8afed]{align-items:center;aspect-ratio:1;cursor:pointer;display:flex;justify-content:center;overflow:hidden;padding:1.5rem;position:relative;transition:background-color .2s}.colormode i[data-v-11d8afed]{color:var(--low-contrast);font-size:1.5rem;transition:color .2s,transform .2s,opacity .2s}.colormode:hover i[data-v-11d8afed]{color:var(--text-light)}.colormode i[data-v-11d8afed]:nth-child(2){position:absolute}html.dark .colormode i[data-v-11d8afed]:first-child{opacity:0;transform:translateY(50%)}html.light .colormode i[data-v-11d8afed]:nth-child(2){opacity:0;transform:translateY(-50%)}