.type-tester{font-family:Arial,sans-serif;margin:2rem auto;padding:0 2rem}.type-tester__controls{display:grid;gap:3.5rem;grid-template-columns:minmax(0,1fr);margin-left:auto;margin-right:auto;max-width:400px}.type-tester__control-group{align-items:center;display:flex;position:relative}.type-tester__control-group--font-family{justify-content:center}.type-tester__control-group label,.type-tester__range-value{color:#fff;flex:none;font-family:carnaby_streetclean,sans-serif;font-size:1.25rem;letter-spacing:0;margin:0;text-transform:none}.type-tester__control-group label{background:#000;padding-right:12px;position:relative;text-align:right;width:3rem;z-index:1}@media (min-width: 768px){.type-tester__controls{display:flex;gap:3.5rem;justify-content:center;max-width:900px}.type-tester__control-group--font-family{justify-content:end;margin-right:.5rem}.type-tester__control-group label{text-align:left;width:unset}}.type-tester input[type=range]{-webkit-appearance:none;appearance:none;background:transparent;border:0;height:3px;outline:none;padding:0;position:relative;width:100%}.type-tester__range-track{position:absolute;top:50%;left:0;width:100%;height:1px;background:#fff;border-radius:1px;z-index:0}.type-tester input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#fff;border-radius:50%;cursor:pointer;height:18px;width:18px}.type-tester input[type=range]::-moz-range-thumb{background:#fff;border-radius:50%;border:none;cursor:pointer;height:18px;width:18px}.type-tester__type-input{background:#000;border:0;color:#fff;font-size:72px;line-height:1.4;margin-bottom:1rem;height:fit-content;outline:none;padding:0;resize:vertical;text-align:center;width:100%}.type-tester__number-input{-moz-appearance:textfield;background:#000;border:0;color:#fff;font-family:carnaby_streetclean,sans-serif;font-size:1.25rem;padding:0 3px 0 0;position:relative;text-align:right;width:2rem;z-index:1}.type-tester__number-input::-webkit-outer-spin-button,.type-tester__number-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.type-tester .pretty-select{background:#000;border-radius:0;border:0;color:#fff;display:inline-block;padding:0 0 0 15px;position:relative;text-align:left}.type-tester .pretty-select .text{display:inline-block;font-family:carnaby_streetclean,sans-serif;font-size:1.25rem;text-decoration:underline;text-underline-offset:.3em;text-decoration-thickness:1px}.type-tester .pretty-select .label{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important}.type-tester .pretty-select svg{fill:currentColor;font-size:20px;line-height:1em;margin-top:-.5em;position:absolute;right:15px;top:50%;z-index:1}.type-tester .pretty-select select{cursor:pointer;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%;z-index:15}
/*# sourceMappingURL=/cdn/shop/t/14/compiled_assets/styles.css.map */