@media (hover) , (min-width:0\0) , (min--moz-device-pixel-ratio:0){    #panel > *,    .volume,    #next,    #prev,    #shareButton,    #repeat{        cursor:pointer;        transition:.3s ease all; -moz-transition:.3s ease all; -webkit-transition:.3s ease all; -ms-transition:.3s ease all; -o-transition:.3s ease all;    }    #next:hover,    #prev:hover,    #repeat:hover{        background:rgba(255,255,255,1);        transform:translateY(-50%); -moz-transform:translateY(-50%); -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%);    }    #panel > *:hover,    .volume:hover{        opacity:.7;    }}@media all and (min-width:768px){    #slides{        position:fixed;        top:50%;        left:50%;        transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%);        width:370px;        height:657px;        border-radius:.5rem; -moz-border-radius:.5rem; -webkit-border-radius:.5rem;        margin-top:-1.5rem;        z-index:1;    }    #panel{        top:.6rem;    }}@media all and (max-width:767px){    #slides{        width:100%;        height:100%;        position:relative;        z-index:1;    }    #panel{        top:1.8rem;    }}#wrap,#contain,#app{    height:100%;    width:100%;    position:relative;}#contain{    z-index:5;}#app{    -ms-user-select: none;    -moz-user-select: none;    -khtml-user-select: none;    -webkit-user-select: none;}#app #contain > .background{    transition:.3s ease all; -moz-transition:.3s ease all; -webkit-transition:.3s ease all; -ms-transition:.3s ease all; -o-transition:.3s ease all;    position:absolute;    top:0;    left:0;    bottom:0;    right:0;    width:100%;    height:100%;    z-index:1;    opacity:.3;    background-size: cover;}#wrap{    white-space: nowrap;    font-size:0;    left:0;    transition:.5s ease all; -moz-transition:.5s ease all; -webkit-transition:.5s ease all; -ms-transition:.5s ease all; -o-transition:.5s ease all;    position:relative;    border-radius:inherit; -moz-border-radius:inherit; -webkit-border-radius:inherit;    z-index:1;}#next,#prev,#repeat{    z-index:299;    position:fixed;    top:50%;    transform:translateY(-50%) scale(0.9); -moz-transform:translateY(-50%) scale(0.9); -webkit-transform:translateY(-50%) scale(0.9); -ms-transform:translateY(-50%) scale(0.9); -o-transform:translateY(-50%) scale(0.9);    width:1.05rem;    padding:1.2rem;    background:rgba(255,255,255,.6);    border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;}#next svg,#prev svg,#repeat svg{    display:block;    width:100%;}#prev{    left:1rem;}#repeat,#next{    right:1rem;}.volume{    position:absolute;    z-index:299;    color:#fff;    width:1.8rem;    right:.8rem;    bottom:.7rem;}#shareButton svg,.volume svg{    display:block;    width:100%;}#panel{    position:fixed;    right:.9rem;    z-index:1000;    color:#fff;    white-space: nowrap;    font-size:0;}#panel > *{    box-sizing: border-box;    width:1.5rem;    display:inline-block;    vertical-align: top;}#panel > *:not(:last-child){    margin-right:.5rem;}#panel > *.close{    border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;    background:rgba(0,0,0,.4);    padding:.32rem;}#debug{    position:fixed;    bottom:.5rem;    left:50%;    z-index:100;    transform:translateX(-50%); -moz-transform:translateX(-50%); -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%);    max-width:450px;    width:90%;    text-align:center;    box-sizing: border-box;    background:rgba(0,0,0,.7);    color:#fff;    font-size:.75rem;    padding:.25rem .75rem;    border-radius:.25rem; -moz-border-radius:.25rem; -webkit-border-radius:.25rem;}#menu{    position:absolute;    top:0;    right:0;    width:2rem;    padding:.75rem;    z-index:1000;    color:#fff;}#menu ~ #panel{    padding-right:2.9rem !important;}#menu ~ #timeline{    padding-right:3.9rem !important;}#menu svg{    display:block;    width:100%;}