@layer components{.public-bento-container{width:100%;margin-top:8px;container:public-bento/inline-size}.public-bento-flex{--public-bento-gs:calc(100cqw - 16px);--public-bento-quarter:calc(var(--public-bento-gs) / 4 - 12px);--public-bento-half:calc(var(--public-bento-gs) / 2 - 8px);--public-bento-full:var(--public-bento-gs);grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:auto;grid-auto-flow:row;gap:16px;padding-inline:8px;display:grid}.public-bento-item{min-width:0;min-height:0}.public-bento-item--half{grid-column:span 1}.public-bento-item--full{grid-column:1/-1}.public-bento-item--size-4x1{height:var(--public-bento-quarter);min-height:var(--public-bento-quarter);grid-row:span 1}.public-bento-item--size-2x2,.public-bento-item--size-4x2{height:var(--public-bento-half);min-height:var(--public-bento-half);grid-row:span 2}.public-bento-item--size-2x4,.public-bento-item--size-4x4{height:var(--public-bento-full);min-height:var(--public-bento-full);grid-row:span 4}.public-bento-item--size-dynamic{grid-row:auto}}