@keyframes fade-in{0%{opacity:0}to{opacity:1}}.c-grid-layout{display:none;pointer-events:none;position:fixed;top:0;width:100%;z-index:8000}.c-grid-layout.show{display:block}.c-grid-layout__container{display:grid;grid-gap:16px;grid-template-columns:repeat(6,minmax(0,1fr));width:100%}@media (min-width:62em){.c-grid-layout__container{grid-gap:24px;grid-template-columns:repeat(12,minmax(0,1fr))}}@media (min-width:90em){.c-grid-layout__container{grid-gap:32px}}.c-grid-layout__item{height:100vh}.c-grid-layout__item:nth-child(10),.c-grid-layout__item:nth-child(11),.c-grid-layout__item:nth-child(12),.c-grid-layout__item:nth-child(7),.c-grid-layout__item:nth-child(8),.c-grid-layout__item:nth-child(9){display:none}@media (min-width:62em){.c-grid-layout__item:nth-child(10),.c-grid-layout__item:nth-child(11),.c-grid-layout__item:nth-child(12),.c-grid-layout__item:nth-child(7),.c-grid-layout__item:nth-child(8),.c-grid-layout__item:nth-child(9){display:block}}.c-grid-layout__item>div{background:#0ff3;height:100%;outline:1px solid #8b008b;width:100%}.c-grid-layout__mq{background:gray;border-radius:3px;bottom:10px;box-shadow:0 0 0 3px #f0f;color:#fff;font-size:14px;line-height:24px;opacity:.5;padding:0 10px;position:fixed;right:10px}