.definer-bubble-arrow[data-hide][data-v-d619443a] {
  display: none;
}
.definer-bubble-arrow[data-v-d619443a]:before {
  content: "";
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  background-color: var(--v-ground-base);
  top: 0;
  left: 0;
  display: block;
  width: inherit;
  height: inherit;
}
#definer-logo[data-v-4fba891f] {
  margin-bottom: 0.2em;
}
#definer-logo.stroked path[data-v-4fba891f] {
  stroke: black;
}
path[data-v-4fba891f] {
  transition-property: stroke, fill;
  filter: drop-shadow(0 0 2px rgba(var(--text-rgb), 0.3));
  stroke: transparent;
  stroke-width: 1px;
}
.monotone path[data-v-4fba891f] {
  fill: currentColor;
}
.definer-book[data-v-4fba891f] {
  fill: #ffbf09;
}
.definer-lens[data-v-4fba891f] {
  fill: #a36600;
}
.definer-bubble-minimized[data-v-7a21bace] {
  --bubble-min-width: 30px;
  --bubble-min-height: 30px;
  --bubble-min-icon-size: 18px;
  --bubble-min-bg: rgba(0, 0, 0, 0.8);
  height: var(--bubble-min-height);
  width: var(--bubble-min-width);
}
.definer-bubble-minimized-inner[data-v-7a21bace] {
  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  transition: box-shadow 100ms ease-in-out, background-color 100ms ease-in-out;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
  background-color: var(--bubble-min-bg);
  height: 100%;
  width: 100%;
  cursor: pointer;
  animation: bounceIn-7a21bace 200ms ease-in-out;
}
.definer-bubble-minimized-inner[data-v-7a21bace]:hover {
  background-color: black;
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}
.definer-bubble-minimized-inner[data-v-7a21bace]:active {
  box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
}
.definer-bubble-minimized-inner:active .definer-logo[data-v-7a21bace] {
  transform: scale(0.9);
}
.definer-bubble-minimized-inner .definer-logo[data-v-7a21bace] {
  color: white;
  height: var(--bubble-min-icon-size);
  transition: transform 150ms ease-in-out;
}
@keyframes bounceIn-7a21bace {
0% {
    scale: 0;
}
50% {
    scale: 1.05;
}
70% {
    scale: 0.95;
}
100% {
    scale: 1;
}
}
@keyframes gelatine-7a21bace {
from, to {
    transform: scale(1, 1);
}
25% {
    transform: scale(0.9, 1.1);
}
50% {
    transform: scale(1.1, 0.9);
}
75% {
    transform: scale(0.95, 1.05);
}
}
.mat-button-45628[data-v-7e6125b3] {
  align-items: center;
  border-radius: var(--border-radius);
  display: inline-flex;
  flex: 0 0 auto;
  font-weight: 500;
  letter-spacing: 0.0892857143em;
  justify-content: center;
  outline: 0;
  position: relative;
  text-decoration: none;
  text-indent: 0.0892857143em;
  text-transform: uppercase;
  transition-duration: 0.28s;
  transition-property: box-shadow, transform, opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  user-select: none;
  vertical-align: middle;
  white-space: nowrap;
  color: var(--v-text-base);
  line-height: 21px;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0) scale(1, 1);
  font-smooth: always !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  font-size: 0.875em;
  height: 36px;
  min-width: 64px;
  padding: 0 16px;
  /*  &:before {
     content: '';
     background-color: currentColor;
     border-radius: inherit;
     color: inherit;
     position: absolute;
     pointer-events: none;
     left: 0;
     bottom: 0;
     right: 0;
     top: 0;
     opacity: 0;
     transition: opacity 0.2s cubic-bezier(0.4, 0, 0.6, 1);
   }

   &:hover:before { opacity: 0.08; }
   &:focus:before { opacity: 0.24; }*/
}
.mat-button-45628[data-v-7e6125b3]:hover, .mat-button-45628[data-v-7e6125b3]:focus {
  text-decoration: none;
  outline: none;
}
.mat-button-45628.primary[data-v-7e6125b3] {
  color: var(--v-contrast-base);
  background-color: var(--v-primary-base);
}
.mat-button-45628 *[data-v-7e6125b3] {
  display: flex;
  align-items: center;
}
.mat-button-45628[data-v-7e6125b3]:not([data-disabled]):before {
  transition: opacity 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
  background: currentColor;
  opacity: 0;
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 0;
  border-radius: inherit;
  pointer-events: auto;
}
.mat-button-45628[data-v-7e6125b3]:not([data-disabled]):hover:before {
  opacity: 0.08;
}
.mat-button-45628[data-v-7e6125b3]:not([data-disabled]):active:before {
  opacity: 0.24;
}
.mat-button-45628.mat-button-45628--elevated[data-v-7e6125b3] {
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}
.mat-button-45628.mat-button-45628--elevated[data-v-7e6125b3]:active {
  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
.mat-button-45628.mat-button-45628--icon[data-v-7e6125b3] {
  min-height: 0;
  min-width: 0;
  padding: 0;
  border-radius: 50%;
  background-color: transparent;
  width: 36px;
}
.mat-button-45628.mat-button-45628--icon.mat-button-45628--icon-small[data-v-7e6125b3] {
  height: 28px;
  width: 28px;
}
.mat-button-45628.mat-button-45628--disabled[data-v-7e6125b3] {
  opacity: 0.3;
}
.mat-button-45628 .mat-button-45628-content[data-v-7e6125b3] {
  align-items: center;
  color: inherit;
  display: flex;
  flex: 1 0 auto;
  justify-content: inherit;
  line-height: normal;
  position: relative;
  transition: inherit;
  transition-property: opacity;
}
.definer-bubble-floating-header[data-v-d08573d8] {
  display: flex;
  align-items: center;
  cursor: grab;
  width: 100%;
  z-index: 1;
  border-bottom: 1px solid rgba(var(--text-rgb), 0.12);
  background: var(--v-ground-darken1);
  color: var(--v-text-base);
}
.definer-bubble-floating-header:hover:not(:has(.bubble-close:hover)) .drag-handle-top-notch[data-v-d08573d8] {
  background-color: rgba(var(--text-rgb), 0.5);
}
.definer-bubble-floating-header[data-v-d08573d8]:active:not(:has(.bubble-close:hover)) {
  cursor: grabbing;
}
.definer-bubble-floating-header:active:not(:has(.bubble-close:hover)) .drag-handle-top-notch[data-v-d08573d8] {
  background-color: rgba(var(--text-rgb), 0.8);
}
.definer-bubble-floating-header .bubble-close[data-v-d08573d8] {
  margin-left: auto;
  border-radius: 0;
  padding: 0 10px;
  opacity: 0.75;
  transition: opacity 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
}
.definer-bubble-floating-header .bubble-close[data-v-d08573d8]:hover {
  opacity: 1;
}
.definer-bubble-floating-header .bubble-help[data-v-d08573d8] {
  margin-right: auto;
  padding: 0 10px;
  border-radius: 0;
  pointer-events: none;
}
.definer-bubble-floating-header--moving[data-v-d08573d8] {
  cursor: grabbing;
}
.definer-bubble-floating-header--moving[data-v-d08573d8]:after {
  content: "";
  cursor: grabbing;
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}
.drag-handle-top-notch[data-v-d08573d8] {
  width: 30%;
  height: 4px;
  margin: auto;
  background-color: rgba(var(--text-rgb), 0.2);
  transition: background-color 0.3s ease;
  border-radius: 5px;
}
.definer-result-audio[data-v-c745273a] {
  display: flex;
}
.definer-result-audio-source[data-v-c745273a] {
  display: flex;
  background-color: transparent !important;
}
.definer-result-audio-source[data-v-c745273a]:not(:last-child) {
  border-right: 1px solid rgba(var(--text-rgb), 0.12);
  padding-right: 8px;
  margin-right: 8px;
}
.definer-result-audio-source[data-v-c745273a]:has(+ .definer-result-audio-source:last-child > div:empty) {
  border-right: none;
}
.definer-result-audio-source[data-v-c745273a]:has(> div:empty) {
  display: none;
}
.rotatable[data-v-7dde2d56] {
  transition: transform 300ms ease-in-out;
}
.rotated-180[data-v-7dde2d56] {
  transform: rotate(180deg);
}
.mat-select[data-v-7dde2d56] {
  display: inline-flex;
  position: relative;
}
.mat-select[data-open] .mat-select-label[data-v-7dde2d56]:before {
  opacity: 0.1;
}
.mat-select[data-disabled][data-v-7dde2d56] {
  color: rgba(var(--text-rgb), 0.75);
}
.mat-select[data-disabled] .mat-select-label[data-v-7dde2d56] {
  cursor: default;
}
.mat-select[data-disabled] .mat-select-label[data-v-7dde2d56]:before {
  display: none;
}
.mat-select-label[data-v-7dde2d56] {
  position: relative;
  padding: 0.3em 0.3em 0.3em 0.6em;
  cursor: pointer;
  display: flex;
  align-items: center;
  user-select: none;
  border-radius: var(--border-radius);
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
  display: flex;
  justify-content: center;
  align-items: center;
}
.mat-select-label[data-v-7dde2d56]:before {
  transition: opacity 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
  background: currentColor;
  opacity: 0;
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 0;
  border-radius: inherit;
  pointer-events: auto;
}
.mat-select-label[data-v-7dde2d56]:hover:before {
  opacity: 0.12;
}
.mat-select-label[data-v-7dde2d56]:active:before {
  opacity: 0.2;
}
.mat-select-label .material-design-icon[data-v-7dde2d56] {
  display: flex;
  margin-left: 0.1em;
}
.mat-select-list[data-v-7dde2d56] {
  min-width: 100px;
  position: absolute;
  max-height: 240px;
  overflow: hidden;
  background: var(--v-secondary-base);
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  z-index: 1;
  border-radius: var(--border-radius);
}
.mat-select-list .mat-select-list-inner[data-v-7dde2d56] {
  display: block;
  overflow: hidden;
  overflow-y: auto;
  max-height: 200px;
  overflow-x: -moz-hidden-unscrollable;
}
.mat-select-list .list-item[data-v-7dde2d56] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  transition: background 0.1s ease;
  cursor: pointer;
  padding: 0.3em 0.6em;
  white-space: nowrap;
  overflow-x: hidden;
  min-height: 28px;
}
.mat-select-list .list-item[data-v-7dde2d56]:before {
  transition: opacity 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
  background: currentColor;
  opacity: 0;
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 0;
  border-radius: inherit;
  pointer-events: none;
}
.mat-select-list .list-item[data-v-7dde2d56]:hover:before {
  opacity: 0.12;
}
.mat-select-list .list-item[data-v-7dde2d56]:active:before {
  opacity: 0.2;
}
.mat-select-list .list-item.list-item--disabled[data-v-7dde2d56] {
  pointer-events: none;
  background: rgba(var(--ground-rgb), 0.25);
  color: rgba(var(--text-rgb), 0.75);
}
.mat-select-list .list-item.list-item--focused[data-v-7dde2d56]:before {
  opacity: 0.1;
}
.mat-select-list .mat-select-search[data-v-7dde2d56] {
  outline: none;
  padding: 0.5em 0.6em;
  border-bottom: 1px solid rgba(var(--text-rgb), 0.12);
  caret-color: var(--v-text-base);
  color: var(--v-text-base);
  width: 100%;
}
.mat-select-list .mat-select-search[data-v-7dde2d56]::placeholder {
  color: var(--v-text-base);
  opacity: 1;
  /* Firefox */
}
.definer-result-language[data-v-0b79e702] .mat-select-label {
  padding: 0;
}
.definer-result-language-icon[data-v-0b79e702] {
  margin-right: -0.2em;
  height: 1.6em;
  transition: transform 200ms ease-in-out;
}
.definer-result-language-icon.rotated-180[data-v-0b79e702] {
  transform: rotate(180deg);
}
.definer-result-language-label-text[data-v-0b79e702] {
  padding: 0 0.4em;
  text-transform: uppercase;
  height: 1.6em;
  display: flex;
  align-items: center;
}
.definer-result-language-label-text .icon[data-v-0b79e702] {
  opacity: 0.8;
}
.result-language-option.dimmed[data-v-0b79e702] {
  opacity: 0.5;
}
.definer-result-header[data-v-6fdb3c44] {
  display: flex;
  align-items: center;
  width: 100%;
}
.definer-result-header-text[data-v-6fdb3c44] {
  font-size: 1.1em;
  font-weight: bold;
  transition: all 200ms ease;
}
.definer-result-header-text.definer-result-header-text--full[data-v-6fdb3c44] {
  font-size: 1em;
  line-height: 1.2em;
  text-align: justify;
}
.definer-result-audio-wrapper[data-v-6fdb3c44] {
  margin-left: 8px;
  padding-left: 8px;
  align-self: flex-start;
}
.definer-result-header-trunc-toggle[data-v-6fdb3c44] {
  font-size: 0.75em;
  opacity: 0.6;
  white-space: nowrap;
  cursor: pointer;
  font-weight: normal;
  margin-left: 0.3em;
  transition: opacity 100ms ease;
}
.definer-result-header-trunc-toggle[data-v-6fdb3c44]:hover {
  opacity: 0.9;
}
.definer-result-language[data-v-6fdb3c44] {
  margin-left: auto;
  align-self: flex-start;
}
.definer-result-header-query[data-v-6fdb3c44] {
  outline: none;
}
.definer-bubble-header[data-v-31ebdb80] {
  display: flex;
}
.bubble-resize-handle[data-v-ae64a630] {
  cursor: se-resize;
}
div > .resize-icon[data-v-ae64a630] {
  color: rgba(var(--text-rgb), 0.5);
  transition: color 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
  overflow: hidden;
  border-radius: var(--border-radius);
  display: flex;
}
div > .resize-icon[data-v-ae64a630]:hover {
  color: rgba(var(--text-rgb), 1);
}
.resize-overlay[data-v-ae64a630] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.definer-result-body-empty[data-v-32cbf0da] {
  opacity: 0.7;
}
.skeleton-loader-8452368[data-v-138af9a3] {
  border-radius: 4px;
  position: relative;
  cursor: progress;
  overflow: hidden;
}
.skeleton-loader-8452368 > div[data-v-138af9a3] {
  border-radius: 6px;
  flex: 1 0 auto;
  height: 100%;
  background: rgba(0, 0, 0, 0.12);
  overflow: hidden;
  position: relative;
}
.skeleton-loader-8452368 > div[data-v-138af9a3]:after {
  animation: loading-138af9a3 1.5s infinite;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transform: translateX(-100%);
  z-index: 1;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));
}
@keyframes loading-138af9a3 {
to {
    transform: translateX(100%);
}
}
.skeleton-loader-8452368[data-v-6c17ba40] {
  margin-bottom: 6px;
}
.source-error[data-v-9adcdb2a] {
  display: flex;
  flex-flow: column;
  justify-content: center;
}
.source-error-text[data-v-9adcdb2a] {
  display: flex;
  align-items: center;
  margin: 0.5em 0 1.5em;
  color: var(--v-error-base);
}
.source-error-text > *[data-v-9adcdb2a]:first-child {
  margin: auto 0.8em;
  display: flex;
}
.source-error-hint[data-v-9adcdb2a] {
  padding: 0.5em 1em;
  margin: auto 0 1.5em 0;
  border-left: 4px solid rgba(var(--text-rgb), 0.12);
  background: rgba(var(--text-rgb), 0.08);
  font-size: 0.9em;
}
.source-error-text-title[data-v-9adcdb2a] {
  font-weight: bold;
}
.source-error-text-subtitle[data-v-9adcdb2a] {
  font-size: 0.8em;
  color: rgba(var(--error-rgb), 1);
}
.source-error-status[data-v-9adcdb2a] {
  color: rgba(var(--text-rgb), 0.5);
  font-size: 0.8em;
  margin: -1em 1em 1.5em;
}
.source-placeholder[data-v-3e139dbf] {
  position: relative;
  height: 100%;
}
.definer-resource-result[data-v-7e3c48b4] {
  height: 100%;
}
.definer-result-body[data-v-6437047a] {
  min-width: 250px;
  height: 100%;
}
.source-icon-letters[data-v-25c73cce] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
  font-weight: bold;
  vertical-align: center;
}
.drawer-resource-list-item[data-v-1b1a26c7] {
  transition: background 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
  width: 45px;
  height: 40px;
  min-height: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  cursor: pointer;
}
.drawer-resource-list-item.drawer-resource-list-item--active[data-v-1b1a26c7] {
  background: var(--v-ground-base);
}
.drawer-resource-list-item.drawer-resource-list-item--disabled[data-v-1b1a26c7] {
  opacity: 0.5;
  cursor: default;
  pointer-events: none;
}
.drawer-resource-list-item[data-v-1b1a26c7]:before {
  transition: opacity 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
  background: currentColor;
  opacity: 0;
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 0;
  border-radius: inherit;
  pointer-events: auto;
}
.drawer-resource-list-item[data-v-1b1a26c7]:hover:before {
  opacity: 0.04;
}
.drawer-resource-list-item[data-v-1b1a26c7]:active:before {
  opacity: 0.12;
}
.result-resource-icon-svg[data-v-1b1a26c7] {
  height: 100%;
  width: 24px;
  height: 24px;
}
.result-resource-icon-svg path[data-v-1b1a26c7] {
  fill: var(--v-text-base) !important;
}

