.home-tester{position:relative;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.home-tester__stage{padding:6em 32px 100px;min-height:82vh;display:flex;align-items:center;cursor:text;overflow:hidden}.home-tester__text{outline:none;width:100%;white-space:nowrap;overflow:visible;color:var(--text);line-height:.85;caret-color:var(--accent);text-align:center}.home-tester__text.is-default{color:var(--text)}.home-tester__measurer{position:absolute;top:-9999px;left:0;visibility:hidden;pointer-events:none;white-space:nowrap}.home-tester__controls{position:absolute;bottom:0;left:0;right:0;padding:14px 32px;border-top:1px solid var(--border);background:#000000e0;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:10}.home-tester__controls-inner{display:flex;flex-wrap:wrap;gap:16px 28px;align-items:center}.home-tester__font-select{font-family:var(--font-label);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--text);background-color:transparent;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='rgba(255,255,255,0.45)' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:10px 6px;border:1px solid rgba(255,255,255,.2);border-radius:4px;padding:9px 30px 6px 10px;cursor:pointer;-webkit-appearance:none;appearance:none;min-width:130px;transition:border-color .2s}.home-tester__font-select:hover,.home-tester__font-select:focus{outline:none;border-color:#ffffff73}.home-tester__font-select option{background:#111;color:var(--text)}.home-tester__axes{display:flex;flex-wrap:wrap;gap:16px 28px;align-items:center;flex:1}.home-tester__axis{min-width:110px}.home-tester__case{margin-left:auto}.home-tester__text.is-default:hover{color:var(--accent)}@media(max-width:768px){.home-tester__stage{padding:32px 20px 130px;min-height:120vw}.home-tester__controls-inner{flex-direction:column}.home-tester__controls{padding:14px 20px}.home-tester__font-select,.home-tester__axes{width:100%}.home-tester__case{margin-left:0}.home-tester{overflow:hidden}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/home-type-tester.css.map */