.switch-container{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);width:100%}.switch-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border-width:0}.switch-label{font-family:var(--font-primary);font-weight:var(--font-weight-extrabold);font-size:var(--font-size-md);line-height:1.3;color:var(--color-neutral-dark);cursor:pointer;transition:color .2s ease;-webkit-user-select:none;user-select:none;order:0}.switch-label--left{order:1}.switch-label--right{order:3}.switch-input:not(:checked)~.switch-label--left{color:var(--color-black)}.switch-input:checked~.switch-label--right{color:var(--color-black)}.switch-track{position:relative;display:block;width:80px;height:40px;background:linear-gradient(to bottom,var(--color-main-green-dark),var(--color-main-green-darker));border:var(--border-width-sm) solid var(--color-main-green-darker);border-radius:var(--border-radius-full);box-shadow:inset 0 8.824px 8.824px 0 var(--color-main-green-dark);transition:all .3s ease;cursor:pointer;flex-shrink:0;order:2}.switch-thumb{position:absolute;top:-2px;left:-2px;display:block;width:44px;height:44px;background:linear-gradient(to bottom,var(--color-white) 17.708%,var(--color-neutral-lighter) 90.441%);border:var(--border-width-sm) solid var(--color-neutral-darker);border-radius:var(--border-radius-full);transition:transform .3s ease;box-shadow:0 2px 4px #0003}.switch-input:checked~.switch-track .switch-thumb{transform:translate(40px)}.switch-input:focus-visible~.switch-track{outline:2px solid var(--color-main-green);outline-offset:2px}.switch-track:hover{filter:brightness(1.05)}.switch-input:disabled~.switch-track{opacity:.5;cursor:not-allowed}.switch-input:disabled~.switch-label{opacity:.5;cursor:not-allowed}@media (min-width: 1024px){.switch-container{gap:var(--spacing-xs)}}