[data-oxy-loop-loader] .oxy-repeater-pages-wrap{
  display:none !important;
  visibility:hidden !important;
  opacity:0 !important;
  height:0 !important;
  max-height:0 !important;
  overflow:hidden !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  pointer-events:none !important;
}

[data-oxy-loop-loader] [data-oxy-loader-controls]{
  display:flex !important;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  width:100%;
  max-width:100%;
  grid-column:1 / -1;
  justify-self:stretch;
  align-self:stretch;
  gap:12px;
  margin:24px auto 0;
}

[data-oxy-loop-loader] [data-oxy-loader-button]{
  font:inherit;
  padding:12px 24px;
  border:1px solid currentColor;
  border-radius:8px;
  background:transparent;
  color:inherit;
  cursor:pointer;
}

[data-oxy-loop-loader] [data-oxy-loader-button]:disabled{
  opacity:.55;
  cursor:wait;
}

[data-oxy-loop-loader] [data-oxy-loader-button][hidden],
[data-oxy-loop-loader] [data-oxy-loader-message][hidden],
[data-oxy-loop-loader] [data-oxy-loader-sentinel][hidden]{
  display:none !important;
}

[data-oxy-loop-loader] [data-oxy-loader-indicator]{
  display:none;
  font-size:20px;
  position:relative;
  width:4em;
  height:1em;
  margin:10px auto;
}

[data-oxy-loop-loader][data-oxy-loading="true"] [data-oxy-loader-indicator]{
  display:block;
}

[data-oxy-loop-loader] [data-oxy-loader-indicator] .loader-ellips__dot{
  display:block;
  width:1em;
  height:1em;
  border-radius:.5em;
  background:currentColor;
  position:absolute;
  animation-duration:.5s;
  animation-timing-function:ease;
  animation-iteration-count:infinite;
}

[data-oxy-loop-loader] [data-oxy-loader-indicator] .loader-ellips__dot:nth-child(1),
[data-oxy-loop-loader] [data-oxy-loader-indicator] .loader-ellips__dot:nth-child(2){
  left:0;
}

[data-oxy-loop-loader] [data-oxy-loader-indicator] .loader-ellips__dot:nth-child(3){
  left:1.5em;
}

[data-oxy-loop-loader] [data-oxy-loader-indicator] .loader-ellips__dot:nth-child(4){
  left:3em;
}

[data-oxy-loop-loader] [data-oxy-loader-indicator] .loader-ellips__dot:nth-child(1){
  animation-name:oxy-loader-reveal;
}

[data-oxy-loop-loader] [data-oxy-loader-indicator] .loader-ellips__dot:nth-child(2),
[data-oxy-loop-loader] [data-oxy-loader-indicator] .loader-ellips__dot:nth-child(3){
  animation-name:oxy-loader-slide;
}

[data-oxy-loop-loader] [data-oxy-loader-indicator] .loader-ellips__dot:nth-child(4){
  animation-name:oxy-loader-reveal;
  animation-direction:reverse;
}

[data-oxy-loop-loader] [data-oxy-loader-message]{
  margin:0;
  text-align:center;
}

[data-oxy-loop-loader] [data-oxy-loader-sentinel]{
  width:100%;
  height:1px;
}

@keyframes oxy-loader-reveal{
  from{ transform:scale(0.001); }
  to{ transform:scale(1); }
}

@keyframes oxy-loader-slide{
  to{ transform:translateX(1.5em); }
}

@media (prefers-reduced-motion: reduce){
  [data-oxy-loop-loader] [data-oxy-loader-indicator] .loader-ellips__dot{
    animation:none;
  }
}

[data-oxy-loop-loader] [data-oxy-loader-button],
[data-oxy-loop-loader] [data-oxy-loader-message] { align-self:center; }
