.template-kit-preview{background:#e9e9e9;color:rgba(0,0,0,0.75);font:1em/1.67 Arial,Sans-serif;margin:0;padding:.5em}
.template-kit-preview__title{font-size:2em}
.template-kit-preview__grid{-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out;-webkit-column-gap:30px;-moz-column-gap:30px;column-gap:30px;-webkit-column-fill:initial;-moz-column-fill:initial;column-fill:initial}
.template-kit-preview__template{display:inline-block;vertical-align:top;background:#fff;padding:1em;margin:0 0 1.5em;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-shadow:0 1px 1px 0 rgba(0,0,0,0.18);box-shadow:0 1px 1px 0 rgba(0,0,0,0.18);border-radius:3px;min-height:100px}
.template-kit-preview__screenshot{padding:0;margin:0;line-height:0}
.template-kit-preview__name{text-decoration:none;text-align:center;padding:10px}
@media(min-width:400px){.template-kit-preview__grid{-webkit-column-count:2;-moz-column-count:2;column-count:2}
}@media(min-width:800px){.template-kit-preview{padding:1em 2em}
.template-kit-preview__grid{-webkit-column-count:4;-moz-column-count:4;column-count:4}
}