.snack-body,.snack-col{box-sizing:border-box;width:100%}@font-face{font-family:Roboto;font-style:normal;font-weight:400;src:local('Roboto'),local('Roboto-Regular'),url(https://fonts.gstatic.com/s/roboto/v15/zN7GBFwfMP4uA6AR0HCoLQ.ttf) format('truetype')}@keyframes show{from{transform:translate3d(0,100%,0)}to{transform:translate3d(0,0,0)}}@keyframes hide{from{transform:translate3d(0,0,0)}to{transform:translate3d(0,100%,0)}}.snack-hide,.snack-show{animation-duration:.3s;animation-fill-mode:both}.snack-show{animation-name:show}.snack-hide{animation-name:hide}.snack{position:fixed;z-index:999999;right:0;bottom:0;left:0;padding:15px;cursor:pointer;color:#fff;background-color:#323232;box-shadow:0 0 10px 0 rgba(0,0,0,.5)}.snack-body{font-family:Roboto;font-size:14px;line-height:1.4;max-width:960px;margin:0 auto}.snack-col{float:left}.snack-col.snack-msg{width:75%}.snack-msg{text-align:justify}.snack-col.snack-act{width:25%;text-align:right}.snack-acttxt{font-weight:700;display:inline-block;cursor:pointer;text-transform:uppercase}@media (min-width:400px){.snack{padding:15px 30px}.snack-body{font-size:16px}}