:root{--grid-show:0;--gird-gap:60px}.debug *{background:#ff00001a}.row{-moz-column-gap:20px;column-gap:20px;display:flex;flex-direction:column;flex-wrap:wrap;row-gap:20px;width:100%}.row.reversed{flex-direction:column-reverse}@media(min-width:48rem){.row{-moz-column-gap:60px;column-gap:60px;row-gap:20px}.row,.row.reversed{flex-direction:row}}.hd-col-1{background:rgba(0,255,0,var(--grid-show))}@media(min-width:48rem){.hd-col-1{flex:0 1 calc(16.66667% - 50px)}}.hd-col-2{background:rgba(0,255,0,var(--grid-show))}@media(min-width:48rem){.hd-col-2{flex:0 1 calc(33.33333% - 40px)}}.hd-col-3{background:rgba(0,255,0,var(--grid-show))}@media(min-width:48rem){.hd-col-3{flex:0 1 calc(50% - 30px)}}.hd-col-4{background:rgba(0,255,0,var(--grid-show))}@media(min-width:48rem){.hd-col-4{flex:0 1 calc(66.66667% - 20px)}}.hd-col-5{background:rgba(0,255,0,var(--grid-show))}@media(min-width:48rem){.hd-col-5{flex:0 1 calc(83.33333% - 10px)}}.hd-col-6{background:rgba(0,255,0,var(--grid-show))}@media(min-width:48rem){.hd-col-6{flex:0 1 100%}}.fade-enter-active,.fade-leave-active{transition:opacity .2s}.fade-enter-from,.fade-leave-to{opacity:0}.accordion-enter-active,.accordion-leave-active{transition:all .35s ease}.accordion-enter-from,.accordion-leave-to{max-height:0;opacity:0}.accordion-enter-to,.accordion-leave-from{max-height:500px;opacity:1}