.basicModalContainer,.basicModalContainer *,.basicModalContainer :after,.basicModalContainer :before{box-sizing:border-box}

@-webkit-keyframes basicModal__fadeIn{0%{opacity:0}100%{opacity:1}}
@keyframes basicModal__fadeIn{0%{opacity:0}100%{opacity:1}}
@-webkit-keyframes basicModal__fadeOut{0%{opacity:1}100%{opacity:0}}
@keyframes basicModal__fadeOut{0%{opacity:1}100%{opacity:0}}
@-webkit-keyframes basicModal__moveUpFade{0%{-webkit-transform:translateY(80px);transform:translateY(80px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}
@keyframes basicModal__moveUpFade{0%{-webkit-transform:translateY(80px);transform:translateY(80px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}
@-webkit-keyframes basicModal__shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}20%,60%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}40%,80%{-webkit-transform:translateX(10px);transform:translateX(10px)}}
@keyframes basicModal__shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}20%,60%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}40%,80%{-webkit-transform:translateX(10px);transform:translateX(10px)}}

.basicModalContainer{
	display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;
	justify-content:center;position:fixed;width:100%;height:100%;top:0;left:0;background-color:rgba(0,0,0,.4);z-index:1000
	}
.basicModalContainer--fadeIn{-webkit-animation:basicModal__fadeIn .3s cubic-bezier(.51,.92,.24,1.15);animation:basicModal__fadeIn .3s cubic-bezier(.51,.92,.24,1.15)}
.basicModalContainer--fadeOut{-webkit-animation:basicModal__fadeOut .3s cubic-bezier(.51,.92,.24,1.15);animation:basicModal__fadeOut .3s cubic-bezier(.51,.92,.24,1.15)}
.basicModalContainer--fadeIn .basicModal--fadeIn{-webkit-animation:basicModal__moveUpFade .3s cubic-bezier(.51,.92,.24,1.15);animation:basicModal__moveUpFade .3s cubic-bezier(.51,.92,.24,1.15)}
.basicModalContainer--fadeIn .basicModal--shake{-webkit-animation:basicModal__shake .3s cubic-bezier(.51,.92,.24,1.15);animation:basicModal__shake .3s cubic-bezier(.51,.92,.24,1.15)}

.basicModal{
	position:relative; width:500px; background-color:#fff; font-size:14px; border-radius:5px; box-shadow:0 1px 2px rgba(0,0,0,.2)
}
.basicModal__content{padding:7%;max-height:70vh;overflow:auto;-webkit-overflow-scrolling:touch}
.basicModal__buttons{display:-webkit-flex;display:-ms-flexbox;display:flex;width:100%;box-shadow:0 -1px 0 rgba(0,0,0,.1)}
.basicModal__button{display:inline-block;width:100%;padding:13px 0 14px;background-color:rgba(0,0,0,.07);color:#444;font-weight:700;text-align:center;cursor:pointer;transition:background-color .2s;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}
.basicModal__button:hover{background-color:rgba(0,0,0,.02)}
.basicModal__button--active,.basicModal__button:active{transition:none;background-color:rgba(0,0,0,.1)}
.basicModal__button#basicModal__cancel{-webkit-flex-shrink:2;-ms-flex-negative:2;flex-shrink:2}
.basicModal__button#basicModal__action{-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;color:#2875ed;box-shadow:inset 1px 0 0 rgba(0,0,0,.1)}
.basicModal__button#basicModal__action:first-child{box-shadow:none}
.basicModal__button:first-child{border-radius:0 0 0 5px}
.basicModal__button:last-child{border-radius:0 0 5px}
.basicModal__text{width:100%;margin:0;padding:14px 10px;background-color:transparent;color:#333;border:none;box-shadow:0 1px 0 #c8c8c8;border-radius:0;outline:0;transition:background-color .2s,box-shadow .2s}
.basicModal__text:hover{background-color:rgba(0,0,0,.02);box-shadow:0 1px 0 #b4b4b4}
.basicModal__text:focus{background-color:rgba(40,117,237,.05);box-shadow:0 1px 0 #2875ed}
.basicModal__text.error{background-color:rgba(255,36,16,.05);box-shadow:0 1px 0 #ff2410}
.basicModal p{margin:0 0 5%;width:100%;color:#444;text-align:center;line-height:22px}
.basicModal p a{color:#2875ed}
.basicModal p:last-child{margin:0}
.basicModal__small{max-width:340px;text-align:center}
.basicModal__small .basicModal__content{padding:10% 5%}
.basicModal__xclose#basicModal__cancel{position:absolute;top:-8px;right:-8px;margin:0;padding:0;width:40px;height:40px;background-color:#fff;border-radius:100%;box-shadow:0 1px 2px rgba(0,0,0,.2)}
.basicModal__xclose#basicModal__cancel:after{content:'';position:absolute;left:-3px;top:8px;width:35px;height:34px;background:#fff}
.basicModal__xclose#basicModal__cancel svg{position:relative;width:20px;height:39px;fill:#888;z-index:1;transition:fill .2s}
.basicModal__xclose#basicModal__cancel:after:hover svg,.basicModal__xclose#basicModal__cancel:hover svg{fill:#2875ed}
.basicModal__xclose#basicModal__cancel:active svg,.basicModal__xclose#basicModal__cancel:after:active svg{fill:#1364e3}