.theme-svg {
    --svg-color: oklch(from var(--text-color, var(--base-text-color)) calc(l + 0.2) c h);
    transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    transform-origin: center;
    .sun-center, .sun-beams, .mask-cutter-group {
        transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.5s cubic-bezier(0.4, 0, 0.2, 1);
        transform-origin: center;
    }
    .mask-cutter-group { transform: translate(0.75rem, -0.75rem); }
    .sun-center { 
        transition: fill 0.2s ease-in-out;
        fill: var(--svg-color); 
    }
    .sun-beams { 
        transition: stroke 0.2s ease-in-out;
        stroke: var(--svg-color); 
    }
}

html[data-theme='dark'] {
    .mask-cutter-group { transform: translate(0, 0); }
    .theme-svg { transform: rotate(375deg); }
    .sun-center { transform: scale(1.5); }
    .sun-beams { opacity: 0; transform: scale(0.6); }
}