.tabs{display:flex}.tabs__tab{cursor:pointer;white-space:nowrap;font-family:inherit}.tabs__tab:focus-visible{outline-offset:2px;outline:2px solid #157abf}.tabs--pill{scrollbar-width:none;flex-wrap:wrap;gap:8px;padding-bottom:4px;overflow-x:auto}.tabs--pill::-webkit-scrollbar{display:none}.tabs--pill .tabs__tab{color:#334155;background:#f6f8fb;border:1.5px solid #0000;border-radius:999px;padding:10px 18px;font-size:14px;font-weight:600;transition:background .15s,color .15s,border-color .15s}.tabs--pill .tabs__tab.is-active{color:#fff;background:#0b1b2b}.tabs--pill .tabs__tab:hover:not(.is-active){color:#157abf;background:#ebf4fb;border-color:#d2e7f5}.tabs--underline{scrollbar-width:none;border-bottom:1px solid #e5ebf2;gap:8px;overflow-x:auto}.tabs--underline::-webkit-scrollbar{display:none}.tabs--underline .tabs__tab{color:#64748b;border-bottom:2px solid #0000;margin-bottom:-1px;padding:14px 22px;font-size:14px;font-weight:600;transition:color .15s,border-color .15s}.tabs--underline .tabs__tab.is-active{color:#0b1b2b;border-bottom-color:#157abf}.tabs--underline .tabs__tab:hover:not(.is-active){color:#0b1b2b}.tabs--segmented{background:#ebf4fb;border-radius:22px;gap:4px;padding:4px}.tabs--segmented .tabs__tab{color:#1f3346;background:0 0;border-radius:14px;flex:1;padding:11px 16px;font-size:14px;font-weight:700;transition:background .15s,color .15s,box-shadow .15s}.tabs--segmented .tabs__tab.is-active{color:#157abf;background:#fff;box-shadow:0 1px 2px #0b1b2b0a,0 1px 3px #0b1b2b0a}