.snackbars{display:block;position:fixed;left:0;bottom:0;width:100%;height:0;z-index:100;overflow:visible}.snackbar{position:fixed;box-sizing:border-box;left:50%;bottom:14px;width:344px;margin-left:-172px;transform-origin:center;will-change:transform;transition:transform .3s ease,opacity .3s ease}.snackbar[aria-hidden=false]{animation:snackbar-show .3s ease 1}.snackbar[aria-hidden=true]{animation:snackbar-hide .3s ease 1 forwards}@media (min-width:1080px){.snackbars-right .snackbar{left:auto;right:20px;margin-left:0}.snackbars-left .snackbar{left:20px;margin-left:0}}@keyframes snackbar-show{0%{opacity:0;transform:translate3d(0,100%,0)}}@keyframes snackbar-hide{to{opacity:0;transform:translateY(100%)}}@media (max-width:400px){.snackbar{width:100%;bottom:0;left:0;margin-left:0;border-radius:0}}.snackbar--container{display:flex;background:#2a2a2a;border-radius:2px;box-shadow:0 1px 4px rgba(0,0,0,.5);color:#eee;cursor:default;margin-bottom:10px}.snackbar--text{flex:1 1 auto;padding:16px;font-size:100%}.snackbar--button{position:relative;flex:0 1 auto;padding:8px;height:36px;margin:auto 8px auto -8px;min-width:5em;background:none;border:none;border-radius:3px;color:#90ee90;font-weight:inherit;letter-spacing:.05em;font-size:100%;text-transform:uppercase;text-align:center;cursor:pointer;overflow:hidden;transition:background-color .2s ease;outline:none}.snackbar--button:hover{background-color:rgba(0,0,0,.15)}.snackbar--button:focus:before{content:"";position:absolute;left:50%;top:50%;width:120%;height:0;padding:0 0 120%;margin:-60% 0 0 -60%;background:hsla(0,0%,100%,.1);border-radius:50%;transform-origin:center;will-change:transform;animation:focus-ring .3s ease-out 1 forwards;pointer-events:none}@keyframes focus-ring{0%{transform:scale(.01)}}