@charset "utf-8";

body {position: relative; -webkit-overflow-scrolling: touch;}
body.sunrise-fixed {overflow: hidden;}

.sunrise-outer {position: fixed; top: -1px; left: -1px; width: calc(100vw + 2px); height: calc(100vh + 2px); z-index: 9999; background-color: rgba(0, 0, 0, 0.5); transform: translateZ(0);}
.sunrise-scrll {overflow: auto; position: relative; width: 100vw; height: 100vh;}
.sunrise-inner {display: flex; flex-direction: row; position: relative; min-width: 100%; min-height: 100%; cursor: url(images/close_23x23_white.png), pointer;}
.sunrise-scene {position: relative; margin: auto; padding: 50px; cursor: url(images/close_23x23_white.png), pointer;}
.sunrise-frame {overflow: hidden; position: relative; padding: 30px; border-radius: 5px; background: #ffffff; opacity: 0; transform: translateY(50px); cursor: default; transition: opacity 500ms, transform 500ms;}
.sunrise-outer.sunrise-visible .sunrise-frame {opacity: 1; transform: translateY(0);}

.sunrise-outer.cursor-default .sunrise-inner {cursor: default;}
.sunrise-outer.cursor-default .sunrise-scene {cursor: default;}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    /* IE 10, IE 11 */
    .sunrise-inner {display: table; width: 100%; height: 100%;}
    .sunrise-scene {display: table-cell; vertical-align: middle; text-align: center;}
    .sunrise-frame {display: inline-block; text-align: left;}
}