.FontTester{border-radius:var(--border-radius);background:#fff;flex:100%;grid-template-rows:auto 1fr auto;width:100%;display:grid}.FontTester.fullscreen{z-index:4000;position:fixed;inset:0}.FontTester select{overflow:visible}.FontTester .typeface-card__font{text-align:center;overflow-wrap:anywhere;font-size:6rem;line-height:1;appearance:none!important}.FontTesterControls{max-width:100%;color:var(--color-red);align-items:center;overflow-x:auto}.FontTesterControls .active{background-color:var(--color-light-red);color:#fff;border-color:#0000}.FontTesterControls .active:hover{background-color:var(--color-red);color:#fff;border-color:#0000}@keyframes active-editing{0%{border-bottom:1px solid var(--color-red)}50%{border-bottom:1px solid #0000}}.FontTesterTextWrapper{min-height:12rem}.FontTester .FontText::selection{background-color:var(--color-light-red)}.active-editing{animation:1s step-end infinite active-editing}.FontTesterFeaturesFeature.selected{color:var(--color-red)}@media (max-width:767px){.FontTesterTextWrapper{min-height:8rem}}