/*
 * This file is part of react-svg-buttons.
 *
 * (c) Raphaël Benitte
 *
 * For the full copyright and license information, please view the LICENSE
 * file that was distributed with this source code.
 */
.switch + label {
    margin-left: 10px;
    vertical-align: super;
    cursor: pointer;
}
.switch input {
    position: absolute;
    margin-left: -9999px;
    visibility: hidden;
}
.switch label {
    outline: none;
    position: relative;
    display: inline-block;
    width: 36px;
    height: 18px;
    border-radius: 18px;
    cursor: pointer;
    background: var(--alt-bg-color);
}
.switch label:after {
    transition: transform 200ms;
    content: '';
    display: inline-block;
    position: absolute;
    transform: translate3d(2px, 2px, 0);
    width:  14px;
    height: 14px;
    border-radius: 7px;
    background: var(--main-bg-color);
}

.switch input:checked + label:after {
    background: #FFF;
    transform: translate3d(20px, 2px, 0);
}