@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-font-weight:initial}}}.switch{background-color:var(--color-white,#fff)}.switch__inner{flex-direction:column;justify-content:space-between;align-items:center;gap:clamp(48px,6vw,80px);display:flex}@media screen and (min-width:64rem){.switch__inner{flex-direction:row}}.switch__content{flex-direction:column;align-items:flex-start;gap:48px;display:flex}.switch__text{flex-direction:column;align-items:flex-start;gap:clamp(20px,2.5vw,36px);display:flex}.switch__subtitle{font-family:var(--font-heading,"Roboto",system-ui,sans-serif);--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);color:var(--color-black,#000);font-size:clamp(1.5rem,.751vw + 1.324rem,2rem);line-height:1.1}.switch__title{font-family:var(--font-heading,"Roboto",system-ui,sans-serif);--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);color:var(--color-black,#000);font-size:clamp(2.25rem,2.629vw + 1.634rem,4rem);line-height:1.1}.switch__badge{display:inline-block}.switch__badge-img{width:234px;max-width:100%;height:auto;display:block}.switch__toggle{--switch-w:clamp(260px,42vw,647px);--switch-pad:calc(var(--switch-w)*.0433);--switch-knob:calc(var(--switch-w)*.4019);--switch-travel:calc(var(--switch-w)*.5115 - 8px);cursor:pointer;width:var(--switch-w);aspect-ratio:647/324;padding:var(--switch-pad);background-color:var(--switch-off,#aeaeae);-webkit-tap-highlight-color:transparent;border:4px solid #000;border-radius:9999px;flex-shrink:0;transition:background-color .35s;position:relative}.switch__toggle[data-state=on]{background-color:var(--switch-on,#65ad03)}.switch__label{pointer-events:none;font-family:var(--font-heading,"Roboto",system-ui,sans-serif);--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);font-size:calc(var(--switch-w)*.15);color:#0000002e;line-height:1;transition:opacity .3s;position:absolute;top:50%;transform:translateY(-50%)}.switch__label--off{left:calc(var(--switch-w)*.5518);opacity:1}.switch__label--on{left:calc(var(--switch-w)*.1129);opacity:0}.switch__toggle[data-state=on] .switch__label--off{opacity:0}.switch__toggle[data-state=on] .switch__label--on{opacity:1}.switch__knob{background-color:var(--color-white,#fff);top:50%;left:var(--switch-pad);width:var(--switch-knob);height:var(--switch-knob);border-radius:3.40282e38px;transition:transform .35s cubic-bezier(.4,0,.2,1);position:absolute;transform:translateY(-50%)translate(0);box-shadow:0 10px 22px #00000040}.switch__toggle[data-state=on] .switch__knob{transform:translateY(-50%)translate(var(--switch-travel))}@property --tw-font-weight{syntax:"*";inherits:false}