.loading-enter-active {
  animation: fx-fade 0.2s ease-out; }

.loading-leave-active {
  animation: fx-fade 0.2s ease-in reverse; }

.notification {
  position: fixed;
  z-index: 10;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: var(--shadow-dark);
  -moz-box-shadow: var(--shadow-dark);
  box-shadow: var(--shadow-dark); }
  .notification .fragment-link {
    text-decoration: none; }
  .notification .disabled {
    pointer-events: none;
    color: var(--color-neutral-semi-dark); }
  .notification a, .notification svg {
    cursor: pointer; }

.fragment-left {
  width: 670px;
  left: 32px;
  bottom: 32px; }

.fragment-center {
  right: 32px;
  bottom: 32px;
  left: 32px; }

.fragment-right {
  width: 670px;
  right: 32px;
  bottom: 32px; }

@media all and (max-width: 768px) {
  .notification {
    width: unset;
    right: 32px;
    left: 32px; } }
@media all and (max-width: 550px) {
  .notification {
    width: unset;
    right: 0;
    left: 0;
    bottom: 0; } }

/*# sourceMappingURL=style.css.map */