.t{contain:content;container-type:size;place-items:center center}.a{contain:strict;--grid-width: min(100cqh * max(var(--board-cell-min-aspect-ratio, 1), var(--board-cell-max-aspect-ratio, .75)) * (var(--board-columns-count, 0) + var(--board-cell-gap-x, .125) * (var(--board-columns-count, 0) + 1)) / (var(--board-rows-count, 0) + var(--board-cell-gap-y, .125) * (var(--board-rows-count, 0) + 1)), 100cqw);--grid-height: min(100cqw / (min(var(--board-cell-min-aspect-ratio, 1), var(--board-cell-max-aspect-ratio, .75)) * (var(--board-columns-count, 0) + var(--board-cell-gap-x, .125) * (var(--board-columns-count, 0) + 1)) / (var(--board-rows-count, 0) + var(--board-cell-gap-y, .125) * (var(--board-rows-count, 0) + 1))), 100cqh);--grid-cell-width: calc(var(--grid-width, 0) / (var(--board-columns-count, 0) + var(--board-cell-gap-x, .125) * (var(--board-columns-count, 0) + 1)));--grid-gap-x: calc(var(--board-cell-gap-x, .125) * var(--grid-cell-width));--grid-gap-y: calc(var(--board-cell-gap-y, .125) * var(--grid-cell-width));width:var(--grid-width, 0);height:var(--grid-height, 0);gap:var(--grid-gap-y, 0) var(--grid-gap-x, 0);padding:var(--grid-gap-y, 0) var(--grid-gap-x, 0);display:grid;grid-template-columns:repeat(var(--board-columns-count, 0),1fr);grid-template-rows:repeat(var(--board-rows-count, 0),1fr);place-content:stretch stretch;place-items:stretch stretch;text-rendering:optimizeLegibility}.r{contain:strict;border-radius:calc(var(--board-cell-corner-radius, .25) * var(--grid-cell-width));background:red;place-items:center stretch}.i{contain:strict;aspect-ratio:1;container-type:inline-size}.o{text-transform:uppercase;text-anchor:middle;font-size:calc(100cqw / var(--board-line-height, 1.92));font-size-adjust:cap-height 1;dominant-baseline:alphabetic;transform:translateY(calc((1 / var(--board-line-height, 1.92) - 1) * 50%))}@property --board-cell-min-aspect-ratio{syntax: "*"; inherits: true; initial-value: 1;}@property --board-cell-max-aspect-ratio{syntax: "*"; inherits: true; initial-value: .75;}@property --board-cell-gap-x{syntax: "*"; inherits: true; initial-value: .125;}@property --board-cell-gap-y{syntax: "*"; inherits: true; initial-value: .125;}@property --board-line-height{syntax: "*"; inherits: true; initial-value: 1.92;}@property --board-columns-count{syntax: "<integer>"; inherits: false; initial-value: 0;}@property --board-rows-count{syntax: "<integer>"; inherits: false; initial-value: 0;}@property --grid-width{syntax: "<length-percentage>"; inherits: false; initial-value: 0;}@property --grid-height{syntax: "<length-percentage>"; inherits: false; initial-value: 0;}@property --grid-gap-x{syntax: "<length-percentage>"; inherits: false; initial-value: 0;}@property --grid-gap-y{syntax: "<length-percentage>"; inherits: false; initial-value: 0;}@property --grid-cell-width{syntax: "<length-percentage>"; inherits: true; initial-value: 0;}@layer reset{@layer{html,body,a,b,i,p,q,s,u,br,dd,dl,dt,em,hr,li,ol,rp,rt,td,th,tr,ul,h1,h2,h3,h4,h5,h6,abbr,address,area,article,aside,audio,bdi,bdo,blockquote,button,caption,cite,code,col,colgroup,data,datalist,del,details,dfn,dialog,div,embed,fencedframe,fieldset,figcaption,figure,footer,form,header,hgroup,iframe,img,input,ins,kbd,label,legend,main,map,mark,math,menu,meter,nav,object,optgroup,option,output,picture,pre,progress,ruby,samp,search,section,select,selectedcontent,small,source,span,strong,sub,summary,sup,svg,table,tbody,textarea,tfoot,thead,time,track,var,video,wbr{backface-visibility:hidden;contain:layout style;appearance:none;background:unset;outline:unset;border:unset;color:unset;font:unset;text-transform:unset;text-align:unset;vertical-align:unset;line-height:inherit}:is(html,body,a,b,i,p,q,s,u,br,dd,dl,dt,em,hr,li,ol,rp,rt,td,th,tr,ul,h1,h2,h3,h4,h5,h6,abbr,address,area,article,aside,audio,bdi,bdo,blockquote,button,caption,cite,code,col,colgroup,data,datalist,del,details,dfn,dialog,div,embed,fencedframe,fieldset,figcaption,figure,footer,form,header,hgroup,iframe,img,input,ins,kbd,label,legend,main,map,mark,math,menu,meter,nav,object,optgroup,option,output,picture,pre,progress,ruby,samp,search,section,select,selectedcontent,small,source,span,strong,sub,summary,sup,svg,table,tbody,textarea,tfoot,thead,time,track,var,video,wbr):not(.e,.e *){margin:unset;padding:unset;box-sizing:border-box;display:grid;grid-template:minmax(0,1fr)/minmax(0,1fr);place-items:stretch stretch;place-content:stretch stretch}body :not(svg *){cursor:inherit}}:root{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;white-space:pre-wrap;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;text-align:start;vertical-align:baseline;pointer-events:none;cursor:default;line-height:1.2em}source{display:none}button,input,textarea{pointer-events:all}textarea,input{height:auto;user-select:text}textarea{resize:none;field-sizing:content}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}img{background-repeat:no-repeat;background-size:contain;background-position:center center}}:root{background:#fff}:root,body{max-width:100%;min-height:100%;font-family:Inter Tight;font-weight:500}#abc{width:100%;height:100%}
/*# sourceMappingURL=app.css.map */