@charset "utf-8";

.template-kit-preview { background: rgb(233, 233, 233); color: rgba(0, 0, 0, 0.75); font: 1em / 1.67 Arial, sans-serif; margin: 0px; padding: 0.5em; }

@media (min-width: 800px) {
  .template-kit-preview { padding: 1em 2em; }
}

.template-kit-preview__title { font-size: 2em; }

.template-kit-preview__grid { transition: 0.5s ease-in-out; column-gap: 30px; column-fill: initial; }

@media (min-width: 400px) {
  .template-kit-preview__grid { column-count: 2; }
}

@media (min-width: 800px) {
  .template-kit-preview__grid { column-count: 4; }
}

.template-kit-preview__template { display: inline-block; vertical-align: top; background: rgb(255, 255, 255); padding: 1em; margin: 0px 0px 1.5em; width: 100%; box-sizing: border-box; box-shadow: rgba(0, 0, 0, 0.18) 0px 1px 1px 0px; border-radius: 3px; min-height: 100px; }

.template-kit-preview__screenshot { padding: 0px; margin: 0px; line-height: 0; }

.template-kit-preview__name { text-decoration: none; text-align: center; padding: 10px; }