@property --substrate-switcher-fade-start{syntax:"<length>";inherits:false;initial-value:0}@property --substrate-switcher-fade-end{syntax:"<length>";inherits:false;initial-value:0}.substrate-switcher{--substrate-switcher-fade-size:32px;overscroll-behavior-x:contain;scrollbar-width:none;min-width:0;max-width:calc(100% + 16px);-webkit-mask-image:linear-gradient(to right, transparent, #000 var(--substrate-switcher-fade-start), #000 calc(100% - var(--substrate-switcher-fade-end)), transparent);mask-image:linear-gradient(to right, transparent, #000 var(--substrate-switcher-fade-start), #000 calc(100% - var(--substrate-switcher-fade-end)), transparent);margin:-4px -8px -12px;padding:4px 8px 12px;transition:--substrate-switcher-fade-start .15s,--substrate-switcher-fade-end .15s;display:inline-flex;overflow-x:auto}.substrate-switcher::-webkit-scrollbar{display:none}.substrate-switcher[data-fade-start]{--substrate-switcher-fade-start:var(--substrate-switcher-fade-size)}.substrate-switcher[data-fade-end]{--substrate-switcher-fade-end:var(--substrate-switcher-fade-size)}.substrate-switcher__group{border:1px solid var(--global-grey-3);border-radius:30px;flex:1 0 auto;align-items:center;gap:2px;min-width:max-content;padding:2px;display:flex;position:relative}.substrate-switcher__group[data-disabled]{border-color:var(--global-grey-2)}.substrate-switcher__group[data-disabled] .substrate-button{--grad-from:var(--global-grey-5);--grad-to:var(--global-grey-5);box-shadow:none}.substrate-switcher__pill{width:var(--width);pointer-events:none;height:40px;transform:translate(var(--x), var(--y));transition:transform .3s cubic-bezier(.38,0,.16,1),width .3s cubic-bezier(.38,0,.16,1);position:absolute;top:0;left:0}.substrate-switcher__pill:not([data-placed]){display:none}.substrate-switcher__pill .substrate-button{width:100%;height:100%;padding:0}.substrate-switcher__option{height:40px;font-size:var(--global-font-size-m);color:var(--global-grey-5);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:20px;flex:1;justify-content:center;align-items:center;gap:.5em;padding:0 20px 1px;transition:color .3s cubic-bezier(.38,0,.16,1);display:flex;position:relative}.substrate-switcher__option[data-state=on]{color:var(--global-grey-1)}.substrate-switcher__option:focus-visible{outline:2px solid var(--global-blue-6);outline-offset:-2px}.substrate-switcher__option:not([data-state=on]):not([data-disabled]):hover{color:var(--global-grey-7)}.substrate-switcher__option[data-state=on]:not([data-disabled]):hover{color:var(--global-grey-3)}.substrate-switcher__option[data-disabled]{color:var(--global-grey-3);cursor:not-allowed}.substrate-switcher__option[data-disabled][data-state=on]{color:var(--global-grey-1)}.substrate-switcher__option svg{flex:none}