.font-tester{max-width:1200px;margin:0 auto;padding:40px 24px 80px}.font-tester__header{position:sticky;top:0;z-index:100;background:#fff;margin-bottom:40px;border-bottom:1px solid #eee;padding:16px 0 24px}.font-tester__controls{display:flex;flex-wrap:wrap;gap:12px 20px;align-items:flex-end}.ft-label{font-family:system-ui,sans-serif;font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:#0009;display:flex;flex-direction:column;gap:4px;flex-shrink:0}.ft-label--toggle{flex-direction:row;align-items:center;gap:6px;cursor:pointer}.ft-input{padding:6px 10px;border:1px solid #ddd;font-size:13px;font-family:system-ui,sans-serif;width:200px}.ft-input--wide{width:360px}.ft-textarea{padding:8px 10px;border:1px solid #ddd;font-size:13px;font-family:system-ui,sans-serif;width:360px;resize:vertical}.ft-select{padding:6px 10px;border:1px solid #ddd;font-size:13px;font-family:system-ui,sans-serif;width:200px;cursor:pointer}.ft-range{width:120px;min-width:120px;cursor:pointer;flex-shrink:0}.ft-color{width:40px;height:30px;border:1px solid #ddd;padding:2px;cursor:pointer}.ft-color-code{font-family:monospace;font-size:11px;color:#00000080;-webkit-user-select:all;user-select:all;cursor:text}.ft-range-val{font-family:monospace;font-size:11px;color:#0006;min-width:50px}.font-tester__list{display:flex;flex-direction:column;gap:0}.font-tester__font-section{border-bottom:1px solid #eee;padding:80px 0}.font-tester__font-header{display:flex;align-items:baseline;gap:12px;margin-bottom:20px;background:#000;padding:16px 20px}.font-tester__font-name{font-family:system-ui,sans-serif;font-size:42.4px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:#fff}.font-tester__font-family{font-family:monospace;font-size:11px;color:#ffffff80}.font-tester__badge{font-family:system-ui,sans-serif;font-size:9px;text-transform:uppercase;letter-spacing:.12em;padding:2px 8px;border-radius:3px;font-weight:600}.font-tester__badge--theme{background:#000;color:#fff}.font-tester__samples{display:flex;flex-direction:column;gap:4px}.font-tester__sample-row+.font-tester__sample-row--upper{margin-top:80px}.font-tester__sample-row{display:flex;align-items:baseline;gap:20px}.font-tester__size-label{font-family:monospace;font-size:11px;color:#00000059;min-width:60px;text-align:right;flex-shrink:0}.font-tester__sample-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.font-tester__separator{padding:40px 0 8px;font-family:system-ui,sans-serif;font-size:11px;text-transform:uppercase;letter-spacing:.15em;color:#00000059;border-bottom:2px solid #000;margin-bottom:0}.ft-collage{padding:80px 0 40px}.ft-collage__title{font-family:system-ui,sans-serif;font-size:11px;text-transform:uppercase;letter-spacing:.15em;color:#00000059;border-bottom:2px solid #000;padding-bottom:8px;margin-bottom:48px}.ft-collage__stage{position:relative;width:min(520px,100%);margin:0 auto;aspect-ratio:512 / 700;container-type:inline-size}.ft-paper{position:absolute}.ft-paper__bg{display:block;width:100%;height:auto;filter:drop-shadow(0 12px 20px rgba(0,0,0,.22))}.ft-paper__content{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;padding:5cqw;box-sizing:border-box}.ft-paper--a{top:0;left:4%;width:64%;transform:rotate(-1.5deg)}.ft-paper--b{top:30%;left:0;width:82%;transform:rotate(1.2deg);z-index:2}.ft-paper--c{top:52%;left:30%;width:66%;transform:rotate(-2deg)}.ft-paper__content--a{align-items:flex-start}.ft-paper__content--b{align-items:center;justify-content:center}.ft-paper__content--c{align-items:flex-start}.ft-type{font-family:Courier New,monospace;font-size:3.2cqw;line-height:1.7;color:#282828d1;margin:0;white-space:pre}.ft-word{font-family:New Spirit,Georgia,serif;font-weight:700;font-size:13cqw;letter-spacing:-.01em;line-height:1;color:#111}@media(max-width:600px){.font-tester{padding:24px 16px 60px}.font-tester__sample-row{flex-direction:column;gap:2px}.font-tester__size-label{text-align:left}.font-tester__sample-text{white-space:normal}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/section-font-tester.css.map */