.ui-switch-line{position:relative;height:44px;padding:3px;background:#f8f8f8;border:1px solid #f0f0f0;border-radius:8px;overflow:hidden}.ui-switch-line__container{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;height:100%}.ui-switch-line__item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font:14px GoogleSans-Bold,sans-serif;font-weight:700;cursor:pointer;z-index:1;-webkit-transition:color .3s ease-in-out;transition:color .3s ease-in-out}.ui-switch-line__item.selected{color:#40ae49}.ui-switch-line__item.disabled{color:#979797}.ui-switch-line__item span{font:12px GoogleSans-Regular,sans-serif;font-weight:400;color:#979797}.ui-switch-line__square{position:absolute;width:50%;left:2px;top:2px;height:calc(100% - 4px);background:#fff;-webkit-box-shadow:0 2px 10px rgba(0,0,0,.15);box-shadow:0 2px 10px rgba(0,0,0,.15);border-radius:8px;-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out}.ui-switch-line--blue .ui-switch-line__item.selected{color:#107f8c}