.styles-module__9-xhbq__features{gap:var(--margin-small);flex-wrap:wrap;display:flex}.styles-module__9-xhbq__feature{padding:0 var(--margin-small);height:var(--btn-height);cursor:pointer;color:var(--lightgrey);background-color:var(--white);-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;align-items:center;transition:background-color .15s;display:flex}.styles-module__9-xhbq__feature input[type=checkbox]{display:none}.styles-module__9-xhbq__features button:hover{background-color:var(--accentcolor);color:var(--white)}.styles-module__9-xhbq__feature:has(input[type=checkbox]):hover{background-color:var(--accentcolor);color:var(--white)}.styles-module__9-xhbq__feature:has(input[type=checkbox]:checked){background-color:var(--accentcolor);color:var(--white)}.styles-module__9-xhbq__features button{padding:0 var(--margin-small);height:var(--btn-height)}
.styles-module__1YcQWW__selectors{gap:var(--margin-base);display:flex}.styles-module__1YcQWW__selectors select{padding:0 var(--margin-small);height:var(--btn-height)}.styles-module__1YcQWW__selectors select:hover{background-color:var(--accentcolor);color:var(--white)}
.styles-module__GB5vSG__sizes{gap:2px;display:flex}.styles-module__GB5vSG__sizes button{width:var(--btn-height);height:var(--btn-height)}.styles-module__GB5vSG__sizes button:hover{background-color:var(--accentcolor);color:var(--white)}
.typetester{--text-compensation:0px;padding:var(--margin-base);background-color:var(--white);transition:background-color .15s;position:relative}.typetester label,.typetester .typetester-control-label,.typetester button{transition:opacity .15s;opacity:0!important}.typetester.active{background-color:var(--background)}.typetester.active label,.typetester.active .typetester-control-label,.typetester.active button{opacity:1!important}.controls{gap:var(--margin-base);width:100%;padding:var(--margin-base);display:flex;position:absolute;top:0;left:0}.typetester:not(.active) .controls select,.typetester:not(.active) .controls button{background:0 0}@media (hover:hover){.typetester:not(.active):hover .content-editable-wrapper{transform:translateY(-4px)}}.content-editable-wrapper{justify-content:center;align-items:center;transition:padding .3s,transform .3s;display:flex}.typetester.active .content-editable-wrapper{padding-top:var(--controls-height)!important}.text-left .content-editable-wrapper{padding-left:var(--margin-small);padding-right:var(--margin-small)}@media (max-width:860px){.text-left{display:none}.typetester .controls{opacity:0;transition:opacity .15s}.typetester.active .controls{opacity:1;transition:opacity .15s}.typetester:not(.active) .content-editable-wrapper{transform:translateY(-10%)}.typetester{--text-compensation:var(--margin-base)}.typetester.active .content-editable-wrapper{padding-top:unset}}