.grain-generator-container{--margin:40px;--padding:20px;width:min(calc(100% - var(--padding)), var(--layout-width));min-height:calc(100vh - (var(--navigation-height) + var(--margin) * 2));border-top:var(--layout-border-dashed);border-bottom:var(--layout-border-dashed);flex-direction:column;justify-content:center;align-items:center;gap:20px;margin:40px auto;display:flex;position:relative}@media (width>=520px) and (width<=920px){.grain-generator-container{--padding:50px}}.grain-generator-container:before{content:"";background:linear-gradient(to bottom right, transparent 0%, var(--blue) 25%, var(--magenta) 50%, var(--blue) 75%, transparent 100%);opacity:.1;z-index:-1;width:100%;height:100%;position:absolute;top:0;left:0}.grain-generator-container grain-generator{width:min(calc(100% - var(--padding)), 720px)}