* {
    box-sizing: border-box;
}

html,
body {
    padding: 0;
    margin: 0;
    height: 100dvh;
    overflow: hidden;
}

.nt-wrapper {
    width: 100dvw;
    height: 100dvh;
    background-color: #000000;
    display: flex;
    justify-content: center;
    align-items: center;
}

.nt-progress-bar-cont {
    width: 45%;
    max-width: 250px;
    height: 7px;
    position: relative;
}

.nt-progress-bar {
    width: 100%;
    height: 100%;
    border: 1px solid #333;
    border-radius: 3px;
    overflow: hidden;
    position: absolute;
}

.nt-progress {
    width: 1%;
    height: 100%;
    background-color: white;
    position: absolute;
}

.nt-ad-container {
    width: auto;
    height: auto;
    overflow: hidden;
    background-color: #0f1422;
    position: absolute;
    display: none;
}

.nt-ad-container * {
    width: 100%;
    height: 100%;
    position: absolute;
    pointer-events: none;
}

.border {
    border: 1px solid #000;
    pointer-events: none;
}

.hs {
    pointer-events: all;
    width: 100%;
    left: 50%;
    transform: translateX(-50%);
}

.close-btn {
    display: none;
    position: absolute;
    width: 20px;
    height: 20px;
    top: 5px;
    right: 5px;
    color: #fff;
    border: 1px #fff solid;
    background-color: #000000;
    border-radius: 10px;
    text-align: center;
    pointer-events: all;
    line-height: 17px;
}

.bg,
.logo,
.cta,
.topcopy,
.copy,
.whitedimmer,
.controllerbg,
.controllerring,
.controller,
.controllertxt {
    max-width: 100%;
    background-size: 100%;
    background-image: url("images/sprite.png");
}

.bg {
    background-position: 0 0.000000%;
}

.logo {
    background-position: 0 11.111111%;
}

.topcopy {
    background-position: 0 22.222222%;
}

.copy {
    background-position: 0 33.333333%;
    filter: drop-shadow(2px 2px 2px #00000050);
}

.cta {
    background-position: 0 44.444444%;
}

.whitedimmer {
    background-position: 0 55.555556%;
}

.controllerbg {
    background-position: 0 66.666667%;
}

.controllerring {
    background-position: 0 77.777778%;
}

.controller {
    background-position: 0 88.888889%;
}

.controllertxt {
    background-position: 0 100.000000%;
}

.card1 {
    width: 300%;
    background: url("images/card1.png") no-repeat center center;
    background-size: 100% 100%;
}

.controller {
    pointer-events: all;
}