.snackbar[data-v-edf362d5]{align-items:center;background-color:#353535;border-radius:8px;box-shadow:0 4px 20px #d1d1d6bf;color:#e3e3e3;font-size:1rem;justify-content:center;min-height:1rem;opacity:.8;padding:1rem;position:fixed;width:33%;z-index:999999}@media screen and (max-width:640px){.snackbar[data-v-edf362d5]{margin-left:1rem;margin-right:1rem;width:calc(100% - 2rem)}}@media screen and (min-width:640px){.snackbar.bottom[data-v-edf362d5]{left:50%;transform:translate(-50%)}.snackbar.bottom-left[data-v-edf362d5]{left:1rem}.snackbar.bottom-right[data-v-edf362d5]{right:1rem}}.snackbar.show .snackbar__action[data-v-edf362d5]{color:#fff}.snackbar.danger .snackbar__action[data-v-edf362d5]{color:var(--color-purple)}.snackbar.success .snackbar__action[data-v-edf362d5]{color:var(--color-main)}.snackbar .snackbar__title[data-v-edf362d5]{font-weight:700;margin:auto;width:100%}.snackbar .snackbar__text[data-v-edf362d5]{flex:1}.snackbar .snackbar__action[data-v-edf362d5]{text-transform:uppercase}.snackbar .snackbar__action[data-v-edf362d5],.snackbar .snackbar__basic[data-v-edf362d5]{cursor:pointer;font-weight:500;margin:0 0 0 1rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}.snackbar .times[data-v-edf362d5]{align-items:center;cursor:pointer;display:flex;height:1rem;justify-content:center;margin-left:1rem;position:relative;transform:scale(1.25);width:1rem}.snackbar .times[data-v-edf362d5]:before{border-radius:50%;content:"";display:block;height:100%;left:0;position:absolute;top:0;transform:scale(.9);transition:transform .1s ease-in;width:100%}.snackbar .times[data-v-edf362d5]:hover:before{background-color:#fff3;transform:scale(2)}.snack-enter-active[data-v-edf362d5],.snack-leave-active[data-v-edf362d5]{transition:all .4s ease}.snack-enter-from[data-v-edf362d5],.snack-leave-to[data-v-edf362d5]{opacity:0}@media screen and (min-width:640px){.snack-enter-from.bottom[data-v-edf362d5],.snack-leave-to.bottom[data-v-edf362d5]{transform:translateY(100%) translate(-50%)}}@media screen and (max-width:640px){.snack-enter-from[class*=bottom][data-v-edf362d5],.snack-leave-to[class*=bottom][data-v-edf362d5]{transform:translateY(100%)}}@media screen and (min-width:640px){.snack-enter-from[class*=-left][data-v-edf362d5],.snack-leave-to[class*=-left][data-v-edf362d5]{transform:translate(-50%)}.snack-enter-from[class*=-right][data-v-edf362d5],.snack-leave-to[class*=-right][data-v-edf362d5]{transform:translate(50%)}}