@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(74, 76, 88, .6);
    transform: translateZ(0);
    -webkit-animation-duration: .6s;
    animation-duration: .6s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}

.sunrise-scrll {
    position: relative;
    width: 100vw;
    height: 100vh;
    overflow: auto
}

.sunrise-inner {
    display: flex;
    flex-direction: row;
    position: relative;
    min-width: 100%;
    min-height: 100%;
    cursor: url(../img/close_23x23_white.png), pointer
}

.sunrise-scene {
    position: relative;
    margin: auto;
    padding: 20px 0 70px;
    cursor: url(../img/close_23x23_white.png), pointer
}

.sunrise-frame {
    position: relative;
    overflow: hidden;
    padding: 20px;
    border-radius: 10px;
    background: #000;
    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) {
    .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
    }
}