:root {
    --swiper-navigation-size: 4em;
}

DIV.dvSwiper { background-color: #222 }
DIV.dvSwiper > .swiper-wrapper {  }
DIV.dvSwiper > .swiper-wrapper > .swiper-slide { display: block; position: relative }
DIV.dvSwiper > .swiper-wrapper > .swiper-slide:before { content: ''; display: block; padding-top: 70.7192% }
DIV.dvSwiper > .swiper-wrapper > .swiper-slide > IMG { display: block; height: 100%; left: 50%; position: absolute; top: 0; transform: translateX(-50%) }
DIV.dvSwiper > .swiper-pagination-progressbar { background-color: #fff }
DIV.dvSwiper > .swiper-pagination-progressbar > .swiper-pagination-progressbar-fill { background-color: #4d9c96 }
DIV.dvSwiper > .swiper-button-next,
DIV.dvSwiper > .swiper-button-prev { padding: 2em }

DIV#dvGuide { align-items: center; background-color: rgba(0, 0, 0, .8); color: #fff; display: flex; height: 100%; justify-content: center; left: 0; position: absolute; text-align: center; top: 0; width: 100%; z-index: 20 }
DIV#dvGuide > DIV > P { line-height: 1.5em }
DIV#dvGuide > DIV > .ui.button { color: #fff; margin-top: 1em }
DIV#dvGuide > DIV > .ui.button:hover { background-color: #fff; border-color: #fff; color: #222 }

.ui.controls { margin: 4em 0; text-align: center }