.snackbar{position:fixed;right:8px;bottom:8px;left:8px;z-index:1900;display:flex;align-items:center;justify-content:flex-start;margin:0 auto;padding:15px 12px 15px 16px;border-radius:3px;box-shadow:0 3px 5px -1px rgba(0,0,0,0.2),0 1px 18px 0 rgba(0,0,0,0.12),0 6px 10px 0 rgba(0,0,0,0.14);background-color:#212121;transform:translateY(calc(100% + 20px));transition:transform .5s .5s}@media screen and (min-width:1024px){.snackbar{right:auto;bottom:24px;left:24px;display:inline-flex;width:312px;transform:translateX(-378px);transition:transform .25s .5s}
}.site_wrap--thread .snackbar{bottom:61px;width:calc(100% - 16px);max-width:398px;transform:translateY(calc(100% + 65px))}@media screen and (min-width:1024px){.site_wrap--thread .snackbar{bottom:24px;width:100%;transform:translateY(calc(100% + 20px))}}@media screen and (max-width:1023px){body.show .site_wrap--article .snackbar{bottom:200px;transition:transform .75s .75s}}.snackbar.is-active{transform:translate3d(0,0,0)}@media screen and (min-width:1024px){.snackbar.is-active{transform:translateX(0)}
}.snackbar__border{position:absolute;top:8px;bottom:8px;left:0;width:6px;height:calc(100% - 16px);margin:auto;border-radius:0 3px 3px 0}.snackbar.is-default .snackbar__border{background-color:#fff}.snackbar.is-success .snackbar__border{background-color:#40b14d}.snackbar.is-warning .snackbar__border{background-color:#ffe834}.snackbar.is-error .snackbar__border{background-color:#ef5350}.snackbar__message{flex-basis:auto;font:normal 400 100% "LabGrotesque",sans-serif;font-size:.875rem;line-height:1.125rem;color:#fff}
.snackbar__message strong{font:normal 400 100% "LabGrotesqueBold",sans-serif;font-size:.875rem;line-height:1.125rem;color:#fff}.snackbar__btn{flex:0 0 auto;margin:0 0 0 auto;font:normal 400 100% "LabGrotesque",sans-serif;font-size:.875rem;color:#43a1ff}.snackbar__btn--scrolltop{height:auto;line-height:0}@media screen and (min-width:1024px){.snackbar__btn--scrolltop{cursor:pointer}}.snackbar__btn:hover{color:#43a1ff}