.field.is-grouped>:not(:last-child) {
    margin-bottom: 0;
    margin-right: .75rem;
}
.switch input[type=checkbox] {
    left: 0;
    opacity: 0;
    outline: none;
    position: absolute;
    z-index: -1;
}
.switch input[type=checkbox]+.check {
    align-items: center;
    background: #b5b5b5;
    border-radius: 4px;
    display: flex;
    /* flex-shrink: 0; */
    height: 1vw;
    padding: 0.5vw;
    transition: background .15s ease-out, box-shadow .15s ease-out;
    width: 2.5vw;
}

.switch input[type=checkbox]+.check:before {
    background: #f5f5f5;
    border-radius: 4px;
    box-shadow: 0 3px 1px #0000000d, 0 2px 2px #0000001a, 0 3px 3px #0000000d;
    content: "";
    display: block;
    height: 1.2vw;
    transform-origin: left;
    transition: transform .15s ease-out;
    width: 1.175em;
    will-change: transform;
}

.switch input[type=checkbox]+.check.is-elastic:before {
    border-radius: 4px;
    transform: scaleX(1.5)
}

.switch input[type=checkbox]:checked+.check {
    background: #00d1b2
}

.switch input[type=checkbox]:checked+.check.is-white {
    background: #fff
}

.switch input[type=checkbox]:checked+.check.is-black {
    background: #0a0a0a
}

.switch input[type=checkbox]:checked+.check.is-light {
    background: #f5f5f5
}

.switch input[type=checkbox]:checked+.check.is-dark {
    background: #363636
}

.switch input[type=checkbox]:checked+.check.is-primary {
    background: #00d1b2
}

.switch input[type=checkbox]:checked+.check.is-link {
    background: #485fc7
}

.switch input[type=checkbox]:checked+.check.is-info {
    background: #3e8ed0
}

.switch input[type=checkbox]:checked+.check.is-success {
    background: #48c78e
}

.switch input[type=checkbox]:checked+.check.is-warning {
    background: #ffe08a
}

.switch input[type=checkbox]:checked+.check.is-danger {
    background: #f14668
}

.switch input[type=checkbox]:checked+.check:before {
    transform: translate3d(100%,0,0)
}

.switch input[type=checkbox]:checked+.check.is-elastic:before {
    transform: translate3d(50%,0,0) scaleX(1.5)
}

.switch input[type=checkbox]:active,.switch input[type=checkbox]:focus {
    outline: none
}

.switch input[type=checkbox]:active+.check,.switch input[type=checkbox]:focus+.check {
    box-shadow: 0 0 .5em #7a7a7a99
}

.switch input[type=checkbox]:active+.check.is-white-passive,.switch input[type=checkbox]:focus+.check.is-white-passive {
    box-shadow: 0 0 .5em #fffc
}

.switch input[type=checkbox]:active+.check.is-black-passive,.switch input[type=checkbox]:focus+.check.is-black-passive {
    box-shadow: 0 0 .5em #0a0a0acc
}

.switch input[type=checkbox]:active+.check.is-light-passive,.switch input[type=checkbox]:focus+.check.is-light-passive {
    box-shadow: 0 0 .5em #f5f5f5cc
}

.switch input[type=checkbox]:active+.check.is-dark-passive,.switch input[type=checkbox]:focus+.check.is-dark-passive {
    box-shadow: 0 0 .5em #363636cc
}

.switch input[type=checkbox]:active+.check.is-primary-passive,.switch input[type=checkbox]:focus+.check.is-primary-passive {
    box-shadow: 0 0 .5em #00d1b2cc
}

.switch input[type=checkbox]:active+.check.is-link-passive,.switch input[type=checkbox]:focus+.check.is-link-passive {
    box-shadow: 0 0 .5em #485fc7cc
}

.switch input[type=checkbox]:active+.check.is-info-passive,.switch input[type=checkbox]:focus+.check.is-info-passive {
    box-shadow: 0 0 .5em #3e8ed0cc
}

.switch input[type=checkbox]:active+.check.is-success-passive,.switch input[type=checkbox]:focus+.check.is-success-passive {
    box-shadow: 0 0 .5em #48c78ecc
}

.switch input[type=checkbox]:active+.check.is-warning-passive,.switch input[type=checkbox]:focus+.check.is-warning-passive {
    box-shadow: 0 0 .5em #ffe08acc
}

.switch input[type=checkbox]:active+.check.is-danger-passive,.switch input[type=checkbox]:focus+.check.is-danger-passive {
    box-shadow: 0 0 .5em #f14668cc
}

