.seg{display:inline-flex;flex-wrap:wrap;justify-content:center;gap:2px;padding:3px;border:1px solid #c9d3da;border-radius:18px;background:#fff;font-size:13px;line-height:1;max-width:100%;vertical-align:middle}.seg>input{display:none}.seg>label{margin:0;padding:8px 16px;cursor:pointer;color:#3f3f46;font-weight:600;white-space:nowrap;border-radius:999px;-webkit-user-select:none;user-select:none;transition:background-color .12s ease,color .12s ease}.seg>label:hover{color:#0285c7}.seg>input:checked+label{background:#0285c7;color:#fff}.seg>input:checked+label:hover{color:#fff}.seg.seg-dark{background:#1c1c20;border-color:rgba(255,255,255,.32)}.seg.seg-dark>label{color:#c4c4cc}.seg.seg-dark>label:hover{color:#fff}.seg.seg-dark>input:checked+label{background:#29b6f6;color:#08293d}@media (max-width:600px){.seg{font-size:11px}.seg>label{padding:11px 13px}}