@font-face {
    font-family: mr-eaves;
    font-weight: 400;
    src: url("../fonts/mr-eaves-xl-400.woff2") format("woff2");
}

@font-face {
    font-family: mr-eaves;
    font-weight: 600;
    src: url("../fonts/mr-eaves-xl-600.woff2") format("woff2");
}

@font-face {
    font-family: mr-eaves;
    font-weight: 800;
    src: url("../fonts/mr-eaves-xl-800.woff2") format("woff2");
}

@font-face {
    font-family: mr-eaves;
    font-weight: 900;
    src: url("../fonts/mr-eaves-xl-900.woff2") format("woff2");
}

@font-face {
    font-family: din-2014;
    font-weight: 400;
    src: url("../fonts/din-2014-400.woff2") format("woff2");
}

@font-face {
    font-family: din-2014;
    font-weight: 600;
    src: url("../fonts/din-2014-600.woff2") format("woff2");
}

@font-face {
    font-family: din-2014;
    font-weight: 800;
    src: url("../fonts/din-2014-800.woff2") format("woff2");
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.sr-only {
    display: block;
    position: absolute;
    block-size: 0;
    inline-size: 0;
    white-space: nowrap;
    overflow: hidden;
}

#processingToggle:focus-visible+.track,
:where(button, input):focus-visible {
    outline: 3px solid red;
    outline-offset: 3px;
}

html {
    font-size: 10px;
}

html[data-env="web"] .local-only {
    display: none;
}

html[data-env="local"] .web-only {
    display: none;
}

body {
    font-family: din-2014, sans-serif;
    font-weight: 400;
    background-color: #000;
    min-height: 100vh;
    color: #eee;
    font-size: 1.6rem;
    line-height: 1.6;
    position: relative;
    text-align: center;
}

:where(h1, h2, h3, h4, h5, h6) {
    font-family: mr-eaves, sans-serif;
    font-weight: 800;
}

#reset-demo-button {
    position: absolute;
    top: 2rem;
    left: 2rem;
    background-color: transparent;
    border: none;
    color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#logo-container {
    position: absolute;
    top: 2rem;
    right: 2rem;
}

.starkey-logo {
    inline-size: 12.5vw;
}

h1 {
    color: #049ad3;
    font-size: 6rem;
    font-weight: 900;
    line-height: 1;
    padding-block-start: 3rem;
}

.subtitle {
    font-size: 3rem;
}

.background-image {
    position: fixed;
    inset: 0;
    inline-size: 100%;
    block-size: 100%;
    object-fit: cover;
    object-position: bottom 50%;
    filter: saturate(0) blur(3px);
    z-index: -1;
    width: 100vw;
    height: 100vh;

    transition-property: filter;
    transition-duration: 200ms;
    transition-timing-function: ease;
}

html[data-dnn-on="true"] .background-image {
    filter: saturate(1)
}

.bold {
    font-weight: 800;
}

.kemar-zenith {
    display: grid;
    place-items: center;
    pointer-events: none;
    padding-block: 2rem;
}

.kemar-zenith>* {
    display: block;
    grid-area: 1 / -1;
}

.kemar-zenith img {
    display: block;
    inline-size: min(70vw, 90rem);
    block-size: min(72vw, 100rem);
    block-size: min(72vw, 61rem);
}

#grid-brand-container {
    display: grid;
    place-items: center;
    transition-property: opacity;
    transition-duration: 250ms;
    transition-timing-function: linear;
}

:is(#ticks-on-container, #ticks-off-container)>* {
    grid-area: 1 / -1;
}

html[data-dnn-on="false"] #ticks-on-container {
    opacity: 0;
}

html[data-dnn-on="true"] #ticks-on-container {
    opacity: 1;
}

html[data-dnn-on="false"] #ticks-off-container {
    opacity: 1;
}

html[data-dnn-on="false"] #grid-brand-container {
    opacity: 0;
}

html[data-dnn-on="true"] #grid-brand-container {
    opacity: 1;
}

[data-tick-angle] {
    transition-property: opacity;
    transition-duration: 2000ms;
    transition-timing-function: linear;
}

[data-active-angle="false"] {
    opacity: 0;
}

[data-active-angle="true"] {
    opacity: 1;
}

.controls-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: 2rem;
    border: 2px solid #eee;
    padding-block: 2rem;
    inline-size: 80%;
    max-inline-size: 50rem;
    margin-inline: auto;
    background: linear-gradient(#444444, #020202);
    scale: 65%;
}

@media(min-width: 576px) {
    .controls-container {
        flex-direction: row;
        justify-content: space-around;
        align-items: start;
        padding-block: 1rem;
    }
}

.control {
    font-size: 2rem;
    font-weight: 600;
}

#play-pause-audio-sample[data-is-paused="true"] [data-pause] {
    display: none;
}

#play-pause-audio-sample[data-is-paused="false"] [data-play] {
    display: none;
}

.control button {
    padding: 0;
    margin: 0;
    border: none;
    background-color: transparent;
}

.control svg {
    block-size: 6rem;
    fill: #fff;
}

.toggle {
    --track-corner: 100vh;
    --track-height: 4rem;
    --track-width: 20rem;
    --track-padding: 0.25rem;
    --transition-duration: 125ms;

    position: relative;
}

.track {
    display: block;
    padding: var(--track-padding);
    position: relative;
    background-color: #797979;
    block-size: var(--track-height);
    inline-size: var(--track-width);
    border-radius: var(--track-corner);
    margin-block-start: 0.75rem;

    transition-property: background-color;
    transition-duration: var(--transition-duration);
    transition-timing-function: linear;
}

.track .train {
    display: block;
    background-color: #000;
    inline-size: calc(var(--track-width) / 2);
    block-size: 100%;
    border-radius: var(--track-corner);

    transition-property: transform, background-color;
    transition-duration: var(--transition-duration);
    transition-timing-function: linear;
}

#processingToggle {
    position: absolute;
    top: 50%;
    opacity: 0;
}

.track .options {
    display: flex;
    justify-content: space-around;
    align-items: center;
    position: absolute;
    inset: 0;
}

