*,*::before,*::after{box-sizing:border-box}*{margin:0}html,body{height:100%}body{line-height:1;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}button{background:none;border:none;padding:0;cursor:pointer}a{text-decoration:none;color:inherit}ul,ol{list-style:none;padding:0}table{border-collapse:collapse;border-spacing:0}h1,h2,h3,h4,h5,h6{font-weight:inherit;font-size:inherit}p{margin:0}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}#root,#__next{isolation:isolate}html,body{height:auto;min-height:100%}body{font-family:Arial,sans-serif;font-size:12px;line-height:16px;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;min-height:100vh;position:relative}h1{font-size:32px;line-height:32px;transform:translateY(-3px);margin-block-start:0em;margin-block-end:0em}h2{font-size:24px;line-height:32px;margin-block-start:0em;margin-block-end:0em}h3{font-size:16px;line-height:24px;transform:translateY(-1px);margin-block-start:0em;margin-block-end:0em}h4{font-size:14px;line-height:16px;transform:translateY(4px);margin-block-start:0em;margin-block-end:0em}p{font-size:12px;line-height:16px;transform:translateY(0);margin-block-start:0em;margin-block-end:8px}h1~p,h1~ul{transform:translateY(4px)}h2~p{transform:translateY(-4px)}h3~p{transform:translateY(4px)}h4~p{transform:translateY(4px)}img+h1{padding-top:4px}ul{transform:translateY(4px);margin-bottom:8px}p:first-child{margin-top:4px}.con{padding-left:var(--pl);padding-right:var(--pr);max-width:var(--mw);margin:auto;position:relative}.grd{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--gp);position:relative}.grd-label{display:inline-block;background:red;color:#fff;font-size:11px;padding:4px 8px;height:24px;margin-bottom:8px}.grd-component{border:1px dashed red;background:rgb(255 0 0 / .08);height:64px;width:100%}.grd-badge{position:fixed;right:0;bottom:16px;z-index:9999;width:40px;height:120px;background:url(https://gridy.neocities.org/assets/img/badge.png) center/contain no-repeat;font-size:0;line-height:0;opacity:.85;transition:opacity 0.2s ease,transform 0.2s ease}.grd-badge:hover{opacity:1;transform:translateY(-2px)}pre{margin-block:0em;line-height:16px;transform:translateY(3px)}[class^="c-"]{min-width:0;position:relative}[class^="s-"]{grid-column-start:unset}.c-1{grid-column:auto / span 1}.c-2{grid-column:auto / span 2}.c-3{grid-column:auto / span 3}.c-4{grid-column:auto / span 4}.c-5{grid-column:auto / span 5}.c-6{grid-column:auto / span 6}.c-7{grid-column:auto / span 7}.c-8{grid-column:auto / span 8}.c-9{grid-column:auto / span 9}.c-10{grid-column:auto / span 10}.c-11{grid-column:auto / span 11}.c-12{grid-column:auto / span 12}.s-1{grid-column-start:1}.s-2{grid-column-start:2}.s-3{grid-column-start:3}.s-4{grid-column-start:4}.s-5{grid-column-start:5}.s-6{grid-column-start:6}.s-7{grid-column-start:7}.s-8{grid-column-start:8}.s-9{grid-column-start:9}.s-10{grid-column-start:10}.s-11{grid-column-start:11}.s-12{grid-column-start:12}.f-r{display:flex;flex-direction:row}.f-c{display:flex;flex-direction:column}.j-s{justify-content:flex-start}.j-c{justify-content:center}.j-e{justify-content:flex-end}.j-b{justify-content:space-between}.j-a{justify-content:space-around}.a-s{align-items:flex-start}.a-c{align-items:center}.a-e{align-items:flex-end}.a-st{align-items:stretch}.t-l{text-align:left}.t-c{text-align:center}.t-r{text-align:right}.mt-8{margin-top:8px}.mt-16{margin-top:16px}.mt-32{margin-top:32px}.mt-44{margin-top:44px}.mt-64{margin-top:64px}.mb-8{margin-bottom:8px}.mb-16{margin-bottom:16px}.mb-32{margin-bottom:32px}.mb-44{margin-bottom:44px}.mb-64{margin-bottom:64px}.pt-8{padding-top:8px}.pt-16{padding-top:16px}.pt-32{padding-top:32px}.pt-44{padding-top:44px}.pt-64{padding-top:64px}.pb-8{padding-bottom:8px}.pb-16{padding-bottom:16px}.pb-32{padding-bottom:32px}.pb-44{padding-bottom:44px}.pb-64{padding-bottom:64px}.img{width:100%;display:block;object-fit:cover}.img-80{height:80px}.img-160{height:160px}.img-192{height:192px}.img-240{height:240px}.img-320{height:320px}.img-480{height:480px}.img-560{height:560px}.img-640{height:640px}.img-full{width:100%;height:auto}.img-fit{width:100%;height:100%;object-fit:cover}.ovl{position:absolute;inset:0;display:grid;grid-template-columns:repeat(12,1fr);gap:var(--gp);padding-left:var(--pl);padding-right:var(--pr);pointer-events:none;z-index:9999;max-width:var(--mw);margin:auto}.ovl{background:repeating-linear-gradient(to bottom,transparent 0,transparent 8px,rgb(0 0 255 / .10) 8px,rgb(0 0 255 / .10) 16px)}.ovl div{background:rgb(255 0 0 / .10)}.ovl::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(to bottom,transparent 0,transparent 8px,rgb(0 0 255 / .10) 8px,rgb(0 0 255 / .10) 16px);mix-blend-mode:multiply}.ovl.h{display:none}@media(max-width:900px){.grd{grid-template-columns:repeat(4,1fr)}[class^="c-"]{grid-column:span 4!important}[class^="s-"]{grid-column-start:auto}}