.type-tester-grid .font-card{margin-bottom:2.5rem;max-width:unset;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;padding-bottom:2.5rem}.type-tester-grid .font-card+.font-card{margin-left:0}@media (min-width: 768px){.type-tester-grid .font-card{grid-template-rows:auto auto;grid-template-columns:1fr auto}}.type-tester-grid .font-card:last-child{margin-bottom:0}.type-tester-grid .font-card .meta-primary{grid-row:1/2;grid-column:1/2}@media (min-width: 768px){.type-tester-grid .font-card .meta-primary{grid-row:1/2;grid-column:1/3}}.type-tester-grid .font-card figure{--target-font-size: calc(20px * calc(var(--fontMultiplier) / 10))}.type-tester-grid .font-card figure[data-status=loading]{font-size:1px;opacity:.01;height:calc(var(--font-size) * 1.2)}.type-tester-grid .font-card figure span{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:4;line-clamp:4}@media (min-width: 500px){.type-tester-grid .font-card figure span{white-space:nowrap;overflow:hidden}}.type-tester-grid .font-card .listing-image{display:flex;align-items:center}.type-tester-grid .font-card .listing-image img{max-width:none;flex:0 0 auto}.type-tester-grid .font-card .meta-secondary{grid-row:1/2;grid-column:2/3;justify-content:end}@media (min-width: 768px){.type-tester-grid .font-card .meta-secondary{grid-row:2/3;grid-column:2/3}}.type-tester-grid .font-card .meta-secondary .price{display:none}@media (min-width: 768px){.type-tester-grid .font-card .meta-secondary .price{display:block}}.type-tester-grid .font-card .meta-secondary .not-for-sale{color:#595959;max-width:180px;line-height:1.2142857143}.type-tester-grid .font-card .meta-secondary .not-for-sale+.button{display:none}@media (min-width: 768px){.type-tester-grid .font-card .meta-secondary .not-for-sale+.button{display:block}}.type-tester-grid .font-card .meta-secondary .buy-button{position:relative}.type-tester-grid .font-card .font-sample{position:relative;overflow:hidden;grid-row:2/3;grid-column:1/3;margin-top:25px;margin-bottom:0;text-decoration:none;padding-block:15px}@media (min-width: 500px){.type-tester-grid .font-card .font-sample{margin-right:32px}}@media (min-width: 768px){.type-tester-grid .font-card .font-sample{grid-row:2/3;grid-column:1/2;margin-top:20px}}@media (min-width: 500px){.type-tester-grid .font-card .font-sample:after{content:"";position:absolute;right:0;width:15%;top:0;bottom:0;background:linear-gradient(90deg,rgba(255,255,255,0) 0%,rgb(255,255,255) 100%)}}@media (min-width: 768px){.type-tester-grid .font-card .font-sample~.meta{margin-top:0}}.type-tester-grid .font-card.product-view{border-bottom:1px solid #e7e7e8}.type-tester-grid .font-card.product-view:last-child{border-bottom:0}.type-tester-grid .font-card.product-view .buy-button{opacity:1}.type-tester-grid .font-card.product-view:hover .font-sample~.meta *{opacity:1}.type-tester-grid .font-card.product-view .price-amount{color:#000;font-weight:500}.type-tester-grid .font-card.filter-view{margin-bottom:15px}.type-tester-grid .font-card.filter-view:hover .meta-primary .price{opacity:0}@media (min-width: 768px){.type-tester-grid .font-card.filter-view:hover .meta-primary .price{opacity:1}}@media (min-width: 768px){.type-tester-grid .font-card.filter-view{padding:20px;margin-bottom:34px}.type-tester-grid .font-card.filter-view:hover{background:#f7f7f8}}@media (min-width: 768px) and (min-width: 500px){.type-tester-grid .font-card.filter-view:hover .font-sample:after{background:linear-gradient(90deg,rgba(247,247,248,0),#f7f7f8)}}.type-tester-grid .font-card.filter-view .font-sample{margin-top:0}.type-tester-grid .font-card.filter-view .meta-primary{grid-template-columns:auto auto auto 1fr;grid-column:1/3;white-space:nowrap;overflow:auto}.type-tester-grid .font-card.filter-view .meta-primary .price{text-align:right}.type-tester-grid .font-card .modal-open.font-sample,.type-tester-grid .font-card .modal-open.family-name{cursor:pointer}.type-tester-grid .font-card .price-original{text-decoration:line-through;margin-right:5px;font-weight:400}.promo-banner{display:block;margin-bottom:15px;padding-bottom:2.5rem}@media (min-width: 768px){.promo-banner{padding:20px;margin-bottom:34px}}.promo-banner img{min-height:100px;object-fit:cover}.choices.select.vue-dropdown .choices__inner[data-v-7336cb50]{border-width:0 0 1px 0}.range[data-v-91fe9f22]{display:grid;grid-template-columns:auto 1fr;grid-gap:15px;align-items:center}@media (min-width: 500px){.range[data-v-91fe9f22]{width:200px}}.range .range-slider.noUi-horizontal[data-v-91fe9f22]{margin-bottom:0}.range-label[data-v-91fe9f22]{font-weight:500;font-size:1rem}.controls-container{display:grid;grid-template-columns:1fr;grid-template-rows:auto auto;grid-gap:25px;padding:10px 20px 24px;margin-bottom:36px;background:#f7f7f8;grid-column:inherit}@media (min-width: 500px){.controls-container{padding:0;margin-bottom:72px;background:none;grid-gap:50px;grid-template-columns:1fr auto;grid-template-rows:auto;grid-column:1/6}}.text-container{display:grid;grid-template-columns:1fr auto;position:relative}.text-container .choices.select{position:static;border-bottom:1px solid #e7e7e8}.text-container .choices.select .choices__inner{border:0;background:#f7f7f8}@media (min-width: 500px){.text-container .choices.select .choices__inner{background:none}}.text-container .choices__list--dropdown,.text-container .choices__list[aria-expanded]{left:0;z-index:8;background:#f7f7f8}.text-container .choices__list--single{display:none}.text-container .select.is-open .choices__inner,.text-container .select.is-focused .choices__inner,.text-container .select.is-active .choices__inner{border:0}.text-container input{margin-bottom:0;border-width:0 0 1px 0;padding:13px 15px 13px 0;background:#f7f7f8}@media (min-width: 500px){.text-container input{padding:13px 0;background:none}}.text-container input:focus,.text-container input:active{border-width:0 0 2px 0;padding:13px 0 12px;box-shadow:none}.text-container input:focus+.choices.select,.text-container input:active+.choices.select{border-bottom:2px solid #6f43ee}@media (min-width: 500px){#type-tester{grid-column:narrow-container}}#type-tester>div{grid-column:full-width}#type-tester.product{margin:72px 0 15px}@media (min-width: 500px){#type-tester.product{margin:140px 0 112px}}#type-tester.filter{margin:0 0 15px}@media (min-width: 500px){#type-tester.filter{margin:0 0 112px}}#type-tester .product-grid,#type-tester .filter-grid{grid-column:container;transition:opacity .25s ease}@media (min-width: 500px){#type-tester .product-grid,#type-tester .filter-grid{grid-column:1/6}}