.segmented{display:flex;padding:6px;align-items:center;gap:0;border-radius:8px;border:1px solid var(--Dorian,#ecf1f4);background:var(--White,#fff);box-shadow:0 4px 8px 0 rgba(0,0,0,.1);position:relative;width:-moz-fit-content;width:fit-content;max-width:100%}.segment-active-bg{position:absolute;background:#27c499;border-radius:8px;left:0;top:0;transition:transform .3s cubic-bezier(.4,0,.2,1),width .3s ease,height .3s ease;box-shadow:0 4px 8px 0 rgba(39,196,153,.2);z-index:1}.segment{display:flex;width:180px;min-width:auto;padding:8px 16px;justify-content:center;align-items:center;gap:10px;border:none;background:transparent;cursor:pointer;transition:color .3s ease;outline:none;position:relative;z-index:2}.segment:hover:not(.active){background:rgba(0,0,0,.02);border-radius:8px}.segment-divider-container{width:6px;display:flex;justify-content:center;align-items:center;flex-shrink:0;position:relative;z-index:0;height:100%}.segment-divider{width:1px;height:30px;background:#ecf1f4;opacity:1;border-left:1px solid rgba(64,64,89,.4)}.segment-label{color:var(--Slate,#404059);font-family:Inter,var(--font-inter),sans-serif;font-size:16px;font-style:normal;font-weight:500;line-height:140%;cursor:pointer;transition:color .3s ease}.segment-label.active{color:#fff;font-weight:600}@media (max-width:768px){.segmented{flex-wrap:wrap;width:100%;padding:4px}.segment{flex:1 1 45%;min-width:auto;width:auto;padding:8px 4px}.segment-label{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.segment-divider-container{display:none}}