@view-transition {
  navigation: auto;
}

::view-transition-old(root),
::view-transition-new(root) {
  -webkit-animation-duration: 0.4s;
          animation-duration: 0.4s;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
}

html.forward::view-transition-old(root) {
  -webkit-animation: slide-out-left 0.3s ease-in-out;
          animation: slide-out-left 0.3s ease-in-out;
}

html.forward::view-transition-new(root) {
  -webkit-animation: slide-in-from-right 0.3s ease-in-out;
          animation: slide-in-from-right 0.3s ease-in-out;
}

html.back::view-transition-old(root) {
  -webkit-animation: slide-out-right 0.3s ease-in-out;
          animation: slide-out-right 0.3s ease-in-out;
}

html.back::view-transition-new(root) {
  -webkit-animation: slide-in-from-left 0.3s ease-in-out;
          animation: slide-in-from-left 0.3s ease-in-out;
}

@-webkit-keyframes slide-out-left {
  from {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}

@keyframes slide-out-left {
  from {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}

@-webkit-keyframes slide-in-from-right {
  from {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
  to {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

@keyframes slide-in-from-right {
  from {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
  to {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

@-webkit-keyframes slide-out-right {
  from {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
}

@keyframes slide-out-right {
  from {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
}

@-webkit-keyframes slide-in-from-left {
  from {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
  to {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

@keyframes slide-in-from-left {
  from {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
  to {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInZpZXctdHJhbnNpdGlvbi5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7RUFDRSxnQkFBZ0I7QUFDbEI7O0FBRUE7O0VBRUUsZ0NBQWdDO1VBQ3hCLHdCQUF3QjtFQUNoQyw4Q0FBOEM7VUFDdEMsc0NBQXNDO0FBQ2hEOztBQUVBO0VBQ0Usa0RBQWtEO1VBQzFDLDBDQUEwQztBQUNwRDs7QUFFQTtFQUNFLHVEQUF1RDtVQUMvQywrQ0FBK0M7QUFDekQ7O0FBRUE7RUFDRSxtREFBbUQ7VUFDM0MsMkNBQTJDO0FBQ3JEOztBQUVBO0VBQ0Usc0RBQXNEO1VBQzlDLDhDQUE4QztBQUN4RDs7QUFFQTtFQUNFO0lBQ0UsZ0NBQWdDO1lBQ3hCLHdCQUF3QjtFQUNsQztFQUNBO0lBQ0Usb0NBQW9DO1lBQzVCLDRCQUE0QjtFQUN0QztBQUNGOztBQUVBO0VBQ0U7SUFDRSxnQ0FBZ0M7WUFDeEIsd0JBQXdCO0VBQ2xDO0VBQ0E7SUFDRSxvQ0FBb0M7WUFDNUIsNEJBQTRCO0VBQ3RDO0FBQ0Y7O0FBRUE7RUFDRTtJQUNFLG1DQUFtQztZQUMzQiwyQkFBMkI7RUFDckM7RUFDQTtJQUNFLGdDQUFnQztZQUN4Qix3QkFBd0I7RUFDbEM7QUFDRjs7QUFFQTtFQUNFO0lBQ0UsbUNBQW1DO1lBQzNCLDJCQUEyQjtFQUNyQztFQUNBO0lBQ0UsZ0NBQWdDO1lBQ3hCLHdCQUF3QjtFQUNsQztBQUNGOztBQUVBO0VBQ0U7SUFDRSxnQ0FBZ0M7WUFDeEIsd0JBQXdCO0VBQ2xDO0VBQ0E7SUFDRSxtQ0FBbUM7WUFDM0IsMkJBQTJCO0VBQ3JDO0FBQ0Y7O0FBRUE7RUFDRTtJQUNFLGdDQUFnQztZQUN4Qix3QkFBd0I7RUFDbEM7RUFDQTtJQUNFLG1DQUFtQztZQUMzQiwyQkFBMkI7RUFDckM7QUFDRjs7QUFFQTtFQUNFO0lBQ0Usb0NBQW9DO1lBQzVCLDRCQUE0QjtFQUN0QztFQUNBO0lBQ0UsZ0NBQWdDO1lBQ3hCLHdCQUF3QjtFQUNsQztBQUNGOztBQUVBO0VBQ0U7SUFDRSxvQ0FBb0M7WUFDNUIsNEJBQTRCO0VBQ3RDO0VBQ0E7SUFDRSxnQ0FBZ0M7WUFDeEIsd0JBQXdCO0VBQ2xDO0FBQ0YiLCJmaWxlIjoidmlldy10cmFuc2l0aW9uLmNzcyIsInNvdXJjZXNDb250ZW50IjpbIkB2aWV3LXRyYW5zaXRpb24ge1xuICBuYXZpZ2F0aW9uOiBhdXRvO1xufVxuXG46OnZpZXctdHJhbnNpdGlvbi1vbGQocm9vdCksXG46OnZpZXctdHJhbnNpdGlvbi1uZXcocm9vdCkge1xuICAtd2Via2l0LWFuaW1hdGlvbi1kdXJhdGlvbjogMC40cztcbiAgICAgICAgICBhbmltYXRpb24tZHVyYXRpb246IDAuNHM7XG4gIC13ZWJraXQtYW5pbWF0aW9uLXRpbWluZy1mdW5jdGlvbjogZWFzZS1pbi1vdXQ7XG4gICAgICAgICAgYW5pbWF0aW9uLXRpbWluZy1mdW5jdGlvbjogZWFzZS1pbi1vdXQ7XG59XG5cbmh0bWwuZm9yd2FyZDo6dmlldy10cmFuc2l0aW9uLW9sZChyb290KSB7XG4gIC13ZWJraXQtYW5pbWF0aW9uOiBzbGlkZS1vdXQtbGVmdCAwLjNzIGVhc2UtaW4tb3V0O1xuICAgICAgICAgIGFuaW1hdGlvbjogc2xpZGUtb3V0LWxlZnQgMC4zcyBlYXNlLWluLW91dDtcbn1cblxuaHRtbC5mb3J3YXJkOjp2aWV3LXRyYW5zaXRpb24tbmV3KHJvb3QpIHtcbiAgLXdlYmtpdC1hbmltYXRpb246IHNsaWRlLWluLWZyb20tcmlnaHQgMC4zcyBlYXNlLWluLW91dDtcbiAgICAgICAgICBhbmltYXRpb246IHNsaWRlLWluLWZyb20tcmlnaHQgMC4zcyBlYXNlLWluLW91dDtcbn1cblxuaHRtbC5iYWNrOjp2aWV3LXRyYW5zaXRpb24tb2xkKHJvb3QpIHtcbiAgLXdlYmtpdC1hbmltYXRpb246IHNsaWRlLW91dC1yaWdodCAwLjNzIGVhc2UtaW4tb3V0O1xuICAgICAgICAgIGFuaW1hdGlvbjogc2xpZGUtb3V0LXJpZ2h0IDAuM3MgZWFzZS1pbi1vdXQ7XG59XG5cbmh0bWwuYmFjazo6dmlldy10cmFuc2l0aW9uLW5ldyhyb290KSB7XG4gIC13ZWJraXQtYW5pbWF0aW9uOiBzbGlkZS1pbi1mcm9tLWxlZnQgMC4zcyBlYXNlLWluLW91dDtcbiAgICAgICAgICBhbmltYXRpb246IHNsaWRlLWluLWZyb20tbGVmdCAwLjNzIGVhc2UtaW4tb3V0O1xufVxuXG5ALXdlYmtpdC1rZXlmcmFtZXMgc2xpZGUtb3V0LWxlZnQge1xuICBmcm9tIHtcbiAgICAtd2Via2l0LXRyYW5zZm9ybTogdHJhbnNsYXRlWCgwKTtcbiAgICAgICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgwKTtcbiAgfVxuICB0byB7XG4gICAgLXdlYmtpdC10cmFuc2Zvcm06IHRyYW5zbGF0ZVgoLTEwMCUpO1xuICAgICAgICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKC0xMDAlKTtcbiAgfVxufVxuXG5Aa2V5ZnJhbWVzIHNsaWRlLW91dC1sZWZ0IHtcbiAgZnJvbSB7XG4gICAgLXdlYmtpdC10cmFuc2Zvcm06IHRyYW5zbGF0ZVgoMCk7XG4gICAgICAgICAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoMCk7XG4gIH1cbiAgdG8ge1xuICAgIC13ZWJraXQtdHJhbnNmb3JtOiB0cmFuc2xhdGVYKC0xMDAlKTtcbiAgICAgICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgtMTAwJSk7XG4gIH1cbn1cblxuQC13ZWJraXQta2V5ZnJhbWVzIHNsaWRlLWluLWZyb20tcmlnaHQge1xuICBmcm9tIHtcbiAgICAtd2Via2l0LXRyYW5zZm9ybTogdHJhbnNsYXRlWCgxMDAlKTtcbiAgICAgICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgxMDAlKTtcbiAgfVxuICB0byB7XG4gICAgLXdlYmtpdC10cmFuc2Zvcm06IHRyYW5zbGF0ZVgoMCk7XG4gICAgICAgICAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoMCk7XG4gIH1cbn1cblxuQGtleWZyYW1lcyBzbGlkZS1pbi1mcm9tLXJpZ2h0IHtcbiAgZnJvbSB7XG4gICAgLXdlYmtpdC10cmFuc2Zvcm06IHRyYW5zbGF0ZVgoMTAwJSk7XG4gICAgICAgICAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoMTAwJSk7XG4gIH1cbiAgdG8ge1xuICAgIC13ZWJraXQtdHJhbnNmb3JtOiB0cmFuc2xhdGVYKDApO1xuICAgICAgICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKDApO1xuICB9XG59XG5cbkAtd2Via2l0LWtleWZyYW1lcyBzbGlkZS1vdXQtcmlnaHQge1xuICBmcm9tIHtcbiAgICAtd2Via2l0LXRyYW5zZm9ybTogdHJhbnNsYXRlWCgwKTtcbiAgICAgICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgwKTtcbiAgfVxuICB0byB7XG4gICAgLXdlYmtpdC10cmFuc2Zvcm06IHRyYW5zbGF0ZVgoMTAwJSk7XG4gICAgICAgICAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoMTAwJSk7XG4gIH1cbn1cblxuQGtleWZyYW1lcyBzbGlkZS1vdXQtcmlnaHQge1xuICBmcm9tIHtcbiAgICAtd2Via2l0LXRyYW5zZm9ybTogdHJhbnNsYXRlWCgwKTtcbiAgICAgICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgwKTtcbiAgfVxuICB0byB7XG4gICAgLXdlYmtpdC10cmFuc2Zvcm06IHRyYW5zbGF0ZVgoMTAwJSk7XG4gICAgICAgICAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoMTAwJSk7XG4gIH1cbn1cblxuQC13ZWJraXQta2V5ZnJhbWVzIHNsaWRlLWluLWZyb20tbGVmdCB7XG4gIGZyb20ge1xuICAgIC13ZWJraXQtdHJhbnNmb3JtOiB0cmFuc2xhdGVYKC0xMDAlKTtcbiAgICAgICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgtMTAwJSk7XG4gIH1cbiAgdG8ge1xuICAgIC13ZWJraXQtdHJhbnNmb3JtOiB0cmFuc2xhdGVYKDApO1xuICAgICAgICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKDApO1xuICB9XG59XG5cbkBrZXlmcmFtZXMgc2xpZGUtaW4tZnJvbS1sZWZ0IHtcbiAgZnJvbSB7XG4gICAgLXdlYmtpdC10cmFuc2Zvcm06IHRyYW5zbGF0ZVgoLTEwMCUpO1xuICAgICAgICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKC0xMDAlKTtcbiAgfVxuICB0byB7XG4gICAgLXdlYmtpdC10cmFuc2Zvcm06IHRyYW5zbGF0ZVgoMCk7XG4gICAgICAgICAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoMCk7XG4gIH1cbn0iXX0= */