.switch input[type=checkbox]:active:checked+.check,.switch input[type=checkbox]:focus:checked+.check {
    box-shadow: 0 0 .5em #00d1b2cc
}

.switch input[type=checkbox]:active:checked+.check.is-white,.switch input[type=checkbox]:focus:checked+.check.is-white {
    box-shadow: 0 0 .5em #fffc
}

.switch input[type=checkbox]:active:checked+.check.is-black,.switch input[type=checkbox]:focus:checked+.check.is-black {
    box-shadow: 0 0 .5em #0a0a0acc
}

.switch input[type=checkbox]:active:checked+.check.is-light,.switch input[type=checkbox]:focus:checked+.check.is-light {
    box-shadow: 0 0 .5em #f5f5f5cc
}

.switch input[type=checkbox]:active:checked+.check.is-dark,.switch input[type=checkbox]:focus:checked+.check.is-dark {
    box-shadow: 0 0 .5em #363636cc
}

.switch input[type=checkbox]:active:checked+.check.is-primary,.switch input[type=checkbox]:focus:checked+.check.is-primary {
    box-shadow: 0 0 .5em #00d1b2cc
}

.switch input[type=checkbox]:active:checked+.check.is-link,.switch input[type=checkbox]:focus:checked+.check.is-link {
    box-shadow: 0 0 .5em #485fc7cc
}

.switch input[type=checkbox]:active:checked+.check.is-info,.switch input[type=checkbox]:focus:checked+.check.is-info {
    box-shadow: 0 0 .5em #3e8ed0cc
}

.switch input[type=checkbox]:active:checked+.check.is-success,.switch input[type=checkbox]:focus:checked+.check.is-success {
    box-shadow: 0 0 .5em #48c78ecc
}

.switch input[type=checkbox]:active:checked+.check.is-warning,.switch input[type=checkbox]:focus:checked+.check.is-warning {
    box-shadow: 0 0 .5em #ffe08acc
}

.switch input[type=checkbox]:active:checked+.check.is-danger,.switch input[type=checkbox]:focus:checked+.check.is-danger {
    box-shadow: 0 0 .5em #f14668cc
}

.switch.has-left-label {
    flex-direction: row-reverse
}

.switch.has-left-label .control-label {
    padding-right: calc(.75em - 1px)
}

.switch:not(.has-left-label) .control-label {
    padding-left: calc(.75em - 1px)
}

.switch:hover input[type=checkbox]+.check {
    background: hsla(0,0%,71%,.9)
}

.switch:hover input[type=checkbox]+.check.is-white-passive {
    background: hsla(0,0%,100%,.9)
}

.switch:hover input[type=checkbox]+.check.is-black-passive {
    background: hsla(0,0%,4%,.9)
}

.switch:hover input[type=checkbox]+.check.is-light-passive {
    background: hsla(0,0%,96%,.9)
}

.switch:hover input[type=checkbox]+.check.is-dark-passive {
    background: rgba(54,54,54,.9)
}

.switch:hover input[type=checkbox]+.check.is-primary-passive {
    background: rgba(0,209,178,.9)
}

.switch:hover input[type=checkbox]+.check.is-link-passive {
    background: rgba(72,95,199,.9)
}

.switch:hover input[type=checkbox]+.check.is-info-passive {
    background: rgba(62,142,208,.9)
}

.switch:hover input[type=checkbox]+.check.is-success-passive {
    background: rgba(72,199,142,.9)
}

.switch:hover input[type=checkbox]+.check.is-warning-passive {
    background: rgba(255,224,138,.9)
}

.switch:hover input[type=checkbox]+.check.is-danger-passive {
    background: rgba(241,70,104,.9)
}

.switch:hover input[type=checkbox]:checked+.check {
    background: rgba(0,209,178,.9)
}

.switch:hover input[type=checkbox]:checked+.check.is-white {
    background: hsla(0,0%,100%,.9)
}

.switch:hover input[type=checkbox]:checked+.check.is-black {
    background: hsla(0,0%,4%,.9)
}

.switch:hover input[type=checkbox]:checked+.check.is-light {
    background: hsla(0,0%,96%,.9)
}

.switch:hover input[type=checkbox]:checked+.check.is-dark {
    background: rgba(54,54,54,.9)
}

.switch:hover input[type=checkbox]:checked+.check.is-primary {
    background: rgba(0,209,178,.9)
}

.switch:hover input[type=checkbox]:checked+.check.is-link {
    background: rgba(72,95,199,.9)
}

