:host,:root{--xzx-grid-item-content-padding:var(--xzx-padding-md) var(--xzx-padding-xs);--xzx-grid-item-content-background:var(--xzx-background-2);--xzx-grid-item-content-active-color:var(--xzx-active-color);--xzx-grid-item-icon-size:28px;--xzx-grid-item-text-color:var(--xzx-text-color);--xzx-grid-item-text-font-size:var(--xzx-text-mini)}.xzx-grid{display:flex;flex-wrap:wrap}.xzx-grid-item{box-sizing:border-box;position:relative}.xzx-grid-item--square{height:0}.xzx-grid-item__icon{font-size:var(--xzx-grid-item-icon-size)}.xzx-grid-item__icon .xzx-image{height:1em;width:1em}.xzx-grid-item__text{color:var(--xzx-grid-item-text-color);font-size:var(--xzx-grid-item-text-font-size);line-height:1.5;word-break:break-all}.xzx-grid-item__icon+.xzx-grid-item__text{margin-top:var(--xzx-padding-xs)}.xzx-grid-item__content{background:var(--xzx-grid-item-content-background);box-sizing:border-box;display:flex;flex-direction:column;height:100%;padding:var(--xzx-grid-item-content-padding)}.xzx-grid-item__content:after{border-width:0 var(--xzx-border-width) var(--xzx-border-width) 0;z-index:1}.xzx-grid-item__content--square{left:0;position:absolute;right:0;top:0}.xzx-grid-item__content--center{align-items:center;justify-content:center}.xzx-grid-item__content--horizontal{flex-direction:row}.xzx-grid-item__content--horizontal .xzx-grid-item__text{margin:0 0 0 var(--xzx-padding-xs)}.xzx-grid-item__content--reverse{flex-direction:column-reverse}.xzx-grid-item__content--reverse .xzx-grid-item__text{margin:0 0 var(--xzx-padding-xs)}.xzx-grid-item__content--horizontal--reverse{flex-direction:row-reverse}.xzx-grid-item__content--horizontal--reverse .xzx-grid-item__text{margin:0 var(--xzx-padding-xs) 0 0}.xzx-grid-item__content--surround:after{border-width:var(--xzx-border-width)}.xzx-grid-item__content--clickable{cursor:pointer}.xzx-grid-item__content--clickable:active{background-color:var(--xzx-grid-item-content-active-color)}