.kb-mosaic{overflow:hidden;container-type:inline-size}.kb-mosaic__grid{--kb-cell:var(--kb-cell-fixed,calc(100cqw / var(--kb-cols)));grid-auto-rows:var(--kb-cell);grid-template-columns:repeat(var(--kb-cols), var(--kb-cell));display:grid}.kb-mosaic__cell{position:relative;overflow:hidden}.kb-mosaic__shape{display:block;position:absolute}.kb-mosaic__shape--quarter-nw{border-radius:0 0 100%;inset:0}.kb-mosaic__shape--quarter-ne{border-radius:0 0 0 100%;inset:0}.kb-mosaic__shape--quarter-sw{border-radius:0 100% 0 0;inset:0}.kb-mosaic__shape--quarter-se{border-radius:100% 0 0;inset:0}.kb-mosaic__shape--half-n{transform-origin:50% 100%;border-radius:0 0 50% 50%/0 0 100% 100%;width:100%;height:50%;top:0;left:0}.kb-mosaic__shape--half-s{transform-origin:50% 0;border-radius:50% 50% 0 0/100% 100% 0 0;width:100%;height:50%;bottom:0;left:0}.kb-mosaic__shape--half-e{transform-origin:0;border-radius:100% 0 0 100%/50% 0 0 50%;width:50%;height:100%;top:0;right:0}.kb-mosaic__shape--half-w{transform-origin:100%;border-radius:0 100% 100% 0/0 50% 50% 0;width:50%;height:100%;top:0;left:0}.kb-mosaic__shape--circle{border-radius:50%;inset:14%}.kb-mosaic__shape--square{inset:26%}