.theme-toggler{
    position: fixed;
    right: 0;
    bottom: 0;
    padding: calc((var(--unit--vertical) / 2) / 2) calc(var(--unit--horizontal) / 2);
    margin: calc((var(--unit--vertical) / 2) / 2) calc(var(--unit--horizontal) / 2);
    z-index: 100;
}
.theme-toggler-icon {
    width: 1.2rem;
    height: 1.2rem;

    background-color: var(--color-primary);
    
    mask-size: cover;
    -webkit-mask-size: cover;

    mask: var(--icon-theme-toggler) no-repeat center;
    -webkit-mask: var(--icon-theme-toggler) no-repeat center;
}

@media screen and (min-width: 641px) {
    .theme-toggler-icon {
        padding-bottom: calc(var(--unit--vertical) - (var(--unit--vertical) / 4));
    }
}

@media screen and (max-width: 640px) {
    .theme-toggler-icon {
        width: 1.1rem;
        height: 1.1rem;
    }
}