.grid-overlay{bottom:0;left:0;opacity:0;pointer-events:none;position:fixed;right:0;top:0;transition:opacity .2s ease-in-out;z-index:9999}.grid-overlay--active{opacity:1}.grid-overlay__container{display:grid;gap:20px;grid-template-columns:repeat(12,1fr);height:100%;margin:0 auto;max-width:1600px;padding:0 40px;width:100%}@media (min-width:321px){.grid-overlay__container{gap:16px;padding:0 16px}}@media (min-width:641px){.grid-overlay__container{gap:18px;padding:0 16px}}@media (min-width:961px){.grid-overlay__container{gap:20px;padding:0 16px}}@media (min-width:1025px){.grid-overlay__container{gap:20px;padding:0 40px}}@media (min-width:1281px){.grid-overlay__container{gap:20px;padding:0 40px}}@media (min-width:1441px){.grid-overlay__container{gap:20px;padding:0 40px}}@media (min-width:1601px){.grid-overlay__container{gap:20px;padding:0 40px}}@media (min-width:1600px){.grid-overlay__container{gap:20px;margin:0 auto;max-width:1600px;padding:0}}.grid-overlay__column{background:#ff00001a;border:1px solid rgba(255,0,0,.3);min-height:100vh;position:relative}.grid-overlay__column:before{background:linear-gradient(180deg,#ff00000d 0,#ff00001a 50%,#ff00000d);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.grid-overlay-indicator{background:#ff0000e6;border-radius:4px;color:#fff;font-size:12px;font-weight:600;opacity:0;padding:8px 12px;pointer-events:none;position:fixed;right:20px;top:20px;transform:translateY(-10px);transition:all .2s ease-in-out;z-index:10000}.grid-overlay-indicator--active{opacity:1;transform:translateY(0)}