.styles-module__BRgH6W__typetester{padding:var(--margin-base);background-color:var(--black);flex-direction:column;height:90svh;display:flex;position:relative}.styles-module__BRgH6W__textContainer{flex:1;justify-content:center;align-items:center;width:100%;min-height:0;transition:transform .3s;display:flex;position:relative}.styles-module__BRgH6W__controls{bottom:var(--margin-base);align-items:center;gap:var(--margin-base);opacity:0;pointer-events:none;flex-shrink:0;transition:opacity .15s;display:flex;position:sticky}.styles-module__BRgH6W__typetester.styles-module__BRgH6W__active .styles-module__BRgH6W__controls{opacity:1;pointer-events:auto}.styles-module__BRgH6W__controls .typetester-control-group{gap:0}.styles-module__BRgH6W__controls .typetester-control-label{display:none}.styles-module__BRgH6W__controls>:not(.styles-module__BRgH6W__axis){flex:none}.styles-module__BRgH6W__controls button{width:var(--btn-height);height:var(--btn-height);background-color:var(--white)}.styles-module__BRgH6W__axis{min-width:0;height:var(--btn-height);border-radius:calc(var(--btn-height) / 2);background-color:var(--white);flex:1 1 0;position:relative}.styles-module__BRgH6W__axis label{z-index:1;font-size:var(--text-small);color:var(--lightgrey);pointer-events:none;-webkit-user-select:none;user-select:none;white-space:nowrap;place-items:center;line-height:1;display:grid;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.styles-module__BRgH6W__slider{z-index:2;-webkit-appearance:none;appearance:none;border-radius:inherit;background:0 0;outline:none;width:100%;height:100%;margin:0;padding:0 8px;display:block;position:relative}.styles-module__BRgH6W__slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--black);width:20px;height:20px;box-shadow:none;cursor:pointer;border:none;border-radius:50%}.styles-module__BRgH6W__slider::-moz-range-thumb{background:var(--black);width:20px;height:20px;box-shadow:none;cursor:pointer;border:none;border-radius:50%}.styles-module__BRgH6W__slider::-webkit-slider-thumb:hover{background:var(--accentcolor)}.styles-module__BRgH6W__slider::-moz-range-thumb:hover{background:var(--accentcolor)}.styles-module__BRgH6W__slider::-moz-range-track{background:0 0;border:none;height:100%}@media (hover:hover){.styles-module__BRgH6W__typetester:not(.styles-module__BRgH6W__active):hover .styles-module__BRgH6W__textContainer{transform:translateY(-4px)}}.styles-module__BRgH6W__playPauseButton:hover{color:var(--white);background-color:var(--accentcolor)}@media (max-width:860px){.styles-module__BRgH6W__controls{flex-wrap:wrap}.styles-module__BRgH6W__axis{flex:100%}.styles-module__BRgH6W__controls>:not(.styles-module__BRgH6W__axis){flex:1 1 0}.styles-module__BRgH6W__controls .typetester-control-group{width:100%}.styles-module__BRgH6W__controls button{width:100%}}