/*!******************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/ui/Spinner.module.scss ***!
  \******************************************************************************************************************************************************************************************************/
.Spinner-module__spinner {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--spinner-size, 2rem);
  height: var(--spinner-size, 2rem);
  color: var(--color-accent);
}

.Spinner-module__inner {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  font-size: var(--spinner-size, 2rem);
  line-height: var(--spinner-size, 2rem);
  animation-name: Spinner-module__spin;
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}

.Spinner-module__white {
  color: var(--color-white);
}

@keyframes Spinner-module__spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
/*!**********************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/ui/Transition.scss ***!
  \**********************************************************************************************************************************************************************/
.Transition {
  position: relative;
  width: 100%;
  height: 100%;
}
.Transition_slide {
  width: 100%;
  height: 100%;
  animation-fill-mode: forwards !important;
}
.Transition_slide-from, .Transition_slide-to {
  position: absolute;
  top: 0;
  left: 0;
}
.Transition_slide-from, .Transition_slide-from .custom-scroll {
  pointer-events: none !important;
}
.Transition_slide-inactive {
  display: none !important;
}
.Transition-slideOptimized, .Transition-slideOptimizedBackwards, .Transition-slideOptimizedRtl, .Transition-slideOptimizedRtlBackwards {
  contain: strict;
}
body.is-safari .Transition-slideOptimized, body.is-safari .Transition-slideOptimizedBackwards, body.is-safari .Transition-slideOptimizedRtl, body.is-safari .Transition-slideOptimizedRtlBackwards {
  transform: translate3d(0, 0, 0);
}
#root .Transition-slideOptimized > .Transition_slide, #root .Transition-slideOptimizedBackwards > .Transition_slide, #root .Transition-slideOptimizedRtl > .Transition_slide, #root .Transition-slideOptimizedRtlBackwards > .Transition_slide {
  position: absolute;
  top: 0;
  left: 0;
  transform: scale(0);
  transition: transform var(--slide-transition);
}
.Transition-slide > .Transition_slide-to {
  transform: translateX(100%);
  animation: slide-in var(--slide-transition);
}
.Transition-slide > .Transition_slide-from {
  animation: slide-out var(--slide-transition);
}
.Transition-slideBackwards > .Transition_slide-to {
  transform: translateX(-100%);
  animation: slide-out-backwards var(--slide-transition);
}
.Transition-slideBackwards > .Transition_slide-from {
  animation: slide-in-backwards var(--slide-transition);
}
.Transition-slideRtl > .Transition_slide-to {
  transform: translateX(-100%);
  animation: slide-in var(--slide-transition);
}
.Transition-slideRtl > .Transition_slide-from {
  animation: slide-out var(--slide-transition);
}
.Transition-slideRtlBackwards > .Transition_slide-to {
  transform: translateX(100%);
  animation: slide-out-backwards var(--slide-transition);
}
.Transition-slideRtlBackwards > .Transition_slide-from {
  animation: slide-in-backwards var(--slide-transition);
}
.Transition-slideVertical > .Transition_slide-to {
  transform: translateY(100%);
  animation: slide-vertical-in var(--slide-transition);
}
.Transition-slideVertical > .Transition_slide-from {
  animation: slide-vertical-out var(--slide-transition);
}
.Transition-slideVerticalBackwards > .Transition_slide-to {
  transform: translateY(-100%);
  animation: slide-vertical-out-backwards var(--slide-transition);
}
.Transition-slideVerticalBackwards > .Transition_slide-from {
  animation: slide-vertical-in-backwards var(--slide-transition);
}
.Transition-slideVerticalFade > .Transition_slide-to {
  transform: translateY(100%);
  animation: slide-vertical-fade-in var(--slide-transition);
}
.Transition-slideVerticalFade > .Transition_slide-from {
  animation: slide-vertical-fade-out var(--slide-transition);
}
.Transition-slideVerticalFadeBackwards > .Transition_slide-to {
  transform: translateY(-100%);
  animation: slide-vertical-fade-out-backwards var(--slide-transition);
}
.Transition-slideVerticalFadeBackwards > .Transition_slide-from {
  animation: slide-vertical-fade-in-backwards var(--slide-transition);
}
.Transition-slideFade > .Transition_slide-from {
  transform-origin: left;
  transform: translateX(0);
  opacity: 1;
  animation: fade-out-opacity var(--slide-transition), slide-fade-out-move var(--slide-transition);
}
.Transition-slideFade > .Transition_slide-to {
  transform-origin: left;
  transform: translateX(1.5rem);
  opacity: 0;
  animation: fade-in-opacity var(--slide-transition), slide-fade-in-move var(--slide-transition);
}
.Transition-slideFadeBackwards > .Transition_slide-from {
  transform: translateX(0);
  opacity: 1;
  animation: fade-in-backwards-opacity var(--slide-transition), slide-fade-in-backwards-move var(--slide-transition);
}
.Transition-slideFadeBackwards > .Transition_slide-to {
  transform: translateX(-1.5rem);
  opacity: 0;
  animation: fade-out-backwards-opacity var(--slide-transition), slide-fade-out-backwards-move var(--slide-transition);
}
.Transition-slideFadeAndroid {
  --background-color: var(--color-background-second);
}
.Transition-slideFadeAndroid > .Transition_slide {
  z-index: 0;
  background: var(--background-color);
}
.Transition-slideFadeAndroid > .Transition_slide-to {
  transform-origin: left;
  transform: translateX(1.5rem);
  opacity: 0;
  animation: fade-in-opacity var(--slide-transition), slide-fade-in-move-android var(--slide-transition);
}
.Transition-slideFadeAndroidBackwards {
  --background-color: var(--color-background-second);
}
.Transition-slideFadeAndroidBackwards > .Transition_slide {
  z-index: 0;
  background: var(--background-color);
}
.Transition-slideFadeAndroidBackwards > .Transition_slide-from {
  transform: translateX(0);
  opacity: 1;
  animation: fade-in-backwards-opacity var(--slide-transition), slide-fade-in-backwards-move-android var(--slide-transition);
}
.Transition-zoomFade > .Transition_slide-from {
  transform-origin: center;
  transform: scale(1);
  opacity: 1;
  animation: fade-out-opacity 0.15s ease;
}
.Transition-zoomFade > .Transition_slide-to {
  transform-origin: center;
  opacity: 0;
  animation: fade-in-opacity 0.15s ease, zoom-fade-in-move 0.15s ease;
}
.Transition-zoomFadeBackwards > .Transition_slide-from {
  transform: scale(1);
  animation: fade-in-backwards-opacity 0.1s ease, zoom-fade-in-backwards-move 0.15s ease;
}
.Transition-zoomFadeBackwards > .Transition_slide-to {
  transform: scale(0.95);
  animation: fade-out-backwards-opacity 0.15s ease, zoom-fade-out-backwards-move 0.15s ease;
}
.Transition-fade > .Transition_slide-from, .Transition-fadeBackwards > .Transition_slide-from {
  opacity: 1;
  animation: fade-out-opacity 0.15s ease;
}
.Transition-fade > .Transition_slide-to, .Transition-fadeBackwards > .Transition_slide-to {
  opacity: 0;
  animation: fade-in-opacity 0.15s ease;
}
.Transition-semiFade > .Transition_slide {
  isolation: isolate;
}
.Transition-semiFade > .Transition_slide-from {
  opacity: 1;
}
.Transition-semiFade > .Transition_slide-to {
  opacity: 0;
  animation: fade-in-opacity 250ms ease;
}
.Transition-semiFadeBackwards > .Transition_slide-from {
  z-index: 1;
  opacity: 1;
  animation: fade-in-backwards-opacity 250ms ease;
}
.Transition-semiFadeBackwards > .Transition_slide-to {
  opacity: 1;
  animation: none !important;
}
.Transition-slideLayers {
  --background-color: var(--color-background-second);
  background: black !important;
}
.Transition-slideLayers > .Transition_slide {
  background: var(--background-color);
}
.Transition-slideLayers > .Transition_slide-to {
  transform: translateX(100%);
  animation: slide-in var(--layer-transition);
}
.Transition-slideLayers > .Transition_slide-from {
  animation: slide-layers-out var(--layer-transition-behind);
}
.Transition-slideLayersBackwards {
  --background-color: var(--color-background-second);
  background: black !important;
}
.Transition-slideLayersBackwards > .Transition_slide {
  background: var(--background-color);
}
.Transition-slideLayersBackwards > .Transition_slide-to {
  transform: translateX(-20%);
  opacity: calc(1 - var(--layer-blackout-opacity));
  animation: slide-layers-out-backwards var(--layer-transition-behind);
  animation-duration: 450ms;
}
.Transition-slideLayersBackwards > .Transition_slide-from {
  animation: slide-in-backwards var(--layer-transition);
}
.Transition-pushSlide > .Transition_slide-from {
  transform-origin: center;
  transform: scale(1);
  opacity: 1;
  animation: push-out 0.25s ease-in-out;
}
.Transition-pushSlide > .Transition_slide-from .custom-scroll {
  scrollbar-color: transparent !important;
}
.Transition-pushSlide > .Transition_slide-from .custom-scroll::-webkit-scrollbar-thumb {
  background-color: transparent !important;
}
.Transition-pushSlide > .Transition_slide-to {
  transform: translateX(100%);
  animation: slide-in-200 0.25s ease-in-out;
}
.Transition-pushSlideBackwards > .Transition_slide {
  background: var(--color-background);
}
.Transition-pushSlideBackwards > .Transition_slide-to {
  transform: scale(0.7);
  opacity: 0;
  animation: push-out-backwards 0.25s ease-in-out;
}
.Transition-pushSlideBackwards > .Transition_slide-from {
  animation: slide-in-200-backwards 0.25s ease-in-out;
}
.Transition-reveal > .Transition_slide-to {
  clip-path: inset(0 100% 0 0);
  animation: reveal-in 350ms ease-in;
}
.Transition-revealBackwards > .Transition_slide-from {
  clip-path: inset(0 0 0 0);
  animation: reveal-in-backwards 350ms ease-out;
}
.Transition-revealBackwards > .Transition_slide-to {
  clip-path: none;
  animation: none;
}

