/***
  Busy indicator,
  Seperate file so busy indicator is always available
  Even during theme changes
 */
/* stylelint-disable scss/at-else-empty-line-before */
/* stylelint-disable scss/at-if-closing-brace-newline-after */
/* stylelint-disable scss/at-if-closing-brace-space-after */
.ai-loading-indicator {
  display: flex;
  position: relative;
  width: 56px;
}
.ai-loading-indicator[hidden] {
  display: none;
}
.ai-loading-indicator .bar {
  margin-right: 2px;
  margin-left: 2px;
  background-color: #F98300;
  width: 16px;
  height: 8px;
  border-radius: 8px;
  transition: 0.2s;
  animation: loading 1.2s ease-in-out 0.2s infinite;
}
.ai-loading-indicator .bar:nth-child(1) {
  background-color: #254A92;
  animation-delay: 0s;
}
.ai-loading-indicator .bar:nth-child(2) {
  background-color: #10B6A6;
  animation-delay: 0.14s;
}
.ai-loading-indicator .bar:nth-child(3) {
  background-color: #CBEFDC;
  animation-delay: 0.42s;
}

@keyframes loading {
  0% {
    height: 8px;
  }
  50% {
    width: 56px;
  }
  100% {
    height: 8px;
  }
}
@keyframes indeterminate-spinner-anim {
  0% {
    transform: rotateZ(0deg);
  }
  100% {
    transform: rotateZ(360deg);
  }
}
@keyframes indeterminate-spinner-progress-anim {
  0%, 15% {
    stroke-dashoffset: 272;
    transform: rotate(0);
  }
  60% {
    stroke-dashoffset: 80;
    transform: rotate(45deg);
  }
  65% {
    stroke-dashoffset: 80;
    transform: rotate(45deg);
  }
  100% {
    stroke-dashoffset: 272;
    transform: rotate(360deg);
  }
}
.busy-indicator-container {
  filter: alpha(opacity=100);
  opacity: 1;
  -webkit-transition: opacity 500ms;
  -moz-transition: opacity 500ms;
  -o-transition: opacity 500ms;
  -ms-transition: opacity 500ms;
  transition: opacity 500ms;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  z-index: 1010;
}
.busy-indicator-container.is-hidden {
  filter: alpha(opacity=0);
  opacity: 0;
}
.busy-indicator-container.blocked-ui {
  bottom: 0;
  display: block;
  left: 0;
  position: absolute;
  right: 0;
  top: calc(50% - 58px);
}
.busy-indicator-container span {
  font-size: 16px;
  font-size: 1.6rem;
  color: #0072ED;
  display: block;
}

.busy-indicator {
  filter: alpha(opacity=100);
  opacity: 1;
  display: inline-block;
  height: 64px;
  margin: 2px;
  position: relative;
  vertical-align: middle;
  width: 64px;
}
.busy-indicator.is-hidden {
  filter: alpha(opacity=0);
  opacity: 0;
}
.busy-indicator .bar {
  background-color: #0072ED;
  display: inline-block;
  height: 50px;
  margin-right: 5px;
  width: 5px;
}
.busy-indicator .bar:last-child {
  margin-right: 0;
}
.busy-indicator:not(.is-hidden) > .bar {
  -webkit-animation: stretchdelay 1s infinite ease-in-out;
  -moz-animation: stretchdelay 1s infinite ease-in-out;
  -o-animation: stretchdelay 1s infinite ease-in-out;
  -ms-animation: stretchdelay 1s infinite ease-in-out;
  animation: stretchdelay 1s infinite ease-in-out;
}
.busy-indicator:not(.is-hidden) > .bar.one {
  -webkit-animation-delay: -0.5s;
  -moz-animation-delay: -0.5s;
  -o-animation-delay: -0.5s;
  -ms-animation-delay: -0.5s;
  animation-delay: -0.5s;
}
.busy-indicator:not(.is-hidden) > .bar.two {
  -webkit-animation-delay: -0.4s;
  -moz-animation-delay: -0.4s;
  -o-animation-delay: -0.4s;
  -ms-animation-delay: -0.4s;
  animation-delay: -0.4s;
}
.busy-indicator:not(.is-hidden) > .bar.three {
  -webkit-animation-delay: -0.3s;
  -moz-animation-delay: -0.3s;
  -o-animation-delay: -0.3s;
  -ms-animation-delay: -0.3s;
  animation-delay: -0.3s;
}
.busy-indicator:not(.is-hidden) > .bar.four {
  -webkit-animation-delay: -0.2s;
  -moz-animation-delay: -0.2s;
  -o-animation-delay: -0.2s;
  -ms-animation-delay: -0.2s;
  animation-delay: -0.2s;
}
.busy-indicator:not(.is-hidden) > .bar.five {
  -webkit-animation-delay: -0.1s;
  -moz-animation-delay: -0.1s;
  -o-animation-delay: -0.1s;
  -ms-animation-delay: -0.1s;
  animation-delay: -0.1s;
}
.busy-indicator svg.circular-indicator {
  fill: transparent;
  width: 50px;
  height: 50px;
}
.busy-indicator svg.circular-indicator.indeterminate {
  animation: 2.4s linear infinite indeterminate-spinner-anim;
}
.busy-indicator svg.circular-indicator .progress {
  animation: 1.52s linear infinite both indeterminate-spinner-progress-anim;
  stroke-dasharray: 283;
  stroke: #0072ed;
}
.busy-indicator svg.circular-indicator .circle {
  stroke: rgba(0, 114, 237, 0.5);
}
.busy-indicator svg.circular-indicator circle {
  transform-origin: 50% 50%;
}

