.snackbar{--primary:#c849f4;--background:#353535;--text:#e3e3e3;--font:sans-serif;--padd:16px;--margin-top:0px;--margin-bottom:0px;--font-size:22px;--position:fixed}@media screen and (max-width:576px){.snackbar__text{flex-grow:1}.snackbar__action{flex-grow:1;flex-shrink:1}.snackbar__close{flex-grow:0;flex-shrink:0}}.snackbar{background-color:var(--background);color:var(--text);font-family:var(--font);font-size:var(--font-size);display:flex;flex-flow:row wrap;justify-content:center;align-items:center;position:var(--position);min-height:var(--close);padding:var(--padd);border-radius:4px;margin-top:var(--margin-top);margin-bottom:var(--margin-bottom)}@media screen and (max-width:576px){.snackbar{border-radius:2px;width:100%}}@media screen and (min-width:576px){.snackbar.bottom,.snackbar.top{transform:translateX(-50%);left:50%}.snackbar.bottom-left,.snackbar.top-left{left:1rem}.snackbar.bottom-right,.snackbar.top-right{right:1rem}}.snackbar[class*=bottom]{bottom:1rem}.snackbar[class*=top]{top:1rem}@media screen and (max-width:576px){.snackbar{transform:translateX(-50%);left:50%}.snackbar[class*=bottom]{bottom:0}.snackbar[class*=top]{top:0}}.snackbar__text{flex-grow:1;display:flex;justify-content:left;align-items:center}.snackbar__controls{margin-left:16px;flex-shrink:1;flex-grow:1}.snackbar__action,.snackbar__controls{display:flex;flex-flow:row nowrap;justify-content:flex-end;align-items:center}.snackbar__action{text-transform:uppercase;font-weight:500;color:var(--primary);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.snackbar__close{border-radius:50%;margin-left:8px;margin-right:8px;flex-shrink:0;flex-grow:0;display:flex;flex-flow:row nowrap;cursor:pointer;align-items:center;justify-content:center;height:12px;width:12px;transform:scale(1.25);position:relative}.snackbar__close:before{display:block;content:"";height:100%;width:100%;position:absolute;top:0;left:5px;transform:scale(1);border-radius:50%;transition:transform .1s ease-in}.snackbar__close:hover:before{background-color:var(--primary);opacity:.2;transform:scale(2)}.snackbar-enter-active,.snackbar-leave-active{transition:all .4s ease}.snackbar-enter,.snackbar-leave-to{opacity:0}@media screen and (min-width:576px){.snackbar-enter.bottom,.snackbar-leave-to.bottom{transform:translateY(100%) translateX(-50%)}.snackbar-enter.top,.snackbar-leave-to.top{transform:translateY(-100%) translateX(-50%)}}@media screen and (max-width:576px){.snackbar-enter[class*=top],.snackbar-leave-to[class*=top]{transform:translateY(-100%) translateX(-50%)}}@media screen and (max-width:576px){.snackbar-enter[class*=bottom],.snackbar-leave-to[class*=bottom]{transform:translateY(100%) translateX(-50%)}}@media screen and (min-width:576px){.snackbar-enter[class*=-left],.snackbar-leave-to[class*=-left]{transform:translateX(-50%)}}@media screen and (min-width:576px){.snackbar-enter[class*=-right],.snackbar-leave-to[class*=-right]{transform:translateX(50%)}}.gg-close{box-sizing:border-box;position:relative;display:block;transform:scale(1);width:22px;height:22px;border:2px solid transparent;border-radius:40px}.gg-close:after,.gg-close:before{content:"";display:block;box-sizing:border-box;position:absolute;width:16px;height:2px;background:currentColor;transform:rotate(45deg);border-radius:5px;top:8px;left:1px}.gg-close:after{transform:rotate(-45deg)}