:root{
    
    --slide-shower-box-shadow: 0px 0px 2px rgba(255, 255, 255, 1),
        0px 0px 4px rgba(255, 255, 255, 1),
        0px 0px 8px rgba(255, 255, 255, 1),
        0px 0px 16px rgba(255, 255, 255, 1);
    --base-shadow : inset 2px 2px 8px rgba(255, 255, 255, 1),
        inset -2px -2px 8px rgba(0, 0, 0, .4),
        -2px -2px 8px rgba(255, 255, 255, .2),
        2px 2px 8px rgba(0, 0, 0, .4);
    --base-shadow-hover : inset 4px 4px 8px rgba(255, 255, 255, 1),
        inset -4px -4px 8px rgba(0, 0, 0, .4),
        -4px -4px 8px rgba(255, 255, 255, .2),
        4px 4px 8px rgba(0, 0, 0, .4);
}
body.light{
    --base-shadow : inset 2px 2px 8px rgba(0, 0, 0, .3),
        inset -2px -2px 8px rgba(255, 255, 255, .4),
        -2px -2px 8px rgba(0, 0, 0, .5),
        2px 2px 8px rgba(255, 255, 255, .4);
    --base-shadow-hover : inset 4px 4px 8px rgba(70, 70, 70, 1),
        inset -4px -4px 8px rgba(255, 255, 255, .4),
        -4px -4px 8px rgba(200, 200, 200, .1),
        4px 4px 8px rgba(0, 0, 0, .2);
    --slide-shower-box-shadow :0px 0px 2px rgba(31, 24, 19, 1),
        0px 0px 4px rgba(31, 24, 19, 1),
        0px 0px 8px rgba(31, 24, 19, 1),
        0px 0px 16px rgba(31, 24, 19, 1);
}