@keyframes design-system-senai_184wq0nb {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.design-system-senai_184wq0n0 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background-color 0.12s ease, border-color 0.12s ease, color 0.12s ease;
  border-style: solid;
  font-family: var(--design-system-senai_3baijd55);
  user-select: none;
  position: relative;
  box-sizing: border-box;
  background-clip: padding-box;
}
.design-system-senai_184wq0n1 {
  display: flex;
  align-items: center;
  justify-content: center;
}
.design-system-senai_184wq0n2 {
  gap: var(--design-system-senai_3baijd4v);
}
.design-system-senai_184wq0n3 {
  gap: var(--design-system-senai_3baijd4w);
}
.design-system-senai_184wq0n4 {
  gap: var(--design-system-senai_3baijd4w);
}
.design-system-senai_184wq0n5 {
  gap: var(--design-system-senai_3baijd4w);
}
.design-system-senai_184wq0n6 {
  gap: 0;
}
.design-system-senai_184wq0n7 {
  padding: var(--design-system-senai_3baijd4w) var(--design-system-senai_3baijd4x);
  font-size: var(--design-system-senai_3baijd5k);
  font-weight: var(--design-system-senai_3baijd5u);
  line-height: var(--design-system-senai_3baijd5a);
  border-radius: var(--design-system-senai_3baijd5z);
  min-height: 32px;
}
.design-system-senai_184wq0n8 {
  padding: var(--design-system-senai_3baijd4w) var(--design-system-senai_3baijd4y);
  font-size: var(--design-system-senai_3baijd5l);
  font-weight: var(--design-system-senai_3baijd5u);
  line-height: var(--design-system-senai_3baijd5b);
  border-radius: var(--design-system-senai_3baijd5z);
  min-height: 40px;
}
.design-system-senai_184wq0n9 {
  padding: var(--design-system-senai_3baijd4x) var(--design-system-senai_3baijd4z);
  font-size: var(--design-system-senai_3baijd5m);
  font-weight: var(--design-system-senai_3baijd5u);
  line-height: var(--design-system-senai_3baijd5c);
  border-radius: var(--design-system-senai_3baijd60);
  min-height: 48px;
}
.design-system-senai_184wq0na {
  padding: var(--design-system-senai_3baijd4y) var(--design-system-senai_3baijd50);
  font-size: var(--design-system-senai_3baijd5n);
  font-weight: var(--design-system-senai_3baijd5u);
  line-height: var(--design-system-senai_3baijd5d);
  border-radius: var(--design-system-senai_3baijd60);
  min-height: 56px;
}
.design-system-senai_184wq0nc {
  animation: design-system-senai_184wq0nb 1s linear infinite;
  display: inline-block;
  box-sizing: border-box;
  border-style: solid;
  border-color: currentColor;
  border-right-color: transparent;
  border-radius: 50%;
  overflow: hidden;
  clip-path: circle(50% at 50% 50%);
  flex-shrink: 0;
  transform-origin: center;
}
.design-system-senai_184wq0nd {
  border: none;
  box-sizing: border-box;
  border-radius: 50%;
  overflow: hidden;
  clip-path: circle(50% at 50% 50%);
  background: var(--design-system-senai_3baijd6b);
  -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - var(--spinner-border-width, 2.5px) - 0.5px), #000 calc(100% - var(--spinner-border-width, 2.5px)));
  mask: radial-gradient(farthest-side, transparent calc(100% - var(--spinner-border-width, 2.5px) - 0.5px), #000 calc(100% - var(--spinner-border-width, 2.5px)));
}
.design-system-senai_184wq0ne {
  border: none;
  box-sizing: border-box;
  border-radius: 50%;
  overflow: hidden;
  clip-path: circle(50% at 50% 50%);
  background: var(--design-system-senai_3baijd6c);
  -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - var(--spinner-border-width, 2.5px) - 0.5px), #000 calc(100% - var(--spinner-border-width, 2.5px)));
  mask: radial-gradient(farthest-side, transparent calc(100% - var(--spinner-border-width, 2.5px) - 0.5px), #000 calc(100% - var(--spinner-border-width, 2.5px)));
}
.design-system-senai_184wq0nf {
  background-image: var(--design-system-senai_3baijd6b);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
}
.design-system-senai_184wq0ng {
  background-image: var(--design-system-senai_3baijd6c);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
}
.design-system-senai_184wq0nh {
  background-color: var(--design-system-senai_3baijd7);
  color: #fff;
  border: solid transparent;
  border-width: var(--design-system-senai_3baijd64);
}
.design-system-senai_184wq0nh:hover {
  background-color: var(--design-system-senai_3baijd6);
}
.design-system-senai_184wq0nh:active {
  background-color: var(--design-system-senai_3baijd8);
}
.design-system-senai_184wq0ni {
  background-color: transparent;
  border: solid;
  border-width: var(--design-system-senai_3baijd64);
  color: #fff;
  border-color: var(--design-system-senai_3baijd7);
}
.design-system-senai_184wq0ni:hover {
  background-color: var(--design-system-senai_3baijdb);
  border-color: var(--design-system-senai_3baijd6);
}
.design-system-senai_184wq0ni:active {
  background-color: var(--design-system-senai_3baijdc);
  border-color: var(--design-system-senai_3baijd8);
}
.design-system-senai_184wq0nj {
  background-color: transparent;
  border: solid transparent;
  border-width: var(--design-system-senai_3baijd64);
  color: #fff;
}
.design-system-senai_184wq0nj:hover {
  background-color: var(--design-system-senai_3baijdb);
}
.design-system-senai_184wq0nj:active {
  background-color: var(--design-system-senai_3baijdc);
}
.design-system-senai_184wq0nk {
  border: solid transparent;
  border-width: var(--design-system-senai_3baijd64);
}
.design-system-senai_184wq0nk:hover {
  color: var(--design-system-senai_3baijd3e);
  background-color: var(--design-system-senai_3baijd6);
}
.design-system-senai_184wq0nk:active {
  color: var(--design-system-senai_3baijd3e);
  background-color: var(--design-system-senai_3baijd8);
}
.design-system-senai_184wq0nl {
  position: relative;
  background: transparent;
  border: solid transparent;
  border-width: 4.5px;
  background-clip: padding-box;
}
.design-system-senai_184wq0nl:disabled {
  cursor: not-allowed;
  &::before {
    content: ;
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask-composite: exclude;
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    pointer-events: none;
    transition: background 0.12s ease, opacity 0.12s ease;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    padding: 1px;
    border-radius: inherit;
    background: var(--design-system-senai_3baijd6c);
  }
  &:active {
    background: transparent;
  }
  &:hover {
    background: transparent;
  }
}
.design-system-senai_184wq0nl:hover {
  background-image: radial-gradient(circle at bottom, rgba(232, 73, 16, 0.02) 0%, rgba(249, 118, 7, 0.05) 100%);
}
.design-system-senai_184wq0nl:active {
  background-image: var(--design-system-senai_3baijd6d);
}
.design-system-senai_184wq0nl::before {
  content: "";
  background: var(--design-system-senai_3baijd6b);
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  pointer-events: none;
  transition: background 0.12s ease, opacity 0.12s ease;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  padding: 1px;
  border-radius: inherit;
}
.design-system-senai_184wq0nm:disabled {
  cursor: not-allowed;
  color: var(--design-system-senai_3baijd3e);
  background-color: var(--design-system-senai_3baijde);
}
.design-system-senai_184wq0nn {
  color: var(--design-system-senai_3baijd3q);
}
.design-system-senai_184wq0nn:disabled {
  background-color: transparent;
  cursor: not-allowed;
  color: var(--design-system-senai_3baijd3y);
  border-color: var(--design-system-senai_3baijd3y);
}
.design-system-senai_184wq0no {
  color: var(--design-system-senai_3baijd3e);
}
.design-system-senai_184wq0no:disabled {
  background-color: transparent;
  cursor: not-allowed;
  color: var(--design-system-senai_3baijd3y);
}
.design-system-senai_184wq0np {
  background-color: var(--design-system-senai_3baijd4j);
  color: #fff;
}
.design-system-senai_184wq0np:disabled {
  cursor: not-allowed;
  color: var(--design-system-senai_3baijd3e);
  background-color: var(--design-system-senai_3baijde);
}
.design-system-senai_184wq0nq:disabled {
  cursor: not-allowed;
  color: var(--design-system-senai_3baijd3e);
}
.design-system-senai_184wq0nr:disabled {
  cursor: not-allowed;
  color: var(--design-system-senai_3baijd3e);
  background-color: var(--design-system-senai_3baijde);
}
.design-system-senai_184wq0ns {
  color: var(--design-system-senai_3baijd7);
}
.design-system-senai_184wq0ns:disabled {
  background-color: transparent;
  cursor: not-allowed;
  color: var(--design-system-senai_3baijd3m);
  border-color: var(--design-system-senai_3baijd3m);
}
.design-system-senai_184wq0nt {
  color: var(--design-system-senai_3baijd7);
}
.design-system-senai_184wq0nt:disabled {
  background-color: transparent;
  cursor: not-allowed;
  color: var(--design-system-senai_3baijd3m);
}
.design-system-senai_184wq0nu {
  background-color: var(--design-system-senai_3baijd49);
  color: var(--design-system-senai_3baijd7);
}
.design-system-senai_184wq0nu:disabled {
  cursor: not-allowed;
  color: var(--design-system-senai_3baijd3e);
  background-color: var(--design-system-senai_3baijde);
}
.design-system-senai_184wq0nv {
  color: var(--design-system-senai_3baijd7);
}
.design-system-senai_184wq0nv:disabled {
  cursor: not-allowed;
  color: var(--design-system-senai_3baijd3e);
}