.seg{display:inline-flex;align-items:center;padding:var(--space-1);gap:0;width:fit-content;background:rgba(var(--color-snow-rgb),.08);border:1px solid rgba(var(--color-snow-rgb),.12);border-radius:var(--radius-lg)}.seg-btn{height:36px;padding:0 var(--space-5);border:none;border-radius:var(--radius-md);background:transparent;color:rgba(var(--color-snow-rgb),.5);font-family:var(--font-roboto);font-size:16px;font-weight:400;white-space:nowrap;cursor:pointer;transition:background .15s,color .15s}.seg-btn:hover:not(.is-active){color:rgba(var(--color-snow-rgb),.8)}.seg-btn:focus-visible{outline:2px solid var(--color-witchy);outline-offset:2px}.seg-btn.is-active{background:rgba(var(--color-snow-rgb),.15);color:var(--color-snow);font-weight:600}