/*!
 * Fundamental Styles v0.3.0
 * Copyright (c) 2019 SAP SE or an SAP affiliate company.
 * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/master/LICENSE)
 */
/*!
.fd-toggle+(--no-border)
    .fd-toggle__content+()
    .fd-toggle__title+()
*/.fd-toggle{font-size:14px;line-height:1.42857;color:#32363a;font-family:"72",-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-weight:400;-webkit-font-smoothing:antialiased;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;border:0;position:relative;display:inline-block;width:52px;height:22px;margin:0 5px 0 0;vertical-align:middle}.hcb .fd-toggle{color:#fff}.hcw .fd-toggle{color:#000}.fd-toggle:after,.fd-toggle:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-toggle[dir=rtl],[dir=rtl] .fd-toggle{margin-left:5px;margin-right:0}.fd-toggle__input{font-size:14px;line-height:1.42857;color:#32363a;font-family:"72",-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-weight:400;-webkit-font-smoothing:antialiased;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;margin:0;border:0;opacity:0;width:0;height:0}.hcb .fd-toggle__input{color:#fff}.hcw .fd-toggle__input{color:#000}.fd-toggle__input:after,.fd-toggle__input:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit;display:none}.fd-toggle__input:active,.fd-toggle__input:focus,.fd-toggle__input:hover{border-color:transparent}.fd-toggle__input.is-disabled,.fd-toggle__input[disabled]{opacity:0;background-color:#ededee;border-color:rgba(137,145,154,.4)}.fd-toggle__input.is-disabled+.fd-toggle__switch,.fd-toggle__input[disabled]+.fd-toggle__switch{opacity:1;border-color:rgba(137,145,154,.4);-webkit-box-shadow:none;box-shadow:none;background-color:#ededee;pointer-events:none}.fd-toggle__input.is-disabled+.fd-toggle__switch:before,.fd-toggle__input[disabled]+.fd-toggle__switch:before{border-color:rgba(137,145,154,.4)}.fd-toggle__input:checked.is-disabled+.fd-toggle__switch,.fd-toggle__input:checked[disabled]+.fd-toggle__switch{border-color:transparent;background-color:#c5dcf2;pointer-events:none}.fd-toggle__input:checked.is-disabled+.fd-toggle__switch:before,.fd-toggle__input:checked[disabled]+.fd-toggle__switch:before{border-color:transparent;background-color:#9ebbd8}.fd-toggle__switch{font-size:14px;line-height:1.42857;color:#32363a;font-family:"72",-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-weight:400;-webkit-font-smoothing:antialiased;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;margin:0;position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;border:1px solid #89919a;background-color:#d9d9d9;-webkit-transition:all .4s;transition:all .4s;border-radius:34px}.hcb .fd-toggle__switch{color:#fff;border-color:#000;background-color:#fff}.hcw .fd-toggle__switch{color:#000;border-color:#fff;background-color:#000}.fd-toggle__switch:after,.fd-toggle__switch:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-toggle__switch:hover{border-color:#0254a7}.hcb .fd-toggle__switch:hover{border-color:#000}.hcw .fd-toggle__switch:hover{border-color:#fff}.fd-toggle__switch:hover:before{border-color:#0254a7;background-color:#ebf5fe}.hcb .fd-toggle__switch:hover:before{border-color:#000}.hcw .fd-toggle__switch:hover:before{border-color:#fff}.fd-toggle__switch:before{position:absolute;content:"";height:32px;width:32px;left:-1px;top:-6px;background-color:#fff;border:1px solid #89919a;-webkit-transition:all .4s;transition:all .4s;border-radius:50%;z-index:1;-webkit-box-shadow:0 1px 2px 0 rgba(0,0,0,.2);box-shadow:0 1px 2px 0 rgba(0,0,0,.2)}.hcb .fd-toggle__switch:before{background-color:#000;border-color:#000}.hcw .fd-toggle__switch:before{background-color:#fff;border-color:#fff}.fd-toggle__input:checked+.fd-toggle__switch{background-color:rgba(10,110,209,.6);border-color:#0254a7}.hcb .fd-toggle__input:checked+.fd-toggle__switch{border-color:#000}.hcw .fd-toggle__input:checked+.fd-toggle__switch{border-color:#fff}.fd-toggle__input:checked+.fd-toggle__switch:before{background-color:#0254a7;border-color:#0254a7;pointer-events:none;left:calc(100% - 31px)}.hcb .fd-toggle__input:checked+.fd-toggle__switch:before{background-color:#000;border-color:#000}.hcw .fd-toggle__input:checked+.fd-toggle__switch:before{background-color:#fff;border-color:#fff}.fd-toggle--xs{height:14px;width:36px}.fd-toggle--xs .fd-toggle__switch:before{height:20px;width:20px;top:-4.5px}.fd-toggle--xs input:checked+.fd-toggle__switch:before{left:15px}.fd-toggle--s{height:17px;width:40px}.fd-toggle--s .fd-toggle__switch:before{height:24px;width:24px;top:-5px}.fd-toggle--s input:checked+.fd-toggle__switch:before{left:15px}.fd-toggle--compact{height:16px;width:40px}.fd-toggle--compact .fd-toggle__switch:before{height:26px;width:26px;top:-6px}.fd-toggle--compact input:checked+.fd-toggle__switch:before{left:13px}.fd-toggle--l{height:22px;width:56px}.fd-toggle--l .fd-toggle__switch:before{height:32px;width:32px;top:-6px}.fd-toggle--l input:checked+.fd-toggle__switch:before{left:23px}.fd-toggle--label,.fd-toggle--semantic{font-size:14px;line-height:1.42857;color:#32363a;font-family:"72",-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-weight:400;-webkit-font-smoothing:antialiased;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;margin:0;border:0;width:62px;height:22px}.hcb .fd-toggle--label,.hcb .fd-toggle--semantic{color:#fff}.hcw .fd-toggle--label,.hcw .fd-toggle--semantic{color:#000}.fd-toggle--label:after,.fd-toggle--label:before,.fd-toggle--semantic:after,.fd-toggle--semantic:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-toggle--label .fd-toggle__label--on,.fd-toggle--semantic .fd-toggle__label--on{visibility:hidden}.fd-toggle--label.fd-toggle--compact,.fd-toggle--semantic.fd-toggle--compact{width:56px}.fd-toggle--label.fd-toggle--compact .fd-toggle__switch:before,.fd-toggle--semantic.fd-toggle--compact .fd-toggle__switch:before{top:-3px}.fd-toggle--label .fd-toggle__input:checked+.fd-toggle__switch:before,.fd-toggle--semantic .fd-toggle__input:checked+.fd-toggle__switch:before{left:calc(100% - 31px)}.fd-toggle--label .fd-toggle__input:checked+.fd-toggle__switch .fd-toggle__label--off,.fd-toggle--semantic .fd-toggle__input:checked+.fd-toggle__switch .fd-toggle__label--off{visibility:hidden}.fd-toggle--label .fd-toggle__input:checked+.fd-toggle__switch .fd-toggle__label--on,.fd-toggle--semantic .fd-toggle__input:checked+.fd-toggle__switch .fd-toggle__label--on{visibility:visible}.fd-toggle--label.fd-toggle--compact .fd-toggle__input:checked+.fd-toggle__switch:before,.fd-toggle--semantic.fd-toggle--compact .fd-toggle__input:checked+.fd-toggle__switch:before{left:calc(100% - 25px)}.fd-toggle__label{font-size:14px;line-height:1.42857;color:#32363a;font-family:"72",-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-weight:400;-webkit-font-smoothing:antialiased;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;margin:0;border:0}.hcb .fd-toggle__label{color:#fff}.hcw .fd-toggle__label{color:#000}.fd-toggle__label:after,.fd-toggle__label:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-toggle__label--off{right:6px}.fd-toggle__label--off,.fd-toggle__label--on{font-size:12px;line-height:1.33333;font-weight:400;position:absolute;top:3px}.fd-toggle__label--on{left:8px}.fd-toggle--semantic .fd-toggle__switch{background-color:#ffebeb;border-color:#b00}.hcb .fd-toggle--semantic .fd-toggle__switch{background-color:#000;border-color:#000}.hcw .fd-toggle--semantic .fd-toggle__switch{background-color:#fff;border-color:#fff}.fd-toggle--semantic .fd-toggle__switch:before{background-color:#b00;border-color:#b00}.hcb .fd-toggle--semantic .fd-toggle__switch:before{background-color:#000;border-color:#000}.hcw .fd-toggle--semantic .fd-toggle__switch:before{background-color:#fff;border-color:#fff}.fd-toggle--semantic input:checked+.fd-toggle__switch{background-color:#f1fdf6;border-color:#0a7e3e}.hcb .fd-toggle--semantic input:checked+.fd-toggle__switch{background-color:#000;border-color:#000}.hcw .fd-toggle--semantic input:checked+.fd-toggle__switch{background-color:#fff;border-color:#fff}.fd-toggle--semantic input:checked+.fd-toggle__switch:before{background-color:#0a7e3e;border-color:#0a7e3e}.hcb .fd-toggle--semantic input:checked+.fd-toggle__switch:before{background-color:#000;border-color:#000}.hcw .fd-toggle--semantic input:checked+.fd-toggle__switch:before{background-color:#fff;border-color:#fff}.fd-toggle__semantic--off{font-size:12px;line-height:1.33333;font-weight:400;position:absolute;right:12px;top:2px;color:#b00}.hcb .fd-toggle__semantic--off{color:#000}.hcw .fd-toggle__semantic--off{color:#fff}.fd-toggle__semantic--off:before,.fd-toggle__semantic--on{font-size:12px;line-height:1.33333;font-weight:400}.fd-toggle__semantic--on{position:absolute;left:12px;top:2px;color:#0a7e3e}.hcb .fd-toggle__semantic--on{color:#000}.hcw .fd-toggle__semantic--on{color:#fff}.fd-toggle__semantic--on:before{font-size:12px;line-height:1.33333;font-weight:400}.ffr-toggle .fd-toggle__switch{display:-webkit-box;display:flex;-webkit-box-pack:justify;justify-content:space-between;-webkit-box-align:center;align-items:center}.ffr-toggle .ffr-toggle--l{height:22px;width:64px}.ffr-toggle .ffr-toggle--l .fd-toggle__switch{width:64px;box-sizing:border-box;font-size:inherit}.ffr-toggle .ffr-toggle--l input:checked+.fd-toggle__switch:before{left:calc(100% - 31px)}.ffr-toggle--l .ffr-toggle-on{margin-left:5px}.ffr-toggle--l .ffr-toggle-off{margin-right:5px}.ffr-toggle .ffr-toggle--m{height:22px;width:60px}.ffr-toggle .ffr-toggle--m .fd-toggle__switch{width:60px;box-sizing:border-box;font-size:12px}.ffr-toggle .ffr-toggle--m input:checked+.fd-toggle__switch:before{left:calc(100% - 31px)}.ffr-toggle--m .ffr-toggle-on{margin-left:4px}.ffr-toggle--m .ffr-toggle-off{margin-right:4px}.ffr-toggle .ffr-toggle--s{height:17px;width:50px}.ffr-toggle .ffr-toggle--s .fd-toggle__switch{width:50px;box-sizing:border-box;font-size:10px}.ffr-toggle .ffr-toggle--s input:checked+.fd-toggle__switch:before{left:calc(100% - 24px)}.ffr-toggle--s .ffr-toggle-on{margin-left:4px}.ffr-toggle--s .ffr-toggle-off{margin-right:4px}.ffr-toogle-label{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center}