.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(var(--grid-column-width),100%),1fr));position:relative}.grid:after,.grid:before{background-color:var(--es-surface-50);bottom:calc(var(--grid-row-gap)/2);content:"";display:block;position:absolute;top:calc(var(--grid-row-gap)/2);width:calc(var(--grid-side-cutout) + 1px);z-index:2}.grid:before{left:-1px}.grid:after{right:-1px}.grid__wrapper{margin-inline:calc(-1*var(--grid-col-gap)/2 + .5px);position:relative}.grid__wrapper:after{background-color:var(--es-surface-50);bottom:-1px;content:"";display:block;height:1px;left:0;position:absolute;right:0;z-index:2}.grid__item{padding:calc(var(--grid-row-gap)/2) calc(var(--grid-col-gap)/2);position:relative}.grid__item:after,.grid__item:before{background-color:var(--es-mono-a-a200);content:"";display:block;position:absolute}.grid__item:before{bottom:calc(var(--grid-row-gap)/2);left:-1px;top:calc(var(--grid-row-gap)/2);width:1px}.grid__item:after{bottom:-1px;height:1px;left:0;right:0}.grid__item:has(:hover)+.grid__item:before,.grid__item:has(:hover):before{display:none}.grid__item>*{position:relative;z-index:3!important}.grid__item>:hover{z-index:4!important}