* {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
}
body {
    background: #fff;
    font-size: 16px;
    font-family: 'HEADINGNOWTRIAL-63BOOK', sans-serif;
    line-height: 1.3em;
    max-width: 570px;
    margin: 0 auto;
}

p {
    margin: 0;
    padding: 0;
}

.step-container {
    width: 100%;
    height: 100%;
    position: relative;
    padding: 24px;
}

.base-text {
    font-family: 'HEADINGNOWTRIAL-55MEDIUM', sans-serif;
    font-size: 22px;
    line-height: 1.3em;
}

.btn {
    all: unset;
    padding: 13px 26px;
    text-transform: uppercase;
    font-family: 'HEADINGNOWTRIAL-55MEDIUM', sans-serif;
    font-size: 26px;
    cursor: pointer;
    position: relative;
    box-sizing: border-box;
    outline: none;
    user-select: none;
    touch-action: manipulation;
}
.btn__base-short {
    background: url("../images/bg-border-short-button.svg") center no-repeat;
    background-size: contain;
}
.btn__base-short.hover {
    background: url("../images/bg-fill-short-button.svg") center no-repeat;
    background-size: contain;
}

.btn__base-long {
    background: url("../images/bg-border-long-button.svg") center no-repeat;
    background-size: contain;
    padding: 15px 10px;
}
.btn__base-long.hover {
    background: url("../images/bg-fill-long-button.svg") center no-repeat;
    background-size: contain;
}

.btn__base-middle {
    background: url("../images/bg-border-middle-button.svg") center no-repeat;
    background-size: contain;
    padding: 15px 10px;
}
.btn__base-middle.hover {
    background: url("../images/bg-fill-middle-button.svg") center no-repeat;
    background-size: contain;
}

.bottom-cover {
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 155px;
}


/*Video bg*/
.step-container {
    position: relative
}
.step-container__video {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: calc(100vw + 25px);
    height: calc(100vh + 150px);
}
.step-container__content {
    position: relative;
    width: 100%;
    z-index: 2;
}