@keyframes fade-in-opacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade-out-opacity {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fade-in-backwards-opacity {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fade-out-backwards-opacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes slide-in {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes slide-out {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}
@keyframes slide-in-backwards {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(100%);
  }
}
@keyframes slide-out-backwards {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes slide-vertical-in {
  0% {
    transform: translateY(100%);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes slide-vertical-out {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-100%);
  }
}
@keyframes slide-vertical-in-backwards {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(100%);
  }
}
@keyframes slide-vertical-out-backwards {
  0% {
    transform: translateY(-100%);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes slide-vertical-fade-in {
  0% {
    transform: translateY(100%);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes slide-vertical-fade-out {
  0% {
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    transform: translateY(-100%);
    opacity: 0;
  }
}
@keyframes slide-vertical-fade-in-backwards {
  0% {
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    transform: translateY(100%);
    opacity: 0;
  }
}
@keyframes slide-vertical-fade-out-backwards {
  0% {
    transform: translateY(-100%);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes slide-fade-in-move {
  0% {
    transform: translateX(1.5rem);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes slide-fade-out-move {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-1.5rem);
  }
}
@keyframes slide-fade-in-backwards-move {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(1.5rem);
  }
}
@keyframes slide-fade-out-backwards-move {
  0% {
    transform: translateX(-1.5rem);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes slide-fade-in-move-android {
  0% {
    transform: translateX(20%);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes slide-fade-in-backwards-move-android {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(15%);
  }
}
@keyframes zoom-fade-in-move {
  0% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes zoom-fade-in-backwards-move {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.1);
  }
}
@keyframes zoom-fade-out-backwards-move {
  0% {
    transform: scale(0.95);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes slide-layers-out {
  0% {
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    transform: translateX(-20%);
    opacity: calc(1 - var(--layer-blackout-opacity));
  }
}
@keyframes slide-layers-out-backwards {
  0% {
    transform: translateX(-20%);
    opacity: calc(1 - var(--layer-blackout-opacity));
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes push-out {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(0.7);
    opacity: 0;
  }
}
@keyframes push-out-backwards {
  0% {
    transform: scale(0.7);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes slide-in-200 {
  0% {
    transform: translateX(200%);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes slide-in-200-backwards {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(200%);
  }
}
@keyframes reveal-in {
  0% {
    clip-path: inset(0 100% 0 0);
  }
  100% {
    clip-path: inset(0 0 0 0);
  }
}
@keyframes reveal-in-backwards {
  0% {
    clip-path: inset(0 0 0 0);
  }
  100% {
    clip-path: inset(0 100% 0 0);
  }
}
/*!**********************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/ui/LoadingDots.module.scss ***!
  \**********************************************************************************************************************************************************************************************************/
.LoadingDots-module__root {
  display: flex;
  align-items: center;
  justify-content: center;
}

.LoadingDots-module__dot {
  width: 0.375rem;
  height: 0.375rem;
  margin: 0 0.25rem;
  border-radius: 100%;
  opacity: 0.8;
  background-color: var(--color-dot, var(--color-white));
  animation: LoadingDots-module__dots 800ms infinite linear;
}
.LoadingDots-module__doubled .LoadingDots-module__dot {
  animation: LoadingDots-module__dots-doubled 2000ms ease-in-out infinite;
}
.LoadingDots-module__dot:nth-child(2) {
  animation-delay: 100ms;
}
.LoadingDots-module__dot:nth-child(3) {
  animation-delay: 200ms;
}

@keyframes LoadingDots-module__dots {
  0% {
    transform: scale(1);
    opacity: 0.8;
  }
  20% {
    transform: scale(1.1);
    opacity: 0.9;
  }
  40% {
    transform: scale(1.75);
    opacity: 1;
  }
  60% {
    transform: scale(1.25);
    opacity: 0.9;
  }
  80% {
    transform: scale(1);
    opacity: 0.8;
  }
}
@keyframes LoadingDots-module__dots-doubled {
  0% {
    transform: scale(1);
    opacity: 0.8;
  }
  10% {
    transform: scale(1.1);
    opacity: 0.9;
  }
  20% {
    transform: scale(1.75);
    opacity: 1;
  }
  30% {
    transform: scale(1.25);
    opacity: 0.9;
  }
  40% {
    transform: scale(1);
    opacity: 0.8;
  }
  50% {
    transform: scale(1.1);
    opacity: 0.9;
  }
  60% {
    transform: scale(1.75);
    opacity: 1;
  }
  70% {
    transform: scale(1.25);
    opacity: 0.9;
  }
  80% {
    transform: scale(1);
    opacity: 0.8;
  }
}
/*!*****************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/ui/Button.module.scss ***!
  \*****************************************************************************************************************************************************************************************************/
/* stylelint-disable at-rule-empty-line-before */
.Button-module__button {
  cursor: var(--custom-cursor, pointer);
  -webkit-user-select: none;
          user-select: none;
  border: 0;
  border-radius: 0;
  color: var(--color-gray-button-text);
  text-decoration: none;
  white-space: nowrap;
  background: none;
  outline: none !important;
  transition: background-color 150ms, color 150ms, opacity 150ms;
}
.Button-module__button.Button-module__loadingInit {
  --color-dot: var(--color-gray-button-text);
}
.Button-module__button.Button-module__clicked, .Button-module__button:active {
  transition: none !important;
}
html.animation-level-0 .Button-module__button {
  transition: none !important;
}

.Button-module__button:not(.Button-module__isSimple) {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 9rem;
  font-size: 1.0625rem;
  line-height: 1.25;
}
.Button-module__button:not(.Button-module__isSimple):not(.Button-module__isText) {
  max-width: 68%;
  height: 2.75rem;
  padding: 0.5rem 1.5rem;
  border-radius: var(--border-radius-buttons);
  font-weight: 700;
  color: var(--color-gray-button-text);
  background-color: var(--color-gray-button-background);
}
@media (hover: hover) {
  .Button-module__button:not(.Button-module__isSimple):not(.Button-module__isText):hover, .Button-module__button:not(.Button-module__isSimple):not(.Button-module__isText):focus-visible {
    color: var(--color-gray-button-text-hover);
    background-color: var(--color-gray-button-background-hover);
  }
}
.Button-module__button:not(.Button-module__isSimple):not(.Button-module__isText)[disabled] {
  pointer-events: none;
  opacity: 0.4;
}

.Button-module__isText {
  font-weight: 600;
  color: var(--color-accent);
  background-color: transparent;
  transition: color 150ms;
}
.Button-module__isText:active {
  color: var(--color-accent-button-background-hover);
}
@media (hover: hover) {
  .Button-module__isText:hover, .Button-module__isText:focus-visible {
    color: var(--color-accent-button-background-hover);
  }
}
.Button-module__isText[disabled] {
  opacity: 0.4;
}
html.animation-level-0 .Button-module__isText {
  transition: none !important;
}

.Button-module__button.Button-module__primary:not(.Button-module__isSimple) {
  color: var(--color-accent-button-text);
  background-color: var(--color-accent-button-background);
}
.Button-module__button.Button-module__primary:not(.Button-module__isSimple).Button-module__loadingInit {
  --color-dot: var(--color-accent-button-text);
}
@media (hover: hover) {
  .Button-module__button.Button-module__primary:not(.Button-module__isSimple):hover, .Button-module__button.Button-module__primary:not(.Button-module__isSimple):focus-visible {
    color: var(--color-accent-button-text-hover);
    background-color: var(--color-accent-button-background-hover);
  }
}

.Button-module__button.Button-module__secondary:not(.Button-module__isSimple) {
  color: var(--color-secondary-button-text);
  background-color: var(--color-secondary-button-background);
}
.Button-module__button.Button-module__secondary:not(.Button-module__isSimple).Button-module__loadingInit {
  --color-dot: var(--color-secondary-button-text);
}
@media (hover: hover) {
  .Button-module__button.Button-module__secondary:not(.Button-module__isSimple):hover, .Button-module__button.Button-module__secondary:not(.Button-module__isSimple):focus-visible {
    color: var(--color-secondary-button-text-hover);
    background-color: var(--color-secondary-button-background-hover);
  }
}

.Button-module__button.Button-module__transparent:not(.Button-module__isSimple), .Button-module__button.Button-module__transparent:not(.Button-module__isSimple):hover, .Button-module__button.Button-module__transparent:not(.Button-module__isSimple):active {
  background: transparent;
}

.Button-module__button.Button-module__disabled {
  pointer-events: none;
  cursor: default;
  opacity: 0.4;
}

.Button-module__button.Button-module__destructive:not(.Button-module__isSimple) {
  color: var(--color-red-button-text);
  background-color: var(--color-red-button-background);
}
.Button-module__button.Button-module__destructive:not(.Button-module__isSimple).Button-module__loadingInit {
  --color-dot: var(--color-red-button-text);
}
@media (hover: hover) {
  .Button-module__button.Button-module__destructive:not(.Button-module__isSimple):hover, .Button-module__button.Button-module__destructive:not(.Button-module__isSimple):focus-visible {
    color: var(--color-red-button-text-hover);
    background-color: var(--color-red-button-background-hover);
  }
}
.Button-module__button.Button-module__destructive:not(.Button-module__isSimple)[disabled] {
  opacity: 0.4;
}
.Button-module__button.Button-module__destructive:not(.Button-module__isSimple).Button-module__isText {
  font-weight: 600;
  color: var(--color-red-button-background);
  background-color: transparent;
  transition: color 150ms;
}
@media (hover: hover) {
  .Button-module__button.Button-module__destructive:not(.Button-module__isSimple).Button-module__isText:hover, .Button-module__button.Button-module__destructive:not(.Button-module__isSimple).Button-module__isText:focus-visible {
    color: var(--color-red-button-background-hover);
  }
}
html.animation-level-0 .Button-module__button.Button-module__destructive:not(.Button-module__isSimple).Button-module__isText {
  transition: none !important;
}

.Button-module__sizeSmall {
  min-width: auto !important;
  height: 2rem !important;
  border-radius: var(--border-radius-tiny) !important;
  font-size: 0.9375rem !important;
}

.Button-module__round {
  width: 3.5rem;
  min-width: auto !important;
  height: 3.5rem;
  border-radius: 50%;
}
.Button-module__round.Button-module__sizeSmall {
  width: 2.5rem;
  height: 2.5rem;
}

.Button-module__loadingInit {
  position: relative;
}

.Button-module__loadingStart {
  color: rgba(0, 0, 0, 0) !important;
}

.Button-module__loadingDots {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 100%;
}
/*!****************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/giveaways/components/CommonPage.module.scss ***!
  \****************************************************************************************************************************************************************************************************************/
.CommonPage-module__container {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 40rem;
  margin: 0 auto;
}
/*!************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/giveaways/components/Footer.module.scss ***!
  \************************************************************************************************************************************************************************************************************/
.Footer-module__footer {
  width: 100%;
  margin-top: auto;
}

.Footer-module__walletInfo {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 4rem;
  margin: 0 -1rem -1rem;
  /* stylelint-disable-next-line plugin/whole-pixel */
  border-top: 0.4px rgba(132, 146, 171, 0.3) solid;
  font-size: 1.0625rem;
  line-height: 1.0625rem;
  color: var(--color-black);
  background-color: var(--color-background-first);
}

.Footer-module__walletAddress {
  font-weight: 700;
}

.Footer-module__walletDescription {
  margin-top: 0.375rem;
  font-size: 0.8125rem;
  line-height: 0.8125rem;
  color: var(--color-gray-2);
}

.Footer-module__button {
  width: 100%;
  max-width: 100%;
  padding: 0.875rem;
  border-radius: 0.75rem;
  font-size: 1.0625rem;
  font-weight: 700;
  line-height: 1.0625rem;
  color: #FFFFFF;
  background-color: var(--color-accent);
}
/*!************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/giveaways/pages/CaptchaPage.module.scss ***!
  \************************************************************************************************************************************************************************************************************/
.CaptchaPage-module__sectionText {
  margin-bottom: 1rem;
}

#turnstile-container {
  width: 300px;
  height: 65px;
}
/*!*****************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/giveaways/pages/CompleteTaskPage.module.scss ***!
  \*****************************************************************************************************************************************************************************************************************/
.CompleteTaskPage-module__sectionText {
  margin-bottom: 1rem;
}

.CompleteTaskPage-module__link {
  display: flex;
  align-items: center;
  padding: 0.8125rem 0.75rem;
  border-radius: 0.75rem;
  font-size: 1.1875rem;
  font-weight: 700;
  line-height: 1.1875rem;
  color: var(--color-accent);
  background-color: var(--color-beidge-background);
}

.CompleteTaskPage-module__linkText {
  margin-right: 0.125rem;
  line-height: 1.1875rem;
}

.CompleteTaskPage-module__linkIcon {
  width: 1.25rem;
  height: 1.25rem;
}
/*!******************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/giveaways/components/CalendarIcon.module.scss ***!
  \******************************************************************************************************************************************************************************************************************/
.CalendarIcon-module__calendarIconStroke {
  stroke: var(--color-accent);
}

.CalendarIcon-module__calendarIconFill {
  fill: #E1F1F9;
}

.CalendarIcon-module__failed .CalendarIcon-module__calendarIconStroke {
  stroke: var(--color-activity-red-text);
}

.CalendarIcon-module__failed .CalendarIcon-module__calendarIconFill {
  fill: var(--color-activity-red-background) !important;
}

.theme-dark .CalendarIcon-module__calendarIconFill {
  fill: #133F59;
}
/*!******************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/giveaways/components/GiveawayInfo.module.scss ***!
  \******************************************************************************************************************************************************************************************************************/
.GiveawayInfo-module__container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin-top: 2rem;
  padding: 0.875rem 0.75rem;
  border-radius: 1rem;
  font-size: 0.9375rem;
  font-weight: 600;
  line-height: 0.9375rem;
  color: var(--color-black);
  background-color: var(--color-background-first);
}

.GiveawayInfo-module__instantBadge {
  margin-top: 2rem;
  padding: 0.625rem 0.875rem;
  border-radius: 0.75rem;
  color: var(--color-activity-red-text);
  background-color: var(--color-transaction-amount-red-bg);
}

.GiveawayInfo-module__sectionFlex {
  display: flex;
  align-items: center;
}

.GiveawayInfo-module__sectionFlexText {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.GiveawayInfo-module__sectionFlexItem + .GiveawayInfo-module__sectionFlexItem {
  margin-top: 0.3125rem;
}

.GiveawayInfo-module__textSmall {
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 0.75rem;
}

.GiveawayInfo-module__sectionRight {
  text-align: end;
}

.GiveawayInfo-module__description {
  color: var(--color-gray-2);
}

.GiveawayInfo-module__textExpired {
  color: var(--color-red);
}

.GiveawayInfo-module__calendarIcon {
  margin-right: 0.625rem;
}
/*!**********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/ui/AnimatedIconWithPreview.module.scss ***!
  \**********************************************************************************************************************************************************************************************************************/
.AnimatedIconWithPreview-module__root {
  position: relative;
  display: block !important;
  flex-shrink: 0;
}

.AnimatedIconWithPreview-module__preview {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/*!******************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/giveaways/components/ImageSection.module.scss ***!
  \******************************************************************************************************************************************************************************************************************/
.ImageSection-module__imageWrapper {
  width: 10rem;
  height: 10rem;
}

.ImageSection-module__image {
  display: block;
  width: 100%;
  height: 100%;
}
/*!************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/giveaways/pages/ConnectPage.module.scss ***!
  \************************************************************************************************************************************************************************************************************/
.ConnectPage-module__description {
  width: 80%;
  margin-top: 2rem;
  margin-bottom: 0;
}
/*!******************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/giveaways/pages/Title.module.scss ***!
  \******************************************************************************************************************************************************************************************************/
.Title-module__title {
  margin-top: 1.5rem;
  font-size: 1.6875rem;
  font-weight: 800;
  color: var(--color-black);
}
/*!***************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/giveaways/components/TokenInfo.module.scss ***!
  \***************************************************************************************************************************************************************************************************************/
.TokenInfo-module__tokenInfo {
  display: inline-block;
  height: 2rem;
  padding: 0.375rem;
  border-radius: 6rem;
  font-size: 0.9375rem;
  font-weight: 700;
  line-height: 0.9375rem;
  color: var(--color-accent);
  background-color: var(--color-beidge-background);
}

.TokenInfo-module__tokenInfoWrapper {
  display: flex;
  align-items: center;
}

.TokenInfo-module__tokenImageWrapper {
  overflow: hidden;
  width: 1.25rem;
  height: 1.25rem;
  margin-right: 0.25rem;
  border-radius: 50%;
}

.TokenInfo-module__tokenImage {
  display: block;
  width: 100%;
  height: 100%;
}
/*!*****************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/giveaways/pages/GiveawayInfoPage.module.scss ***!
  \*****************************************************************************************************************************************************************************************************************/
.GiveawayInfoPage-module__giveawayInfoText {
  margin-top: 2rem;
}

.GiveawayInfoPage-module__tokenInfo {
  margin-top: 0.5rem;
}
/*!*********************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/giveaways/components/App.module.scss ***!
  \*********************************************************************************************************************************************************************************************************/
/* stylelint-disable at-rule-empty-line-before */
.App-module__app {
  height: 100%;
  padding: 5rem 1rem 1rem;
  font-size: 1.0625rem;
  color: var(--color-gray-1);
  text-align: center;
}

.App-module__logo {
  width: 10rem;
  height: 10rem;
}

.App-module__title {
  margin-top: 1.5rem;
  font-size: 1.6875rem;
  font-weight: 800;
  color: var(--color-black);
}

.App-module__containerInner {
  overflow: hidden;
  width: 100%;
  height: 100%;
}

.App-module__appSlide {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.App-module__loading {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
}
/*!**********************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/styles/index.scss ***!
  \**********************************************************************************************************************************************************/
*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
article,
aside,
dialog,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
  display: block;
}

body {
  margin: 0;
}

[tabindex="-1"]:focus {
  outline: none !important;
}

hr {
  overflow: visible;
  box-sizing: content-box;
  height: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-weight: 500;
}

abbr[title],
abbr[data-original-title] {
  cursor: help;
  border-bottom: 0;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}

p,
ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem;
}

ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}

dd {
  margin-bottom: 0.5rem;
  margin-left: 0;
}

blockquote,
figure {
  margin: 0 0 1rem;
}

dfn {
  font-style: italic;
}

dt,
b,
strong {
  font-weight: 700;
}

small {
  font-size: 80%;
}

sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

a {
  color: var(--color-accent);
  text-decoration: none;
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
}

a:hover {
  color: #0056B3;
  text-decoration: underline;
}

a:not([href]):not([tabindex]),
a:not([href]):not([tabindex]):hover,
a:not([href]):not([tabindex]):focus {
  color: inherit;
  text-decoration: none;
}

a:not([href]):not([tabindex]):focus {
  outline: 0;
}

pre,
code,
kbd,
samp {
  font: 0.9375rem/1.25 "Courier", "Courier New", "Nimbus Mono L", "Courier 10 Pitch", "FreeMono", sans-serif-monospace, monospace;
  font-size-adjust: 0.43;
}

pre {
  overflow: auto;
  margin-top: 0;
  margin-bottom: 1rem;
  -ms-overflow-style: scrollbar;
}

img {
  border-style: none;
  vertical-align: middle;
}

svg:not(:root) {
  overflow: hidden;
}

a,
area,
button,
[role=button],
input:not([type=range]),
label,
select,
summary,
textarea {
  touch-action: manipulation;
}

table {
  border-collapse: collapse;
}

caption {
  caption-side: bottom;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  color: #868E96;
  text-align: left;
}

th {
  text-align: inherit;
}

label {
  display: inline-block;
  margin-bottom: 0.5rem;
}

button {
  border-radius: 0;
}

button:not([class]):focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color;
}

input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
html [type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

input[type=radio],
input[type=checkbox] {
  box-sizing: border-box;
  padding: 0;
}

input[type=date],
input[type=time],
input[type=datetime-local],
input[type=month] {
  -webkit-appearance: listbox;
}

textarea {
  resize: vertical;
  overflow: auto;
}

fieldset {
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
}

legend {
  display: block;
  width: 100%;
  max-width: 100%;
  margin-bottom: 0.5rem;
  padding: 0;
  font-size: 1.5rem;
  line-height: inherit;
  color: inherit;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

[type=search] {
  -webkit-appearance: none;
  outline-offset: -2px;
}

[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}

output {
  display: inline-block;
}

summary {
  display: list-item;
}

template {
  display: none;
}

[hidden] {
  display: none !important;
}

:root {
  --color-white: #FFF;
  --color-default-accent: #0088CC;
  --color-default-accent-hover: #0088CCCC;
  --color-accent: #0088CC;
  --color-black: #2C333E;
  --color-gray-1: #616770;
  --color-gray-2: #8B8F96;
  --color-gray-3: #A5A8AD;
  --color-gray-3-desktop: #B7B9BD;
  --color-gray-4: #C8CACD;
  --color-green: #2CD36F;
  --color-red: #F35B5B;
  --color-purple-1: #5E6BDE;
  --color-purple-2: #6875E9;
  --color-orange: #DC7C00;
  --color-accent-10o: #0088CC1A;
  --color-background-first: #FFFFFF;
  --color-background-first-disabled: #FAFAFA;
  --color-background-second: #F3F4F5;
  --color-background-window: #F3F4F5;
  --color-background-drop-down: #FFFFFF;
  --color-background-tab-bar: #F3F4F5CC;
  --color-background-lock: rgba(255, 255, 255, 0.8);
  --color-background-purple-1: #F9FAFE;
  --color-background-purple-2: #DFE1FE;
  --color-background-blue-first: #F7FBFD;
  --color-background-blue-second: #CCE7F5;
  --color-background-yellow: #F2E7D8;
  --color-app-background: var(--color-background-second);
  --color-input-button-text: #616770;
  --color-input-button-background: #F4F5F6;
  --color-input-button-background-hover: #E8E8EA;
  --color-input-button-background-purple-rest: #E8EAFE;
  --color-input-button-background-purple-hover: #DFE1FE;
  --color-accent-button-text: #FFFFFF;
  --color-accent-button-text-hover: #FFFFFF;
  --color-accent-button-background: #0088CC;
  --color-accent-button-background-hover: #16A5ED;
  --color-red-button-text: #FFFFFF;
  --color-red-button-text-hover: #FFFFFF;
  --color-red-button-background: #F35B5B;
  --color-red-button-background-hover: #FF7070;
  --color-green-button-text: #FFFFFF;
  --color-green-button-text-hover: #FFFFFF;
  --color-green-button-background: #1EC160;
  --color-green-button-background-hover: #26D76D;
  --color-secondary-button-text: #007FBE;
  --color-secondary-button-text-hover: #007FBE;
  --color-secondary-button-background-base: 220, 234, 241;
  --color-secondary-button-background: rgb(var(--color-secondary-button-background-base));
  --color-secondary-button-background-hover: #CCE0ED;
  --color-red-warning-text: #FFFFFF;
  --color-red-warning-text-70: rgba(255, 255, 255, 0.7);
  --color-red-warning-text-hover: rgba(255, 255, 255, 0.85);
  --color-red-warning-background: rgba(243, 91, 91, 0.9);
  --color-red-warning-button-background: rgba(255, 255, 255, 0.3);
  --color-red-warning-button-background-hover: rgba(255, 255, 255, 0.4);
  --color-gray-button-text: #3F4650;
  --color-gray-button-text-hover: #353A43;
  --color-gray-button-background: #E2E3E5;
  --color-gray-button-background-hover: #D7D7DA;
  --color-gray-button-background-light: #E5E6E8;
  --color-gray-button-background-light-hover: #D9DBDE;
  --color-gray-button-desktop-text: #2D4C5C;
  --color-gray-button-desktop-text-hover: #486371;
  --color-gray-button-desktop-background: #EDEEEF;
  --color-gray-button-desktop-background-hover: #E3E3E5;
  --color-purple-button-text: #FFFFFF;
  --color-purple-button-text-hover: #FFFFFF;
  --color-purple-button-background: #6875E9;
  --color-purple-button-background-hover: #707EFF;
  --color-gpurple-button-text-rest: #5E6BDE;
  --color-gpurple-button-text-hover: #3D46D2;
  --color-gpurple-button-background-rest: #D0D2FE;
  --color-gpurple-button-background-hover: #C0C2FE;
  --color-close-button-text: #8399AE;
  --color-close-button-text-hover: #616770;
  --color-close-button-background: #E5E6E8;
  --color-close-button-background-hover: #D7D7DA;
  --color-activity-icon: #FFFFFF;
  --color-activity-blue: #007FBE;
  --color-activity-blue-background: #E7F2F7;
  --color-activity-gray-text: #616770;
  --color-activity-gray-background: #F1F1F3;
  --color-activity-green-text: #10B853;
  --color-activity-green-text-2: #83AE94;
  --color-activity-green-background: #EBF7F1;
  --color-activity-purple-text: #5E6BDE;
  --color-activity-purple-background: #EFF1F9;
  --color-activity-red-text: #E64F4F;
  --color-activity-red-text-2: #CD9595;
  --color-activity-red-background: #F9EFF0;
  --color-transaction-amount-text: #007FBE;
  --color-transaction-amount-bg: #D6E7F0;
  --color-transaction-amount-purple-text: #5E6BDE;
  --color-transaction-amount-purple-bg: #E2E5F4;
  --color-transaction-amount-green-text: #10B853;
  --color-transaction-amount-green-bg: #DBF0E5;
  --color-transaction-amount-red-text: #E64F4F;
  --color-transaction-amount-red-bg: #F3E2E3;
  --color-transaction-amount-gray-text: #3F4650;
  --color-transaction-amount-gray-bg: #E5E6E8;
  --color-separator: rgba(44, 51, 62, 0.12);
  --color-separator-input-stroke: rgba(32, 51, 62, 0.12);
  --color-linear-effect-1: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%);
  --color-skeleton-shimmer: rgba(255, 255, 255, 0.62);
  --color-interactive-item-hover: #FAFAFA;
  --color-interactive-input-text-hover-active: #8B8F96;
  --color-interactive-popup-menu-hover: #F0F6FB;
  --color-interactive-popup-menu-descructive-hover: #FEF4F4;
  --color-interactive-drop-down-menu-hover: #F9F9F9;
  --color-interactive-drop-down-menu-active: #F2F2F3;
  --color-tint: rgba(0, 0, 0, 0.32);
  --color-tint-lock: rgba(243, 244, 245, 0.4);
  --color-card-text: #FFFFFF;
  --color-card-text-hover: rgba(255, 255, 255, 0.7);
  --color-card-second-text: rgba(255, 255, 255, 0.75);
  --color-card-change-text: rgba(255, 255, 255, 0.8);
  --color-card-button: rgba(255, 255, 255, 0.16);
  --color-card-button-hover: rgba(255, 255, 255, 0.3);
  --color-card-button-shimmer: rgba(255, 255, 255, 0.4);
  --color-card-toggle: rgba(255, 255, 255, 0.3);
  --color-card-apy-text: #FFF;
  --color-card-apy-background: rgba(86, 233, 145, 0.7);
  --color-card-connected-bg: rgba(0, 0, 0, 0.16);
  --color-add-wallet-text: #616770;
  --color-add-wallet-text-hover: #434953;
  --color-add-wallet-background: #F4F5F6;
  --color-add-wallet-background-hover: #E8E8EA;
  --color-apy-text: #10B853;
  --color-apy-background: #EBF7F1;
  --color-apy-active-text: #FFFFFF;
  --color-apy-active-background: #8892EB;
  --color-default-dapp-logo: #FFFFFF;
  --color-default-dapp-logo-background: #FF9900;
  --color-flashlight-button-background: rgba(255, 255, 255, 0.35);
  --color-flashlight-button-enabled-background: rgba(255, 255, 255, 0.95);
  --color-flashlight-button-text: #000;
  --color-flashlight-button-enabled-text: #53657B;
  --color-vesting-close-background: #B4DBF0;
  --color-vesting-close-background-hover: #9ACEEB;
  --color-vesting-blue: #007FBE;
  --color-vesting-blue-hover: #0053A7;
  --color-vesting-text: #007FBE;
  --color-vesting-background: #B4DBF0;
  --color-gradient-main-blue2-green: linear-gradient(81.88deg, #0088CC 19.42%, #1EC160 71.55%);
  --color-gradient-main-gray2-green: linear-gradient(90deg, #8B8F96 25%, #10B853 75%);
  --color-gradient-activity-gray-green-bg: linear-gradient(135deg, #EAFBF1 13.89%, #EDF1F6 86.11%);
  --default-shadow: 0 0 1.5625rem 0 #00000026;
  --spinner-green-data: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTEwLjggMjIuNEM2IDIxLjkgMi4xIDE4IDEuNiAxMy4yLjkgNy4xIDUuNCAxLjkgMTEuMyAxLjVjLjQgMCAuNy0uMy43LS43IDAtLjQtLjQtLjgtLjgtLjhDNC44LjQtLjIgNS45IDAgMTIuNS4yIDE4LjYgNS40IDIzLjggMTEuNSAyNGM2LjYuMiAxMi00LjggMTIuNC0xMS4yIDAtLjQtLjMtLjgtLjgtLjgtLjQgMC0uNy4zLS43LjctLjMgNS45LTUuNSAxMC40LTExLjYgOS43eiIgZmlsbD0iIzJDRDM2RiIvPjwvc3ZnPg==);
  --layer-blackout-opacity: 0.1;
  --border-radius-micro: 0.1875rem;
  --border-radius-mini: 0.375rem;
  --border-radius-tiny: 0.5rem;
  --border-radius-small: 0.625rem;
  --border-radius-normal: 0.75rem;
  --border-radius-buttons: 0.75rem;
  --border-radius-default: 1rem;
  --border-radius-content: 1.25rem;
  --border-radius-card: 1.25rem;
  --border-radius-big: 1.5rem;
  --blur-app-locked: 4rem;
  --scrollbar-width: 0;
  --safe-area-bottom-value: var(--safe-area-bottom);
  --safe-area-top-value: var(--safe-area-top);
  --electron-header-height: 3rem;
  --header-padding-top: 1.125rem;
  --header-title-height: 1.0625rem;
  --header-padding-bottom: 0.8125rem;
  --z-below: -1;
  --z-card: 10;
  --z-sticky-card: 10;
  --z-header: 11;
  --z-loading-overlay: 98;
  --z-media-viewer: 99;
  --z-modal: 100;
  --z-menu-backdrop: 199;
  --z-menu-bubble: calc(var(--z-menu-backdrop) + 1);
  --z-over-menu-bubble: calc(var(--z-menu-bubble) + 1);
  --z-notification: 250;
  --z-tooltip: 300;
  --z-confetti: 400;
  --z-portal-menu: 2500;
  --z-autolock: 3000;
  --z-modal-in-autolock: calc(var(--z-autolock) + 1);
  --no-animation-transition: 200ms opacity ease;
  --layer-transition: 300ms cubic-bezier(0.33, 1, 0.68, 1);
  --layer-transition-behind: 300ms cubic-bezier(0.33, 1, 0.68, 1);
  --slide-transition: 300ms cubic-bezier(0.25, 1, 0.5, 1);
  --select-transition: 200ms ease-out;
  --dropdown-transition: opacity 200ms cubic-bezier(0.2, 0, 0.2, 1), transform 200ms cubic-bezier(0.2, 0, 0.2, 1),
  scrollbar-color 300ms;
  --dropdown-transition-backwards: opacity 200ms ease-in, transform 200ms ease-in;
  --color-beidge-background: #D9EAF5;
  --sticky-card-height: 3rem;
}
:root.is-ios {
  --layer-transition: 650ms cubic-bezier(0.22, 1, 0.36, 1);
  --layer-transition-behind: 650ms cubic-bezier(0.33, 1, 0.68, 1);
  --slide-transition: 450ms cubic-bezier(0.25, 1, 0.5, 1);
}
:root.is-android {
  --slide-transition: 350ms cubic-bezier(0.16, 1, 0.3, 1);
}
:root.is-windows.is-opera.is-extension {
  --sticky-card-height: 5.3125rem;
}
:root.is-macos.is-electron {
  --sticky-card-height: var(--electron-header-height);
}
:root.theme-dark,
:root .component-theme-dark {
  --color-default-accent: #469CEC;
  --color-default-accent-hover: #469CECCC;
  --color-accent: #469CEC;
  --color-black: #F6F7F8;
  --color-gray-1: #BFC0C2;
  --color-gray-2: #89898B;
  --color-gray-3: #626363;
  --color-gray-3-desktop: #89898B;
  --color-gray-4: #515252;
  --color-purple-1: #95A0FE;
  --color-purple-2: #7986F7;
  --color-orange: #E49329;
  --color-accent-10o: #469CEC1A;
  --color-background-first: #1C1C1E;
  --color-background-first-disabled: #141415;
  --color-background-second: #000000;
  --color-background-window: #0E0E0F;
  --color-background-drop-down: #222224;
  --color-background-tab-bar: #1C1C1EE5;
  --color-background-lock: rgba(28, 28, 30, 0.8);
  --color-background-purple-1: #191D2A;
  --color-background-purple-2: #292F46;
  --color-background-blue-first: #0B1E29;
  --color-background-blue-second: #123245;
  --color-background-yellow: #221A10;
  --color-input-button-text: #BFC0C2;
  --color-input-button-background: #2E2F30;
  --color-input-button-background-hover: #252525;
  --color-input-button-background-purple-rest: #252B40;
  --color-input-button-background-purple-hover: #292F46;
  --color-accent-button-background: #469CEC;
  --color-accent-button-background-hover: #51A7F7;
  --color-red-button-background: #D74A4A;
  --color-red-button-background-hover: #F35B5B;
  --color-red-warning-background: rgba(215, 74, 74, 0.9);
  --color-gray-button-text: #D8DADC;
  --color-gray-button-text-hover: #ECEEF0;
  --color-gray-button-background: #1E1E1F;
  --color-gray-button-background-hover: #2E2F30;
  --color-gray-button-background-light: #161617;
  --color-gray-button-background-light-hover: #1F1F21;
  --color-gray-button-desktop-text: #C7D7E6;
  --color-gray-button-desktop-text-hover: #DCEDFF;
  --color-gray-button-desktop-background: #2E2F30;
  --color-gray-button-desktop-background-hover: #3A3A3B;
  --color-purple-button-text: #FFFFFF;
  --color-purple-button-text-hover: #FFFFFF;
  --color-purple-button-background: #7986F7;
  --color-purple-button-background-hover: #8591FB;
  --color-gpurple-button-text-rest: #95A0FE;
  --color-gpurple-button-text-hover: #ACB5FE;
  --color-gpurple-button-background-rest: #3A456C;
  --color-gpurple-button-background-hover: #475484;
  --color-close-button-text: #89898B;
  --color-close-button-text-hover: #BFC0C2;
  --color-close-button-background: #1E1E1F;
  --color-close-button-background-hover: #2E2F30;
  --color-activity-blue: #58AFFF;
  --color-activity-blue-background: #1B2D3B;
  --color-activity-gray-text: #BFC0C2;
  --color-activity-gray-background: #2D2D2D;
  --color-activity-green-text: #2CD36F;
  --color-activity-green-text-2: #79A28B;
  --color-activity-green-background: #163623;
  --color-activity-purple-text: #95A0FE;
  --color-activity-purple-background: #25273D;
  --color-activity-red-text: #FF7A7A;
  --color-activity-red-text-2: #A97B7B;
  --color-activity-red-background: #3C2020;
  --color-transaction-amount-text: #58AFFF;
  --color-transaction-amount-bg: #0D1E2D;
  --color-transaction-amount-purple-text: #95A0FE;
  --color-transaction-amount-purple-bg: #17192F;
  --color-transaction-amount-green-text: #2BC469;
  --color-transaction-amount-green-bg: #082815;
  --color-transaction-amount-red-text: #FF7A7A;
  --color-transaction-amount-red-bg: #2E1111;
  --color-transaction-amount-gray-text: #D8DADC;
  --color-transaction-amount-gray-bg: #1E1E1F;
  --color-separator: rgba(246, 247, 248, 0.12);
  --color-separator-input-stroke: rgba(246, 247, 248, 0.12);
  --color-linear-effect-1: linear-gradient(90deg, rgba(28, 28, 30, 0) 0%, #1C1C1E 100%);
  --color-skeleton-shimmer: rgba(255, 255, 255, 0.052);
  --color-interactive-item-hover: #222224;
  --color-interactive-input-text-hover-active: #89898B;
  --color-interactive-popup-menu-hover: #253A4D;
  --color-interactive-popup-menu-descructive-hover: #353543;
  --color-interactive-drop-down-menu-hover: #28292A;
  --color-interactive-drop-down-menu-active: #2E2F30;
  --color-tint: rgba(0, 0, 0, 0.64);
  --color-tint-lock: rgba(0, 20, 0, 0.4);
  --color-add-wallet-text: #BFC0C2;
  --color-add-wallet-text-hover: #D7D8D9;
  --color-add-wallet-background: #2E2F30;
  --color-add-wallet-background-hover: #414244;
  --color-apy-text: #2BC469;
  --color-apy-background: #163623;
  --color-apy-active-text: #FFFFFF;
  --color-apy-active-background: #6B78D9;
  --color-vesting-close-background: #174C6A;
  --color-vesting-close-background-hover: #1C5D81;
  --color-vesting-blue: #58AFFF;
  --color-vesting-blue-hover: #6BC1FF;
  --color-vesting-text: #58AFFF;
  --color-vesting-background: #174C6A;
  --color-beidge-background: #1A2938;
  --color-gradient-main-blue2-green: linear-gradient(81.88deg, #469CEC 19.42%, #2CD36F 71.55%);
  --color-gradient-main-gray2-green: linear-gradient(90deg, #89898B 25%, #2CD36F 75%);
  --color-gradient-activity-gray-green-bg: linear-gradient(135deg, #1F3838 13.89%, #2E3947 86.11%);
  --color-secondary-button-text: #58AFFF;
  --color-secondary-button-text-hover: #58AFFF;
  --color-secondary-button-background-base: 21, 31, 42;
  --color-secondary-button-background: rgb(var(--color-secondary-button-background-base));
  --color-secondary-button-background-hover: #1A2530;
}

.static-container {
  --color-gray-button-text: var(--color-gray-button-desktop-text);
  --color-gray-button-text-hover: var(--color-gray-button-desktop-text-hover);
  --color-gray-button-background: var(--color-gray-button-desktop-background);
  --color-gray-button-background-hover: var(--color-gray-button-desktop-background-hover);
}

@font-face {
  font-family: "brilliant-icons";
  src: url(dceba8affff903e06eed.woff?94192d5603eb2fd7825df702e54a76af) format("woff"), url(aec4626d82fa6a1e9ea5.woff2?94192d5603eb2fd7825df702e54a76af) format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^=icon-], [class*=" icon-"] {
  font-family: brilliant-icons !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-weight: 400 !important;
}

.icon-accept::before {
  content: "\f101";
}

.icon-action-add::before {
  content: "\f102";
}

.icon-action-earn::before {
  content: "\f103";
}

.icon-action-send::before {
  content: "\f104";
}

.icon-action-swap::before {
  content: "\f105";
}

.icon-arrow-down::before {
  content: "\f106";
}

.icon-arrow-up-swap::before {
  content: "\f107";
}

.icon-arrow-up::before {
  content: "\f108";
}

.icon-auction-alt::before {
  content: "\f109";
}

.icon-auction::before {
  content: "\f10a";
}

.icon-backspace::before {
  content: "\f10b";
}

.icon-can-in::before {
  content: "\f10c";
}

.icon-can-out::before {
  content: "\f10d";
}

.icon-card::before {
  content: "\f10e";
}

.icon-caret-down::before {
  content: "\f10f";
}

.icon-chain-ton::before {
  content: "\f110";
}

.icon-chain-tron::before {
  content: "\f111";
}

.icon-changelly::before {
  content: "\f112";
}

.icon-check-alt::before {
  content: "\f113";
}

.icon-check::before {
  content: "\f114";
}

.icon-chevron-down::before {
  content: "\f115";
}

.icon-chevron-left::before {
  content: "\f116";
}

.icon-chevron-right::before {
  content: "\f117";
}

.icon-close-filled::before {
  content: "\f118";
}

.icon-close::before {
  content: "\f119";
}

.icon-cog::before {
  content: "\f11a";
}

.icon-copy::before {
  content: "\f11b";
}

.icon-crypto::before {
  content: "\f11c";
}

.icon-diamond::before {
  content: "\f11d";
}

.icon-dot::before {
  content: "\f11e";
}

.icon-download-filled::before {
  content: "\f11f";
}

.icon-download::before {
  content: "\f120";
}

.icon-earn::before {
  content: "\f121";
}

.icon-exclamation::before {
  content: "\f122";
}

.icon-exit::before {
  content: "\f123";
}

.icon-explore::before {
  content: "\f124";
}

.icon-external::before {
  content: "\f125";
}

.icon-eye-closed::before {
  content: "\f126";
}

.icon-eye-filled::before {
  content: "\f127";
}

.icon-eye::before {
  content: "\f128";
}

.icon-face-id::before {
  content: "\f129";
}

.icon-fire::before {
  content: "\f12a";
}

.icon-flashlight::before {
  content: "\f12b";
}

.icon-fullscreen-exit::before {
  content: "\f12c";
}

.icon-fullscreen::before {
  content: "\f12d";
}

.icon-gift::before {
  content: "\f12e";
}

.icon-github::before {
  content: "\f12f";
}

.icon-globe::before {
  content: "\f130";
}

.icon-key::before {
  content: "\f131";
}

.icon-laptop::before {
  content: "\f132";
}

.icon-ledger-alt::before {
  content: "\f133";
}

.icon-ledger::before {
  content: "\f134";
}

.icon-link::before {
  content: "\f135";
}

.icon-lock::before {
  content: "\f136";
}

.icon-magic-wand-loading::before {
  content: "\f137";
}

.icon-magic-wand::before {
  content: "\f138";
}

.icon-manual-lock::before {
  content: "\f139";
}

.icon-menu-close::before {
  content: "\f13a";
}

.icon-menu-copy::before {
  content: "\f13b";
}

.icon-menu-dots::before {
  content: "\f13c";
}

.icon-menu-gem::before {
  content: "\f13d";
}

.icon-menu-globe::before {
  content: "\f13e";
}

.icon-menu-multisend::before {
  content: "\f13f";
}

.icon-menu-params::before {
  content: "\f140";
}

.icon-menu-percent::before {
  content: "\f141";
}

.icon-menu-plus::before {
  content: "\f142";
}

.icon-menu-receive::before {
  content: "\f143";
}

.icon-menu-reload::before {
  content: "\f144";
}

.icon-menu-send::before {
  content: "\f145";
}

.icon-menu-swap::before {
  content: "\f146";
}

.icon-missed::before {
  content: "\f147";
}

.icon-more::before {
  content: "\f148";
}

.icon-params::before {
  content: "\f149";
}

.icon-paste::before {
  content: "\f14a";
}

.icon-pen::before {
  content: "\f14b";
}

.icon-percent::before {
  content: "\f14c";
}

.icon-plus::before {
  content: "\f14d";
}

.icon-purchase::before {
  content: "\f14e";
}

.icon-qr-scanner-alt::before {
  content: "\f14f";
}

.icon-qr-scanner::before {
  content: "\f150";
}

.icon-question::before {
  content: "\f151";
}

.icon-receive-alt::before {
  content: "\f152";
}

.icon-receive::before {
  content: "\f153";
}

.icon-replace::before {
  content: "\f154";
}

.icon-search::before {
  content: "\f155";
}

.icon-send-alt::before {
  content: "\f156";
}

.icon-send-small::before {
  content: "\f157";
}

.icon-send::before {
  content: "\f158";
}

.icon-settings::before {
  content: "\f159";
}

.icon-share-android::before {
  content: "\f15a";
}

.icon-share-ios::before {
  content: "\f15b";
}

.icon-share::before {
  content: "\f15c";
}

.icon-snow::before {
  content: "\f15d";
}

.icon-sort::before {
  content: "\f15e";
}

.icon-spinner::before {
  content: "\f15f";
}

.icon-star-filled::before {
  content: "\f160";
}

.icon-star::before {
  content: "\f161";
}

.icon-swap::before {
  content: "\f162";
}

.icon-switch::before {
  content: "\f163";
}

.icon-tag::before {
  content: "\f164";
}

.icon-telegram-filled::before {
  content: "\f165";
}

.icon-telegram::before {
  content: "\f166";
}

.icon-ton::before {
  content: "\f167";
}

.icon-tonexplorer-small::before {
  content: "\f168";
}

.icon-tonexplorer::before {
  content: "\f169";
}

.icon-tooltip::before {
  content: "\f16a";
}

.icon-touch-id::before {
  content: "\f16b";
}

.icon-trash-small::before {
  content: "\f16c";
}

.icon-trash::before {
  content: "\f16d";
}

.icon-update::before {
  content: "\f16e";
}

.icon-versions::before {
  content: "\f16f";
}

.icon-view-landscape::before {
  content: "\f170";
}

.icon-view-portrait::before {
  content: "\f171";
}

.icon-wallet-add::before {
  content: "\f172";
}

.icon-wallet-view::before {
  content: "\f173";
}

.icon-wallet::before {
  content: "\f174";
}

.icon-windows-close::before {
  content: "\f175";
}

.icon-windows-maximize::before {
  content: "\f176";
}

.icon-windows-minimize::before {
  content: "\f177";
}

/* stylelint-disable at-rule-empty-line-before */
.MtwCard__darkText {
  --main-text: #000;
  --second-text: #00000099;
  --action-color: #00000099;
  --action-color-hover: #000;
  --color-card-change-text: #00000099;
  --color-card-button: rgba(211, 211, 211, 0.35);
}
.MtwCard__darkText .glare-text {
  --glare-main: #000;
  --glare-accent: rgba(0, 0, 0, 0.3);
}

.MtwCard__lightText {
  --main-text: #FFF;
  --second-text: #FFFFFF99;
  --action-color: #FFFFFFBB;
  --action-color-hover: #FFF;
}

.MtwCard__black {
  --main-text: #FFF;
  --second-text: #A6A6B1;
  --action-color: rgba(255, 255, 255, 0.23);
  --action-color-hover: rgba(255, 255, 255, 0.75);
}

.MtwCard__platinum {
  --main-text: #FFF;
  --second-text: #A6A6B1;
  --action-color: #888891;
  --action-color-hover: #FFFFFF;
}

.MtwCard__gold {
  --main-text: #34270A;
  --second-text: #845F16;
  --action-color: #B07D1D;
  --action-color-hover: #845F16;
  --color-card-change-text: #845F16;
}

.MtwCard__silver {
  --main-text: #272727;
  --second-text: #6E6E6E;
  --action-color: #888;
  --action-color-hover: #595959;
}

.MtwCard__black,
.MtwCard__platinum,
.MtwCard__gold,
.MtwCard__silver,
.MtwCard__standard:not(.MtwCard__darkText) {
  --color-card-button: #FFFFFF59;
}

.MtwCard__gold .glare-text,
.MtwCard__silver .glare-text {
  --glare-main: rgba(39, 39, 39, 0.7);
  --glare-accent: rgba(160, 160, 160, 0.3);
}

.gradientText {
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.9) 0%, #5B5C64 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.gradientText > .icon {
  background: #6F7076;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.MtwCard__silver .gradientText {
  background-image: linear-gradient(90deg, #272727 0%, #989898 100%);
}
.MtwCard__silver .gradientText > .icon {
  background-image: linear-gradient(0deg, #989898, #989898);
}
.MtwCard__gold .gradientText {
  background-image: linear-gradient(90deg, #694D13 0%, #B07D1D 100%);
}
.MtwCard__gold .gradientText > .icon {
  background-color: #B07D1D;
  background-image: none;
}
.MtwCard__platinum .gradientText {
  background-image: linear-gradient(90deg, #FFFFFF 0%, #888891 100%);
}
.MtwCard__platinum .gradientText > .icon {
  background-color: #888891;
  background-image: none;
}
.MtwCard__black .gradientText {
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0.15) 100%);
}
html.theme-dark .MtwCard__black .gradientText {
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.15) 100%);
}
.MtwCard__black .gradientText > .icon {
  background-color: rgba(255, 255, 255, 0.15);
  background-image: none;
}

html, body {
  overflow: hidden;
  overscroll-behavior: none;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  background-color: var(--color-app-background);
  transition: background-color 350ms;
}
@media (max-width: 699.98px) {
  html, body {
    height: calc(var(--vh, 1vh) * 100);
  }
}

body {
  -webkit-user-select: none;
          user-select: none;
  font-family: "Nunito Sans", -apple-system, BlinkMacSystemFont, "Apple Color Emoji", "Segoe UI", Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  font-size: 16px;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.25;
  color: var(--color-gray-1);
  text-align: left;
  caret-color: var(--color-accent, auto);
  -webkit-touch-callout: none;
}

html {
  --safe-area-top: env(safe-area-inset-top, 0px);
  --safe-area-right: env(safe-area-inset-right, 0px);
  --safe-area-bottom: env(safe-area-inset-bottom, 0px);
  --safe-area-left: env(safe-area-inset-left, 0px);
  --bottombar-height: 0px;
}
html.theme-dark {
  color-scheme: dark;
}
html.is-electron {
  --custom-cursor: default;
}
html.is-ios body, html.is-macos body {
  font-family: "Nunito Sans", system-ui, -apple-system, BlinkMacSystemFont, "Roboto", "Apple Color Emoji", "Helvetica Neue", sans-serif;
}
html.is-native-bottom-sheet {
  overflow: auto;
}
html.is-native-bottom-sheet body {
  overflow: auto;
}
html.with-bottombar {
  --bottombar-height: 3.25rem;
}

#root,
#portals {
  font-size: 1.0625rem;
}

.not-implemented {
  opacity: 0.5;
}
.not-implemented, .not-implemented * {
  cursor: not-allowed !important;
}

* {
  box-sizing: border-box;
}

.custom-scroll,
.custom-scroll-x {
  pointer-events: auto;
  scroll-behavior: smooth;
  scrollbar-color: rgba(90, 90, 90, 0) transparent;
  scrollbar-width: thin;
  transition: scrollbar-color 300ms;
  -webkit-overflow-scrolling: touch;
}
html.is-safari:not(.is-ios) .custom-scroll,
html.is-safari:not(.is-ios) .custom-scroll-x {
  scrollbar-width: auto;
}
.custom-scroll::-webkit-scrollbar-thumb,
.custom-scroll-x::-webkit-scrollbar-thumb {
  border-radius: var(--border-radius-mini);
  background-color: rgba(90, 90, 90, 0);
  box-shadow: 0 0 1px rgba(255, 255, 255, 0.01);
}
.custom-scroll:hover, .custom-scroll:focus, .custom-scroll:focus-within,
.custom-scroll-x:hover,
.custom-scroll-x:focus,
.custom-scroll-x:focus-within {
  scrollbar-color: rgba(90, 90, 90, 0.3) transparent;
}
.custom-scroll:hover::-webkit-scrollbar-thumb, .custom-scroll:focus::-webkit-scrollbar-thumb, .custom-scroll:focus-within::-webkit-scrollbar-thumb,
.custom-scroll-x:hover::-webkit-scrollbar-thumb,
.custom-scroll-x:focus::-webkit-scrollbar-thumb,
.custom-scroll-x:focus-within::-webkit-scrollbar-thumb {
  background-color: rgba(90, 90, 90, 0.3);
}
html.animation-level-0 .custom-scroll,
html.animation-level-0 .custom-scroll-x {
  scroll-behavior: initial;
}

html:not(.is-ios):not(.is-android) .custom-scroll::-webkit-scrollbar {
  width: 0.375rem;
}
html:not(.is-ios):not(.is-android) .custom-scroll-x::-webkit-scrollbar {
  height: 0.375rem;
}

.flex {
  display: flex;
  align-items: center;
  justify-content: center;
}

.no-scrollbar {
  scrollbar-width: none;
}
.no-scrollbar::-webkit-scrollbar {
  display: none;
}

div[role=button] {
  cursor: var(--custom-cursor, pointer);
  outline: none !important;
}

.opacity-transition {
  opacity: 1;
  transition: opacity 0.15s ease;
}
.opacity-transition.not-open {
  opacity: 0;
}
.opacity-transition.not-shown {
  display: none;
}
.opacity-transition.slow {
  transition-duration: 0.3s;
}

a {
  cursor: var(--custom-cursor, pointer);
  color: var(--color-accent);
}
a:hover, a:focus-visible {
  color: var(--color-accent);
  text-decoration: underline;
}

.no-transitions * {
  transition: none !important;
}

.with-notch-on-scroll {
  position: relative;
}
.with-notch-on-scroll::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0.0625rem;
  opacity: 0;
  box-shadow: 0 0.035rem 0 0 var(--color-separator);
  transition: opacity 200ms;
}
.with-notch-on-scroll.is-scrolled::after {
  opacity: 1;
}

.rounded-font {
  font-family: "Nunito", "Nunito Sans", -apple-system, BlinkMacSystemFont, "Apple Color Emoji", "Segoe UI", Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
}

.browser-update-message {
  position: fixed;
  z-index: var(--z-notification);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  min-width: 360px;
  padding: 1.5rem;
  font-size: 2rem;
  color: var(--color-gray-1);
  text-align: center;
  white-space: pre-wrap;
  background: var(--color-background-first);
  box-shadow: var(--default-shadow);
}
html.is-rendered .browser-update-message {
  display: none;
}

.no-selection {
  -webkit-user-select: none !important;
          user-select: none !important;
}

/*
 See the article for more information on this visually-hidden pattern.
 https://snook.ca/archives/html_and_css/hiding-content-for-accessibility
*/
.visually-hidden {
  position: absolute !important;
  z-index: -1;
  overflow: hidden;
  width: 0;
  height: 0;
  clip: rect(0, 0, 0, 0);
}

/* A class for visually hiding elements used for various measurements. For example, the font size in `RichNumberInput`. */
.measure-hidden {
  pointer-events: none;
  position: absolute !important;
  z-index: -1;
  top: 0;
  left: 0;
  visibility: hidden;
  opacity: 0;
}

.glare-text {
  --glare-main: rgba(255, 255, 255, 0.3);
  --glare-accent: rgba(255, 255, 255, 0.7);
  color: transparent;
  background: linear-gradient(45deg, var(--glare-main) 0%, var(--glare-main) 25%, var(--glare-accent) 50%, var(--glare-main) 75%, var(--glare-main) 100%);
  -webkit-background-clip: text;
          background-clip: text;
  background-size: 200% 100%;
  animation: glare 2s ease-in-out infinite;
}

@keyframes glare {
  0% {
    background-position: -50% 0;
  }
  100% {
    background-position: -450% 0;
  }
}
.glare-image {
  --glare-main: rgba(255, 255, 255, 0.3);
  --glare-accent: rgba(255, 255, 255, 0.7);
  animation: glare-mask-image 2s ease-in-out infinite;
  -webkit-mask-image: linear-gradient(45deg, var(--glare-main) 0%, var(--glare-main) 25%, var(--glare-accent) 50%, var(--glare-main) 75%, var(--glare-main) 100%);
          mask-image: linear-gradient(45deg, var(--glare-main) 0%, var(--glare-main) 25%, var(--glare-accent) 50%, var(--glare-main) 75%, var(--glare-main) 100%);
  -webkit-mask-size: 200% 100%;
          mask-size: 200% 100%;
}

@keyframes glare-mask-image {
  0% {
    -webkit-mask-position: -50% 0;
            mask-position: -50% 0;
  }
  100% {
    -webkit-mask-position: -450% 0;
            mask-position: -450% 0;
  }
}
/*!*************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/giveaways/index.scss ***!
  \*************************************************************************************************************************************************************/
body, html {
  transition: none;
}

/*# sourceMappingURL=main.2fd6ebb2d8d168e8ea35.css.map*/