.material-switch{--ms-h:36px;--ms-pad:3px;--ms-px:16px;--ms-font-size:13px;--ms-target:0px;--ms-ink:var(--mat-read-ink,var(--shop-text));--ms-muted:color-mix(in oklab, var(--mat-read-muted,var(--shop-muted,color-mix(in oklab, var(--shop-text) 72%, transparent))) 60%, var(--ms-ink));--ms-select:var(--mat-selected,var(--shop-accent));--ms-plate-base:var(--mat-read,var(--shop-surface));--ms-radius:clamp(6px, calc(var(--shop-radius,18px) * .9), 999px);--ms-edge:1px;--ms-groove:color-mix(in oklab, var(--ms-plate-base) 72%, transparent);--ms-groove-rim:linear-gradient(160deg, var(--mat-edge-hi,color-mix(in oklab, var(--shop-text) 18%, transparent)), transparent 42%, transparent 60%, var(--mat-edge-lo,color-mix(in oklab, var(--shop-text) 12%, transparent)));--ms-groove-edge:inset 0 1px 3px #0000003d;--ms-thumb:radial-gradient(120% 90% at 50% 0%, color-mix(in oklab, var(--ms-select) 34%, transparent), transparent 70%), linear-gradient(180deg in oklab, color-mix(in oklab, var(--ms-select) 44%, var(--ms-plate-base)) 0%, color-mix(in oklab, var(--ms-select) 22%, var(--ms-plate-base)) 100%);--ms-thumb-edge:inset 0 1px 0 #ffffff61, inset 0 -1px 0 #0000002e, 0 0 0 1px color-mix(in oklab, var(--ms-select) 70%, transparent), 0 2px 10px color-mix(in oklab, var(--ms-select) 30%, transparent), var(--mat-bloom,0 0 0 transparent);box-sizing:border-box;max-inline-size:100%;min-block-size:var(--ms-h);padding:var(--ms-pad);isolation:isolate;border:var(--ms-edge) solid transparent;border-radius:var(--ms-radius);corner-shape:var(--mat-corner,round);background:linear-gradient(var(--ms-groove), var(--ms-groove)) padding-box, var(--ms-groove-rim) border-box;box-shadow:var(--ms-groove-edge);font:600 var(--ms-font-size) / 1 var(--shop-font);flex:none;grid-auto-columns:auto;grid-auto-flow:column;align-items:stretch;margin:0;display:inline-grid;position:relative}@supports (color:lab(0% 0 0)){.material-switch{--ms-groove-edge:inset 0 1px 3px lab(0% 0 0/.24);--ms-thumb-edge:inset 0 1px 0 lab(100% -.0000298023 .0000119209/.38), inset 0 -1px 0 lab(0% 0 0/.18), 0 0 0 1px color-mix(in oklab, var(--ms-select) 70%, transparent), 0 2px 10px color-mix(in oklab, var(--ms-select) 30%, transparent), var(--mat-bloom,0 0 0 transparent)}}.material-switch[data-size=sm]{--ms-h:32px;--ms-px:12px}.material-switch>[role=tab],.material-switch>[role=radio]{z-index:2;box-sizing:border-box;min-inline-size:0;block-size:calc(var(--ms-h) - 2 * (var(--ms-pad) + var(--ms-edge)));min-block-size:var(--ms-target);margin:min(0px, (var(--ms-h) - 2 * (var(--ms-pad) + var(--ms-edge)) - var(--ms-target)) / 2) 0;padding:0 var(--ms-px);border-radius:calc(var(--ms-radius) - var(--ms-pad));box-shadow:none;color:var(--ms-muted);font:inherit;letter-spacing:.01em;white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:color .18s var(--ease-out,cubic-bezier(.23, 1, .32, 1));background:0 0;border:0;justify-content:center;align-items:center;gap:6px;display:inline-flex;position:relative}.material-switch-label,.material-switch-icon{min-inline-size:0;transition:transform var(--spring-jelly-ms,var(--spring-settle-ms,.42s)) var(--spring-jelly,var(--spring-settle,cubic-bezier(.23, 1, .32, 1)));align-items:center;display:inline-flex;transform:scale(.955)}.material-switch-label{text-overflow:ellipsis;overflow:hidden}.material-switch-icon>svg{stroke-width:2px;block-size:15px;inline-size:15px}.material-switch>:is([aria-selected=true],[aria-checked=true]){color:var(--ms-ink)}.material-switch>:is([aria-selected=true],[aria-checked=true])>:is(.material-switch-label,.material-switch-icon){transform:none}.material-switch>:is([aria-selected=true],[aria-checked=true])>.material-switch-icon{color:var(--ms-select)}.material-switch>:is([role=tab],[role=radio]):focus-visible{outline:2px solid var(--mat-read-focus,var(--mat-focus,var(--shop-accent)));outline-offset:2px}.material-switch>:is([role=tab],[role=radio]):disabled{cursor:default;opacity:.5}@media (hover:hover) and (pointer:fine){.material-switch>:is([aria-selected=false],[aria-checked=false]):not(:disabled):hover{color:var(--ms-ink)}.material-switch>:is([aria-selected=false],[aria-checked=false]):not(:disabled):hover:before{content:"";z-index:-1;inset-inline:0;inset-block:max(0px, (var(--ms-target) - var(--ms-h) + 2 * (var(--ms-pad) + var(--ms-edge))) / 2);border-radius:calc(var(--ms-radius) - var(--ms-pad));corner-shape:var(--mat-corner,round);background:color-mix(in oklab, var(--ms-select) 10%, transparent);position:absolute}}.material-switch-plate{z-index:0;pointer-events:none;display:none;position:absolute;top:0;left:0}.material-switch[data-plate]>.material-switch-plate{will-change:transform;display:block}.material-switch-plate:before,.material-switch:not([data-plate],[data-source])>:is([aria-selected=true],[aria-checked=true]):after{content:"";inset-inline:0;inset-block:max(0px, (var(--ms-target) - var(--ms-h) + 2 * (var(--ms-pad) + var(--ms-edge))) / 2);z-index:-1;border-radius:calc(var(--ms-radius) - var(--ms-pad));corner-shape:var(--mat-corner,round);background:var(--ms-thumb);box-shadow:var(--ms-thumb-edge);position:absolute}.material-switch-beat{z-index:1;pointer-events:none;block-size:0;inline-size:0;position:absolute;top:0;left:0}.material-switch-beat>*{position:absolute;translate:-50% -50%}.material-switch:not([data-plate])>.material-switch-beat{visibility:hidden}.material-switch[data-mode=radios]{grid-auto-columns:minmax(0,1fr);gap:2px;inline-size:100%;display:grid}.material-switch[data-columns="2"]{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:row;row-gap:2px}.material-switch[data-columns="2"]>[role=radio]:last-of-type:nth-of-type(odd){grid-column:1/-1}@media (prefers-reduced-motion:reduce){:where(:root:not([data-motion=full])) .material-switch-label,:where(:root:not([data-motion=full])) .material-switch-icon{transition:none}}:where(:root[data-motion=calm]) .material-switch-label,:where(:root[data-motion=calm]) .material-switch-icon{transition:none}@media (prefers-reduced-transparency:reduce){.material-switch{--ms-groove:var(--ms-plate-base)}}