.track .option {
    color: #000;
    font-weight: 600;
    font-size: calc(var(--track-height) / 2);
    line-height: 1;
    user-select: none;
}

#off-option {
    color: #fff;

    transition-property: color;
    transition-duration: var(--transition-duration);
    transition-timing-function: linear;
}

#on-option {
    color: #000;

    transition-property: color;
    transition-duration: var(--transition-duration);
    transition-timing-function: linear;
}

#processingToggle:checked+.track {
    background-color: #fff;
}

#processingToggle:checked+.track .train {
    background-color: #1d9be9;
    transform: translateX(calc(100% - (var(--track-padding) * 2)));
}

#processingToggle:checked+.track #off-option {
    color: #4d4d4d;
}

#processingToggle:checked+.track #on-option {
    color: #fff;
}

[data-loading="true"] #demo-loading-text {
    display: block;
}

[data-loading="false"] #demo-loading-text {
    display: none;
}

[data-loading="true"] .control {
    display: none;
}

[data-loading="false"] .control {
    display: block;
}

#demo-loading-text {
    font-size: 3rem;
}

#ticks-off-container {
    scale: 1.025;
    margin: 0 auto;
    /* mask-image: url('./images/ticks-off-modded.svg'); */
    mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA3MzQuOTIgNzM0LjkyJz4gPGRlZnM+IDxyYWRpYWxHcmFkaWVudCBpZD0ncmFkaWFsLWdyYWRpZW50JyBjeD0nLTMxMS42NCcgY3k9JzEwODcuNDEnIGZ4PSctMzExLjY0JyBmeT0nMTA4Ny40MScgcj0nLjUnIGdyYWRpZW50VHJhbnNmb3JtPSd0cmFuc2xhdGUoMjI5MjIxLjMxIDc5ODk0NS40NSkgc2NhbGUoNzM0LjQgLTczNC40KScgZ3JhZGllbnRVbml0cz0ndXNlclNwYWNlT25Vc2UnPiA8c3RvcCBvZmZzZXQ9Jy44JyBzdG9wLWNvbG9yPScjMDAwJyBzdG9wLW9wYWNpdHk9Jy42Jy8+IDxzdG9wIG9mZnNldD0nLjgnIHN0b3AtY29sb3I9JyM0ZjRmNGYnIHN0b3Atb3BhY2l0eT0nLjcnLz4gPHN0b3Agb2Zmc2V0PScuOScgc3RvcC1jb2xvcj0nI2NjYycgc3RvcC1vcGFjaXR5PScuOScvPiA8c3RvcCBvZmZzZXQ9JzEnIHN0b3AtY29sb3I9JyNmZmYnLz4gPC9yYWRpYWxHcmFkaWVudD4gPC9kZWZzPiA8ZyBpZD0nR3JvdXBfNTAnPiA8cGF0aCBpZD0nUGF0aF8xMDUnIGQ9J00zNDEuOTIsNjgxLjkyYzYuOC43LDEzLjcsMSwyMC41Ljl2NTJjLTguNiwwLTE3LS41LTI1LjQtMS4ybDUuMS01MS44aC0uMnYuMVpNMzAxLjEyLDcyOC43MmM4LjMsMS43LDE2LjcsMi45LDI1LjIsMy43bDUuMS01MS44Yy02LjgtLjctMTMuNi0xLjctMjAuMy0zbC0xMC4zLDUxLjFoLjNaTTI2NS45Miw3MjAuNjJjOC4xLDIuNiwxNi40LDQuNywyNC43LDYuM2wxMC4zLTUxLjFjLTYuOC0xLjQtMTMuMy0zLTE5LjgtNC45bC0xNS4xLDQ5Ljl2LS4yaC0uMVpNMjUxLjkyLDY2MC45MmwtMjAuMSw0OGM3LjksMy4zLDE1LjksNi4xLDI0LDguNmwxNS4yLTQ5LjljLTYuNi0xLjktMTMuMS00LjItMTkuNC03bC4yLjIuMS4xWk0yMjMuNzIsNjQ4LjEybC0yNC41LDQ1LjljNy41LDQsMTUuMSw3LjcsMjMuMSwxMWwyMC4xLTQ4Yy02LjMtMi42LTEyLjUtNS41LTE4LjQtOC45aC0uM1pNMTk2LjkyLDYzMi43MmwtMjguOSw0My40YzcsNC43LDE0LjUsOS4xLDIxLjksMTMuMWwyNC41LTQ1LjljLTYuMS0zLjMtMTEuOS02LjgtMTcuNS0xMC41aDB2LS4xWk0xNzEuNzIsNjE0LjUybC0zMy4xLDQwLjNjNi41LDUuNCwxMy41LDEwLjUsMjAuNSwxNS4ybDI4LjktNDMuNGMtNS42LTMuNy0xMS4yLTcuOS0xNi4zLTEyLjFoMFpNMTQ4LjQyLDU5NC4yMmwtMzYuOCwzNi44YzYuMSw2LjEsMTIuNCwxMS43LDE4LjksMTcuMmwzMy4xLTQwLjNjLTUuNC00LjQtMTAuMy04LjktMTUuMS0xMy44aDBsLS4xLjFaTTEyNy4yMiw1NzEuNjJsLTQwLjMsMzMuMWM1LjQsNi41LDExLjIsMTIuOCwxNy4yLDE4LjlsMzYuOC0zNi44Yy00LjktNC45LTkuMy05LjgtMTMuOC0xNS4yaC4xWk0xMDguNjIsNTQ3LjEybC00My40LDI4LjljNC43LDcsOS44LDE0LDE1LjIsMjAuNWw0MC4zLTMzLjFjLTQuMy01LjItOC40LTEwLjctMTIuMS0xNi4zaDBaTTkyLjIyLDUyMC44MmwtNDUuOSwyNC41YzQsNy41LDguNCwxNC45LDEzLjEsMjEuOWw0My40LTI4LjljLTMuNy01LjYtNy4yLTExLjQtMTAuNS0xNy41aC0uMVpNNzguNTIsNDkzLjAybC00OCwyMGMzLjMsNy45LDcsMTUuNiwxMSwyMy4xbDQ1LjktMjQuNWMtMy4zLTYuMS02LjEtMTIuMS04LjktMTguNHYtLjJoMFpNNjcuNTIsNDY0LjEybC00OS45LDE1LjFjMi42LDguMiw1LjQsMTYuMSw4LjYsMjRsNDgtMjBjLTIuNi02LjMtNC45LTEyLjgtNy0xOS40bC4yLjIuMS4xWk01OS42Miw0MzQuMzJsLTUxLjEsMTAuM2MxLjYsOC40LDMuNywxNi42LDYuMywyNC43bDQ5LjktMTUuMmMtMi02LjUtMy42LTEzLjEtNC45LTE5LjhoLS4yWk01NC41Miw0MDMuNzJsLTUxLjgsNS4xYy45LDguNCwyLjEsMTcsMy43LDI1LjJsNTEuMS0xMC4zYy0xLjMtNi43LTIuNC0xMy41LTMtMjAuM3YuM1pNNTIuNDIsMzczLjAySC40MmMwLDguNi41LDE3LDEuMiwyNS40bDUxLjgtNS4xYy0uNy02LjgtMS0xMy43LS45LTIwLjV2LjJoLS4xWk01My41MiwzNDEuOTJsLTUxLjgtNS4xYy0uOSw4LjUtMS4yLDE3LjEtMS4yLDI1LjZoNTJjMC02LjkuMy0xMy43LjktMjAuNWguMVpNNTcuNTIsMzExLjQybC01MS4xLTEwLjNjLTEuNyw4LjMtMi45LDE2LjctMy43LDI1LjJsNTEuOCw1LjFjLjctNi44LDEuNy0xMy42LDMtMjAuM3YuM1pNNjQuNTIsMjgxLjMybC00OS45LTE1LjJjLTIuNSw4LjEtNC42LDE2LjQtNi4zLDI0LjdsNTEuMSwxMC4zYzEuNC02LjgsMy0xMy4zLDQuOS0xOS44aC4yWk03NC41MiwyNTEuOTJsLTQ4LTIwLjFjLTMuMyw3LjktNi4xLDE1LjktOC42LDI0bDQ5LjksMTUuMmMxLjktNi42LDQuMi0xMy4xLDctMTkuNGwtLjIuMi0uMS4xWk04Ny4xMiwyMjMuNzJsLTQ1LjktMjQuNWMtNCw3LjUtNy43LDE1LjEtMTEsMjMuMWw0OCwyMC4xYzIuNi02LjMsNS42LTEyLjQsOC45LTE4LjR2LS4yaDB2LS4xWk0xMDIuNzIsMTk2LjkybC00My40LTI4LjljLTQuNyw3LTkuMSwxNC41LTEzLjEsMjEuOWw0NS45LDI0LjVjMy4zLTYuMSw2LjgtMTEuOSwxMC41LTE3LjVoLjFaTTEyMC43MiwxNzEuNzJsLTQwLjMtMzMuMWMtNS40LDYuNS0xMC41LDEzLjUtMTUuMiwyMC41bDQzLjQsMjguOWMzLjctNS42LDcuOS0xMS4yLDEyLjEtMTYuM2gwWk0xNDEuMDIsMTQ4LjcybC0zNi44LTM2LjhjLTYuMSw2LjEtMTEuNywxMi40LTE3LjIsMTguOWw0MC4zLDMzLjFjNC40LTUuNCw4LjktMTAuMywxMy44LTE1LjFoMGwtLjEtLjFaTTE2My42MiwxMjcuNDJsLTMzLjEtNDAuM2MtNi41LDUuNC0xMi44LDExLjItMTguOSwxNy4ybDM2LjgsMzYuOGM0LjktNC45LDkuOC05LjMsMTUuMS0xMy44aDBsLjEuMVpNMTg4LjEyLDEwOC42MmwtMjguOS00My40Yy03LDQuNy0xNCw5LjgtMjAuNSwxNS4ybDMzLjEsNDAuM2M1LjItNC4zLDEwLjctOC40LDE2LjMtMTIuMWgwWk0yMTQuNDIsOTIuMjJsLTI0LjUtNDUuOWMtNy41LDQtMTQuOSw4LjQtMjEuOSwxMy4xbDI4LjksNDMuNGM1LjYtMy43LDExLjQtNy4yLDE3LjUtMTAuNWgwdi0uMVpNMjQyLjEyLDc4LjUybC0yMC4xLTQ4Yy03LjksMy4zLTE1LjYsNy0yMy4xLDExbDI0LjUsNDUuOWM2LjEtMy4zLDEyLjEtNi4xLDE4LjQtOC45aC4zWk0yNzEuMTIsNjcuODJsLTE1LjItNDkuOWMtOC4yLDIuNi0xNi4xLDUuNC0yNCw4LjZsMjAuMSw0OGM2LjMtMi42LDEyLjgtNC45LDE5LjQtN2wtLjIuMmgwbC0uMS4xWk0yNjUuOTIsMTQuODJsMTUuMSw0OS45YzYuNS0yLDEzLjEtMy42LDE5LjgtNC45bC0xMC4zLTUxLjFjLTguNCwxLjYtMTYuNiwzLjctMjQuNyw2LjN2LS4yaC4xWk0zMDEuMTIsNi40MmwxMC4zLDUxLjFjNi43LTEuMywxMy41LTIuNCwyMC4zLTNsLTUuMS01MS44Yy04LjQuOS0xNywyLjEtMjUuMiwzLjdoLS4zWk0zNDEuOTIsNTMuNTJjNi44LS43LDEzLjctMSwyMC41LS45Vi40MmMtOC42LDAtMTcsLjUtMjUuNCwxLjJsNS4xLDUxLjgtLjIuMmgwdi0uMVpNMzcyLjcyLDUyLjYyYzYuOSwwLDEzLjcuMywyMC41LjlsNS4xLTUxLjhjLTguNC0uOS0xNi45LTEuMi0yNS40LTEuMnY1Mi4ybC0uMi0uMmgwdi4xWk00MDMuNzIsNTQuNzJjNi44LjcsMTMuNiwxLjcsMjAuMywzbDEwLjMtNTEuMWMtOC4zLTEuNy0xNi43LTIuOS0yNS4yLTMuN2wtNS4xLDUxLjhoLS4zWk00NjkuMjIsMTQuODJjLTguMS0yLjYtMTYuNC00LjctMjQuNy02LjNsLTEwLjMsNTEuMWM2LjgsMS40LDEzLjMsMywxOS44LDQuOWwxNS4xLTQ5Ljl2LjJoLjFaTTQ4My4yMiw3NC41MmwyMC00OGMtNy45LTMuMy0xNS45LTYuMS0yNC04LjZsLTE1LjEsNDkuOWM2LjYsMS45LDEzLjEsNC4yLDE5LjQsN2wtLjItLjItLjEtLjFaTTUxMS40Miw4Ny4zMmwyNC41LTQ1LjljLTcuNS00LTE1LjItNy43LTIzLjEtMTFsLTIwLDQ4YzYuMywyLjYsMTIuNSw1LjUsMTguNCw4LjloLjIsMFpNNTM4LjMyLDEwMi43MmwyOC45LTQzLjRjLTctNC43LTE0LjUtOS4xLTIxLjktMTMuMWwtMjQuNSw0NS45YzYuMSwzLjMsMTEuOSw2LjgsMTcuNSwxMC41aDB2LjFaTTU2My40MiwxMjAuNzJsMzMuMS00MC4zYy02LjUtNS40LTEzLjUtMTAuNS0yMC41LTE1LjJsLTI4LjksNDMuNGM1LjYsMy43LDExLjIsNy45LDE2LjMsMTIuMWgwWk01ODYuODIsMTQxLjIybDM2LjgtMzYuOGMtNi4xLTYuMS0xMi40LTExLjctMTguOS0xNy4ybC0zMy4xLDQwLjNjNS40LDQuNCwxMC4zLDguOSwxNS4yLDEzLjhoMHYtLjFaTTYwNy43MiwxNjMuODJsNDAuMy0zMy4xYy01LjQtNi41LTExLjItMTIuOC0xNy4yLTE4LjlsLTM2LjgsMzYuOGM0LjksNC45LDkuMyw5LjgsMTMuOCwxNS4xaDBsLS4xLjFaTTYyNi42MiwxODguMzJsNDMuNC0yOC45Yy00LjctNy05LjgtMTQtMTUuMi0yMC41bC00MC4zLDMzLjFjNC4zLDUuMiw4LjQsMTAuNywxMi4xLDE2LjNoMFpNNjQyLjkyLDIxNC40Mmw0NS45LTI0LjVjLTQtNy41LTguNC0xNC45LTEzLjEtMjEuOWwtNDMuNCwyOC45YzMuNyw1LjYsNy4yLDExLjQsMTAuNSwxNy41aC4xWk02NTYuNzIsMjQyLjEybDQ4LTIwLjFjLTMuMy03LjktNy0xNS42LTExLTIzLjFsLTQ1LjksMjQuNWMzLjMsNi4xLDYuMSwxMi4xLDguOSwxOC40di4yaDB2LjFaTTY2Ny43MiwyNzEuMzJsNDkuOS0xNS4xYy0yLjYtOC4yLTUuNC0xNi4xLTguNi0yNGwtNDgsMjAuMWMyLjYsNi4zLDQuOSwxMi44LDcsMTkuNGwtLjItLjJoMGwtLjEtLjJaTTY3NS42MiwzMDEuMTJsNTEuMS0xMC4zYy0xLjYtOC40LTMuNy0xNi42LTYuMy0yNC43bC00OS45LDE1LjJjMiw2LjUsMy42LDEzLjEsNC45LDE5LjhoLjJaTTY4MC43MiwzMzEuNTJsNTEuOC01LjFjLS45LTguNC0yLjEtMTctMy43LTI1LjJsLTUxLjEsMTAuM2MxLjMsNi43LDIuNCwxMy41LDMsMjAuM3YtLjJoMHYtLjFaTTY4Mi44MiwzNjIuNTJoNTJjMC04LjYtLjUtMTctMS4yLTI1LjZsLTUxLjgsNS4xYy43LDYuOCwxLDEzLjcuOSwyMC41aC4xWk02ODEuNzIsMzkzLjIybDUxLjgsNS4xYy44LTguNCwxLjItMTYuOSwxLjItMjUuNGgtNTJjMCw2LjktLjMsMTMuNy0uOSwyMC41di0uMmgtLjFaTTY3Ny43Miw0MjQuMDJsNTEuMSwxMC4zYzEuNy04LjMsMi45LTE2LjcsMy43LTI1LjJsLTUxLjgtNS4xYy0uNyw2LjgtMS43LDEzLjYtMywyMC4zdi0uMmgwdi0uMVpNNjcwLjcyLDQ1NC4xMmw0OS45LDE1LjJjMi42LTguMSw0LjctMTYuNCw2LjMtMjQuN2wtNTEuMS0xMC4yYy0xLjQsNi44LTMsMTMuMy00LjksMTkuOGgtLjJ2LS4xWk02NjAuNzIsNDgzLjUybDQ4LDIwYzMuMy03LjksNi4xLTE1LjksOC42LTI0bC00OS45LTE1LjJjLTEuOSw2LjYtNC4yLDEzLjEtNywxOS40bC4yLS4yaC4xWk02NDcuODIsNTExLjcybDQ1LjksMjQuNWM0LTcuNSw3LjctMTUuMiwxMS0yMy4xbC00OC0yMGMtMi42LDYuMy01LjUsMTIuNS04LjksMTguNHYuMmgwWk02MzIuNTIsNTM4LjUybDQzLjQsMjguOWM0LjctNyw5LjEtMTQuNSwxMy4xLTIxLjlsLTQ1LjktMjQuNWMtMy4zLDYuMS02LjgsMTEuOS0xMC41LDE3LjVoLS4xWk02MTQuNTIsNTYzLjQybDQwLjMsMzMuMWM1LjQtNi41LDEwLjUtMTMuNSwxNS4yLTIwLjVsLTQzLjQtMjguOWMtMy43LDUuNi03LjksMTEuMi0xMi4xLDE2LjNoMFpNNTk0LjIyLDU4Ni44MmwzNi44LDM2LjhjNi4xLTYuMSwxMS43LTEyLjQsMTcuMi0xOC45bC00MC4zLTMzLjFjLTQuNCw1LjQtOC45LDEwLjMtMTMuOCwxNS4yaC4xWk01NzEuNjIsNjA4LjAybDMzLjEsNDAuM2M2LjUtNS40LDEyLjgtMTEuMiwxOC45LTE3LjJsLTM2LjgtMzYuOGMtNC45LDQuOS05LjgsOS4zLTE1LjIsMTMuOGgwdi0uMVpNNTQ3LjEyLDYyNi45MmwyOC45LDQzLjRjNy00LjcsMTQtOS44LDIwLjUtMTUuMmwtMzMuMS00MC4zYy01LjIsNC4zLTEwLjcsOC40LTE2LjMsMTIuMWgwWk01MjAuODIsNjQzLjIybDI0LjUsNDUuOWM3LjUtNCwxNC45LTguNCwyMS45LTEzLjFsLTI4LjktNDMuNGMtNS42LDMuNy0xMS40LDcuMi0xNy41LDEwLjVoMHYuMVpNNDkzLjAyLDY1Ni43MmwyMC4xLDQ4YzcuOS0zLjMsMTUuNi03LDIzLjEtMTFsLTI0LjUtNDUuOWMtNi4xLDMuMy0xMi4xLDYuMS0xOC40LDguOWgtLjNaTTQ2NC4xMiw2NjcuNzJsMTUuMiw0OS45YzguMi0yLjYsMTYuMS01LjQsMjQtOC42bC0yMC00OGMtNi4zLDIuNi0xMi44LDQuOS0xOS40LDdsLjItLjJoMHYtLjFaTTQzNC4zMiw2NzUuODJsMTAuMyw1MS4xYzguNC0xLjYsMTYuNi0zLjcsMjQuNy02LjNsLTE1LjItNDkuOWMtNi41LDItMTMuMSwzLjYtMTkuOCw0Ljl2LjJoMFpNNDAzLjcyLDY4MC43Mmw1LjEsNTEuOGM4LjQtLjksMTctMi4xLDI1LjItMy43bC0xMC4zLTUxLjFjLTYuNywxLjMtMTMuNSwyLjQtMjAuMywzaC4zWk0zNzIuNzIsNjgyLjgydjUyYzguNiwwLDE3LS41LDI1LjQtMS4ybC01LjEtNTEuOGMtNi44LjctMTMuNywxLTIwLjUuOWguMnYuMVonLz4gPGcgaWQ9J0RJUkVDVElPTkFMSVRZJz4gPHBhdGggaWQ9J1BhdGhfMTA2JyBkPSdNNTcxLjcyLDYwOC4wMmM1LjMtNC4zLDEwLjMtOSwxNS4yLTEzLjhsMzYuOCwzNi44Yy02LjEsNi4xLTEyLjQsMTEuNy0xOC44LDE3LjJsLTMzLTQwLjItLjIuMmgwdi0uMlonLz4gPHBhdGggaWQ9J1BhdGhfMTA3JyBkPSdNNTc2LjAyLDY3MC4wMmM3LjEtNC43LDEzLjktOS43LDIwLjQtMTUuMmwtMzMtNDAuMmMtNS4zLDQuMy0xMC44LDguNC0xNi41LDEyLjJsMjguOCw0My40LjItLjJoLjFaJy8+IDxwYXRoIGlkPSdQYXRoXzEwOCcgZD0nTTU0NS4zMiw2ODkuMTJjNy41LTMuOSwxNC45LTguMywyMS45LTEzbC0yOC44LTQzLjRjLTUuOCwzLjgtMTEuNSw3LjItMTcuNSwxMC41bDI0LjYsNDYtLjItLjJoMHYuMVonLz4gPHBhdGggaWQ9J1BhdGhfMTA5JyBkPSdNNDkzLjIyLDY1Ni44MmwxOS44LDQ4LjFjNy45LTMuMywxNS41LTYuOSwyMy4xLTEwLjlsLTI0LjYtNDZjLTYsMy4zLTEyLjIsNi4zLTE4LjYsOC43aC4zdi4xWicvPiA8cGF0aCBpZD0nUGF0aF8xMTAnIGQ9J000NjQuMjIsNjY3LjYybDE1LjIsNDkuOGM4LjEtMi41LDE2LjItNS4zLDI0LjEtOC42bC0xOS44LTQ4LjFjLTYuMywyLjYtMTIuNyw0LjktMTkuMyw2LjhsLS4yLjJoMHYtLjFaJy8+IDxwYXRoIGlkPSdQYXRoXzExMScgZD0nTTQzNC40Miw2NzUuNzJsMTAuMiw1MS4xYzguMi0xLjcsMTYuNi0zLjgsMjQuNy02LjNsLTE1LjItNDkuOGMtNi42LDItMTMuMiwzLjYtMTkuOCw1aC4xWicvPiA8cGF0aCBpZD0nUGF0aF8xMTInIGQ9J000MDMuNzIsNjgwLjcybDUuMSw1MS45YzguNC0uOCwxNy0yLjEsMjUuMi0zLjhsLTEwLjItNTEuMWMtNi42LDEuMy0xMy41LDIuMy0yMC4xLDNoMFonLz4gPHBhdGggaWQ9J1BhdGhfMTEzJyBkPSdNMzcyLjkyLDY4Mi44MnY1Mi4xYzguNiwwLDE3LS41LDI1LjUtMS4ybC01LjEtNTEuOWMtNi45LjctMTMuNSwxLTIwLjQsMWgwWicvPiA8cGF0aCBpZD0nUGF0aF8xMTQnIGQ9J00zNDEuOTIsNjgxLjgybC01LjEsNTEuOWM4LjQuOCwxNywxLjIsMjUuNSwxLjJ2LTUyLjFjLTYuOSwwLTEzLjUtLjMtMjAuNC0xaDBaJy8+IDxwYXRoIGlkPSdQYXRoXzExNScgZD0nTTMxMS40Miw2NzcuNzJsLTEwLjIsNTEuMWM4LjIsMS43LDE2LjgsMywyNS4yLDMuOGw1LjEtNTEuOWMtNi44LS42LTEzLjUtMS42LTIwLjEtM2gwWicvPiA8cGF0aCBpZD0nUGF0aF8xMTYnIGQ9J00yODEuMjIsNjcwLjYybC0xNS4yLDQ5LjhjOC4xLDIuNSwxNi41LDQuNiwyNC43LDYuM2wxMC4yLTUxLjFjLTYuNi0xLjMtMTMuMi0zLTE5LjgtNWguMVonLz4gPHBhdGggaWQ9J1BhdGhfMTE3JyBkPSdNMjUxLjkyLDY2MC43MmwtMTkuOCw0OC4xYzcuOSwzLjMsMTYsNi4xLDI0LjEsOC42bDE1LjItNDkuOGMtNi42LTItMTIuOS00LjMtMTkuMy02LjhsLS4yLS4yaDB2LjFaJy8+IDxwYXRoIGlkPSdQYXRoXzExOCcgZD0nTTIyMy43Miw2NDguMDJsLTI0LjYsNDZjNy42LDQsMTUuMiw3LjYsMjMuMSwxMC45bDE5LjgtNDguMWMtNi4zLTIuNi0xMi41LTUuNi0xOC42LTguN2guM3YtLjFaJy8+IDxwYXRoIGlkPSdQYXRoXzExOScgZD0nTTE5Ni45Miw2MzIuNTJsLTI4LjksNDMuNGM3LjEsNC44LDE0LjQsOS4xLDIxLjksMTNsMjQuNi00NmMtNi0zLjItMTEuOS02LjctMTcuNS0xMC41bC0uMi4yaDBsLjEtLjFaJy8+IDxwYXRoIGlkPSdQYXRoXzEyMCcgZD0nTTE3MS43Miw2MTQuNTJsLTMzLDQwLjJjNi42LDUuMywxMy41LDEwLjUsMjAuNCwxNS4ybDI4LjktNDMuNGMtNS43LTMuOC0xMS4yLTcuOS0xNi41LTEyLjJsLjIuMmgwWicvPiA8cGF0aCBpZD0nUGF0aF8xMjEnIGQ9J00xNDguNTIsNTk0LjMybC0zNi44LDM2LjhjNi4xLDYuMSwxMi40LDExLjcsMTguOCwxNy4ybDMzLTQwLjJjLTUuMy00LjMtMTAuNC05LTE1LjItMTMuOGwuMi4yaDB2LS4yWicvPiA8cGF0aCBpZD0nUGF0aF8xMjInIGQ9J00xMjcuNDIsNTcxLjUybC00MC4yLDMzYzUuNCw2LjYsMTEuMiwxMywxNy4zLDE5bDM2LjgtMzYuOGMtNC45LTQuOC05LjUtOS45LTEzLjgtMTUuMmgtLjFaJy8+IDxwYXRoIGlkPSdQYXRoXzEyMycgZD0nTTEwOC42Miw1NDcuMTJsLTQzLjQsMjguOGM0LjcsNy4xLDkuNywxMy45LDE1LjIsMjAuNGw0MC4yLTMzYy00LjMtNS4zLTguNC0xMC44LTEyLjItMTYuNWwuMi4yaDB2LjFaJy8+IDxwYXRoIGlkPSdQYXRoXzEyNCcgZD0nTTkyLjMyLDUyMC45MmwtNDYsMjQuNmM0LDcuNSw4LjMsMTQuOSwxMywyMS45bDQzLjQtMjguOGMtMy44LTUuOC03LjItMTEuNS0xMC42LTE3LjVsLjItLjJoMFonLz4gPHBhdGggaWQ9J1BhdGhfMTI1JyBkPSdNNzguNjIsNDkzLjAybC00OC4xLDE5LjhjMy4zLDcuOSw2LjksMTUuNSwxMC45LDIzLjFsNDYtMjQuNmMtMy4zLTYtNi4zLTEyLjItOC43LTE4LjZ2LjNoLS4xWicvPiA8cGF0aCBpZD0nUGF0aF8xMjYnIGQ9J002Ny41Miw0NjQuMjJsLTQ5LjgsMTUuMmMyLjUsOC4xLDUuMywxNi4yLDguNiwyNC4xbDQ4LjEtMTkuOGMtMi42LTYuMy00LjgtMTIuNy02LjgtMTkuM2wtLjItLjJoLjFaJy8+IDxwYXRoIGlkPSdQYXRoXzEyNycgZD0nTTU5LjYyLDQzNC4yMmwtNTEuMSwxMC4yYzEuNiw4LjIsMy44LDE2LjYsNi4zLDI0LjdsNDkuOC0xNS4yYy0yLTYuNi0zLjYtMTMuMi01LTE5LjhoMHYuMVonLz4gPHBhdGggaWQ9J1BhdGhfMTI4JyBkPSdNNTQuNTIsNDAzLjcybC01MS45LDUuMWMuOCw4LjQsMi4xLDE3LDMuOCwyNS4ybDUxLjEtMTAuMmMtMS4zLTYuNi0yLjMtMTMuNS0zLTIwLjFaJy8+IDxwYXRoIGlkPSdQYXRoXzEyOScgZD0nTTUyLjUyLDM3My4wMkguNDJjMCw4LjYuNSwxNywxLjEsMjUuNWw1MS45LTUuMWMtLjctNi45LTEtMTMuNS0xLTIwLjRoLjFaJy8+IDxwYXRoIGlkPSdQYXRoXzEzMCcgZD0nTTUzLjUyLDM0Mi4wMmwtNTEuOS01LjFjLS44LDguNC0xLjEsMTctMS4xLDI1LjVoNTIuMWMwLTYuOS4zLTEzLjUsMS0yMC40aC0uMVonLz4gPHBhdGggaWQ9J1BhdGhfMTMxJyBkPSdNNTcuNTIsMzExLjQybC01MS4xLTEwLjJjLTEuNyw4LjItMywxNi44LTMuOCwyNS4ybDUxLjksNS4xYy42LTYuOCwxLjYtMTMuNSwzLTIwLjFaJy8+IDxwYXRoIGlkPSdQYXRoXzEzMicgZD0nTTY0LjYyLDI4MS4yMmwtNDkuOC0xNS4yYy0yLjUsOC4xLTQuNiwxNi41LTYuMywyNC43bDUxLjEsMTAuMmMxLjMtNi42LDMtMTMuMiw0LjktMTkuOGgwbC4xLjFaJy8+IDxwYXRoIGlkPSdQYXRoXzEzMycgZD0nTTc0LjUyLDI1MS45MmwtNDguMS0xOS44Yy0zLjMsNy45LTYuMSwxNi04LjYsMjQuMWw0OS44LDE1LjJjMi02LjYsNC4zLTEyLjksNi44LTE5LjNsLjItLjJoLS4xWicvPiA8cGF0aCBpZD0nUGF0aF8xMzQnIGQ9J004Ny4zMiwyMjMuODJsLTQ2LTI0LjZjLTQsNy42LTcuNiwxNS4yLTEwLjksMjMuMWw0OC4xLDE5LjhjMi42LTYuMyw1LjYtMTIuNSw4LjctMTguNnYuM2guMVonLz4gPHBhdGggaWQ9J1BhdGhfMTM1JyBkPSdNNDYuMzIsMTkwLjAybDQ2LDI0LjZjMy4yLTYsNi43LTExLjksMTAuNi0xNy41bC00My40LTI4LjljLTQuOCw3LjEtOS4xLDE0LjQtMTMsMjEuOWwtLjItLjJoMHYuMVonLz4gPHBhdGggaWQ9J1BhdGhfMTM2JyBkPSdNNjUuMjIsMTU5LjIybDQzLjQsMjguOWMzLjgtNS43LDcuOS0xMS4yLDEyLjItMTYuNWwtNDAuMi0zM2MtNS4zLDYuNi0xMC42LDEzLjUtMTUuMiwyMC40bC0uMi4yaDBaJy8+IDxwYXRoIGlkPSdQYXRoXzEzNycgZD0nTTEyNy40MiwxNjMuNjJjNC4zLTUuMyw5LTEwLjQsMTMuOC0xNS4ybC0zNi45LTM2LjljLTYuMSw2LjEtMTEuNywxMi40LTE3LjIsMTguOGw0MC4yLDMzdi4zaC4xWicvPiA8cGF0aCBpZD0nUGF0aF8xMzgnIGQ9J00xNDguNTIsMTQxLjIyYzQuOC00LjksOS45LTkuNSwxNS4yLTEzLjhsLTMzLTQwLjJjLTYuNiw1LjQtMTIuOCwxMS4xLTE4LjgsMTcuMmwzNi45LDM2LjloLS4zdi0uMVonLz4gPHBhdGggaWQ9J1BhdGhfMTM5JyBkPSdNMTcxLjkyLDEyMC44MmM1LjMtNC4zLDEwLjgtOC40LDE2LjUtMTIuMmwtMjguOS00My40Yy03LjEsNC43LTEzLjksOS43LTIwLjQsMTUuMmwzMyw0MC4yLS4yLjJoMFonLz4gPHBhdGggaWQ9J1BhdGhfMTUyJyBkPSdNNTYzLjUyLDEyMC42MmwzMy00MC4yYy02LjYtNS4zLTEzLjUtMTAuNi0yMC40LTE1LjJsLTI4LjgsNDMuNGM1LjcsMy44LDExLjIsNy45LDE2LjUsMTIuMmwtLjItLjJoLS4xWicvPiA8cGF0aCBpZD0nUGF0aF8xNTMnIGQ9J001ODYuOTIsMTQxLjEybDM2LjgtMzYuOGMtNi4xLTYuMS0xMi40LTExLjctMTktMTcuM2wtMzMsNDAuMmM1LjMsNC40LDEwLjMsOSwxNS4yLDEzLjloMFonLz4gPHBhdGggaWQ9J1BhdGhfMTU0JyBkPSdNNjA3LjgyLDE2My42Mmw0MC4yLTMzYy01LjQtNi42LTExLjEtMTIuOC0xNy4yLTE4LjhsLTM2LjgsMzYuOGM0LjksNC44LDkuNSw5LjksMTMuOCwxNS4ybC0uMi0uMmguMlonLz4gPHBhdGggaWQ9J1BhdGhfMTU1JyBkPSdNNjI2LjgyLDE4OC4yMmw0My40LTI4LjljLTQuNy03LjEtOS44LTEzLjktMTUuMi0yMC40bC00MC4yLDMzYzQuMyw1LjMsOC40LDEwLjgsMTIuMiwxNi41bC0uMi0uMmgwWicvPiA8cGF0aCBpZD0nUGF0aF8xNTYnIGQ9J002NDMuMTIsMjE0LjQybDQ2LTI0LjZjLTMuOS03LjYtOC4zLTE0LjktMTMtMjEuOWwtNDMuNCwyOC45YzMuOCw1LjgsNy4yLDExLjUsMTAuNSwxNy41bC0uMi4yaDBsLjEtLjFaJy8+IDxwYXRoIGlkPSdQYXRoXzE1NycgZD0nTTY1Ni44MiwyNDIuMzJsNDguMS0xOS44Yy0zLjMtNy45LTYuOS0xNS41LTEwLjktMjMuMWwtNDYsMjQuNmMzLjMsNiw2LjMsMTIuMiw4LjcsMTguNnYtLjNoLjFaJy8+IDxwYXRoIGlkPSdQYXRoXzE1OCcgZD0nTTY2Ny42MiwyNzEuMzJsNDkuOC0xNS4yYy0yLjUtOC4xLTUuMy0xNi4yLTguNi0yNC4xbC00OC4xLDE5LjhjMi42LDYuMyw0LjksMTIuNyw2LjgsMTkuM2wuMi4yaC0uMVonLz4gPHBhdGggaWQ9J1BhdGhfMTU5JyBkPSdNNjc1LjcyLDMwMS4xMmw1MS4xLTEwLjJjLTEuNy04LjItMy44LTE2LjYtNi4zLTI0LjdsLTQ5LjgsMTUuMmMyLDYuNiwzLjYsMTMuMiw1LDE5LjhoMHYtLjFaJy8+IDxwYXRoIGlkPSdQYXRoXzE2MCcgZD0nTTY4MC43MiwzMzEuNTJsNTEuOS01LjFjLS44LTguNC0yLjEtMTctMy44LTI1LjJsLTUxLjEsMTAuMmMxLjMsNi42LDIuMywxMy41LDMsMjAuMWgwWicvPiA8cGF0aCBpZD0nUGF0aF8xNjEnIGQ9J002ODIuODIsMzYyLjMyaDUyLjFjMC04LjYtLjUtMTctMS4yLTI1LjVsLTUxLjksNS4xYy43LDYuOSwxLDEzLjUsMSwyMC40aDBaJy8+IDxwYXRoIGlkPSdQYXRoXzE2MicgZD0nTTY4MS44MiwzOTMuMzJsNTEuOSw1LjFjLjgtOC40LDEuMi0xNywxLjItMjUuNWgtNTIuMWMwLDYuOS0uMywxMy41LTEsMjAuNGgwWicvPiA8cGF0aCBpZD0nUGF0aF8xNjMnIGQ9J002NzcuOTIsNDI0LjAybDUxLjEsMTAuMmMxLjctOC4yLDMtMTYuOCwzLjgtMjUuMmwtNTEuOS01LjFjLS42LDYuOC0xLjYsMTMuNS0zLDIwLjFoMFonLz4gPHBhdGggaWQ9J1BhdGhfMTY0JyBkPSdNNjcwLjgyLDQ1NC4xMmw0OS44LDE1LjJjMi41LTguMSw0LjYtMTYuNSw2LjMtMjQuN2wtNTEuMS0xMC4yYy0xLjMsNi42LTMsMTMuMi01LDE5LjhoMHYtLjFaJy8+IDxwYXRoIGlkPSdQYXRoXzE2NScgZD0nTTY2MC43Miw0ODMuMzJsNDguMSwxOS44YzMuMy03LjksNi4xLTE2LDguNi0yNC4xbC00OS44LTE1LjJjLTIsNi42LTQuMywxMi45LTYuOCwxOS4zbC0uMi4yaC4xWicvPiA8cGF0aCBpZD0nUGF0aF8xNjYnIGQ9J002NDguMDIsNTExLjUybDQ2LDI0LjZjNC03LjYsNy42LTE1LjIsMTAuOS0yMy4xbC00OC4xLTE5LjhjLTIuNiw2LjMtNS42LDEyLjUtOC43LDE4LjZ2LS4zaC0uMVonLz4gPHBhdGggaWQ9J1BhdGhfMTY3JyBkPSdNNjMyLjcyLDUzOC40Mmw0My40LDI4LjhjNC44LTcuMSw5LjEtMTQuNCwxMy0yMS45bC00Ni0yNC42Yy0zLjIsNi02LjcsMTEuOC0xMC41LDE3LjVsLjIuMmgtLjFaJy8+IDxwYXRoIGlkPSdQYXRoXzE2OCcgZD0nTTYxNC41Miw1NjMuNDJsNDAuMiwzM2M1LjMtNi42LDEwLjUtMTMuNSwxNS4yLTIwLjRsLTQzLjQtMjguOGMtMy44LDUuNy03LjksMTEuMi0xMi4yLDE2LjVsLjItLjJoMHYtLjFaJy8+IDxwYXRoIGlkPSdQYXRoXzE2OScgZD0nTTU5NC4xMiw1ODYuOTJsMzYuOCwzNi44YzYuMS02LjEsMTEuNy0xMi40LDE3LjItMTguOGwtNDAuMi0zM2MtNC4zLDUuMy05LDEwLjMtMTMuOCwxNS4ybC4yLS4yaC0uMlonLz4gPC9nPiA8L2c+IDwvc3ZnPg==");
    mask-position: center;
    mask-repeat: no-repeat;
    animation: rotateGradient 16s linear infinite;
}

