@charset "UTF-8";
/*!
 * smallPop 0.1.2 | https://github.com/silvio-r/spop
 * Copyright (c) 2015 Sílvio Rosa @silvior_
 * MIT license
 */.spop-container {
 z-index:2000;
 position:fixed
}
.spop-container,
.spop-container *,
.spop-container :after,
.spop-container :before {
 box-sizing:border-box
}
.spop--top-left {
 top:0;
 left:0
}
.spop--top-left .spop {
 -webkit-transform-origin:0 0;
 -ms-transform-origin:0 0;
 transform-origin:0 0
}
.spop--top-center {
 top:0;
 left:50%;
 -webkit-transform:translateX(-50%);
 -ms-transform:translateX(-50%);
 transform:translateX(-50%)
}
.spop--top-center .spop {
 -webkit-transform-origin:50% 0;
 -ms-transform-origin:50% 0;
 transform-origin:50% 0
}
.spop--top-right {
 top:0;
 right:0
}
.spop--top-right .spop {
 -webkit-transform-origin:100% 0;
 -ms-transform-origin:100% 0;
 transform-origin:100% 0
}
.spop--center {
 top:50%;
 left:50%;
 -webkit-transform:translate3d(-50%,-50%,0);
 transform:translate3d(-50%,-50%,0)
}
.spop--center .spop {
 -webkit-transform-origin:50% 0;
 -ms-transform-origin:50% 0;
 transform-origin:50% 0
}
.spop--bottom-left {
 bottom:0;
 left:0
}
.spop--bottom-left .spop {
 -webkit-transform-origin:0 100%;
 -ms-transform-origin:0 100%;
 transform-origin:0 100%
}
.spop--bottom-center {
 bottom:0;
 left:50%;
 -webkit-transform:translateX(-50%);
 -ms-transform:translateX(-50%);
 transform:translateX(-50%)
}
.spop--bottom-center .spop {
 -webkit-transform-origin:50% 100%;
 -ms-transform-origin:50% 100%;
 transform-origin:50% 100%
}
.spop--bottom-right {
 bottom:0;
 right:0
}
.spop--bottom-right .spop {
 -webkit-transform-origin:100% 100%;
 -ms-transform-origin:100% 100%;
 transform-origin:100% 100%
}
@media screen and (max-width:30em) {
 .spop--bottom-center,
 .spop--bottom-left,
 .spop--bottom-right,
 .spop--top-center,
 .spop--top-left,
 .spop--top-right {
  top:auto;
  bottom:0;
  left:0;
  right:0;
  margin-left:0;
  -webkit-transform:translateX(0);
  -ms-transform:translateX(0);
  transform:translateX(0)
 }
 .spop--bottom-center .spop,
 .spop--bottom-left .spop,
 .spop--bottom-right .spop,
 .spop--top-center .spop,
 .spop--top-left .spop,
 .spop--top-right .spop {
  -webkit-transform-origin:50% 100%;
  -ms-transform-origin:50% 100%;
  transform-origin:50% 100%
 }
 .spop {
  border-bottom:1px solid rgba(0,0,0,.15)
 }
}
.spop {
 position:relative;
 min-height:56px;
 line-height:1.25;
 font-size:14px;
 -webkit-transform:translateZ(0);
 transform:translateZ(0)
}
@media screen and (min-width:30em) {
 .spop {
  border-radius:2px;
  width:320px;
  margin:.7em
 }
}
.spop--error,
.spop--info,
.spop--success,
.spop--warning {
 color:#fff;
 background-color:#454A56
}
@-webkit-keyframes spopIn {
 0% {
  -webkit-transform:scale(.2,.2);
  transform:scale(.2,.2)
 }
 95% {
  -webkit-transform:scale(1.1,1.1);
  transform:scale(1.1,1.1)
 }
 100% {
  -webkit-transform:scale(1,1);
  transform:scale(1,1)
 }
}
@keyframes spopIn {
 0% {
  -webkit-transform:scale(.2,.2);
  transform:scale(.2,.2)
 }
 95% {
  -webkit-transform:scale(1.1,1.1);
  transform:scale(1.1,1.1)
 }
 100% {
  -webkit-transform:scale(1,1);
  transform:scale(1,1)
 }
}
@-webkit-keyframes spopOut {
 0% {
  opacity:1;
  -webkit-transform:scale(1,1);
  transform:scale(1,1)
 }
 20% {
  -webkit-transform:scale(1.1,1.1);
  transform:scale(1.1,1.1)
 }
 100% {
  opacity:0;
  -webkit-transform:scale(0,0);
  transform:scale(0,0)
 }
}
@keyframes spopOut {
 0% {
  opacity:1;
  -webkit-transform:scale(1,1);
  transform:scale(1,1)
 }
 20% {
  -webkit-transform:scale(1.1,1.1);
  transform:scale(1.1,1.1)
 }
 100% {
  opacity:0;
  -webkit-transform:scale(0,0);
  transform:scale(0,0)
 }
}
.spop--out {
 -webkit-animation:spopOut .4s ease-in-out;
 animation:spopOut .4s ease-in-out
}
.spop--in {
 -webkit-animation:spopIn .4s ease-in-out;
 animation:spopIn .4s ease-in-out
}
.spop-body {
 padding:1.4em;
 background: #020217 !important;
}
.spop-body p {
 margin:0
}
.spop-body a {
 color:#fff;
 text-decoration:underline
}
.spop-body a:hover {
 color:rgba(255,255,255,.8);
 text-decoration:none
}
.spop-title {
 margin-top:0;
 margin-bottom:.25em;
 color:#fff
}
.spop-close {
 position:absolute;
 right:0;
 top:0;
 height:32px;
 width:32px;
 padding-top:7px;
 padding-right:7px;
 font-size:22px;
 font-weight:700;
 text-align:right;
 line-height:.6;
 color:#fff;
 opacity:.5
}
.spop-close:hover {
 opacity:.7;
 cursor:pointer
}
.spop-icon {
 position:absolute;
 top:13px;
 left:16px;
 width:30px;
 height:30px;
 border-radius:50%;
 -webkit-animation:spopIn .4s .4s ease-in-out;
 animation:spopIn .4s .4s ease-in-out
}
.spop-icon:after,
.spop-icon:before {
 content:"";
 position:absolute;
 display:block
}
.spop-icon+.spop-body {
 padding-left:4.2em
}
.spop-icon--error,
.spop-icon--info {
 border:2px solid #3a95ed
}
.spop-icon--error:before,
.spop-icon--info:before {
 top:5px;
 left:11px;
 width:4px;
 height:4px;
 background-color:#3a95ed
}
.spop-icon--error:after,
.spop-icon--info:after {
 top:12px;
 left:11px;
 width:4px;
 height:9px;
 background-color:#3a95ed
}
.spop-icon--error {
 border-color:#ff5656
}
.spop-icon--error:before {
 top:16px;
 background-color:#ff5656
}
.spop-icon--error:after {
 top:5px;
 background-color:#ff5656
}
.spop-icon--success {
 border:2px solid #2ecc54
}
.spop-icon--success:before {
 top:7px;
 left:7px;
 width:13px;
 height:8px;
 border-bottom:3px solid #2ecc54;
 border-left:3px solid #2ecc54;
 -webkit-transform:rotate(-45deg);
 -ms-transform:rotate(-45deg);
 transform:rotate(-45deg)
}

.spop-icon--warning {
 border:2px solid #fcd000
}
.spop-icon--warning:before {
 top:7px;
 left:7px;
 width:0;
 height:0;
 border-style:solid;
 border-color:transparent transparent #fcd000;
 border-width:0 6px 10px
}