.color-mode-toggle[data-v-2bbe0df9]{display:inline-flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;padding:0;border-radius:1rem;border:1px solid color-mix(in srgb,var(--color-primary) 35%,transparent);background:color-mix(in srgb,var(--color-primary) 18%,transparent);box-shadow:0 6px 18px color-mix(in srgb,var(--color-primary) 14%,transparent);transition:all .2s ease;cursor:pointer;flex-shrink:0;position:relative;z-index:1}.color-mode-toggle[data-v-2bbe0df9]:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--color-secondary) 55%,transparent);background:color-mix(in srgb,var(--color-primary) 28%,transparent)}