.au-box-align-top-start {
  align-items: start;
  justify-items: start;
}

.au-box-align-top-center {
  align-items: start;
  justify-items: center;
}

.au-box-align-top-end {
  align-items: start;
  justify-items: end;
}

.au-box-align-top-stretch {
  align-items: start;
  justify-items: stretch;
}

.au-box-align-center-start {
  align-items: center;
  justify-items: start;
}

.au-box-align-center-center {
  align-items: center;
  justify-items: center;
}

.au-box-align-center-end {
  align-items: center;
  justify-items: end;
}

.au-box-align-center-stretch {
  align-items: center;
  justify-items: stretch;
}

.au-box-align-bottom-start {
  align-items: end;
  justify-items: start;
}

.au-box-align-bottom-center {
  align-items: end;
  justify-items: center;
}

.au-box-align-bottom-end {
  align-items: end;
  justify-items: end;
}

.au-box-align-bottom-stretch {
  align-items: end;
  justify-items: stretch;
}

.au-box-align-stretch-start {
  align-items: stretch;
  justify-items: start;
}

.au-box-align-stretch-center {
  align-items: stretch;
  justify-items: center;
}

.au-box-align-stretch-end {
  align-items: stretch;
  justify-items: end;
}

.au-box-align-stretch-stretch {
  align-items: stretch;
  justify-items: stretch;
}

.au-box-item-top-start {
  align-self: start;
  justify-self: start;
}

.au-box-item-top-center {
  align-self: start;
  justify-self: center;
}

.au-box-item-top-end {
  align-self: start;
  justify-self: end;
}

.au-box-item-top-stretch {
  align-self: start;
  justify-self: stretch;
}

.au-box-item-center-start {
  align-self: center;
  justify-self: start;
}

.au-box-item-center-center {
  align-self: center;
  justify-self: center;
}

.au-box-item-center-end {
  align-self: center;
  justify-self: end;
}

.au-box-item-center-stretch {
  align-self: center;
  justify-self: stretch;
}

.au-box-item-bottom-start {
  align-self: end;
  justify-self: start;
}

.au-box-item-bottom-center {
  align-self: end;
  justify-self: center;
}

.au-box-item-bottom-end {
  align-self: end;
  justify-self: end;
}

.au-box-item-bottom-stretch {
  align-self: end;
  justify-self: stretch;
}

.au-box-item-stretch-start {
  align-self: stretch;
  justify-self: start;
}

.au-box-item-stretch-center {
  align-self: stretch;
  justify-self: center;
}

.au-box-item-stretch-end {
  align-self: stretch;
  justify-self: end;
}

.au-box-item-stretch-stretch {
  align-self: stretch;
  justify-self: stretch;
}

.au-arrangement-equal-weight > * {
  flex: 1;
}

.au-box {
  display: grid;
  grid-template-areas: "stack";
  align-items: start;
  justify-items: start;
}
.au-box > * {
  grid-area: stack;
}

.au-circular-progress svg {
  display: block;
  overflow: visible;
  will-change: transform;
}
.au-circular-progress--determinate svg circle {
  transition: stroke-dashoffset 0.3s cubic-bezier(0.4, 0, 0.2, 1), stroke-dasharray 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.au-circular-progress--indeterminate circle {
  --au-1deg: calc(2 * pi * var(--au-circular-progress-radius) / 360);
  animation: au-circular-progress-dash 1400ms ease-in-out infinite, au-circular-progress-rotate 2000ms linear infinite;
  transform-origin: 50% 50%;
}

@keyframes au-circular-progress-rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes au-circular-progress-dash {
  0% {
    stroke-dasharray: 0 0 calc(2 * var(--au-1deg)) calc(358 * var(--au-1deg));
  }
  50% {
    stroke-dasharray: 0 calc(35 * var(--au-1deg)) calc(290 * var(--au-1deg)) calc(35 * var(--au-1deg));
  }
  100% {
    stroke-dasharray: 0 calc(358 * var(--au-1deg)) calc(2 * var(--au-1deg));
  }
}
.au-column {
  display: flex;
  flex-direction: column;
}

.au-flow-column {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}

.au-modal {
  height: 100%;
  width: 100%;
  position: fixed;
  align-items: center;
  justify-content: center;
  top: 0;
  left: 0;
  border: none;
  background: none;
  z-index: 1000;
}
.au-modal:open {
  display: flex;
}
.au-modal__scrim {
  position: absolute;
  inset: 0;
}
.au-modal__content-area {
  position: relative;
  z-index: 1;
}

.au-bottom-sheet {
  align-items: flex-end;
}
.au-bottom-sheet .au-modal__content-area {
  height: 100%;
  transform: translateY(var(--translate-y, 100%));
  transition: none;
}

.au-pull-to-refresh-box {
  height: 100%;
  overflow: hidden;
  position: relative;
}
.au-pull-to-refresh-box > .au-pull-to-refresh-box__peek-content {
  position: absolute;
  bottom: 100%;
  left: 0;
  right: 0;
  transform: translateY(var(--pull-distance, 0));
  transition: transform 0.3s cubic-bezier(0.22, 1, 0.36, 1);
  opacity: var(--pull-progress);
}
.au-pull-to-refresh-box > .au-pull-to-refresh-box__content {
  transition: transform 0.3s cubic-bezier(0.22, 1, 0.36, 1);
  transform: translateY(var(--pull-distance, 0));
}

.au-row {
  display: flex;
}

.au-flow-row {
  display: flex;
  flex-wrap: wrap;
}

.au-scroll-box {
  position: relative;
  height: 100%;
}
.au-scroll-box.orientation-vertical {
  height: 100%;
  overflow-y: auto;
}
.au-scroll-box.orientation-horizontal {
  width: 100%;
  overflow-x: auto;
}