.segmented-toggle[data-module=tri-toggle]{--border:#d8d8d8;--inactive-bg:#d8d8d8;--active-bg:#fff;--text:#000;--text-muted:#404040;--pill-radius:999px;font-family:inter,sans-serif;margin:0 auto;max-width:900px;padding:12px}.segmented-toggle[data-module=tri-toggle] .segments{border:1px solid var(--border);border-radius:var(--pill-radius);display:inline-flex;overflow:hidden}.segmented-toggle[data-module=tri-toggle] .segment{align-items:center;background:var(--inactive-bg);color:var(--text-muted);cursor:pointer;display:inline-flex;justify-content:center;outline:none;padding:10px 18px;position:relative;transition:color .15s ease,background-color .15s ease}.segmented-toggle[data-module=tri-toggle] .segment+.segment{border-left:1px solid var(--border)}.segmented-toggle[data-module=tri-toggle] .segment-input{opacity:0;pointer-events:none;position:absolute}.segmented-toggle[data-module=tri-toggle] .segment.active{background:var(--active-bg);box-shadow:inset 0 0 0 2px var(--active-border);color:var(--text)}.segmented-toggle[data-module=tri-toggle] .segment:focus-visible{border-radius:inherit;box-shadow:0 0 0 3px rgba(76,175,80,.35)}.segmented-toggle[data-module=tri-toggle] .segment-label{font-size:14px;font-weight:600}.segmented-toggle[data-module=tri-toggle] .segment-panels{margin-top:16px}.segmented-toggle[data-module=tri-toggle] .segment-panel{animation:fadeIn .16s ease-in}.segmented-toggle[data-module=tri-toggle] .segment-panel[hidden]{display:none!important}.segmented-toggle[data-module=tri-toggle] .segment-panel img{border-radius:8px;box-shadow:0 2px 12px rgba(0,0,0,.08);display:block;height:auto;max-width:700px;width:100%}@keyframes fadeIn{0%{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}