.eufemia-scope--10_104_0 .dnb-switch{--switch-width--medium:2.5rem;--switch-height--medium:1.5rem;--switch-width--large:3.25rem;--switch-height--large:2rem;--switch-border-width--medium:0.0625rem;--switch-border-width--large:0.125rem;display:inline-flex;flex-direction:column;font-size:var(--font-size-small);line-height:var(--line-height-basis)}.eufemia-scope--10_104_0 .dnb-switch__inner{display:inline-flex;flex-direction:column;font-size:var(--font-size-basis);justify-content:center}.eufemia-scope--10_104_0 .dnb-switch__shell{align-items:center;display:flex;position:relative;-webkit-user-select:none;user-select:none}.eufemia-scope--10_104_0 .dnb-switch--large{line-height:var(--switch-height--large)}.eufemia-scope--10_104_0 .dnb-switch--large .dnb-switch__shell{height:var(--switch-height--large)}.eufemia-scope--10_104_0 .dnb-switch__row{align-items:center;display:inline-flex;height:var(--switch-height--medium)}.eufemia-scope--10_104_0 .dnb-switch__button,.eufemia-scope--10_104_0 .dnb-switch__focus{border-radius:50%;position:absolute;z-index:4}.eufemia-scope--10_104_0 .dnb-switch__button{background-color:#d3d3d3;border:var(--switch-border-width--medium) solid transparent;height:var(--switch-height--medium);left:0;transition:transform .16s ease-out 125ms;width:var(--switch-height--medium)}.eufemia-scope--10_104_0 .dnb-switch--large .dnb-switch__button{border-width:var(--switch-border-width--large);height:var(--switch-height--large);width:var(--switch-height--large)}.eufemia-scope--10_104_0 .dnb-switch__focus{display:none;height:100%;outline:none;position:absolute;width:100%;z-index:2}html[data-whatinput=keyboard] .eufemia-scope--10_104_0 .dnb-switch__focus{--border-color:var(--focus-ring-color);--border-width:var(--focus-ring-width);border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.eufemia-scope--10_104_0 .dnb-switch__input:not(:checked)~.dnb-switch__button{transform:translateX(0);transform:translateX(calc(0px - var(--switch-border-width--medium)))}.eufemia-scope--10_104_0 .dnb-switch__input:checked~.dnb-switch__button{transform:translateX(1rem);transform:translateX(calc(var(--switch-width--medium) - 1.5rem + var(--switch-border-width--medium)))}.eufemia-scope--10_104_0 .dnb-switch--large .dnb-switch__input:not(:checked)~.dnb-switch__button{transform:translateX(calc(0px - var(--switch-border-width--large)))}.eufemia-scope--10_104_0 .dnb-switch--large .dnb-switch__input:checked~.dnb-switch__button{transform:translateX(calc(var(--switch-width--large) - 2rem + var(--switch-border-width--large)))}.eufemia-scope--10_104_0 .dnb-switch__background{align-items:center;background-color:grey;border-radius:calc(var(--switch-height--medium) - .25rem);display:flex;flex-direction:row;height:calc(var(--switch-height--medium) - .5rem);overflow:hidden;position:relative;width:var(--switch-width--medium)}.eufemia-scope--10_104_0 .dnb-switch__background:after{content:"";position:absolute;transition:transform .3s ease-out,position .3s ease-out}.eufemia-scope--10_104_0 .dnb-switch--large .dnb-switch__background{border-radius:calc(var(--switch-height--large) - .375rem);height:calc(var(--switch-height--large) - .75rem);width:var(--switch-width--large)}.eufemia-scope--10_104_0 .dnb-switch__input{display:block;height:var(--switch-height--medium);left:0;opacity:0;position:absolute;right:0;width:var(--switch-width--medium);z-index:5}.eufemia-scope--10_104_0 .dnb-switch--large .dnb-switch__input{height:var(--switch-height--large);width:var(--switch-width--large)}.eufemia-scope--10_104_0 .dnb-switch__input{border:0;margin:0;padding:0}.eufemia-scope--10_104_0 .dnb-switch__input:not([disabled]){cursor:pointer}.eufemia-scope--10_104_0 .dnb-switch__input:not([disabled]):active~.dnb-switch__background,.eufemia-scope--10_104_0 .dnb-switch__input:not([disabled]):focus~.dnb-switch__background{outline:none}html[data-whatinput=keyboard] .eufemia-scope--10_104_0 .dnb-switch__input:not([disabled]):active~.dnb-switch__background,html[data-whatinput=keyboard] .eufemia-scope--10_104_0 .dnb-switch__input:not([disabled]):focus~.dnb-switch__background{--border-color:var(--focus-ring-color);--border-width:var(--focus-ring-width);border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.eufemia-scope--10_104_0 .dnb-switch__input:not([disabled]):active~.dnb-switch__button .dnb-switch__focus,.eufemia-scope--10_104_0 .dnb-switch__input:not([disabled]):focus~.dnb-switch__button .dnb-switch__focus{display:block}.eufemia-scope--10_104_0 .dnb-switch .dnb-form-label{margin-bottom:0;margin-left:0;margin-right:0;padding-right:.5rem}.eufemia-scope--10_104_0 .dnb-switch__order{display:inline-flex}.eufemia-scope--10_104_0 .dnb-switch__suffix{order:4}.eufemia-scope--10_104_0 .dnb-switch--label-position-left .dnb-switch__suffix{padding-left:1rem}.eufemia-scope--10_104_0 .dnb-switch--label-position-left .dnb-switch__order .dnb-switch__inner{order:2}.eufemia-scope--10_104_0 .dnb-switch--label-position-left .dnb-switch__order .dnb-form-label{align-self:center;order:1}.eufemia-scope--10_104_0 .dnb-switch--label-position-left .dnb-switch__order .dnb-form-status{margin-top:.5rem;order:3}.eufemia-scope--10_104_0 .dnb-switch--label-position-right .dnb-switch__order .dnb-switch__inner{order:1}.eufemia-scope--10_104_0 .dnb-switch--label-position-right .dnb-switch__order .dnb-form-label{order:2;padding-left:.5rem}.eufemia-scope--10_104_0 .dnb-switch--label-position-right .dnb-switch__order .dnb-form-status{margin-top:.5rem;order:3}.eufemia-scope--10_104_0 .dnb-switch.dnb-skeleton .dnb-switch__input[disabled]~.dnb-switch__background:after,.eufemia-scope--10_104_0 .dnb-switch.dnb-skeleton .dnb-switch__input[disabled]~.dnb-switch__button{border-color:var(--skeleton-color)}.eufemia-scope--10_104_0 .dnb-switch.dnb-skeleton .dnb-switch__input[disabled]~.dnb-switch__background{background-color:var(--skeleton-color)}.eufemia-scope--10_104_0 .dnb-switch.dnb-skeleton .dnb-switch__input[disabled]:not(:checked)~.dnb-switch__background:after{border-color:var(--skeleton-color--contrast);content:""}.eufemia-scope--10_104_0 .dnb-switch__status--error .dnb-switch__input:not([disabled]):not(:focus):not(:active)~.dnb-switch__button .dnb-switch__focus{--border-color:red;--border-width:var(--focus-ring-width,0.125rem);border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color);display:block}.eufemia-scope--10_104_0 .dnb-switch__status--error .dnb-switch__input:not([disabled]):not(:focus):not(:active)~.dnb-switch__background{--border-color:red;--border-width:var(--focus-ring-width,0.125rem);background-color:tomato;border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}@supports (-ms-ime-align:auto){.eufemia-scope--10_104_0 .dnb-switch__input:not(:checked)~.dnb-switch__button{transform:translateX(0)}.eufemia-scope--10_104_0 .dnb-switch__input:checked~.dnb-switch__button{transform:translateX(calc(var(--switch-width--medium) - 1.5rem))}}