.canvas3d {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -280px;
    margin: 0 auto;
    width: 1536px !important;
    height: 1024px !important;
    transition: all 1s ease-out;
}

.canvas3d_increased {
    bottom: -70px;
}

.canvas3d_hidden {
    opacity: 0;
    visibility: hidden;
}

.spline {
    position: relative;
    height: 100vh;
}

.spline .main {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    height: auto;
}

.spline .container,
.spline .main__layer1,
.spline .main__layer3,
.spline .main__button {
    opacity: 1;
    transition: all 1s ease-out;
}

.spline .main_hidden .container,
.spline .main_hidden .main__layer1,
.spline .main_hidden .main__layer3,
.spline .main_hidden .main__button {
    opacity: 0;
    visibility: hidden;
}

.spline .main__layer2 {
    display: none;
}

.spline .slider {
    display: flex;
    align-items: center;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    opacity: 0;
    visibility: hidden;
    transition: all 1s ease-out;
}

.spline .slider_visible {
    opacity: 1;
    visibility: visible;
}

.spline .slider__dots {
    top: 50%;
    transform: translate(0, -50%);
}

.spline .slider__dots:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.spline .slider__wrapper {
    padding: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.spline .slider__image {
    display: none;
}

.spline .slider__image_pos8 {
    display: block;
    transform: translate(0, -13px);
}

.spline .slider__caption {
    margin-top: 0;
}

.spline .slider__range {
    transform: translate(0, -13px);
}

.spline .slider__carousel {
    opacity: 0;
    visibility: hidden;
    transition: all 1s ease-out;
}

.spline .slider__carousel_visible {
    opacity: 1;
    visibility: visible;
}