/*
.drawer-resource-list-item-loader {
  position: absolute !important;
  border-color: var(--v-text-base) !important;
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 80%;
  height: 80%;
}
*/
.definer-result-navigation-drawer[data-v-14e01178] {
  width: 100%;
  height: 100%;
  display: flex;
  flex-flow: column;
  background-color: var(--v-ground-darken1);
  z-index: 1;
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-width: none;
}
.definer-result-navigation-drawer[data-v-14e01178]::-webkit-scrollbar {
  width: 0 !important;
  /* Remove scrollbar space */
}
.definer-result[data-v-7b92dfeb] {
  display: flex;
  flex-flow: column;
  width: 100%;
  border-radius: var(--border-radius);
  overflow: hidden;
  text-align: left;
}
.definer-result-content-wrapper[data-v-7b92dfeb] {
  display: flex;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.definer-result-content[data-v-7b92dfeb] {
  overflow: auto;
  display: flex;
  flex-flow: column;
  background: var(--v-ground-base);
  z-index: 1;
  width: 100%;
  position: relative;
}
.definer-result-header-wrapper[data-v-7b92dfeb] {
  transition: all 100ms ease;
}
.definer-result-body-wrapper[data-v-7b92dfeb] {
  height: 100%;
  transition: all 100ms ease;
}
@charset "UTF-8";
.definer-bubble {
  /*!
   * ress.css • v2.0.4
   * MIT License
   * github.com/filipelinhares/ress
   */
  /* # =================================================================
     # Global selectors
     # ================================================================= */
  /* # =================================================================
     # General elements
     # ================================================================= */
  /* https://gist.github.com/unruthless/413930 */
  /* # =================================================================
     # Forms
     # ================================================================= */
  /* Replace pointer cursor in disabled elements */
  /* Apply cursor pointer to button elements */
  /* Remove inner padding and border in Firefox 4+ */
  /* Replace focus style removed in the border reset above */
  /* Remove the default button styling in all browsers */
  /* Style select like a standard input */
  /* # =================================================================
     # Specify media element style
     # ================================================================= */
  /* Add the correct vertical alignment in Chrome, Firefox, and Opera */
  /* # =================================================================
     # Accessibility
     # ================================================================= */
  /* Hide content from screens but not screenreaders */
  /* Specify the progress cursor of updating elements */
  /* Specify the pointer cursor of trigger elements */
  /* Specify the unstyled cursor of disabled, not-editable, or otherwise inoperable elements */
  /*# sourceMappingURL=vue-material-design-ripple.css.map*/
  /*!
   * vue2-animate
   * (c) 2018 Pavel Savushkin
   * Released under the MIT License.
   * Documentation: https://github.com/asika32764/vue2-animate
   */
  /*.tooltip-211980 {

    max-width: 400px;
    z-index: 10000000;
    display: block !important;
  	pointer-events: none;

  !*  @media screen and (700px) {
      max-width: 200px;
    }*!

    @include mq(700px, max) {
      max-width: 200px;
    }


    &[aria-hidden='false'] .tooltip__content-211980 {
      transform: scale(1);
      transition-duration: $tooltip-transition-enter-duration;
      transition-timing-function: $tooltip-transition-timing-function;
      //transition-delay: 1s;
    }

    &[aria-hidden='true'] .tooltip__content-211980 {
      transform: scale(0);
      opacity: 0;
      transition: none;
      //transition-duration: $tooltip-transition-leave-duration;
      //transition: all $tooltip-transition-leave-duration $tooltip-transition-timing-function;
    }

    .tooltip__content-211980 {
      background: $tooltip-background-color;
      color: $tooltip-text-color;
      border-radius: $tooltip-border-radius;
      font-size: $tooltip-font-size;
      line-height: round($tooltip-font-size * 1.6);
      display: inline-block;
      padding: $tooltip-padding;
      text-transform: none;
      text-transform: initial;
      width: auto;
      pointer-events: none;
    }



    &.popover {
      $color: #f9f9f9;

      .popover-inner {
        background: $color;
        color: black;
        padding: 24px;
        border-radius: 5px;
        box-shadow: 0 5px 30px rgba(black, .1);
      }
    }

    &[aria-hidden='true'] {
      visibility: hidden;
      opacity: 0;
      transition: opacity .15s, visibility .15s;
    }

    &[aria-hidden='false'] {
      visibility: visible;
      opacity: 1;
      transition: opacity .15s;
    }
  }*/
}
.definer-bubble html {
  box-sizing: border-box;
  overflow-y: scroll;
  /* All browsers without overlaying scrollbars */
  -webkit-text-size-adjust: 100%;
  /* Prevent adjustments of font size after orientation changes in iOS */
  word-break: normal;
  -moz-tab-size: 4;
  tab-size: 4;
}
.definer-bubble *,
.definer-bubble ::before,
.definer-bubble ::after {
  background-repeat: no-repeat;
  /* Set `background-repeat: no-repeat` to all elements and pseudo elements */
  box-sizing: inherit;
}
.definer-bubble ::before,
.definer-bubble ::after {
  text-decoration: inherit;
  /* Inherit text-decoration and vertical align to ::before and ::after pseudo elements */
  vertical-align: inherit;
}
.definer-bubble * {
  padding: 0;
  /* Reset `padding` and `margin` of all elements */
  margin: 0;
}
.definer-bubble hr {
  overflow: visible;
  /* Show the overflow in Edge and IE */
  height: 0;
  /* Add the correct box sizing in Firefox */
}
.definer-bubble details,
.definer-bubble main {
  display: block;
  /* Render the `main` element consistently in IE. */
}
.definer-bubble summary {
  display: list-item;
  /* Add the correct display in all browsers */
}
.definer-bubble small {
  font-size: 80%;
  /* Set font-size to 80% in `small` elements */
}
.definer-bubble [hidden] {
  display: none;
  /* Add the correct display in IE */
}
.definer-bubble abbr[title] {
  border-bottom: none;
  /* Remove the bottom border in Chrome 57 */
  /* Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari */
  text-decoration: underline;
  text-decoration: underline dotted;
}
.definer-bubble a {
  background-color: transparent;
  /* Remove the gray background on active links in IE 10 */
}
.definer-bubble a:active,
.definer-bubble a:hover {
  outline-width: 0;
  /* Remove the outline when hovering in all browsers */
}
.definer-bubble code,
.definer-bubble kbd,
.definer-bubble pre,
.definer-bubble samp {
  font-family: monospace, monospace;
  /* Specify the font family of code elements */
}
.definer-bubble pre {
  font-size: 1em;
  /* Correct the odd `em` font sizing in all browsers */
}
.definer-bubble b,
.definer-bubble strong {
  font-weight: bolder;
  /* Add the correct font weight in Chrome, Edge, and Safari */
}
.definer-bubble sub,
.definer-bubble sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
.definer-bubble sub {
  bottom: -0.25em;
}
.definer-bubble sup {
  top: -0.5em;
}
.definer-bubble input {
  border-radius: 0;
}
.definer-bubble [disabled] {
  cursor: default;
}
.definer-bubble [type=number]::-webkit-inner-spin-button,
.definer-bubble [type=number]::-webkit-outer-spin-button {
  height: auto;
  /* Correct the cursor style of increment and decrement buttons in Chrome */
}
.definer-bubble [type=search] {
  -webkit-appearance: textfield;
  /* Correct the odd appearance in Chrome and Safari */
  outline-offset: -2px;
  /* Correct the outline style in Safari */
}
.definer-bubble [type=search]::-webkit-search-cancel-button,
.definer-bubble [type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
  /* Remove the inner padding in Chrome and Safari on macOS */
}
.definer-bubble textarea {
  overflow: auto;
  /* Internet Explorer 11+ */
  resize: vertical;
  /* Specify textarea resizability */
}
.definer-bubble button,
.definer-bubble input,
.definer-bubble optgroup,
.definer-bubble select,
.definer-bubble textarea {
  font: inherit;
  /* Specify font inheritance of form elements */
}
.definer-bubble optgroup {
  font-weight: bold;
  /* Restore the font weight unset by the previous rule */
}
.definer-bubble button {
  overflow: visible;
  /* Address `overflow` set to `hidden` in IE 8/9/10/11 */
}
.definer-bubble button,
.definer-bubble select {
  text-transform: none;
  /* Firefox 40+, Internet Explorer 11- */
}
.definer-bubble button,
.definer-bubble [type=button],
.definer-bubble [type=reset],
.definer-bubble [type=submit],
.definer-bubble [role=button] {
  cursor: pointer;
  color: inherit;
}
.definer-bubble button::-moz-focus-inner,
.definer-bubble [type=button]::-moz-focus-inner,
.definer-bubble [type=reset]::-moz-focus-inner,
.definer-bubble [type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
.definer-bubble button:-moz-focusring,
.definer-bubble [type=button]::-moz-focus-inner,
.definer-bubble [type=reset]::-moz-focus-inner,
.definer-bubble [type=submit]::-moz-focus-inner {
  outline: 1px dotted ButtonText;
}
.definer-bubble button,
.definer-bubble html [type=button],
.definer-bubble [type=reset],
.definer-bubble [type=submit] {
  -webkit-appearance: button;
  /* Correct the inability to style clickable types in iOS */
}
.definer-bubble button,
.definer-bubble input,
.definer-bubble select,
.definer-bubble textarea {
  background-color: transparent;
  border-style: none;
}
.definer-bubble select {
  -moz-appearance: none;
  /* Firefox 36+ */
  -webkit-appearance: none;
  /* Chrome 41+ */
}
.definer-bubble select::-ms-expand {
  display: none;
  /* Internet Explorer 11+ */
}
.definer-bubble select::-ms-value {
  color: currentColor;
  /* Internet Explorer 11+ */
}
.definer-bubble legend {
  border: 0;
  /* Correct `color` not being inherited in IE 8/9/10/11 */
  color: inherit;
  /* Correct the color inheritance from `fieldset` elements in IE */
  display: table;
  /* Correct the text wrapping in Edge and IE */
  max-width: 100%;
  /* Correct the text wrapping in Edge and IE */
  white-space: normal;
  /* Correct the text wrapping in Edge and IE */
  max-width: 100%;
  /* Correct the text wrapping in Edge 18- and IE */
}
.definer-bubble ::-webkit-file-upload-button {
  /* Correct the inability to style clickable types in iOS and Safari */
  -webkit-appearance: button;
  color: inherit;
  font: inherit;
  /* Change font properties to `inherit` in Chrome and Safari */
}
.definer-bubble img {
  border-style: none;
  /* Remove border when inside `a` element in IE 8/9/10 */
}
.definer-bubble progress {
  vertical-align: baseline;
}
@media screen {
.definer-bubble [hidden~=screen] {
    display: inherit;
}
.definer-bubble [hidden~=screen]:not(:active):not(:focus):not(:target) {
    position: absolute !important;
    clip: rect(0 0 0 0) !important;
}
}
.definer-bubble [aria-busy=true] {
  cursor: progress;
}
.definer-bubble [aria-controls] {
  cursor: pointer;
}
.definer-bubble [aria-disabled=true] {
  cursor: default;
}
.definer-bubble .carousel-transition-enter {
  transform: translate(100%, 0);
}
.definer-bubble .carousel-transition-leave, .definer-bubble .carousel-transition-leave-to {
  position: absolute;
  top: 0;
  transform: translate(-100%, 0);
}
.definer-bubble .carousel-reverse-transition-enter {
  transform: translate(-100%, 0);
}
.definer-bubble .carousel-reverse-transition-leave, .definer-bubble .carousel-reverse-transition-leave-to {
  position: absolute;
  top: 0;
  transform: translate(100%, 0);
}
.definer-bubble .dialog-transition-enter, .definer-bubble .dialog-transition-leave-to {
  transform: scale(0.5);
  opacity: 0;
}
.definer-bubble .dialog-transition-enter-to, .definer-bubble .dialog-transition-leave {
  opacity: 1;
}
.definer-bubble .dialog-bottom-transition-enter, .definer-bubble .dialog-bottom-transition-leave-to {
  transform: translateY(100%);
}
.definer-bubble .dialog-top-transition-enter, .definer-bubble .dialog-top-transition-leave-to {
  transform: translateY(-100%);
}
.definer-bubble .picker-transition-enter-active, .definer-bubble .picker-transition-leave-active,
.definer-bubble .picker-reverse-transition-enter-active,
.definer-bubble .picker-reverse-transition-leave-active {
  transition: 0.3s cubic-bezier(0, 0, 0.2, 1);
}
.definer-bubble .picker-transition-enter, .definer-bubble .picker-transition-leave-to,
.definer-bubble .picker-reverse-transition-enter,
.definer-bubble .picker-reverse-transition-leave-to {
  opacity: 0;
}
.definer-bubble .picker-transition-leave, .definer-bubble .picker-transition-leave-active, .definer-bubble .picker-transition-leave-to,
.definer-bubble .picker-reverse-transition-leave,
.definer-bubble .picker-reverse-transition-leave-active,
.definer-bubble .picker-reverse-transition-leave-to {
  position: absolute !important;
}
.definer-bubble .picker-transition-enter {
  transform: translate(0, 100%);
}
.definer-bubble .picker-transition-leave-to {
  transform: translate(0, -100%);
}
.definer-bubble .picker-reverse-transition-enter {
  transform: translate(0, -100%);
}
.definer-bubble .picker-reverse-transition-leave-to {
  transform: translate(0, 100%);
}
.definer-bubble .picker-title-transition-enter-to, .definer-bubble .picker-title-transition-leave {
  transform: translate(0, 0);
}
.definer-bubble .picker-title-transition-enter {
  transform: translate(-100%, 0);
}
.definer-bubble .picker-title-transition-leave-to {
  opacity: 0;
  transform: translate(100%, 0);
}
.definer-bubble .picker-title-transition-leave, .definer-bubble .picker-title-transition-leave-to, .definer-bubble .picker-title-transition-leave-active {
  position: absolute !important;
}
.definer-bubble .tab-transition-enter {
  transform: translate(100%, 0);
}
.definer-bubble .tab-transition-leave, .definer-bubble .tab-transition-leave-active {
  position: absolute;
  top: 0;
}
.definer-bubble .tab-transition-leave-to {
  position: absolute;
  transform: translate(-100%, 0);
}
.definer-bubble .tab-reverse-transition-enter {
  transform: translate(-100%, 0);
}
.definer-bubble .tab-reverse-transition-leave, .definer-bubble .tab-reverse-transition-leave-to {
  top: 0;
  position: absolute;
  transform: translate(100%, 0);
}
.definer-bubble .expand-transition-enter-active, .definer-bubble .expand-transition-leave-active {
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1) !important;
}
.definer-bubble .expand-transition-move {
  transition: transform 0.6s;
}
.definer-bubble .expand-x-transition-enter-active, .definer-bubble .expand-x-transition-leave-active {
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1) !important;
}
.definer-bubble .expand-x-transition-move {
  transition: transform 0.6s;
}
.definer-bubble .scale-transition-enter-active, .definer-bubble .scale-transition-leave-active {
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1) !important;
}
.definer-bubble .scale-transition-move {
  transition: transform 0.6s;
}
.definer-bubble .scale-transition-enter, .definer-bubble .scale-transition-leave, .definer-bubble .scale-transition-leave-to {
  opacity: 0;
  transform: scale(0);
}
.definer-bubble .scale-rotate-transition-enter-active, .definer-bubble .scale-rotate-transition-leave-active {
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1) !important;
}
.definer-bubble .scale-rotate-transition-move {
  transition: transform 0.6s;
}
.definer-bubble .scale-rotate-transition-enter, .definer-bubble .scale-rotate-transition-leave, .definer-bubble .scale-rotate-transition-leave-to {
  opacity: 0;
  transform: scale(0) rotate(-45deg);
}
.definer-bubble .scale-rotate-reverse-transition-enter-active, .definer-bubble .scale-rotate-reverse-transition-leave-active {
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1) !important;
}
.definer-bubble .scale-rotate-reverse-transition-move {
  transition: transform 0.6s;
}
.definer-bubble .scale-rotate-reverse-transition-enter, .definer-bubble .scale-rotate-reverse-transition-leave, .definer-bubble .scale-rotate-reverse-transition-leave-to {
  opacity: 0;
  transform: scale(0) rotate(45deg);
}
.definer-bubble .message-transition-enter-active, .definer-bubble .message-transition-leave-active {
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1) !important;
}
.definer-bubble .message-transition-move {
  transition: transform 0.6s;
}
.definer-bubble .message-transition-enter, .definer-bubble .message-transition-leave-to {
  opacity: 0;
  transform: translateY(-15px);
}
.definer-bubble .message-transition-leave, .definer-bubble .message-transition-leave-active {
  position: absolute;
}
.definer-bubble .slide-y-transition-enter-active, .definer-bubble .slide-y-transition-leave-active {
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1) !important;
}
.definer-bubble .slide-y-transition-move {
  transition: transform 0.6s;
}
.definer-bubble .slide-y-transition-enter, .definer-bubble .slide-y-transition-leave-to {
  opacity: 0;
  transform: translateY(-15px);
}
.definer-bubble .slide-y-reverse-transition-enter-active, .definer-bubble .slide-y-reverse-transition-leave-active {
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1) !important;
}
.definer-bubble .slide-y-reverse-transition-move {
  transition: transform 0.6s;
}
.definer-bubble .slide-y-reverse-transition-enter, .definer-bubble .slide-y-reverse-transition-leave-to {
  opacity: 0;
  transform: translateY(15px);
}
.definer-bubble .scroll-y-transition-enter-active, .definer-bubble .scroll-y-transition-leave-active {
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1) !important;
}
.definer-bubble .scroll-y-transition-move {
  transition: transform 0.6s;
}
.definer-bubble .scroll-y-transition-enter, .definer-bubble .scroll-y-transition-leave-to {
  opacity: 0;
}
.definer-bubble .scroll-y-transition-enter {
  transform: translateY(-15px);
}
.definer-bubble .scroll-y-transition-leave-to {
  transform: translateY(15px);
}
.definer-bubble .scroll-y-reverse-transition-enter-active, .definer-bubble .scroll-y-reverse-transition-leave-active {
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1) !important;
}
.definer-bubble .scroll-y-reverse-transition-move {
  transition: transform 0.6s;
}
.definer-bubble .scroll-y-reverse-transition-enter, .definer-bubble .scroll-y-reverse-transition-leave-to {
  opacity: 0;
}
.definer-bubble .scroll-y-reverse-transition-enter {
  transform: translateY(15px);
}
.definer-bubble .scroll-y-reverse-transition-leave-to {
  transform: translateY(-15px);
}
.definer-bubble .scroll-x-transition-enter-active, .definer-bubble .scroll-x-transition-leave-active {
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1) !important;
}
.definer-bubble .scroll-x-transition-move {
  transition: transform 0.6s;
}
.definer-bubble .scroll-x-transition-enter, .definer-bubble .scroll-x-transition-leave-to {
  opacity: 0;
}
.definer-bubble .scroll-x-transition-enter {
  transform: translateX(-15px);
}
.definer-bubble .scroll-x-transition-leave-to {
  transform: translateX(15px);
}
.definer-bubble .scroll-x-reverse-transition-enter-active, .definer-bubble .scroll-x-reverse-transition-leave-active {
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1) !important;
}
.definer-bubble .scroll-x-reverse-transition-move {
  transition: transform 0.6s;
}
.definer-bubble .scroll-x-reverse-transition-enter, .definer-bubble .scroll-x-reverse-transition-leave-to {
  opacity: 0;
}
.definer-bubble .scroll-x-reverse-transition-enter {
  transform: translateX(15px);
}
.definer-bubble .scroll-x-reverse-transition-leave-to {
  transform: translateX(-15px);
}
.definer-bubble .slide-x-transition-enter-active, .definer-bubble .slide-x-transition-leave-active {
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1) !important;
}
.definer-bubble .slide-x-transition-move {
  transition: transform 0.6s;
}
.definer-bubble .slide-x-transition-enter, .definer-bubble .slide-x-transition-leave-to {
  opacity: 0;
  transform: translateX(-15px);
}
.definer-bubble .slide-x-reverse-transition-enter-active, .definer-bubble .slide-x-reverse-transition-leave-active {
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1) !important;
}
.definer-bubble .slide-x-reverse-transition-move {
  transition: transform 0.6s;
}
.definer-bubble .slide-x-reverse-transition-enter, .definer-bubble .slide-x-reverse-transition-leave-to {
  opacity: 0;
  transform: translateX(15px);
}
.definer-bubble .fade-transition-enter-active, .definer-bubble .fade-transition-leave-active {
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1) !important;
}
.definer-bubble .fade-transition-move {
  transition: transform 0.6s;
}
.definer-bubble .fade-transition-enter, .definer-bubble .fade-transition-leave-to {
  opacity: 0 !important;
}
.definer-bubble .fab-transition-enter-active, .definer-bubble .fab-transition-leave-active {
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1) !important;
}
.definer-bubble .fab-transition-move {
  transition: transform 0.6s;
}
.definer-bubble .fab-transition-enter, .definer-bubble .fab-transition-leave-to {
  transform: scale(0) rotate(-45deg);
}
.definer-bubble .abs-leave {
  position: absolute !important;
  height: auto !important;
}
.definer-bubble .v-ripple__container {
  color: inherit;
  border-radius: inherit;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  overflow: hidden;
  z-index: 0;
  pointer-events: none;
  contain: strict;
}
.definer-bubble .v-ripple__animation {
  color: inherit;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 50%;
  background: currentColor;
  opacity: 0;
  pointer-events: none;
  overflow: hidden;
  will-change: transform, opacity;
}
.definer-bubble .v-ripple__animation--enter {
  transition: none;
}
.definer-bubble .v-ripple__animation--in {
  transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.1s cubic-bezier(0.4, 0, 0.2, 1);
}
.definer-bubble .v-ripple__animation--out {
  transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
@keyframes bounceIn {
from, 20%, 40%, 60%, 80%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
}
20% {
    transform: scale3d(1.1, 1.1, 1.1);
}
40% {
    transform: scale3d(0.9, 0.9, 0.9);
}
60% {
    opacity: 1;
    transform: scale3d(1.03, 1.03, 1.03);
}
80% {
    transform: scale3d(0.97, 0.97, 0.97);
}
to {
    opacity: 1;
    transform: scale3d(1, 1, 1);
}
}
@keyframes bounceOut {
20% {
    transform: scale3d(0.9, 0.9, 0.9);
}
50%, 55% {
    opacity: 1;
    transform: scale3d(1.1, 1.1, 1.1);
}
to {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
}
}
@keyframes bounceInDown {
from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
    opacity: 0;
    transform: translate3d(0, -3000px, 0);
}
60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0);
}
75% {
    transform: translate3d(0, -10px, 0);
}
90% {
    transform: translate3d(0, 5px, 0);
}
to {
    transform: none;
}
}
@keyframes bounceOutDown {
20% {
    transform: translate3d(0, 10px, 0);
}
40%, 45% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
}
to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
}
}
@keyframes bounceInLeft {
from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
    opacity: 0;
    transform: translate3d(-3000px, 0, 0);
}
60% {
    opacity: 1;
    transform: translate3d(25px, 0, 0);
}
75% {
    transform: translate3d(-10px, 0, 0);
}
90% {
    transform: translate3d(5px, 0, 0);
}
to {
    transform: none;
}
}
@keyframes bounceOutLeft {
20% {
    opacity: 1;
    transform: translate3d(20px, 0, 0);
}
to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
}
}
@keyframes bounceInRight {
from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
from {
    opacity: 0;
    transform: translate3d(3000px, 0, 0);
}
60% {
    opacity: 1;
    transform: translate3d(-25px, 0, 0);
}
75% {
    transform: translate3d(10px, 0, 0);
}
90% {
    transform: translate3d(-5px, 0, 0);
}
to {
    transform: none;
}
}
@keyframes bounceOutRight {
20% {
    opacity: 1;
    transform: translate3d(-20px, 0, 0);
}
to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
}
}
@keyframes bounceInUp {
from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
from {
    opacity: 0;
    transform: translate3d(0, 3000px, 0);
}
60% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
}
75% {
    transform: translate3d(0, 10px, 0);
}
90% {
    transform: translate3d(0, -5px, 0);
}
to {
    transform: translate3d(0, 0, 0);
}
}
@keyframes bounceOutUp {
20% {
    transform: translate3d(0, -10px, 0);
}
40%, 45% {
    opacity: 1;
    transform: translate3d(0, 20px, 0);
}
to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
}
}
.definer-bubble .bounce-enter-active, .definer-bubble .bounceIn,
.definer-bubble .bounce-leave-active, .definer-bubble .bounceOut {
  animation-duration: 0.5s;
  animation-fill-mode: both;
}
.definer-bubble .bounce-enter-active, .definer-bubble .bounceIn {
  animation-name: bounceIn;
}
.definer-bubble .bounce-leave-active, .definer-bubble .bounceOut {
  animation-name: bounceOut;
}
.definer-bubble .bounceDown-enter-active, .definer-bubble .bounceInDown,
.definer-bubble .bounceDown-leave-active, .definer-bubble .bounceOutDown {
  animation-duration: 0.5s;
  animation-fill-mode: both;
}
.definer-bubble .bounceDown-enter-active, .definer-bubble .bounceInDown {
  animation-name: bounceInDown;
}
.definer-bubble .bounceDown-leave-active, .definer-bubble .bounceOutDown {
  animation-name: bounceOutDown;
}
.definer-bubble .bounceLeft-enter-active, .definer-bubble .bounceInLeft,
.definer-bubble .bounceLeft-leave-active, .definer-bubble .bounceOutLeft {
  animation-duration: 0.5s;
  animation-fill-mode: both;
}
.definer-bubble .bounceLeft-enter-active, .definer-bubble .bounceInLeft {
  animation-name: bounceInLeft;
}
.definer-bubble .bounceLeft-leave-active, .definer-bubble .bounceOutLeft {
  animation-name: bounceOutLeft;
}
.definer-bubble .bounceRight-enter-active, .definer-bubble .bounceInRight,
.definer-bubble .bounceRight-leave-active, .definer-bubble .bounceOutRight {
  animation-duration: 0.5s;
  animation-fill-mode: both;
}
.definer-bubble .bounceRight-enter-active, .definer-bubble .bounceInRight {
  animation-name: bounceInRight;
}
.definer-bubble .bounceRight-leave-active, .definer-bubble .bounceOutRight {
  animation-name: bounceOutRight;
}
.definer-bubble .bounceUp-enter-active, .definer-bubble .bounceInUp,
.definer-bubble .bounceUp-leave-active, .definer-bubble .bounceOutUp {
  animation-duration: 0.5s;
  animation-fill-mode: both;
}
.definer-bubble .bounceUp-enter-active, .definer-bubble .bounceInUp {
  animation-name: bounceInUp;
}
.definer-bubble .bounceUp-leave-active, .definer-bubble .bounceOutUp {
  animation-name: bounceOutUp;
}
@keyframes fadeIn {
from {
    opacity: 0;
}
to {
    opacity: 1;
}
}
@keyframes fadeOut {
from {
    opacity: 1;
}
to {
    opacity: 0;
}
}
@keyframes fadeInDown {
from {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
}
to {
    opacity: 1;
    transform: none;
}
}
@keyframes fadeOutDown {
from {
    opacity: 1;
}
to {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
}
}
@keyframes fadeInDownBig {
from {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
}
to {
    opacity: 1;
    transform: none;
}
}
@keyframes fadeOutDownBig {
from {
    opacity: 1;
}
to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
}
}
@keyframes fadeInLeft {
from {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
}
to {
    opacity: 1;
    transform: none;
}
}
@keyframes fadeOutLeft {
from {
    opacity: 1;
}
to {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
}
}
@keyframes fadeInLeftBig {
from {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
}
to {
    opacity: 1;
    transform: none;
}
}
@keyframes fadeOutLeftBig {
from {
    opacity: 1;
}
to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
}
}
@keyframes fadeInRight {
from {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
}
to {
    opacity: 1;
    transform: none;
}
}
@keyframes fadeOutRight {
from {
    opacity: 1;
}
to {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
}
}
@keyframes fadeInRightBig {
from {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
}
to {
    opacity: 1;
    transform: none;
}
}
@keyframes fadeOutRightBig {
from {
    opacity: 1;
}
to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
}
}
@keyframes fadeInUp {
from {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
}
to {
    opacity: 1;
    transform: none;
}
}
@keyframes fadeOutUp {
from {
    opacity: 1;
}
to {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
}
}
@keyframes fadeInUpBig {
from {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
}
to {
    opacity: 1;
    transform: none;
}
}
@keyframes fadeOutUpBig {
from {
    opacity: 1;
}
to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
}
}
.definer-bubble .fade-enter-active, .definer-bubble .fadeIn,
.definer-bubble .fade-leave-active, .definer-bubble .fadeOut {
  animation-duration: 0.5s;
  animation-fill-mode: both;
}
.definer-bubble .fade-enter-active, .definer-bubble .fadeIn {
  animation-name: fadeIn;
}
.definer-bubble .fade-leave-active, .definer-bubble .fadeOut {
  animation-name: fadeOut;
}
.definer-bubble .fadeDown-enter-active, .definer-bubble .fadeInDown,
.definer-bubble .fadeDown-leave-active, .definer-bubble .fadeOutDown {
  animation-duration: 0.5s;
  animation-fill-mode: both;
}
.definer-bubble .fadeDown-enter-active, .definer-bubble .fadeInDown {
  animation-name: fadeInDown;
}
.definer-bubble .fadeDown-leave-active, .definer-bubble .fadeOutDown {
  animation-name: fadeOutDown;
}
.definer-bubble .fadeDownBig-enter-active, .definer-bubble .fadeInDownBig,
.definer-bubble .fadeDownBig-leave-active, .definer-bubble .fadeOutDownBig {
  animation-duration: 0.5s;
  animation-fill-mode: both;
}
.definer-bubble .fadeDownBig-enter-active, .definer-bubble .fadeInDownBig {
  animation-name: fadeInDownBig;
}
.definer-bubble .fadeDownBig-leave-active, .definer-bubble .fadeOutDownBig {
  animation-name: fadeOutDownBig;
}
.definer-bubble .fadeLeft-enter-active, .definer-bubble .fadeInLeft,
.definer-bubble .fadeLeft-leave-active, .definer-bubble .fadeOutLeft {
  animation-duration: 0.5s;
  animation-fill-mode: both;
}
.definer-bubble .fadeLeft-enter-active, .definer-bubble .fadeInLeft {
  animation-name: fadeInLeft;
}
.definer-bubble .fadeLeft-leave-active, .definer-bubble .fadeOutLeft {
  animation-name: fadeOutLeft;
}
.definer-bubble .fadeLeftBig-enter-active, .definer-bubble .fadeInLeftBig,
.definer-bubble .fadeLeftBig-leave-active, .definer-bubble .fadeOutLeftBig {
  animation-duration: 0.5s;
  animation-fill-mode: both;
}
.definer-bubble .fadeLeftBig-enter-active, .definer-bubble .fadeInLeftBig {
  animation-name: fadeInLeftBig;
}
.definer-bubble .fadeLeftBig-leave-active, .definer-bubble .fadeOutLeftBig {
  animation-name: fadeOutLeftBig;
}
.definer-bubble .fadeRight-enter-active, .definer-bubble .fadeInRight,
.definer-bubble .fadeRight-leave-active, .definer-bubble .fadeOutRight {
  animation-duration: 0.5s;
  animation-fill-mode: both;
}
.definer-bubble .fadeRight-enter-active, .definer-bubble .fadeInRight {
  animation-name: fadeInRight;
}
.definer-bubble .fadeRight-leave-active, .definer-bubble .fadeOutRight {
  animation-name: fadeOutRight;
}
.definer-bubble .fadeRightBig-enter-active, .definer-bubble .fadeInRightBig,
.definer-bubble .fadeRightBig-leave-active, .definer-bubble .fadeOutRightBig {
  animation-duration: 0.5s;
  animation-fill-mode: both;
}
.definer-bubble .fadeRightBig-enter-active, .definer-bubble .fadeInRightBig {
  animation-name: fadeInRightBig;
}
.definer-bubble .fadeRightBig-leave-active, .definer-bubble .fadeOutRightBig {
  animation-name: fadeOutRightBig;
}
.definer-bubble .fadeUp-enter-active, .definer-bubble .fadeInUp,
.definer-bubble .fadeUp-leave-active, .definer-bubble .fadeOutUp {
  animation-duration: 0.5s;
  animation-fill-mode: both;
}
.definer-bubble .fadeUp-enter-active, .definer-bubble .fadeInUp {
  animation-name: fadeInUp;
}
.definer-bubble .fadeUp-leave-active, .definer-bubble .fadeOutUp {
  animation-name: fadeOutUp;
}
.definer-bubble .fadeUpBig-enter-active, .definer-bubble .fadeInUpBig,
.definer-bubble .fadeUpBig-leave-active, .definer-bubble .fadeOutUpBig {
  animation-duration: 0.5s;
  animation-fill-mode: both;
}
.definer-bubble .fadeUpBig-enter-active, .definer-bubble .fadeInUpBig {
  animation-name: fadeInUpBig;
}
.definer-bubble .fadeUpBig-leave-active, .definer-bubble .fadeOutUpBig {
  animation-name: fadeOutUpBig;
}
@keyframes rotateIn {
from {
    transform-origin: center;
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
}
to {
    transform-origin: center;
    transform: none;
    opacity: 1;
}
}
@keyframes rotateOut {
from {
    transform-origin: center;
    opacity: 1;
}
to {
    transform-origin: center;
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
}
}
@keyframes rotateInDownLeft {
from {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
}
to {
    transform-origin: left bottom;
    transform: none;
    opacity: 1;
}
}
@keyframes rotateOutDownLeft {
from {
    transform-origin: left bottom;
    opacity: 1;
}
to {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
}
}
@keyframes rotateInDownRight {
from {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
}
to {
    transform-origin: right bottom;
    transform: none;
    opacity: 1;
}
}
@keyframes rotateOutDownRight {
from {
    transform-origin: right bottom;
    opacity: 1;
}
to {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
}
}
@keyframes rotateInUpLeft {
from {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
}
to {
    transform-origin: left bottom;
    transform: none;
    opacity: 1;
}
}
@keyframes rotateOutUpLeft {
from {
    transform-origin: left bottom;
    opacity: 1;
}
to {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
}
}
@keyframes rotateInUpRight {
from {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
}
to {
    transform-origin: right bottom;
    transform: none;
    opacity: 1;
}
}
@keyframes rotateOutUpRight {
from {
    transform-origin: right bottom;
    opacity: 1;
}
to {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
}
}
.definer-bubble .rotate-enter-active, .definer-bubble .rotateIn,
.definer-bubble .rotate-leave-active, .definer-bubble .rotateOut {
  animation-duration: 0.5s;
  animation-fill-mode: both;
}
.definer-bubble .rotate-enter-active, .definer-bubble .rotateIn {
  animation-name: rotateIn;
}
.definer-bubble .rotate-leave-active, .definer-bubble .rotateOut {
  animation-name: rotateOut;
}
.definer-bubble .rotateDownLeft-enter-active, .definer-bubble .rotateInDownLeft,
.definer-bubble .rotateDownLeft-leave-active, .definer-bubble .rotateOutDownLeft {
  animation-duration: 0.5s;
  animation-fill-mode: both;
}
.definer-bubble .rotateDownLeft-enter-active, .definer-bubble .rotateInDownLeft {
  animation-name: rotateInDownLeft;
}
.definer-bubble .rotateDownLeft-leave-active, .definer-bubble .rotateOutDownLeft {
  animation-name: rotateOutDownLeft;
}
.definer-bubble .rotateDownRight-enter-active, .definer-bubble .rotateInDownRight,
.definer-bubble .rotateDownRight-leave-active, .definer-bubble .rotateOutDownRight {
  animation-duration: 0.5s;
  animation-fill-mode: both;
}
.definer-bubble .rotateDownRight-enter-active, .definer-bubble .rotateInDownRight {
  animation-name: rotateInDownRight;
}
.definer-bubble .rotateDownRight-leave-active, .definer-bubble .rotateOutDownRight {
  animation-name: rotateOutDownRight;
}
.definer-bubble .rotateUpLeft-enter-active, .definer-bubble .rotateInUpLeft,
.definer-bubble .rotateUpLeft-leave-active, .definer-bubble .rotateOutUpLeft {
  animation-duration: 0.5s;
  animation-fill-mode: both;
}
.definer-bubble .rotateUpLeft-enter-active, .definer-bubble .rotateInUpLeft {
  animation-name: rotateInUpLeft;
}
.definer-bubble .rotateUpLeft-leave-active, .definer-bubble .rotateOutUpLeft {
  animation-name: rotateOutUpLeft;
}
.definer-bubble .rotateUpRight-enter-active, .definer-bubble .rotateInUpRight,
.definer-bubble .rotateUpRight-leave-active, .definer-bubble .rotateOutUpRight {
  animation-duration: 0.5s;
  animation-fill-mode: both;
}
.definer-bubble .rotateUpRight-enter-active, .definer-bubble .rotateInUpRight {
  animation-name: rotateInUpRight;
}
.definer-bubble .rotateUpRight-leave-active, .definer-bubble .rotateOutUpRight {
  animation-name: rotateOutUpRight;
}
@keyframes slideInDown {
from {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
}
to {
    transform: translate3d(0, 0, 0);
}
}
@keyframes slideOutDown {
from {
    transform: translate3d(0, 0, 0);
}
to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
}
}
@keyframes slideInLeft {
from {
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
}
to {
    transform: translate3d(0, 0, 0);
}
}
@keyframes slideOutLeft {
from {
    transform: translate3d(0, 0, 0);
}
to {
    visibility: hidden;
    transform: translate3d(-100%, 0, 0);
}
}
@keyframes slideInRight {
from {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
}
to {
    transform: translate3d(0, 0, 0);
}
}
@keyframes slideOutRight {
from {
    transform: translate3d(0, 0, 0);
}
to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
}
}
@keyframes slideInUp {
from {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
}
to {
    transform: translate3d(0, 0, 0);
}
}
@keyframes slideOutUp {
from {
    transform: translate3d(0, 0, 0);
}
to {
    visibility: hidden;
    transform: translate3d(0, -100%, 0);
}
}
.definer-bubble .slide-enter-active, .definer-bubble .slideIn,
.definer-bubble .slide-leave-active, .definer-bubble .slideOut {
  animation-duration: 0.5s;
  animation-fill-mode: both;
}
.definer-bubble .slide-enter-active, .definer-bubble .slideIn {
  animation-name: slideIn;
}
.definer-bubble .slide-leave-active, .definer-bubble .slideOut {
  animation-name: slideOut;
}
.definer-bubble .slideDown-enter-active, .definer-bubble .slideInDown,
.definer-bubble .slideDown-leave-active, .definer-bubble .slideOutDown {
  animation-duration: 0.5s;
  animation-fill-mode: both;
}
.definer-bubble .slideDown-enter-active, .definer-bubble .slideInDown {
  animation-name: slideInDown;
}
.definer-bubble .slideDown-leave-active, .definer-bubble .slideOutDown {
  animation-name: slideOutDown;
}
.definer-bubble .slideLeft-enter-active, .definer-bubble .slideInLeft,
.definer-bubble .slideLeft-leave-active, .definer-bubble .slideOutLeft {
  animation-duration: 0.5s;
  animation-fill-mode: both;
}
.definer-bubble .slideLeft-enter-active, .definer-bubble .slideInLeft {
  animation-name: slideInLeft;
}
.definer-bubble .slideLeft-leave-active, .definer-bubble .slideOutLeft {
  animation-name: slideOutLeft;
}
.definer-bubble .slideRight-enter-active, .definer-bubble .slideInRight,
.definer-bubble .slideRight-leave-active, .definer-bubble .slideOutRight {
  animation-duration: 0.5s;
  animation-fill-mode: both;
}
.definer-bubble .slideRight-enter-active, .definer-bubble .slideInRight {
  animation-name: slideInRight;
}
.definer-bubble .slideRight-leave-active, .definer-bubble .slideOutRight {
  animation-name: slideOutRight;
}
.definer-bubble .slideUp-enter-active, .definer-bubble .slideInUp,
.definer-bubble .slideUp-leave-active, .definer-bubble .slideOutUp {
  animation-duration: 0.5s;
  animation-fill-mode: both;
}
.definer-bubble .slideUp-enter-active, .definer-bubble .slideInUp {
  animation-name: slideInUp;
}
.definer-bubble .slideUp-leave-active, .definer-bubble .slideOutUp {
  animation-name: slideOutUp;
}
@keyframes zoomIn {
from {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
}
50% {
    opacity: 1;
}
}
@keyframes zoomOut {
from {
    opacity: 1;
}
50% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
}
to {
    opacity: 0;
}
}
@keyframes zoomInDown {
from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomOutDown {
40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
to {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform-origin: center bottom;
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInLeft {
from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomOutLeft {
40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
}
to {
    opacity: 0;
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform-origin: left center;
}
}
@keyframes zoomInRight {
from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomOutRight {
40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
}
to {
    opacity: 0;
    transform: scale(0.1) translate3d(2000px, 0, 0);
    transform-origin: right center;
}
}
@keyframes zoomInUp {
from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomOutUp {
40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
to {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform-origin: center bottom;
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.definer-bubble .zoom-enter-active, .definer-bubble .zoomIn,
.definer-bubble .zoom-leave-active, .definer-bubble .zoomOut {
  animation-duration: 0.5s;
  animation-fill-mode: both;
}
.definer-bubble .zoom-enter-active, .definer-bubble .zoomIn {
  animation-name: zoomIn;
}
.definer-bubble .zoom-leave-active, .definer-bubble .zoomOut {
  animation-name: zoomOut;
}
.definer-bubble .zoomDown-enter-active, .definer-bubble .zoomInDown,
.definer-bubble .zoomDown-leave-active, .definer-bubble .zoomOutDown {
  animation-duration: 0.5s;
  animation-fill-mode: both;
}
.definer-bubble .zoomDown-enter-active, .definer-bubble .zoomInDown {
  animation-name: zoomInDown;
}
.definer-bubble .zoomDown-leave-active, .definer-bubble .zoomOutDown {
  animation-name: zoomOutDown;
}
.definer-bubble .zoomLeft-enter-active, .definer-bubble .zoomInLeft,
.definer-bubble .zoomLeft-leave-active, .definer-bubble .zoomOutLeft {
  animation-duration: 0.5s;
  animation-fill-mode: both;
}
.definer-bubble .zoomLeft-enter-active, .definer-bubble .zoomInLeft {
  animation-name: zoomInLeft;
}
.definer-bubble .zoomLeft-leave-active, .definer-bubble .zoomOutLeft {
  animation-name: zoomOutLeft;
}
.definer-bubble .zoomRight-enter-active, .definer-bubble .zoomInRight,
.definer-bubble .zoomRight-leave-active, .definer-bubble .zoomOutRight {
  animation-duration: 0.5s;
  animation-fill-mode: both;
}
.definer-bubble .zoomRight-enter-active, .definer-bubble .zoomInRight {
  animation-name: zoomInRight;
}
.definer-bubble .zoomRight-leave-active, .definer-bubble .zoomOutRight {
  animation-name: zoomOutRight;
}
.definer-bubble .zoomUp-enter-active, .definer-bubble .zoomInUp,
.definer-bubble .zoomUp-leave-active, .definer-bubble .zoomOutUp {
  animation-duration: 0.5s;
  animation-fill-mode: both;
}
.definer-bubble .zoomUp-enter-active, .definer-bubble .zoomInUp {
  animation-name: zoomInUp;
}
.definer-bubble .zoomUp-leave-active, .definer-bubble .zoomOutUp {
  animation-name: zoomOutUp;
}
@keyframes flipIn {
from {
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    animation-timing-function: ease-out;
    opacity: 0;
}
40% {
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    animation-timing-function: ease-out;
    opacity: 0.4;
}
50% {
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    animation-timing-function: ease-in;
    opacity: 0.5;
}
80% {
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    animation-timing-function: ease-in;
    opacity: 0.8;
}
to {
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    animation-timing-function: ease-in;
    opacity: 1;
}
}
@keyframes flipOut {
from {
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    animation-timing-function: ease-in;
    opacity: 1;
}
40% {
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    animation-timing-function: ease-in;
    opacity: 0.6;
}
50% {
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    animation-timing-function: ease-in;
    opacity: 0.5;
}
80% {
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    animation-timing-function: ease-out;
    opacity: 0.2;
}
to {
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    animation-timing-function: ease-out;
    opacity: 0;
}
}
@keyframes flipInX {
from {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0;
}
40% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    animation-timing-function: ease-in;
}
60% {
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
}
80% {
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
to {
    transform: perspective(400px);
}
}
@keyframes flipInY {
from {
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0;
}
40% {
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    animation-timing-function: ease-in;
}
60% {
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
}
80% {
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
to {
    transform: perspective(400px);
}
}
@keyframes flipOutX {
from {
    transform: perspective(400px);
}
30% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
}
to {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
}
}
@keyframes flipOutY {
from {
    transform: perspective(400px);
}
30% {
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
}
to {
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
}
}
.definer-bubble .flip-enter-active, .definer-bubble .flipIn,
.definer-bubble .flip-leave-active, .definer-bubble .flipOut {
  animation-duration: 0.5s;
  animation-fill-mode: both;
}
.definer-bubble .flip-enter-active, .definer-bubble .flipIn {
  animation-name: flipIn;
}
.definer-bubble .flip-leave-active, .definer-bubble .flipOut {
  animation-name: flipOut;
}
.definer-bubble .flipX-enter-active, .definer-bubble .flipInX,
.definer-bubble .flipX-leave-active, .definer-bubble .flipOutX {
  animation-duration: 0.5s;
  animation-fill-mode: both;
}
.definer-bubble .flipX-enter-active, .definer-bubble .flipInX {
  animation-name: flipInX;
}
.definer-bubble .flipX-leave-active, .definer-bubble .flipOutX {
  animation-name: flipOutX;
}
.definer-bubble .flipY-enter-active, .definer-bubble .flipInY,
.definer-bubble .flipY-leave-active, .definer-bubble .flipOutY {
  animation-duration: 0.5s;
  animation-fill-mode: both;
}
.definer-bubble .flipY-enter-active, .definer-bubble .flipInY {
  animation-name: flipInY;
}
.definer-bubble .flipY-leave-active, .definer-bubble .flipOutY {
  animation-name: flipOutY;
}
@keyframes lightSpeedIn {
from {
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
}
60% {
    transform: skewX(20deg);
    opacity: 1;
}
80% {
    transform: skewX(-5deg);
}
to {
    transform: translate3d(0, 0, 0);
}
}
@keyframes lightSpeedOut {
from {
    opacity: 1;
}
to {
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
}
}
.definer-bubble .lightSpeed-enter-active, .definer-bubble .lightSpeedIn,
.definer-bubble .lightSpeed-leave-active, .definer-bubble .lightSpeedOut {
  animation-duration: 0.5s;
  animation-fill-mode: both;
}
.definer-bubble .lightSpeed-enter-active, .definer-bubble .lightSpeedIn {
  animation-name: lightSpeedIn;
}
.definer-bubble .lightSpeed-leave-active, .definer-bubble .lightSpeedOut {
  animation-name: lightSpeedOut;
}
.definer-bubble .v-popper--theme-tooltip {
  max-width: 400px;
  z-index: 10000000;
  display: block !important;
  pointer-events: none;
  text-align: center;
  white-space: pre-line;
}
@media screen and (max-width: 700px) {
.definer-bubble .v-popper--theme-tooltip {
    max-width: 300px;
}
}
.definer-bubble .v-popper--theme-tooltip.v-popper__popper--shown .v-popper__wrapper {
  transform: scale(1);
  transition-duration: 125ms;
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
.definer-bubble .v-popper--theme-tooltip.v-popper__popper--hidden .v-popper__wrapper {
  transform: scale(0);
  opacity: 0;
  transition: none;
}
.definer-bubble .v-popper--theme-tooltip .v-popper__inner {
  background: rgba(66, 66, 66, 0.9);
  color: #FFFFFF;
  border-radius: var(--border-radius);
  font-size: 14px;
  line-height: 22px;
  display: inline-block;
  padding: 5px 16px;
  text-transform: none;
  text-transform: initial;
  width: auto;
  pointer-events: none;
}
#definer-bubble {
  /*  scrollbar-color:
            var(--v-secondary-darken1)
            var(--v-secondary-base); !* thumb and track color *!*/
  scrollbar-width: thin;
  -moz-appearance: none !important;
  font-size: var(--font-size);
  font-family: var(--font-family);
  line-height: 24px;
  font-weight: var(--font-weight) !important;
  -webkit-text-size-adjust: 100%;
  display: flex;
  flex-flow: column;
  overflow: visible;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: transparent;
  z-index: 5000;
}
#definer-bubble ::-webkit-scrollbar {
  width: 14px;
  height: 14px;
}
#definer-bubble ::-webkit-scrollbar-corner {
  background-color: transparent;
}
#definer-bubble ::-webkit-scrollbar-track {
  background: color-mix(in srgb, var(--v-ground-base) 95%, var(--v-text-base));
}
#definer-bubble ::-webkit-scrollbar-thumb {
  background: color-mix(in srgb, var(--v-ground-base) 85%, var(--v-text-base));
}
#definer-bubble ::-webkit-scrollbar-thumb:hover {
  background: color-mix(in srgb, var(--v-ground-base) 80%, var(--v-text-base));
}
#definer-bubble ::-webkit-scrollbar-thumb:active {
  background: color-mix(in srgb, var(--v-ground-base) 70%, var(--v-text-base));
}
#definer-bubble.definer-bubble--floating {
  transition: none 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
  position: fixed !important;
  transform: none !important;
}
#definer-bubble.definer-bubble--floating .definer-result-content-wrapper {
  height: calc(100% - var(--5d380ce3));
}
#definer-bubble.definer-bubble--minimized {
  transition: none 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
}
#definer-bubble .definer-bubble-result {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  border-radius: var(--border-radius);
  overflow: hidden;
  position: relative;
  background: var(--v-ground-base);
  color: var(--v-text-base);
  min-height: 100px;
  min-width: 200px;
}
#definer-bubble .definer-bubble-result > * {
  transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  transition-property: all;
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-delay: 0s;
}
#definer-bubble .definer-bubble-result ul,
#definer-bubble .definer-bubble-result ol {
  padding-left: 24px;
  list-style: initial;
}
#definer-bubble .definer-bubble-result p {
  margin-bottom: 16px;
}
#definer-bubble .definer-bubble-result audio {
  display: none;
}
#definer-bubble .definer-bubble-resize {
  position: absolute;
  right: 0;
  bottom: 0;
  padding: 0 5px 5px 0;
  z-index: 100;
}
#definer-bubble .definer-bubble-arrow,
#definer-bubble .definer-bubble-resize {
  animation-duration: 200ms;
  animation-delay: 350ms !important;
}
#definer-bubble .definer-bubble-arrow:before {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}
#definer-bubble[data-popper-placement^=top] .definer-bubble-arrow {
  bottom: 0;
}
#definer-bubble[data-popper-placement^=bottom] .definer-bubble-arrow {
  top: 0;
}
#definer-bubble[data-popper-placement^=left] .definer-bubble-arrow {
  right: 0;
}
#definer-bubble[data-popper-placement^=right] .definer-bubble-arrow {
  left: 0;
}
#definer-bubble button:hover,
#definer-bubble button:active,
#definer-bubble button:focus {
  border: none;
}
.ai-result-textbox[data-v-60914882] {
  position: sticky;
  flex-shrink: 0;
  margin-top: auto;
  bottom: -1px;
  left: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  width: 100%;
  height: var(--20aec855);
  padding: 0 0.8em;
  box-sizing: border-box;
  border-top: 1px solid rgba(var(--text-rgb), 0.12);
  background: var(--v-ground-base);
  opacity: 0;
  animation: fadeIn-60914882 300ms ease-in-out forwards;
  animation-delay: 300ms;
}
.ai-result-textbox[data-v-60914882]:before {
  content: "";
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(var(--text-rgb), 0.05);
}
.ai-result-textbox-send[data-v-60914882] {
  margin: 0 0.5em 0 0.5em;
}
.ai-result-textbox-input[data-v-60914882] {
  outline: none;
  caret-color: var(--v-text-base);
  color: var(--v-text-base);
  width: 100%;
  resize: none;
}
.ai-result-textbox-input[data-v-60914882]::placeholder {
  color: var(--v-text-base);
  opacity: 1;
  /* Firefox */
}
@keyframes fadeIn-60914882 {
from {
    opacity: 0;
}
to {
    opacity: 1;
}
}
.rotatable[data-v-91e5f300] {
  transition: transform 300ms ease-in-out;
}
.rotated-180[data-v-91e5f300] {
  transform: rotate(180deg);
}
.mat-menu[data-v-91e5f300] {
  display: inline-flex;
  position: relative;
}
.mat-menu[data-open] .mat-menu-activator[data-v-91e5f300]:before {
  opacity: 0.1;
}
.mat-menu[data-disabled][data-v-91e5f300] {
  color: rgba(var(--text-rgb), 0.75);
}
.mat-menu[data-disabled] .mat-menu-activator[data-v-91e5f300] {
  cursor: default;
}
.mat-menu[data-disabled] .mat-menu-activator[data-v-91e5f300]:before {
  display: none;
}
.ai-result-message-actions[data-v-5cebb36f] {
  display: flex;
  align-items: center;
  position: absolute;
  bottom: var(--c51f2866);
  background: var(--v-secondary-base);
  border-radius: 15px;
  z-index: 1;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.ai-result-message-actions[data-menu-open=true][data-v-5cebb36f] {
  opacity: 1 !important;
  z-index: 2;
}
.menu-list[data-v-5cebb36f] {
  display: flex;
  flex-flow: column;
  background: var(--v-secondary-base);
  border-radius: var(--border-radius);
  overflow: hidden;
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}
.menu-list > *[data-v-5cebb36f] {
  width: 100%;
  box-shadow: none !important;
  position: relative;
  overflow: hidden;
  justify-content: flex-start;
  text-transform: none;
  letter-spacing: normal;
  padding-left: 0.8em;
  border-radius: 0;
}
.menu-list > *[data-v-5cebb36f] svg {
  margin-right: 8px;
}
.menu-list > *[data-delete-confirm=true][data-v-5cebb36f] {
  background: #f44336;
  color: white;
}
.ai-result-message-branch-switcher[data-v-71c108ec] {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 2px;
}
.ai-result-message-branch-switcher-label[data-v-71c108ec] {
  font-size: 0.85em;
}
.ai-result-message-content[data-v-2a433243] {
  display: inline-block;
  border-radius: var(--ai-result-message-border-radius, 12px);
}
.ai-result-message-content[data-message-role=user][data-v-2a433243] {
  background: var(--v-primary-base);
  color: var(--v-contrast-base);
  padding: 0.4em 1em;
  position: relative;
  margin-left: auto;
}
.ai-result-message-content[data-message-role=user][data-v-2a433243]:before {
  content: "";
  position: absolute;
  z-index: 0;
  bottom: 0;
  right: -8px;
  height: 20px;
  width: 20px;
  background: var(--v-primary-base);
  background-attachment: fixed;
  border-bottom-left-radius: 15px;
}
.ai-result-message-content[data-message-role=user][data-v-2a433243]:after {
  content: "";
  position: absolute;
  z-index: 1;
  bottom: 0;
  right: -10px;
  width: 10px;
  height: 20px;
  background: var(--v-ground-base);
  border-bottom-left-radius: 10px;
}
.ai-result-message-content[data-message-role=user][data-v-2a433243] blockquote {
  background: color-mix(in srgb, var(--v-primary-base) 90%, var(--v-contrast-base));
  color: var(--v-contrast-base);
  border: none;
}
.ai-result-message-content[data-v-2a433243] p:not(:has(br)) {
  white-space: pre-line;
}
.ai-result-message-content[data-v-2a433243] >  ol > li, .ai-result-message-content[data-v-2a433243] >  ul > li {
  margin-bottom: 1em;
}
.ai-result-message-content[data-v-2a433243] >  *:last-child,
.ai-result-message-content[data-v-2a433243] p:last-child {
  margin-bottom: 0 !important;
}
.ai-result-message-content[data-v-2a433243] blockquote {
  border-radius: var(--ai-result-message-border-radius, 12px);
  padding: 1em;
  background: var(--v-secondary-base);
  border: 1px solid rgba(var(--text-rgb), 0.12);
  margin: 0.5em 0;
}
.ai-result-message-content[data-v-2a433243] blockquote + hr {
  opacity: 0;
}
.ai-result-message-content[data-v-2a433243] hr {
  border-color: rgba(var(--text-rgb), 0.12);
  margin-bottom: 1em;
}
.ai-result-message-content[data-v-2a433243] a {
  color: var(--v-anchor-base) !important;
}
.ai-result-message-content[data-v-2a433243] h1,
.ai-result-message-content[data-v-2a433243] h2,
.ai-result-message-content[data-v-2a433243] h3,
.ai-result-message-content[data-v-2a433243] h4,
.ai-result-message-content[data-v-2a433243] h5,
.ai-result-message-content[data-v-2a433243] h6 {
  margin: 0.2em 0 0.5em 0;
  line-height: 1.2;
}
.ai-result-message-content[data-v-2a433243] table {
  width: 100%;
  border-collapse: collapse;
  margin: 20px 0;
  border-radius: 8px;
  overflow: hidden;
}
.ai-result-message-content[data-v-2a433243] th {
  background: rgba(var(--text-rgb), 0.1);
  font-weight: 600;
  padding: 6px 10px;
  text-align: left;
  letter-spacing: 0.5px;
}
.ai-result-message-content[data-v-2a433243] td {
  padding: 6px 10px;
  background-color: rgba(var(--text-rgb), 0.008);
}
.ai-result-message-content[data-v-2a433243] tr:nth-child(even) {
  background-color: rgba(var(--text-rgb), 0.025);
}
.ai-result-message-content[data-v-2a433243] tr:last-child td {
  border-bottom: none;
}
.ai-result-message-content[data-v-2a433243] code {
  background: rgba(var(--text-rgb), 0.08);
  padding: 3px 5px;
  margin: 0 2px;
  border-radius: 5px;
  word-break: keep-all;
  white-space: pre;
  font-family: "Cascadia Code", "Fira Code", "Consolas", "Sarasa Mono SC", "Microsoft YaHei UI", Courier, monospace;
}
.ai-result-message-content[data-v-2a433243] pre > code {
  display: block;
  overflow: auto;
  padding: 10px;
  margin: 10px 0;
}
.spinner[data-v-3bc154e6] {
  animation: circle-rotator-3bc154e6 1.4s linear infinite;
}
.spinner *[data-v-3bc154e6] {
  line-height: 0;
  box-sizing: border-box;
}
@keyframes circle-rotator-3bc154e6 {
0% {
    transform: rotate(0deg);
}
100% {
    transform: rotate(270deg);
}
}
.path[data-v-3bc154e6] {
  stroke-dasharray: 187;
  stroke-dashoffset: 0;
  transform-origin: center;
  animation: circle-dash-3bc154e6 1.4s ease-in-out infinite,circle-colors-3bc154e6 5.6s ease-in-out infinite;
}
@keyframes circle-colors-3bc154e6 {
0% {
    stroke: var(--v-text-base);
}
25% {
    stroke: var(--v-ptext-base);
}
50% {
    stroke: var(--v-primary-base);
}
75% {
    stroke: var(--v-ptext-base);
}
100% {
    stroke: var(--v-text-base);
}
}
@keyframes circle-dash-3bc154e6 {
0% {
    stroke-dashoffset: 187;
}
50% {
    stroke-dashoffset: 46.75;
    transform: rotate(135deg);
}
100% {
    stroke-dashoffset: 187;
    transform: rotate(450deg);
}
}
.ai-result-message-thinking[data-v-79c6b748] {
  background: rgba(var(--text-rgb), 0.05);
  font-size: 0.9em;
  margin-bottom: 1em;
  border-radius: var(--border-radius);
  white-space: pre-line;
}
.ai-result-message-thinking-toggle-btn[data-v-79c6b748] {
  display: flex;
  align-items: center;
  cursor: pointer;
  position: relative;
  padding: 0.8em 0.8em;
  border-radius: var(--border-radius);
}
.ai-result-message-thinking-toggle-btn[data-v-79c6b748]:before {
  transition: opacity 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
  background: currentColor;
  opacity: 0;
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 0;
  border-radius: inherit;
  pointer-events: none;
}
.ai-result-message-thinking-toggle-btn[data-v-79c6b748]:hover:before {
  opacity: 0.12;
}
.ai-result-message-thinking-toggle-btn[data-v-79c6b748]:active:before {
  opacity: 0.2;
}
.ai-result-message-thinking-toggle-btn:hover .brain-icon[data-v-79c6b748] {
  opacity: 1;
}
.ai-result-message-thinking-toggle-btn .spinner[data-v-79c6b748] {
  margin: 0 0.2em;
}
.ai-result-message-thinking-toggle-btn .ai-result-message-thinking-label[data-v-79c6b748] {
  margin: 0 0.5em;
}
.ai-result-message-thinking-toggle-btn .brain-icon[data-v-79c6b748] {
  opacity: 0.8;
  transition: opacity 300ms ease-in-out;
}
.ai-result-message-thinking-toggle-btn .icon[data-v-79c6b748]:last-child {
  margin-left: auto;
  transition: transform 300ms ease-in-out;
}
.ai-result-message-thinking-toggle-btn .icon:last-child.rotated[data-v-79c6b748] {
  transform: rotate(180deg);
}
.ai-result-message-thinking-text[data-v-79c6b748] {
  padding: 0.8em 0.8em;
}
.ai-error[data-v-bbd033d6] {
  display: flex;
  flex-flow: column;
  justify-content: center;
}
.ai-error-icon[data-v-bbd033d6] {
  flex-shrink: 0;
}
.ai-error-text[data-v-bbd033d6] {
  display: flex;
  align-items: center;
  margin: 0.5em 0 1.5em;
  color: var(--v-error-base);
}
.ai-error-text > *[data-v-bbd033d6]:first-child {
  margin: auto 0.8em;
  display: flex;
}
.ai-error-hint[data-v-bbd033d6] {
  padding: 0.5em 1em;
  margin: auto 0 1.5em 0;
  border-left: 4px solid rgba(var(--text-rgb), 0.12);
  background: rgba(var(--text-rgb), 0.08);
  font-size: 0.9em;
  overflow: auto;
}
.ai-error-text-title[data-v-bbd033d6] {
  font-weight: bold;
}
.ai-error-text-subtitle[data-v-bbd033d6] {
  font-size: 0.8em;
  color: rgba(var(--error-rgb), 1);
  text-transform: uppercase;
}
.ai-error-status[data-v-bbd033d6] {
  color: rgba(var(--text-rgb), 0.5);
  font-size: 0.8em;
  margin: -1em 1em 1.5em;
}
.ai-error-open-settings[data-v-bbd033d6] {
  display: flex;
  justify-content: flex-start;
  margin-bottom: 1em;
  opacity: 0;
  animation-delay: 500ms;
}
.ai-error-open-settings .ai-result-open-settings[data-v-bbd033d6] {
  color: var(--v-contrast-base);
  background: var(--v-primary-base);
}
.ai-result-message-body[data-v-ba996da4] {
  --ai-result-message-border-radius: 20px;
  margin-bottom: 1em;
  position: relative;
  display: flex;
  flex-flow: column;
  width: 100%;
}
.ai-result-message-body[data-message-role=user][data-v-ba996da4] {
  width: auto;
}
.ai-result-message-body:hover .ai-result-message-actions[data-v-ba996da4] {
  opacity: 1;
}
.ai-result-message-body .ai-result-message-actions-wrapper[data-v-ba996da4] {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: relative;
  gap: 8px;
  margin-top: 2px;
}
.ai-result-message-body .ai-result-message-actions-wrapper[data-branching=true] > *[data-v-ba996da4] {
  position: static;
}
.ai-result-message-body[data-message-role=user][data-v-ba996da4] {
  max-width: 95%;
  margin-left: auto;
}
.ai-result-message-body[data-message-role=user] .ai-result-message-actions-wrapper[data-v-ba996da4] {
  flex-flow: row-reverse;
}
.ai-result-message-body[data-message-role=user] .ai-result-message-actions[data-v-ba996da4] {
  right: 10px;
}
.ai-result-message-actions[data-v-ba996da4] {
  opacity: 0;
  transition: opacity 200ms ease-in-out;
}
.ai-result-message-edit[data-v-5a7e2311] {
  display: flex;
  flex-flow: column;
  width: 100%;
}
.ai-result-message-edit[data-message-role=user] .ai-result-message-edit-actions[data-v-5a7e2311] {
  margin-left: auto;
  margin-right: 0.3em;
}
.ai-result-message-edit-input[data-v-5a7e2311] {
  width: 100%;
  outline: none;
  resize: vertical;
  padding: 0.5em 0.8em;
  min-height: 100px;
  background: var(--v-secondary-base);
  border-radius: var(--border-radius);
  color: var(--v-text-base);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  transition: box-shadow 150ms ease-in-out;
}
.ai-result-message-edit-input[data-v-5a7e2311]:focus {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}
.ai-result-message-edit-actions[data-v-5a7e2311] {
  display: inline-flex;
  align-items: center;
  font-size: 0.9em;
  overflow: hidden;
  background: var(--v-secondary-base);
  border-radius: 15px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  margin: 0.2em auto 0.8em 0.3em;
}
.ai-result-message-edit-actions[data-v-5a7e2311] >  * {
  padding: 0 0.8em;
}
.ai-result-message-edit-actions[data-v-5a7e2311] >  *:first-child {
  border-right: 1px solid rgba(var(--text-rgb), 0.12) !important;
}
.ai-result-message-edit-actions[data-v-5a7e2311] >  *,
.ai-result-message-edit-actions[data-v-5a7e2311] .mat-button-45628-content {
  gap: 5px;
  height: 28px;
  border-radius: 0 !important;
  box-shadow: none !important;
}
.ai-result-message-loader[data-v-e85f6756] {
  display: flex;
  align-items: center;
  margin: 0.3em 0.5em;
  gap: 12px;
  font-size: 0.95em;
}
.ai-result-message-loader > span[data-v-e85f6756] {
  animation: fadeInOut-e85f6756 3s infinite;
}
@keyframes fadeInOut-e85f6756 {
0% {
    opacity: 0.5;
}
50% {
    opacity: 1;
}
100% {
    opacity: 0.5;
}
}
.ai-result-message[data-v-2331666a] {
  display: flex;
}
.ai-result-messages[data-v-6e7660ec] {
  width: 100%;
  display: flex;
  flex-flow: column;
  padding: 0 12px;
  box-sizing: border-box;
}
.ai-result-messages[data-no-prompt][data-v-6e7660ec] {
  padding: 8px 12px;
}
.ai-result-no-prompt[data-v-638557c0] {
  display: flex;
  align-items: center;
  flex-flow: row wrap;
  gap: 8px;
  margin: 12px 12px 8px;
}
.model-name[data-v-638557c0] {
  font-size: 0.8em;
  margin-left: 8px;
}
.ai-prompt-favorite-btn[data-v-71095736] {
  pointer-events: all;
  opacity: 0;
  margin-left: 0.3em;
  transition: opacity 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
}
.ai-prompt-favorite-btn[data-selected][data-v-71095736] {
  opacity: 1;
  color: var(--v-ptext-base);
}
.ai-result-prompt-list-item[data-v-8ee468c6] {
  display: flex;
  align-items: center;
  gap: 8px;
}
.ai-result-prompt-list-item .provider-icon[data-v-8ee468c6] {
  flex-shrink: 0;
}
.ai-result-prompt-list-item.nowrap .provider-name[data-v-8ee468c6] {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ai-prompt-favorite-btn[data-v-2c99af6b] {
  margin-left: 0.5em;
}
.ai-result-prompt-select[data-v-2c99af6b] {
  z-index: 2;
}
.ai-result-prompt-select .list-item:hover .ai-prompt-favorite-btn[data-v-2c99af6b] {
  opacity: 1;
}
.ai-result-prompt[data-v-4a071cfc] {
  display: flex;
  flex-flow: row wrap;
  margin: 8px 12px;
}
.ai-result-prompt:hover .ai-result-prompt-edit-btn[data-v-4a071cfc] {
  opacity: 1;
}
.ai-result-prompt-config[data-v-4a071cfc] {
  font-size: 0.8em;
  margin-left: 8px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.ai-result-prompt-config > .default[data-v-4a071cfc] {
  opacity: 0.8;
}
.ai-result-message-branch-switcher[data-v-4a071cfc] {
  margin-left: auto;
}
.ai-result-prompt-edit-btn[data-v-4a071cfc] {
  opacity: 0;
  transition: opacity 150ms ease-in-out;
  margin-left: 5px;
}
.ai-result-prompt-list[data-v-2fdafb7b] {
  display: flex;
  flex-flow: column;
  margin-top: 4px;
}
.ai-result-prompt-list-item-wrapper[data-v-2fdafb7b] {
  display: flex;
  align-items: center;
  position: relative;
  padding: 8px 12px;
  cursor: pointer;
}
.ai-result-prompt-list-item-wrapper[data-v-2fdafb7b]:before {
  transition: opacity 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
  background: currentColor;
  opacity: 0;
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 0;
  border-radius: inherit;
  pointer-events: none;
}
.ai-result-prompt-list-item-wrapper[data-v-2fdafb7b]:hover:before {
  opacity: 0.12;
}
.ai-result-prompt-list-item-wrapper[data-v-2fdafb7b]:active:before {
  opacity: 0.2;
}
.ai-result-prompt-list-item-wrapper:hover .ai-prompt-favorite-btn[data-v-2fdafb7b] {
  opacity: 1;
}
.ai-prompt-favorite-btn[data-v-2fdafb7b] {
  margin-left: auto;
}
.ai-result-view[data-v-0d28548c] {
  display: flex;
  flex-flow: column;
  height: 100%;
}
.ai-source-result[data-v-e5585240] {
  height: 100%;
}
.bing-images-iframe[data-v-9637d816] {
  position: relative;
  height: 100%;
}
.bing-images-iframe iframe[data-v-9637d816] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  height: 100%;
  width: 100%;
}
.bing-images-iframe-overlay[data-v-9637d816] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 0 1em;
  box-sizing: border-box;
  overflow: hidden;
  background: rgba(0, 0, 0, 0.24);
  display: flex;
  justify-content: center;
  align-items: center;
}
.custom-audio-icon[data-v-573565fc] {
  height: auto !important;
  position: relative;
}
.custom-audio-logo[data-v-573565fc] {
  position: absolute;
  right: -4px;
  bottom: 0px;
  animation-duration: 350ms;
  animation-delay: 250ms;
}
.definer-outer-frame-wrapper[data-v-974c321e] {
  position: relative;
  height: 100%;
}
.definer-outer-frame-wrapper iframe[data-v-974c321e] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  height: 100%;
  width: 100%;
}
.definer-outer-frame-overlay[data-v-974c321e] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 0 1em;
  box-sizing: border-box;
  overflow: hidden;
  background: rgba(0, 0, 0, 0.24);
  display: flex;
  justify-content: center;
  align-items: center;
}
.custom-resource-result[data-v-2821c17c] {
  height: 100%;
}
.custom-resource-result[data-v-2821c17c] .mw-empty-elt {
  margin: 0 !important;
}
.custom-resource-result > div[data-v-2821c17c] {
  display: flex;
  flex-flow: column;
  height: 100%;
}
.custom-resource-result > div .custom-resource-result-actions[data-v-2821c17c] {
  text-align: right;
  padding: 1.2em 0.5em 0.8em;
  position: absolute;
  right: 0;
  bottom: 0;
}
.custom-resource-result > div .custom-resource-result-actions > *[data-v-2821c17c] {
  opacity: 0.3;
}
.custom-resource-result > div .custom-resource-result-actions > *[data-v-2821c17c]:hover {
  opacity: 1;
}
.custom-resource-result .custom-details-btn[data-v-2821c17c] {
  box-shadow: none;
}
.ddg-ia-topic[data-v-59b16248] {
  display: flex;
  flex-flow: row wrap;
}
.ddg-ia-topic > *[data-v-59b16248] {
  min-width: 0;
}
.ddg-ia-topic[data-v-59b16248]:not(:last-child) {
  border-bottom: 1px solid rgba(var(--text-rgb), 0.12);
  padding-bottom: 1em;
  margin-bottom: 1em;
}
.ddg-ia-topic-icon-link[data-v-59b16248] {
  display: block;
  margin: 0.6em auto 0;
  min-width: 150px;
}
.ddg-ia-topic-icon[data-v-59b16248] {
  max-width: 100%;
  border-radius: var(--border-radius);
}
.ddg-ia-topic-result[data-v-59b16248] {
  max-width: 400px;
}
.ddg-ia-topic-result[data-v-59b16248] a {
  color: rgba(var(--anchor-rgb), 0.8);
  font-weight: bold;
  text-decoration: none;
}
.ddg-ia-topic-result[data-v-59b16248] a:first-child {
  display: block;
}
.ddg-ia-topic-result[data-v-59b16248] a:hover {
  color: rgba(var(--anchor-rgb), 1);
  text-decoration: underline;
}
.ddg-ia-resource-result[data-v-d086e234] {
  height: 100%;
  white-space: pre-line;
}
.ddg-ia-resource-result > div[data-v-d086e234] {
  display: flex;
  flex-flow: column;
  height: 100%;
}
.ddg-ia-resource-result > div .ddg-ia-resource-result-actions[data-v-d086e234] {
  text-align: right;
  margin-top: auto;
  padding: 1.2em 0.5em 0.8em;
}
.ddg-ia-resource-result .ddg-ia-abstract[data-v-d086e234] {
  border-bottom: 1px solid rgba(var(--text-rgb), 0.12);
  padding-bottom: 1em;
  margin-bottom: 1em;
}
.google-dictionary-supplements.multi[data-v-116e563a] {
  margin-bottom: 0.5em;
}
.google-dictionary-supplements.multi .label[data-v-116e563a] {
  display: inline-block;
}
.google-meaning-example-text[data-v-116e563a] {
  font-style: italic;
}
.google-meaning-example[data-v-116e563a],
.google-meaning-synonyms[data-v-116e563a],
.google-meaning-antonyms[data-v-116e563a] {
  color: rgba(var(--text-rgb), 0.6);
  font-size: 0.9em;
  margin-top: 2px;
  line-height: 1.4;
}
.google-meaning-example .label[data-v-116e563a],
.google-meaning-synonyms .label[data-v-116e563a],
.google-meaning-antonyms .label[data-v-116e563a] {
  display: none;
  font-weight: 600;
  color: rgba(var(--text-rgb), 0.7);
  margin-right: 4px;
}
.google-meaning-def[data-v-7518092c] {
  color: rgb(var(--text-rgb));
  line-height: 1.5;
}
.google-dictionary-result[data-v-877618e4] {
  min-height: 100%;
  display: flex;
  flex-flow: column;
}
.google-def-group[data-v-877618e4]:not(:first-child) {
  border-top: 1px solid rgba(var(--text-rgb), 0.12);
  margin-top: 12px;
  padding-top: 12px;
}
.google-def-form[data-v-877618e4] {
  font-weight: bold;
  text-transform: capitalize;
  margin-bottom: 4px;
  display: inline-block;
}
.google-meaning-item[data-v-877618e4] {
  padding-bottom: 0.5em;
}
.google-paginated-view[data-v-877618e4] {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.google-meaning-body[data-v-877618e4] {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding-bottom: 8px;
}
.google-dictionary-footer[data-v-877618e4] {
  margin-top: auto;
  display: flex;
  align-items: center;
  padding: 1.2em 0.5em 0.8em;
  border-top: 1px solid rgba(var(--text-rgb), 0.12);
}
.google-dictionary-footer.compact[data-v-877618e4] {
  padding: 8px 0.5em 0 8px;
}
.google-dictionary-footer.align-spread[data-v-877618e4] {
  justify-content: space-between;
}
.google-dictionary-footer.align-center[data-v-877618e4] {
  justify-content: center;
}
.google-pagination-controls[data-v-877618e4] {
  display: flex;
  align-items: center;
  gap: 16px;
  user-select: none;
}
.google-action-btn[data-v-877618e4] {
  flex-shrink: 0;
  margin-left: auto;
}
.nav-counter[data-v-877618e4] {
  font-size: 0.85em;
  opacity: 0.6;
  min-width: 40px;
  text-align: center;
}
.google-dictionary-icon[data-v-877618e4] {
  height: 1.5em;
  width: 1.5em;
}
.spinner[data-v-3321a674] {
  overflow: hidden;
  position: relative;
  text-indent: -9999px;
  display: inline-block;
  background: #f86;
  border-radius: 50%;
  transform: rotateZ(90deg);
  transform-origin: 50% 50%;
  animation: plus-loader-background-3321a674 3s infinite ease-in-out;
}
.spinner[data-v-3321a674]::after {
  background: #f86;
  border-radius: 50% 0 0 50%;
  content: "";
  position: absolute;
  right: 50%;
  top: 0;
  width: 50%;
  height: 100%;
  transform-origin: 100% 50%;
  animation: plus-loader-top-3321a674 3s infinite linear;
}
.spinner[data-v-3321a674]::before {
  background: #fc6;
  border-radius: 50% 0 0 50%;
  content: "";
  position: absolute;
  right: 50%;
  top: 0;
  width: 50%;
  height: 100%;
  transform-origin: 100% 50%;
  animation: plus-loader-bottom-3321a674 3s infinite linear;
}
@keyframes plus-loader-top-3321a674 {
2.5% {
    background: #f86;
    transform: rotateY(0deg);
    animation-timing-function: ease-in;
}
13.75% {
    background: #ff430d;
    transform: rotateY(90deg);
    animation-timing-function: step-start;
}
13.76% {
    background: #ffae0d;
    transform: rotateY(90deg);
    animation-timing-function: ease-out;
}
25% {
    background: #fc6;
    transform: rotateY(180deg);
}
27.5% {
    background: #fc6;
    transform: rotateY(180deg);
    animation-timing-function: ease-in;
}
41.25% {
    background: #ffae0d;
    transform: rotateY(90deg);
    animation-timing-function: step-start;
}
41.26% {
    background: #2cc642;
    transform: rotateY(90deg);
    animation-timing-function: ease-out;
}
50% {
    background: #6d7;
    transform: rotateY(0deg);
}
52.5% {
    background: #6d7;
    transform: rotateY(0deg);
    animation-timing-function: ease-in;
}
63.75% {
    background: #2cc642;
    transform: rotateY(90deg);
    animation-timing-function: step-start;
}
63.76% {
    background: #1386d2;
    transform: rotateY(90deg);
    animation-timing-function: ease-out;
}
75% {
    background: #4ae;
    transform: rotateY(180deg);
}
77.5% {
    background: #4ae;
    transform: rotateY(180deg);
    animation-timing-function: ease-in;
}
91.25% {
    background: #1386d2;
    transform: rotateY(90deg);
    animation-timing-function: step-start;
}
91.26% {
    background: #ff430d;
    transform: rotateY(90deg);
    animation-timing-function: ease-in;
}
100% {
    background: #f86;
    transform: rotateY(0deg);
    animation-timing-function: step-start;
}
}
@keyframes plus-loader-bottom-3321a674 {
0% {
    background: #fc6;
    animation-timing-function: step-start;
}
50% {
    background: #fc6;
    animation-timing-function: step-start;
}
75% {
    background: #4ae;
    animation-timing-function: step-start;
}
100% {
    background: #4ae;
    animation-timing-function: step-start;
}
}
@keyframes plus-loader-background-3321a674 {
0% {
    background: #f86;
    transform: rotateZ(180deg);
}
25% {
    background: #f86;
    transform: rotateZ(180deg);
    animation-timing-function: step-start;
}
27.5% {
    background: #6d7;
    transform: rotateZ(90deg);
}
50% {
    background: #6d7;
    transform: rotateZ(90deg);
    animation-timing-function: step-start;
}
52.5% {
    background: #6d7;
    transform: rotateZ(0deg);
}
75% {
    background: #6d7;
    transform: rotateZ(0deg);
    animation-timing-function: step-start;
}
77.5% {
    background: #f86;
    transform: rotateZ(270deg);
}
100% {
    background: #f86;
    transform: rotateZ(270deg);
    animation-timing-function: step-start;
}
}
.google-translate-lang-select .list-item:hover .google-translate-default-lang-btn[data-v-ca47d12c] {
  opacity: 1;
}
.google-translate-default-lang-btn[data-v-ca47d12c] {
  pointer-events: all;
  opacity: 0;
  margin-left: 0.3em;
  transition: opacity 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
}
.google-translate-default-lang-btn[data-selected][data-v-ca47d12c] {
  opacity: 1;
  color: var(--v-ptext-base);
}
.google-translate-supplement-definitions[data-v-e7b0ece0] {
  font-size: 0.9em;
  border-top: 1px dashed rgba(var(--text-rgb), 0.12);
  margin-top: 8px;
  padding-top: 8px;
}
.google-translate-supplement-definitions[data-v-e7b0ece0]:empty {
  display: none;
}
.google-translate-supplement-definitions[data-v-e7b0ece0] .google-dictionary-result {
  min-height: auto !important;
}
.google-translation-dict-reverse[data-v-2d285972] {
  font-size: 0.9em;
  border-top: 1px dashed rgba(var(--text-rgb), 0.12);
  margin-top: 8px;
  padding-top: 8px;
}
.google-translation-dict-reverse-entry[data-v-2d285972] {
  display: flex;
}
.google-translation-dict-reverse-entry > *[data-v-2d285972] {
  position: relative;
  margin-right: 0.3em;
  padding: 0 4px;
  white-space: nowrap;
  border-radius: var(--border-radius);
  cursor: pointer;
}
.google-translation-dict-reverse-entry > *[data-v-2d285972]:not(:first-child) {
  opacity: 0.7;
}
.google-translation-dict-reverse-entry > *[data-v-2d285972]:before {
  transition: opacity 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
  background: currentColor;
  opacity: 0;
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 0;
  border-radius: inherit;
  pointer-events: auto;
}
.google-translation-dict-reverse-entry > *[data-v-2d285972]:hover:before {
  opacity: 0.12;
}
.google-translation-dict-reverse-entry > *[data-v-2d285972]:active:before {
  opacity: 0.2;
}
.google-translation-dict-reverse-form[data-v-2d285972] {
  font-weight: bold;
  text-transform: capitalize;
}
.google-translation-dict-similar[data-v-7a4d863a] {
  font-size: 0.9em;
  border-top: 1px dashed rgba(var(--text-rgb), 0.12);
  margin-top: 8px;
  padding-top: 8px;
}
.google-translation-dict-similar-entry[data-v-7a4d863a] {
  display: inline-flex;
}
.google-translation-dict-similar-entry > *[data-v-7a4d863a] {
  position: relative;
  margin-right: 0.3em;
  padding: 0 4px;
  white-space: nowrap;
  border-radius: var(--border-radius);
  cursor: pointer;
}
.google-translation-dict-similar-entry > *[data-v-7a4d863a]:not(:first-child) {
  opacity: 0.7;
}
.google-translation-dict-similar-entry > *[data-v-7a4d863a]:before {
  transition: opacity 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
  background: currentColor;
  opacity: 0;
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 0;
  border-radius: inherit;
  pointer-events: auto;
}
.google-translation-dict-similar-entry > *[data-v-7a4d863a]:hover:before {
  opacity: 0.12;
}
.google-translation-dict-similar-entry > *[data-v-7a4d863a]:active:before {
  opacity: 0.2;
}
.google-translation-dict-similar-form[data-v-7a4d863a] {
  display: flex;
  font-weight: bold;
  text-transform: capitalize;
}
.google-translation[data-v-f5748af4] {
  display: flex;
  align-items: center;
  margin: 0.2em 0 0;
  padding: 0 0.7em 0.5em;
  font-weight: bold;
}
.translate-swap[data-v-7fa94d4b] {
  display: flex;
  align-items: center;
}
.translate-swap > button[data-v-7fa94d4b] {
  transition: color 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
  display: flex;
  color: rgba(var(--text-rgb), 0.5);
  padding: 0 0 !important;
}
.translate-swap > button[data-v-7fa94d4b]:not([data-disabled]):hover {
  color: var(--text-rgb);
}
.translate-swap > div[data-v-7fa94d4b] {
  width: 100%;
  border-top: 1px solid rgba(var(--text-rgb), 0.12);
}
.google-translate-lang[data-v-c56b96b8] {
  display: flex;
  align-items: center;
}
.google-translate-lang > *[data-v-c56b96b8]:not(:first-child) {
  display: flex;
  margin-right: 0.5em;
}
.google-translate-lang > *[data-v-c56b96b8]:nth-child(2):before {
  content: "";
  display: block;
  height: 13px;
  border-right: 1px dashed rgba(var(--text-rgb), 0.12);
  margin: auto 0.6em auto 0.2em;
}
.google-translate-head[data-layout=compact][data-v-c56b96b8] {
  display: flex;
  flex-flow: row;
  font-size: 0.9em;
}
.google-translate-head[data-layout=compact] .translate-swap[data-v-c56b96b8] {
  rotate: 90deg;
}
.google-translate-head[data-layout=compact] .google-translate-lang > *[data-v-c56b96b8]:not(:first-child) {
  margin-right: 0.2em;
}
.google-translate-head[data-layout=compact] .google-translate-lang > *[data-v-c56b96b8]:nth-child(2):before {
  display: none;
}
.google-translate-resource-result[data-v-162ee969] {
  height: 100%;
  display: flex;
  flex-flow: column;
  padding: 8px 12px 6px;
  box-sizing: border-box;
}
.google-translate-resource-result[data-v-162ee969] .mw-empty-elt {
  margin: 0 !important;
}
.google-translate-resource-result .google-translate-resource-result-actions[data-v-162ee969] {
  display: flex;
  justify-content: flex-end;
  margin-top: auto;
  padding: 1.2em 0.5em 0.8em;
}
.gspeech-icon[data-v-93b56ebe] {
  height: auto !important;
  position: relative;
}
.gspeech-logo[data-v-93b56ebe] {
  position: absolute;
  right: -4px;
  bottom: 0px;
  animation-duration: 350ms;
  animation-delay: 250ms;
}
.gspeech-result[data-v-abbd1fe6] {
  display: flex;
  align-items: center;
}
.gspeech-btn[data-v-abbd1fe6]:not(:last-child) {
  margin-right: 8px;
}
sup[data-v-abbd1fe6] {
  font-size: 9px;
}
.wikipedia-placeholder[data-v-69d284da] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
.wikipedia-resource-result[data-v-370c207e] {
  height: 100%;
}
.wikipedia-resource-result[data-v-370c207e] .mw-empty-elt {
  margin: 0 !important;
}
.wikipedia-resource-result > div[data-v-370c207e] {
  display: flex;
  flex-flow: column;
  height: 100%;
}
.wikipedia-resource-result > div .wikipedia-resource-result-actions[data-v-370c207e] {
  text-align: right;
  padding: 1.2em 0.5em 0.8em;
  position: absolute;
  right: 15px;
  bottom: 0;
}
.wikipedia-resource-result > div .wikipedia-resource-result-actions > *[data-v-370c207e] {
  opacity: 0.6;
}
.wikipedia-resource-result > div .wikipedia-resource-result-actions > *[data-v-370c207e]:hover {
  opacity: 1;
}
.wikipedia-resource-result .wikipedia-details-btn[data-v-370c207e] {
  box-shadow: none;
}
