:root {
    --mg-slider-left: 40px;
    --mg-button-width: 4em;
    --mg-slider-back: #fff;
    --mg-slider-back-alt: #FCF9F1;
    --node-icon-block-width: 24vw;
}

.mg-slider {
    width: calc(100% - 2 * var(--mg-slider-left));
    margin-left: var(--mg-slider-left);
    margin-right: var(--mg-slider-left);
    background-color: var(--mg-slider-back);
}

.brown-back, .brown-back .mg-slider {
    background-color: var(--mg-slider-back-alt);
}

.mg-slider .swiper-button-prev {
    left: var(--mg-slider-left);
}

.mg-slider .swiper-button {
    width: var(--mg-button-width);
    height: var(--mg-button-width);
    border-radius: 50%;
    background-color: var(--mg-slider-back);
    box-shadow: 0px 2px 5px 0px rgba(0,0,0,.4);
    color: var(--active-color);
    margin-top: 0;
}

.node_icon_block {
    width: var(--node-icon-block-width);
}

.halfOpacity {
    opacity: .5;
}