.vd-unit-toggle{
    position:relative;
    display:inline-flex;
    align-items:center;
    width:80px;
    height:34px;
    padding:0!important;
    border:1px solid #ddd;
    border-radius:999px!important;
    background:#f5f5f5!important;
    cursor:pointer;
    font-family:inherit;
    user-select:none;
    -webkit-tap-highlight-color:transparent;
    transition:background .2s ease,border-color .2s ease;
}
.vd-unit-toggle:hover{background:#eee}
.vd-unit-toggle:focus-visible{outline:2px solid #FDC601;outline-offset:2px}

.vd-unit-toggle__label{
    flex:1;
    position:relative;
    z-index:2;
    text-align:center;
    font-size:13px;
    font-weight:600;
    line-height:1;
    color:#888;
    transition:color .2s ease;
}
.vd-unit-toggle__label[data-unit="m"]{color:#000}
.vd-unit-toggle.is-ft .vd-unit-toggle__label[data-unit="m"]{color:#888}
.vd-unit-toggle.is-ft .vd-unit-toggle__label[data-unit="ft"]{color:#000}

.vd-unit-toggle__thumb{
    position:absolute;
    top:3px;
    left:3px;
    width:calc(50% - 3px);
    height:calc(100% - 6px);
    background:#FDC601;
    border-radius:999px;
    box-shadow:0 1px 3px rgba(0,0,0,.15);
    transition:transform .25s cubic-bezier(.4,0,.2,1);
    z-index:1;
}
.vd-unit-toggle.is-ft .vd-unit-toggle__thumb{
    transform:translateX(100%);
}