.font-test-container[data-v-3b352737]{max-width:1200px;font-family:Roboto,sans-serif}[dir] .font-test-container[data-v-3b352737]{margin:0 auto;padding:2rem}h1[data-v-3b352737]{color:#2c3e50}[dir] h1[data-v-3b352737]{text-align:center;margin-bottom:1rem}.test-description[data-v-3b352737]{color:#7f8c8d;font-size:1.1rem}[dir] .test-description[data-v-3b352737]{text-align:center;margin-bottom:3rem}.font-samples[data-v-3b352737]{display:grid;gap:2rem}[dir] .font-sample[data-v-3b352737]{border:1px solid #e0e0e0;border-radius:8px;padding:1.5rem;background:#fafafa}.font-sample h3[data-v-3b352737]{color:#34495e}[dir] .font-sample h3[data-v-3b352737]{margin-bottom:1rem;border-bottom:2px solid #3498db;padding-bottom:.5rem}.font-sample p[data-v-3b352737]{font-size:1rem;line-height:1.5}[dir] .font-sample p[data-v-3b352737]{margin:.5rem 0}.weight-300[data-v-3b352737]{font-weight:300}.weight-400[data-v-3b352737]{font-weight:400}.weight-500[data-v-3b352737]{font-weight:500}.weight-600[data-v-3b352737]{font-weight:600}.weight-700[data-v-3b352737]{font-weight:700}.weight-900[data-v-3b352737]{font-weight:900}.italic[data-v-3b352737]{font-style:italic}[dir] .font-status[data-v-3b352737]{margin-top:3rem;padding:1.5rem;background:#e8f5e8;border-radius:8px}[dir=ltr] .font-status[data-v-3b352737]{border-left:4px solid #27ae60}[dir=rtl] .font-status[data-v-3b352737]{border-right:4px solid #27ae60}.font-status h3[data-v-3b352737]{color:#27ae60}[dir] .font-status h3[data-v-3b352737]{margin-bottom:1rem}.font-status p[data-v-3b352737]{color:#2c3e50}[dir] .font-status p[data-v-3b352737]{margin:.5rem 0}.font-status code[data-v-3b352737]{font-family:Courier New,monospace}[dir] .font-status code[data-v-3b352737]{background:#f8f9fa;padding:.2rem .4rem;border-radius:4px}