.finkit-modular-segmented-control{display:inline-flex;gap:8px;max-width:100%;margin:0;padding:4px;overflow-x:scroll;border-radius:12px;background-color:var(--color-gray-400);scroll-behavior:smooth;scrollbar-width:none}.finkit-modular-segmented-control::-webkit-scrollbar{display:none}.finkit-modular-segmented-control--secondary{background:var(--color-gray-500)}.finkit-modular-segmented-control--secondary .finkit-modular-segmented-control__tab--active{background:var(--color-black-900);color:var(--color-white)}.finkit-modular-segmented-control--secondary .finkit-modular-segmented-control__tab--active.finkit-modular-segmented-control__tab--disabled{background:var(--color-black-100);-webkit-user-select:none;user-select:none;cursor:not-allowed}.finkit-modular-segmented-control--vertical{flex-direction:column}.finkit-modular-segmented-control--rounded,.finkit-modular-segmented-control--rounded .finkit-modular-segmented-control__tab{border-radius:80px}.finkit-modular-segmented-control--stretch{display:flex}.finkit-modular-segmented-control--stretch .finkit-modular-segmented-control__tab{flex-basis:100%;flex-shrink:unset;overflow:hidden}.finkit-modular-segmented-control--stretch .finkit-modular-segmented-control__tab .finkit-modular-segmented-control__label{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.finkit-modular-segmented-control--s .finkit-modular-segmented-control__tab{padding:4px 14px}.finkit-modular-segmented-control--s .finkit-modular-segmented-control__tab--left{padding-left:10px}.finkit-modular-segmented-control--s .finkit-modular-segmented-control__tab--right{padding-right:10px}.finkit-modular-segmented-control--s .finkit-modular-segmented-control__tab--icon-only{padding-right:12px;padding-left:12px}.finkit-modular-segmented-control--wight-medium .finkit-modular-segmented-control__tab{font-weight:var(--font-weight-medium)}@media screen and (prefers-reduced-motion:no-preference){.finkit-modular-segmented-control__icon,.finkit-modular-segmented-control__slot,.finkit-modular-segmented-control__tab{transition:var(--transition-default)}}.finkit-modular-segmented-control__tab{display:flex;flex-grow:1;flex-shrink:0;gap:8px;align-items:center;justify-content:center;padding:8px 20px;outline-color:transparent;border:none;border-radius:10px;background:transparent;color:var(--color-black-500);cursor:pointer;font-size:var(--font-size-16);line-height:var(--font-line-height-16)}.finkit-modular-segmented-control__tab:focus-visible{outline:3px solid rgba(106,128,239,.4);outline-offset:1px}@media (hover:hover) and (pointer:fine){.finkit-modular-segmented-control__tab:not(.finkit-modular-segmented-control__tab--active):not(.finkit-modular-segmented-control__tab--disabled):hover{color:var(--color-gray-800)}}.finkit-modular-segmented-control__tab--left{padding-left:16px}.finkit-modular-segmented-control__tab--right{padding-right:16px}.finkit-modular-segmented-control__tab--active{background:var(--color-white);box-shadow:0 1px 2px 0 rgba(0,0,0,.04)}.finkit-modular-segmented-control__tab--disabled{color:var(--color-gray-600);-webkit-user-select:none;user-select:none;cursor:not-allowed}.finkit-modular-segmented-control__tab--icon-only{padding-right:12px;padding-left:12px}.finkit-modular-segmented-control__icon{display:inline-flex;font-size:var(--font-size-24);line-height:0}.finkit-modular-segmented-control__slot{font-size:var(--font-size-12);line-height:var(--font-line-height-12)}