.last-switch-container{border:1px solid #e4e6ef;border-radius:5px;padding:8px;width:-moz-fit-content;width:fit-content}.last-switch-container.invalid{border-color:#f2416c}.last-switch-container>.last-switch{align-items:center;display:flex;font-size:10px;font-weight:700;gap:4px;position:relative}.last-switch-container>.last-switch>.active-bg{border-radius:5px;height:100%;position:absolute;top:0;width:var(--width)}[dir=ltr] .last-switch-container>.last-switch>.active-bg{right:var(--start);transition:width .3s,right .3s}[dir=rtl] .last-switch-container>.last-switch>.active-bg{left:var(--start);transition:width .3s,left .3s}.last-switch-container>.last-switch>.active-bg.primary{background-color:#009ef7}.last-switch-container>.last-switch>.active-bg.info{background-color:#7239ea}.last-switch-container>.last-switch>.active-bg.success{background-color:#43af74}.last-switch-container>.last-switch>.active-bg.inactive{background-color:#7e8299}.last-switch-container>.last-switch>.active-bg.disabled{background-color:#e4e6ef}.last-switch-container>.last-switch>.switch-option{align-items:center;color:#7e8299;cursor:pointer;display:flex;flex-grow:1;justify-content:center;padding:8px 16px;transition:color .3s;z-index:1}.last-switch-container>.last-switch>.switch-option.active{color:#fff}.last-switch-container>.last-switch>.switch-option.disabled{cursor:not-allowed}.last-switch-container>.last-switch>.switch-option.disabled.active{color:#5e6278}.last-switch-container.sm{padding:4px}.last-switch-container.sm>.last-switch>.switch-option{padding:5px 18px}.last-switch-container.lg{padding:8px}.last-switch-container.lg>.last-switch>.switch-option{padding:14px 32px}