.segbar-container{background:#fff;width:100%;position:relative}.segbar{-webkit-overflow-scrolling:touch;scrollbar-width:none;background:#fff;justify-content:center;align-items:center;gap:6px;max-width:1200px;margin:0 auto;padding:8px 0;display:flex;overflow-x:auto}.segbar::-webkit-scrollbar{display:none}@media (max-width:1200px){.segbar{justify-content:flex-start;padding-left:10px;padding-right:10px}}.segbtn{cursor:pointer;background:0 0;border:none;border-radius:8px;flex-direction:column;flex-shrink:0;align-items:center;gap:3px;min-width:75px;padding:6px 10px;transition:all .2s;display:flex}.segbtn:hover{background:#f8f9fa}.segbtn--active{color:#0070f3;background:#f0f7ff}.segicon{width:24px;height:24px;-webkit-mask:var(--seg-icon-url)no-repeat center/contain;-webkit-mask:var(--seg-icon-url)no-repeat center/contain;mask:var(--seg-icon-url)no-repeat center/contain;background:currentColor}.segname{white-space:nowrap;font-size:11px;font-weight:500}