.styles-module__9-xhbq__features{flex-wrap:wrap;gap:8px;display:flex}.styles-module__9-xhbq__feature{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;padding:0 8px;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{height:var(--btn-height);padding:0 8px}
.styles-module__1YcQWW__selectors{gap:16px;display:flex}.styles-module__1YcQWW__selectors select{height:var(--btn-height);padding:0 8px}.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{--padding:1.2vw;padding:var(--padding);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(--padding);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{padding-left:var(--padding);padding-right:var(--padding);justify-content:center;align-items:center;transition:padding .3s,transform .3s;display:flex}.typetester.active .content-editable-wrapper{padding-top:var(--controls-height)!important}@media (max-width:860px){.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{--padding:0vw}.typetester.active .content-editable-wrapper{padding-top:unset}}