.ecs__wrapper{.ecs__panel .ecs__content{inline-size:90%}}@media(min-width: 640px){.ecs__wrapper{.ecs__panel:first-child:nth-last-child(1) .ecs__content,.ecs__panel:first-child:nth-last-child(1)~.ecs__panel .ecs__content{inline-size:50%}.ecs__panel:first-child:nth-last-child(2) .ecs__content,.ecs__panel:first-child:nth-last-child(3) .ecs__content,.ecs__panel:first-child:nth-last-child(4) .ecs__content,.ecs__panel:first-child:nth-last-child(2)~.ecs__panel .ecs__content,.ecs__panel:first-child:nth-last-child(3)~.ecs__panel .ecs__content,.ecs__panel:first-child:nth-last-child(4)~.ecs__panel .ecs__content{inline-size:85%}}}@media(min-width: 640px){.ecs__main{grid-template-columns:repeat(auto-fit, minmax(min(100%, 180px), 1fr))}.ecs__main:has(.ecs__panel:nth-child(2)){grid-template-columns:repeat(6, 1fr)}.ecs__main:has(.ecs__panel:nth-child(2)) .ecs__panel{grid-column:span 3}.ecs__main:has(.ecs__panel:nth-child(3)):not(:has(.ecs__panel:nth-child(4))) .ecs__panel:last-child{grid-column:span 6}.ecs__main:has(.ecs__panel:nth-child(5)):not(:has(.ecs__panel:nth-child(6))) .ecs__panel:last-child{grid-column:span 6}}@media(min-width: 900px){.ecs__main:has(.ecs__panel:nth-child(6)) .ecs__panel,.ecs__main:has(.ecs__panel:nth-child(5)):not(:has(.ecs__panel:nth-child(6))) .ecs__panel{grid-column:span 2}.ecs__main:has(.ecs__panel:nth-child(5)):not(:has(.ecs__panel:nth-child(6))) .ecs__panel:nth-child(n+4){grid-column:span 3}}@media(min-width: 1024px){.ecs__main:has(.ecs__panel:nth-child(3)) .ecs__panel{grid-column:span 2}.ecs__main:has(.ecs__panel:nth-child(3)):not(:has(.ecs__panel:nth-child(4))) .ecs__panel:last-child{grid-column:span 2}.ecs__main:has(.ecs__panel:nth-child(4)):not(:has(.ecs__panel:nth-child(5))){grid-template-columns:repeat(4, 1fr)}.ecs__main:has(.ecs__panel:nth-child(4)):not(:has(.ecs__panel:nth-child(5))) .ecs__panel{grid-column:span 1}}@media(min-width: 1280px){.ecs__main:has(.ecs__panel:nth-child(5)):not(:has(.ecs__panel:nth-child(6))){grid-template-columns:repeat(5, 1fr)}.ecs__main:has(.ecs__panel:nth-child(5)):not(:has(.ecs__panel:nth-child(6))) :is(.ecs__panel,.ecs__panel:nth-child(n+4)){grid-column:span 1}.ecs__main:has(.ecs__panel:nth-child(6)) .ecs__panel{grid-column:span 1}}
.ecs__wrapper{background:var(--esri-ui-background-default);color:var(--esri-ui-text-1);.number-variant{margin-block-end:var(--space-4)}.title-text{margin-block-end:var(--space-2)}.ecs__main{cursor:default;display:grid;inline-size:100%}.ecs__panel{--bg-color: var(--esri-ui-background-1);--shadow-color: var(--esri-ui-opacity80);background-position:center;color:var(--esri-ui-text-1);display:flex;flex-basis:100%;text-align:center;transition:all .25s ease-in-out;&:focus-within,&:hover{box-shadow:0 0 0 2px inset var(--esri-ui-background-1),0 0 0 10px inset var(--shadow-color)}}.ecs__panel__icon :is(.icon-ui-svg,.icon-ui-svg--base,.icons-ui-svg,.icons-ui-svg--base,svg,img.svg){fill:var(--esri-ui-text-1);margin-block-end:var(--space-4);margin-inline:auto;max-block-size:48px;max-inline-size:48px;stroke:var(--esri-ui-text-1)}.ecs__content{--title-size: var(--font-3);align-self:center;margin:auto;.ecs__main:has(.ecs__panel:nth-child(5)) &{--title-size: var(--font-2)}}.ecs__link{align-items:center;background-image:linear-gradient(to right, currentcolor 0, currentcolor 100%);background-position:0% 100%,100% 100%;background-repeat:no-repeat;background-size:0% 1px,100% 1px;display:flex;inline-size:fit-content;margin:auto;transition:all .3s ease-in-out;calcite-icon{margin-inline-start:var(--space-1)}[dir=rtl] &{background-position:100% 100%,100% 100%;calcite-icon{transform:scaleX(-1)}}}.ecs__link-wrapper{color:var(--esri-ui-text-1);inline-size:100%;padding-block:var(--space-20);padding-inline:var(--space-5);text-decoration:none;&:is(:focus-within,:focus,:hover) .ecs__link{background-size:100% 1px,100% 1px;color:var(--esri-ui-text-1)}}}