.toggle-button-group{gap:var(--space-3);text-wrap:nowrap;flex-direction:row;width:fit-content;display:flex}.toggle-button{background-color:color-mix(in srgb, var(--color-primary) 3%, var(--color-bg-inset));border:1px solid var(--color-primary-muted);border-radius:var(--radius-sm);color:var(--color-primary);cursor:pointer;font-family:inherit;font-size:var(--font-size-sm);align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-5);z-index:0;justify-content:center;font-weight:500;transition:border-color .2s,color .2s;display:inline-flex;position:relative;overflow:hidden}.toggle-button-group .toggle-button{border:1px solid var(--color-border);color:var(--color-text-secondary);padding:var(--space-5) var(--space-8);background:0 0;font-weight:600;transition:border-color .35s,box-shadow .35s,color .35s}.toggle-button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.toggle-button:not([data-selected]):hover{border-color:var(--color-primary)}.toggle-button[data-selected]{background:var(--gradient-brand);border-color:var(--color-primary-light);color:var(--color-text-primary)}.toggle-button-group .toggle-button:before{background:linear-gradient(135deg, var(--color-primary-light), var(--color-primary));border-radius:inherit;content:"";opacity:0;z-index:-1;transition:opacity .35s;position:absolute;inset:0}[dir=rtl] .toggle-button-group .toggle-button:before{background:linear-gradient(-135deg, var(--color-primary-light), var(--color-primary))}.toggle-button-group .toggle-button:not([data-selected]):hover{border-color:var(--color-border-hover-primary);color:var(--color-text-primary)}.toggle-button-group .toggle-button[data-selected]{border-color:var(--color-primary-border);box-shadow:0 4px 20px var(--color-border-hover-secondary);color:var(--color-text-primary);background:0 0}.toggle-button-group .toggle-button[data-selected]:before{opacity:1}@media (min-width:1024px){.toggle-button-group .toggle-button{font-size:var(--font-size-2xl);padding:var(--space-7) var(--space-9)}}