/*!************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[3].oneOf[8].use[1]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[3].oneOf[8].use[2]!./components/common/Loader/Loader.module.css ***!
  \************************************************************************************************************************************************************************************************************************************************************************************/
.Loader_loader__FkTcS {
  position: absolute;
  width: 64px;
  height: 60px;
}
.Loader_loader__FkTcS::after {
  --tw-bg-opacity: 1;
  background-color: rgb(206 206 206 / var(--tw-bg-opacity));
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 64px;
  height: 32px;
  border-radius: 0 0 50px 50px;
  animation: Loader_move___h5hj 0.5s linear infinite alternate;
}
.Loader_loader__FkTcS::before {
  --tw-bg-opacity: 1;
  background-color: rgb(215 0 0 / var(--tw-bg-opacity));
  content: '';
  position: absolute;
  left: 50%;
  top: 0;
  width: 24px;
  height: 24px;
  transform: translateX(-50%) rotate(0deg);
  animation: Loader_rotate__bVLvB 2s linear infinite;
}

@keyframes Loader_rotate__bVLvB {
  100% {
    transform: translateX(-50%) rotate(360deg);
  }
}
@keyframes Loader_move___h5hj {
  0% {
    transform: rotate(10deg);
  }
  100% {
    transform: rotate(-10deg);
  }
}

/*!*******************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[3].oneOf[8].use[1]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[3].oneOf[8].use[2]!./components/buttons/BuyButton/BuyButton.module.css ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************/
.BuyButton_btn__OvRbp {

    display: flex;

    height: 3rem;

    width: 4rem;

    cursor: pointer;

    align-items: center;

    justify-content: center;

    border-radius: 4px;

    border-width: 1px;

    --tw-border-opacity: 1;

    border-color: rgb(215 0 0 / var(--tw-border-opacity));

    background-color: transparent;

    padding-left: 19px;

    padding-right: 19px;

    padding-top: 11px;

    padding-bottom: 11px;

    font-size: 1.125rem;

    line-height: 1.75rem;

    font-weight: 400;

    --tw-text-opacity: 1;

    color: rgb(215 0 0 / var(--tw-text-opacity));

    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;

    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

    transition-duration: 150ms
}

.BuyButton_btn__OvRbp:hover,
.BuyButton_btn__OvRbp:focus {

    --tw-border-opacity: 1;

    border-color: rgb(255 62 62 / var(--tw-border-opacity));

    background-color: transparent;

    --tw-text-opacity: 1;

    color: rgb(255 62 62 / var(--tw-text-opacity))
}

.BuyButton_btn__OvRbp:active {

    border-width: 2px;

    --tw-border-opacity: 1;

    border-color: rgb(215 0 0 / var(--tw-border-opacity));

    --tw-bg-opacity: 1;

    background-color: rgb(255 62 62 / var(--tw-bg-opacity));

    padding-left: 18px;

    padding-right: 18px;

    padding-top: 10px;

    padding-bottom: 10px;

    --tw-text-opacity: 1;

    color: rgb(255 255 255 / var(--tw-text-opacity))
}

.BuyButton_btn__OvRbp:disabled {

    cursor: not-allowed;

    --tw-border-opacity: 1;

    border-color: rgb(245 245 245 / var(--tw-border-opacity));

    --tw-bg-opacity: 1;

    background-color: rgb(245 245 245 / var(--tw-bg-opacity));

    --tw-text-opacity: 1;

    color: rgb(144 140 146 / var(--tw-text-opacity))
}

/*!*********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[3].oneOf[8].use[1]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[3].oneOf[8].use[2]!./components/buttons/ButtonLink/ButtonLink.module.css ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************/
.ButtonLink_btn__WpDu6 {
    display: flex;
    height: 3rem;
    max-width: -moz-fit-content;
    max-width: fit-content;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    border-width: 2px;
    --tw-border-opacity: 1;
    border-color: rgb(215 0 0 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(215 0 0 / var(--tw-bg-opacity));
    padding-left: 22px;
    padding-right: 22px;
    padding-top: 12px;
    padding-bottom: 12px;
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 400;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms
}
.ButtonLink_btn__WpDu6:hover,
.ButtonLink_btn__WpDu6:focus {
    --tw-border-opacity: 1;
    border-color: rgb(255 62 62 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(255 62 62 / var(--tw-bg-opacity))
}

.ButtonLink_btn__WpDu6:active {
    border-width: 2px;
    --tw-border-opacity: 1;
    border-color: rgb(215 0 0 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(255 62 62 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}

.ButtonLink_btn__WpDu6:disabled {
    cursor: not-allowed;
    --tw-border-opacity: 1;
    border-color: rgb(245 245 245 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(245 245 245 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(144 140 146 / var(--tw-text-opacity))
}

/* .large {
  @apply relative pr-[52px];
} */

.ButtonLink_btn__WpDu6.ButtonLink_white__BjnKr {
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(215 0 0 / var(--tw-text-opacity))
}

.ButtonLink_btn__WpDu6.ButtonLink_white__BjnKr:hover,
.ButtonLink_btn__WpDu6.ButtonLink_white__BjnKr:focus,
.ButtonLink_btn__WpDu6.ButtonLink_white__BjnKr:active {
    background-color: transparent;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}

/* .btn.white:active {
  @apply border-white bg-white text-accentMain;
} */

.ButtonLink_btn__WpDu6.ButtonLink_white__BjnKr.ButtonLink_transparent__bzWt0 {
    background-color: transparent;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}

.ButtonLink_btn__WpDu6.ButtonLink_white__BjnKr.ButtonLink_transparent__bzWt0:hover,
.ButtonLink_btn__WpDu6.ButtonLink_white__BjnKr.ButtonLink_transparent__bzWt0:focus,
.ButtonLink_btn__WpDu6.ButtonLink_white__BjnKr.ButtonLink_transparent__bzWt0:active {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(215 0 0 / var(--tw-text-opacity))
}


/*# sourceMappingURL=73ff440df05a53a9.css.map*/