:root{--md-segmented-button-z-item:1;--md-segmented-button-z-thumb:0}:root,.mk-section--dark{--md-segmented-button-thumb:var(--md-surface-container-highest)}[data-theme=light]{--md-segmented-button-thumb:var(--md-surface-container-lowest)}.segmented-button{padding:var(--md-segmented-button-pad);background-color:var(--md-surface-container-high);border-radius:var(--md-button-radius);margin-bottom:var(--md-spacing-6);border:none;align-items:center;display:inline-flex;position:relative}.segmented-button__item{z-index:var(--md-segmented-button-z-item);justify-content:center;align-items:center;gap:var(--md-spacing-2);min-height:calc(var(--md-button-height-medium) - 2 * var(--md-segmented-button-pad));padding:calc(var(--md-button-padding-y-medium) - var(--md-segmented-button-pad)) var(--md-spacing-4);border-radius:calc(var(--md-button-radius) - var(--md-segmented-button-pad));font-size:var(--md-label-large-size);font-weight:var(--md-label-large-weight);line-height:var(--md-label-large-line);color:var(--md-on-surface-variant);cursor:pointer;transition:color var(--md-motion-duration-short) var(--md-motion-easing-standard);background:0 0;border:none;display:inline-flex;position:relative}.segmented-button__item:hover{color:var(--md-on-surface)}.segmented-button__item:focus-visible{outline:calc(var(--md-divider-thickness) * 2) solid var(--md-primary);outline-offset:calc(-2 * var(--md-divider-thickness))}.segmented-button__item--selected{color:var(--md-on-surface);font-weight:var(--md-weight-bold)}.segmented-button__item--selected .segmented-button__icon{color:var(--md-primary)}.segmented-button__thumb{z-index:var(--md-segmented-button-z-thumb);top:var(--md-segmented-button-pad);bottom:var(--md-segmented-button-pad);left:var(--segmented-x,var(--md-segmented-button-pad));width:var(--segmented-w,0);background-color:var(--md-segmented-button-thumb);border-radius:calc(var(--md-button-radius) - var(--md-segmented-button-pad));box-shadow:var(--md-elevation-1);opacity:0;pointer-events:none;transition:left var(--md-motion-duration-medium) var(--md-motion-easing-emphasized), width var(--md-motion-duration-medium) var(--md-motion-easing-emphasized), opacity var(--md-motion-duration-short) var(--md-motion-easing-standard);position:absolute}.segmented-button--placed .segmented-button__thumb{opacity:1}@media (prefers-reduced-motion:reduce){.segmented-button__thumb{transition:none}}.segmented-button__item--disabled{opacity:var(--md-opacity-disabled);cursor:not-allowed}.segmented-button__item--disabled:hover{color:var(--md-on-surface-variant)}.segmented-button__icon{font-size:var(--md-icon-size-small)}.segmented-button__check,.segmented-button[data-segmented-multi=true] .segmented-button__thumb{display:none}.segmented-button[data-segmented-multi=true] .segmented-button__item--selected{background-color:var(--md-secondary-container);color:var(--md-on-secondary-container)}@media (width<=767px){.segmented-button{-webkit-overflow-scrolling:touch;max-width:100%;overflow-x:auto}.segmented-button__item{padding-left:var(--md-spacing-3);padding-right:var(--md-spacing-3)}}@media (width<=480px){.segmented-button__icon{display:none}}