.modal-close-button {
  align-items: center;
  align-self: flex-start;
  border: 0;
  cursor: auto;
  display: flex;
  height: var(--modal-close-button-size);
  justify-content: center;
  margin: 0;
  margin-inline-start: var(--modal-close-button-offset-inline-start);
  margin-top: var(--modal-close-button-offset-top);
  order: 1;
  padding: 0;
  position: var(--modal-close-button-position);
  top: var(--modal-close-button-offset-top);
  width: var(--modal-close-button-size);
  z-index: 9999;
}
html.has-modal .modal-close-button {
  cursor: pointer;
}
.modal-close-button:focus {
  outline: none;
}
.modal-close-button:focus .modal-close-icon {
  box-shadow:
    0 0 0 3px var(--modal-close-focus-offset),
    0 0 0 5px #0071e3;
  outline: none;
}
.modal-close-button:focus
  .modal-close-icon[data-focus-method="mouse"]:not(input):not(textarea):not(
    select
  ),
.modal-close-button:focus
  .modal-close-icon[data-focus-method="touch"]:not(input):not(textarea):not(
    select
  ),
.modal-close-button:focus[data-focus-method="mouse"]:not(input):not(
    textarea
  ):not(select)
  .modal-close-icon,
.modal-close-button:focus[data-focus-method="touch"]:not(input):not(
    textarea
  ):not(select)
  .modal-close-icon {
  box-shadow: none;
}
.modal-close-button:hover .modal-close-icon {
  background: var(--modal-close-background-hover);
  color: var(--modal-close-color-hover);
}
.modal-close-button:active .modal-close-icon {
  background: var(--modal-close-background-active);
}
.modal-close-button .modal-close-icon {
  align-items: center;
  background: var(--modal-close-background);
  border-radius: var(--modal-close-border-radius);
  color: var(--modal-close-color);
  display: flex;
  height: var(--modal-close-icon-size);
  outline: none;
  position: relative;
  transition:
    color 0.1s linear,
    background 0.1s linear;
  width: var(--modal-close-icon-size);
}
.modal-close-button .modal-close-icon svg {
  fill: currentColor;
  height: var(--modal-close-icon-svg-size);
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  width: var(--modal-close-icon-svg-size);
}
.modal-close-button .modal-close-icon * {
  pointer-events: none;
}
.modal {
  --modal-overlay-background: #fff;
  --modal-overlay-padding-top: 76px;
  --modal-overlay-padding-bottom: 76px;
  --modal-overlay-padding-inline: 76px;
  --modal-close-button-offset-top: 16px;
  --modal-close-button-offset-inline-start: 16px;
  --modal-close-button-size: 44px;
  --modal-close-background: #e8e8ed;
  --modal-close-background-hover: #ececf0;
  --modal-close-background-active: #dfdfe4;
  --modal-close-color: rgba(0, 0, 0, 0.56);
  --modal-close-color-hover: rgba(0, 0, 0, 0.72);
  --modal-close-border-radius: 50%;
  --modal-close-button-position: sticky;
  --modal-close-icon-size: 36px;
  --modal-close-icon-svg-size: 20px;
  --modal-close-focus-offset: var(--modal-overlay-background);
  background: var(--modal-scrim-background, var(--modal-overlay-background));
  bottom: 0;
  display: none;
  left: 0;
  overflow: auto;
  position: fixed;
  right: 0;
  top: 0;
  z-index: -1;
}
.modal.theme-dark,
.theme-dark .modal {
  --modal-overlay-background: #1d1d1f;
  --modal-close-background: #333336;
  --modal-close-background-hover: #37373a;
  --modal-close-background-active: #2f2f32;
  --modal-close-color: hsla(0, 0%, 100%, 0.8);
  --modal-close-color-hover: #fff;
}
@media only screen and (max-width: 480px) {
  .modal {
    --modal-overlay-padding-inline: 6.25%;
  }
}
.modal .modal-overlay-container {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  min-height: 100%;
}
.modal .modal-overlay {
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 1;
}
.modal .modal-content-container {
  background: var(--modal-overlay-background);
  box-sizing: border-box;
  margin-top: calc((44px + var(--modal-close-button-offset-top)) * -1);
  order: 2;
  padding-inline-end: var(--modal-overlay-padding-inline);
  padding-bottom: var(--modal-overlay-padding-bottom);
  padding-inline-start: var(--modal-overlay-padding-inline);
  padding-top: var(--modal-overlay-padding-top);
}
.modal-open {
  display: block;
  z-index: 11000;
}
.modal-touch-lock {
  touch-action: none;
}
.has-modal {
  overflow: hidden;
}
.has-modal body {
  padding-inline-end: var(--modal-scrollbar-buffer);
}
.modal-full-bleed {
  --modal-scrim-background: var(--modal-overlay-background);
  --modal-overlay-padding-top: 96px;
  --modal-overlay-padding-bottom: 96px;
  --modal-close-button-offset-top: max(16px, env(safe-area-inset-top));
  --modal-close-button-offset-inline-start: max(
    16px,
    env(safe-area-inset-left)
  );
}
@media only screen and (max-width: 1068px) {
  .modal-full-bleed {
    --modal-overlay-padding-top: 76px;
    --modal-overlay-padding-bottom: 76px;
  }
}
.modal-full-bleed .modal-overlay-container {
  flex-direction: column;
}
.modal-full-bleed .modal-overlay {
  flex-grow: 1;
  width: 100%;
}
.modal-full-bleed .modal-overlay:focus {
  outline-offset: -4px;
}
.modal-full-bleed .modal-content-container {
  flex-grow: 1;
}
.modal-page-overlay {
  --modal-scrim-background: rgba(0, 0, 0, 0.48);
  --modal-overlay-margin-top: 40px;
  --modal-overlay-margin-bottom: var(--modal-overlay-margin-top);
  --modal-overlay-border-radius-top: 18px;
  --modal-overlay-border-radius-bottom: var(--modal-overlay-border-radius-top);
  --modal-overlay-width: 816.6666666667px;
}
@media only screen and (max-width: 1068px) {
  .modal-page-overlay {
    --modal-overlay-width: 692px;
  }
}
@media only screen and (max-width: 734px) {
  .modal-page-overlay {
    --modal-overlay-width: max(87.5%, 480px);
    --modal-overlay-padding-bottom: 60px;
  }
}
@media only screen and (max-width: 480px) {
  .modal-page-overlay {
    --modal-overlay-border-radius-bottom: 0;
    --modal-overlay-width: 100%;
    --modal-close-button-offset-top: max(16px, env(safe-area-inset-top));
    --modal-close-button-offset-inline-start: max(
      16px,
      env(safe-area-inset-left)
    );
  }
  .modal-page-overlay .modal-overlay-container {
    flex-direction: column;
  }
}
.modal-page-overlay .modal-overlay {
  border-radius: var(--modal-overlay-border-radius-top)
    var(--modal-overlay-border-radius-top)
    var(--modal-overlay-border-radius-bottom)
    var(--modal-overlay-border-radius-bottom);
  box-sizing: border-box;
  margin-bottom: var(--modal-overlay-margin-bottom);
  margin-left: auto;
  margin-right: auto;
  margin-top: var(--modal-overlay-margin-top);
  width: var(--modal-overlay-width);
}
.modal-page-overlay .modal-overlay:focus {
  box-shadow: 0 0 0 2px #0071e3;
  outline: none;
}
.modal-page-overlay
  .modal-overlay:focus[data-focus-method="mouse"]:not(input):not(textarea):not(
    select
  ),
