@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, 0.6);
    transform: translateZ(0);
}

.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(../images/close_23x23_white.png), pointer;
}

.sunrise-scene {
    position: relative;
    margin: auto;
    /* padding: 20px 0; */
    cursor: url(../images/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) {
    /* 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;
    }
}

.xi-close.xi-x{
    margin-right: 10px;
}