.dialog--container{position:absolute;top:0;width:100%;height:100%;visibility:hidden}.dialog--container.active{visibility:visible}.dialog--container.active>.dialog,.dialog--container.active>.alert,.dialog--container.active>.confirm,.dialog--container.active>.splash,.dialog--container.active>.waiting{-webkit-transform:translate(0, 0);-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0)}.dialog,.alert,.confirm,.splash,.waiting{-webkit-transition:-webkit-transform 0.25s;-moz-transition:-moz-transform 0.25s;transition:transform 0.25s;-webkit-transform:translate(0, -100%);-moz-transform:translate(0, -100%);-ms-transform:translate(0, -100%);-o-transform:translate(0, -100%);transform:translate(0, -100%);text-align:center;background-color:white}.overlay,.splash,.waiting{background:rgba(0,0,0,0);-webkit-transition:background-color 0.3s linear;-moz-transition:background-color 0.3s linear;transition:background-color 0.3s linear}.overlay.active,.active.splash,.active.waiting{background:rgba(0,0,0,0.8)}.alert{width:80%;margin:33% auto 0;border-radius:8px;padding:10px}.alert--title{font-family:Helvetica;font-size:17px;color:black}.alert--message{font-family:Helvetica;font-size:15px;color:black}.alert--button{font-family:Helvetica;font-size:15px;color:white;text-transform:uppercase}.confirm{width:80%;margin:33% auto 0;border-radius:8px;padding:10px}.confirm--title{font-family:Helvetica;font-size:17px;color:black}.confirm--message{font-family:Helvetica;font-size:15px;color:black}.confirm--ok--button{font-family:Helvetica;font-size:15px;color:white;text-transform:uppercase}.confirm--nok--button{font-family:Helvetica;font-size:15px;color:white;text-transform:uppercase}.notification{position:absolute;top:0;width:100%;box-shadow:0 2px 8px rgba(0,0,0,0.4);padding:10px}.splash{position:absolute;top:0;width:100%;height:100%}.waiting{position:absolute;top:0;width:100%;height:100%}.waiting--title{margin:150px auto 20px;text-align:center;color:black;padding:30px 0}.waiting--message{margin:50px auto 0;color:black;padding:0 10px;text-align:center}.waiting--loader{margin:0 auto;width:70px;text-align:center}.waiting--loader--bull{width:18px;height:18px;background-color:white;border-radius:100%;display:inline-block;-webkit-animation:bouncedelay 1.4s infinite ease-in-out;animation:bouncedelay 1.4s infinite ease-in-out;-webkit-animation-fill-mode:both;animation-fill-mode:both}.waiting--loader .bounce1{-webkit-animation-delay:-0.32s;animation-delay:-0.32s}.waiting--loader .bounce2{-webkit-animation-delay:-0.16s;animation-delay:-0.16s}@-webkit-keyframes bouncedelay{0%,80%,100%{-webkit-transform:scale(0)}40%{-webkit-transform:scale(1)}}@keyframes bouncedelay{0%,80%,100%{transform:scale(0);-webkit-transform:scale(0)}40%{transform:scale(1);-webkit-transform:scale(1)}}