.gijinkakuncore-toggle {
    display: inline-grid;
    place-items: center;
    width: 2.75rem;
    height: 2.75rem;
    padding: 0.5rem;
    border: 0;
    background: transparent;
    box-shadow: none;
    color: var(--gijinkakuncore-foreground);
    cursor: pointer;
    &[hidden] {
        display: none;
    }
    & img {
        grid-area: 1 / 1;
        width: 1.625rem;
        height: 1.625rem;
    }
    & :is(.gijinkakuncore-toggle__moon, .gijinkakuncore-moon) {
        display: block;
    }
    & :is(.gijinkakuncore-toggle__sun, .gijinkakuncore-sun) {
        display: none;
    }
    &[aria-pressed="true"] :is(.gijinkakuncore-toggle__moon, .gijinkakuncore-moon) {
        display: none;
    }
    &[aria-pressed="true"] :is(.gijinkakuncore-toggle__sun, .gijinkakuncore-sun) {
        display: block;
    }
    &:hover {
        opacity: 0.8;
    }
    &:disabled {
        cursor: default;
    }
}