.switch:hover input[type=checkbox]:checked+.check.is-info {
    background: rgba(62,142,208,.9)
}

.switch:hover input[type=checkbox]:checked+.check.is-success {
    background: rgba(72,199,142,.9)
}

.switch:hover input[type=checkbox]:checked+.check.is-warning {
    background: rgba(255,224,138,.9)
}

.switch:hover input[type=checkbox]:checked+.check.is-danger {
    background: rgba(241,70,104,.9)
}

.switch.is-rounded input[type=checkbox]+.check,.switch.is-rounded input[type=checkbox]+.check:before {
    border-radius: 9999px
}

.switch.is-rounded input[type=checkbox].is-elastic:before {
    border-radius: 9999px;
    transform: scaleX(1.5)
}

.switch.is-outlined input[type=checkbox]+.check {
    background: transparent;
    border: .1rem solid #b5b5b5
}

.switch.is-outlined input[type=checkbox]+.check.is-white-passive {
    border: .1rem solid hsla(0,0%,100%,.9)
}

.switch.is-outlined input[type=checkbox]+.check.is-white-passive:before {
    background: #fff
}

.switch.is-outlined input[type=checkbox]+.check.is-white-passive:hover {
    border-color: #ffffffe6
}

.switch.is-outlined input[type=checkbox]+.check.is-black-passive {
    border: .1rem solid hsla(0,0%,4%,.9)
}

.switch.is-outlined input[type=checkbox]+.check.is-black-passive:before {
    background: #0a0a0a
}

.switch.is-outlined input[type=checkbox]+.check.is-black-passive:hover {
    border-color: #0a0a0ae6
}

.switch.is-outlined input[type=checkbox]+.check.is-light-passive {
    border: .1rem solid hsla(0,0%,96%,.9)
}

.switch.is-outlined input[type=checkbox]+.check.is-light-passive:before {
    background: #f5f5f5
}

.switch.is-outlined input[type=checkbox]+.check.is-light-passive:hover {
    border-color: #f5f5f5e6
}

.switch.is-outlined input[type=checkbox]+.check.is-dark-passive {
    border: .1rem solid rgba(54,54,54,.9)
}

.switch.is-outlined input[type=checkbox]+.check.is-dark-passive:before {
    background: #363636
}

.switch.is-outlined input[type=checkbox]+.check.is-dark-passive:hover {
    border-color: #363636e6
}

.switch.is-outlined input[type=checkbox]+.check.is-primary-passive {
    border: .1rem solid rgba(0,209,178,.9)
}

.switch.is-outlined input[type=checkbox]+.check.is-primary-passive:before {
    background: #00d1b2
}

.switch.is-outlined input[type=checkbox]+.check.is-primary-passive:hover {
    border-color: #00d1b2e6
}

.switch.is-outlined input[type=checkbox]+.check.is-link-passive {
    border: .1rem solid rgba(72,95,199,.9)
}

.switch.is-outlined input[type=checkbox]+.check.is-link-passive:before {
    background: #485fc7
}

.switch.is-outlined input[type=checkbox]+.check.is-link-passive:hover {
    border-color: #485fc7e6
}

.switch.is-outlined input[type=checkbox]+.check.is-info-passive {
    border: .1rem solid rgba(62,142,208,.9)
}

.switch.is-outlined input[type=checkbox]+.check.is-info-passive:before {
    background: #3e8ed0
}

.switch.is-outlined input[type=checkbox]+.check.is-info-passive:hover {
    border-color: #3e8ed0e6
}

.switch.is-outlined input[type=checkbox]+.check.is-success-passive {
    border: .1rem solid rgba(72,199,142,.9)
}

.switch.is-outlined input[type=checkbox]+.check.is-success-passive:before {
    background: #48c78e
}

.switch.is-outlined input[type=checkbox]+.check.is-success-passive:hover {
    border-color: #48c78ee6
}

.switch.is-outlined input[type=checkbox]+.check.is-warning-passive {
    border: .1rem solid rgba(255,224,138,.9)
}

.switch.is-outlined input[type=checkbox]+.check.is-warning-passive:before {
    background: #ffe08a
}

.switch.is-outlined input[type=checkbox]+.check.is-warning-passive:hover {
    border-color: #ffe08ae6
}

.switch.is-outlined input[type=checkbox]+.check.is-danger-passive {
    border: .1rem solid rgba(241,70,104,.9)
}

.switch.is-outlined input[type=checkbox]+.check.is-danger-passive:before {
    background: #f14668
}

.switch.is-outlined input[type=checkbox]+.check.is-danger-passive:hover {
    border-color: #f14668e6
}

