.segmented-control{max-width:850px;padding:var(--size1);background:#ecedf3;border-radius:20rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));transition:all .3s;display:grid;position:relative;overflow:hidden}.segmented-control input{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.segmented-control label{cursor:pointer;font-size:var(--font-xs);height:var(--size10);text-align:center;white-space:nowrap;z-index:1;grid-row:1;justify-content:center;align-items:center;font-weight:600;transition:inherit;display:flex;position:relative}.segmented-control .active-marker{background:#fff;border-radius:20rem;grid-area:1/1/auto/2;height:40px;transition:transform .2s cubic-bezier(.48,0,0,1.05);box-shadow:0 1px 3px #00000014}.segmented-control label:first-of-type{grid-column:1/2}.segmented-control label:nth-of-type(2){grid-column:2/3}.segmented-control label:nth-of-type(3){grid-column:3/4}.segmented-control label:nth-of-type(4){grid-column:4/5}.segmented-control label:nth-of-type(5){grid-column:5/6}.segmented-control label:nth-of-type(6){grid-column:6/7}.segmented-control input:nth-of-type(2):checked~.active-marker{transform:translate(100%)}.segmented-control input:nth-of-type(3):checked~.active-marker{transform:translate(200%)}.segmented-control input:nth-of-type(4):checked~.active-marker{transform:translate(300%)}.segmented-control input:nth-of-type(5):checked~.active-marker{transform:translate(400%)}.segmented-control input:nth-of-type(6):checked~.active-marker{transform:translate(500%)}.segmented-content{width:100%;display:grid}.segmented-content .segment-container{border-radius:var(--radius-lg);opacity:0;grid-area:1/1;width:100%;min-height:345px;transition:opacity .35s}.segmented-content .segment-imagery{grid-template-columns:1fr;height:100%;display:grid;position:relative}.segmented-content .segment-container-content{height:100%}.segmented-content .segment-container-content h5{font-size:var(--font-xl)}.segmented-content .segment-container-content p{color:var(--color-text);font-size:var(--font-md);line-height:1.5}.segmented-content.segment-debug{gap:var(--size10);flex-direction:column;display:flex}.segmented-content.segment-debug .segment-container{opacity:1}.segment-wrapper:has(.segmented-control input:first-of-type:checked) .segment-container:first-of-type{opacity:1;z-index:1}.segment-wrapper.control-position-top{flex-direction:column-reverse}.segment-wrapper:has(.segmented-control input:nth-of-type(2):checked) .segment-container:nth-of-type(2){opacity:1;z-index:1}.segment-wrapper:has(.segmented-control input:nth-of-type(3):checked) .segment-container:nth-of-type(3){opacity:1;z-index:1}.segment-wrapper:has(.segmented-control input:nth-of-type(4):checked) .segment-container:nth-of-type(4){opacity:1;z-index:1}