.darkmysite_switch {
    --darkmysite_switch_margin_from_top: 40px;
    --darkmysite_switch_margin_from_bottom: 40px;
    --darkmysite_switch_margin_from_left: 40px;
    --darkmysite_switch_margin_from_right: 40px;
}

.darkmysite_switch.darkmysite_top_left,
.darkmysite_switch.darkmysite_top_right,
.darkmysite_switch.darkmysite_bottom_left,
.darkmysite_switch.darkmysite_bottom_right{
    position: fixed;
}
.darkmysite_switch.darkmysite_top_left{
    top: var(--darkmysite_switch_margin_from_top);
    left: var(--darkmysite_switch_margin_from_left);
}
.darkmysite_switch.darkmysite_top_right{
    top: var(--darkmysite_switch_margin_from_top);
    right: var(--darkmysite_switch_margin_from_right);
}
.darkmysite_switch.darkmysite_bottom_left{
    bottom: var(--darkmysite_switch_margin_from_bottom);
    left: var(--darkmysite_switch_margin_from_left);
}
.darkmysite_switch.darkmysite_bottom_right{
    bottom: var(--darkmysite_switch_margin_from_bottom);
    right: var(--darkmysite_switch_margin_from_right);
}

@media only screen and (max-width: 600px) {
    .darkmysite_switch.darkmysite_hide_on_mobile{
        display: none;
    }
}




/* ==============
 Switch Apple
 ============== */
.darkmysite_switch_apple {
    --darkmysite_switch_apple_width_height: 60px;
    --darkmysite_switch_apple_border_radius: 7px;
    --darkmysite_switch_apple_icon_width: 30px;
    --darkmysite_switch_apple_light_mode_bg: #121116;
    --darkmysite_switch_apple_dark_mode_bg: #ffffff;
    --darkmysite_switch_apple_light_mode_icon_color: #ffffff;
    --darkmysite_switch_apple_dark_mode_icon_color: #121116;
}
.darkmysite_switch_apple{
    cursor: pointer;
    z-index: 9999;
    width: var(--darkmysite_switch_apple_width_height);
    height: var(--darkmysite_switch_apple_width_height);
    border-radius: var(--darkmysite_switch_apple_border_radius);
    background: var(--darkmysite_switch_apple_light_mode_bg);
    display: flex;
    align-items: center;
    justify-content: center;
}
.darkmysite_switch_apple .darkmysite_switch_icon{
    display: block;
    width: var(--darkmysite_switch_apple_icon_width);
    height: inherit;
    background-color: var(--darkmysite_switch_apple_light_mode_icon_color);
    -webkit-mask: url(img2.gif) no-repeat center;
    mask: url(img2.gif) no-repeat center;
}
.darkmysite_dark_mode_enabled .darkmysite_switch_apple{
    background: var(--darkmysite_switch_apple_dark_mode_bg);
}
.darkmysite_dark_mode_enabled .darkmysite_switch_apple .darkmysite_switch_icon{
    background-color: var(--darkmysite_switch_apple_dark_mode_icon_color);
    -webkit-mask: url(img2.gif) no-repeat center;
    mask: url(img2.gif) no-repeat center;
}





/* ==============
 Switch Banana
 ============== */
.darkmysite_switch_banana {
    --darkmysite_switch_banana_width_height: 60px;
    --darkmysite_switch_banana_border_radius: 7px;
    --darkmysite_switch_banana_icon_width: 38px;
    --darkmysite_switch_banana_light_mode_bg: #121116;
    --darkmysite_switch_banana_dark_mode_bg: #ffffff;
    --darkmysite_switch_banana_light_mode_icon_color: #ffffff;
    --darkmysite_switch_banana_dark_mode_icon_color: #121116;
}
.darkmysite_switch_banana{
    cursor: pointer;
    z-index: 9999;
    width: var(--darkmysite_switch_banana_width_height);
    height: var(--darkmysite_switch_banana_width_height);
    border-radius: var(--darkmysite_switch_banana_border_radius);
    background: var(--darkmysite_switch_banana_light_mode_bg);
    display: flex;
    align-items: center;
    justify-content: center;
}
.darkmysite_switch_banana .darkmysite_switch_icon{
    display: block;
    width: var(--darkmysite_switch_banana_icon_width);
    height: inherit;
    background-color: var(--darkmysite_switch_banana_light_mode_icon_color);
    -webkit-mask: url(img2.gif) no-repeat center;
    mask: url(img2.gif) no-repeat center;
}
.darkmysite_dark_mode_enabled .darkmysite_switch_banana{
    background: var(--darkmysite_switch_banana_dark_mode_bg);
}
.darkmysite_dark_mode_enabled .darkmysite_switch_banana .darkmysite_switch_icon{
    background-color: var(--darkmysite_switch_banana_dark_mode_icon_color);
    -webkit-mask: url(420241212095439346165.svg) no-repeat center;
    mask: url(420241212095439346165.svg) no-repeat center;
}