article,
aside,
details,
figcaption,
figure,
footer,
header,
hr,
main,
menu,
nav,
section {
    display: block;
}
button,
hr,
input {
    overflow: visible;
}
audio,
canvas,
progress,
video {
    display: inline-block;
}
progress,
sub,
sup {
    vertical-align: baseline;
}
[type="checkbox"],
[type="radio"],
legend {
    box-sizing: border-box;
    padding: 0;
}
[hidden],
body::after,
template {
    display: none;
}
.content,
sub,
sup {
    position: relative;
}
@-webkit-keyframes spinner {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes spinner {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
body::after {
    content: "mobile";
}
@media (min-width: get-breakpoint(tablet)) {
    body::after {
        content: "tablet";
    }
}
@media (min-width: get-breakpoint(desktop)) {
    body::after {
        content: "desktop";
    }
} /*! normalize.css v6.0.0 | MIT License | github.com/necolas/normalize.css */
html {
    line-height: 1;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}
h1 {
    font-size: 2em;
    margin: 0.67em 0;
}
figure {
    margin: 1em 40px;
}
hr {
    box-sizing: content-box;
    height: 0;
    clear: both;
    float: left;
    width: 100%;
}
code,
kbd,
pre,
samp {
    font-family: monospace;
    font-size: 1em;
}
a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
}
abbr[title] {
    border-bottom: none;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
}
b,
strong {
    font-weight: bolder;
}
dfn {
    font-style: italic;
}
mark {
    background-color: #ff0;
    color: #000;
}
small {
    font-size: 80%;
}
sub,
sup {
    font-size: 75%;
    line-height: 0;
}
sub {
    bottom: -0.25em;
}
sup {
    top: -0.5em;
}
audio:not([controls]) {
    display: none;
    height: 0;
}
img {
    border-style: none;
}
svg:not(:root) {
    overflow: hidden;
}
button,
input,
optgroup,
select,
textarea {
    margin: 0;
}
button,
select {
    text-transform: none;
}
[type="reset"],
[type="submit"],
button,
html [type="button"] {
    -webkit-appearance: button;
}
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner,
button::-moz-focus-inner {
    border-style: none;
    padding: 0;
}
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring,
button:-moz-focusring {
    outline: ButtonText dotted 1px;
}
legend {
    color: inherit;
    display: table;
    max-width: 100%;
    white-space: normal;
}
textarea {
    overflow: auto;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}
[type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -2px;
}
.menu__button,
.video-player__close-button {
    outline: 0;
    cursor: pointer;
    -webkit-transform: translateX(0) translateZ(0);
}
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}
::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
}
.content__headline,
.content__subheadline {
    font-family: agp, monospace;
}
summary {
    display: list-item;
}
@font-face {
    font-family: agp;
    src: url(/GaramondPremrPro-LtDisp-0b891e502e952c92b0d9280fc9db6080.woff2) format("woff2"), url(/GaramondPremrPro-LtDisp-add10f214566b15203d9b2ca790599c4.woff) format("woff");
    font-weight: 400;
    font-style: normal;
}
input {
    background: 0 0;
}
input::-ms-clear {
    display: none;
}
.content {
    max-width: 520px;
    padding: 0 150px;
    opacity: 0;
}
.content::after {
    content: "";
    display: table;
    clear: both;
}
.content--init {
    opacity: 1;
    transition: opacity 1.3s ease;
}
.content__headline {
    font-weight: 400;
    font-style: normal;
    font-size: 4.0625rem;
    line-height: 5.3125rem;
    color: #e5e5e5;
    margin: 0;
}
.content__char-spacer {
    display: inline-block;
    padding: 0 7px 0 0;
}
.content__subheadline {
    font-weight: 700;
    font-style: normal;
    font-size: 1rem;
    line-height: 1;
    letter-spacing: 3px;
    color: #ababab;
    text-transform: uppercase;
    margin: 20px 0 80px;
}
.content__linkedin {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 23px;
    height: 23px;
    line-height: 23px;
    text-align: center;
    background: rgba(51, 51, 51, 0.85);
}
.menu,
.menu__button {
    position: absolute;
    z-index: 1;
}
.content__email,
.content__phone {
    display: block;
    font-family: Helvetica, Arial, sans-serif;
    color: #999;
    font-size: 12px;
    text-transform: uppercase;
    text-decoration: none;
}
.content__linkedin svg {
    fill: #999;
    opacity: 1;
    width: 11px;
    height: 11px;
}
.content__email {
    margin-top: 14px;
}
.content__phone {
    margin-top: 6px;
}
@media screen and (max-width: 700px) {
    .content {
        max-width: 275px;
        padding: 0 30px;
    }
    .content__headline {
        font-size: 2.125rem;
        line-height: 3.125rem;
        color: #e5e5e5;
        margin: 0;
    }
    .content__subheadline {
        font-family: agp, monospace;
        font-weight: 700;
        font-style: normal;
        font-size: 0.8125rem;
        line-height: 1;
        letter-spacing: 2px;
        margin-bottom: 80px;
        margin-top: 20px;
    }
    .content__char-spacer {
        display: inline-block;
        padding: 0 4px 0 0;
    }
    .content__email {
        font-size: 11px;
        margin-top: 14px;
    }
    .content__phone {
        font-size: 11px;
    }
}
.menu {
    width: 100%;
    height: 100%;
    pointer-events: none;
}
.menu__button {
    background-color: transparent;
    border: none;
    width: 45px;
    height: 45px;
    border-radius: 0;
    top: 50px;
    right: 50px;
    padding: 0;
    pointer-events: all;
    transform: translateX(0) translateZ(0);
    transition: background-color 0.3s ease, -webkit-transform 0.8s cubic-bezier(0.77, 0, 0.175, 1) 0.2s;
    transition: background-color 0.3s ease, transform 0.8s cubic-bezier(0.77, 0, 0.175, 1) 0.2s;
    transition: background-color 0.3s ease, transform 0.8s cubic-bezier(0.77, 0, 0.175, 1) 0.2s, -webkit-transform 0.8s cubic-bezier(0.77, 0, 0.175, 1) 0.2s;
}
.menu__button svg,
.menu__content {
    position: relative;
    pointer-events: none;
}
.menu__button svg {
    overflow: visible;
}
.menu__button--open {
    background-color: #000;
}
.menu__button--playback {
    transition: background-color 0.3s ease, -webkit-transform 0.8s cubic-bezier(0.77, 0, 0.175, 1) 0s;
    transition: background-color 0.3s ease, transform 0.8s cubic-bezier(0.77, 0, 0.175, 1) 0s;
    transition: background-color 0.3s ease, transform 0.8s cubic-bezier(0.77, 0, 0.175, 1) 0s, -webkit-transform 0.8s cubic-bezier(0.77, 0, 0.175, 1) 0s;
    -webkit-transform: translateX(100px) translateZ(0);
    transform: translateX(100px) translateZ(0);
}
.menu__icon-border {
    fill: #525252;
    transition: -webkit-transform 0.5s ease;
    transition: transform 0.5s ease;
    transition: transform 0.5s ease, -webkit-transform 0.5s ease;
    -webkit-transform-origin: center;
    transform-origin: center;
}
.menu__icon-border--hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}
.menu__line-hamburger--top {
    stroke-dasharray: 14;
    stroke-dashoffset: 0;
}
.menu__line-hamburger--top.menu__line-hamburger--hover {
    transition: stroke-dashoffset 0.5s ease;
    stroke-dashoffset: 28;
}
.menu__line-hamburger--middle {
    stroke-dasharray: 14;
    stroke-dashoffset: 0;
}
.menu__line-hamburger--middle.menu__line-hamburger--hover {
    transition: stroke-dashoffset 0.5s ease 0.07s;
    stroke-dashoffset: 28;
}
.menu__line-hamburger--bottom {
    stroke-dasharray: 14;
    stroke-dashoffset: 0;
}
.menu__line-hamburger--bottom.menu__line-hamburger--hover {
    transition: stroke-dashoffset 0.5s ease 0.14s;
    stroke-dashoffset: 28;
}
.menu__line-hamburger--top.menu__line-hamburger--open {
    transition: stroke-dashoffset 0.2s ease;
    stroke-dashoffset: 14;
}
.menu__line-hamburger--middle.menu__line-hamburger--open {
    transition: stroke-dashoffset 0.2s ease 0.05s;
    stroke-dashoffset: 14;
}
.menu__line-hamburger--bottom.menu__line-hamburger--open {
    transition: stroke-dashoffset 0.2s ease 0.1s;
    stroke-dashoffset: 14;
}
.menu__line-close--left {
    stroke-dasharray: 15;
    stroke-dashoffset: 15;
    transition: stroke-dashoffset 0.2s ease;
}
.menu__line-close--left.menu__line-close--open {
    stroke-dashoffset: 0;
    transition: stroke-dashoffset 0.5s ease 0.3s;
}
.menu__line-close--right {
    stroke-dasharray: 15;
    stroke-dashoffset: 15;
    transition: stroke-dashoffset 0.2s ease;
}
.menu__line-close--right.menu__line-close--open {
    stroke-dashoffset: 0;
    transition: stroke-dashoffset 0.5s ease 0.1s;
}
.menu__close-group {
    position: relative;
}
.menu__content {
    display: flex;
    align-items: center;
    width: 100%;
    height: 100vh;
    background-color: transparent;
    visibility: hidden;
    transition: background-color 0.4s ease, visibility 0s ease 0.4s;
    overflow: auto;
}
.menu__content--open {
    visibility: visible;
    pointer-events: all;
    background-color: #fff;
    transition: background-color 0.4s ease, visibility 0s ease 0s;
}
.menu__content-wrapper {
    padding: 50px 150px;
    margin: auto 0;
    transition: -webkit-transform 0.8s cubic-bezier(0.77, 0, 0.175, 1) 0.2s;
    transition: transform 0.8s cubic-bezier(0.77, 0, 0.175, 1) 0.2s;
    transition: transform 0.8s cubic-bezier(0.77, 0, 0.175, 1) 0.2s, -webkit-transform 0.8s cubic-bezier(0.77, 0, 0.175, 1) 0.2s;
}
.menu__content-wrapper--playback {
    transition: -webkit-transform 0.8s cubic-bezier(0.77, 0, 0.175, 1) 0s;
    transition: transform 0.8s cubic-bezier(0.77, 0, 0.175, 1) 0s;
    transition: transform 0.8s cubic-bezier(0.77, 0, 0.175, 1) 0s, -webkit-transform 0.8s cubic-bezier(0.77, 0, 0.175, 1) 0s;
    -webkit-transform: translateX(-100%) translateZ(0);
    transform: translateX(-100%) translateZ(0);
}
.menu__link {
    display: block;
    font-family: agp, monospace;
    font-weight: 400;
    font-style: normal;
    font-size: 4.0625rem;
    line-height: 5.3125rem;
    color: #e5e5e5;
    margin: 0;
    text-decoration: none;
    transition: color 0.4s ease;
    opacity: 0;
}
.menu__link:nth-child(1) {
  opacity: 0.01;
    transform: translateY(256px) translateZ(0);
}
.menu__link:nth-child(2) {
  opacity: 0.01;
    transform: translateY(312px) translateZ(0);
}
.menu__link:nth-child(3) {
  opacity: 0.01;
    transform: translateY(368px) translateZ(0);
}
.menu__link:nth-child(4) {
  opacity: 0.01;
    transform: translateY(424px) translateZ(0);
}
.menu__link:nth-child(5) {
  opacity: 0.01;
    transform: translateY(480px) translateZ(0);
}
.menu__link:nth-child(6) {
  opacity: 0.01;
    transform: translateY(536px) translateZ(0);
}
.menu__link:nth-child(7) {
  opacity: 0.01;
    transform: translateY(592px) translateZ(0);
}
.menu__link:hover {
    color: #999;
}
.menu__link--open:nth-child(1) {
    opacity: 1;
    transform: translateY(0) translateZ(0);
    transition: color 0.4s ease, opacity 1.7s ease 50ms, transform 1.7s cubic-bezier(0.175, 0.885, 0.32, 1) 50ms, transform 1.7s cubic-bezier(0.175, 0.885, 0.32, 1) 50ms;
}
.menu__link--open:nth-child(2) {
    opacity: 1;
    transform: translateY(0) translateZ(0);
    transition: color 0.4s ease, opacity 1.6s ease 0.15s, transform 1.6s cubic-bezier(0.175, 0.885, 0.32, 1) 0.15s, transform 1.6s cubic-bezier(0.175, 0.885, 0.32, 1) 0.15s;
}
.menu__link--open:nth-child(3) {
    opacity: 1;
    transform: translateY(0) translateZ(0);
    transition: color 0.4s ease, opacity 1.5s ease 0.25s, transform 1.5s cubic-bezier(0.175, 0.885, 0.32, 1) 0.25s, transform 1.5s cubic-bezier(0.175, 0.885, 0.32, 1) 0.25s;
}
.menu__link--open:nth-child(4) {
    opacity: 1;
    transform: translateY(0) translateZ(0);
    transition: color 0.4s ease, opacity 1.4s ease 0.35s, transform 1.4s cubic-bezier(0.175, 0.885, 0.32, 1) 0.35s, transform 1.4s cubic-bezier(0.175, 0.885, 0.32, 1) 0.35s;
}
.menu__link--open:nth-child(5) {
    opacity: 1;
    transform: translateY(0) translateZ(0);
    transition: color 0.4s ease, opacity 1.3s ease 0.45s, transform 1.3s cubic-bezier(0.175, 0.885, 0.32, 1) 0.45s, transform 1.3s cubic-bezier(0.175, 0.885, 0.32, 1) 0.45s;
}
.menu__link--open:nth-child(6) {
    opacity: 1;
    transform: translateY(0) translateZ(0);
    transition: color 0.4s ease, opacity 1.2s ease 0.55s, transform 1.2s cubic-bezier(0.175, 0.885, 0.32, 1) 0.55s, transform 1.2s cubic-bezier(0.175, 0.885, 0.32, 1) 0.55s;
}
.menu__link--open:nth-child(7) {
    opacity: 1;
    -webkit-transform: translateY(0) translateZ(0);
    transform: translateY(0) translateZ(0);
    transition: color 0.4s ease, opacity 1.1s ease 0.65s, transform 1.1s cubic-bezier(0.175, 0.885, 0.32, 1) 0.65s, transform 1.1s cubic-bezier(0.175, 0.885, 0.32, 1) 0.65s;
}
@media screen and (max-width: 700px) {
    .menu__button {
        top: 20px;
        right: 20px;
        transition: background-color 0.3s ease, transform 0.8s cubic-bezier(0.77, 0, 0.175, 1) 0.4s, transform 0.8s cubic-bezier(0.77, 0, 0.175, 1) 0.4s;
    }
    .menu__button--playback {
        transition: background-color 0.3s ease, transform 0.8s cubic-bezier(0.77, 0, 0.175, 1), transform 0.8s cubic-bezier(0.77, 0, 0.175, 1);
    }
    .menu__content-wrapper {
        padding: 50px 30px;
        width: 100%;
        transition: transform 0.8s ease 0.3s, transform 0.8s ease 0.3s;
    }
    .menu__content-wrapper--playback {
        -webkit-transform: translateX(-100%) translateZ(0);
        transform: translateX(-100%) translateZ(0);
        transition: transform 0.8s cubic-bezier(0.77, 0, 0.175, 1) 0s, transform 0.8s cubic-bezier(0.77, 0, 0.175, 1) 0s;
    }
    .menu__link {
        font-size: 2.125rem;
        line-height: 3.125rem;
    }
    .menu__link:nth-child(1) {
      opacity: 0.01;
        transform: translateY(100px) translateZ(0);
    }
    .menu__link:nth-child(2) {
      opacity: 0.01;
        transform: translateY(124px) translateZ(0);
    }
    .menu__link:nth-child(3) {
      opacity: 0.01;
        transform: translateY(148px) translateZ(0);
    }
    .menu__link:nth-child(4) {
      opacity: 0.01;
        transform: translateY(172px) translateZ(0);
    }
    .menu__link:nth-child(5) {
      opacity: 0.01;
        transform: translateY(196px) translateZ(0);
    }
    .menu__link:nth-child(6) {
      opacity: 0.01;
        transform: translateY(220px) translateZ(0);
    }
    .menu__link:nth-child(7) {
      opacity: 0.01;
        transform: translateY(244px) translateZ(0);
    }
    .menu__link--open:nth-child(1) {
        opacity: 1;
        transform: translateY(0) translateZ(0);
        transition: color 0.4s ease, opacity 1.5s ease 50ms, transform 1.5s cubic-bezier(0.175, 0.885, 0.32, 1) 50ms, transform 1.5s cubic-bezier(0.175, 0.885, 0.32, 1) 50ms;
    }
    .menu__link--open:nth-child(2) {
        opacity: 1;
        transform: translateY(0) translateZ(0);
        transition: color 0.4s ease, opacity 1.4s ease 0.15s, transform 1.4s cubic-bezier(0.175, 0.885, 0.32, 1) 0.15s, transform 1.4s cubic-bezier(0.175, 0.885, 0.32, 1) 0.15s;
    }
    .menu__link--open:nth-child(3) {
        opacity: 1;
        transform: translateY(0) translateZ(0);
        transition: color 0.4s ease, opacity 1.3s ease 0.25s, transform 1.3s cubic-bezier(0.175, 0.885, 0.32, 1) 0.25s, transform 1.3s cubic-bezier(0.175, 0.885, 0.32, 1) 0.25s;
    }
    .menu__link--open:nth-child(4) {
        opacity: 1;
        transform: translateY(0) translateZ(0);
        transition: color 0.4s ease, opacity 1.2s ease 0.35s, transform 1.2s cubic-bezier(0.175, 0.885, 0.32, 1) 0.35s, transform 1.2s cubic-bezier(0.175, 0.885, 0.32, 1) 0.35s;
    }
    .menu__link--open:nth-child(5) {
        opacity: 1;
        transform: translateY(0) translateZ(0);
        transition: color 0.4s ease, opacity 1.1s ease 0.45s, transform 1.1s cubic-bezier(0.175, 0.885, 0.32, 1) 0.45s, transform 1.1s cubic-bezier(0.175, 0.885, 0.32, 1) 0.45s;
    }
    .menu__link--open:nth-child(6) {
        opacity: 1;
        transform: translateY(0) translateZ(0);
        transition: color 0.4s ease, opacity 1s ease 0.55s, transform 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0.55s, transform 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0.55s;
    }
    .menu__link--open:nth-child(7) {
        opacity: 1;
        transform: translateY(0) translateZ(0);
        transition: color 0.4s ease, opacity 0.9s ease 0.65s, transform 0.9s cubic-bezier(0.175, 0.885, 0.32, 1) 0.65s, transform 0.9s cubic-bezier(0.175, 0.885, 0.32, 1) 0.65s;
    }
}
.video-player {
    position: absolute;
    width: 0%;
    height: 100%;
    max-width: 800px;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0);
    transform: translateX(-50%) translateY(-50%) translateZ(0);
    z-index: 1;
    transition: width 0s cubic-bezier(0.77, 0, 0.175, 1) 0.8s;
}
.video-player--playback {
    transition: width 0s cubic-bezier(0.77, 0, 0.175, 1) 0s;
    width: 60%;
}
.video-player__content {
    position: relative;
    width: 0%;
    left: 50%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    padding-bottom: 56.25%;
    background-color: #000;
    transition: width 0.8s cubic-bezier(0.77, 0, 0.175, 1) 0.2s, left 0.8s cubic-bezier(0.77, 0, 0.175, 1) 0.2s;
}
.video-player__content--playback {
    transition: width 0.8s cubic-bezier(0.77, 0, 0.175, 1) 0s, left 0.8s cubic-bezier(0.77, 0, 0.175, 1) 0s;
    width: 100%;
    left: 0;
}
.video-player__video {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-color: #000;
}
.video-player__close-button {
    position: absolute;
    background-color: #000;
    border: none;
    width: 45px;
    height: 45px;
    border-radius: 0;
    top: 50%;
    left: 50%;
    margin-left: -22.5px;
    margin-top: -22.5px;
    padding: 0;
    pointer-events: all;
    transform: translateX(0) translateZ(0);
    transition: top 0.8s cubic-bezier(0.77, 0, 0.175, 1);
    visibility: hidden;
}
.video-player__close-button svg {
    position: relative;
    overflow: visible;
    pointer-events: none;
}
.video-player__close-button--playback {
    visibility: visible;
    transition: top 0.8s cubic-bezier(0.77, 0, 0.175, 1) 0.4s, visibility 0s ease 0.4s;
    -webkit-transform: translateX(0) translateZ(0);
    transform: translateX(0) translateZ(0);
    top: calc((100vh - 100%) / 2 * -1 + ((50vh - 50%) / 2));
}
.video-player__close-button--stop {
    transition: top 0.8s cubic-bezier(0.77, 0, 0.175, 1);
    top: calc((100vh - 100%) / 2 * -1 - 100px);
}
.video-player__icon-border {
    fill: #525252;
    transition: -webkit-transform 0.5s ease;
    transition: transform 0.5s ease;
    transition: transform 0.5s ease, -webkit-transform 0.5s ease;
    -webkit-transform-origin: center;
    transform-origin: center;
}
.video-player__icon-border--hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}
.video-player__line-close--left {
    stroke-dasharray: 15;
    stroke-dashoffset: 0;
    transition: stroke-dashoffset 0.2s ease;
}
.video-player__line-close--left.video-player__line-close--open {
    stroke-dashoffset: 0;
    transition: stroke-dashoffset 0.5s ease 0.3s;
}
.video-player__line-close--right {
    stroke-dasharray: 15;
    stroke-dashoffset: 0;
    transition: stroke-dashoffset 0.2s ease;
}
.video-player__line-close--right.video-player__line-close--open {
    stroke-dashoffset: 0;
    transition: stroke-dashoffset 0.5s ease 0.1s;
}
@media screen and (max-width: 700px) {
    .video-player {
        max-width: 100%;
        background-color: #000;
        overflow: hidden;
        transition: width 0s cubic-bezier(0.77, 0, 0.175, 1) 0s;
    }
    .video-player--playback {
        transition: width 0.8s cubic-bezier(0.77, 0, 0.175, 1);
        z-index: 1;
        width: 100%;
    }
    .video-player--stop {
        transition: left 0.8s cubic-bezier(0.77, 0, 0.175, 1), -webkit-transform 0.8s cubic-bezier(0.77, 0, 0.175, 1);
        transition: transform 0.8s cubic-bezier(0.77, 0, 0.175, 1), left 0.8s cubic-bezier(0.77, 0, 0.175, 1);
        transition: transform 0.8s cubic-bezier(0.77, 0, 0.175, 1), left 0.8s cubic-bezier(0.77, 0, 0.175, 1), -webkit-transform 0.8s cubic-bezier(0.77, 0, 0.175, 1);
        width: 100%;
        left: 100%;
        -webkit-transform: translateX(0) translateY(-50%) translateZ(0);
        transform: translateX(0) translateY(-50%) translateZ(0);
    }
    .video-player__content {
        transition: width 0.8s cubic-bezier(0.77, 0, 0.175, 1) 0s, left 0.8s cubic-bezier(0.77, 0, 0.175, 1) 0s;
    }
    .video-player__content--stop {
        width: 100%;
        left: 0;
    }
    .video-player__close-button--stop {
        top: calc((100vh - 100%) / 2 * -1 + ((50vh - 50%) / 2));
    }
}
html {
    background-position: top left;
    background-repeat: repeat;
    background-size: contain;
    background-color: #191919;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}
body,
html {
    position: relative;
    margin: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
#app {
    display: flex;
    align-items: center;
    height: 100%;
}