button {
                border-radius: 0;
                overflow: visible;
            }
            button:focus {
                outline: 1px dotted;
                outline: 5px auto -webkit-focus-ring-color;
            }
            button,
            select {
                margin: 0;
                font-family: inherit;
                font-size: inherit;
                line-height: inherit;
            }
            button,
            select {
                text-transform: none;
            }
            select {
                word-wrap: normal;
            }
            [type="button"],
            [type="reset"],
            [type="submit"],
            button {
                -webkit-appearance: button;
            }
            [type="button"]:not(:disabled),
            [type="reset"]:not(:disabled),
            [type="submit"]:not(:disabled),
            button:not(:disabled) {
                cursor: pointer;
            }
            [type="button"]::-moz-focus-inner,
            [type="reset"]::-moz-focus-inner,
            [type="submit"]::-moz-focus-inner,
            button::-moz-focus-inner {
                padding: 0;
                border-style: none;
            }
            .TestHeader {
display:none;
            }
            .TestHeaderContainer {
                display: flex;
                align-items: center;
                height: 60px;
                overflow-x: auto;
            }
            .TestContainer {
                width: 100%;
                padding-right: 15px;
                padding-left: 15px;
                margin-right: auto;
                margin-left: auto;
            }

            @media (orientation: landscape) {
		.HeadphonesHeadphone:before {
			background: url(/tools/headphonetest/files/headphone.png) 50% no-repeat;
		}
            }
            @media (orientation: portrait) {
		.HeadphonesHeadphone:before {
			background: url(/tools/headphonetest/files/headphone_small.png) 50% no-repeat;
		}
            }

            .TestToolbar {
                position: relative;
                z-index: 211;
                flex-shrink: 0;
                background: #f6f6f6;
                box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
                width: 100%;
                max-width: 375px;
                margin:auto;
                text-align:center;
            }
            .HeadText {
                font-size:17px;
                font-weight:bold;
            }
            .TestToolbarContainer {
                display: flex;
                align-items: center;
                justify-content: center;
            }
            .TestToolbarButton {
                display: flex;
                align-items: center;
                padding: 0.25rem 0.5rem;
                margin: 0 0 0 1rem;
                border: none;
                border-radius: 3px;
                background: transparent;
                color: #646876;
                outline: none;
		font-weight:bold;
            }
            .TestToolbarButton:first-child {
                margin-left: -0.5rem;
            }
            .TestToolbarButton:focus,
            .TestToolbarButton:hover {
                outline: none;
            }
            .TestToolbarButton:focus > .title,
            .TestToolbarButton:hover > .title {
                color: #000;
            }
            .TestToolbarButton.-active > .title {
                color: #000;
                font-weight: 500;
            }
            .TestToolbarButton.-active > .icon {
                color: #f2711c;
            }
            .TestToolbarButton > .icon {
                display: flex;
                font-size: 1.25rem;
            }
            .TestToolbarButton > .title {
                margin-left: 0.5rem;
                font-size: calc(1rem - 1px);
            }
            @media (max-width: 991.98px) {
                .TestToolbarButton {
                    padding: 0.25rem;
                    margin-right: 0.5rem;
                }
                .TestToolbarButton > .title {
                    display: none;
                }
            }
            .HeadphonesTest {
                padding: 0.5vw 0 0;
            }
            .HeadphonesTestToolbar {
                display: flex;
                justify-content: space-between;
                align-items: center;
                padding: 0.5rem 0.625rem;
                margin: 0 auto 2rem;
                background: #f6f6f6;
                border-radius: 0.25rem;
                box-shadow: 0 3px 4px rgba(0, 0, 0, 0.15);
                width: 100%;
                max-width: 375px;
            }
            .HeadphonesTestContainer {
                width: 100%;
                padding-right: 15px;
                padding-left: 15px;
                margin-right: auto;
                margin-left: auto;
                position: relative;
            }
            .Select-module--Select--3x4xG {
                max-width: 12rem;
                height: 2.125rem;
                line-height: 2.125rem;
                padding: 0 0.5rem;
                border: 1px solid #cdcecf;
                border-radius: 0.25rem;
                font-size: 0.875rem;
            }
            .HeadphonesPlaybackMusicType {
                width: 11rem;
            }
            .HeadphonesScale {
                position: relative;
                width: 11rem;
                height: 2.125rem;
                border-radius: 0.25rem;
                background: #f2711c;
                color: #ffffff;
                box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.25);
                -webkit-user-select: none;
                -ms-user-select: none;
                user-select: none;
                cursor: ew-resize;
            }
            .HeadphonesScale > .ticks {
                position: absolute;
                bottom: 0;
                left: 0.5rem;
                right: 0.5rem;
                display: flex;
                align-items: flex-end;
                justify-content: space-between;
                border-bottom: 1px solid rgba(0, 0, 0, 0.25);
            }
            .HeadphonesScale > .ticks > .tick {
                width: 1px;
                height: 2px;
                background: #ffffff;
            }
            .HeadphonesScale > .values {
                position: absolute;
                bottom: 0.5rem;
                left: 0.5rem;
                right: 0.5rem;
                display: flex;
                align-items: flex-end;
                justify-content: space-between;
            }
            .HeadphonesScale > .values > .value {
                font-size: 0.625rem;
                font-weight: 500;
                color: hsla(0, 0%, 100%, 0.75);
            }
            .HeadphonesScale > .track {
                position: absolute;
                top: 0.125rem;
                right: 0.25rem;
                bottom: 0.125rem;
                left: 0.25rem;
            }
            .HeadphonesScale > .track > .handle {
                position: absolute;
                top: 0;
                left: 0;
                width: 0.25rem;
                height: 100%;
                margin-left: -0.125rem;
                border-radius: 0.125rem;
                padding: 0;
                border: none;
                background: #fff;
                box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
                cursor: ew-resize;
            }
            .HeadphonesScale > .track > .handle:focus {
                outline: none;
            }
            .HeadphonesHeadphones {
                position: relative;
                display: flex;
                justify-content: space-between;
                font-weight: bold;
            }
            .HeadphonesHeadphones > .HeadphonesBoth > .icon {
                margin-right: 0.5rem;
            }
            .HeadphonesHeadphone {
                position: relative;
                width: 211px;
                height: 307px;
            }
            .HeadphonesHeadphone:before {
                position: absolute;
                width: 100%;
                height: 100%;
                content: "";
            }
            .HeadphonesHeadphone.-right:before {
                transform: scaleX(-1);
            }
            .HeadphonesHeadphone:after {
                position: absolute;
                width: 100%;
                height: 50px;
                background: linear-gradient(#fcfcfc, rgba(242, 243, 245, 0));
                content: "";
            }
            .HeadphonesHeadphone > .button {
                position: absolute;
                left: -2rem;
                bottom: 0rem;
                display: flex;
                align-items: center;
                line-height: 1.25rem;
                padding: 0.5rem 1rem 0.5rem 0.75rem;
                border: none;
                background: #f2711c;
                color: #ffffff;
                border-radius: 1.25rem;
                font-weight: bold;
                font-size: 0.875rem;
                box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25);
            }
            .HeadphonesHeadphone > .button.-right {
                left: auto;
                right: -2.5rem;
            }
            .HeadphonesHeadphone > .button > .icon {
                display: flex;
                margin-right: 0.5rem;
                font-size: 1rem;
                color: #ffffff;
            }
            .HeadphonesBoth {
                position: absolute;
                top: 4rem;
                left: 40%;
                z-index: 1;
                display: flex;
                align-items: center;
                justify-content: center;
                width: 9rem;
                height: 3rem;
                margin-left: -1.75rem;
                padding: 0;
                border: none;
                border-radius: 25px;
                background: #f2711c;
                color: #fff;
                font-size: 1.25rem;
                box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25);
            }
            .HeadphonesBoth:hover {
                background: #ffffff;
                border: 1px solid #f2711c;
                color: #f2711c;
            }
            .HeadphonesBoth:focus {
                outline: none;
            }
            .HeadphonesGeneratorSignal {
                display: flex;
                align-items: center;
            }
            .HeadphonesGeneratorSignal > .button {
                display: flex;
                align-items: center;
                justify-content: center;
                height: 2.125rem;
                padding: 0 0.375rem;
                border: none;
                background: transparent;
                color: #646876;
            }
            .HeadphonesGeneratorSignal > .button:hover {
                color: #000;
            }
            .HeadphonesGeneratorSignal > .button:focus {
                outline: none;
            }
            .HeadphonesGeneratorSignal > .button.-active {
                color: #f2711c;
            }
            .Input-module--Input--2KKcf {
                max-width: 12rem;
                height: 2.125rem;
                line-height: 2.125rem;
                padding: 0 0 0 0.5rem;
                border: 1px solid #cdcecf;
                border-radius: 0.25rem;
                font-size: 0.875rem;
            }
            .HeadphonesGeneratorFrequency {
                margin-left: 0.25rem;
            }
            .HeadphonesGeneratorFrequency > .input {
                width: 4.25rem;
            }
            .HeadphonesGeneratorFrequency > .text {
                margin: 0 0.375rem;
                font-size: 0.875rem;
            }