.content{overflow-x:hidden}.typeTester.odd{background:#f9f9f9}.typeTester.even{background:#fff}.typeTester:before{content:"";display:block;width:0;height:0;margin:0 auto;border-top:solid 20px #f9f9f9;border-left:solid 20px transparent;border-right:solid 20px transparent;position:absolute;left:50%;margin-left:-10px}.typeTester.odd:before{border-top:solid 20px #fff}.typeTester.withOptions+.typeTester:before{display:none}.typeTester.typeTester1{margin-top:50px}.typeTester.lastTypeTester{margin-bottom:50px}.typeTester.lastTypeTester:after{content:"";display:block;width:0;height:0;margin:0 auto;border-top:solid 20px #fff;border-left:solid 20px transparent;border-right:solid 20px transparent;position:absolute;left:50%;margin-left:-10px}.typeTester.lastTypeTester.odd:after{border-top:solid 20px #f9f9f9}.typeTester.lastTypeTester.withOptions:after{display:none}.typeTester .enterTXT,.typeTester .enterTXT:focus,.typeTester .enterTXT:active{outline:none;border:none;padding:0.5em 0}.typeTester .container:not(.testerFit){width:100%;padding:0}.typeTester .container:not(.testerFit) .type{display:flex;width:100%;overflow:hidden;overflow-x:scroll;padding:0 40px;margin:0 auto}.typeTester .container:not(.testerFit) .type .enterTXT{white-space:nowrap;padding-right:40px;width:100%}.typeTester .options{height:20px;color:#000;font-size:17px;transition:all 0.25s}.typeTester .options .active{background:#67f4b8}.typeTester .options.width0{display:none}.typeTester .options.width1 .option{width:100%}.typeTester .options.width2 .option{width:50%}@media (max-width: 400px){.typeTester .options.width2 .option{width:100%}}.typeTester .options.width3 .option{width:33.33333333%}@media (max-width: 500px){.typeTester .options.width3 .option{width:100%}}.typeTester .options.width4 .option{width:25%}@media (max-width: 700px){.typeTester .options.width4 .option{width:50%}}@media (max-width: 400px){.typeTester .options.width4 .option{width:100%}}.typeTester .options.width5 .option{width:20%}@media (max-width: 800px){.typeTester .options.width5 .option{width:100%}}.typeTester .options.width6 .option{width:16.6666666666%}@media (max-width: 900px){.typeTester .options.width6 .option{width:33.33333333%}}@media (max-width: 500px){.typeTester .options.width6 .option{width:100%}}.typeTester .options.width7 .option{width:14.285714286%}@media (max-width: 900px){.typeTester .options.width7 .option{width:100%}}.typeTester .options.width8 .option{width:12.5%}@media (max-width: 900px){.typeTester .options.width8 .option{width:25%}}@media (max-width: 700px){.typeTester .options.width8 .option{width:50%}}@media (max-width: 400px){.typeTester .options.width8 .option{width:100%}}.typeTester .options.width9 .option{width:11.111111111%}@media (max-width: 1000px){.typeTester .options.width9 .option{width:100%}}.typeTester .options.width10 .option{width:10%}@media (max-width: 1300px){.typeTester .options.width10 .option{width:20%}}@media (max-width: 800px){.typeTester .options.width10 .option{width:100%}}.typeTester .options .slider,.typeTester .options .optButton,.typeTester .options .italicButton,.typeTester .options .singlelineButton{border:0;border-radius:0;height:20px;background:#000}.typeTester .options .slider .ui-slider-range,.typeTester .options .optButton .ui-slider-range,.typeTester .options .italicButton .ui-slider-range,.typeTester .options .singlelineButton .ui-slider-range{border-radius:0;background:#67f4b8}.typeTester .options .slider .ui-slider-handle,.typeTester .options .optButton .ui-slider-handle,.typeTester .options .italicButton .ui-slider-handle,.typeTester .options .singlelineButton .ui-slider-handle{opacity:0}.typeTester .options .slider .ui-state-focus,.typeTester .options .optButton .ui-state-focus,.typeTester .options .italicButton .ui-state-focus,.typeTester .options .singlelineButton .ui-state-focus{border-radius:0;border:0;outline:0;background:none;font-weight:600;margin:0}.typeTester .options .option{float:left}.typeTester .options .option .label,.typeTester .options .option .amount,.typeTester .options .option .dropdown span{font-family:"Fakta Grotesk","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:0px;color:#fff;text-align:center;width:100%;display:block;text-transform:uppercase;letter-spacing:.1em;opacity:0;transition:all 0.25s;z-index:99;height:20px;line-height:18px;position:relative;padding:2px 5px}.typeTester .options .option.slider{cursor:ew-resize}.typeTester .options .option.optButton,.typeTester .options .option.italicButton,.typeTester .options .option.singlelineButton{user-select:none;cursor:pointer}.typeTester .options .option.optButton.active,.typeTester .options .option.italicButton.active,.typeTester .options .option.singlelineButton.active{background-color:#67f4b8}.typeTester .options .option.optButton .label,.typeTester .options .option.italicButton .label,.typeTester .options .option.singlelineButton .label{border-radius:0}.typeTester .options .option.optButton .label:hover,.typeTester .options .option.optButton .label.active,.typeTester .options .option.italicButton .label:hover,.typeTester .options .option.italicButton .label.active,.typeTester .options .option.singlelineButton .label:hover,.typeTester .options .option.singlelineButton .label.active{background:#67f4b8}.typeTester .options .option.optButton .dropdown,.typeTester .options .option.italicButton .dropdown,.typeTester .options .option.singlelineButton .dropdown{display:none;position:relative;background:#000}.typeTester .options .option.optButton .dropdown span,.typeTester .options .option.italicButton .dropdown span,.typeTester .options .option.singlelineButton .dropdown span{height:20px;background:#000;display:block;font-weight:600;transition:all 0.25s}.typeTester .options .option.optButton .dropdown span:hover,.typeTester .options .option.optButton .dropdown span.active,.typeTester .options .option.italicButton .dropdown span:hover,.typeTester .options .option.italicButton .dropdown span.active,.typeTester .options .option.singlelineButton .dropdown span:hover,.typeTester .options .option.singlelineButton .dropdown span.active{background:#67f4b8;transition:all 0.25s}.typeTester .options .optsupport{font-family:"Fakta Grotesk","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:0px;color:#fff;background:#000;text-align:center;width:100%;display:block;letter-spacing:.1em;opacity:0;transition:all 0.25s;z-index:90;height:0px;line-height:19px;position:relative;float:left;display:block;text-decoration:none}.typeTester .options .optsupport:hover{background:#ed7872}.typeTester .options:hover,.typeTester .options:active,.typeTester .options:focus{height:50px;transition:all 0.25s;box-shadow:none;outline:none}.typeTester .options:hover .optsupport,.typeTester .options:active .optsupport,.typeTester .options:focus .optsupport{min-height:20px;font-size:11px;opacity:1}.typeTester .options:hover .slider,.typeTester .options:hover .optButton,.typeTester .options:hover .italicButton,.typeTester .options:hover .singlelineButton,.typeTester .options:active .slider,.typeTester .options:active .optButton,.typeTester .options:active .italicButton,.typeTester .options:active .singlelineButton,.typeTester .options:focus .slider,.typeTester .options:focus .optButton,.typeTester .options:focus .italicButton,.typeTester .options:focus .singlelineButton{height:50px;transition:all 0.25s}.typeTester .options:hover .option .label,.typeTester .options:hover .option .amount,.typeTester .options:hover .option .dropdown span,.typeTester .options:active .option .label,.typeTester .options:active .option .amount,.typeTester .options:active .option .dropdown span,.typeTester .options:focus .option .label,.typeTester .options:focus .option .amount,.typeTester .options:focus .option .dropdown span{font-size:14px;height:50px;line-height:47px;opacity:1;transition:all 0.25s}.typeTester .options:hover .option .amount,.typeTester .options:active .option .amount,.typeTester .options:focus .option .amount{display:none;font-weight:600;font-size:14px;line-height:46px;text-transform:lowercase}.typeTester .options:hover .option.weightSlider .amount,.typeTester .options:hover .option.alignSlider .amount,.typeTester .options:active .option.weightSlider .amount,.typeTester .options:active .option.alignSlider .amount,.typeTester .options:focus .option.weightSlider .amount,.typeTester .options:focus .option.alignSlider .amount{line-height:47px;text-transform:uppercase}.typeTester .options:hover .option.slider:active .label,.typeTester .options:hover .option.slider:focus .label,.typeTester .options:active .option.slider:active .label,.typeTester .options:active .option.slider:focus .label,.typeTester .options:focus .option.slider:active .label,.typeTester .options:focus .option.slider:focus .label{display:none}.typeTester .options:hover .option.slider:active .amount,.typeTester .options:hover .option.slider:focus .amount,.typeTester .options:active .option.slider:active .amount,.typeTester .options:active .option.slider:focus .amount,.typeTester .options:focus .option.slider:active .amount,.typeTester .options:focus .option.slider:focus .amount{display:block}.typeTester .options:hover .option.optButton .dropdown span,.typeTester .options:active .option.optButton .dropdown span,.typeTester .options:focus .option.optButton .dropdown span{height:50px;transition:all 0.25s}.typeTester .options:hover .optButton.open .dropdown,.typeTester .options:hover .optButton:hover .dropdown,.typeTester .options:active .optButton.open .dropdown,.typeTester .options:active .optButton:hover .dropdown,.typeTester .options:focus .optButton.open .dropdown,.typeTester .options:focus .optButton:hover .dropdown{display:block}.typeTester .type{padding:0 10px}.typeTester .testerFit{text-align:center}.typeTester .testerFit span.enterTXT{margin-left:auto;margin-right:auto}