.busy.overlay {
  filter: alpha(opacity=75);
  opacity: 0.75;
  -webkit-transition: opacity 500ms;
  -moz-transition: opacity 500ms;
  -o-transition: opacity 500ms;
  -ms-transition: opacity 500ms;
  transition: opacity 500ms;
  background-color: #ffffff;
  position: absolute;
  visibility: visible;
}
.busy.overlay.transparent {
  background-color: transparent;
}
.busy.overlay.is-hidden {
  filter: alpha(opacity=0);
  opacity: 0;
}

@-webkit-keyframes stretchdelay {
  0%, 70%, 100% {
    -webkit-transform: scaleY(0.5);
    -moz-transform: scaleY(0.5);
    -o-transform: scaleY(0.5);
    -ms-transform: scaleY(0.5);
    transform: scaleY(0.5);
  }
  35% {
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -o-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@-moz-keyframes stretchdelay {
  0%, 70%, 100% {
    -webkit-transform: scaleY(0.5);
    -moz-transform: scaleY(0.5);
    -o-transform: scaleY(0.5);
    -ms-transform: scaleY(0.5);
    transform: scaleY(0.5);
  }
  35% {
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -o-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@keyframes stretchdelay {
  0%, 70%, 100% {
    -webkit-transform: scaleY(0.5);
    -moz-transform: scaleY(0.5);
    -o-transform: scaleY(0.5);
    -ms-transform: scaleY(0.5);
    transform: scaleY(0.5);
  }
  35% {
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -o-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
  }
}
input + .busy-indicator-container,
.dropdown-wrapper > .busy-indicator-container {
  position: absolute;
}
input + .busy-indicator-container + .busy.overlay,
.dropdown-wrapper > .busy-indicator-container + .busy.overlay {
  filter: alpha(opacity=50);
  opacity: 0.5;
}
input + .busy-indicator-container + .busy.overlay.is-hidden,
.dropdown-wrapper > .busy-indicator-container + .busy.overlay.is-hidden {
  filter: alpha(opacity=0);
  opacity: 0;
}
input + .busy-indicator-container .busy-indicator,
.dropdown-wrapper > .busy-indicator-container .busy-indicator {
  background-color: transparent;
  height: 22px;
  margin: 8px 1px 1px;
  position: absolute;
  right: 0;
  width: 40px;
}
input + .busy-indicator-container .busy-indicator .bar,
.dropdown-wrapper > .busy-indicator-container .busy-indicator .bar {
  height: 22px;
  margin-right: 3px;
  width: 3px;
}
input + .busy-indicator-container .busy-indicator .bar:last-child,
.dropdown-wrapper > .busy-indicator-container .busy-indicator .bar:last-child {
  margin-right: 0;
}

.form-layout-compact input + .busy-indicator-container .busy-indicator,
.form-layout-compact .dropdown-wrapper > .busy-indicator-container .busy-indicator {
  height: 18px;
  margin-top: 5px;
}
.form-layout-compact input + .busy-indicator-container .busy-indicator .bar,
.form-layout-compact .dropdown-wrapper > .busy-indicator-container .busy-indicator .bar {
  height: 18px;
}

.inline + .busy-indicator-container .busy-indicator,
.inline .dropdown-wrapper > .busy-indicator-container .busy-indicator {
  background-color: transparent;
  height: 22px;
  margin: 5px 1px 1px;
  position: absolute;
  right: 0;
  width: 40px;
}
.inline + .busy-indicator-container .busy-indicator .bar,
.inline .dropdown-wrapper > .busy-indicator-container .busy-indicator .bar {
  height: 24px;
  margin-right: 3px;
  width: 3px;
}
.inline + .busy-indicator-container .busy-indicator .bar:last-child,
.inline .dropdown-wrapper > .busy-indicator-container .busy-indicator .bar:last-child {
  margin-right: 0;
}

.ie9 .busy-indicator .bar {
  -ms-transform: scaleY(0.6);
  transform: scaleY(0.6);
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}
.ie9 .busy-indicator .bar.half {
  -ms-transform: scaleY(0.8);
  transform: scaleY(0.8);
}
.ie9 .busy-indicator .bar.full {
  -ms-transform: scaleY(1);
  transform: scaleY(1);
}

.is-firefox input + .busy-indicator-container,
.is-firefox .dropdown-wrapper > .busy-indicator-container {
  position: absolute;
}
.is-firefox input + .busy-indicator-container .busy-indicator,
.is-firefox .dropdown-wrapper > .busy-indicator-container .busy-indicator {
  margin: 7px 5px 1px;
}

.busy-xs {
  min-height: 20px;
  min-width: 20px;
}
.busy-xs .busy-indicator-container.blocked-ui {
  top: calc(50% - 8px);
}
.busy-xs .busy-indicator {
  height: inherit;
  margin: 2px;
  width: inherit;
}
.busy-xs .busy-indicator .bar {
  height: 12px;
  margin-right: 2px;
  width: 2px;
}
.busy-xs .busy-indicator .bar:last-child {
  margin-right: 0;
}

.busy-sm {
  min-height: 28px;
  min-width: 40px;
}
.busy-sm .busy-indicator-container.blocked-ui {
  top: calc(50% - 18px);
}
.busy-sm .busy-indicator {
  height: inherit;
  margin: 4px;
  width: inherit;
}
.busy-sm .busy-indicator .bar {
  height: 22px;
  margin-right: 3px;
  width: 3px;
}
.busy-sm .busy-indicator .bar:last-child {
  margin-right: 0;
}

body {
  opacity: 1;
  transition: opacity 0.25s ease-in-out;
}

.busy-loading-locale {
  opacity: 0;
}

html[dir=rtl] .busy-indicator .bar {
  margin-left: 5px;
  margin-right: 0;
}
html[dir=rtl] .busy-indicator .bar:last-child {
  margin-left: 0;
}
html[dir=rtl] input + .busy-indicator-container .busy-indicator,
html[dir=rtl] .dropdown-wrapper > .busy-indicator-container .busy-indicator {
  left: 0;
  right: auto;
}
html[dir=rtl] input + .busy-indicator-container .busy-indicator .bar,
html[dir=rtl] .dropdown-wrapper > .busy-indicator-container .busy-indicator .bar {
  margin-left: 3px;
  margin-right: 0;
}
html[dir=rtl] input + .busy-indicator-container .busy-indicator .bar:last-child,
html[dir=rtl] .dropdown-wrapper > .busy-indicator-container .busy-indicator .bar:last-child {
  margin-left: 0;
}
html[dir=rtl] .busy-xs .busy-indicator .bar {
  margin-left: 2px;
  margin-right: 0;
}
html[dir=rtl] .busy-xs .busy-indicator .bar:last-child {
  margin-left: 0;
}
html[dir=rtl] .busy-sm .busy-indicator .bar {
  margin-left: 2px;
  margin-right: 0;
}
html[dir=rtl] .busy-sm .busy-indicator .bar:last-child {
  margin-left: 0;
}

.busy-indicator-container > span {
  font-family: "source sans pro", helvetica, arial, sans-serif;
  font-size: 16px;
}

/*# sourceMappingURL=landmark-busy-indicator_2025_06_01__19.css.map */