body {
    font-family: "OnyOkkam", Arial, sans-serif;
    background: #101820;
}

.uc-story-next, #ucAudioDock, .uc-interlude, .uc-fullscreen {
  touch-action: manipulation;
}

/* ======================
СЕКЦИИ 
=========================*/
.uc-fullscreen, .uc-fullscreen .t396__artboard {
    min-height: 100vh;
}

.uc-interlude {
    height: 0 !important;
    overflow: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

#ucInterludeOverlay {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99999999;
    padding: 0;
    opacity: 0;
    transform: translateY(24px);
    transition: opacity .45s ease, transform .45s ease;
    will-change: opacity, transform;
    pointer-events: none;
}

#ucInterludeOverlay::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(11,35,59,.8);
}

#ucInterludeOverlay.uc-active {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
}

.uc-next {
    cursor: pointer;
}

/* ======================
СНЕГ НА САЙТЕ
=========================*/
.uc-snow {
    position: fixed;
    inset: 0;
    overflow: hidden;
    pointer-events: none;
    z-index: 999;
}

.uc-snowflake {
    position: absolute;
    top: -5vh;
    pointer-events: none;
    background: white;
    border-radius: 50%;
    opacity: 0.8;
    will-change: transform, opacity;
    animation-name: uc-snowfall;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
  }

@keyframes uc-snowfall {
    0% {
      transform: translate3d(var(--x-start, 0), -10vh, 0);
      opacity: var(--o-start, 1);
    }
    100% {
      transform: translate3d(var(--x-end, 0), 110vh, 0);
      opacity: 0.1;
    }
}