@keyframes closeWindow {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.ril__outer {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1000;
    width: 100%;
    height: 100%;
    outline: none;
    background-color: rgba(0, 0, 0, .85);
    -ms-content-zooming: none;
    -ms-user-select: none;
    -ms-touch-select: none;
    touch-action: none;
}

.ril__outerClosing {
    opacity: 0;
}

.ril__inner {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.ril__image,
.ril__imagePrev,
.ril__imageNext {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    max-width: none;
    margin: auto;
    border-radius: 14px;
    -ms-content-zooming: none;
    -ms-user-select: none;
    -ms-touch-select: none;
    touch-action: none;
}

.ril__imageDiscourager {
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.ril__navButtons {
    position: absolute;
    top: 50%;
    box-sizing: border-box;
    width: 50px;
    height: 50px;
    margin: -25px 0 0;
    border: 1px solid rgba(228, 222, 185, .2);
    border-radius: 50%;
    background-color: transparent;
    cursor: pointer;
    transition: border-color .4s, background-color .4s;
}

.ril__navButtons:hover {
    border-color: rgba(228, 222, 185, 1);
    background-color: rgba(228, 222, 185, 1);
}

.ril__navButtons:active {
    border-color: rgba(228, 222, 185, 1);
}

.ril__navButtonPrev {
    left: 60px;
}

.ril__navButtonNext {
    right: 60px;
}

.ril__navButtonPrev::before,
.ril__navButtonPrev::after,
.ril__navButtonNext::before,
.ril__navButtonNext::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-repeat: no-repeat;
    background-position: center;
    content: '';
    transition: opacity .4s;
}

.ril__navButtonPrev::before {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAKCAYAAACE2W/HAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQwIDc5LjE2MDQ1MSwgMjAxNy8wNS8wNi0wMTowODoyMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RUMzNzE0REQxNDEzMTFFOTg3ODhGQTM3RjdFNjM4NzYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RUMzNzE0REUxNDEzMTFFOTg3ODhGQTM3RjdFNjM4NzYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpFQzM3MTREQjE0MTMxMUU5ODc4OEZBMzdGN0U2Mzg3NiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpFQzM3MTREQzE0MTMxMUU5ODc4OEZBMzdGN0U2Mzg3NiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PtqxQbMAAAB/SURBVHjaYnxybycDEtAE4u1AfAuI3RjwABY0TfuAWAKIvzAQAExYND0EYh9iNKJrcgDiB4Q0gpy6DaoJBOSB+D4DYXCEiYE8wAjS6AXEL6ECICcqgiQIYBuQxutA7AjVrADE+6E0UaEK0/wCqmkLsRphmp2A+BEQPyOkESDAAHreGXC8fI1BAAAAAElFTkSuQmCC');
    opacity: 1;
}

.ril__navButtonPrev::after {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAKCAYAAACE2W/HAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQwIDc5LjE2MDQ1MSwgMjAxNy8wNS8wNi0wMTowODoyMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6REVBNTVBMTkxODI4MTFFOThGOTBDMjczQUEzOTBBMjgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6REVBNTVBMUExODI4MTFFOThGOTBDMjczQUEzOTBBMjgiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpERUE1NUExNzE4MjgxMUU5OEY5MEMyNzNBQTM5MEEyOCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpERUE1NUExODE4MjgxMUU5OEY5MEMyNzNBQTM5MEEyOCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PpujA+oAAABJSURBVHjaYmBABZpA/ACIdzGQAECangPxfyC+Qo4mkI0KpGq6T6wmELgH1UQKPsLEQAEAOfUFklPlKdGsQPPoQNb8kJgEABBgAI85IyCHIn+dAAAAAElFTkSuQmCC');
    opacity: 0;
}

.ril__navButtonNext::before {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAKCAYAAACE2W/HAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQwIDc5LjE2MDQ1MSwgMjAxNy8wNS8wNi0wMTowODoyMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RUMzNzE0RDkxNDEzMTFFOTg3ODhGQTM3RjdFNjM4NzYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RUMzNzE0REExNDEzMTFFOTg3ODhGQTM3RjdFNjM4NzYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpEODhENkVFRTE0MEIxMUU5ODc4OEZBMzdGN0U2Mzg3NiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpFQzM3MTREODE0MTMxMUU5ODc4OEZBMzdGN0U2Mzg3NiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PhqN/cQAAACASURBVHjaYnxybycDAbALiNWA2BOIr8MEmRgIAykglgfifUCsSYpGHyB+CMQSyJqJ0fgAiB2gNFwzC5A4AsTWDMQDkOatTAxkApBGGyBmJIAVoE4FgZdA7E2MjSBNB6A0SJMjKFqI0bgFqukFTBNIkIUIjc+AmBeIPZATAECAAQDFiBcJ4VjeSwAAAABJRU5ErkJggg==');
    opacity: 1;
}

.ril__navButtonNext::after {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAKCAYAAACE2W/HAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQwIDc5LjE2MDQ1MSwgMjAxNy8wNS8wNi0wMTowODoyMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6REVBNTVBMTUxODI4MTFFOThGOTBDMjczQUEzOTBBMjgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6REVBNTVBMTYxODI4MTFFOThGOTBDMjczQUEzOTBBMjgiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpFNTk5OUEzNDE3QjkxMUU5OEY5MEMyNzNBQTM5MEEyOCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpERUE1NUExNDE4MjgxMUU5OEY5MEMyNzNBQTM5MEEyOCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PopLHHgAAABGSURBVHjaYmAgDHYB8QMg1mQgEVwB4v9A/JxUzQpQG8nWfB9d8xGoACn4HhMDjYE8klNfEOtPBXI0URQdoATwEF0TQIABAEf/IyDl3t8jAAAAAElFTkSuQmCC');
    opacity: 0;
}

.ril__navButtonPrev:hover::before {
    opacity: 0;
}

.ril__navButtonPrev:hover::after {
    opacity: 1;
}

.ril__navButtonNext:hover::before {
    opacity: 0;
}

.ril__navButtonNext:hover::after {
    opacity: 1;
}

.ril__downloadBlocker {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: url('data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7');
    background-size: cover;
}

.ril__caption,
.ril__toolbar {
    position: absolute;
    right: 0;
    left: 0;
    display: flex;
    justify-content: space-between;
    background-color: transparent;
}

.ril__caption {
    bottom: 0;
    max-height: 150px;
    overflow: auto;
}

.ril__captionContent {
    padding: 10px 20px;
    color: #fff;
}

.ril__toolbar {
    top: 0;
}

.ril__toolbarSide {
    margin: 0;
}

.ril__toolbarLeftSide {
    flex: 0 1 100%;
    padding-right: 0;
    padding-left: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ril__toolbarRightSide {
    flex: 0 0 auto;
    padding-right: 20px;
    padding-left: 0;
}

/* .ril__toolbarItem {
    display: inline-block;
    max-width: 100%;
    padding: 0;
    overflow: hidden;
    color: #fff;
    font-size: 120%;
    line-height: 50px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ril__toolbarItemChild {
    vertical-align: middle;
}

.ril__builtinButton {
    width: 40px;
    height: 35px;
    border: none;
    opacity: .7;
    cursor: pointer;
}

.ril__builtinButton:hover {
    opacity: 1;
}

.ril__builtinButton:active {
    outline: none;
}

.ril__builtinButtonDisabled {
    opacity: .5;
    cursor: default;
}

.ril__builtinButtonDisabled:hover {
    opacity: .5;
} */

.ril__closeButton {
    position: absolute;
    top: 20px;
    right: 20px;
    box-sizing: border-box;
    width: 50px;
    height: 50px;
    border: 1px solid rgba(228, 222, 185, .2);
    border-radius: 50%;
    background-color: transparent;
    cursor: pointer;
    transition: border-color .4s, background-color .4s;
}

.ril__closeButton::before,
.ril__closeButton::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-repeat: no-repeat;
    background-position: center;
    content: '';
    transition: opacity .4s;
}

.ril__closeButton::before {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQwIDc5LjE2MDQ1MSwgMjAxNy8wNS8wNi0wMTowODoyMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RUMzNzE0RTExNDEzMTFFOTg3ODhGQTM3RjdFNjM4NzYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RUMzNzE0RTIxNDEzMTFFOTg3ODhGQTM3RjdFNjM4NzYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpFQzM3MTRERjE0MTMxMUU5ODc4OEZBMzdGN0U2Mzg3NiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpFQzM3MTRFMDE0MTMxMUU5ODc4OEZBMzdGN0U2Mzg3NiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgUDmDEAAACnSURBVHjanJNRDoMgEESFcKu2afRepeKt+qMf2mv0y4M4mDFR3EXSTSaC8oawI2b+fSrUHZqq8rpBX0twhHwh+OJGD8vBGwoFBhHsoDZu6Piy4zMkcw1c17ndx5zBCUxhzcBzfgAlODV4Qo0ExjKMSqoeqqGBBqeyCuh3YK2lYBVwO2OTi9FlwCD0wGjdVrsqpHDIOQeqBo7/9hUoGfTmz1u1rl8EGAAYKTW4Bjx/MAAAAABJRU5ErkJggg==');
    opacity: 1;
}

.ril__closeButton::after {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQwIDc5LjE2MDQ1MSwgMjAxNy8wNS8wNi0wMTowODoyMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6REVBNTVBMUQxODI4MTFFOThGOTBDMjczQUEzOTBBMjgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6REVBNTVBMUUxODI4MTFFOThGOTBDMjczQUEzOTBBMjgiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpERUE1NUExQjE4MjgxMUU5OEY5MEMyNzNBQTM5MEEyOCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpERUE1NUExQzE4MjgxMUU5OEY5MEMyNzNBQTM5MEEyOCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pm8gEdIAAABrSURBVHjalJNRCsAgDEN7r7mjLZ5Mr7aNzYJUpEnAH5sX0KjZr2KaDpvA+10gwWv4T98AGeBgjYMsYAtmASm4CwALxoCmgq4+wK6CmEClxuWMbI3bywFbU1XnbB2Lr4h1IL5t9Vd9/keAAQAcBDF5bT6oCwAAAABJRU5ErkJggg==');
    opacity: 0;
}

.ril__closeButton:hover::before {
    opacity: 0;
}

.ril__closeButton:hover::after {
    opacity: 1;
}

.ril__closeButton:hover {
    border-color: rgba(228, 222, 185, 1);
    background-color: rgba(228, 222, 185, 1);
}

.ril__zoomInButton {
    background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCI+PGcgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCI+PHBhdGggZD0iTTEgMTlsNi02Ii8+PHBhdGggZD0iTTkgOGg2Ii8+PHBhdGggZD0iTTEyIDV2NiIvPjwvZz48Y2lyY2xlIGN4PSIxMiIgY3k9IjgiIHI9IjciIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSIyIi8+PC9zdmc+') no-repeat center;
}

.ril__zoomOutButton {
    background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCI+PGcgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCI+PHBhdGggZD0iTTEgMTlsNi02Ii8+PHBhdGggZD0iTTkgOGg2Ii8+PC9nPjxjaXJjbGUgY3g9IjEyIiBjeT0iOCIgcj0iNyIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjIiLz48L3N2Zz4=') no-repeat center;
}

.ril__outerAnimating {
    animation-name: closeWindow;
}

@keyframes pointFade {

    0%,
    19.999%,
    100% {
        opacity: 0;
    }

    20% {
        opacity: 1;
    }
}

.ril__loadingCircle {
    position: relative;
    width: 60px;
    height: 60px;
}

.ril__loadingCirclePoint {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.ril__loadingCirclePoint::before {
    display: block;
    width: 11%;
    height: 30%;
    margin: 0 auto;
    border-radius: 30%;
    background-color: #fff;
    content: '';
    animation: pointFade 800ms infinite ease-in-out both;
}

.ril__loadingCirclePoint:nth-of-type(1) {
    transform: rotate(0deg);
}

.ril__loadingCirclePoint:nth-of-type(7) {
    transform: rotate(180deg);
}

.ril__loadingCirclePoint:nth-of-type(1)::before,
.ril__loadingCirclePoint:nth-of-type(7)::before {
    animation-delay: -800ms;
}

.ril__loadingCirclePoint:nth-of-type(2) {
    transform: rotate(30deg);
}

.ril__loadingCirclePoint:nth-of-type(8) {
    transform: rotate(210deg);
}

.ril__loadingCirclePoint:nth-of-type(2)::before,
.ril__loadingCirclePoint:nth-of-type(8)::before {
    animation-delay: -666ms;
}

.ril__loadingCirclePoint:nth-of-type(3) {
    transform: rotate(60deg);
}

.ril__loadingCirclePoint:nth-of-type(9) {
    transform: rotate(240deg);
}

.ril__loadingCirclePoint:nth-of-type(3)::before,
.ril__loadingCirclePoint:nth-of-type(9)::before {
    animation-delay: -533ms;
}

.ril__loadingCirclePoint:nth-of-type(4) {
    transform: rotate(90deg);
}

.ril__loadingCirclePoint:nth-of-type(10) {
    transform: rotate(270deg);
}

.ril__loadingCirclePoint:nth-of-type(4)::before,
.ril__loadingCirclePoint:nth-of-type(10)::before {
    animation-delay: -400ms;
}

.ril__loadingCirclePoint:nth-of-type(5) {
    transform: rotate(120deg);
}

.ril__loadingCirclePoint:nth-of-type(11) {
    transform: rotate(300deg);
}

.ril__loadingCirclePoint:nth-of-type(5)::before,
.ril__loadingCirclePoint:nth-of-type(11)::before {
    animation-delay: -266ms;
}

.ril__loadingCirclePoint:nth-of-type(6) {
    transform: rotate(150deg);
}

.ril__loadingCirclePoint:nth-of-type(12) {
    transform: rotate(330deg);
}

.ril__loadingCirclePoint:nth-of-type(6)::before,
.ril__loadingCirclePoint:nth-of-type(12)::before {
    animation-delay: -133ms;
}

.ril__loadingCirclePoint:nth-of-type(7) {
    transform: rotate(180deg);
}

.ril__loadingCirclePoint:nth-of-type(13) {
    transform: rotate(360deg);
}

.ril__loadingCirclePoint:nth-of-type(7)::before,
.ril__loadingCirclePoint:nth-of-type(13)::before {
    animation-delay: 0ms;
}

.ril__loadingContainer {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.ril__imagePrev .ril__loadingContainer,
.ril__imageNext .ril__loadingContainer {
    display: none;
}

.ril__errorContainer {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}

.ril__imagePrev .ril__errorContainer,
.ril__imageNext .ril__errorContainer {
    display: none;
}

.ril__loadingContainer__icon {
    position: absolute;
    top: 50%;
    left: 50%;
    color: #fff;
    transform: translateX(-50%) translateY(-50%);
}