header{background-image:url(/assets/mobile/bg-pattern-header.svg);background-position:center;background-repeat:no-repeat;height:136px}@media screen and (min-width:48em){header{background-image:url(/assets/tablet/bg-pattern-header.svg);height:160px}}@media screen and (min-width:75em){header{background-image:url(/assets/desktop/bg-pattern-header.svg);background-position:top;background-size:contain;height:160.54px}}header input[type=checkbox]{--active-inner: hsl(var(--color-primary-violet));--active: white;--background-default: white;--border-default: hsl(var(--color-primary-light-violet));--border-hover: hsl(var(--color-primary-light-violet));--disabled-inner: #e1e6f9;--disabled: #f6f8ff;--focus: 2px rgba(89, 100, 224, .35);-moz-appearance:none;-webkit-appearance:none;appearance:none;background:var(--background-active, var(--background-default));cursor:pointer;display:inline-flex;height:1.38rem;margin:0;outline:none;position:relative;transition:background .3s,border-color .3s,box-shadow .2s;vertical-align:top}header input[type=checkbox]:after{content:"";display:block;left:0;position:absolute;top:0;transition:transform var(--d-t, .3s) var(--d-t-e, ease),opacity var(--d-o, .2s)}header input[type=checkbox]:checked{--background-active: var(--active);--border-color: var(--active);--d-o: .3s;--d-t-e: cubic-bezier(.2, .85, .32, 1.2);--d-t: .6s}header input[type=checkbox]:disabled{--background-active: var(--disabled);cursor:not-allowed;opacity:.9}header input[type=checkbox]:disabled:checked{--background-active: var(--disabled-inner);--border-color: var(--border-default)}header input[type=checkbox]:disabled+label{cursor:not-allowed}header input[type=checkbox]:hover:not(:disabled){--active-inner: hsl(var(--color-primary-light-violet))}header input[type=checkbox]:focus{box-shadow:0 0 0 var(--focus)}header input[type=checkbox].switch{border-radius:.94rem;margin:0 .75rem;width:2.69rem}header input[type=checkbox].switch:after{background:var(--active-background, var(--active-inner));border-radius:50%;height:.88rem;left:.25rem;top:.25rem;transform:translate(var(--translate-x, 0));width:.88rem}header input[type=checkbox].switch:checked{--active-background: var(--active-inner);--translate-x: 1.25rem}header input[type=checkbox].switch:disabled:not(:checked):after{opacity:.6}