.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);
    margin-bottom: calc(var(--unit--vertical) - ((var(--unit--vertical) / 2) / 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 (max-width: 640px) {
    .theme-toggler{
        margin-bottom: calc((var(--unit--vertical) / 2) / 2);
    }
    .theme-toggler-icon {
        width: 1.1rem;
        height: 1.1rem;
    }

}