.sea-switch{--switch-bg:#8d8d8d;--switch-bg-active:var(--primary-color,#007ed9);--switch-knob-color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;cursor:default;-webkit-tap-highlight-color:rgba(0,0,0,0);height:1.5rem;line-height:1.5rem}.sea-switch.-secondary{--switch-bg-active:var(--secondary-color)}.sea-switch.-alt{--switch-bg-active:var(--alt-color)}.sea-switch.-success{--switch-bg-active:var(--success-color)}.sea-switch.-danger,.sea-switch.-error{--switch-bg-active:var(--error-color)}.sea-switch.-warning{--switch-bg-active:var(--warning-color)}.sea-switch span{line-height:1.5rem}.sea-switch i,.sea-switch span{display:inline-block;height:1.5rem}.sea-switch i{position:relative;margin-right:.5rem;width:3rem;background-color:var(--switch-bg);border-radius:.75rem;vertical-align:text-bottom;-webkit-transition:background-color .3s linear;transition:background-color .3s linear}.sea-switch i:after{content:"";position:absolute;left:0;width:1rem;height:1rem;background-color:var(--switch-knob-color);border-radius:.5rem;-webkit-transform:translate3d(.25rem,.25rem,0);transform:translate3d(.25rem,.25rem,0);-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.sea-switch input:focus+i{-webkit-box-shadow:var(--focus-shadow);box-shadow:var(--focus-shadow)}.sea-switch:active i:after{width:1.5rem;-webkit-transform:translate3d(.25rem,.25rem,0);transform:translate3d(.25rem,.25rem,0)}.sea-switch:active input:checked+i:after{-webkit-transform:translate3d(1.25rem,.25rem,0);transform:translate3d(1.25rem,.25rem,0)}.sea-switch input{padding:0;margin:0;clip:rect(1px 1px 1px 1px);clip:rect(0,0,0,0);border:0;display:block;visibility:visible;white-space:nowrap}.sea-switch input:checked+i{background-color:var(--switch-bg-active)}.sea-switch input:checked+i:after{-webkit-transform:translate3d(1.75rem,.25rem,0);transform:translate3d(1.75rem,.25rem,0)}.sea-switch .sea-switch-label{margin-right:1rem}