.modal-page-overlay
  .modal-overlay:focus[data-focus-method="touch"]:not(input):not(textarea):not(
    select
  ) {
  box-shadow: none;
}
@media only screen and (max-width: 480px) {
  .modal-page-overlay .modal-overlay {
    --modal-overlay-margin-top: 20px;
    --modal-overlay-margin-bottom: 0;
    flex-grow: 1;
  }
  .modal-page-overlay .modal-overlay .modal-content-container {
    flex-grow: 1;
  }
}
.modal-page-overlay .modal-overlay .modal-content-container {
  border-radius: inherit;
  -webkit-mask-image: radial-gradient(#fff, #000);
  mask-image: radial-gradient(#fff, #000);
}
@media only screen and (min-width: 1069px) {
  .modal-wide {
    --modal-overlay-width: 1029px;
  }
}
.modal-crossfade {
  display: block;
  opacity: 0;
  transition:
    opacity 0.4s ease,
    visibility 0s linear 0.4s,
    z-index 0s linear 0.4s;
  visibility: hidden;
}
@media (prefers-reduced-motion) {
  .modal-crossfade {
    transition: none;
  }
}
.modal-crossfade.modal-open {
  opacity: 1;
  transition-delay: 0s;
  visibility: visible;
}
.modal-fixed-height {
  --modal-close-button-position: static;
  overflow: initial;
}
.modal-curtain-white {
  --modal-scrim-background: hsla(0, 0%, 100%, 0.48);
}
.modal-curtain-blur {
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
}
.modal-close-button-static {
  --modal-close-button-position: static;
}
.progress-indicator-curtain {
  --progress-indicator-curtain-color: hsla(0, 0%, 100%, 0.48);
  align-items: center;
  background-color: var(--progress-indicator-curtain-color);
  display: flex;
  flex-grow: 1;
  height: 100%;
  justify-content: center;
  opacity: 0;
}
.progress-indicator-curtain.theme-dark,
.theme-dark .progress-indicator-curtain {
  --progress-indicator-curtain-color: rgba(0, 0, 0, 0.48);
}
.progress-indicator-indeterminate {
  --progress-indicator-size: 39px;
  --progress-indicator-color: rgba(0, 0, 0, 0.56);
  display: flex;
}
.progress-indicator-indeterminate.progress-indicator-visible {
  opacity: 1;
}
.progress-indicator-indeterminate.progress-indicator-visible
  .progress-indicator-icon {
  opacity: 1;
  transition: opacity 0.4s ease;
  will-change: opacity;
}
.progress-indicator-indeterminate.progress-indicator-immediate
  .progress-indicator-icon {
  transition: none;
}
.progress-indicator-indeterminate.theme-dark,
.theme-dark .progress-indicator-indeterminate {
  --progress-indicator-color: hsla(0, 0%, 100%, 0.8);
}
.progress-indicator-icon {
  height: var(--progress-indicator-size);
  opacity: 0;
  width: var(--progress-indicator-size);
}
.progress-indicator-icon .progress-indicator-spoke {
  fill: var(--progress-indicator-color);
  animation-direction: forward;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-name: progress-indicator-animating;
  animation-timing-function: cubic-bezier(1, 0.1, 0, 0.3);
  opacity: 0.2;
}
.progress-indicator-icon .progress-indicator-spoke:nth-child(0) {
  animation-delay: -0.125s;
}
.progress-indicator-icon .progress-indicator-spoke:first-child {
  animation-delay: 0s;
}
.progress-indicator-icon .progress-indicator-spoke:nth-child(2) {
  animation-delay: 0.125s;
}
.progress-indicator-icon .progress-indicator-spoke:nth-child(3) {
  animation-delay: 0.25s;
}
.progress-indicator-icon .progress-indicator-spoke:nth-child(4) {
  animation-delay: 0.375s;
}
.progress-indicator-icon .progress-indicator-spoke:nth-child(5) {
  animation-delay: 0.5s;
}
.progress-indicator-icon .progress-indicator-spoke:nth-child(6) {
  animation-delay: 0.625s;
}
.progress-indicator-icon .progress-indicator-spoke:nth-child(7) {
  animation-delay: 0.75s;
}
.progress-indicator-icon .progress-indicator-spoke:nth-child(8) {
  animation-delay: 0.875s;
}
@keyframes progress-indicator-animating {
  0% {
    opacity: 1;
  }
  12.5% {
    opacity: 0.9;
  }
  25% {
    opacity: 0.7;
  }
  37.5% {
    opacity: 0.6;
  }
  50% {
    opacity: 0.4;
  }
  62.5% {
    opacity: 0.3;
  }
  75% {
    opacity: 0.2;
  }
  87.5% {
    opacity: 0.13;
  }
}
.progress-indicator-indeterminate-size-tiny {
  --progress-indicator-size: 15px;
}
.progress-indicator-indeterminate-size-elevated {
  --progress-indicator-size: 55px;
}
.seedkit-component-standalone .modal-close-button {
  align-self: flex-end;
  background-color: transparent;
  margin-inline-end: var(--modal-close-button-offset-inline-start);
}
.seedkit-component-standalone.modal-no-padding .modal-content-container {
  min-height: 100px;
  padding: 0;
}
.seedkit-component-standalone a.ac-modal-trigger {
  align-items: center;
  color: #06c;
  cursor: pointer;
  display: flex;
  flex-direction: row;
}
.seedkit-component-standalone a.ac-modal-trigger .ac-modal-trigger-text {
  margin-right: 0.3em;
}
.seedkit-component-standalone a.ac-modal-trigger .svg-pluscircle {
  height: 1em;
  width: 1em;
}
.seedkit-component-standalone a.ac-modal-trigger .svg-pluscircle path {
  fill: #06c;
}