.theme-icon-moon,
.theme-icon-sun {
    display: block;
    width: 100%;
    height: 100%;
    cursor: pointer;
    color: var(--accent);
}

:host-context([data-theme='dark']) .theme-icon-sun {
    display: none;
}

:host-context([data-theme='light']) .theme-icon-moon {
    display: none;
}