.switch.is-outlined input[type=checkbox]+.check:before {
    background: #b5b5b5
}

.switch.is-outlined input[type=checkbox]:checked+.check {
    border-color: #00d1b2
}

.switch.is-outlined input[type=checkbox]:checked+.check.is-white {
    background: transparent;
    border-color: #fff
}

.switch.is-outlined input[type=checkbox]:checked+.check.is-white:before {
    background: #fff
}

.switch.is-outlined input[type=checkbox]:checked+.check.is-black {
    background: transparent;
    border-color: #0a0a0a
}

.switch.is-outlined input[type=checkbox]:checked+.check.is-black:before {
    background: #0a0a0a
}

.switch.is-outlined input[type=checkbox]:checked+.check.is-light {
    background: transparent;
    border-color: #f5f5f5
}

.switch.is-outlined input[type=checkbox]:checked+.check.is-light:before {
    background: #f5f5f5
}

.switch.is-outlined input[type=checkbox]:checked+.check.is-dark {
    background: transparent;
    border-color: #363636
}

.switch.is-outlined input[type=checkbox]:checked+.check.is-dark:before {
    background: #363636
}

.switch.is-outlined input[type=checkbox]:checked+.check.is-primary {
    background: transparent;
    border-color: #00d1b2
}

.switch.is-outlined input[type=checkbox]:checked+.check.is-primary:before {
    background: #00d1b2
}

.switch.is-outlined input[type=checkbox]:checked+.check.is-link {
    background: transparent;
    border-color: #485fc7
}

.switch.is-outlined input[type=checkbox]:checked+.check.is-link:before {
    background: #485fc7
}

.switch.is-outlined input[type=checkbox]:checked+.check.is-info {
    background: transparent;
    border-color: #3e8ed0
}

.switch.is-outlined input[type=checkbox]:checked+.check.is-info:before {
    background: #3e8ed0
}

.switch.is-outlined input[type=checkbox]:checked+.check.is-success {
    background: transparent;
    border-color: #48c78e
}

.switch.is-outlined input[type=checkbox]:checked+.check.is-success:before {
    background: #48c78e
}

.switch.is-outlined input[type=checkbox]:checked+.check.is-warning {
    background: transparent;
    border-color: #ffe08a
}

.switch.is-outlined input[type=checkbox]:checked+.check.is-warning:before {
    background: #ffe08a
}

.switch.is-outlined input[type=checkbox]:checked+.check.is-danger {
    background: transparent;
    border-color: #f14668
}

.switch.is-outlined input[type=checkbox]:checked+.check.is-danger:before {
    background: #f14668
}

.switch.is-outlined input[type=checkbox]:checked+.check:before {
    background: #00d1b2
}

.switch.is-outlined:hover input[type=checkbox]+.check {
    background: transparent;
    border-color: #b5b5b5e6
}

.switch.is-outlined:hover input[type=checkbox]:checked+.check {
    background: transparent;
    border-color: #00d1b2e6
}

.switch.is-outlined:hover input[type=checkbox]:checked+.check.is-white {
    border-color: #ffffffe6
}

.switch.is-outlined:hover input[type=checkbox]:checked+.check.is-black {
    border-color: #0a0a0ae6
}

.switch.is-outlined:hover input[type=checkbox]:checked+.check.is-light {
    border-color: #f5f5f5e6
}

.switch.is-outlined:hover input[type=checkbox]:checked+.check.is-dark {
    border-color: #363636e6
}

.switch.is-outlined:hover input[type=checkbox]:checked+.check.is-primary {
    border-color: #00d1b2e6
}

.switch.is-outlined:hover input[type=checkbox]:checked+.check.is-link {
    border-color: #485fc7e6
}

.switch.is-outlined:hover input[type=checkbox]:checked+.check.is-info {
    border-color: #3e8ed0e6
}

.switch.is-outlined:hover input[type=checkbox]:checked+.check.is-success {
    border-color: #48c78ee6
}

.switch.is-outlined:hover input[type=checkbox]:checked+.check.is-warning {
    border-color: #ffe08ae6
}

.switch.is-outlined:hover input[type=checkbox]:checked+.check.is-danger {
    border-color: #f14668e6
}

.switch.is-small {
    border-radius: 2px;
    font-size: .75rem
}

.switch.is-medium {
    font-size: 1.25rem
}

.switch.is-large {
    font-size: 1.5rem
}

.switch.is-disabled {
    color: #7a7a7a;
    cursor: not-allowed;
    opacity: .5
}