#ticks-off-container #ticks-off {
    opacity: 0;
}

html[data-dnn-on="true"] #ticks-off-container {
    background: conic-gradient(from var(--angle),
            #1e9be9 0deg,
            #1e9be9 9deg,
            #333 35deg,
            #333 325deg,
            #1e9be9 351deg,
            #1e9be9 360deg);
}

html[data-dnn-on="false"] #ticks-off-container {
    background: conic-gradient(from var(--angle),
            #d0d0d0 0deg,
            #d0d0d0 9deg,
            #333 35deg,
            #333 325deg,
            #d0d0d0 351deg,
            #d0d0d0 360deg);
}

#ticks-off-container[data-animation-paused="true"] {
    animation-play-state: paused;
}

#ticks-off-container[data-animation-paused="false"] {
    animation-play-state: running;
}

#tick-shadow {
    border-radius: 100%;
    block-size: min(71.5vw, 92rem);
    block-size: min(71.5vw, 63rem);
    aspect-ratio: 1 / 1;
    background: radial-gradient(transparent 50%, black 60%, transparent, 70%, transparent);
    z-index: 1;
}

#grid-brand-container {
    z-index: 2;
}

#kemar-container {
    z-index: 1;
}

html[data-dnn-on="true"] #pulse {
    --color: #1e9be9;

    inline-size: min(60vw, 79rem);
    inline-size: min(60vw, 54rem);
    aspect-ratio: 1 / 1;

    border-radius: 50%;
    background: radial-gradient(var(--color) 0, #002421 65%);
    position: relative;
    z-index: -1;
}

html[data-dnn-on="true"] #pulse::before {
    --dark-color: color-mix(in srgb, var(--color), transparent 85%);

    content: "";
    display: block;
    background: var(--dark-color);
    width: 100%;
    height: 100%;
    border-radius: 50%;
    position: absolute;
    filter: blur(1px);
    animation: pulse 1.25s infinite 0.25s;
}

html[data-dnn-on="true"] #pulse.paused::before {
    animation-play-state: paused;
}

@keyframes pulse {
    0% {
        scale: 1;
    }

    100% {
        scale: 1.5;
        opacity: 0;
    }
}

@property --angle {
    syntax: "<angle>";
    inherits: false;
    initial-value: 0deg;
}

@keyframes rotateGradient {
    from {
        --angle: 0deg;
    }

    to {
        --angle: 360deg;
    }
}