.spinner_progress-circular___GZzP.spinner_progress-circular--light__OMUvC {
  --light-bg: #f5f3f3;
  --light-bg-dark-shadow: #bec8e4;
  --light-bg-light-shadow: #ffffff;

  --bg-color: var(--light-bg);
  --border-color: var(--light-bg-dark-shadow);
  --box-shadow-inset-dense: inset -1px -1px 3px var(--light-bg-light-shadow),
    inset 1px 1px 3px var(--light-bg-dark-shadow);
  --box-shadow-dense: -2px -2px 3px var(--light-bg-light-shadow),
    2px 1px 3px var(--light-bg-dark-shadow);
}

/* circular */
.spinner_progress-circular___GZzP {
  position: relative;
}

.spinner_progress-circular--inner__fR8fN,
.spinner_progress-circular--outer__iAQ5s,
.spinner_progress-circular--label__ycd0v,
.spinner_progress-circular--svg__th1nB {
  top: 50%;
  left: 50%;
  position: absolute;
  border-radius: 100%;
  background: var(--bg-color);
  transform: translate3d(-50%, -50%, 0);
}

.spinner_progress-circular--inner__fR8fN {
  z-index: 2;
}

.spinner_progress-circular--outer__iAQ5s {
  z-index: 1;
}

.spinner_progress-circular--not-elevated__f9xPE .spinner_progress-circular--inner__fR8fN {
  background: #edf2f6;
  box-shadow: var(--box-shadow-dense);
}

.spinner_progress-circular--not-elevated__f9xPE .spinner_progress-circular--outer__iAQ5s {
  box-shadow: var(--box-shadow-inset-dense);
}

.spinner_progress-circular--elevated__2DFl9 .spinner_progress-circular--inner__fR8fN {
  box-shadow: var(--box-shadow-inset-dense);
}

.spinner_progress-circular--elevated__2DFl9 .spinner_progress-circular--outer__iAQ5s {
  box-shadow: var(--box-shadow-dense);
}

.spinner_progress-circular--flat__TRv3_ .spinner_progress-circular--outer__iAQ5s,
.spinner_progress-circular--flat__TRv3_ .spinner_progress-circular--inner__fR8fN {
  box-shadow: none !important;
}

.spinner_progress-circular--svg__th1nB {
  z-index: 2;
}

.spinner_progress-circular--circle___gzYG {
  z-index: 3;
  fill: transparent;
  transition: all 0.3s ease-in-out;
}

.spinner_progress-circular--indeterminate__sVMCt {
  animation: spinner_svg-animation__FBMQy 2s linear infinite;
}

.spinner_progress-circular--indeterminate__sVMCt circle {
  stroke-linecap: round;
  transform-origin: bottom right;
  animation: spinner_dash-animate__HDlab 2.2s ease-in-out infinite;
}

@keyframes spinner_svg-animation__FBMQy {
  0% {
    transform: rotateZ(0deg);
  }

  100% {
    transform: rotateZ(360deg);
  }
}

@keyframes spinner_dash-animate__HDlab {
  0% {
    stroke-dashoffset: none;
    transform: rotate(0);
  }

  50% {
    stroke-dashoffset: initial;
    transform: rotate(45deg);
  }

  100% {
    stroke-dashoffset: none;
    transform: rotate(360deg);
  }
}

.card-button_card__VuKXI {
  box-shadow:
    3px 3px 6px 0px rgba(165, 183, 204, 0.7),
    -3px -3px 6px 0px rgba(255, 255, 255, 1);
}

.normal-icon-button_neumo__Gmwwi {
  box-shadow:
    3px 3px 6px 0px rgba(165, 183, 204, 0.7),
    -3px -3px 6px 0px rgba(255, 255, 255, 1);
}

