.font-previewer__container{padding:var(--space-small) var(--space-viewport-sides)}@media screen and (min-width: 768px){.font-previewer__container{padding:var(--space-small) 10vw}}.font-previewer-title{margin:2rem 0}.font-previewer-description p{margin:.5rem 0}.fonts-grid{margin:2rem 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.font-block{display:grid;align-content:center;font-size:var(--font-heading-size-small)}.preview-heading{margin:1.5rem 0}.output-container{height:50vh}#PreviewTextInput,#PreviewTextInput2{min-width:100px;max-width:400px;margin:.5rem 0}@media screen and (min-width: 750px){#PreviewTextInput,#PreviewTextInput2{max-width:580px}}#PreviewTextOutput,#PreviewTextOutput2{display:block;font-size:var(--font-heading-size-medium);line-height:var(--font-heading-line-height);min-height:calc(var(--font-heading-line-height) * var(--font-heading-size-medium));margin:.5rem 0}#PreviewTextOutput{margin-top:1.5rem}
/*# sourceMappingURL=/cdn/shop/t/28/assets/styles-component-font-previewer.css.map */