/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/once-ui/components/Accordion.module.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.Accordion_accordion__HylER {
  cursor: pointer;
  transition: var(--transition-micro-medium);
  background: var(--static-transparent);
}
.Accordion_accordion__HylER:hover {
  background: var(--neutral-alpha-weak);
}

.Accordion_border__CTUHu {
  border-top: 1px solid var(--neutral-border-medium);
}
.Accordion_border__CTUHu:first-of-type {
  border: none;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/once-ui/components/Arrow.module.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.Arrow_arrowContainer__Npp8S {
  transition: var(--transition-micro-medium);
  height: var(--static-space-16);
  width: var(--static-space-0);
  visibility: hidden;
}

.Arrow_arrowHead__X_E8q {
  transition: var(--transition-micro-medium);
  width: var(--static-space-0);
  transition-delay: 0.2s;
  position: absolute;
  right: 0;
  transform-origin: right center;
  transform: rotate(0);
}

.Arrow_active__YH_mN {
  width: var(--static-space-16);
  visibility: visible;
}
.Arrow_active__YH_mN .Arrow_arrow__YBrbx {
  width: var(--static-space-12);
}
.Arrow_active__YH_mN .Arrow_arrowHead__X_E8q {
  width: var(--static-space-8);
}
.Arrow_active__YH_mN .Arrow_arrowHead__X_E8q:nth-child(2) {
  transform: rotate(45deg);
}
.Arrow_active__YH_mN .Arrow_arrowHead__X_E8q:nth-child(3) {
  transform: rotate(-45deg);
}

.Arrow_onSolid__mds__ {
  background: var(--brand-on-solid-strong);
}

.Arrow_onBackground__FV6a6 {
  background: var(--brand-on-background-strong);
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/once-ui/components/Avatar.module.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.Avatar_avatar__HEaW3.Avatar_xs__sYprt {
  width: var(--static-space-20);
  height: var(--static-space-20);
  min-width: var(--static-space-20);
  min-height: var(--static-space-20);
}
.Avatar_avatar__HEaW3.Avatar_s__4f66g {
  width: var(--static-space-24);
  height: var(--static-space-24);
  min-width: var(--static-space-24);
  min-height: var(--static-space-24);
}
.Avatar_avatar__HEaW3.Avatar_m__epOAa {
  width: var(--static-space-32);
  height: var(--static-space-32);
  min-width: var(--static-space-32);
  min-height: var(--static-space-32);
}
.Avatar_avatar__HEaW3.Avatar_l__585TS {
  width: var(--static-space-48);
  height: var(--static-space-48);
  min-width: var(--static-space-48);
  min-height: var(--static-space-48);
}
.Avatar_avatar__HEaW3.Avatar_xl__iqZu9 {
  width: var(--static-space-160);
  height: var(--static-space-160);
  min-width: var(--static-space-160);
  min-height: var(--static-space-160);
}
.Avatar_avatar__HEaW3.Avatar_xl__iqZu9 .Avatar_position__A8iC_ {
  bottom: var(--static-space-16);
  right: var(--static-space-16);
}
.Avatar_avatar__HEaW3 .Avatar_value__tHWJw {
  white-space: nowrap;
  overflow: hidden;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.Avatar_indicator__87bSP {
  box-sizing: content-box;
  position: absolute;
  bottom: 0;
  right: 0;
  transform: translateX(var(--static-space-2)) translateY(var(--static-space-2));
}

.Avatar_image__KEbAK {
  border-radius: var(--radius-full);
  -o-object-position: center;
     object-position: center;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/once-ui/components/AvatarGroup.module.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.AvatarGroup_avatar__wBXXS {
  position: relative;
  margin-left: calc(-1 * var(--static-space-8));
}
.AvatarGroup_avatar__wBXXS:first-child {
  margin-left: 0;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/once-ui/components/Badge.module.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.Badge_badge__M5oO0 {
  border: 1px solid var(--brand-alpha-medium);
}

.Badge_animation__7HZ2w {
  position: relative;
  overflow: hidden;
}
.Badge_animation__7HZ2w::before {
  content: "";
  opacity: 0;
  border-radius: var(--radius-full);
  position: absolute;
  width: 100%;
  height: 100%;
  background: linear-gradient(120deg, transparent 20%, var(--brand-alpha-medium) 50%, transparent 80%);
  transform: skewX(-20deg);
  animation: Badge_shineDefault__tvEwR 9s ease-in-out infinite;
}
.Badge_animation__7HZ2w:hover::before {
  animation: Badge_shineHover__a_K0B 3s ease-in-out infinite;
}

@keyframes Badge_shineDefault__tvEwR {
  0% {
    left: -100%;
  }
  1% {
    left: -100%;
    opacity: 1;
  }
  15% {
    left: 100%;
    opacity: 1;
  }
  16% {
    opacity: 0;
  }
  100% {
    left: -100%;
  }
}
@keyframes Badge_shineHover__a_K0B {
  0% {
    left: -100%;
  }
  1% {
    left: -100%;
    opacity: 1;
  }
  45% {
    left: 100%;
    opacity: 1;
  }
  46% {
    opacity: 0;
  }
  100% {
    left: -100%;
  }
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/once-ui/components/Button.module.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.Button_button__ROudt {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  padding: 0;
  white-space: nowrap;
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
  transition: var(--transition-micro-medium);
}
.Button_button__ROudt:disabled {
  box-shadow: none;
  background: var(--neutral-solid-weak);
  color: var(--neutral-on-solid-weak);
  border: none;
  pointer-events: none;
  cursor: not-allowed;
}

.Button_primary__vsG5A {
  box-shadow: inset 0 var(--solid-inset-distance) var(--solid-inset-size) var(--solid-inset-color-brand);
  background: var(--brand-solid-medium);
  border-style: solid;
  border-width: var(--solid-border-width);
  border-color: var(--solid-border-color-brand);
  color: var(--brand-on-solid-strong);
}
.Button_primary__vsG5A:hover, .Button_primary__vsG5A:focus {
  background: var(--brand-solid-strong);
}

.Button_secondary__71RDM {
  box-shadow: inset 0 var(--solid-inset-distance) var(--solid-inset-size) var(--solid-inset-color-neutral);
  background: var(--neutral-background-medium);
  border-style: solid;
  border: 1px solid var(--neutral-border-medium);
  color: var(--neutral-on-background-strong);
}
.Button_secondary__71RDM:hover, .Button_secondary__71RDM:focus {
  background: var(--neutral-background-strong);
  border-color: var(--neutral-border-strong);
}

.Button_tertiary__0_zNT {
  box-shadow: inset 0 var(--solid-inset-distance) var(--solid-inset-size) var(--solid-inset-color-neutral);
  background: var(--static-transparent);
  border: 1px solid var(--neutral-border-medium);
  color: var(--neutral-on-background-strong);
}
.Button_tertiary__0_zNT:hover, .Button_tertiary__0_zNT:focus {
  background: var(--neutral-background-medium);
  border-color: var(--neutral-border-strong);
}

.Button_ghost__9CckO {
  border: none;
  background: var(--static-transparent);
  color: var(--neutral-on-background-medium);
}
.Button_ghost__9CckO:hover, .Button_ghost__9CckO:focus {
  color: var(--neutral-on-background-strong);
}

.Button_danger__M5_j0 {
  box-shadow: inset 0 var(--solid-inset-distance) var(--solid-inset-size) var(--solid-inset-color-danger);
  background: var(--danger-solid-medium);
  border-style: solid;
  border-width: var(--solid-border-width);
  border-color: var(--solid-border-color-danger);
  color: var(--danger-on-solid-strong);
}
.Button_danger__M5_j0:hover, .Button_danger__M5_j0:focus {
  background: var(--danger-solid-strong);
}

.Button_s__EYzdP {
  padding: var(--static-space-4) var(--static-space-8);
  border-radius: var(--radius-m);
  min-height: var(--static-space-32);
  gap: var(--static-space-4);
}

.Button_m__7Jb9j {
  padding: var(--static-space-8) var(--static-space-12);
  border-radius: var(--radius-m);
  min-height: var(--static-space-40);
  gap: var(--static-space-4);
}

.Button_l__o9TJ6 {
  padding: var(--static-space-12) var(--static-space-20);
  border-radius: var(--radius-l);
  min-height: var(--static-space-48);
  gap: var(--static-space-8);
}

.Button_label__5FYXK {
  padding: 0 var(--static-space-4);
}

.Button_fillWidth__Tzhwe {
  width: 100%;
}

.Button_fitContent__f8yCD {
  width: -moz-fit-content;
  width: fit-content;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/once-ui/components/SharedInteractiveStyles.module.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.SharedInteractiveStyles_container__8HXyS {
  cursor: pointer;
  isolation: isolate;
}
.SharedInteractiveStyles_container__8HXyS:hover .SharedInteractiveStyles_element__gRtRa.SharedInteractiveStyles_checked___gv93 .SharedInteractiveStyles_element__gRtRa::before, .SharedInteractiveStyles_container__8HXyS:focus .SharedInteractiveStyles_element__gRtRa.SharedInteractiveStyles_checked___gv93 .SharedInteractiveStyles_element__gRtRa::before {
  display: none;
}

.SharedInteractiveStyles_element__gRtRa {
  box-shadow: inset 0 0 0 var(--solid-inset-color-brand);
  border-color: var(--solid-border-color-neutral);
  border-style: solid;
  border-width: 1px;
  width: var(--static-space-20);
  height: var(--static-space-20);
  min-width: var(--static-space-20);
  min-height: var(--static-space-20);
  transition: var(--transition-micro-medium);
  background-color: var(--background-surface);
  outline: none;
}
.SharedInteractiveStyles_element__gRtRa.SharedInteractiveStyles_checked___gv93 {
  box-shadow: inset 0 var(--solid-inset-distance) var(--solid-inset-size) var(--solid-inset-color-brand);
  background-color: var(--brand-solid-medium);
  border-color: var(--solid-border-color-brand);
}

.SharedInteractiveStyles_disabled__mquYX .SharedInteractiveStyles_element__gRtRa {
  opacity: 0.6;
}
.SharedInteractiveStyles_disabled__mquYX .SharedInteractiveStyles_element__gRtRa::before {
  display: none;
}

.SharedInteractiveStyles_container__8HXyS:hover .SharedInteractiveStyles_element__gRtRa::before,
.SharedInteractiveStyles_element__gRtRa:focus-within::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: var(--static-space-40);
  height: var(--static-space-40);
  background-color: var(--brand-alpha-medium);
  border-radius: var(--radius-full);
  z-index: -1;
  animation: SharedInteractiveStyles_scaleInCenter__usaGM 0.2s forwards;
}

@keyframes SharedInteractiveStyles_scaleInCenter__usaGM {
  from {
    transform: translate(-50%, -50%) scale(0);
  }
  to {
    transform: translate(-50%, -50%) scale(1);
  }
}
.SharedInteractiveStyles_icon__GFXyk {
  animation: SharedInteractiveStyles_scaleIn__llrvd 0.2s forwards;
  animation-delay: 0.1s;
  transform: scale(0);
}

@keyframes SharedInteractiveStyles_scaleIn__llrvd {
  from {
    transform: scale(0);
  }
  to {
    transform: scale(1);
  }
}
.SharedInteractiveStyles_hidden__Wceke {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.SharedInteractiveStyles_indeterminate__Rs5ja {
  background: var(--brand-on-solid-strong);
  width: var(--static-space-12);
  height: var(--static-space-2);
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/once-ui/components/Chip.module.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.Chip_chip__4gf6Z {
  cursor: pointer;
  white-space: nowrap;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  height: -moz-fit-content;
  height: fit-content;
  width: -moz-fit-content;
  width: fit-content;
  transition: var(--transition-micro-medium);
}
.Chip_chip__4gf6Z.Chip_selected__cqJp_ {
  background: var(--brand-alpha-medium);
  color: var(--brand-on-background-medium);
}
.Chip_chip__4gf6Z.Chip_selected__cqJp_:hover, .Chip_chip__4gf6Z.Chip_selected__cqJp_:focus {
  background: var(--brand-alpha-medium);
}
.Chip_chip__4gf6Z.Chip_selected__cqJp_:active {
  background: var(--brand-alpha-weak);
  color: var(--brand-on-background-weak);
}
.Chip_chip__4gf6Z.Chip_unselected__ENjbt {
  background: var(--neutral-alpha-weak);
  color: var(--neutral-on-background-medium);
}
.Chip_chip__4gf6Z.Chip_unselected__ENjbt:hover, .Chip_chip__4gf6Z.Chip_unselected__ENjbt:focus {
  background: var(--neutral-alpha-medium);
}
.Chip_chip__4gf6Z.Chip_unselected__ENjbt:active {
  background: var(--neutral-alpha-weak);
  color: var(--neutral-on-background-weak);
}
.Chip_chip__4gf6Z:disabled {
  background: var(--neutral-solid-weak);
  cursor: not-allowed;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/once-ui/components/Dialog.module.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.Dialog_overlay__FDkzQ {
  position: fixed;
  opacity: 0;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9;
  background-color: var(--backdrop);
  visibility: hidden;
  transition: var(--transition-macro-medium);
}
.Dialog_overlay__FDkzQ.Dialog_open__MvAaq {
  opacity: 1;
  visibility: visible;
}

.Dialog_dialog__yVExh {
  transform: scale(0.2);
  opacity: 0;
  box-shadow: var(--shadow-xl);
  max-width: 40rem;
  transition: var(--transition-macro-medium);
}
.Dialog_dialog__yVExh.Dialog_open__MvAaq {
  transform: scale(1);
  opacity: 1;
  visibility: visible;
}
@media (max-width: 768px) {
  .Dialog_dialog__yVExh {
    position: fixed;
    bottom: var(--static-space-8);
    top: var(--static-space-8);
    left: var(--static-space-8);
    max-width: calc(100% - 2 * var(--static-space-8));
  }
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/once-ui/components/Dropdown.module.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.Dropdown_dropdown__82Azg {
  outline: none;
}

.Dropdown_option__hCny6 {
  cursor: pointer;
  border-color: var(--static-transparent);
  border-width: 1px;
  border-style: solid;
  transition: var(--transition-micro-medium);
}
.Dropdown_option__hCny6:hover, .Dropdown_option__hCny6:focus {
  background: var(--neutral-alpha-weak);
  border-color: var(--neutral-alpha-medium);
}
.Dropdown_option__hCny6.Dropdown_selected__dZa2O {
  background-color: var(--neutral-alpha-medium);
  border-color: var(--neutral-alpha-medium);
}
.Dropdown_option__hCny6.Dropdown_danger__ko3dl {
  color: var(--danger-alpha-weak);
}
.Dropdown_option__hCny6.Dropdown_danger__ko3dl:hover, .Dropdown_option__hCny6.Dropdown_danger__ko3dl:focus {
  background-color: var(--danger-alpha-medium);
  color: var(--danger-on-background-medium);
}

.Dropdown_focused__ZLf_0 {
  background-color: var(--neutral-background-strong);
}

.Dropdown_divider__dhhqw {
  min-height: 1px;
  width: 100%;
  background-color: var(--neutral-border-medium);
  margin: var(--static-space-4) 0;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/once-ui/components/Select.module.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.Select_icon__DQmoF {
  display: flex;
  align-items: center;
  cursor: pointer;
  color: var(--neutral-on-background-weak);
}

@keyframes Select_fadeIn__iTqW6 {
  from {
    opacity: 0;
    transform: scale(0.9);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
.Select_fadeIn__iTqW6 {
  transform-origin: top right;
  animation: Select_fadeIn__iTqW6 var(--transition-duration-micro-medium) var(--transition-eased);
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/once-ui/components/Grid.module.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.Grid_grid__smchD {
  display: grid;
}

.Grid_fillWidth__DkLeR {
  width: 100%;
}

@media (max-width: 1024px) {
  .Grid_tablet-1col__9MYXj {
    grid-template-columns: 1fr !important;
  }
  .Grid_tablet-2col__o3MnB {
    grid-template-columns: repeat(2, 1fr) !important;
  }
  .Grid_tablet-3col__26GpV {
    grid-template-columns: repeat(3, 1fr) !important;
  }
}
@media (max-width: 768px) {
  .Grid_mobile-1col__1Z01e {
    grid-template-columns: 1fr !important;
  }
  .Grid_mobile-2col__RU_W2 {
    grid-template-columns: repeat(2, 1fr) !important;
  }
  .Grid_mobile-3col__sD4BT {
    grid-template-columns: repeat(3, 1fr) !important;
  }
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/once-ui/components/GlitchFx.module.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.GlitchFx_glitchFx__2SEPv {
  position: relative;
  display: inline-block;
}

.GlitchFx_original__T_viV {
  position: relative;
  z-index: 1;
  display: inline-block;
}

.GlitchFx_glitchLayer__916pP {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  opacity: 0.5;
  pointer-events: none;
  display: inline-block;
}

.GlitchFx_blueShift__8cQai {
  filter: hue-rotate(260deg);
  animation: GlitchFx_glitch-blue__Ry8YT 2.5s infinite;
  z-index: 1;
}

.GlitchFx_redShift__PdF0Q {
  filter: hue-rotate(120deg);
  animation: GlitchFx_glitch-red__FFolJ 2.5s infinite;
  z-index: 1;
}

@keyframes GlitchFx_glitch-blue__Ry8YT {
  6%, 14%, 70%, 78% {
    transform: none;
    opacity: 0.25;
    clip-path: inset(0 0 0 0);
  }
  10%, 12% {
    transform: translate(-5px, -3px) skew(1deg, -2deg);
    opacity: 0.5;
    clip-path: inset(50% 0 25% 0);
  }
  11%, 13% {
    transform: translate(4px, -7px) skew(-1deg);
    opacity: 0.7;
    clip-path: inset(0 35% 40% 0);
  }
  14%, 82% {
    transform: translate(-5px, -3px) skew(1deg, -1deg);
    opacity: 0.3;
    clip-path: inset(30% 5% 25% 40%);
  }
  75%, 83% {
    transform: translate(-9px, 2px) skew(-1deg, 0);
    opacity: 0.2;
    clip-path: inset(0 35% 45% 10%);
  }
}
@keyframes GlitchFx_glitch-red__FFolJ {
  6%, 14%, 70%, 78% {
    transform: none;
    opacity: 0;
    clip-path: inset(0 0 0 0);
  }
  10%, 12% {
    transform: translate(6px, 4px) skew(1deg);
    opacity: 0.5;
    clip-path: inset(5% 0 10% 0);
  }
  11%, 13% {
    transform: translate(-4px, 5px) skew(0, -1deg);
    opacity: 0.7;
    clip-path: inset(5% 0 10% 0);
  }
  14%, 82% {
    transform: translate(-7px, -4px) skew(1deg, -1deg);
    opacity: 0.2;
    clip-path: inset(50% 25% 25% 0);
  }
  75%, 80% {
    transform: translate(4px, -6px) skew(-1deg);
    opacity: 0.3;
    clip-path: inset(0 0 20% 50%);
  }
}
.GlitchFx_slow__GL07o {
  animation-duration: 3.5s;
}

.GlitchFx_medium__OQ7KX {
  animation-duration: 2.5s;
}

.GlitchFx_fast__Inwe_ {
  animation-duration: 1.5s;
}

.GlitchFx_active__rU9iq .GlitchFx_blueShift__8cQai, .GlitchFx_active__rU9iq .GlitchFx_redShift__PdF0Q {
  animation-play-state: running;
}

.GlitchFx_glitchFx__2SEPv:not(.GlitchFx_active__rU9iq) .GlitchFx_blueShift__8cQai,
.GlitchFx_glitchFx__2SEPv:not(.GlitchFx_active__rU9iq) .GlitchFx_redShift__PdF0Q {
  animation-play-state: paused;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/once-ui/components/IconButton.module.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.IconButton_top__NWrJy {
  bottom: calc(100% + var(--static-space-2));
  left: 50%;
  transform: translateX(-50%);
}

.IconButton_bottom__5Wpiz {
  top: calc(100% + var(--static-space-2));
  left: 50%;
  transform: translateX(-50%);
}

.IconButton_left__CcDhL {
  right: calc(100% + var(--static-space-2));
  top: 50%;
  transform: translateY(-50%);
}

.IconButton_right__tndmM {
  left: calc(100% + var(--static-space-2));
  top: 50%;
  transform: translateY(-50%);
}

.IconButton_s__WJ49h {
  border-radius: var(--radius-s);
  min-height: var(--static-space-24);
  min-width: var(--static-space-24);
  height: var(--static-space-24);
  width: var(--static-space-24);
}

.IconButton_m__VXzCF {
  border-radius: var(--radius-m);
  min-height: var(--static-space-32);
  min-width: var(--static-space-32);
  height: var(--static-space-32);
  width: var(--static-space-32);
}

.IconButton_l__jAaVZ {
  border-radius: var(--radius-l);
  min-height: var(--static-space-40);
  min-width: var(--static-space-40);
  height: var(--static-space-40);
  width: var(--static-space-40);
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/once-ui/components/InlineCode.module.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.InlineCode_inlineCode__ATlYG {
  display: inline;
  padding: var(--static-space-1) var(--static-space-4);
  border-radius: var(--radius-s);
  background: var(--neutral-alpha-weak);
  border: 1px solid var(--neutral-alpha-medium);
  font-family: var(--font-family-code);
  font-size: 80%;
  margin: 0 var(--static-space-2);
  vertical-align: middle;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/once-ui/components/Input.module.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.Input_wrapper__FpF7Q {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: var(--static-space-8);
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
}

.Input_base__M2_Hn {
  display: flex;
  overflow: hidden;
  align-items: stretch;
  position: relative;
  border: 1px solid var(--neutral-border-medium);
  background-color: var(--neutral-alpha-weak);
  -webkit-backdrop-filter: var(--backdrop-filter);
          backdrop-filter: var(--backdrop-filter);
  border-radius: var(--radius-l);
  min-height: var(--static-space-56);
  transition: var(--transition-micro-medium);
}
.Input_base__M2_Hn.Input_focused__kfXI_, .Input_base__M2_Hn.Input_filled__lduc6 {
  background-color: var(--neutral-background-strong);
  border-color: var(--neutral-border-medium);
}
.Input_base__M2_Hn:focus-within, .Input_base__M2_Hn:hover {
  background-color: var(--neutral-alpha-medium);
}
.Input_base__M2_Hn:has(.Input_labelAsPlaceholder__FNKq8) {
  min-height: var(--static-space-48);
}

.Input_textareaBase__PP79e::after {
  pointer-events: none;
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: var(--static-space-32);
  height: var(--static-space-32);
  border: 1px solid var(--neutral-border-strong);
  transform: translateX(50%) translateY(50%) rotate(45deg);
  background-color: var(--neutral-alpha-weak);
}
.Input_textareaBase__PP79e ::-webkit-resizer {
  display: none;
}

.Input_label__eHUwm {
  position: absolute;
  left: var(--static-space-16);
  transition: transform 0.3s, top 0.3s, left 0.3s;
  color: var(--neutral-on-background-weak);
  pointer-events: none;
  transform-origin: left;
}

.Input_inputLabel__Zqfp_ {
  top: 50%;
  transform: translateY(-50%);
}
.Input_inputLabel__Zqfp_.Input_floating__I5gWg {
  transform: scale(0.75);
}

.Input_textareaLabel__v6egN {
  top: var(--static-space-16);
}
.Input_textareaLabel__v6egN.Input_floating__I5gWg {
  transform: scale(0.75) translateY(calc(-1 * var(--static-space-16)));
}

.Input_s__jQHBy {
  min-height: var(--static-space-48);
}
.Input_s__jQHBy:has(.Input_labelAsPlaceholder__FNKq8) {
  min-height: var(--static-space-40);
}
.Input_s__jQHBy .Input_label__eHUwm.Input_floating__I5gWg {
  top: var(--static-space-4);
}

.Input_m__7mjd0 .Input_label__eHUwm.Input_floating__I5gWg {
  top: calc(var(--static-space-8) - var(--static-space-2));
}

.Input_content__jILjH {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
}

.Input_input__yQGMf {
  width: 100%;
  height: 100%;
  border: none;
  background: none;
  color: var(--neutral-on-background-strong);
  padding: 0 var(--static-space-16);
  outline: none;
}
.Input_input__yQGMf.Input_labelAsPlaceholder__FNKq8 {
  padding-top: 0;
}
.Input_input__yQGMf:not(.Input_labelAsPlaceholder__FNKq8) {
  padding-top: var(--static-space-16);
}
.Input_input__yQGMf.Input_labelAsPlaceholder__FNKq8.Input_hasChildren__RM240 {
  padding-top: var(--static-space-16);
}
.Input_input__yQGMf::-moz-placeholder {
  color: var(--neutral-on-background-weak);
}
.Input_input__yQGMf::placeholder {
  color: var(--neutral-on-background-weak);
}
.Input_input__yQGMf:disabled {
  background-color: var(--neutral-solid-strong);
  color: var(--neutral-on-solid-weak);
}
.Input_input__yQGMf:-webkit-autofill {
  background-color: var(--neutral-background-strong) !important;
  border-radius: var(--radius-m);
  -webkit-box-shadow: 0 0 0 var(--static-space-32) var(--neutral-background-strong) inset !important;
  -webkit-text-fill-color: var(--neutral-on-background-strong) !important;
}
.Input_input__yQGMf:autofill, .Input_input__yQGMf:-webkit-autofill {
  background-color: var(--neutral-background-strong) !important;
  border-radius: var(--radius-m);
  -webkit-box-shadow: 0 0 0 var(--static-space-32) var(--neutral-background-strong) inset !important;
  -webkit-text-fill-color: var(--neutral-on-background-strong) !important;
}

.Input_error__qxb8Z .Input_base__M2_Hn {
  background-color: var(--danger-background-medium);
  border-color: var(--danger-border-medium);
}
.Input_error__qxb8Z .Input_input__yQGMf, .Input_error__qxb8Z .Input_prefix___Kxxi, .Input_error__qxb8Z .Input_suffix___Al_n {
  color: var(--danger-on-background-medium);
}
.Input_error__qxb8Z .Input_label__eHUwm {
  color: var(--danger-on-background-weak);
}

.Input_prefix___Kxxi, .Input_suffix___Al_n {
  align-self: center;
}

.Input_input__yQGMf[type=color] {
  opacity: 0;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/once-ui/components/Kbd.module.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.Kbd_kbd__W6UPP {
  display: flex;
  justify-content: center;
  min-width: var(--static-space-32);
  background: var(--neutral-background-strong);
  border-radius: var(--radius-s);
  padding: var(--static-space-2) var(--static-space-4);
  color: var(--neutral-on-background-medium);
  border: 1px solid var(--neutral-border-strong);
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/once-ui/components/Logo.module.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.Logo_type__T7wNB {
  content: var(--type);
}

.Logo_icon__QFSUL {
  content: var(--icon);
}

.Logo_type__T7wNB, .Logo_icon__QFSUL {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  display: block;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/once-ui/components/NavIcon.module.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.NavIcon_button__e7_Un {
  cursor: pointer;
  width: var(--static-space-40);
  height: var(--static-space-40);
  min-width: var(--static-space-40);
  min-height: var(--static-space-40);
}

.NavIcon_line__M_St8 {
  background-color: var(--neutral-on-background-strong);
  height: 1px;
  width: var(--static-space-24);
  transition: transform 0.3s ease;
  position: absolute;
  left: 50%;
  top: 50%;
}
.NavIcon_line__M_St8:first-child {
  transform: translateX(-50%) translateY(calc(-1 * var(--static-space-4)));
}
.NavIcon_line__M_St8:last-child {
  transform: translateX(-50%) translateY(var(--static-space-4));
}

.NavIcon_active__mkbin:first-child {
  transform: translateX(-50%) translateY(0) rotate(45deg);
}

.NavIcon_active__mkbin:last-child {
  transform: translateX(-50%) translateY(0) rotate(-45deg);
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/once-ui/components/RevealFx.module.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.RevealFx_revealFx__YVbbq {
  display: inline-block;
  position: relative;
  -webkit-mask-image: linear-gradient(to right, black 0%, black 25%, transparent 50%);
          mask-image: linear-gradient(to right, black 0%, black 25%, transparent 50%);
  -webkit-mask-size: 300% 100%;
          mask-size: 300% 100%;
  transition: all ease-in-out;
}
.RevealFx_revealFx__YVbbq.RevealFx_hidden__XubC2 {
  -webkit-mask-position: 100% 0;
          mask-position: 100% 0;
  filter: blur(0.5rem);
}
.RevealFx_revealFx__YVbbq.RevealFx_revealed__Lndau {
  -webkit-mask-position: 0 0;
          mask-position: 0 0;
  filter: blur(0);
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/once-ui/components/Scroller.module.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.Scroller_scroller__KVYp_ {
  scrollbar-width: none;
}
.Scroller_scroller__KVYp_::-webkit-scrollbar {
  display: none;
}

.Scroller_row__eEosH {
  overflow-x: auto;
  flex-direction: row;
}

.Scroller_column__1pNVa {
  overflow-y: auto;
  flex-direction: column;
}

.Scroller_scrollMask__Rl6jX {
  position: relative;
  width: 100%;
  height: 100%;
}

.Scroller_scrollMaskContainer__jUe3o {
  position: absolute;
  top: 0;
  bottom: 0;
  width: var(--static-space-64);
  height: 100%;
  z-index: 1;
}

.Scroller_scrollMaskPrev__aTEik {
  left: 0;
  background: linear-gradient(to right, var(--surface-background), transparent);
}

.Scroller_scrollMaskNext__3mDae {
  right: 0;
  background: linear-gradient(to left, var(--surface-background), transparent);
}

.Scroller_scrollButton__nVuk3 {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  border: none;
  z-index: 2;
}

.Scroller_scrollButtonPrev__JZQ8S {
  left: var(--static-space-4);
}

.Scroller_scrollButtonNext__0spck {
  right: var(--static-space-4);
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/once-ui/components/Skeleton.module.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes Skeleton_skeleton-loading__ndD7P {
  0% {
    background-color: var(--neutral-background-strong);
  }
  50% {
    background-color: var(--neutral-background-medium);
  }
  100% {
    background-color: var(--neutral-background-strong);
  }
}
.Skeleton_delay-1____qIL {
  animation-delay: 0.1s;
}

.Skeleton_delay-2__s_6Qh {
  animation-delay: 0.2s;
}

.Skeleton_delay-3__4AI1V {
  animation-delay: 0.3s;
}

.Skeleton_delay-4__DZRIq {
  animation-delay: 0.4s;
}

.Skeleton_delay-5__qYf5m {
  animation-delay: 0.5s;
}

.Skeleton_delay-6__YOdsW {
  animation-delay: 0.6s;
}

.Skeleton_skeleton__pztLf {
  animation-name: Skeleton_skeleton-loading__ndD7P;
  animation-duration: 1.5s;
  animation-iteration-count: infinite;
  border-radius: var(--radius-l);
}
.Skeleton_skeleton__pztLf.Skeleton_block__SWlnI {
  width: 100%;
  height: 100%;
}
.Skeleton_skeleton__pztLf.Skeleton_line__iDfpe.Skeleton_h-xs__o__CQ {
  height: var(--static-space-8);
}
.Skeleton_skeleton__pztLf.Skeleton_line__iDfpe.Skeleton_h-s__tQFMF {
  height: var(--static-space-12);
}
.Skeleton_skeleton__pztLf.Skeleton_line__iDfpe.Skeleton_h-m__BbXEN {
  height: var(--static-space-16);
}
.Skeleton_skeleton__pztLf.Skeleton_line__iDfpe.Skeleton_h-l__iro8j {
  height: var(--static-space-20);
}
.Skeleton_skeleton__pztLf.Skeleton_line__iDfpe.Skeleton_h-xl___h5U7 {
  height: var(--static-space-24);
}
.Skeleton_skeleton__pztLf.Skeleton_line__iDfpe.Skeleton_w-xs__qYqb5 {
  width: 25%;
}
.Skeleton_skeleton__pztLf.Skeleton_line__iDfpe.Skeleton_w-s__4j158 {
  width: 33%;
}
.Skeleton_skeleton__pztLf.Skeleton_line__iDfpe.Skeleton_w-m__aliwu {
  width: 50%;
}
.Skeleton_skeleton__pztLf.Skeleton_line__iDfpe.Skeleton_w-l__IkrZl {
  width: 75%;
}
.Skeleton_skeleton__pztLf.Skeleton_line__iDfpe.Skeleton_w-xl__uYTr7 {
  width: 100%;
}
.Skeleton_skeleton__pztLf.Skeleton_circle__wl0Ge {
  border-radius: var(--radius-full);
}
.Skeleton_skeleton__pztLf.Skeleton_circle__wl0Ge.Skeleton_w-xs__qYqb5 {
  width: var(--static-space-20);
  height: var(--static-space-20);
}
.Skeleton_skeleton__pztLf.Skeleton_circle__wl0Ge.Skeleton_w-s__4j158 {
  width: var(--static-space-24);
  height: var(--static-space-24);
}
.Skeleton_skeleton__pztLf.Skeleton_circle__wl0Ge.Skeleton_w-m__aliwu {
  width: var(--static-space-32);
  height: var(--static-space-32);
}
.Skeleton_skeleton__pztLf.Skeleton_circle__wl0Ge.Skeleton_w-l__IkrZl {
  width: var(--static-space-40);
  height: var(--static-space-40);
}
.Skeleton_skeleton__pztLf.Skeleton_circle__wl0Ge.Skeleton_w-xl__uYTr7 {
  width: var(--static-space-160);
  height: var(--static-space-160);
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/once-ui/components/SparkleFx.module.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.SparkleFx_sparkleContainer__cKDHh {
  position: relative;
  display: inline-block;
  overflow: visible;
  animation: SparkleFx_textGlow__sD_h0 10s ease-in-out infinite;
}

.SparkleFx_sparkleParticle___TtLS {
  position: absolute;
  background-color: var(--neutral-on-background-strong);
  border-radius: 50%;
  pointer-events: none;
  box-shadow: 0 0 var(--static-space-12) var(--neutral-on-background-strong), 0 0 var(--static-space-20) var(--neutral-on-background-weak);
  animation: SparkleFx_sparkleMove__fhVTy linear forwards;
  opacity: 0;
}

@keyframes SparkleFx_sparkleMove__fhVTy {
  0% {
    transform: translate(0, 0) scale(1);
    opacity: 0;
  }
  10% {
    opacity: 0.8;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: translate(50px, -200px) scale(0.5);
    opacity: 0;
  }
}
@keyframes SparkleFx_textGlow__sD_h0 {
  0%, 100% {
    text-shadow: 0 0 8px rgba(255, 255, 255, 0), 0 0 12px rgba(255, 255, 255, 0), 0 0 16px rgba(255, 255, 255, 0.1725490196);
  }
  50% {
    text-shadow: 0 0 12px rgba(255, 255, 255, 0.1960784314), 0 0 18px rgba(255, 255, 255, 0.1137254902), 0 0 24px rgba(255, 255, 255, 0.1137254902);
  }
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/once-ui/components/Spinner.module.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes Spinner_spin__MktyB {
  0% {
    transform: rotate(0deg);
    animation-timing-function: cubic-bezier(0.55, 0.2, 0.68, 0.53);
  }
  100% {
    transform: rotate(360deg);
    animation-timing-function: cubic-bezier(0.55, 0.2, 0.68, 0.53);
  }
}
.Spinner_bounding__7yb8T {
  display: flex;
  justify-content: center;
  align-items: center;
}

.Spinner_spinner__Pfmjc {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  animation: Spinner_spin__MktyB 1.5s infinite;
  border-style: solid;
  border-color: transparent;
  border-top-color: currentColor;
}

.Spinner_xs__GN0Xv {
  width: var(--static-space-16);
  height: var(--static-space-16);
  padding: 2px;
}
.Spinner_xs__GN0Xv .Spinner_spinner__Pfmjc {
  border-width: 2px;
}

.Spinner_s__ZH6YR {
  width: var(--static-space-20);
  height: var(--static-space-20);
  padding: 2px;
}
.Spinner_s__ZH6YR .Spinner_spinner__Pfmjc {
  border-width: 2px;
}

.Spinner_m__d9eF3 {
  width: var(--static-space-24);
  height: var(--static-space-24);
  padding: 3px;
}
.Spinner_m__d9eF3 .Spinner_spinner__Pfmjc {
  border-width: 2px;
}

.Spinner_l__lWnpG {
  width: var(--static-space-32);
  height: var(--static-space-32);
  padding: 4px;
}
.Spinner_l__lWnpG .Spinner_spinner__Pfmjc {
  border-width: 3px;
}

.Spinner_xl__PV8Et {
  width: var(--static-space-40);
  height: var(--static-space-40);
  padding: 8px;
}
.Spinner_xl__PV8Et .Spinner_spinner__Pfmjc {
  border-width: 3px;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/once-ui/components/StatusIndicator.module.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.StatusIndicator_statusIndicator__1Etbm {
  display: flex;
  border: 2px solid var(--page-background);
  border-radius: var(--radius-full);
}
.StatusIndicator_statusIndicator__1Etbm.StatusIndicator_s__zSS0T {
  width: var(--static-space-4);
  height: var(--static-space-4);
}
.StatusIndicator_statusIndicator__1Etbm.StatusIndicator_m__qduIJ {
  width: var(--static-space-8);
  height: var(--static-space-8);
}
.StatusIndicator_statusIndicator__1Etbm.StatusIndicator_l__VnD46 {
  width: var(--static-space-16);
  height: var(--static-space-16);
}
.StatusIndicator_statusIndicator__1Etbm.StatusIndicator_green__7JYcU {
  background-color: var(--scheme-green-700);
}
.StatusIndicator_statusIndicator__1Etbm.StatusIndicator_yellow__FIYpO {
  background-color: var(--scheme-yellow-700);
}
.StatusIndicator_statusIndicator__1Etbm.StatusIndicator_red__BsmAU {
  background-color: var(--scheme-red-700);
}
.StatusIndicator_statusIndicator__1Etbm.StatusIndicator_gray__NzEam {
  background-color: var(--scheme-gray-700);
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/once-ui/components/Switch.module.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.Switch_container__rGQxw {
  cursor: pointer;
}
.Switch_container__rGQxw:active .Switch_element__LI_K8 {
  transform: translateY(-50%) scaleX(1.2);
}
.Switch_container__rGQxw:hover .Switch_switch__1EQsO {
  background-color: var(--neutral-solid-strong);
}
.Switch_container__rGQxw:hover .Switch_switch__1EQsO.Switch_checked__0AmCm {
  background-color: var(--brand-solid-strong);
}
.Switch_container__rGQxw:hover .Switch_switch__1EQsO.Switch_checked__0AmCm .Switch_element__LI_K8::before {
  display: none;
}

.Switch_reverse__rrz6p {
  flex-direction: row-reverse;
}

.Switch_switch__1EQsO {
  box-shadow: inset 0 0 0 var(--solid-inset-color-brand);
  border-color: var(--solid-border-color-neutral);
  border-style: solid;
  border-width: var(--solid-border-width);
  width: var(--static-space-40);
  min-width: var(--static-space-40);
  height: var(--static-space-24);
  border-radius: var(--radius-l-nest-4);
  background-color: var(--neutral-solid-medium);
  position: relative;
  transition: var(--transition-micro-medium);
}
.Switch_switch__1EQsO.Switch_checked__0AmCm {
  box-shadow: inset 0 var(--solid-inset-distance) var(--solid-inset-size) var(--solid-inset-color-brand);
  background-color: var(--brand-solid-medium);
  border-color: var(--solid-border-color-brand);
}
.Switch_switch__1EQsO.Switch_checked__0AmCm .Switch_element__LI_K8 {
  left: calc(100% - var(--static-space-20));
  transform-origin: right;
}

.Switch_element__LI_K8 {
  z-index: 1;
  transform-origin: left;
  width: var(--static-space-16);
  height: var(--static-space-16);
  border-radius: var(--radius-l);
  background-color: var(--brand-on-solid-strong);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: var(--static-space-4);
  transition: left 0.3s, transform 0.3s;
  outline: none;
}

.Switch_disabled__w9nFc .Switch_switch__1EQsO {
  opacity: 0.4;
}
.Switch_disabled__w9nFc .Switch_element__LI_K8::before {
  display: none !important;
}

.Switch_container__rGQxw:hover .Switch_element__LI_K8::before,
.Switch_element__LI_K8:focus-within::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: var(--static-space-40);
  height: var(--static-space-40);
  background-color: var(--brand-alpha-medium);
  border-radius: var(--radius-full);
  z-index: -1;
  animation: Switch_scaleInCenter__BMnTp 0.2s forwards;
}

@keyframes Switch_scaleInCenter__BMnTp {
  from {
    transform: translate(-50%, -50%) scale(0);
  }
  to {
    transform: translate(-50%, -50%) scale(1);
  }
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/once-ui/components/Tag.module.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.Tag_tag__JeNYb {
  border-width: 1px;
  border-style: solid;
  white-space: nowrap;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  width: -moz-fit-content;
  width: fit-content;
}
.Tag_tag__JeNYb.Tag_brand__wrQt8 {
  border-color: var(--brand-border-strong);
  background-color: var(--brand-background-strong);
  color: var(--brand-on-background-medium);
}
.Tag_tag__JeNYb.Tag_accent__Z7Zwi {
  border-color: var(--accent-border-strong);
  background-color: var(--accent-background-strong);
  color: var(--accent-on-background-medium);
}
.Tag_tag__JeNYb.Tag_neutral__3BOpF {
  border-color: var(--neutral-border-medium);
  background-color: var(--surface-background);
  color: var(--neutral-on-background-medium);
}
.Tag_tag__JeNYb.Tag_warning__OGcFw {
  border-color: var(--warning-border-strong);
  background-color: var(--warning-background-strong);
  color: var(--warning-on-background-medium);
}
.Tag_tag__JeNYb.Tag_danger__9__2N {
  border-color: var(--danger-border-strong);
  background-color: var(--danger-background-strong);
  color: var(--danger-on-background-medium);
}
.Tag_tag__JeNYb.Tag_success___c_4n {
  border-color: var(--success-border-strong);
  background-color: var(--success-background-strong);
  color: var(--success-on-background-medium);
}
.Tag_tag__JeNYb.Tag_info__geujT {
  border-color: var(--info-border-strong);
  background-color: var(--info-background-strong);
  color: var(--info-on-background-medium);
}
.Tag_tag__JeNYb.Tag_gradient__2VShJ {
  border-color: var(--brand-alpha-medium);
  background-image: linear-gradient(45deg, var(--brand-background-strong), var(--accent-background-strong));
  color: var(--brand-on-background-medium);
}

.Tag_s__n3KQk {
  padding: 0 var(--static-space-4);
}

.Tag_m__5Iiqi {
  padding: var(--static-space-2) var(--static-space-8);
}

.Tag_l__Ch13W {
  padding: var(--static-space-4) var(--static-space-12);
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/once-ui/components/Toast.module.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.Toast_toast__go0ob {
  transition: opacity 0.3s, transform 0.3s;
}

.Toast_visible__ZbeoK {
  opacity: 1;
}

.Toast_hidden__XsKnA {
  opacity: 0;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/once-ui/components/Toaster.module.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.Toaster_toastContainer__pHPBM {
  position: fixed;
  bottom: var(--responsive-space-l);
  left: 50%;
  transform: translateX(-50%);
}

.Toaster_toastWrapper__QiHR4 {
  bottom: 0;
  transition: transform 0.3s, opacity 0.3s;
}

.Toaster_toastAnimation__v_NpK {
  animation: Toaster_fadeIn__hQppY 0.3s ease-out forwards;
}

@keyframes Toaster_fadeIn__hQppY {
  from {
    opacity: 0;
    transform: translateY(4rem);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/once-ui/components/ToggleButton.module.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.ToggleButton_button__Wgd1S {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: var(--static-space-8);
  border-radius: var(--radius-m);
  border-color: var(--static-transparent);
  border-width: 1px;
  border-style: solid;
  background: var(--static-transparent);
  color: var(--neutral-on-background-strong);
  transition: var(--transition-micro-medium);
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  white-space: nowrap;
}
.ToggleButton_button__Wgd1S:hover {
  background: var(--neutral-alpha-weak);
  border-color: var(--neutral-alpha-medium);
}
.ToggleButton_button__Wgd1S.ToggleButton_selected__CqoUu {
  background-color: var(--neutral-alpha-medium);
  border-color: var(--neutral-alpha-medium);
}
.ToggleButton_button__Wgd1S:disabled {
  background: var(--neutral-solid-weak);
  color: var(--neutral-on-solid-weak);
  border: none;
  pointer-events: none;
  cursor: not-allowed;
}

.ToggleButton_labelWrapper___zgEs {
  display: flex;
  align-items: center;
  gap: var(--static-space-8);
  max-width: 100%;
}

.ToggleButton_label__Aj5j5 {
  padding: var(--static-space-4) var(--static-space-4);
}

.ToggleButton_s__PWnOL {
  padding: var(--static-space-2) var(--static-space-8);
}

.ToggleButton_m__3afCf {
  padding: var(--static-space-4) var(--static-space-12);
}

.ToggleButton_l__fkPpv {
  padding: var(--static-space-8) var(--static-space-16);
}

.ToggleButton_start__CTqjH {
  justify-content: flex-start;
}

.ToggleButton_center__BVwU2 {
  justify-content: center;
}

.ToggleButton_fit__VXwDH {
  width: auto;
}

.ToggleButton_fill__0GwAH {
  width: 100%;
}

.ToggleButton_truncate__qrPCO {
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/once-ui/components/UserMenu.module.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.UserMenu_wrapper__K3cXo {
  border: 1px solid var(--static-transparent);
  transition: var(--transition-micro-medium);
}
.UserMenu_wrapper__K3cXo:hover {
  background-color: var(--neutral-alpha-weak);
  border: 1px solid var(--neutral-alpha-medium);
}
.UserMenu_wrapper__K3cXo.UserMenu_selected__4ulRk:hover {
  background-color: var(--neutral-background-strong);
  border: 1px solid var(--neutral-border-strong);
}