:root{--s-grid-bg:var(--s-bg-color-container);--s-grid-bg-active:var(--s-bg-color-active);--s-grid-border-color:var(--s-border-color);--s-grid-content-padding-x:var(--s-size-xs);--s-grid-content-padding-y:var(--s-size);--s-grid-content-gap:var(--s-size-xs);--s-grid-icon-size:var(--s-size-xl);--s-grid-text-font-size:var(--s-font-size-sm);--s-grid-text-line-height:var(--s-line-height-tight);--s-grid-text-color:var(--s-text-color-primary)}.s-grid{position:relative;display:grid}.s-grid__item{position:relative}.s-grid--square .s-grid__item{aspect-ratio:1/1}.s-grid--bordered::after{position:absolute;top:0;left:0;z-index:1;width:200%;height:200%;border:var(--s-border-width) var(--s-border-style) rgba(0,0,0,0);transform:scale(0.5);transform-origin:0 0;pointer-events:none;touch-action:none;content:"";border-top-color:var(--s-grid-border-color);border-left-color:var(--s-grid-border-color)}.s-grid--bordered .s-grid__item::after{position:absolute;top:0;left:0;z-index:1;width:200%;height:200%;border:var(--s-border-width) var(--s-border-style) rgba(0,0,0,0);transform:scale(0.5);transform-origin:0 0;pointer-events:none;touch-action:none;content:"";border-bottom-color:var(--s-grid-border-color);border-right-color:var(--s-grid-border-color)}.s-grid--surround .s-grid__item::after{position:absolute;top:0;left:0;z-index:1;width:200%;height:200%;border:var(--s-border-width) var(--s-border-style) rgba(0,0,0,0);transform:scale(0.5);transform-origin:0 0;pointer-events:none;touch-action:none;content:"";border-color:var(--s-grid-border-color)}.s-grid--clickable .s-grid__content{cursor:pointer}.s-grid--clickable .s-grid__content:active{background:var(--s-grid-bg-active)}.s-grid__content{box-sizing:border-box;display:flex;justify-content:center;align-items:center;height:100%;padding-top:var(--s-grid-content-padding-y);padding-inline-end:var(--s-grid-content-padding-x);padding-bottom:var(--s-grid-content-padding-y);padding-inline-start:var(--s-grid-content-padding-x);gap:var(--s-grid-content-gap);background:var(--s-grid-bg)}.s-grid__icon{position:relative;display:flex;font-size:var(--s-grid-icon-size);line-height:1}.s-grid__text{font-size:var(--s-grid-text-font-size);line-height:var(--s-grid-text-line-height);color:var(--s-grid-text-color);text-align:center}.s-grid--vertical .s-grid__content{flex-direction:column}.s-grid--horizontal .s-grid__content{flex-direction:row}.s-grid--vertical.s-grid--reverse .s-grid__content{flex-direction:column-reverse}.s-grid--horizontal.s-grid--reverse .s-grid__content{flex-direction:row-reverse}