.switch{width:-moz-fit-content;width:fit-content}.switch-container{position:relative;display:flex;align-items:center;padding:.5rem;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);gap:.25rem;overflow:hidden;border-radius:5rem;border:2px solid rgba(143,19,241,.8);background:linear-gradient(180deg,rgba(143,19,241,.01),rgba(143,19,241,.1));gap:.5rem}.switch-slider{position:absolute;top:.5rem;left:-.125rem;bottom:.5rem;height:calc(100% - 1rem);border-radius:1.875rem;border:1px solid #8f13f1;background:rgba(143,19,241,.8);z-index:0}.switch-option{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;padding:.5rem;border:none;background:transparent;border-radius:1.5rem;cursor:pointer;transition:all .3s ease;white-space:nowrap;color:#fff}@media(min-width:1920px){.switch-option{font-family:var(--font-sf-pro-text);font-size:1rem;font-weight:700;line-height:1.5rem}}@media(min-width:1600px)and (max-width:1920px){.switch-option{font-family:var(--font-sf-pro-text);font-size:1rem;font-weight:700;line-height:1.5rem}}@media(min-width:1440px)and (max-width:1600px){.switch-option{font-family:var(--font-sf-pro-text);font-size:.875rem;font-weight:700;line-height:1.25rem}}@media(min-width:768px)and (max-width:1440px){.switch-option{font-family:var(--font-sf-pro-text);font-size:.875rem;font-weight:700;line-height:1.25rem}}@media(max-width:768px){.switch-option{font-family:var(--font-sf-pro-text);font-size:.75rem;font-weight:700;line-height:1rem;padding:.5rem 1rem;gap:.375rem;line-height:1.125rem}}.switch-icon{display:flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;opacity:.8;transition:opacity .3s ease}@media(max-width:768px){.switch-icon{width:1.125rem;height:1.125rem}}.switch-option.active .switch-icon{opacity:1}.switch-label{display:inline-block;-webkit-user-select:none;-moz-user-select:none;user-select:none}