:root{--p-segmented-bg:#fff}.p-segmented-controls{--color-segmented:#3689e6;--color-lighter-segment:#d2e3f9;background:var(--p-segmented-bg);border:1px solid var(--color-segmented);border-radius:5px;flex-wrap:wrap;width:100%;margin-top:10px;font-family:-apple-system,Inter,sans-serif;display:flex;overflow:hidden}.p-segmented-controls a,.p-segmented-controls button{cursor:pointer;color:var(--color-segmented);text-align:center;-webkit-tap-highlight-color:transparent;background:0 0;border:0;flex:1;padding:10px;font-size:1rem;text-decoration:none;transition:color .5s,background .5s,border-color .5s}.p-segmented-controls a.active,.p-segmented-controls button.active{background:var(--color-segmented);color:var(--p-segmented-bg)}.p-segmented-controls>:not(:first-child){border-left:1px solid}.p-segmented-radius{border-radius:30px}.p-segmented-internal-radius a,.p-segmented-internal-radius a:not(:first-child){border:0;border-radius:30px}.p-segmented-controls-alt>:not(:first-child){border:0}.p-segmented-controls-alt>.active{background:var(--color-lighter-segment);color:var(--color-segmented);font-weight:700}.p-segmented-outline{border:2px solid var(--color-segmented)}.p-segmented-outline a:not(:first-child){border-left:2px solid var(--color-segmented)}.p-segmented-controls-outline-alt a:not(:first-child){border:2px solid #0000}.p-segmented-controls-outline-alt{border-radius:30px}.p-segmented-controls-outline-alt a,.p-segmented-controls-outline-alt button{border:2px solid #0000;border-radius:30px}.p-segmented-controls-outline-alt a.active,.p-segmented-controls-outline-alt button.active{background:var(--p-segmented-bg);border-color:var(--color-segmented);color:var(--color-segmented);border-radius:30px;font-weight:700}.p-segmented-grey{--color-segmented:#555761;--color-lighter-segment:#d4d4d4}:root{--p-segment-separator:#00000040;--p-segmented-track:#0000001a;--p-segment-pill-shade:#00000008;--p-segment-pill-pressed:#00000026;--p-segment-gray-pill:#0000001a;--p-segment-gray-pill-pressed:#00000030;--p-segmented-touch-track:#7676801f;--p-segmented-touch-pill:#fff;--p-segmented-touch-separator:#d9d9d9}.p-dark-mode,[data-p-theme=darkmode]{--p-segment-separator:#ffffff40;--p-segmented-track:#ffffff17;--p-segment-pill-shade:#ffffff0a;--p-segment-pill-pressed:#ffffff1a;--p-segment-gray-pill:#ffffff1a;--p-segment-gray-pill-pressed:#ffffff30;--p-segmented-touch-track:#7676803d;--p-segmented-touch-pill:#ffffff45;--p-segmented-touch-separator:#ffffff26}@media (prefers-color-scheme:dark){.p-auto-dark-mode{--p-segment-separator:#ffffff40;--p-segmented-track:#ffffff17;--p-segment-pill-shade:#ffffff0a;--p-segment-pill-pressed:#ffffff1a;--p-segment-gray-pill:#ffffff1a;--p-segment-gray-pill-pressed:#ffffff30;--p-segmented-touch-track:#7676803d;--p-segmented-touch-pill:#ffffff45;--p-segmented-touch-separator:#ffffff26}}.p-light-mode,[data-p-theme=lightmode]{--p-segment-separator:#00000040;--p-segmented-track:#0000001a;--p-segment-pill-shade:#00000008;--p-segment-pill-pressed:#00000026;--p-segment-gray-pill:#0000001a;--p-segment-gray-pill-pressed:#00000030;--p-segmented-touch-track:#7676801f;--p-segmented-touch-pill:#fff;--p-segmented-touch-separator:#d9d9d9}.p-segmented{--p-control-accent:var(--p-color-current,#08f);--p-seg-height:24px;--p-seg-radius:6px;--p-seg-font-size:13px;--p-seg-padding-x:10px;--p-seg-min-width:54px;--p-seg-separator-inset:5px;--p-seg-pill:linear-gradient(var(--p-segment-pill-shade), var(--p-segment-pill-shade)), var(--p-control-accent);--p-seg-pill-pressed:linear-gradient(var(--p-segment-pill-pressed), var(--p-segment-pill-pressed)), var(--p-control-accent);height:var(--p-seg-height);border-radius:var(--p-seg-radius);background:var(--p-segmented-track,#0000001a);grid-auto-columns:1fr;grid-auto-flow:column;font-family:-apple-system,BlinkMacSystemFont,SF Pro,Inter,sans-serif;display:inline-grid;position:relative}.p-segmented-mini{--p-seg-height:16px;--p-seg-radius:4px;--p-seg-font-size:10px;--p-seg-padding-x:6px;--p-seg-min-width:38px;--p-seg-separator-inset:3px}.p-segmented-small{--p-seg-height:20px;--p-seg-radius:5px;--p-seg-font-size:11px;--p-seg-padding-x:8px;--p-seg-min-width:44px;--p-seg-separator-inset:4px}.p-segmented-large{--p-seg-height:28px;--p-seg-radius:14px;--p-seg-padding-x:12px;--p-seg-min-width:58px;--p-seg-separator-inset:5px}.p-segmented-xlarge{--p-seg-height:36px;--p-seg-radius:18px;--p-seg-padding-x:14px;--p-seg-min-width:62px;--p-seg-separator-inset:8px}.p-segment{cursor:pointer;-webkit-user-select:none;user-select:none;display:inline-flex;position:relative}.p-segment>input{opacity:0;pointer-events:none;position:absolute}.p-segment>span{box-sizing:border-box;min-width:var(--p-seg-min-width);padding:0 var(--p-seg-padding-x);border-radius:var(--p-seg-radius);color:var(--p-text-primary,#000000d9);font-size:var(--p-seg-font-size);letter-spacing:0;white-space:nowrap;flex:1;justify-content:center;align-items:center;font-weight:510;line-height:1;transition:background .15s ease-out,color .15s ease-out,box-shadow .15s ease-out;display:inline-flex;position:relative}.p-segment:not(:first-child):before{content:"";left:-.5px;top:var(--p-seg-separator-inset,5px);bottom:var(--p-seg-separator-inset,5px);background:var(--p-segment-separator);width:1px;transition:opacity .15s ease-out;position:absolute}.p-segment:has(>input:checked):before,.p-segment:has(>input:checked)+.p-segment:before{opacity:0}.p-segment>input:checked+span{background:var(--p-seg-pill);color:#fff}.p-segment:active>input:checked:not(:disabled)+span{background:var(--p-seg-pill-pressed)}.p-segment:active>input:not(:checked):not(:disabled)+span{background:var(--p-fill-tertiary,#0000000d)}.p-segmented-gray .p-segment>input:checked+span{background:var(--p-segment-gray-pill,#0000001a);color:var(--p-text-primary,#000000d9)}.p-segmented-gray .p-segment:active>input:checked:not(:disabled)+span{background:var(--p-segment-gray-pill-pressed,#00000030)}.p-segment>input:focus-visible+span{box-shadow:var(--p-focus-ring,0 0 0 3.5px #0088ff80, inset 0 0 0 1px #0088ff80);outline-offset:2px;outline:2px solid #0000}.p-segmented:has(input:disabled){opacity:.5;cursor:not-allowed}.p-segmented:has(input:disabled) .p-segment{cursor:not-allowed;pointer-events:none}.p-segmented input:disabled:not(:checked)+span{color:#bfbfbf}.p-segmented input:disabled:checked+span{color:#ffffff80}@supports selector(:has(*)){.p-segmented{--p-seg-count:2;--p-seg-index:0}.p-segmented:has(>.p-segment:nth-child(3)){--p-seg-count:3}.p-segmented:has(>.p-segment:nth-child(4)){--p-seg-count:4}.p-segmented:has(>.p-segment:nth-child(5)){--p-seg-count:5}.p-segmented:has(>.p-segment:nth-child(6)){--p-seg-count:6}.p-segmented:has(>.p-segment:nth-child(7)){--p-seg-count:7}.p-segmented:has(>.p-segment:nth-child(8)){--p-seg-count:8}.p-segmented:has(>.p-segment:nth-child(2)>input:checked){--p-seg-index:1}.p-segmented:has(>.p-segment:nth-child(3)>input:checked){--p-seg-index:2}.p-segmented:has(>.p-segment:nth-child(4)>input:checked){--p-seg-index:3}.p-segmented:has(>.p-segment:nth-child(5)>input:checked){--p-seg-index:4}.p-segmented:has(>.p-segment:nth-child(6)>input:checked){--p-seg-index:5}.p-segmented:has(>.p-segment:nth-child(7)>input:checked){--p-seg-index:6}.p-segmented:has(>.p-segment:nth-child(8)>input:checked){--p-seg-index:7}.p-segmented:has(input:checked) .p-segment>input:checked+span,.p-segmented:has(input:checked) .p-segment:active>input:checked:not(:disabled)+span{background:0 0}.p-segmented:before{content:"";top:0;bottom:0;left:calc(var(--p-seg-index) * 100% / var(--p-seg-count));width:calc(100% / var(--p-seg-count));border-radius:var(--p-seg-radius,6px);background:var(--p-seg-pill);transition:left .25s cubic-bezier(.3,1.1,.4,1),background .15s ease-out;position:absolute}.p-segmented:not(:has(input:checked)):before{content:none}.p-segmented:has(.p-segment:active>input:checked:not(:disabled)):before{background:var(--p-seg-pill-pressed)}.p-segmented-gray:before{background:var(--p-segment-gray-pill,#0000001a)}.p-segmented-gray:has(.p-segment:active>input:checked:not(:disabled)):before{background:var(--p-segment-gray-pill-pressed,#00000030)}}@media (prefers-reduced-motion:reduce){.p-segment>span,.p-segment:not(:first-child):before,.p-segmented:before{transition:none}}.p-segmented-touch{--p-seg-pad:2px;--p-seg-gap:4px;--p-seg-touch-h:32px;--p-segment-separator:var(--p-segmented-touch-separator);height:var(--p-seg-touch-h);border-radius:calc(var(--p-seg-touch-h) / 2);background:var(--p-segmented-touch-track)}.p-segmented-touch-large{--p-seg-touch-h:36px}.p-segmented-touch-xlarge{--p-seg-touch-h:50px}.p-segmented-touch .p-segment>span{min-width:0;color:var(--p-ios-label,var(--p-text-primary));letter-spacing:-.08px;border-radius:999px;padding:0 12px;font-size:13px;font-weight:510}.p-segmented-touch .p-segment:not(:first-child):before{content:none}.p-segmented-touch .p-segment>input:checked+span{background:var(--p-segmented-touch-pill);color:var(--p-ios-label,var(--p-text-primary));font-weight:590}.p-segmented-touch .p-segment:active>input:checked:not(:disabled)+span{background:var(--p-segmented-touch-pill)}.p-segmented-touch input:disabled:not(:checked)+span,.p-segmented-touch input:disabled:checked+span{color:var(--p-ios-label,var(--p-text-primary))}@supports selector(:has(*)){.p-segmented-touch{--p-seg-pill-w:calc((100% - 2 * var(--p-seg-pad) - (var(--p-seg-count) - 1) * var(--p-seg-gap)) / var(--p-seg-count))}.p-segmented-touch:before{top:var(--p-seg-pad);bottom:var(--p-seg-pad);left:calc(var(--p-seg-pad) + var(--p-seg-index) * (var(--p-seg-pill-w) + var(--p-seg-gap)));width:var(--p-seg-pill-w);background:var(--p-segmented-touch-pill);border-radius:999px;box-shadow:0 2px 20px #0000000f}.p-segmented-touch:has(.p-segment:active>input:checked:not(:disabled)):before{background:var(--p-segmented-touch-pill)}.p-segmented-touch:has(.p-segment:active>input:checked:not(:disabled)) .p-segment>input:checked+span{opacity:.6}}
