.styles-module__BRgH6W__typetester{--padding:1.2vw;padding:var(--padding);background-color:var(--white);flex-direction:column;height:90svh;transition:background-color .15s;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__typetester label,.styles-module__BRgH6W__typetester .styles-module__BRgH6W__typetester-control-label,.styles-module__BRgH6W__typetester button{transition:opacity .15s;opacity:0!important}.styles-module__BRgH6W__typetester.styles-module__BRgH6W__active{background-color:var(--background)}.styles-module__BRgH6W__typetester.styles-module__BRgH6W__active label,.styles-module__BRgH6W__typetester.styles-module__BRgH6W__active .styles-module__BRgH6W__typetester-control-label,.styles-module__BRgH6W__typetester.styles-module__BRgH6W__active button{opacity:1!important}.styles-module__BRgH6W__controls{padding-bottom:var(--padding);flex-direction:column;flex-shrink:0;align-items:center;gap:8px;width:100%;margin-bottom:4vh;display:flex;position:absolute;bottom:0;left:0}.styles-module__BRgH6W__controlButtons{gap:8px;margin-bottom:16px;display:flex}.styles-module__BRgH6W__controlButtons button{width:var(--btn-height);height:var(--btn-height)}.styles-module__BRgH6W__axis{position:relative}.styles-module__BRgH6W__axis label{text-align:right;width:256px;font-size:var(--text-small);position:absolute;top:5px;transform:translate(calc(-100% - 16px))}.styles-module__BRgH6W__slider{-webkit-appearance:none;appearance:none;background:var(--lightergrey);border-radius:16px;outline:none;width:256px;height:32px;margin:0;padding:8px}.styles-module__BRgH6W__typetester.styles-module__BRgH6W__active .styles-module__BRgH6W__slider{background:var(--bac)}.styles-module__BRgH6W__slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;box-shadow:none;cursor:pointer;background:#000;border:none;border-radius:50%}.styles-module__BRgH6W__slider::-moz-range-thumb{width:20px;height:20px;box-shadow:none;cursor:pointer;background:#000;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:var(--lightergrey);border:none;border-radius:16px;height:32px}.styles-module__BRgH6W__slider{background-color:var(--lightergrey)}.styles-module__BRgH6W__slider::-moz-range-track{background-color:var(--lightergrey)}.styles-module__BRgH6W__typetester.styles-module__BRgH6W__active .styles-module__BRgH6W__slider{background-color:var(--white)}.styles-module__BRgH6W__typetester.styles-module__BRgH6W__active .styles-module__BRgH6W__slider::-moz-range-track{background-color:var(--white)}@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__slider{width:180px}}