:root {
  --brand-primary: rgb(47, 112, 193);
  --brand-secondary: rgb(116, 97, 195);
  --brand-alternative: rgb(19, 120, 134);
  --background-site: rgb(237 242 246);
  --background-code: rgb(244, 244, 244);
  --text-body: rgb(54, 49, 61);
  --text-comment: rgb(99, 94, 105);
  --text-high-contrast: rgb(49, 49, 49);
  --text-medium-contrast: rgb(99, 94, 105);
  --text-low-contrast: rgb(116, 109, 118);
  --detail-high-contrast: rgb(192, 192, 192);
  --detail-medium-contrast: rgb(234, 234, 234);
  --detail-low-contrast: rgb(240, 240, 242);
  --admonition-note: rgb(46, 109, 188);
  --admonition-warning: rgb(255, 196, 9);
  --admonition-danger: rgb(220, 38, 38);
  --brand-primary-rgb-value: 47, 112, 193;
  --brand-secondary-rgb-value: 116, 97, 195;
  --brand-alternative-rgb-value: 19, 120, 134;
  --background-site-rgb-value: 237, 242, 246;
  --background-code-rgb-value: 244, 244, 244;
  --text-body-rgb-value: 54, 49, 61;
  --text-comment-rgb-value: 99, 94, 105;
  --text-high-contrast-rgb-value: 49, 49, 49;
  --text-medium-contrast-rgb-value: 99, 94, 105;
  --text-low-contrast-rgb-value: 116, 109, 118;
  --detail-high-contrast-rgb-value: 192, 192, 192;
  --detail-medium-contrast-rgb-value: 234, 234, 234;
  --detail-low-contrast-rgb-value: 240, 240, 242;
  --admonition-note-rgb-value: 46, 109, 188;
  --admonition-warning-rgb-value: 255, 196, 9;
  --admonition-danger-rgb-value: 220, 38, 38;
}

.embla {
  position: relative;
  display: flex;
  width: 50%;
  height: 10rem;
  max-width: 30rem;
  margin-left: auto;
  margin-right: auto;
}
.embla:before,
.embla:after,
.embla__ios-picker__viewport:before,
.embla__ios-picker__viewport:after {
  position: absolute;
  left: 0;
  right: 0;
  content: '';
  display: block;
  height: calc(50% - 32px / 2);
  z-index: 1;
  pointer-events: none;
}
.embla:before {
  top: -5px;
  background: linear-gradient(
    to top,
    rgba(var(--background-site-rgb-value), 0.65) 0%,
    rgba(var(--background-site-rgb-value), 1) 100%
  );
}
.embla:after {
  bottom: -5px;
  background: linear-gradient(
    to bottom,
    rgba(var(--background-site-rgb-value), 0.65) 0%,
    rgba(var(--background-site-rgb-value), 1) 100%
  );
}

.embla__ios-picker__viewport--perspective-left:before {
  top: -2px;
  width: 50px;
  left: -32px;
  border-bottom: 1.5px solid rgba(var(--text-high-contrast-rgb-value), 0.3);
}
.embla__ios-picker__viewport--perspective-right:before {
  top: -2px;
  width: 50px;
  left: 28px;
  border-bottom: 1.5px solid rgba(var(--text-high-contrast-rgb-value), 0.3);
}
.embla__ios-picker__viewport--perspective-left:after {
  bottom: -2px;
  width: 50px;
  left: -32px;
  border-top: 1.5px solid rgba(var(--text-high-contrast-rgb-value), 0.3);
}
.embla__ios-picker__viewport--perspective-right:after {
  bottom: -2px;
  width: 50px;
  left: 28px;
  border-top: 1.5px solid rgba(var(--text-high-contrast-rgb-value), 0.3);
}
.embla__ios-picker {
  height: 100%;
  display: flex;
  align-items: center;
  min-width: 50%;
  justify-content: center;
  line-height: 1;
  font-size: 1.8rem;
}
.embla__ios-picker__scene {
  height: 100%;
  overflow: hidden;
  display: flex;
  align-items: center;
  touch-action: pan-x;
  gap: 10px;
  width: 50px;
}
.embla__ios-picker__viewport {
  height: 50px;
  width: 100%;
  perspective: 1000px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -webkit-tap-highlight-color: transparent;
}
.embla__ios-picker__viewport--perspective-left {
  perspective-origin: calc(50% + 130px) 50%;
  transform: translateX(28px);
}
.embla__ios-picker__viewport--perspective-right {
  perspective-origin: calc(50% - 130px) 50%;
  transform: translateX(-27px);
}
.embla__ios-picker__container {
  height: 100%;
  width: 100%;
  transform-style: preserve-3d;
  will-change: transform;
}
.embla__ios-picker__slide {
  width: 100%;
  height: 100%;
  font-size: 22px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  backface-visibility: hidden;
  opacity: 0;
}
.embla__ios-picker__label {
  font-weight: 700;
  pointer-events: none;
}

.stepper-header_header__KjnnB {
  box-shadow:
    3px 3px 4px 0px rgba(165, 183, 204, 0.6),
    -3px -3px 6px 0px rgba(255, 255, 255, 1);
}