/*!*************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[2].use[4]!./src/index.less ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css);
/*!*************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./src/globals.css ***!
  \*************************************************************************************************************/
@import url(https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css);
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[2].use[4]!./src/routes/app.less ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[2].use[4]!./src/index.less (1) ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************/
.index__shadow___2deIB{border-radius:12px;box-shadow:0 1px 2px 0 #808a9d1f,0 4px 24px 0 #808a9d14}body{color:#353c49;font-family:Pretendard,Noto Sans KR,Apple SD Gothic Neo,-apple-system,BlinkMacSystemFont,system-ui,Roboto,Helvetica Neue,Segoe UI,Malgun Gothic,sans-serif;font-size:15px;line-height:1.2!important;margin:0;padding-top:0}.ant-tabs-bar{display:flex;justify-content:start;margin-bottom:0!important;padding-top:10px;width:100%}.ant-tabs-tab{margin-right:0!important}.ant-tabs-tab:hover{color:#1a1e27!important}.ant-tabs-tab-active{color:#1a1e27!important}.ant-tabs-ink-bar{background-color:#1a1e27!important}.ant-modal-confirm-body-wrapper>.ant-modal-confirm-body>.anticon{margin-right:21px}.ant-modal-confirm-body-wrapper>.ant-modal-confirm-body>.ant-modal-confirm-content{color:#343a40;margin-left:43px!important;margin-right:10px;margin-top:17px}.ant-modal-confirm-body-wrapper>.ant-modal-confirm-btns{margin-top:15px!important}.ant-modal-confirm-body-wrapper>.ant-modal-confirm-btns>button{background-color:#fff;border:none;box-shadow:none;color:#212529}.goog-te-banner-frame{display:none!important}.goog-te-gadget img{visibility:hidden}body{top:0!important}body span :hover{color:inherit}.null-coin{background-color:#666;border-radius:100%;height:16px;margin-right:8px;width:16px}
/*!*****************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./src/globals.css (1) ***!
  \*****************************************************************************************************************/
/*
! tailwindcss v3.4.3 | MIT License | https://tailwindcss.com
*/

/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/

*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: #e5e7eb; /* 2 */
}

::before,
::after {
  --tw-content: '';
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/

html,
:host {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */ /* 3 */
  tab-size: 4; /* 3 */
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
  font-feature-settings: normal; /* 5 */
  font-variation-settings: normal; /* 6 */
  -webkit-tap-highlight-color: transparent; /* 7 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

body {
  margin: 0; /* 1 */
  line-height: inherit; /* 2 */
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/

hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

/*
Remove the default font size and weight for headings.
*/

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/

a {
  color: inherit;
  text-decoration: inherit;
}

/*
Add the correct font weight in Edge and Safari.
*/

b,
strong {
  font-weight: bolder;
}

/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
  font-feature-settings: normal; /* 2 */
  font-variation-settings: normal; /* 3 */
  font-size: 1em; /* 4 */
}

/*
Add the correct font size in all browsers.
*/

small {
  font-size: 80%;
}

/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/

table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-feature-settings: inherit; /* 1 */
  font-variation-settings: inherit; /* 1 */
  font-size: 100%; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: inherit; /* 1 */
  letter-spacing: inherit; /* 1 */
  color: inherit; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 3 */
}

/*
Remove the inheritance of text transform in Edge and Firefox.
*/

button,
select {
  text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
  -webkit-appearance: button; /* 1 */
  background-color: transparent; /* 2 */
  background-image: none; /* 2 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/

:-moz-focusring {
  outline: auto;
}

/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/

:-moz-ui-invalid {
  box-shadow: none;
}

/*
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
  vertical-align: baseline;
}

/*
Correct the cursor style of increment and decrement buttons in Safari.
*/

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

[type='search'] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/*
Remove the inner padding in Chrome and Safari on macOS.
*/

::-webkit-search-decoration {
  -webkit-appearance: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/*
Add the correct display in Chrome and Safari.
*/

summary {
  display: list-item;
}

/*
Removes the default spacing and border for appropriate elements.
*/

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

/*
Reset default styling for dialogs.
*/

dialog {
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

input::placeholder,
textarea::placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}

/*
Set the default cursor for buttons.
*/

button,
[role="button"] {
  cursor: pointer;
}

/*
Make sure disabled buttons don't get the pointer cursor.
*/

:disabled {
  cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

img,
video {
  max-width: 100%;
  height: auto;
}

/* Make elements with the HTML hidden attribute stay hidden by default */

[hidden] {
  display: none;
}

:root {
    /* Default Light 색상 정의 (제플린 "다크모드_최종" 기준 2024.03.15) */
    --gray900: #1a1e27;
    --gray800: #353c49;
    --gray700: #505866;
    --gray600: #697483;
    --gray500: #949eac;
    --gray400: #a8b0c1;
    --gray300: #cfd6e4;
    --gray200: #e5e5e5;
    --gray100: #f2f2f2;
    --gray40: #f5f5f5;
    --gray0: #fff;

    --primary900: #114ab8;
    --primary800: #124fc7;
    --primary700: #155be3;
    --primary600: #2c6ceb;
    --primary500: #4880ee;
    --primary400: #8eb1f5;
    --primary300: #cee1fc;
    --primary200: #ebf2fe;
    --primary100: #f0f6fe;
    --primary50: #f6f9fe;

    --red900: #c11223;
    --red800: #d02230;
    --red700: #dd2a37;
    --red600: #ef353e;
    --red500: #ff3f3f;
    --red400: #f85258;
    --red300: #ec747a;
    --red200: #f49b9f;
    --red100: #ffced5;
    --red50: #ffebef;

    --yellow900: #ff6e01;
    --yellow800: #ff8e00;
    --yellow700: #ffa000;
    --yellow600: #ffb300;
    --yellow500: #ffc007;
    --yellow400: #ffca28;
    --yellow300: #ffd54f;
    --yellow200: #ffe082;
    --yellow100: #ffecb3;
    --yellow50: #fff8e1;

    --green900: #006000;
    --green800: #007f17;
    --green700: #179023;
    --green600: #27a22f;
    --green500: #31b138;
    --green400: #55bd57;
    --green300: #76c976;
    --green200: #9ed79e;
    --green100: #c5e7c4;
    --green50: #e7f5e7;

    --background_base: #ffffff;
    --background_elevated: #ffffff;
    --box_basic: #eff2f5;
    --dim_basic: rgba(0, 0, 0, 0.3);

    --divider_basic1: #eff2f5;
    --divider_basic2: #eaedf0;
    --border_basic1: #eff2f5;
    --border_basic2: #eaedf0;

    /* 레거시 코드 (미 확인 코드) */
    --background: 0 0% 100%;
    --foreground: 222.2 47.4% 11.2%;

    --muted: 210 40% 96.1%;
    --muted-foreground: 215.4 16.3% 46.9%;

    --popover: 0 0% 100%;
    --popover-foreground: 222.2 47.4% 11.2%;

    --border: 214.3 31.8% 91.4%;
    --input: 214.3 31.8% 91.4%;

    --card: 0 0% 100%;
    --card-foreground: 222.2 47.4% 11.2%;

    --primary: 222.2 47.4% 11.2%;
    --primary-foreground: 210 40% 98%;

    --secondary: 210 40% 96.1%;
    --secondary-foreground: 222.2 47.4% 11.2%;

    --accent: 210 40% 96.1%;
    --accent-foreground: 222.2 47.4% 11.2%;

    --destructive: 0 100% 50%;
    --destructive-foreground: 210 40% 98%;

    --ring: 215 20.2% 65.1%;

    --radius: 0.5rem;
  }

.dark {
    /* Drak 색상 정의 (제플린 "다크모드_최종" 기준 2024.03.15) */
    --gray900: #dadce0;
    --gray800: #cdd1d4;
    --gray700: #b5b8bd;
    --gray600: #949ca6;
    --gray500: #757e8a;
    --gray400: #525b63;
    --gray300: #32373d;
    --gray200: #202429;
    --gray100: #111317;
    --gray40: #0b0c0f;
    --gray0: #121212;

    --primary900: #d0dff5;
    --primary800: #8ab4f2;
    --primary700: #5793eb;
    --primary600: #2c76e1;
    --primary500: #256acc;
    --primary400: #335e9e;
    --primary300: #204578;
    --primary200: #153057;
    --primary100: #0d2342;
    --primary50: #0a1b33;

    --red900: #f2cece;
    --red800: #f5b3b3;
    --red700: #e08787;
    --red600: #ed6b6b;
    --red500: #f74a4a;
    --red400: #de3f3f;
    --red300: #a83e3e;
    --red200: #753434;
    --red100: #4a2121;
    --red50: #331717;

    --yellow900: #f2e8c9;
    --yellow800: #f0dfa8;
    --yellow700: #f0d37d;
    --yellow600: #f0ca5b;
    --yellow500: #f7c83b;
    --yellow400: #e0b63d;
    --yellow300: #a38939;
    --yellow200: #635428;
    --yellow100: #453919;
    --yellow50: #332a11;

    --green900: #d5f2d8;
    --green800: #b4edb9;
    --green700: #8be091;
    --green600: #66d16d;
    --green500: #49b850;
    --green400: #3a9c40;
    --green300: #39873e;
    --green200: #2d6630;
    --green100: #1d4a20;
    --green50: #143316;

    --background_base: #111317;
    --background_elevated: #202429;
    --box_basic: #202429;
    --dim_basic: rgba(0, 0, 0, 0.7);

    --divider_basic1: #202429;
    --divider_basic2: #32373d;
    --border_basic1: #202429;
    --border_basic2: #32373d;

    /* 레거시 코드(미 확인 코드) */
    --background: 224 71% 4%;
    --foreground: 213 31% 91%;

    --muted: 223 47% 11%;
    --muted-foreground: 215.4 16.3% 56.9%;

    --accent: 216 34% 17%;
    --accent-foreground: 210 40% 98%;

    --popover: 224 71% 4%;
    --popover-foreground: 215 20.2% 65.1%;

    --border: 216 34% 17%;
    --input: 216 34% 17%;

    --card: 224 71% 4%;
    --card-foreground: 213 31% 91%;

    --primary: 210 40% 98%;
    --primary-foreground: 222.2 47.4% 1.2%;

    --secondary: 222.2 47.4% 11.2%;
    --secondary-foreground: 210 40% 98%;

    --destructive: 0 63% 31%;
    --destructive-foreground: 210 40% 98%;

    --ring: 216 34% 17%;

    --radius: 0.5rem;
  }

*{
  border-color: hsl(var(--border));
}

body{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  color: hsl(var(--foreground));
    font-feature-settings:
      'rlig' 1,
      'calt' 1;
    font-family:
      Pretendard,
      'Noto Sans KR',
      'Apple SD Gothic Neo',
      -apple-system,
      BlinkMacSystemFont,
      system-ui,
      Roboto,
      'Helvetica Neue',
      'Segoe UI',
      'Malgun Gothic',
      sans-serif;

    &&[data-scroll-locked] {
      overflow-y: scroll !important;
      --removed-body-scroll-bar-size: 0px;
    }

    overflow-y: scroll !important;

    ul,
    ol {
      margin-bottom: 0;
    }

    &::-webkit-scrollbar {
      width: 10px;
    }

    &::-webkit-scrollbar-thumb {
      background-color: #d8d8d8;
      border-radius: 15px;
      background-clip: padding-box;
      border: 0 solid transparent;
    }

    &::-webkit-scrollbar-track {
      background-color: inherit;
      border-radius: 10px;
    }

    .ck-powered-by {
      display: none !important;
    }

    &.dark {
      background-color: #111317;
    }
    .highlight em {
      color: var(--primary700);
      font-style: unset;
    }

    div.react-datepicker {
      border-color: #cfd6e4;
    }
    .react-datepicker-popper svg.react-datepicker__triangle {
      stroke: #cfd6e4;
    }
    h2.react-datepicker__current-month,
    div.react-datepicker-time__header {
      font-weight: 500;
      font-size: 14px;
    }
    div.react-datepicker__header {
      background-color: #eaedf0;
      border-color: #cfd6e4;
    }
    span.react-datepicker__navigation-icon:before {
      border-color: #949eac;
    }
    div.react-datepicker__day--selected,
    div.react-datepicker__day--keyboard-selected,
    .react-datepicker__time-container
      .react-datepicker__time
      .react-datepicker__time-box
      ul.react-datepicker__time-list
      li.react-datepicker__time-list-item--selected {
      background-color: #2c6ceb;
      color: #fff;
    }

    .drawer-content {
      height: 100dvh; /* 동적 뷰포트 높이 적용 */
      max-height: 100dvh;
      overflow-y: auto; /* 내용이 넘칠 경우 스크롤 */
    }
}

.ck.ck-toolbar > .ck-toolbar__items {
    flex-flow: nowrap !important;
    flex-grow: 0 !important;
    padding-bottom: 24px;

    @media (max-width: 724px) {
      flex-flow: wrap !important;
      flex-grow: 1 !important;
    }
  }

#writingDialog {
    height: 100% !important;
    bottom: 0 !important;
  }

/* Swipe 네비게이션 스타일 */

.swiper {
    & .swiper-pagination {
      bottom: 0 !important;
    }

    & .swiper-pagination-bullet {
      width: 8px;
      height: 8px;
      margin: 0 3px;
    }

    & .swiper-pagination-bullet-active {
      background-color: #124fc7;
    }
  }

.mySwiper {
    padding-bottom: 54px !important;

    & .swiper-pagination {
      height: auto;
      padding: 1rem 0 1rem;
    }
  }

/* 스크롤 숨김 처리 */

.scroll-hidden::-webkit-scrollbar {
    width: 0;
    height: 0;
  }

.coin_market_price_inquiry .tableCell,
  .coin_market_price_inquiry .tableCell > div {
    font-size: 0.75rem !important;
  }

.coin_market_price_inquiry .tableCell .-ml-4 {
    margin-left: 16px !important;
  }

.scroll-hidden {
    -ms-overflow-style: none; /* IE와 엣지에서 스크롤바 숨기기 */
    scrollbar-width: none; /* Firefox에서 스크롤바 숨기기 */
  }

/* 게시글 상세 인용하기 iframe 스타일 */

.iframely-responsive {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 0;
    padding-bottom: 19.9% !important;

    @media screen and (max-width: 768px) {
      padding-bottom: 40% !important;
    }

    @media screen and (max-width: 480px) {
      padding-bottom: 32% !important;
    }

    @media screen and (max-width: 340px) {
      padding-bottom: 33.5% !important;
    }

    & > * {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      border: 0;
    }
  }

/* 유튜브 임베디드 높이 조절 */

div[data-oembed-url*='youtube.com'] .iframely-responsive,
  div[data-oembed-url*='youtu.be'] .iframely-responsive {
    padding-bottom: 56.25% !important; /* 16:9 비율 */
  }

div[data-oembed-url*='instagram'] .iframely-responsive {
    padding-bottom: 156.53% !important;
  }

/* 트위터 임베디드 높이 조절 */

div[data-oembed-url*='x.com'] .iframely-responsive {
    max-height: 50rem;
  }

/* tailwind 기본으로 지워주는 리스트 스타일, 게시글 상세에서는 나타나도록 설정 */

.cobak-html a {
    color: #2c6ceb;
  }

.cobak-html ul {
    list-style: disc;
    margin-left: 1.5rem;
  }

.cobak-html ol {
    list-style: decimal;
    margin-left: 1.5rem;
  }

#homeCarousel > div {
    height: 100%;
    position: relative;
    overflow: hidden;
  }

#homeCarousel #carouselContent {
    position: absolute;
  }

.name_kr,
  .name {
    text-align: left !important;
  }


  .\!name {
    text-align: left !important;
  }

.tableCell > div {
    width: 100%;
  }

.tableCell > div > img + span {
    display: block;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
  }

*, ::before, ::after{
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}

::backdrop{
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}
.\!container{
  width: 100% !important;
  margin-right: auto !important;
  margin-left: auto !important;
  padding-right: 2rem !important;
  padding-left: 2rem !important;
}
.container{
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-right: 2rem;
  padding-left: 2rem;
}
@media (min-width: 1400px){

  .\!container{
    max-width: 1400px !important;
  }

  .container{
    max-width: 1400px;
  }
}
.apple {
    position: relative !important;
    width: 100%;
    height: 42.5px;
    line-height: 42.5px;
    margin-top: 5px;
    display: block;
    background-color: black;
    padding-top: 3.5px;
    overflow: hidden;

    /* 애플 로그인 버튼 텍스트 제어 */
    & > div > div > div > svg:nth-child(3) {
      display: none !important;
    }
    & > div > div > svg {
      display: none !important;
    }
    & > div > div > div > span:nth-child(2) {
      display: none !important;
    }
    & > div > div > div > svg:nth-child(1) {
      position: absolute;
      left: 15px;
      top: 50%;
      transform: translateY(-50%);
    }

    img {
      max-width: 100%;
    }
  }
.hide-scrollbar::-webkit-scrollbar {
    display: none;
  }
.hide-scrollbar {
    scrollbar-width: none;
  }
.sr-only{
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}
.pointer-events-none{
  pointer-events: none;
}
.pointer-events-auto{
  pointer-events: auto;
}
.visible{
  visibility: visible;
}
.invisible{
  visibility: hidden;
}
.\!static{
  position: static !important;
}
.static{
  position: static;
}
.fixed{
  position: fixed;
}
.absolute{
  position: absolute;
}
.relative{
  position: relative;
}
.sticky{
  position: sticky;
}
.inset-0{
  inset: 0px;
}
.inset-x-0{
  left: 0px;
  right: 0px;
}
.inset-y-0{
  top: 0px;
  bottom: 0px;
}
.\!-left-\[0\.75rem\]{
  left: -0.75rem !important;
}
.\!-right-\[0\.75rem\]{
  right: -0.75rem !important;
}
.\!bottom-0{
  bottom: 0px !important;
}
.\!bottom-\[unset\]{
  bottom: unset !important;
}
.\!top-\[20\%\]{
  top: 20% !important;
}
.\!top-\[4\.875rem\]{
  top: 4.875rem !important;
}
.-bottom-1{
  bottom: -0.25rem;
}
.-bottom-10{
  bottom: -2.5rem;
}
.-bottom-12{
  bottom: -3rem;
}
.-bottom-\[0\.375rem\]{
  bottom: -0.375rem;
}
.-bottom-\[12px\]{
  bottom: -12px;
}
.-bottom-\[76px\]{
  bottom: -76px;
}
.-left-12{
  left: -3rem;
}
.-left-4{
  left: -1rem;
}
.-left-\[0\.625rem\]{
  left: -0.625rem;
}
.-left-\[1\.125rem\]{
  left: -1.125rem;
}
.-right-1{
  right: -0.25rem;
}
.-right-12{
  right: -3rem;
}
.-right-4{
  right: -1rem;
}
.-right-\[0\.625rem\]{
  right: -0.625rem;
}
.-right-\[1\.125rem\]{
  right: -1.125rem;
}
.-top-1{
  top: -0.25rem;
}
.-top-12{
  top: -3rem;
}
.-top-2{
  top: -0.5rem;
}
.-top-\[3\.15rem\]{
  top: -3.15rem;
}
.bottom-0{
  bottom: 0px;
}
.bottom-1{
  bottom: 0.25rem;
}
.bottom-10{
  bottom: 2.5rem;
}
.bottom-14{
  bottom: 3.5rem;
}
.bottom-16{
  bottom: 4rem;
}
.bottom-3{
  bottom: 0.75rem;
}
.bottom-4{
  bottom: 1rem;
}
.bottom-5{
  bottom: 1.25rem;
}
.bottom-6{
  bottom: 1.5rem;
}
.bottom-7{
  bottom: 1.75rem;
}
.bottom-\[-6px\]{
  bottom: -6px;
}
.bottom-\[1rem\]{
  bottom: 1rem;
}
.bottom-\[3\.25rem\]{
  bottom: 3.25rem;
}
.bottom-\[3rem\]{
  bottom: 3rem;
}
.bottom-\[7rem\]{
  bottom: 7rem;
}
.left-0{
  left: 0px;
}
.left-1{
  left: 0.25rem;
}
.left-1\/2{
  left: 50%;
}
.left-2{
  left: 0.5rem;
}
.left-20{
  left: 5rem;
}
.left-3{
  left: 0.75rem;
}
.left-4{
  left: 1rem;
}
.left-5{
  left: 1.25rem;
}
.left-7{
  left: 1.75rem;
}
.left-8{
  left: 2rem;
}
.left-\[1\.125rem\]{
  left: 1.125rem;
}
.left-\[1\.375rem\]{
  left: 1.375rem;
}
.left-\[1\.5625rem\]{
  left: 1.5625rem;
}
.left-\[2\.5rem\]{
  left: 2.5rem;
}
.left-\[50\%\]{
  left: 50%;
}
.left-\[max\(0px\2c calc\(50\%-688px\)\)\]{
  left: max(0px,calc(50% - 688px));
}
.left-auto{
  left: auto;
}
.right-0{
  right: 0px;
}
.right-1{
  right: 0.25rem;
}
.right-1\.5{
  right: 0.375rem;
}
.right-11{
  right: 2.75rem;
}
.right-2{
  right: 0.5rem;
}
.right-3{
  right: 0.75rem;
}
.right-4{
  right: 1rem;
}
.right-5{
  right: 1.25rem;
}
.right-6{
  right: 1.5rem;
}
.right-\[10\%\]{
  right: 10%;
}
.right-\[3\.125rem\]{
  right: 3.125rem;
}
.right-\[80\%\]{
  right: 80%;
}
.top-0{
  top: 0px;
}
.top-1{
  top: 0.25rem;
}
.top-1\.5{
  top: 0.375rem;
}
.top-1\/2{
  top: 50%;
}
.top-12{
  top: 3rem;
}
.top-14{
  top: 3.5rem;
}
.top-16{
  top: 4rem;
}
.top-2{
  top: 0.5rem;
}
.top-2\.5{
  top: 0.625rem;
}
.top-3{
  top: 0.75rem;
}
.top-3\.5{
  top: 0.875rem;
}
.top-4{
  top: 1rem;
}
.top-6{
  top: 1.5rem;
}
.top-8{
  top: 2rem;
}
.top-9{
  top: 2.25rem;
}
.top-\[-1\.625rem\]{
  top: -1.625rem;
}
.top-\[0\.625rem\]{
  top: 0.625rem;
}
.top-\[0\.9375rem\]{
  top: 0.9375rem;
}
.top-\[1\.125rem\]{
  top: 1.125rem;
}
.top-\[1\.3125rem\]{
  top: 1.3125rem;
}
.top-\[13\.5rem\]{
  top: 13.5rem;
}
.top-\[2rem\]{
  top: 2rem;
}
.top-\[3\.75rem\]{
  top: 3.75rem;
}
.top-\[40\%\]{
  top: 40%;
}
.top-\[4rem\]{
  top: 4rem;
}
.top-\[5\.75rem\]{
  top: 5.75rem;
}
.top-\[50\%\]{
  top: 50%;
}
.top-\[5rem\]{
  top: 5rem;
}
.top-\[6rem\]{
  top: 6rem;
}
.top-\[7\.0625rem\]{
  top: 7.0625rem;
}
.top-\[7\.75rem\]{
  top: 7.75rem;
}
.top-\[8rem\]{
  top: 8rem;
}
.top-full{
  top: 100%;
}
.-z-10{
  z-index: -10;
}
.-z-50{
  z-index: -50;
}
.z-10{
  z-index: 10;
}
.z-20{
  z-index: 20;
}
.z-30{
  z-index: 30;
}
.z-40{
  z-index: 40;
}
.z-50{
  z-index: 50;
}
.z-\[1000\]{
  z-index: 1000;
}
.z-\[100\]{
  z-index: 100;
}
.z-\[1100\]{
  z-index: 1100;
}
.z-\[110\]{
  z-index: 110;
}
.z-\[11\]{
  z-index: 11;
}
.z-\[1\]{
  z-index: 1;
}
.z-\[2\]{
  z-index: 2;
}
.z-\[30\]{
  z-index: 30;
}
.z-\[40\]{
  z-index: 40;
}
.z-\[49\]{
  z-index: 49;
}
.z-\[50\]{
  z-index: 50;
}
.z-\[59\]{
  z-index: 59;
}
.z-\[60\]{
  z-index: 60;
}
.z-\[8\]{
  z-index: 8;
}
.z-\[9000\]{
  z-index: 9000;
}
.z-\[90\]{
  z-index: 90;
}
.z-\[9999\]{
  z-index: 9999;
}
.z-\[999\]{
  z-index: 999;
}
.z-\[9\]{
  z-index: 9;
}
.order-1{
  order: 1;
}
.order-2{
  order: 2;
}
.order-3{
  order: 3;
}
.col-span-1{
  grid-column: span 1 / span 1;
}
.\!m-0{
  margin: 0px !important;
}
.-m-2{
  margin: -0.5rem;
}
.m-0{
  margin: 0px;
}
.m-4{
  margin: 1rem;
}
.m-auto{
  margin: auto;
}
.-mx-1{
  margin-left: -0.25rem;
  margin-right: -0.25rem;
}
.-mx-4{
  margin-left: -1rem;
  margin-right: -1rem;
}
.mx-1{
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}
.mx-2{
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
.mx-3{
  margin-left: 0.75rem;
  margin-right: 0.75rem;
}
.mx-4{
  margin-left: 1rem;
  margin-right: 1rem;
}
.mx-5{
  margin-left: 1.25rem;
  margin-right: 1.25rem;
}
.mx-6{
  margin-left: 1.5rem;
  margin-right: 1.5rem;
}
.mx-auto{
  margin-left: auto;
  margin-right: auto;
}
.my-1{
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}
.my-10{
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}
.my-12{
  margin-top: 3rem;
  margin-bottom: 3rem;
}
.my-14{
  margin-top: 3.5rem;
  margin-bottom: 3.5rem;
}
.my-2{
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.my-3{
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}
.my-4{
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.my-5{
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}
.my-6{
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
.my-7{
  margin-top: 1.75rem;
  margin-bottom: 1.75rem;
}
.my-8{
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.my-\[0\.4375rem\]{
  margin-top: 0.4375rem;
  margin-bottom: 0.4375rem;
}
.my-\[0\.75rem\]{
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}
.my-\[3\.375rem\]{
  margin-top: 3.375rem;
  margin-bottom: 3.375rem;
}
.\!mt-0{
  margin-top: 0px !important;
}
.-mb-0{
  margin-bottom: -0px;
}
.-mb-0\.5{
  margin-bottom: -0.125rem;
}
.-mb-2{
  margin-bottom: -0.5rem;
}
.-mb-4{
  margin-bottom: -1rem;
}
.-ml-0{
  margin-left: -0px;
}
.-ml-0\.5{
  margin-left: -0.125rem;
}
.-ml-1{
  margin-left: -0.25rem;
}
.-ml-1\.5{
  margin-left: -0.375rem;
}
.-ml-2{
  margin-left: -0.5rem;
}
.-ml-3{
  margin-left: -0.75rem;
}
.-ml-4{
  margin-left: -1rem;
}
.-ml-6{
  margin-left: -1.5rem;
}
.-mr-1{
  margin-right: -0.25rem;
}
.-mr-1\.5{
  margin-right: -0.375rem;
}
.-mr-2{
  margin-right: -0.5rem;
}
.-mr-3{
  margin-right: -0.75rem;
}
.-mr-4{
  margin-right: -1rem;
}
.-mt-0{
  margin-top: -0px;
}
.-mt-0\.5{
  margin-top: -0.125rem;
}
.-mt-1{
  margin-top: -0.25rem;
}
.-mt-2{
  margin-top: -0.5rem;
}
.-mt-4{
  margin-top: -1rem;
}
.-mt-6{
  margin-top: -1.5rem;
}
.mb-0{
  margin-bottom: 0px;
}
.mb-1{
  margin-bottom: 0.25rem;
}
.mb-10{
  margin-bottom: 2.5rem;
}
.mb-16{
  margin-bottom: 4rem;
}
.mb-2{
  margin-bottom: 0.5rem;
}
.mb-2\.5{
  margin-bottom: 0.625rem;
}
.mb-3{
  margin-bottom: 0.75rem;
}
.mb-4{
  margin-bottom: 1rem;
}
.mb-48{
  margin-bottom: 12rem;
}
.mb-5{
  margin-bottom: 1.25rem;
}
.mb-6{
  margin-bottom: 1.5rem;
}
.mb-8{
  margin-bottom: 2rem;
}
.mb-\[2\.5rem\]{
  margin-bottom: 2.5rem;
}
.mb-\[3\.125rem\]{
  margin-bottom: 3.125rem;
}
.mb-\[6rem\]{
  margin-bottom: 6rem;
}
.ml-0{
  margin-left: 0px;
}
.ml-1{
  margin-left: 0.25rem;
}
.ml-1\.5{
  margin-left: 0.375rem;
}
.ml-2{
  margin-left: 0.5rem;
}
.ml-3{
  margin-left: 0.75rem;
}
.ml-4{
  margin-left: 1rem;
}
.ml-5{
  margin-left: 1.25rem;
}
.ml-6{
  margin-left: 1.5rem;
}
.ml-\[1\.125rem\]{
  margin-left: 1.125rem;
}
.ml-\[3\.25rem\]{
  margin-left: 3.25rem;
}
.ml-auto{
  margin-left: auto;
}
.mr-0{
  margin-right: 0px;
}
.mr-1{
  margin-right: 0.25rem;
}
.mr-1\.5{
  margin-right: 0.375rem;
}
.mr-12{
  margin-right: 3rem;
}
.mr-2{
  margin-right: 0.5rem;
}
.mr-3{
  margin-right: 0.75rem;
}
.mr-4{
  margin-right: 1rem;
}
.mr-5{
  margin-right: 1.25rem;
}
.mr-\[5\.25rem\]{
  margin-right: 5.25rem;
}
.mt-0{
  margin-top: 0px;
}
.mt-0\.5{
  margin-top: 0.125rem;
}
.mt-1{
  margin-top: 0.25rem;
}
.mt-1\.5{
  margin-top: 0.375rem;
}
.mt-10{
  margin-top: 2.5rem;
}
.mt-11{
  margin-top: 2.75rem;
}
.mt-12{
  margin-top: 3rem;
}
.mt-14{
  margin-top: 3.5rem;
}
.mt-16{
  margin-top: 4rem;
}
.mt-2{
  margin-top: 0.5rem;
}
.mt-2\.5{
  margin-top: 0.625rem;
}
.mt-3{
  margin-top: 0.75rem;
}
.mt-3\.5{
  margin-top: 0.875rem;
}
.mt-4{
  margin-top: 1rem;
}
.mt-5{
  margin-top: 1.25rem;
}
.mt-6{
  margin-top: 1.5rem;
}
.mt-7{
  margin-top: 1.75rem;
}
.mt-8{
  margin-top: 2rem;
}
.mt-9{
  margin-top: 2.25rem;
}
.mt-\[0\.1rem\]{
  margin-top: 0.1rem;
}
.mt-\[0\.3125rem\]{
  margin-top: 0.3125rem;
}
.mt-\[0\.625rem\]{
  margin-top: 0.625rem;
}
.mt-\[0\.875rem\]{
  margin-top: 0.875rem;
}
.mt-\[0\.9375rem\]{
  margin-top: 0.9375rem;
}
.mt-\[1\.1875rem\]{
  margin-top: 1.1875rem;
}
.mt-\[1\.375rem\]{
  margin-top: 1.375rem;
}
.mt-\[1\.4375rem\]{
  margin-top: 1.4375rem;
}
.mt-\[1\.5625rem\]{
  margin-top: 1.5625rem;
}
.mt-\[1\.625rem\]{
  margin-top: 1.625rem;
}
.mt-\[1\.875rem\]{
  margin-top: 1.875rem;
}
.mt-\[100px\]{
  margin-top: 100px;
}
.mt-\[12rem\]{
  margin-top: 12rem;
}
.mt-\[2\.0625rem\]{
  margin-top: 2.0625rem;
}
.mt-\[2\.125rem\]{
  margin-top: 2.125rem;
}
.mt-\[2\.3125rem\]{
  margin-top: 2.3125rem;
}
.mt-\[2\.5625rem\]{
  margin-top: 2.5625rem;
}
.mt-\[2\.5rem\]{
  margin-top: 2.5rem;
}
.mt-\[2\.625rem\]{
  margin-top: 2.625rem;
}
.mt-\[2\.75rem\]{
  margin-top: 2.75rem;
}
.mt-\[2\.875rem\]{
  margin-top: 2.875rem;
}
.mt-\[3\.125rem\]{
  margin-top: 3.125rem;
}
.mt-\[3\.3125rem\]{
  margin-top: 3.3125rem;
}
.mt-\[3\.75rem\]{
  margin-top: 3.75rem;
}
.mt-\[3\.9375rem\]{
  margin-top: 3.9375rem;
}
.mt-\[4\.4375rem\]{
  margin-top: 4.4375rem;
}
.mt-\[4\.5625rem\]{
  margin-top: 4.5625rem;
}
.mt-\[4\.5rem\]{
  margin-top: 4.5rem;
}
.mt-\[4\.875rem\]{
  margin-top: 4.875rem;
}
.mt-\[5\.375rem\]{
  margin-top: 5.375rem;
}
.mt-\[6rem\]{
  margin-top: 6rem;
}
.mt-\[7\.1875rem\]{
  margin-top: 7.1875rem;
}
.mt-auto{
  margin-top: auto;
}
.\!line-clamp-1{
  overflow: hidden !important;
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 1 !important;
}
.\!line-clamp-2{
  overflow: hidden !important;
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
}
.\!line-clamp-3{
  overflow: hidden !important;
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 3 !important;
}
.\!line-clamp-5{
  overflow: hidden !important;
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 5 !important;
}
.\!line-clamp-6{
  overflow: hidden !important;
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 6 !important;
}
.line-clamp-1{
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.line-clamp-2{
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.line-clamp-3{
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.line-clamp-5{
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
}
.block{
  display: block;
}
.inline-block{
  display: inline-block;
}
.inline{
  display: inline;
}
.\!flex{
  display: flex !important;
}
.flex{
  display: flex;
}
.inline-flex{
  display: inline-flex;
}
.\!table{
  display: table !important;
}
.table{
  display: table;
}
.grid{
  display: grid;
}
.contents{
  display: contents;
}
.\!hidden{
  display: none !important;
}
.hidden{
  display: none;
}
.aspect-\[176\/105\]{
  aspect-ratio: 176/105;
}
.aspect-\[197\/280\]{
  aspect-ratio: 197/280;
}
.aspect-\[343\/280\]{
  aspect-ratio: 343/280;
}
.aspect-\[466\/280\]{
  aspect-ratio: 466/280;
}
.aspect-\[537\/320\]{
  aspect-ratio: 537/320;
}
.aspect-\[900\/270\]{
  aspect-ratio: 900/270;
}
.aspect-\[976\/532\]{
  aspect-ratio: 976/532;
}
.aspect-square{
  aspect-ratio: 1 / 1;
}
.\!h-\[100vh\]{
  height: 100vh !important;
}
.\!h-\[90vh\]{
  height: 90vh !important;
}
.\!h-\[98\%\]{
  height: 98% !important;
}
.\!h-auto{
  height: auto !important;
}
.\!h-full{
  height: 100% !important;
}
.h-0{
  height: 0px;
}
.h-0\.5{
  height: 0.125rem;
}
.h-1{
  height: 0.25rem;
}
.h-1\.5{
  height: 0.375rem;
}
.h-10{
  height: 2.5rem;
}
.h-11{
  height: 2.75rem;
}
.h-12{
  height: 3rem;
}
.h-14{
  height: 3.5rem;
}
.h-16{
  height: 4rem;
}
.h-2{
  height: 0.5rem;
}
.h-2\.5{
  height: 0.625rem;
}
.h-20{
  height: 5rem;
}
.h-24{
  height: 6rem;
}
.h-28{
  height: 7rem;
}
.h-3{
  height: 0.75rem;
}
.h-3\.5{
  height: 0.875rem;
}
.h-4{
  height: 1rem;
}
.h-5{
  height: 1.25rem;
}
.h-6{
  height: 1.5rem;
}
.h-7{
  height: 1.75rem;
}
.h-8{
  height: 2rem;
}
.h-9{
  height: 2.25rem;
}
.h-\[0\.0625rem\]{
  height: 0.0625rem;
}
.h-\[0\.375rem\]{
  height: 0.375rem;
}
.h-\[0\.4375rem\]{
  height: 0.4375rem;
}
.h-\[0\.875rem\]{
  height: 0.875rem;
}
.h-\[1\.0625rem\]{
  height: 1.0625rem;
}
.h-\[1\.125rem\]{
  height: 1.125rem;
}
.h-\[1\.1875rem\]{
  height: 1.1875rem;
}
.h-\[1\.25rem\]{
  height: 1.25rem;
}
.h-\[1\.3125rem\]{
  height: 1.3125rem;
}
.h-\[1\.375rem\]{
  height: 1.375rem;
}
.h-\[1\.5px\]{
  height: 1.5px;
}
.h-\[1\.5rem\]{
  height: 1.5rem;
}
.h-\[1\.625rem\]{
  height: 1.625rem;
}
.h-\[1\.6875rem\]{
  height: 1.6875rem;
}
.h-\[1\.875rem\]{
  height: 1.875rem;
}
.h-\[104px\]{
  height: 104px;
}
.h-\[10rem\]{
  height: 10rem;
}
.h-\[11\.625rem\]{
  height: 11.625rem;
}
.h-\[11\.75rem\]{
  height: 11.75rem;
}
.h-\[12\.125rem\]{
  height: 12.125rem;
}
.h-\[12\.5rem\]{
  height: 12.5rem;
}
.h-\[140px\]{
  height: 140px;
}
.h-\[14px\]{
  height: 14px;
}
.h-\[16\.125rem\]{
  height: 16.125rem;
}
.h-\[16\.625rem\]{
  height: 16.625rem;
}
.h-\[17\.5rem\]{
  height: 17.5rem;
}
.h-\[17\.8125rem\]{
  height: 17.8125rem;
}
.h-\[17rem\]{
  height: 17rem;
}
.h-\[18\.75rem\]{
  height: 18.75rem;
}
.h-\[19rem\]{
  height: 19rem;
}
.h-\[1px\]{
  height: 1px;
}
.h-\[1rem\]{
  height: 1rem;
}
.h-\[2\.125rem\]{
  height: 2.125rem;
}
.h-\[2\.25rem\]{
  height: 2.25rem;
}
.h-\[2\.3125rem\]{
  height: 2.3125rem;
}
.h-\[2\.375rem\]{
  height: 2.375rem;
}
.h-\[2\.5rem\]{
  height: 2.5rem;
}
.h-\[2\.625rem\]{
  height: 2.625rem;
}
.h-\[2\.6875rem\]{
  height: 2.6875rem;
}
.h-\[2\.75rem\]{
  height: 2.75rem;
}
.h-\[20\.625rem\]{
  height: 20.625rem;
}
.h-\[22\.125rem\]{
  height: 22.125rem;
}
.h-\[22px\]{
  height: 22px;
}
.h-\[25\.125rem\]{
  height: 25.125rem;
}
.h-\[26\.875rem\]{
  height: 26.875rem;
}
.h-\[27\.5rem\]{
  height: 27.5rem;
}
.h-\[28\.5rem\]{
  height: 28.5rem;
}
.h-\[2rem\]{
  height: 2rem;
}
.h-\[3\.1875rem\]{
  height: 3.1875rem;
}
.h-\[3\.25rem\]{
  height: 3.25rem;
}
.h-\[3\.3125rem\]{
  height: 3.3125rem;
}
.h-\[3\.35rem\]{
  height: 3.35rem;
}
.h-\[3\.5rem\]{
  height: 3.5rem;
}
.h-\[3\.625rem\]{
  height: 3.625rem;
}
.h-\[3\.75rem\]{
  height: 3.75rem;
}
.h-\[30\.5625rem\]{
  height: 30.5625rem;
}
.h-\[31\.25rem\]{
  height: 31.25rem;
}
.h-\[32\.375rem\]{
  height: 32.375rem;
}
.h-\[3rem\]{
  height: 3rem;
}
.h-\[4\.125rem\]{
  height: 4.125rem;
}
.h-\[4\.375rem\]{
  height: 4.375rem;
}
.h-\[4\.5625rem\]{
  height: 4.5625rem;
}
.h-\[4\.5rem\]{
  height: 4.5rem;
}
.h-\[4\.75rem\]{
  height: 4.75rem;
}
.h-\[40vh\]{
  height: 40vh;
}
.h-\[4rem\]{
  height: 4rem;
}
.h-\[5\.125rem\]{
  height: 5.125rem;
}
.h-\[5\.25rem\]{
  height: 5.25rem;
}
.h-\[5\.75rem\]{
  height: 5.75rem;
}
.h-\[5\.875rem\]{
  height: 5.875rem;
}
.h-\[50vh\]{
  height: 50vh;
}
.h-\[52px\]{
  height: 52px;
}
.h-\[53px\]{
  height: 53px;
}
.h-\[5rem\]{
  height: 5rem;
}
.h-\[6\.25rem\]{
  height: 6.25rem;
}
.h-\[6\.375rem\]{
  height: 6.375rem;
}
.h-\[6\.5rem\]{
  height: 6.5rem;
}
.h-\[6\.625rem\]{
  height: 6.625rem;
}
.h-\[6\.875rem\]{
  height: 6.875rem;
}
.h-\[6rem\]{
  height: 6rem;
}
.h-\[7\.125rem\]{
  height: 7.125rem;
}
.h-\[7\.25rem\]{
  height: 7.25rem;
}
.h-\[7\.5625rem\]{
  height: 7.5625rem;
}
.h-\[7\.5rem\]{
  height: 7.5rem;
}
.h-\[7\.75rem\]{
  height: 7.75rem;
}
.h-\[70vh\]{
  height: 70vh;
}
.h-\[7rem\]{
  height: 7rem;
}
.h-\[8\.5rem\]{
  height: 8.5rem;
}
.h-\[80\%\]{
  height: 80%;
}
.h-\[9\.0625rem\]{
  height: 9.0625rem;
}
.h-\[9\.5rem\]{
  height: 9.5rem;
}
.h-\[90vh\]{
  height: 90vh;
}
.h-\[9rem\]{
  height: 9rem;
}
.h-\[calc\(100vh-64px\)\]{
  height: calc(100vh - 64px);
}
.h-\[calc\(80vh-5rem\)\]{
  height: calc(80vh - 5rem);
}
.h-\[var\(--radix-select-trigger-height\)\]{
  height: var(--radix-select-trigger-height);
}
.h-auto{
  height: auto;
}
.h-fit{
  height: -moz-fit-content;
  height: fit-content;
}
.h-full{
  height: 100%;
}
.h-px{
  height: 1px;
}
.h-screen{
  height: 100vh;
}
.\!max-h-full{
  max-height: 100% !important;
}
.max-h-60{
  max-height: 15rem;
}
.max-h-96{
  max-height: 24rem;
}
.max-h-\[10\.625rem\]{
  max-height: 10.625rem;
}
.max-h-\[18\.125rem\]{
  max-height: 18.125rem;
}
.max-h-\[20rem\]{
  max-height: 20rem;
}
.max-h-\[25rem\]{
  max-height: 25rem;
}
.max-h-\[26\.25rem\]{
  max-height: 26.25rem;
}
.max-h-\[28rem\]{
  max-height: 28rem;
}
.max-h-\[30\.5rem\]{
  max-height: 30.5rem;
}
.max-h-\[300px\]{
  max-height: 300px;
}
.max-h-\[30rem\]{
  max-height: 30rem;
}
.max-h-\[35\.1875rem\]{
  max-height: 35.1875rem;
}
.max-h-\[40vh\]{
  max-height: 40vh;
}
.max-h-\[70vh\]{
  max-height: 70vh;
}
.max-h-\[80vh\]{
  max-height: 80vh;
}
.max-h-\[90vh\]{
  max-height: 90vh;
}
.max-h-\[calc\(100dvh-10rem\)\]{
  max-height: calc(100dvh - 10rem);
}
.max-h-full{
  max-height: 100%;
}
.max-h-none{
  max-height: none;
}
.max-h-screen{
  max-height: 100vh;
}
.\!min-h-14{
  min-height: 3.5rem !important;
}
.min-h-1{
  min-height: 0.25rem;
}
.min-h-10{
  min-height: 2.5rem;
}
.min-h-11{
  min-height: 2.75rem;
}
.min-h-12{
  min-height: 3rem;
}
.min-h-14{
  min-height: 3.5rem;
}
.min-h-28{
  min-height: 7rem;
}
.min-h-3{
  min-height: 0.75rem;
}
.min-h-4{
  min-height: 1rem;
}
.min-h-5{
  min-height: 1.25rem;
}
.min-h-6{
  min-height: 1.5rem;
}
.min-h-7{
  min-height: 1.75rem;
}
.min-h-8{
  min-height: 2rem;
}
.min-h-9{
  min-height: 2.25rem;
}
.min-h-\[1\.375rem\]{
  min-height: 1.375rem;
}
.min-h-\[11\.25rem\]{
  min-height: 11.25rem;
}
.min-h-\[11\.5rem\]{
  min-height: 11.5rem;
}
.min-h-\[14\.375rem\]{
  min-height: 14.375rem;
}
.min-h-\[15\.3125rem\]{
  min-height: 15.3125rem;
}
.min-h-\[17\.6875rem\]{
  min-height: 17.6875rem;
}
.min-h-\[2\.375rem\]{
  min-height: 2.375rem;
}
.min-h-\[2\.625rem\]{
  min-height: 2.625rem;
}
.min-h-\[2\.9375rem\]{
  min-height: 2.9375rem;
}
.min-h-\[20vh\]{
  min-height: 20vh;
}
.min-h-\[23\.25rem\]{
  min-height: 23.25rem;
}
.min-h-\[29rem\]{
  min-height: 29rem;
}
.min-h-\[3\.75rem\]{
  min-height: 3.75rem;
}
.min-h-\[4\.5rem\]{
  min-height: 4.5rem;
}
.min-h-\[5rem\]{
  min-height: 5rem;
}
.min-h-\[6\.6875rem\]{
  min-height: 6.6875rem;
}
.min-h-\[7rem\]{
  min-height: 7rem;
}
.min-h-\[84\%\]{
  min-height: 84%;
}
.min-h-\[9\.375rem\]{
  min-height: 9.375rem;
}
.min-h-\[95\.2vh\]{
  min-height: 95.2vh;
}
.min-h-\[calc\(100vh-64px\)\]{
  min-height: calc(100vh - 64px);
}
.min-h-\[calc\(100vh-7\.5rem\)\]{
  min-height: calc(100vh - 7.5rem);
}
.min-h-full{
  min-height: 100%;
}
.min-h-screen{
  min-height: 100vh;
}
.\!w-\[1280px\]{
  width: 1280px !important;
}
.\!w-\[17\.5rem\]{
  width: 17.5rem !important;
}
.\!w-auto{
  width: auto !important;
}
.\!w-fit{
  width: -moz-fit-content !important;
  width: fit-content !important;
}
.\!w-full{
  width: 100% !important;
}
.w-0{
  width: 0px;
}
.w-0\.5{
  width: 0.125rem;
}
.w-1{
  width: 0.25rem;
}
.w-1\.5{
  width: 0.375rem;
}
.w-10{
  width: 2.5rem;
}
.w-11{
  width: 2.75rem;
}
.w-12{
  width: 3rem;
}
.w-14{
  width: 3.5rem;
}
.w-16{
  width: 4rem;
}
.w-2{
  width: 0.5rem;
}
.w-20{
  width: 5rem;
}
.w-24{
  width: 6rem;
}
.w-28{
  width: 7rem;
}
.w-3{
  width: 0.75rem;
}
.w-3\.5{
  width: 0.875rem;
}
.w-3\/4{
  width: 75%;
}
.w-32{
  width: 8rem;
}
.w-4{
  width: 1rem;
}
.w-40{
  width: 10rem;
}
.w-48{
  width: 12rem;
}
.w-5{
  width: 1.25rem;
}
.w-6{
  width: 1.5rem;
}
.w-60{
  width: 15rem;
}
.w-7{
  width: 1.75rem;
}
.w-72{
  width: 18rem;
}
.w-8{
  width: 2rem;
}
.w-9{
  width: 2.25rem;
}
.w-\[0\.375rem\]{
  width: 0.375rem;
}
.w-\[0\.4375rem\]{
  width: 0.4375rem;
}
.w-\[0\.875rem\]{
  width: 0.875rem;
}
.w-\[1\.125rem\]{
  width: 1.125rem;
}
.w-\[1\.25rem\]{
  width: 1.25rem;
}
.w-\[1\.375rem\]{
  width: 1.375rem;
}
.w-\[1\.5px\]{
  width: 1.5px;
}
.w-\[1\.5rem\]{
  width: 1.5rem;
}
.w-\[10\.25rem\]{
  width: 10.25rem;
}
.w-\[100\%\]{
  width: 100%;
}
.w-\[100px\]{
  width: 100px;
}
.w-\[108px\]{
  width: 108px;
}
.w-\[10rem\]{
  width: 10rem;
}
.w-\[11\.5rem\]{
  width: 11.5rem;
}
.w-\[11\.625rem\]{
  width: 11.625rem;
}
.w-\[12\%\]{
  width: 12%;
}
.w-\[12\.3125rem\]{
  width: 12.3125rem;
}
.w-\[12\.5rem\]{
  width: 12.5rem;
}
.w-\[120px\]{
  width: 120px;
}
.w-\[13\.125rem\]{
  width: 13.125rem;
}
.w-\[13\.75rem\]{
  width: 13.75rem;
}
.w-\[13rem\]{
  width: 13rem;
}
.w-\[15\%\]{
  width: 15%;
}
.w-\[15rem\]{
  width: 15rem;
}
.w-\[16\%\]{
  width: 16%;
}
.w-\[16\.25rem\]{
  width: 16.25rem;
}
.w-\[17\.5rem\]{
  width: 17.5rem;
}
.w-\[18\%\]{
  width: 18%;
}
.w-\[18\.25rem\]{
  width: 18.25rem;
}
.w-\[18\.75rem\]{
  width: 18.75rem;
}
.w-\[18rem\]{
  width: 18rem;
}
.w-\[1px\]{
  width: 1px;
}
.w-\[2\.125rem\]{
  width: 2.125rem;
}
.w-\[2\.25rem\]{
  width: 2.25rem;
}
.w-\[2\.375rem\]{
  width: 2.375rem;
}
.w-\[2\.5rem\]{
  width: 2.5rem;
}
.w-\[2\.625rem\]{
  width: 2.625rem;
}
.w-\[2\.75rem\]{
  width: 2.75rem;
}
.w-\[2\.875rem\]{
  width: 2.875rem;
}
.w-\[20\%\]{
  width: 20%;
}
.w-\[20rem\]{
  width: 20rem;
}
.w-\[21\.5rem\]{
  width: 21.5rem;
}
.w-\[22\%\]{
  width: 22%;
}
.w-\[220px\]{
  width: 220px;
}
.w-\[23\.4375rem\]{
  width: 23.4375rem;
}
.w-\[24rem\]{
  width: 24rem;
}
.w-\[25\%\]{
  width: 25%;
}
.w-\[25rem\]{
  width: 25rem;
}
.w-\[2rem\]{
  width: 2rem;
}
.w-\[3\.25rem\]{
  width: 3.25rem;
}
.w-\[3\.35rem\]{
  width: 3.35rem;
}
.w-\[3\.625rem\]{
  width: 3.625rem;
}
.w-\[3\.75rem\]{
  width: 3.75rem;
}
.w-\[3\.875rem\]{
  width: 3.875rem;
}
.w-\[30\%\]{
  width: 30%;
}
.w-\[30vw\]{
  width: 30vw;
}
.w-\[320px\]{
  width: 320px;
}
.w-\[36\%\]{
  width: 36%;
}
.w-\[375px\]{
  width: 375px;
}
.w-\[376px\]{
  width: 376px;
}
.w-\[4\.0625rem\]{
  width: 4.0625rem;
}
.w-\[4\.125rem\]{
  width: 4.125rem;
}
.w-\[4\.5rem\]{
  width: 4.5rem;
}
.w-\[4\.625rem\]{
  width: 4.625rem;
}
.w-\[4\.75rem\]{
  width: 4.75rem;
}
.w-\[40\%\]{
  width: 40%;
}
.w-\[4rem\]{
  width: 4rem;
}
.w-\[5\.125rem\]{
  width: 5.125rem;
}
.w-\[5\.3125rem\]{
  width: 5.3125rem;
}
.w-\[5\.625rem\]{
  width: 5.625rem;
}
.w-\[50\%\]{
  width: 50%;
}
.w-\[5rem\]{
  width: 5rem;
}
.w-\[6\.25rem\]{
  width: 6.25rem;
}
.w-\[6\.5rem\]{
  width: 6.5rem;
}
.w-\[6\.75rem\]{
  width: 6.75rem;
}
.w-\[6\.875rem\]{
  width: 6.875rem;
}
.w-\[60\%\]{
  width: 60%;
}
.w-\[6rem\]{
  width: 6rem;
}
.w-\[7\.25rem\]{
  width: 7.25rem;
}
.w-\[7\.5rem\]{
  width: 7.5rem;
}
.w-\[7\.75rem\]{
  width: 7.75rem;
}
.w-\[7\.8125rem\]{
  width: 7.8125rem;
}
.w-\[70\%\]{
  width: 70%;
}
.w-\[8\%\]{
  width: 8%;
}
.w-\[8\.75rem\]{
  width: 8.75rem;
}
.w-\[8\.875rem\]{
  width: 8.875rem;
}
.w-\[825px\]{
  width: 825px;
}
.w-\[8rem\]{
  width: 8rem;
}
.w-\[9\.125rem\]{
  width: 9.125rem;
}
.w-\[9\.375rem\]{
  width: 9.375rem;
}
.w-\[9\.5rem\]{
  width: 9.5rem;
}
.w-\[90vw\]{
  width: 90vw;
}
.w-\[9rem\]{
  width: 9rem;
}
.w-\[calc\(100\%-3\.25rem\)\]{
  width: calc(100% - 3.25rem);
}
.w-\[calc\(12\.375rem\+34px\)\]{
  width: calc(12.375rem + 34px);
}
.w-auto{
  width: auto;
}
.w-fit{
  width: -moz-fit-content;
  width: fit-content;
}
.w-full{
  width: 100%;
}
.w-screen{
  width: 100vw;
}
.min-w-0{
  min-width: 0px;
}
.min-w-10{
  min-width: 2.5rem;
}
.min-w-11{
  min-width: 2.75rem;
}
.min-w-12{
  min-width: 3rem;
}
.min-w-14{
  min-width: 3.5rem;
}
.min-w-16{
  min-width: 4rem;
}
.min-w-28{
  min-width: 7rem;
}
.min-w-4{
  min-width: 1rem;
}
.min-w-5{
  min-width: 1.25rem;
}
.min-w-6{
  min-width: 1.5rem;
}
.min-w-7{
  min-width: 1.75rem;
}
.min-w-8{
  min-width: 2rem;
}
.min-w-9{
  min-width: 2.25rem;
}
.min-w-\[1\.75rem\]{
  min-width: 1.75rem;
}
.min-w-\[1\.875rem\]{
  min-width: 1.875rem;
}
.min-w-\[10rem\]{
  min-width: 10rem;
}
.min-w-\[12\.5rem\]{
  min-width: 12.5rem;
}
.min-w-\[13\.3125rem\]{
  min-width: 13.3125rem;
}
.min-w-\[13\.75rem\]{
  min-width: 13.75rem;
}
.min-w-\[16\.25rem\]{
  min-width: 16.25rem;
}
.min-w-\[17\.5rem\]{
  min-width: 17.5rem;
}
.min-w-\[17\.75rem\]{
  min-width: 17.75rem;
}
.min-w-\[18rem\]{
  min-width: 18rem;
}
.min-w-\[19\.5rem\]{
  min-width: 19.5rem;
}
.min-w-\[19rem\]{
  min-width: 19rem;
}
.min-w-\[1px\]{
  min-width: 1px;
}
.min-w-\[2\.375rem\]{
  min-width: 2.375rem;
}
.min-w-\[2\.625rem\]{
  min-width: 2.625rem;
}
.min-w-\[2\.6875rem\]{
  min-width: 2.6875rem;
}
.min-w-\[20rem\]{
  min-width: 20rem;
}
.min-w-\[24rem\]{
  min-width: 24rem;
}
.min-w-\[3\.25rem\]{
  min-width: 3.25rem;
}
.min-w-\[3\.5rem\]{
  min-width: 3.5rem;
}
.min-w-\[4\.375rem\]{
  min-width: 4.375rem;
}
.min-w-\[4\.5rem\]{
  min-width: 4.5rem;
}
.min-w-\[5\.25rem\]{
  min-width: 5.25rem;
}
.min-w-\[5rem\]{
  min-width: 5rem;
}
.min-w-\[6\.25rem\]{
  min-width: 6.25rem;
}
.min-w-\[6\.4375rem\]{
  min-width: 6.4375rem;
}
.min-w-\[6rem\]{
  min-width: 6rem;
}
.min-w-\[8\.75rem\]{
  min-width: 8.75rem;
}
.min-w-\[8\.875rem\]{
  min-width: 8.875rem;
}
.min-w-\[84px\]{
  min-width: 84px;
}
.min-w-\[88px\]{
  min-width: 88px;
}
.min-w-\[8rem\]{
  min-width: 8rem;
}
.min-w-\[var\(--radix-select-trigger-width\)\]{
  min-width: var(--radix-select-trigger-width);
}
.min-w-full{
  min-width: 100%;
}
.max-w-\[10\.625rem\]{
  max-width: 10.625rem;
}
.max-w-\[10rem\]{
  max-width: 10rem;
}
.max-w-\[12\.5rem\]{
  max-width: 12.5rem;
}
.max-w-\[13\.3125rem\]{
  max-width: 13.3125rem;
}
.max-w-\[13\.75rem\]{
  max-width: 13.75rem;
}
.max-w-\[130px\]{
  max-width: 130px;
}
.max-w-\[14\.75rem\]{
  max-width: 14.75rem;
}
.max-w-\[16\.25rem\]{
  max-width: 16.25rem;
}
.max-w-\[16rem\]{
  max-width: 16rem;
}
.max-w-\[17\.5rem\]{
  max-width: 17.5rem;
}
.max-w-\[17\.75rem\]{
  max-width: 17.75rem;
}
.max-w-\[18\.4375rem\]{
  max-width: 18.4375rem;
}
.max-w-\[18\.75rem\]{
  max-width: 18.75rem;
}
.max-w-\[19\.25rem\]{
  max-width: 19.25rem;
}
.max-w-\[20\.3125rem\]{
  max-width: 20.3125rem;
}
.max-w-\[20\.875rem\]{
  max-width: 20.875rem;
}
.max-w-\[20\.9375rem\]{
  max-width: 20.9375rem;
}
.max-w-\[20rem\]{
  max-width: 20rem;
}
.max-w-\[21\.4375rem\]{
  max-width: 21.4375rem;
}
.max-w-\[23\.4375rem\]{
  max-width: 23.4375rem;
}
.max-w-\[23\.5rem\]{
  max-width: 23.5rem;
}
.max-w-\[27\.25rem\]{
  max-width: 27.25rem;
}
.max-w-\[32\.25rem\]{
  max-width: 32.25rem;
}
.max-w-\[343px\]{
  max-width: 343px;
}
.max-w-\[43\.5625rem\]{
  max-width: 43.5625rem;
}
.max-w-\[45\.5rem\]{
  max-width: 45.5rem;
}
.max-w-\[48\.375rem\]{
  max-width: 48.375rem;
}
.max-w-\[48rem\]{
  max-width: 48rem;
}
.max-w-\[54\.5rem\]{
  max-width: 54.5rem;
}
.max-w-\[54rem\]{
  max-width: 54rem;
}
.max-w-\[6\.25rem\]{
  max-width: 6.25rem;
}
.max-w-\[61rem\]{
  max-width: 61rem;
}
.max-w-\[62\.25rem\]{
  max-width: 62.25rem;
}
.max-w-\[62\.75rem\]{
  max-width: 62.75rem;
}
.max-w-\[64rem\]{
  max-width: 64rem;
}
.max-w-\[7\.5rem\]{
  max-width: 7.5rem;
}
.max-w-\[80rem\]{
  max-width: 80rem;
}
.max-w-\[9\.25rem\]{
  max-width: 9.25rem;
}
.max-w-\[90vw\]{
  max-width: 90vw;
}
.max-w-\[unset\]{
  max-width: unset;
}
.max-w-full{
  max-width: 100%;
}
.max-w-lg{
  max-width: 32rem;
}
.max-w-sm{
  max-width: 24rem;
}
.flex-1{
  flex: 1 1 0%;
}
.flex-\[0_0_100\%\]{
  flex: 0 0 100%;
}
.flex-\[0_0_22\%\]{
  flex: 0 0 22%;
}
.flex-\[0_0_52\%\]{
  flex: 0 0 52%;
}
.flex-none{
  flex: none;
}
.shrink-0{
  flex-shrink: 0;
}
.grow{
  flex-grow: 1;
}
.grow-0{
  flex-grow: 0;
}
.basis-0{
  flex-basis: 0px;
}
.basis-full{
  flex-basis: 100%;
}
.table-fixed{
  table-layout: fixed;
}
.caption-bottom{
  caption-side: bottom;
}
.origin-bottom{
  transform-origin: bottom;
}
.origin-center{
  transform-origin: center;
}
.-translate-x-1\/2{
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-x-\[50\%\]{
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-1\/2{
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-\[24px\]{
  --tw-translate-y: -24px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-\[50\%\]{
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-0{
  --tw-translate-x: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-\[-50\%\]{
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-\[13\.75rem\]{
  --tw-translate-x: 13.75rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-\[18\.875rem\]{
  --tw-translate-x: 18.875rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-\[50\%\]{
  --tw-translate-x: 50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-\[-40\%\]{
  --tw-translate-y: -40%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-\[-50\%\]{
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-rotate-180{
  --tw-rotate: -180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-rotate-45{
  --tw-rotate: -45deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-rotate-90{
  --tw-rotate: -90deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-180{
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-45{
  --tw-rotate: 45deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-90{
  --tw-rotate: 90deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-150{
  --tw-scale-x: 1.5;
  --tw-scale-y: 1.5;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-x-\[-1\]{
  --tw-scale-x: -1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.transform{
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
@keyframes cobakBlack{

  0%{
    border-color: #FFE2A3;
  }

  100%{
    border-color: #FFCB1F;
  }
}
.animate-cobakBlack{
  animation: cobakBlack 1s ease-in-out infinite alternate;
}
@keyframes colorChange{

  0%, 100%{
    background-position: 0% 50%;
  }

  50%{
    background-position: 100% 50%;
  }
}
.animate-colorChange{
  animation: colorChange 5s ease infinite;
}
@keyframes bounce-custom{

  0%, 100%{
    transform: translateY(0%);
    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
  }

  50%{
    transform: translateY(-10%);
    animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
  }
}
.animate-custom-bounce{
  animation: bounce-custom 2s linear infinite;
}
@keyframes downup{

  0%, 100%{
    transform: translateY(0);
  }

  50%{
    transform: translateY(10px);
  }
}
.animate-downup{
  animation: downup 3s ease-in-out infinite;
}
@keyframes pulse{

  50%{
    opacity: .5;
  }
}
.animate-pulse{
  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}
@keyframes resizeBounce{

  0%, 100%{
    transform: scaleX(1.05) scaleY(0.95);
  }

  50%{
    transform: scaleX(0.95) scaleY(1.05);
  }
}
.animate-resize-bounce{
  animation: resizeBounce 1.2s ease-out infinite;
}
@keyframes spin{

  to{
    transform: rotate(360deg);
  }
}
.animate-spin{
  animation: spin 1s linear infinite;
}
@keyframes spinOnce{

  0%{
    transform: rotate(0deg);
  }

  100%{
    transform: rotate(360deg);
  }
}
.animate-spin-once{
  animation: spinOnce 0.2s ease-out;
}
@keyframes updown{

  0%, 100%{
    transform: translateY(0);
  }

  50%{
    transform: translateY(-10px);
  }
}
.animate-updown{
  animation: updown 3s ease-in-out infinite;
}
.cursor-default{
  cursor: default;
}
.cursor-not-allowed{
  cursor: not-allowed;
}
.cursor-pointer{
  cursor: pointer;
}
.cursor-text{
  cursor: text;
}
.cursor-zoom-in{
  cursor: zoom-in;
}
.select-none{
  -webkit-user-select: none;
          user-select: none;
}
.resize-none{
  resize: none;
}
.resize{
  resize: both;
}
.list-decimal{
  list-style-type: decimal;
}
.list-none{
  list-style-type: none;
}
.grid-cols-2{
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-cols-3{
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.grid-cols-4{
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.grid-cols-6{
  grid-template-columns: repeat(6, minmax(0, 1fr));
}
.grid-cols-\[6rem\2c auto\]{
  grid-template-columns: 6rem auto;
}
.grid-cols-\[7\.5rem\2c auto\]{
  grid-template-columns: 7.5rem auto;
}
.grid-rows-4{
  grid-template-rows: repeat(4, minmax(0, 1fr));
}
.flex-row{
  flex-direction: row;
}
.flex-row-reverse{
  flex-direction: row-reverse;
}
.flex-col{
  flex-direction: column;
}
.flex-col-reverse{
  flex-direction: column-reverse;
}
.flex-wrap{
  flex-wrap: wrap;
}
.flex-nowrap{
  flex-wrap: nowrap;
}
.items-start{
  align-items: flex-start;
}
.items-end{
  align-items: flex-end;
}
.items-center{
  align-items: center;
}
.justify-normal{
  justify-content: normal;
}
.justify-start{
  justify-content: flex-start;
}
.justify-end{
  justify-content: flex-end;
}
.justify-center{
  justify-content: center;
}
.justify-between{
  justify-content: space-between;
}
.justify-around{
  justify-content: space-around;
}
.justify-evenly{
  justify-content: space-evenly;
}
.gap-0{
  gap: 0px;
}
.gap-0\.5{
  gap: 0.125rem;
}
.gap-1{
  gap: 0.25rem;
}
.gap-1\.5{
  gap: 0.375rem;
}
.gap-10{
  gap: 2.5rem;
}
.gap-12{
  gap: 3rem;
}
.gap-16{
  gap: 4rem;
}
.gap-2{
  gap: 0.5rem;
}
.gap-2\.5{
  gap: 0.625rem;
}
.gap-3{
  gap: 0.75rem;
}
.gap-4{
  gap: 1rem;
}
.gap-5{
  gap: 1.25rem;
}
.gap-6{
  gap: 1.5rem;
}
.gap-7{
  gap: 1.75rem;
}
.gap-8{
  gap: 2rem;
}
.gap-\[0\.125rem\]{
  gap: 0.125rem;
}
.gap-\[0\.375rem\]{
  gap: 0.375rem;
}
.gap-\[0\.5rem\]{
  gap: 0.5rem;
}
.gap-\[0\.625rem\]{
  gap: 0.625rem;
}
.gap-\[1\.25rem\]{
  gap: 1.25rem;
}
.gap-\[1\.375rem\]{
  gap: 1.375rem;
}
.gap-\[1\.5rem\]{
  gap: 1.5rem;
}
.gap-\[2\.5rem\]{
  gap: 2.5rem;
}
.gap-\[3\.0625rem\]{
  gap: 3.0625rem;
}
.gap-\[4\.8125rem\]{
  gap: 4.8125rem;
}
.gap-\[4rem\]{
  gap: 4rem;
}
.gap-\[5\.125rem\]{
  gap: 5.125rem;
}
.gap-\[85px\]{
  gap: 85px;
}
.gap-x-8{
  column-gap: 2rem;
}
.gap-x-\[2\%\]{
  column-gap: 2%;
}
.gap-y-4{
  row-gap: 1rem;
}
.space-x-4 > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(1rem * var(--tw-space-x-reverse));
  margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-y-1 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
}
.space-y-1\.5 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(0.375rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.375rem * var(--tw-space-y-reverse));
}
.space-y-2 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
}
.space-y-4 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}
.self-start{
  align-self: flex-start;
}
.overflow-auto{
  overflow: auto;
}
.overflow-hidden{
  overflow: hidden;
}
.overflow-scroll{
  overflow: scroll;
}
.overflow-x-auto{
  overflow-x: auto;
}
.overflow-y-auto{
  overflow-y: auto;
}
.overflow-x-hidden{
  overflow-x: hidden;
}
.overflow-x-scroll{
  overflow-x: scroll;
}
.overflow-y-scroll{
  overflow-y: scroll;
}
.truncate{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.whitespace-normal{
  white-space: normal;
}
.whitespace-nowrap{
  white-space: nowrap;
}
.whitespace-pre-line{
  white-space: pre-line;
}
.whitespace-pre-wrap{
  white-space: pre-wrap;
}
.text-wrap{
  text-wrap: wrap;
}
.text-nowrap{
  text-wrap: nowrap;
}
.break-words{
  overflow-wrap: break-word;
}
.\!break-all{
  word-break: break-all !important;
}
.break-all{
  word-break: break-all;
}
.break-keep{
  word-break: keep-all;
}
.rounded{
  border-radius: 0.25rem;
}
.rounded-2xl{
  border-radius: 1rem;
}
.rounded-3xl{
  border-radius: 1.5rem;
}
.rounded-\[0\.25rem\]{
  border-radius: 0.25rem;
}
.rounded-\[0\.375rem\]{
  border-radius: 0.375rem;
}
.rounded-\[0\.5625rem\]{
  border-radius: 0.5625rem;
}
.rounded-\[0\.5rem\]{
  border-radius: 0.5rem;
}
.rounded-\[0\.625rem\]{
  border-radius: 0.625rem;
}
.rounded-\[0\.75rem\]{
  border-radius: 0.75rem;
}
.rounded-\[1\.25rem\]{
  border-radius: 1.25rem;
}
.rounded-\[1\.375rem\]{
  border-radius: 1.375rem;
}
.rounded-\[1\.4375rem\]{
  border-radius: 1.4375rem;
}
.rounded-\[1\.5rem\]{
  border-radius: 1.5rem;
}
.rounded-\[1\.75rem\]{
  border-radius: 1.75rem;
}
.rounded-\[10px\]{
  border-radius: 10px;
}
.rounded-\[12px\]{
  border-radius: 12px;
}
.rounded-\[16px\]{
  border-radius: 16px;
}
.rounded-\[1rem\]{
  border-radius: 1rem;
}
.rounded-\[2\.5rem\]{
  border-radius: 2.5rem;
}
.rounded-\[2rem\]{
  border-radius: 2rem;
}
.rounded-\[3\.25rem\]{
  border-radius: 3.25rem;
}
.rounded-\[3rem\]{
  border-radius: 3rem;
}
.rounded-\[4px\]{
  border-radius: 4px;
}
.rounded-\[50\%\]{
  border-radius: 50%;
}
.rounded-\[6\.25rem\]{
  border-radius: 6.25rem;
}
.rounded-\[6px\]{
  border-radius: 6px;
}
.rounded-\[6rem\]{
  border-radius: 6rem;
}
.rounded-\[8px\]{
  border-radius: 8px;
}
.rounded-\[8rem\]{
  border-radius: 8rem;
}
.rounded-full{
  border-radius: 9999px;
}
.rounded-lg{
  border-radius: var(--radius);
}
.rounded-md{
  border-radius: calc(var(--radius) - 2px);
}
.rounded-none{
  border-radius: 0px;
}
.rounded-sm{
  border-radius: calc(var(--radius) - 4px);
}
.rounded-xl{
  border-radius: 0.75rem;
}
.rounded-l-2xl{
  border-top-left-radius: 1rem;
  border-bottom-left-radius: 1rem;
}
.rounded-r-2xl{
  border-top-right-radius: 1rem;
  border-bottom-right-radius: 1rem;
}
.rounded-t-\[10px\]{
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.rounded-tl-\[1rem\]{
  border-top-left-radius: 1rem;
}
.border{
  border-width: 1px;
}
.border-0{
  border-width: 0px;
}
.border-2{
  border-width: 2px;
}
.border-\[0\.1875rem\]{
  border-width: 0.1875rem;
}
.border-\[0\.25rem\]{
  border-width: 0.25rem;
}
.border-\[1px\]{
  border-width: 1px;
}
.border-\[2px\]{
  border-width: 2px;
}
.border-x-4{
  border-left-width: 4px;
  border-right-width: 4px;
}
.border-x-\[0\.1875rem\]{
  border-left-width: 0.1875rem;
  border-right-width: 0.1875rem;
}
.border-x-\[5\.8335px\]{
  border-left-width: 5.8335px;
  border-right-width: 5.8335px;
}
.border-b{
  border-bottom-width: 1px;
}
.border-b-\[0\.25rem\]{
  border-bottom-width: 0.25rem;
}
.border-b-\[1px\]{
  border-bottom-width: 1px;
}
.border-b-\[3px\]{
  border-bottom-width: 3px;
}
.border-l{
  border-left-width: 1px;
}
.border-r{
  border-right-width: 1px;
}
.border-t{
  border-top-width: 1px;
}
.border-t-4{
  border-top-width: 4px;
}
.border-t-\[12px\]{
  border-top-width: 12px;
}
.border-t-\[1px\]{
  border-top-width: 1px;
}
.border-solid{
  border-style: solid;
}
.border-dashed{
  border-style: dashed;
}
.border-none{
  border-style: none;
}
.\!border-primary600{
  border-color: var(--primary600) !important;
}
.\!border-red600{
  border-color: var(--red600) !important;
}
.border-\[\#fff\]{
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
}
.border-background_base{
  border-color: var(--background_base);
}
.border-border_basic1{
  border-color: var(--border_basic1);
}
.border-border_basic2{
  border-color: var(--border_basic2);
}
.border-cobak-gray-200{
  --tw-border-opacity: 1;
  border-color: rgb(229 229 229 / var(--tw-border-opacity));
}
.border-destructive\/50{
  border-color: hsl(var(--destructive) / 0.5);
}
.border-divider_basic1{
  border-color: var(--divider_basic1);
}
.border-gray-100{
  --tw-border-opacity: 1;
  border-color: rgb(243 244 246 / var(--tw-border-opacity));
}
.border-gray-300{
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity));
}
.border-gray0{
  border-color: var(--gray0);
}
.border-gray100{
  border-color: var(--gray100);
}
.border-gray200{
  border-color: var(--gray200);
}
.border-gray300{
  border-color: var(--gray300);
}
.border-gray900{
  border-color: var(--gray900);
}
.border-green600{
  border-color: var(--green600);
}
.border-input{
  border-color: hsl(var(--input));
}
.border-primary600{
  border-color: var(--primary600);
}
.border-red500{
  border-color: var(--red500);
}
.border-red600{
  border-color: var(--red600);
}
.border-red900{
  border-color: var(--red900);
}
.border-transparent{
  border-color: transparent;
}
.border-x-transparent{
  border-left-color: transparent;
  border-right-color: transparent;
}
.border-b-divider_basic2{
  border-bottom-color: var(--divider_basic2);
}
.border-b-primary800{
  border-bottom-color: var(--primary800);
}
.border-t-gray100{
  border-top-color: var(--gray100);
}
.border-t-gray900{
  border-top-color: var(--gray900);
}
.\!bg-black{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity)) !important;
}
.\!bg-gray300{
  background-color: var(--gray300) !important;
}
.\!bg-primary600{
  background-color: var(--primary600) !important;
}
.\!bg-transparent{
  background-color: transparent !important;
}
.bg-\[\#000\]{
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}
.bg-\[\#03C75A\]{
  --tw-bg-opacity: 1;
  background-color: rgb(3 199 90 / var(--tw-bg-opacity));
}
.bg-\[\#121212\]{
  --tw-bg-opacity: 1;
  background-color: rgb(18 18 18 / var(--tw-bg-opacity));
}
.bg-\[\#155BE3\]{
  --tw-bg-opacity: 1;
  background-color: rgb(21 91 227 / var(--tw-bg-opacity));
}
.bg-\[\#2C6CEB\]{
  --tw-bg-opacity: 1;
  background-color: rgb(44 108 235 / var(--tw-bg-opacity));
}
.bg-\[\#353C49\]\/50{
  background-color: rgb(53 60 73 / 0.5);
}
.bg-\[\#76C976\]{
  --tw-bg-opacity: 1;
  background-color: rgb(118 201 118 / var(--tw-bg-opacity));
}
.bg-\[\#EFF2F5\]{
  --tw-bg-opacity: 1;
  background-color: rgb(239 242 245 / var(--tw-bg-opacity));
}
.bg-\[\#FEE500\]{
  --tw-bg-opacity: 1;
  background-color: rgb(254 229 0 / var(--tw-bg-opacity));
}
.bg-\[rgba\(18\2c 18\2c 18\2c 0\.8\)\]{
  background-color: rgba(18,18,18,0.8);
}
.bg-background{
  background-color: hsl(var(--background));
}
.bg-background_base{
  background-color: var(--background_base);
}
.bg-background_elevated{
  background-color: var(--background_elevated);
}
.bg-black{
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}
.bg-black\/10{
  background-color: rgb(0 0 0 / 0.1);
}
.bg-black\/80{
  background-color: rgb(0 0 0 / 0.8);
}
.bg-blue-500{
  --tw-bg-opacity: 1;
  background-color: rgb(59 130 246 / var(--tw-bg-opacity));
}
.bg-border{
  background-color: hsl(var(--border));
}
.bg-box_basic{
  background-color: var(--box_basic);
}
.bg-cobak-gray-100{
  --tw-bg-opacity: 1;
  background-color: rgb(242 242 242 / var(--tw-bg-opacity));
}
.bg-destructive{
  background-color: hsl(var(--destructive));
}
.bg-dim_basic{
  background-color: var(--dim_basic);
}
.bg-gray-300{
  --tw-bg-opacity: 1;
  background-color: rgb(209 213 219 / var(--tw-bg-opacity));
}
.bg-gray0{
  background-color: var(--gray0);
}
.bg-gray100{
  background-color: var(--gray100);
}
.bg-gray200{
  background-color: var(--gray200);
}
.bg-gray300{
  background-color: var(--gray300);
}
.bg-gray40{
  background-color: var(--gray40);
}
.bg-gray400{
  background-color: var(--gray400);
}
.bg-gray500{
  background-color: var(--gray500);
}
.bg-gray600{
  background-color: var(--gray600);
}
.bg-gray700{
  background-color: var(--gray700);
}
.bg-gray800{
  background-color: var(--gray800);
}
.bg-gray900{
  background-color: var(--gray900);
}
.bg-green300{
  background-color: var(--green300);
}
.bg-green50{
  background-color: var(--green50);
}
.bg-green500{
  background-color: var(--green500);
}
.bg-green600{
  background-color: var(--green600);
}
.bg-inherit{
  background-color: inherit;
}
.bg-muted{
  background-color: hsl(var(--muted));
}
.bg-muted\/50{
  background-color: hsl(var(--muted) / 0.5);
}
.bg-popover{
  background-color: hsl(var(--popover));
}
.bg-primary{
  background-color: hsl(var(--primary));
}
.bg-primary100{
  background-color: var(--primary100);
}
.bg-primary200{
  background-color: var(--primary200);
}
.bg-primary300{
  background-color: var(--primary300);
}
.bg-primary50{
  background-color: var(--primary50);
}
.bg-primary500{
  background-color: var(--primary500);
}
.bg-primary600{
  background-color: var(--primary600);
}
.bg-primary700{
  background-color: var(--primary700);
}
.bg-primary800{
  background-color: var(--primary800);
}
.bg-primary900{
  background-color: var(--primary900);
}
.bg-red300{
  background-color: var(--red300);
}
.bg-red400{
  background-color: var(--red400);
}
.bg-red50{
  background-color: var(--red50);
}
.bg-red600{
  background-color: var(--red600);
}
.bg-red900{
  background-color: var(--red900);
}
.bg-secondary{
  background-color: hsl(var(--secondary));
}
.bg-transparent{
  background-color: transparent;
}
.bg-white{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.bg-yellow50{
  background-color: var(--yellow50);
}
.bg-yellow900{
  background-color: var(--yellow900);
}
.bg-opacity-80{
  --tw-bg-opacity: 0.8;
}
.bg-opacity-\[0\.88\]{
  --tw-bg-opacity: 0.88;
}
.bg-\[linear-gradient\(180deg\2c _\#A1FFC6_0\%\2c _\#FFBABA_100\%\)\]{
  background-image: linear-gradient(180deg, #A1FFC6 0%, #FFBABA 100%);
}
.bg-\[linear-gradient\(90deg\2c _\#A1FFC6_0\%\2c _\#FFBABA_100\%\)\]{
  background-image: linear-gradient(90deg, #A1FFC6 0%, #FFBABA 100%);
}
.bg-\[url\(\'https\:\/\/storage\.cobak\.co\/image\/cobak_black_bg\.jpg\'\)\]{
  background-image: url('https://storage.cobak.co/image/cobak_black_bg.jpg');
}
.bg-gradient-to-r{
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
}
.from-\[\#00eb2b\]{
  --tw-gradient-from: #00eb2b var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 235 43 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#CEE1FC\]{
  --tw-gradient-from: #CEE1FC var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(206 225 252 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.to-\[\#0009E3\]{
  --tw-gradient-to: #0009E3 var(--tw-gradient-to-position);
}
.to-\[\#0031d0\]{
  --tw-gradient-to: #0031d0 var(--tw-gradient-to-position);
}
.bg-cover{
  background-size: cover;
}
.bg-center{
  background-position: center;
}
.bg-no-repeat{
  background-repeat: no-repeat;
}
.fill-\[\#343434\]{
  fill: #343434;
}
.fill-\[\#8247E5\]{
  fill: #8247E5;
}
.fill-background_base{
  fill: var(--background_base);
}
.fill-current{
  fill: currentColor;
}
.fill-gray100{
  fill: var(--gray100);
}
.fill-gray300{
  fill: var(--gray300);
}
.fill-gray400{
  fill: var(--gray400);
}
.fill-gray500{
  fill: var(--gray500);
}
.fill-gray600{
  fill: var(--gray600);
}
.fill-gray700{
  fill: var(--gray700);
}
.fill-gray800{
  fill: var(--gray800);
}
.fill-gray900{
  fill: var(--gray900);
}
.fill-green500{
  fill: var(--green500);
}
.fill-green600{
  fill: var(--green600);
}
.fill-primary600{
  fill: var(--primary600);
}
.fill-primary700{
  fill: var(--primary700);
}
.fill-primary800{
  fill: var(--primary800);
}
.fill-primary900{
  fill: var(--primary900);
}
.fill-red400{
  fill: var(--red400);
}
.fill-red600{
  fill: var(--red600);
}
.fill-red700{
  fill: var(--red700);
}
.fill-yellow500{
  fill: var(--yellow500);
}
.fill-yellow700{
  fill: var(--yellow700);
}
.stroke-background_base{
  stroke: var(--background_base);
}
.stroke-border_basic1{
  stroke: var(--border_basic1);
}
.stroke-gray0{
  stroke: var(--gray0);
}
.stroke-gray100{
  stroke: var(--gray100);
}
.stroke-gray300{
  stroke: var(--gray300);
}
.stroke-gray400{
  stroke: var(--gray400);
}
.stroke-gray500{
  stroke: var(--gray500);
}
.stroke-gray600{
  stroke: var(--gray600);
}
.stroke-gray700{
  stroke: var(--gray700);
}
.stroke-gray800{
  stroke: var(--gray800);
}
.stroke-gray900{
  stroke: var(--gray900);
}
.stroke-green600{
  stroke: var(--green600);
}
.stroke-primary300{
  stroke: var(--primary300);
}
.stroke-primary50{
  stroke: var(--primary50);
}
.stroke-primary600{
  stroke: var(--primary600);
}
.stroke-\[1\.5px\]{
  stroke-width: 1.5px;
}
.stroke-\[2px\]{
  stroke-width: 2px;
}
.object-contain{
  object-fit: contain;
}
.object-cover{
  object-fit: cover;
}
.object-center{
  object-position: center;
}
.p-0{
  padding: 0px;
}
.p-1{
  padding: 0.25rem;
}
.p-1\.5{
  padding: 0.375rem;
}
.p-10{
  padding: 2.5rem;
}
.p-12{
  padding: 3rem;
}
.p-2{
  padding: 0.5rem;
}
.p-2\.5{
  padding: 0.625rem;
}
.p-3{
  padding: 0.75rem;
}
.p-4{
  padding: 1rem;
}
.p-5{
  padding: 1.25rem;
}
.p-6{
  padding: 1.5rem;
}
.p-8{
  padding: 2rem;
}
.p-\[0\.0625rem\]{
  padding: 0.0625rem;
}
.p-\[0\.125rem\]{
  padding: 0.125rem;
}
.p-\[0\.375rem\]{
  padding: 0.375rem;
}
.px-0{
  padding-left: 0px;
  padding-right: 0px;
}
.px-1{
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.px-1\.5{
  padding-left: 0.375rem;
  padding-right: 0.375rem;
}
.px-2{
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.px-2\.5{
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
.px-3{
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.px-4{
  padding-left: 1rem;
  padding-right: 1rem;
}
.px-5{
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
.px-6{
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.px-7{
  padding-left: 1.75rem;
  padding-right: 1.75rem;
}
.px-8{
  padding-left: 2rem;
  padding-right: 2rem;
}
.px-9{
  padding-left: 2.25rem;
  padding-right: 2.25rem;
}
.px-\[0\.5rem\]{
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.px-\[0\.75rem\]{
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.px-\[0\.875rem\]{
  padding-left: 0.875rem;
  padding-right: 0.875rem;
}
.px-\[1\.125rem\]{
  padding-left: 1.125rem;
  padding-right: 1.125rem;
}
.px-\[1rem\]{
  padding-left: 1rem;
  padding-right: 1rem;
}
.px-\[3\.75rem\]{
  padding-left: 3.75rem;
  padding-right: 3.75rem;
}
.px-\[7\.5rem\]{
  padding-left: 7.5rem;
  padding-right: 7.5rem;
}
.py-0{
  padding-top: 0px;
  padding-bottom: 0px;
}
.py-0\.5{
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}
.py-1{
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.py-1\.5{
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}
.py-10{
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}
.py-2{
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.py-2\.5{
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}
.py-20{
  padding-top: 5rem;
  padding-bottom: 5rem;
}
.py-3{
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.py-3\.5{
  padding-top: 0.875rem;
  padding-bottom: 0.875rem;
}
.py-4{
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.py-5{
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}
.py-6{
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
.py-7{
  padding-top: 1.75rem;
  padding-bottom: 1.75rem;
}
.py-8{
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.py-\[0\.0625rem\]{
  padding-top: 0.0625rem;
  padding-bottom: 0.0625rem;
}
.py-\[0\.1875rem\]{
  padding-top: 0.1875rem;
  padding-bottom: 0.1875rem;
}
.py-\[0\.3125rem\]{
  padding-top: 0.3125rem;
  padding-bottom: 0.3125rem;
}
.py-\[0\.375rem\]{
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}
.py-\[0\.4375rem\]{
  padding-top: 0.4375rem;
  padding-bottom: 0.4375rem;
}
.py-\[0\.5625rem\]{
  padding-top: 0.5625rem;
  padding-bottom: 0.5625rem;
}
.py-\[0\.5rem\]{
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.py-\[0\.625rem\]{
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}
.py-\[0\.6875rem\]{
  padding-top: 0.6875rem;
  padding-bottom: 0.6875rem;
}
.py-\[0\.8125rem\]{
  padding-top: 0.8125rem;
  padding-bottom: 0.8125rem;
}
.py-\[0\.875rem\]{
  padding-top: 0.875rem;
  padding-bottom: 0.875rem;
}
.py-\[0\.9375rem\]{
  padding-top: 0.9375rem;
  padding-bottom: 0.9375rem;
}
.py-\[1\.0625rem\]{
  padding-top: 1.0625rem;
  padding-bottom: 1.0625rem;
}
.py-\[1\.125rem\]{
  padding-top: 1.125rem;
  padding-bottom: 1.125rem;
}
.py-\[1\.1875rem\]{
  padding-top: 1.1875rem;
  padding-bottom: 1.1875rem;
}
.py-\[1\.25rem\]{
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}
.py-\[1\.5rem\]{
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
.py-\[1\.875rem\]{
  padding-top: 1.875rem;
  padding-bottom: 1.875rem;
}
.py-\[3\.25rem\]{
  padding-top: 3.25rem;
  padding-bottom: 3.25rem;
}
.pb-0{
  padding-bottom: 0px;
}
.pb-0\.5{
  padding-bottom: 0.125rem;
}
.pb-10{
  padding-bottom: 2.5rem;
}
.pb-11{
  padding-bottom: 2.75rem;
}
.pb-12{
  padding-bottom: 3rem;
}
.pb-14{
  padding-bottom: 3.5rem;
}
.pb-16{
  padding-bottom: 4rem;
}
.pb-2{
  padding-bottom: 0.5rem;
}
.pb-20{
  padding-bottom: 5rem;
}
.pb-3{
  padding-bottom: 0.75rem;
}
.pb-3\.5{
  padding-bottom: 0.875rem;
}
.pb-4{
  padding-bottom: 1rem;
}
.pb-5{
  padding-bottom: 1.25rem;
}
.pb-6{
  padding-bottom: 1.5rem;
}
.pb-8{
  padding-bottom: 2rem;
}
.pb-\[1\.125rem\]{
  padding-bottom: 1.125rem;
}
.pb-\[1\.875rem\]{
  padding-bottom: 1.875rem;
}
.pb-\[19rem\]{
  padding-bottom: 19rem;
}
.pb-\[4\.25rem\]{
  padding-bottom: 4.25rem;
}
.pb-\[4rem\]{
  padding-bottom: 4rem;
}
.pb-\[5\.25rem\]{
  padding-bottom: 5.25rem;
}
.pb-\[7\.5625rem\]{
  padding-bottom: 7.5625rem;
}
.pb-\[7\.5rem\]{
  padding-bottom: 7.5rem;
}
.pb-\[8rem\]{
  padding-bottom: 8rem;
}
.pl-0{
  padding-left: 0px;
}
.pl-1{
  padding-left: 0.25rem;
}
.pl-10{
  padding-left: 2.5rem;
}
.pl-12{
  padding-left: 3rem;
}
.pl-2{
  padding-left: 0.5rem;
}
.pl-2\.5{
  padding-left: 0.625rem;
}
.pl-20{
  padding-left: 5rem;
}
.pl-3{
  padding-left: 0.75rem;
}
.pl-4{
  padding-left: 1rem;
}
.pl-5{
  padding-left: 1.25rem;
}
.pl-6{
  padding-left: 1.5rem;
}
.pl-8{
  padding-left: 2rem;
}
.pl-\[0\.625rem\]{
  padding-left: 0.625rem;
}
.pl-\[0\.6875rem\]{
  padding-left: 0.6875rem;
}
.pl-\[2\.5rem\]{
  padding-left: 2.5rem;
}
.pl-\[2\.625rem\]{
  padding-left: 2.625rem;
}
.pl-\[3\.125rem\]{
  padding-left: 3.125rem;
}
.pl-\[3rem\]{
  padding-left: 3rem;
}
.pl-\[8\.25rem\]{
  padding-left: 8.25rem;
}
.pr-1{
  padding-right: 0.25rem;
}
.pr-1\.5{
  padding-right: 0.375rem;
}
.pr-10{
  padding-right: 2.5rem;
}
.pr-12{
  padding-right: 3rem;
}
.pr-2{
  padding-right: 0.5rem;
}
.pr-3{
  padding-right: 0.75rem;
}
.pr-4{
  padding-right: 1rem;
}
.pr-5{
  padding-right: 1.25rem;
}
.pr-6{
  padding-right: 1.5rem;
}
.pr-8{
  padding-right: 2rem;
}
.pr-\[0\.5625rem\]{
  padding-right: 0.5625rem;
}
.pr-\[1px\]{
  padding-right: 1px;
}
.pr-\[1rem\]{
  padding-right: 1rem;
}
.pr-\[20rem\]{
  padding-right: 20rem;
}
.pr-\[3\.5rem\]{
  padding-right: 3.5rem;
}
.pr-\[4\.5rem\]{
  padding-right: 4.5rem;
}
.pr-\[7\.5rem\]{
  padding-right: 7.5rem;
}
.pt-0{
  padding-top: 0px;
}
.pt-10{
  padding-top: 2.5rem;
}
.pt-12{
  padding-top: 3rem;
}
.pt-14{
  padding-top: 3.5rem;
}
.pt-16{
  padding-top: 4rem;
}
.pt-2{
  padding-top: 0.5rem;
}
.pt-2\.5{
  padding-top: 0.625rem;
}
.pt-20{
  padding-top: 5rem;
}
.pt-3{
  padding-top: 0.75rem;
}
.pt-4{
  padding-top: 1rem;
}
.pt-5{
  padding-top: 1.25rem;
}
.pt-6{
  padding-top: 1.5rem;
}
.pt-7{
  padding-top: 1.75rem;
}
.pt-8{
  padding-top: 2rem;
}
.pt-9{
  padding-top: 2.25rem;
}
.pt-\[0\.9375rem\]{
  padding-top: 0.9375rem;
}
.pt-\[1\.125rem\]{
  padding-top: 1.125rem;
}
.pt-\[100\%\]{
  padding-top: 100%;
}
.pt-\[15\.32\%\]{
  padding-top: 15.32%;
}
.pt-\[1px\]{
  padding-top: 1px;
}
.pt-\[20\.79\%\]{
  padding-top: 20.79%;
}
.pt-\[40\.7143\%\]{
  padding-top: 40.7143%;
}
.pt-\[54\.66\%\]{
  padding-top: 54.66%;
}
.pt-\[59\.59\%\]{
  padding-top: 59.59%;
}
.pt-\[62\.201\%\]{
  padding-top: 62.201%;
}
.pt-\[66\.67\%\]{
  padding-top: 66.67%;
}
.pt-\[8\.25rem\]{
  padding-top: 8.25rem;
}
.text-left{
  text-align: left;
}
.text-center{
  text-align: center;
}
.text-right{
  text-align: right;
}
.text-start{
  text-align: start;
}
.text-end{
  text-align: end;
}
.align-top{
  vertical-align: top;
}
.align-middle{
  vertical-align: middle;
}
.\!text-\[0\.875rem\]{
  font-size: 0.875rem !important;
}
.text-\[0\.625rem\]{
  font-size: 0.625rem;
}
.text-\[0\.675rem\]{
  font-size: 0.675rem;
}
.text-\[0\.6875rem\]{
  font-size: 0.6875rem;
}
.text-\[0\.75rem\]{
  font-size: 0.75rem;
}
.text-\[0\.8125rem\]{
  font-size: 0.8125rem;
}
.text-\[0\.875rem\]{
  font-size: 0.875rem;
}
.text-\[0\.9375rem\]{
  font-size: 0.9375rem;
}
.text-\[1\.0625rem\]{
  font-size: 1.0625rem;
}
.text-\[1\.125rem\]{
  font-size: 1.125rem;
}
.text-\[1\.25rem\]{
  font-size: 1.25rem;
}
.text-\[1\.375rem\]{
  font-size: 1.375rem;
}
.text-\[1\.5rem\]{
  font-size: 1.5rem;
}
.text-\[1\.75rem\]{
  font-size: 1.75rem;
}
.text-\[12px\]{
  font-size: 12px;
}
.text-\[14px\]{
  font-size: 14px;
}
.text-\[17px\]{
  font-size: 17px;
}
.text-\[1rem\]{
  font-size: 1rem;
}
.text-\[28px\]{
  font-size: 28px;
}
.text-lg{
  font-size: 1.125rem;
  line-height: 1.75rem;
}
.text-sm{
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.text-xl{
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.text-xs{
  font-size: 0.75rem;
  line-height: 1rem;
}
.\!font-bold{
  font-weight: 700 !important;
}
.font-\[1rem\]{
  font-weight: 1rem;
}
.font-bold{
  font-weight: 700;
}
.font-light{
  font-weight: 300;
}
.font-medium{
  font-weight: 500;
}
.font-normal{
  font-weight: 400;
}
.font-semibold{
  font-weight: 600;
}
.uppercase{
  text-transform: uppercase;
}
.lowercase{
  text-transform: lowercase;
}
.italic{
  font-style: italic;
}
.not-italic{
  font-style: normal;
}
.\!leading-10{
  line-height: 2.5rem !important;
}
.leading-10{
  line-height: 2.5rem;
}
.leading-4{
  line-height: 1rem;
}
.leading-5{
  line-height: 1.25rem;
}
.leading-6{
  line-height: 1.5rem;
}
.leading-\[0\.875rem\]{
  line-height: 0.875rem;
}
.leading-\[1\.125rem\]{
  line-height: 1.125rem;
}
.leading-\[1\.1875rem\]{
  line-height: 1.1875rem;
}
.leading-\[1\.25rem\]{
  line-height: 1.25rem;
}
.leading-\[1\.28\]{
  line-height: 1.28;
}
.leading-\[1\.2\]{
  line-height: 1.2;
}
.leading-\[1\.3125rem\]{
  line-height: 1.3125rem;
}
.leading-\[1\.4375rem\]{
  line-height: 1.4375rem;
}
.leading-\[1\.4\]{
  line-height: 1.4;
}
.leading-\[1\.5\]{
  line-height: 1.5;
}
.leading-\[1\.625rem\]{
  line-height: 1.625rem;
}
.leading-\[1\.6875rem\]{
  line-height: 1.6875rem;
}
.leading-\[1\.75rem\]{
  line-height: 1.75rem;
}
.leading-\[1\]{
  line-height: 1;
}
.leading-\[1rem\]{
  line-height: 1rem;
}
.leading-\[2\.25rem\]{
  line-height: 2.25rem;
}
.leading-\[2\.5rem\]{
  line-height: 2.5rem;
}
.leading-\[3\.5rem\]{
  line-height: 3.5rem;
}
.leading-\[3\.75rem\]{
  line-height: 3.75rem;
}
.leading-\[30\.6px\]{
  line-height: 30.6px;
}
.leading-\[30px\]{
  line-height: 30px;
}
.leading-\[3rem\]{
  line-height: 3rem;
}
.leading-none{
  line-height: 1;
}
.tracking-\[-0\.2px\]{
  letter-spacing: -0.2px;
}
.tracking-\[-0\.4px\]{
  letter-spacing: -0.4px;
}
.tracking-tight{
  letter-spacing: -0.025em;
}
.tracking-widest{
  letter-spacing: 0.1em;
}
.\!text-background_base{
  color: var(--background_base) !important;
}
.\!text-background_elevated{
  color: var(--background_elevated) !important;
}
.\!text-gray700{
  color: var(--gray700) !important;
}
.\!text-gray800{
  color: var(--gray800) !important;
}
.text-\[\#124fc7\]{
  --tw-text-opacity: 1;
  color: rgb(18 79 199 / var(--tw-text-opacity));
}
.text-\[\#2C6CEB\]{
  --tw-text-opacity: 1;
  color: rgb(44 108 235 / var(--tw-text-opacity));
}
.text-\[\#505866\]{
  --tw-text-opacity: 1;
  color: rgb(80 88 102 / var(--tw-text-opacity));
}
.text-\[\#697483\]{
  --tw-text-opacity: 1;
  color: rgb(105 116 131 / var(--tw-text-opacity));
}
.text-\[\#C8C8C8\]{
  --tw-text-opacity: 1;
  color: rgb(200 200 200 / var(--tw-text-opacity));
}
.text-\[\#fff\]{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.text-background_base{
  color: var(--background_base);
}
.text-background_elevated{
  color: var(--background_elevated);
}
.text-black{
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}
.text-blue-500{
  --tw-text-opacity: 1;
  color: rgb(59 130 246 / var(--tw-text-opacity));
}
.text-cobak-gray-600{
  --tw-text-opacity: 1;
  color: rgb(105 116 131 / var(--tw-text-opacity));
}
.text-cobak-gray-700{
  --tw-text-opacity: 1;
  color: rgb(80 88 102 / var(--tw-text-opacity));
}
.text-cobak-gray-800{
  --tw-text-opacity: 1;
  color: rgb(53 60 73 / var(--tw-text-opacity));
}
.text-cobak-gray-900{
  --tw-text-opacity: 1;
  color: rgb(26 30 39 / var(--tw-text-opacity));
}
.text-destructive{
  color: hsl(var(--destructive));
}
.text-destructive-foreground{
  color: hsl(var(--destructive-foreground));
}
.text-divider_basic1{
  color: var(--divider_basic1);
}
.text-foreground{
  color: hsl(var(--foreground));
}
.text-foreground\/50{
  color: hsl(var(--foreground) / 0.5);
}
.text-gray0{
  color: var(--gray0);
}
.text-gray100{
  color: var(--gray100);
}
.text-gray200{
  color: var(--gray200);
}
.text-gray300{
  color: var(--gray300);
}
.text-gray400{
  color: var(--gray400);
}
.text-gray500{
  color: var(--gray500);
}
.text-gray600{
  color: var(--gray600);
}
.text-gray700{
  color: var(--gray700);
}
.text-gray800{
  color: var(--gray800);
}
.text-gray900{
  color: var(--gray900);
}
.text-green300{
  color: var(--green300);
}
.text-green50{
  color: var(--green50);
}
.text-green500{
  color: var(--green500);
}
.text-green600{
  color: var(--green600);
}
.text-muted-foreground{
  color: hsl(var(--muted-foreground));
}
.text-popover-foreground{
  color: hsl(var(--popover-foreground));
}
.text-primary{
  color: hsl(var(--primary));
}
.text-primary-foreground{
  color: hsl(var(--primary-foreground));
}
.text-primary50{
  color: var(--primary50);
}
.text-primary500{
  color: var(--primary500);
}
.text-primary600{
  color: var(--primary600);
}
.text-primary700{
  color: var(--primary700);
}
.text-primary800{
  color: var(--primary800);
}
.text-primary900{
  color: var(--primary900);
}
.text-red-500{
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / var(--tw-text-opacity));
}
.text-red300{
  color: var(--red300);
}
.text-red400{
  color: var(--red400);
}
.text-red500{
  color: var(--red500);
}
.text-red600{
  color: var(--red600);
}
.text-secondary-foreground{
  color: hsl(var(--secondary-foreground));
}
.text-white{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.text-yellow600{
  color: var(--yellow600);
}
.text-yellow800{
  color: var(--yellow800);
}
.text-yellow900{
  color: var(--yellow900);
}
.underline{
  text-decoration-line: underline;
}
.line-through{
  text-decoration-line: line-through;
}
.underline-offset-4{
  text-underline-offset: 4px;
}
.placeholder-gray500::placeholder{
  color: var(--gray500);
}
.placeholder-gray600::placeholder{
  color: var(--gray600);
}
.opacity-0{
  opacity: 0;
}
.opacity-100{
  opacity: 1;
}
.opacity-40{
  opacity: 0.4;
}
.opacity-50{
  opacity: 0.5;
}
.opacity-60{
  opacity: 0.6;
}
.opacity-70{
  opacity: 0.7;
}
.opacity-75{
  opacity: 0.75;
}
.opacity-90{
  opacity: 0.9;
}
.\!shadow-none{
  --tw-shadow: 0 0 #0000 !important;
  --tw-shadow-colored: 0 0 #0000 !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}
.shadow{
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0px_8px_14px_0px_\#00000029\]{
  --tw-shadow: 0px 8px 14px 0px #00000029;
  --tw-shadow-colored: 0px 8px 14px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-dropShadow{
  --tw-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.03);
  --tw-shadow-colored: 0px 0px 12px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-lg{
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-md{
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-none{
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-sha01{
  --tw-shadow: 0px 8px 14px 0px rgba(0, 0, 0, 0.16);
  --tw-shadow-colored: 0px 8px 14px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-sha02{
  --tw-shadow: 0px 12px 34px 0px rgba(0, 0, 0, 0.25);
  --tw-shadow-colored: 0px 12px 34px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-sha03{
  --tw-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.05);
  --tw-shadow-colored: 0px 4px 12px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-sm{
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.outline-none{
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.outline{
  outline-style: solid;
}
.outline-dashed{
  outline-style: dashed;
}
.outline-1{
  outline-width: 1px;
}
.outline-gray300{
  outline-color: var(--gray300);
}
.ring-0{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.ring-offset-background{
  --tw-ring-offset-color: hsl(var(--background));
}
.blur{
  --tw-blur: blur(8px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.grayscale{
  --tw-grayscale: grayscale(100%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.grayscale-\[1\]{
  --tw-grayscale: grayscale(1);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.\!filter{
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important;
}
.filter{
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.transition{
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-all{
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-colors{
  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;
}
.transition-opacity{
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-transform{
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.duration-1000{
  transition-duration: 1000ms;
}
.duration-200{
  transition-duration: 200ms;
}
.duration-300{
  transition-duration: 300ms;
}
.duration-500{
  transition-duration: 500ms;
}
.duration-\[1\.2s\]{
  transition-duration: 1.2s;
}
.ease-in-out{
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.bg-gradient-top-post {
    background: linear-gradient(
      270deg,
      #fff 14.67%,
      rgba(255, 255, 255, 0) 100%
    );
  }
.bg-gradient-filter-left {
    background: linear-gradient(
      90deg,
      #fff 30.25%,
      rgba(255, 255, 255, 0) 100%
    );
  }
.bg-gradient-filter-right {
    background: linear-gradient(
      270deg,
      #fff 24.1%,
      rgba(255, 255, 255, 0) 100%
    );
  }
.bg-gradient-filter-right-mobile {
    background: linear-gradient(
      270deg,
      #fff 62.5%,
      rgba(255, 255, 255, 0) 100%
    );
  }
.bg-gradient-nft-certificate {
    background: linear-gradient(180deg, #fff 0%, #fafafa 52.4%, #e8e8e8 100%);
  }
.\[-ms-overflow-style\:none\]{
  -ms-overflow-style: none;
}
.\[scrollbar-width\:none\]{
  scrollbar-width: none;
}
@media not all and (min-width: 768px){
  .max-md\:scroll-hidden::-webkit-scrollbar {
    width: 0;
    height: 0;
  }

  .max-md\:scroll-hidden {
    -ms-overflow-style: none; /* IE와 엣지에서 스크롤바 숨기기 */
    scrollbar-width: none; /* Firefox에서 스크롤바 숨기기 */
  }
}
.file\:border-0::file-selector-button{
  border-width: 0px;
}
.file\:bg-transparent::file-selector-button{
  background-color: transparent;
}
.file\:text-sm::file-selector-button{
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.file\:font-medium::file-selector-button{
  font-weight: 500;
}
.placeholder\:mt-2::placeholder{
  margin-top: 0.5rem;
}
.placeholder\:text-\[0\.875rem\]::placeholder{
  font-size: 0.875rem;
}
.placeholder\:font-medium::placeholder{
  font-weight: 500;
}
.placeholder\:text-gray400::placeholder{
  color: var(--gray400);
}
.placeholder\:text-gray500::placeholder{
  color: var(--gray500);
}
.placeholder\:text-gray600::placeholder{
  color: var(--gray600);
}
.placeholder\:text-muted-foreground::placeholder{
  color: hsl(var(--muted-foreground));
}
.after\:clear-both::after{
  content: var(--tw-content);
  clear: both;
}
.after\:block::after{
  content: var(--tw-content);
  display: block;
}
.after\:hidden::after{
  content: var(--tw-content);
  display: none;
}
.after\:content-\[\'\'\]::after{
  --tw-content: '';
  content: var(--tw-content);
}
.first\:-mt-2:first-child{
  margin-top: -0.5rem;
}
.first\:border-t-0:first-child{
  border-top-width: 0px;
}
.first\:pt-8:first-child{
  padding-top: 2rem;
}
.last\:border-0:last-child{
  border-width: 0px;
}
.last\:border-b-0:last-child{
  border-bottom-width: 0px;
}
.last\:border-none:last-child{
  border-style: none;
}
.focus-within\:\!border-primary600:focus-within{
  border-color: var(--primary600) !important;
}
.focus-within\:\!border-red600:focus-within{
  border-color: var(--red600) !important;
}
.focus-within\:border-primary600:focus-within{
  border-color: var(--primary600);
}
.hover\:-mr-1:hover{
  margin-right: -0.25rem;
}
.hover\:-mr-1\.5:hover{
  margin-right: -0.375rem;
}
.hover\:rotate-45:hover{
  --tw-rotate: 45deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.hover\:scale-110:hover{
  --tw-scale-x: 1.1;
  --tw-scale-y: 1.1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.hover\:scale-125:hover{
  --tw-scale-x: 1.25;
  --tw-scale-y: 1.25;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.hover\:rounded-full:hover{
  border-radius: 9999px;
}
.hover\:border-gray300:hover{
  border-color: var(--gray300);
}
.hover\:border-gray800:hover{
  border-color: var(--gray800);
}
.hover\:border-gray900:hover{
  border-color: var(--gray900);
}
.hover\:border-green800:hover{
  border-color: var(--green800);
}
.hover\:border-primary300:hover{
  border-color: var(--primary300);
}
.hover\:border-red100:hover{
  border-color: var(--red100);
}
.hover\:\!bg-transparent:hover{
  background-color: transparent !important;
}
.hover\:bg-\[rgba\(0\2c 0\2c 0\2c 0\.03\)\]:hover{
  background-color: rgba(0,0,0,0.03);
}
.hover\:bg-accent:hover{
  background-color: hsl(var(--accent));
}
.hover\:bg-destructive\/90:hover{
  background-color: hsl(var(--destructive) / 0.9);
}
.hover\:bg-divider_basic1:hover{
  background-color: var(--divider_basic1);
}
.hover\:bg-gray-100:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}
.hover\:bg-gray-200:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity));
}
.hover\:bg-gray-300:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(209 213 219 / var(--tw-bg-opacity));
}
.hover\:bg-gray0:hover{
  background-color: var(--gray0);
}
.hover\:bg-gray100:hover{
  background-color: var(--gray100);
}
.hover\:bg-gray200:hover{
  background-color: var(--gray200);
}
.hover\:bg-gray300:hover{
  background-color: var(--gray300);
}
.hover\:bg-gray40:hover{
  background-color: var(--gray40);
}
.hover\:bg-gray400:hover{
  background-color: var(--gray400);
}
.hover\:bg-gray700:hover{
  background-color: var(--gray700);
}
.hover\:bg-gray800:hover{
  background-color: var(--gray800);
}
.hover\:bg-gray900:hover{
  background-color: var(--gray900);
}
.hover\:bg-green100:hover{
  background-color: var(--green100);
}
.hover\:bg-green800:hover{
  background-color: var(--green800);
}
.hover\:bg-muted\/50:hover{
  background-color: hsl(var(--muted) / 0.5);
}
.hover\:bg-primary\/90:hover{
  background-color: hsl(var(--primary) / 0.9);
}
.hover\:bg-primary100:hover{
  background-color: var(--primary100);
}
.hover\:bg-primary200:hover{
  background-color: var(--primary200);
}
.hover\:bg-primary300:hover{
  background-color: var(--primary300);
}
.hover\:bg-primary600:hover{
  background-color: var(--primary600);
}
.hover\:bg-primary700:hover{
  background-color: var(--primary700);
}
.hover\:bg-primary800:hover{
  background-color: var(--primary800);
}
.hover\:bg-primary900:hover{
  background-color: var(--primary900);
}
.hover\:bg-secondary:hover{
  background-color: hsl(var(--secondary));
}
.hover\:bg-secondary\/80:hover{
  background-color: hsl(var(--secondary) / 0.8);
}
.hover\:bg-yellow100:hover{
  background-color: var(--yellow100);
}
.hover\:text-accent-foreground:hover{
  color: hsl(var(--accent-foreground));
}
.hover\:text-background_base:hover{
  color: var(--background_base);
}
.hover\:text-divider_basic1:hover{
  color: var(--divider_basic1);
}
.hover\:text-foreground:hover{
  color: hsl(var(--foreground));
}
.hover\:text-gray0:hover{
  color: var(--gray0);
}
.hover\:text-gray100:hover{
  color: var(--gray100);
}
.hover\:text-gray300:hover{
  color: var(--gray300);
}
.hover\:text-gray400:hover{
  color: var(--gray400);
}
.hover\:text-gray600:hover{
  color: var(--gray600);
}
.hover\:text-gray700:hover{
  color: var(--gray700);
}
.hover\:text-gray800:hover{
  color: var(--gray800);
}
.hover\:text-gray900:hover{
  color: var(--gray900);
}
.hover\:text-primary600:hover{
  color: var(--primary600);
}
.hover\:text-primary700:hover{
  color: var(--primary700);
}
.hover\:text-primary800:hover{
  color: var(--primary800);
}
.hover\:text-primary900:hover{
  color: var(--primary900);
}
.hover\:text-white:hover{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.hover\:text-yellow700:hover{
  color: var(--yellow700);
}
.hover\:underline:hover{
  text-decoration-line: underline;
}
.hover\:opacity-100:hover{
  opacity: 1;
}
.focus\:rotate-45:focus{
  --tw-rotate: 45deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.focus\:border-gray900:focus{
  border-color: var(--gray900);
}
.focus\:bg-accent:focus{
  background-color: hsl(var(--accent));
}
.focus\:bg-gray-200:focus{
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity));
}
.focus\:bg-gray-300:focus{
  --tw-bg-opacity: 1;
  background-color: rgb(209 213 219 / var(--tw-bg-opacity));
}
.focus\:bg-gray100:focus{
  background-color: var(--gray100);
}
.focus\:bg-gray200:focus{
  background-color: var(--gray200);
}
.focus\:bg-gray300:focus{
  background-color: var(--gray300);
}
.focus\:bg-gray40:focus{
  background-color: var(--gray40);
}
.focus\:bg-gray700:focus{
  background-color: var(--gray700);
}
.focus\:bg-gray800:focus{
  background-color: var(--gray800);
}
.focus\:bg-gray900:focus{
  background-color: var(--gray900);
}
.focus\:bg-green800:focus{
  background-color: var(--green800);
}
.focus\:bg-primary100:focus{
  background-color: var(--primary100);
}
.focus\:bg-primary300:focus{
  background-color: var(--primary300);
}
.focus\:bg-primary600:focus{
  background-color: var(--primary600);
}
.focus\:bg-primary700:focus{
  background-color: var(--primary700);
}
.focus\:bg-primary800:focus{
  background-color: var(--primary800);
}
.focus\:bg-primary900:focus{
  background-color: var(--primary900);
}
.focus\:bg-yellow100:focus{
  background-color: var(--yellow100);
}
.focus\:stroke-gray800:focus{
  stroke: var(--gray800);
}
.focus\:text-accent-foreground:focus{
  color: hsl(var(--accent-foreground));
}
.focus\:text-gray0:focus{
  color: var(--gray0);
}
.focus\:text-gray300:focus{
  color: var(--gray300);
}
.focus\:text-gray600:focus{
  color: var(--gray600);
}
.focus\:text-gray700:focus{
  color: var(--gray700);
}
.focus\:text-gray800:focus{
  color: var(--gray800);
}
.focus\:text-gray900:focus{
  color: var(--gray900);
}
.focus\:text-primary700:focus{
  color: var(--primary700);
}
.focus\:text-primary800:focus{
  color: var(--primary800);
}
.focus\:text-yellow700:focus{
  color: var(--yellow700);
}
.focus\:underline:focus{
  text-decoration-line: underline;
}
.focus\:opacity-100:focus{
  opacity: 1;
}
.focus\:outline-none:focus{
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.focus\:ring-2:focus{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.focus\:ring-ring:focus{
  --tw-ring-color: hsl(var(--ring));
}
.focus\:ring-offset-2:focus{
  --tw-ring-offset-width: 2px;
}
.focus-visible\:outline-none:focus-visible{
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.focus-visible\:ring-2:focus-visible{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.focus-visible\:ring-ring:focus-visible{
  --tw-ring-color: hsl(var(--ring));
}
.focus-visible\:ring-offset-2:focus-visible{
  --tw-ring-offset-width: 2px;
}
.focus-visible\:ring-offset-background:focus-visible{
  --tw-ring-offset-color: hsl(var(--background));
}
.disabled\:pointer-events-none:disabled{
  pointer-events: none;
}
.disabled\:cursor-not-allowed:disabled{
  cursor: not-allowed;
}
.disabled\:opacity-50:disabled{
  opacity: 0.5;
}
.group:focus-within .group-focus-within\:border{
  border-width: 1px;
}
.group:focus-within .group-focus-within\:border-solid{
  border-style: solid;
}
.group:focus-within .group-focus-within\:border-primary900{
  border-color: var(--primary900);
}
.group:focus-within .group-focus-within\:fill-gray800{
  fill: var(--gray800);
}
.group:focus-within .group-focus-within\:text-gray800{
  color: var(--gray800);
}
.group:focus-within .group-focus-within\:opacity-100{
  opacity: 1;
}
.group:hover .group-hover\:scale-110{
  --tw-scale-x: 1.1;
  --tw-scale-y: 1.1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
@keyframes swing{

  0%, 100%{
    transform: perspective(600px) rotateY(0deg);
  }

  25%{
    transform: perspective(600px) rotateY(4deg);
  }

  50%{
    transform: perspective(600px) rotateY(-1deg);
  }

  75%{
    transform: perspective(600px) rotateY(0deg);
  }
}
.group:hover .group-hover\:animate-swing{
  animation: swing 0.5s ease-out;
}
.group:hover .group-hover\:border-gray300{
  border-color: var(--gray300);
}
.group:hover .group-hover\:border-t-gray200{
  border-top-color: var(--gray200);
}
.group:hover .group-hover\:bg-gray100{
  background-color: var(--gray100);
}
.group:hover .group-hover\:fill-gray700{
  fill: var(--gray700);
}
.group:hover .group-hover\:fill-gray800{
  fill: var(--gray800);
}
.group:hover .group-hover\:fill-green800{
  fill: var(--green800);
}
.group:hover .group-hover\:stroke-gray400{
  stroke: var(--gray400);
}
.group:hover .group-hover\:stroke-gray500{
  stroke: var(--gray500);
}
.group:hover .group-hover\:stroke-gray600{
  stroke: var(--gray600);
}
.group:hover .group-hover\:stroke-gray700{
  stroke: var(--gray700);
}
.group:hover .group-hover\:stroke-gray800{
  stroke: var(--gray800);
}
.group:hover .group-hover\:text-gray500{
  color: var(--gray500);
}
.group:hover .group-hover\:text-gray600{
  color: var(--gray600);
}
.group:hover .group-hover\:text-gray700{
  color: var(--gray700);
}
.group:hover .group-hover\:text-gray800{
  color: var(--gray800);
}
.group:hover .group-hover\:text-gray900{
  color: var(--gray900);
}
.group:hover .group-hover\:text-primary600{
  color: var(--primary600);
}
.group:hover .group-hover\:underline{
  text-decoration-line: underline;
}
.group:hover .group-hover\:opacity-0{
  opacity: 0;
}
.group:hover .group-hover\:opacity-100{
  opacity: 1;
}
.group:focus .group-focus\:scale-110{
  --tw-scale-x: 1.1;
  --tw-scale-y: 1.1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
@keyframes swing{

  0%, 100%{
    transform: perspective(600px) rotateY(0deg);
  }

  25%{
    transform: perspective(600px) rotateY(4deg);
  }

  50%{
    transform: perspective(600px) rotateY(-1deg);
  }

  75%{
    transform: perspective(600px) rotateY(0deg);
  }
}
.group:focus .group-focus\:animate-swing{
  animation: swing 0.5s ease-out;
}
.group:focus .group-focus\:border-gray300{
  border-color: var(--gray300);
}
.group:focus .group-focus\:border-t-gray200{
  border-top-color: var(--gray200);
}
.group:focus .group-focus\:stroke-gray400{
  stroke: var(--gray400);
}
.group:focus .group-focus\:stroke-gray500{
  stroke: var(--gray500);
}
.group:focus .group-focus\:stroke-gray600{
  stroke: var(--gray600);
}
.group:focus .group-focus\:stroke-gray700{
  stroke: var(--gray700);
}
.group:focus .group-focus\:stroke-gray800{
  stroke: var(--gray800);
}
.group:focus .group-focus\:text-gray500{
  color: var(--gray500);
}
.group:focus .group-focus\:text-gray600{
  color: var(--gray600);
}
.group:focus .group-focus\:text-gray700{
  color: var(--gray700);
}
.group:focus .group-focus\:text-gray800{
  color: var(--gray800);
}
.group:focus .group-focus\:text-gray900{
  color: var(--gray900);
}
.group:focus .group-focus\:underline{
  text-decoration-line: underline;
}
.group.destructive .group-\[\.destructive\]\:border-muted\/40{
  border-color: hsl(var(--muted) / 0.4);
}
.group.destructive .group-\[\.destructive\]\:text-red-300{
  --tw-text-opacity: 1;
  color: rgb(252 165 165 / var(--tw-text-opacity));
}
.group.destructive .group-\[\.destructive\]\:hover\:border-destructive\/30:hover{
  border-color: hsl(var(--destructive) / 0.3);
}
.group.destructive .group-\[\.destructive\]\:hover\:bg-destructive:hover{
  background-color: hsl(var(--destructive));
}
.group.destructive .group-\[\.destructive\]\:hover\:text-destructive-foreground:hover{
  color: hsl(var(--destructive-foreground));
}
.group.destructive .group-\[\.destructive\]\:hover\:text-red-50:hover{
  --tw-text-opacity: 1;
  color: rgb(254 242 242 / var(--tw-text-opacity));
}
.group.destructive .group-\[\.destructive\]\:focus\:ring-destructive:focus{
  --tw-ring-color: hsl(var(--destructive));
}
.group.destructive .group-\[\.destructive\]\:focus\:ring-red-400:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(248 113 113 / var(--tw-ring-opacity));
}
.group.destructive .group-\[\.destructive\]\:focus\:ring-offset-red-600:focus{
  --tw-ring-offset-color: #dc2626;
}
.peer:disabled ~ .peer-disabled\:cursor-not-allowed{
  cursor: not-allowed;
}
.peer:disabled ~ .peer-disabled\:opacity-70{
  opacity: 0.7;
}
.aria-selected\:bg-accent[aria-selected="true"]{
  background-color: hsl(var(--accent));
}
.aria-selected\:text-accent-foreground[aria-selected="true"]{
  color: hsl(var(--accent-foreground));
}
.data-\[disabled\]\:pointer-events-none[data-disabled]{
  pointer-events: none;
}
.data-\[side\=bottom\]\:translate-y-1[data-side=bottom]{
  --tw-translate-y: 0.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.data-\[side\=left\]\:-translate-x-1[data-side=left]{
  --tw-translate-x: -0.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.data-\[side\=right\]\:translate-x-1[data-side=right]{
  --tw-translate-x: 0.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.data-\[side\=top\]\:-translate-y-1[data-side=top]{
  --tw-translate-y: -0.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.data-\[state\=checked\]\:translate-x-\[1\.125em\][data-state=checked]{
  --tw-translate-x: 1.125em;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.data-\[state\=unchecked\]\:translate-x-0[data-state=unchecked]{
  --tw-translate-x: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.data-\[swipe\=cancel\]\:translate-x-0[data-swipe=cancel]{
  --tw-translate-x: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.data-\[swipe\=end\]\:translate-x-\[var\(--radix-toast-swipe-end-x\)\][data-swipe=end]{
  --tw-translate-x: var(--radix-toast-swipe-end-x);
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.data-\[swipe\=move\]\:translate-x-\[var\(--radix-toast-swipe-move-x\)\][data-swipe=move]{
  --tw-translate-x: var(--radix-toast-swipe-move-x);
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
@keyframes accordion-up{

  from{
    height: var(--radix-accordion-content-height);
  }

  to{
    height: 0;
  }
}
.data-\[state\=closed\]\:animate-accordion-up[data-state=closed]{
  animation: accordion-up 0.2s ease-out;
}
@keyframes accordion-down{

  from{
    height: 0;
  }

  to{
    height: var(--radix-accordion-content-height);
  }
}
.data-\[state\=open\]\:animate-accordion-down[data-state=open]{
  animation: accordion-down 0.2s ease-out;
}
.data-\[state\=active\]\:bg-background[data-state=active]{
  background-color: hsl(var(--background));
}
.data-\[state\=active\]\:bg-gray100[data-state=active]{
  background-color: var(--gray100);
}
.data-\[state\=checked\]\:\!bg-gray800[data-state=checked]{
  background-color: var(--gray800) !important;
}
.data-\[state\=checked\]\:\!bg-primary600[data-state=checked]{
  background-color: var(--primary600) !important;
}
.data-\[state\=checked\]\:bg-cobak-red-600[data-state=checked]{
  --tw-bg-opacity: 1;
  background-color: rgb(239 53 62 / var(--tw-bg-opacity));
}
.data-\[state\=open\]\:bg-accent[data-state=open]{
  background-color: hsl(var(--accent));
}
.data-\[state\=open\]\:bg-secondary[data-state=open]{
  background-color: hsl(var(--secondary));
}
.data-\[state\=selected\]\:bg-muted[data-state=selected]{
  background-color: hsl(var(--muted));
}
.data-\[state\=unchecked\]\:\!bg-gray500[data-state=unchecked]{
  background-color: var(--gray500) !important;
}
.data-\[state\=unchecked\]\:bg-cobak-gray-400[data-state=unchecked]{
  --tw-bg-opacity: 1;
  background-color: rgb(168 176 193 / var(--tw-bg-opacity));
}
.data-\[state\=active\]\:text-foreground[data-state=active]{
  color: hsl(var(--foreground));
}
.data-\[state\=active\]\:text-gray800[data-state=active]{
  color: var(--gray800);
}
.data-\[state\=open\]\:text-muted-foreground[data-state=open]{
  color: hsl(var(--muted-foreground));
}
.data-\[disabled\]\:opacity-50[data-disabled]{
  opacity: 0.5;
}
.data-\[state\=active\]\:shadow-sm[data-state=active]{
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.data-\[swipe\=move\]\:transition-none[data-swipe=move]{
  transition-property: none;
}
.data-\[state\=closed\]\:duration-300[data-state=closed]{
  transition-duration: 300ms;
}
.data-\[state\=open\]\:duration-500[data-state=open]{
  transition-duration: 500ms;
}
@media not all and (min-width: 1536px){

  .max-2xl\:left-\[2\.5rem\]{
    left: 2.5rem;
  }

  .max-2xl\:translate-x-\[13\.75rem\]{
    --tw-translate-x: 13.75rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  .max-2xl\:rounded-\[0\.75rem\]{
    border-radius: 0.75rem;
  }

  .max-2xl\:px-5{
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .max-2xl\:py-6{
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
}
@media not all and (min-width: 1280px){

  .max-xl\:left-\[unset\]{
    left: unset;
  }

  .max-xl\:right-\[21\.25rem\]{
    right: 21.25rem;
  }

  .max-xl\:block{
    display: block;
  }

  .max-xl\:flex{
    display: flex;
  }

  .max-xl\:\!hidden{
    display: none !important;
  }

  .max-xl\:hidden{
    display: none;
  }

  .max-xl\:h-8{
    height: 2rem;
  }

  .max-xl\:h-auto{
    height: auto;
  }

  .max-xl\:w-\[1\.5rem\]{
    width: 1.5rem;
  }

  .max-xl\:w-\[19\.5rem\]{
    width: 19.5rem;
  }

  .max-xl\:w-\[19rem\]{
    width: 19rem;
  }

  .max-xl\:w-\[20rem\]{
    width: 20rem;
  }

  .max-xl\:w-\[23rem\]{
    width: 23rem;
  }

  .max-xl\:w-full{
    width: 100%;
  }

  .max-xl\:min-w-\[14\.25rem\]{
    min-width: 14.25rem;
  }

  .max-xl\:min-w-\[19rem\]{
    min-width: 19rem;
  }

  .max-xl\:min-w-\[23rem\]{
    min-width: 23rem;
  }

  .max-xl\:max-w-\[19rem\]{
    max-width: 19rem;
  }

  .max-xl\:translate-x-\[0\]{
    --tw-translate-x: 0;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  .max-xl\:grid-cols-2{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .max-xl\:grid-cols-5{
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .max-xl\:flex-col{
    flex-direction: column;
  }

  .max-xl\:gap-4{
    gap: 1rem;
  }

  .max-xl\:gap-\[1\.5rem\]{
    gap: 1.5rem;
  }

  .max-xl\:px-5{
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .max-xl\:pr-0{
    padding-right: 0px;
  }
}
@media not all and (min-width: 1024px){

  .max-lg\:static{
    position: static;
  }

  .max-lg\:right-4{
    right: 1rem;
  }

  .max-lg\:mx-\[4\.625rem\]{
    margin-left: 4.625rem;
    margin-right: 4.625rem;
  }

  .max-lg\:mt-0{
    margin-top: 0px;
  }

  .max-lg\:block{
    display: block;
  }

  .max-lg\:flex{
    display: flex;
  }

  .max-lg\:hidden{
    display: none;
  }

  .max-lg\:aspect-auto{
    aspect-ratio: auto;
  }

  .max-lg\:h-6{
    height: 1.5rem;
  }

  .max-lg\:\!w-full{
    width: 100% !important;
  }

  .max-lg\:w-6{
    width: 1.5rem;
  }

  .max-lg\:w-\[10rem\]{
    width: 10rem;
  }

  .max-lg\:w-\[17\.5rem\]{
    width: 17.5rem;
  }

  .max-lg\:w-\[250px\]{
    width: 250px;
  }

  .max-lg\:w-full{
    width: 100%;
  }

  .max-lg\:min-w-\[11\.25rem\]{
    min-width: 11.25rem;
  }

  .max-lg\:min-w-\[12\.25rem\]{
    min-width: 12.25rem;
  }

  .max-lg\:min-w-\[4\.5rem\]{
    min-width: 4.5rem;
  }

  .max-lg\:max-w-\[12\.25rem\]{
    max-width: 12.25rem;
  }

  .max-lg\:max-w-none{
    max-width: none;
  }

  .max-lg\:translate-x-\[0\]{
    --tw-translate-x: 0;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  .max-lg\:grid-cols-6{
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  .max-lg\:flex-row{
    flex-direction: row;
  }

  .max-lg\:flex-col{
    flex-direction: column;
  }

  .max-lg\:items-center{
    align-items: center;
  }

  .max-lg\:justify-around{
    justify-content: space-around;
  }

  .max-lg\:gap-10{
    gap: 2.5rem;
  }

  .max-lg\:gap-2{
    gap: 0.5rem;
  }

  .max-lg\:gap-5{
    gap: 1.25rem;
  }

  .max-lg\:gap-7{
    gap: 1.75rem;
  }

  .max-lg\:border-primary600{
    border-color: var(--primary600);
  }

  .max-lg\:bg-primary50{
    background-color: var(--primary50);
  }

  .max-lg\:px-0{
    padding-left: 0px;
    padding-right: 0px;
  }

  .max-lg\:px-3{
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }

  .max-lg\:py-1{
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }

  .max-lg\:py-3{
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }

  .max-lg\:py-4{
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .max-lg\:pl-0{
    padding-left: 0px;
  }

  .max-lg\:text-center{
    text-align: center;
  }
}
@media not all and (min-width: 768px){

  .max-md\:sr-only{
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
  }

  .max-md\:absolute{
    position: absolute;
  }

  .max-md\:sticky{
    position: sticky;
  }

  .max-md\:-right-2{
    right: -0.5rem;
  }

  .max-md\:bottom-0{
    bottom: 0px;
  }

  .max-md\:left-0{
    left: 0px;
  }

  .max-md\:left-3{
    left: 0.75rem;
  }

  .max-md\:left-6{
    left: 1.5rem;
  }

  .max-md\:left-8{
    left: 2rem;
  }

  .max-md\:left-\[2\.4375rem\]{
    left: 2.4375rem;
  }

  .max-md\:left-\[unset\]{
    left: unset;
  }

  .max-md\:right-0{
    right: 0px;
  }

  .max-md\:right-4{
    right: 1rem;
  }

  .max-md\:top-0{
    top: 0px;
  }

  .max-md\:top-14{
    top: 3.5rem;
  }

  .max-md\:top-4{
    top: 1rem;
  }

  .max-md\:top-5{
    top: 1.25rem;
  }

  .max-md\:top-9{
    top: 2.25rem;
  }

  .max-md\:top-\[0\.5rem\]{
    top: 0.5rem;
  }

  .max-md\:top-\[12rem\]{
    top: 12rem;
  }

  .max-md\:top-\[3\.25rem\]{
    top: 3.25rem;
  }

  .max-md\:top-\[3\.5rem\]{
    top: 3.5rem;
  }

  .max-md\:top-\[3rem\]{
    top: 3rem;
  }

  .max-md\:top-\[6\.25rem\]{
    top: 6.25rem;
  }

  .max-md\:order-2{
    order: 2;
  }

  .max-md\:-mx-4{
    margin-left: -1rem;
    margin-right: -1rem;
  }

  .max-md\:mx-2{
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }

  .max-md\:mx-4{
    margin-left: 1rem;
    margin-right: 1rem;
  }

  .max-md\:my-0{
    margin-top: 0px;
    margin-bottom: 0px;
  }

  .max-md\:my-2{
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }

  .max-md\:my-6{
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }

  .max-md\:mb-0{
    margin-bottom: 0px;
  }

  .max-md\:mb-2{
    margin-bottom: 0.5rem;
  }

  .max-md\:mb-3{
    margin-bottom: 0.75rem;
  }

  .max-md\:mb-3\.5{
    margin-bottom: 0.875rem;
  }

  .max-md\:ml-0{
    margin-left: 0px;
  }

  .max-md\:ml-2{
    margin-left: 0.5rem;
  }

  .max-md\:ml-3{
    margin-left: 0.75rem;
  }

  .max-md\:ml-4{
    margin-left: 1rem;
  }

  .max-md\:mr-0{
    margin-right: 0px;
  }

  .max-md\:mr-1{
    margin-right: 0.25rem;
  }

  .max-md\:mt-0{
    margin-top: 0px;
  }

  .max-md\:mt-1{
    margin-top: 0.25rem;
  }

  .max-md\:mt-2{
    margin-top: 0.5rem;
  }

  .max-md\:mt-3{
    margin-top: 0.75rem;
  }

  .max-md\:mt-4{
    margin-top: 1rem;
  }

  .max-md\:mt-5{
    margin-top: 1.25rem;
  }

  .max-md\:mt-6{
    margin-top: 1.5rem;
  }

  .max-md\:mt-8{
    margin-top: 2rem;
  }

  .max-md\:\!line-clamp-2{
    overflow: hidden !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
  }

  .max-md\:\!line-clamp-5{
    overflow: hidden !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 5 !important;
  }

  .max-md\:line-clamp-1{
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
  }

  .max-md\:line-clamp-2{
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }

  .max-md\:line-clamp-3{
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
  }

  .max-md\:block{
    display: block;
  }

  .max-md\:flex{
    display: flex;
  }

  .max-md\:hidden{
    display: none;
  }

  .max-md\:aspect-\[163\/120\]{
    aspect-ratio: 163/120;
  }

  .max-md\:aspect-\[343\/232\]{
    aspect-ratio: 343/232;
  }

  .max-md\:aspect-\[375\/365\]{
    aspect-ratio: 375/365;
  }

  .max-md\:h-10{
    height: 2.5rem;
  }

  .max-md\:h-14{
    height: 3.5rem;
  }

  .max-md\:h-16{
    height: 4rem;
  }

  .max-md\:h-4{
    height: 1rem;
  }

  .max-md\:h-5{
    height: 1.25rem;
  }

  .max-md\:h-7{
    height: 1.75rem;
  }

  .max-md\:h-8{
    height: 2rem;
  }

  .max-md\:h-9{
    height: 2.25rem;
  }

  .max-md\:h-\[15\.625rem\]{
    height: 15.625rem;
  }

  .max-md\:h-\[1px\]{
    height: 1px;
  }

  .max-md\:h-\[26\.125rem\]{
    height: 26.125rem;
  }

  .max-md\:h-\[3\.25rem\]{
    height: 3.25rem;
  }

  .max-md\:h-\[3\.75rem\]{
    height: 3.75rem;
  }

  .max-md\:h-\[4\.75rem\]{
    height: 4.75rem;
  }

  .max-md\:h-\[6rem\]{
    height: 6rem;
  }

  .max-md\:h-\[8rem\]{
    height: 8rem;
  }

  .max-md\:h-\[calc\(100vh-10rem\)\]{
    height: calc(100vh - 10rem);
  }

  .max-md\:h-auto{
    height: auto;
  }

  .max-md\:max-h-\[70vh\]{
    max-height: 70vh;
  }

  .max-md\:max-h-none{
    max-height: none;
  }

  .max-md\:min-h-10{
    min-height: 2.5rem;
  }

  .max-md\:min-h-3{
    min-height: 0.75rem;
  }

  .max-md\:min-h-9{
    min-height: 2.25rem;
  }

  .max-md\:min-h-\[10\.5rem\]{
    min-height: 10.5rem;
  }

  .max-md\:min-h-\[3\.25rem\]{
    min-height: 3.25rem;
  }

  .max-md\:\!w-full{
    width: 100% !important;
  }

  .max-md\:w-10{
    width: 2.5rem;
  }

  .max-md\:w-11{
    width: 2.75rem;
  }

  .max-md\:w-16{
    width: 4rem;
  }

  .max-md\:w-4{
    width: 1rem;
  }

  .max-md\:w-5{
    width: 1.25rem;
  }

  .max-md\:w-7{
    width: 1.75rem;
  }

  .max-md\:w-8{
    width: 2rem;
  }

  .max-md\:w-9{
    width: 2.25rem;
  }

  .max-md\:w-\[3\.25rem\]{
    width: 3.25rem;
  }

  .max-md\:w-\[3\.75rem\]{
    width: 3.75rem;
  }

  .max-md\:w-\[30\%\]{
    width: 30%;
  }

  .max-md\:w-\[33\.3333\%\]{
    width: 33.3333%;
  }

  .max-md\:w-\[4\.5rem\]{
    width: 4.5rem;
  }

  .max-md\:w-\[4\.75rem\]{
    width: 4.75rem;
  }

  .max-md\:w-\[6\.125rem\]{
    width: 6.125rem;
  }

  .max-md\:w-\[6\.25rem\]{
    width: 6.25rem;
  }

  .max-md\:w-\[6\.5rem\]{
    width: 6.5rem;
  }

  .max-md\:w-\[60\%\]{
    width: 60%;
  }

  .max-md\:w-\[8\.125rem\]{
    width: 8.125rem;
  }

  .max-md\:w-auto{
    width: auto;
  }

  .max-md\:w-full{
    width: 100%;
  }

  .max-md\:min-w-10{
    min-width: 2.5rem;
  }

  .max-md\:min-w-9{
    min-width: 2.25rem;
  }

  .max-md\:min-w-\[3\.25rem\]{
    min-width: 3.25rem;
  }

  .max-md\:min-w-\[4\.5rem\]{
    min-width: 4.5rem;
  }

  .max-md\:min-w-\[auto\]{
    min-width: auto;
  }

  .max-md\:min-w-full{
    min-width: 100%;
  }

  .max-md\:max-w-\[28\.125rem\]{
    max-width: 28.125rem;
  }

  .max-md\:max-w-none{
    max-width: none;
  }

  .max-md\:flex-1{
    flex: 1 1 0%;
  }

  .max-md\:translate-x-0{
    --tw-translate-x: 0px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  .max-md\:grid-cols-1{
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .max-md\:grid-cols-2{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .max-md\:grid-cols-4{
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .max-md\:flex-row{
    flex-direction: row;
  }

  .max-md\:flex-col{
    flex-direction: column;
  }

  .max-md\:flex-wrap{
    flex-wrap: wrap;
  }

  .max-md\:items-start{
    align-items: flex-start;
  }

  .max-md\:items-center{
    align-items: center;
  }

  .max-md\:justify-start{
    justify-content: flex-start;
  }

  .max-md\:justify-end{
    justify-content: flex-end;
  }

  .max-md\:justify-between{
    justify-content: space-between;
  }

  .max-md\:justify-around{
    justify-content: space-around;
  }

  .max-md\:gap-0{
    gap: 0px;
  }

  .max-md\:gap-1{
    gap: 0.25rem;
  }

  .max-md\:gap-10{
    gap: 2.5rem;
  }

  .max-md\:gap-2{
    gap: 0.5rem;
  }

  .max-md\:gap-3{
    gap: 0.75rem;
  }

  .max-md\:gap-4{
    gap: 1rem;
  }

  .max-md\:gap-5{
    gap: 1.25rem;
  }

  .max-md\:gap-6{
    gap: 1.5rem;
  }

  .max-md\:overflow-hidden{
    overflow: hidden;
  }

  .max-md\:overflow-x-auto{
    overflow-x: auto;
  }

  .max-md\:overflow-y-auto{
    overflow-y: auto;
  }

  .max-md\:whitespace-nowrap{
    white-space: nowrap;
  }

  .max-md\:rounded-3xl{
    border-radius: 1.5rem;
  }

  .max-md\:rounded-\[0\.75rem\]{
    border-radius: 0.75rem;
  }

  .max-md\:rounded-\[0\]{
    border-radius: 0;
  }

  .max-md\:rounded-\[1\.25rem\]{
    border-radius: 1.25rem;
  }

  .max-md\:rounded-full{
    border-radius: 9999px;
  }

  .max-md\:rounded-none{
    border-radius: 0px;
  }

  .max-md\:rounded-xl{
    border-radius: 0.75rem;
  }

  .max-md\:border{
    border-width: 1px;
  }

  .max-md\:border-0{
    border-width: 0px;
  }

  .max-md\:border-b{
    border-bottom-width: 1px;
  }

  .max-md\:border-none{
    border-style: none;
  }

  .max-md\:bg-gray100{
    background-color: var(--gray100);
  }

  .max-md\:bg-gray900{
    background-color: var(--gray900);
  }

  .max-md\:bg-inherit{
    background-color: inherit;
  }

  .max-md\:bg-primary50{
    background-color: var(--primary50);
  }

  .max-md\:p-0{
    padding: 0px;
  }

  .max-md\:p-1{
    padding: 0.25rem;
  }

  .max-md\:p-2{
    padding: 0.5rem;
  }

  .max-md\:p-3{
    padding: 0.75rem;
  }

  .max-md\:p-4{
    padding: 1rem;
  }

  .max-md\:px-0{
    padding-left: 0px;
    padding-right: 0px;
  }

  .max-md\:px-1{
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }

  .max-md\:px-2{
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }

  .max-md\:px-3{
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }

  .max-md\:px-4{
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .max-md\:px-5{
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .max-md\:px-6{
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .max-md\:px-8{
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .max-md\:px-\[1\.125rem\]{
    padding-left: 1.125rem;
    padding-right: 1.125rem;
  }

  .max-md\:py-0{
    padding-top: 0px;
    padding-bottom: 0px;
  }

  .max-md\:py-1{
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }

  .max-md\:py-1\.5{
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
  }

  .max-md\:py-2{
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }

  .max-md\:py-3{
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }

  .max-md\:py-4{
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .max-md\:py-5{
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }

  .max-md\:py-6{
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

  .max-md\:pb-0{
    padding-bottom: 0px;
  }

  .max-md\:pb-12{
    padding-bottom: 3rem;
  }

  .max-md\:pb-16{
    padding-bottom: 4rem;
  }

  .max-md\:pb-2{
    padding-bottom: 0.5rem;
  }

  .max-md\:pb-5{
    padding-bottom: 1.25rem;
  }

  .max-md\:pb-6{
    padding-bottom: 1.5rem;
  }

  .max-md\:pb-9{
    padding-bottom: 2.25rem;
  }

  .max-md\:pb-\[1\.5rem\]{
    padding-bottom: 1.5rem;
  }

  .max-md\:pb-\[3\.25rem\]{
    padding-bottom: 3.25rem;
  }

  .max-md\:pl-0{
    padding-left: 0px;
  }

  .max-md\:pl-8{
    padding-left: 2rem;
  }

  .max-md\:pl-\[4\.5rem\]{
    padding-left: 4.5rem;
  }

  .max-md\:pr-10{
    padding-right: 2.5rem;
  }

  .max-md\:pr-12{
    padding-right: 3rem;
  }

  .max-md\:pr-16{
    padding-right: 4rem;
  }

  .max-md\:pr-2{
    padding-right: 0.5rem;
  }

  .max-md\:pr-3{
    padding-right: 0.75rem;
  }

  .max-md\:pt-0{
    padding-top: 0px;
  }

  .max-md\:pt-1{
    padding-top: 0.25rem;
  }

  .max-md\:pt-12{
    padding-top: 3rem;
  }

  .max-md\:pt-2{
    padding-top: 0.5rem;
  }

  .max-md\:pt-4{
    padding-top: 1rem;
  }

  .max-md\:pt-7{
    padding-top: 1.75rem;
  }

  .max-md\:pt-8{
    padding-top: 2rem;
  }

  .max-md\:pt-\[1\.25rem\]{
    padding-top: 1.25rem;
  }

  .max-md\:pt-\[38\.4\%\]{
    padding-top: 38.4%;
  }

  .max-md\:pt-\[67\.67\%\]{
    padding-top: 67.67%;
  }

  .max-md\:pt-\[73\.39\%\]{
    padding-top: 73.39%;
  }

  .max-md\:text-left{
    text-align: left;
  }

  .max-md\:text-\[0\.875rem\]{
    font-size: 0.875rem;
  }

  .max-md\:text-\[1\.125rem\]{
    font-size: 1.125rem;
  }

  .max-md\:\!leading-\[3\.75rem\]{
    line-height: 3.75rem !important;
  }

  .max-md\:text-gray0{
    color: var(--gray0);
  }

  .max-md\:text-gray600{
    color: var(--gray600);
  }

  .max-md\:text-gray900{
    color: var(--gray900);
  }

  .max-md\:text-primary600{
    color: var(--primary600);
  }

  .max-md\:shadow-none{
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .hover\:max-md\:bg-inherit:hover{
    background-color: inherit;
  }

  .max-md\:hover\:bg-gray100:hover{
    background-color: var(--gray100);
  }

  .max-md\:hover\:bg-gray700:hover{
    background-color: var(--gray700);
  }

  .max-md\:hover\:bg-inherit:hover{
    background-color: inherit;
  }

  .max-md\:hover\:bg-transparent:hover{
    background-color: transparent;
  }

  .max-md\:hover\:text-gray300:hover{
    color: var(--gray300);
  }

  .max-md\:focus\:bg-gray100:focus{
    background-color: var(--gray100);
  }

  .max-md\:focus\:bg-gray700:focus{
    background-color: var(--gray700);
  }

  .max-md\:focus\:bg-inherit:focus{
    background-color: inherit;
  }

  .max-md\:focus\:bg-transparent:focus{
    background-color: transparent;
  }

  .max-md\:focus\:text-gray300:focus{
    color: var(--gray300);
  }
}
@media not all and (min-width: 640px){

  .max-sm\:relative{
    position: relative;
  }

  .max-sm\:left-\[2\.25rem\]{
    left: 2.25rem;
  }

  .max-sm\:right-\[-0\.75rem\]{
    right: -0.75rem;
  }

  .max-sm\:top-\[1\.5rem\]{
    top: 1.5rem;
  }

  .max-sm\:top-\[6\.5rem\]{
    top: 6.5rem;
  }

  .max-sm\:top-auto{
    top: auto;
  }

  .max-sm\:mx-0{
    margin-left: 0px;
    margin-right: 0px;
  }

  .max-sm\:my-0{
    margin-top: 0px;
    margin-bottom: 0px;
  }

  .max-sm\:mb-4{
    margin-bottom: 1rem;
  }

  .max-sm\:ml-\[-3\.25rem\]{
    margin-left: -3.25rem;
  }

  .max-sm\:ml-auto{
    margin-left: auto;
  }

  .max-sm\:mt-0{
    margin-top: 0px;
  }

  .max-sm\:mt-2{
    margin-top: 0.5rem;
  }

  .max-sm\:mt-3{
    margin-top: 0.75rem;
  }

  .max-sm\:mt-4{
    margin-top: 1rem;
  }

  .max-sm\:mt-7{
    margin-top: 1.75rem;
  }

  .max-sm\:block{
    display: block;
  }

  .max-sm\:hidden{
    display: none;
  }

  .max-sm\:h-\[22\.5625rem\]{
    height: 22.5625rem;
  }

  .max-sm\:w-9{
    width: 2.25rem;
  }

  .max-sm\:w-\[13\.5rem\]{
    width: 13.5rem;
  }

  .max-sm\:w-\[2\.5rem\]{
    width: 2.5rem;
  }

  .max-sm\:w-\[calc\(100\%\+3\.25rem\)\]{
    width: calc(100% + 3.25rem);
  }

  .max-sm\:w-\[calc\(100\%-2rem\)\]{
    width: calc(100% - 2rem);
  }

  .max-sm\:w-full{
    width: 100%;
  }

  .max-sm\:min-w-\[2\.625rem\]{
    min-width: 2.625rem;
  }

  .max-sm\:min-w-\[2\.8125rem\]{
    min-width: 2.8125rem;
  }

  .max-sm\:min-w-\[4\.5rem\]{
    min-width: 4.5rem;
  }

  .max-sm\:flex-1{
    flex: 1 1 0%;
  }

  .max-sm\:grid-cols-3{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .max-sm\:flex-col{
    flex-direction: column;
  }

  .max-sm\:items-start{
    align-items: flex-start;
  }

  .max-sm\:justify-end{
    justify-content: flex-end;
  }

  .max-sm\:gap-0{
    gap: 0px;
  }

  .max-sm\:rounded-none{
    border-radius: 0px;
  }

  .max-sm\:border-none{
    border-style: none;
  }

  .max-sm\:bg-background_base{
    background-color: var(--background_base);
  }

  .max-sm\:px-0{
    padding-left: 0px;
    padding-right: 0px;
  }

  .max-sm\:px-2{
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }

  .max-sm\:px-3{
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }

  .max-sm\:px-4{
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .max-sm\:px-5{
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .max-sm\:py-14{
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
  }

  .max-sm\:py-3{
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }

  .max-sm\:py-4{
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .max-sm\:py-9{
    padding-top: 2.25rem;
    padding-bottom: 2.25rem;
  }

  .max-sm\:py-\[0\.125rem\]{
    padding-top: 0.125rem;
    padding-bottom: 0.125rem;
  }

  .max-sm\:pt-7{
    padding-top: 1.75rem;
  }

  .max-sm\:text-\[0\.875rem\]{
    font-size: 0.875rem;
  }

  .max-sm\:text-\[1\.125rem\]{
    font-size: 1.125rem;
  }

  .max-sm\:text-\[1\.25rem\]{
    font-size: 1.25rem;
  }

  .max-sm\:text-\[1rem\]{
    font-size: 1rem;
  }

  .max-sm\:opacity-30{
    opacity: 0.3;
  }

  .max-sm\:blur-\[4px\]{
    --tw-blur: blur(4px);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
  }

  .max-sm\:hover\:bg-inherit:hover{
    background-color: inherit;
  }
}
@media (max-width: 480px){

  .max-\[480px\]\:w-\[50\%\]{
    width: 50%;
  }
}
@media not all and (min-width: 440px){

  .max-sms\:w-full{
    width: 100%;
  }

  .max-sms\:grid-cols-2{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .max-sms\:flex-col{
    flex-direction: column;
  }

  .max-sms\:items-end{
    align-items: flex-end;
  }

  .max-sms\:gap-4{
    gap: 1rem;
  }
}
@media not all and (min-width: 360px){

  .max-ssm\:left-4{
    left: 1rem;
  }

  .max-ssm\:top-14{
    top: 3.5rem;
  }

  .max-ssm\:mt-3{
    margin-top: 0.75rem;
  }

  .max-ssm\:mt-7{
    margin-top: 1.75rem;
  }

  .max-ssm\:hidden{
    display: none;
  }

  .max-ssm\:h-4{
    height: 1rem;
  }

  .max-ssm\:h-5{
    height: 1.25rem;
  }

  .max-ssm\:h-6{
    height: 1.5rem;
  }

  .max-ssm\:h-8{
    height: 2rem;
  }

  .max-ssm\:h-\[6\.5625rem\]{
    height: 6.5625rem;
  }

  .max-ssm\:min-h-8{
    min-height: 2rem;
  }

  .max-ssm\:w-4{
    width: 1rem;
  }

  .max-ssm\:w-5{
    width: 1.25rem;
  }

  .max-ssm\:w-6{
    width: 1.5rem;
  }

  .max-ssm\:w-8{
    width: 2rem;
  }

  .max-ssm\:w-\[6rem\]{
    width: 6rem;
  }

  .max-ssm\:w-\[7\.6rem\]{
    width: 7.6rem;
  }

  .max-ssm\:min-w-8{
    min-width: 2rem;
  }

  .max-ssm\:\!max-w-none{
    max-width: none !important;
  }

  .max-ssm\:translate-x-0{
    --tw-translate-x: 0px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  .max-ssm\:gap-1{
    gap: 0.25rem;
  }

  .max-ssm\:gap-2{
    gap: 0.5rem;
  }

  .max-ssm\:gap-4{
    gap: 1rem;
  }

  .max-ssm\:border-none{
    border-style: none;
  }

  .max-ssm\:bg-background_base{
    background-color: var(--background_base);
  }

  .max-ssm\:px-0{
    padding-left: 0px;
    padding-right: 0px;
  }

  .max-ssm\:px-1{
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }

  .max-ssm\:pb-16{
    padding-bottom: 4rem;
  }

  .max-ssm\:text-\[0\.875rem\]{
    font-size: 0.875rem;
  }

  .max-ssm\:leading-6{
    line-height: 1.5rem;
  }
}
@media (max-width: 360px){

  .max-\[360px\]\:w-full{
    width: 100%;
  }
}
@media (min-width: 360px){

  .ssm\:block{
    display: block;
  }

  .ssm\:hidden{
    display: none;
  }

  .ssm\:w-\[23\.5rem\]{
    width: 23.5rem;
  }

  .ssm\:\!max-w-96{
    max-width: 24rem !important;
  }

  .ssm\:\!max-w-\[30rem\]{
    max-width: 30rem !important;
  }

  .ssm\:pt-5{
    padding-top: 1.25rem;
  }

  .ssm\:text-\[17px\]{
    font-size: 17px;
  }

  .ssm\:leading-\[30\.6px\]{
    line-height: 30.6px;
  }
}
@media (min-width: 440px){

  .sms\:block{
    display: block;
  }
}
@media (min-width: 640px){

  .sm\:bottom-0{
    bottom: 0px;
  }

  .sm\:right-0{
    right: 0px;
  }

  .sm\:top-auto{
    top: auto;
  }

  .sm\:mb-7{
    margin-bottom: 1.75rem;
  }

  .sm\:mt-\[4\.625rem\]{
    margin-top: 4.625rem;
  }

  .sm\:block{
    display: block;
  }

  .sm\:flex{
    display: flex;
  }

  .sm\:hidden{
    display: none;
  }

  .sm\:h-7{
    height: 1.75rem;
  }

  .sm\:w-7{
    width: 1.75rem;
  }

  .sm\:max-w-sm{
    max-width: 24rem;
  }

  .sm\:flex-row{
    flex-direction: row;
  }

  .sm\:flex-col{
    flex-direction: column;
  }

  .sm\:items-center{
    align-items: center;
  }

  .sm\:justify-end{
    justify-content: flex-end;
  }

  .sm\:space-x-2 > :not([hidden]) ~ :not([hidden]){
    --tw-space-x-reverse: 0;
    margin-right: calc(0.5rem * var(--tw-space-x-reverse));
    margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .sm\:rounded-lg{
    border-radius: var(--radius);
  }

  .sm\:text-left{
    text-align: left;
  }

  .sm\:text-\[0\.875rem\]{
    font-size: 0.875rem;
  }

  .sm\:text-\[1\.75rem\]{
    font-size: 1.75rem;
  }
}
@media (min-width: 768px){

  .md\:mx-20{
    margin-left: 5rem;
    margin-right: 5rem;
  }

  .md\:hidden{
    display: none;
  }

  .md\:h-8{
    height: 2rem;
  }

  .md\:max-h-\[30rem\]{
    max-height: 30rem;
  }

  .md\:w-8{
    width: 2rem;
  }

  .md\:w-\[39\.25rem\]{
    width: 39.25rem;
  }

  .md\:max-w-\[420px\]{
    max-width: 420px;
  }

  .md\:flex-row{
    flex-direction: row;
  }

  .md\:justify-start{
    justify-content: flex-start;
  }

  .md\:justify-center{
    justify-content: center;
  }

  .md\:px-0{
    padding-left: 0px;
    padding-right: 0px;
  }

  .md\:text-\[1\.5rem\]{
    font-size: 1.5rem;
  }

  .md\:text-\[1\.75rem\]{
    font-size: 1.75rem;
  }

  .group:hover .md\:group-hover\:text-gray700{
    color: var(--gray700);
  }
}
@media (min-width: 1024px){

  .lg\:mr-8{
    margin-right: 2rem;
  }

  .lg\:block{
    display: block;
  }

  .lg\:flex{
    display: flex;
  }

  .lg\:grid{
    display: grid;
  }

  .lg\:hidden{
    display: none;
  }

  .lg\:h-\[1\.25rem\]{
    height: 1.25rem;
  }

  .lg\:w-\[7\.5rem\]{
    width: 7.5rem;
  }

  .lg\:w-\[872px\]{
    width: 872px;
  }

  .lg\:max-w-\[872px\]{
    max-width: 872px;
  }

  .lg\:flex-row{
    flex-direction: row;
  }

  .lg\:px-0{
    padding-left: 0px;
    padding-right: 0px;
  }

  .lg\:text-\[1\.0625rem\]{
    font-size: 1.0625rem;
  }

  .lg\:leading-\[1\.875rem\]{
    line-height: 1.875rem;
  }
}
@media (min-width: 1280px){

  .xl\:mx-0{
    margin-left: 0px;
    margin-right: 0px;
  }

  .xl\:flex{
    display: flex;
  }

  .xl\:w-\[30\.875rem\]{
    width: 30.875rem;
  }

  .xl\:w-\[62\.25rem\]{
    width: 62.25rem;
  }

  .xl\:max-w-\[61\.25rem\]{
    max-width: 61.25rem;
  }

  .xl\:max-w-\[62\.75rem\]{
    max-width: 62.75rem;
  }
}
@media (min-width: 1536px){

  .\32xl\:px-0{
    padding-left: 0px;
    padding-right: 0px;
  }
}
@media (prefers-color-scheme: dark){

  .dark\:border-destructive{
    border-color: hsl(var(--destructive));
  }
}
.\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar{
  display: none;
}
.\[\&\:focus_\.animation\]\:rotate-6:focus .animation{
  --tw-rotate: 6deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.\[\&\:focus_\.animation\]\:scale-110:focus .animation{
  --tw-scale-x: 1.1;
  --tw-scale-y: 1.1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role=checkbox]){
  padding-right: 0px;
}
.\[\&\:hover_\.animation\]\:rotate-6:hover .animation{
  --tw-rotate: 6deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.\[\&\:hover_\.animation\]\:scale-110:hover .animation{
  --tw-scale-x: 1.1;
  --tw-scale-y: 1.1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.\[\&\>div\]\:hover\:bg-green50:hover>div{
  background-color: var(--green50);
}
.\[\&\>li\:not\(\:first-child\)\]\:mt-2>li:not(:first-child){
  margin-top: 0.5rem;
}
.\[\&\>li\:not\(\:first-child\)\]\:border-t>li:not(:first-child){
  border-top-width: 1px;
}
.\[\&\>p\]\:m-0>p{
  margin: 0px;
}
.\[\&\>path\:nth-child\(3\)\]\:stroke-gray400>path:nth-child(3){
  stroke: var(--gray400);
}
.\[\&\>path\:nth-child\(3\)\]\:stroke-green600>path:nth-child(3){
  stroke: var(--green600);
}
.\[\&\>path\:nth-child\(3\)\]\:stroke-primary600>path:nth-child(3){
  stroke: var(--primary600);
}
.\[\&\>span\]\:line-clamp-1>span{
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.\[\&\>span\]\:flex>span{
  display: flex;
}
.\[\&\>span\]\:h-6>span{
  height: 1.5rem;
}
.\[\&\>span\]\:w-6>span{
  width: 1.5rem;
}
.\[\&\>span\]\:w-full>span{
  width: 100%;
}
.\[\&\>span\]\:items-center>span{
  align-items: center;
}
.data-\[state\=checked\]\:\[\&\>span\]\:translate-x-7>span[data-state=checked]{
  --tw-translate-x: 1.75rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.\[\&\>span_svg\]\:h-6>span svg{
  height: 1.5rem;
}
.\[\&\>span_svg\]\:w-6>span svg{
  width: 1.5rem;
}
.\[\&\>svg\+div\]\:translate-y-\[-3px\]>svg+div{
  --tw-translate-y: -3px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.\[\&\>svg\]\:absolute>svg{
  position: absolute;
}
.\[\&\>svg\]\:left-4>svg{
  left: 1rem;
}
.\[\&\>svg\]\:top-4>svg{
  top: 1rem;
}
.\[\&\>svg\]\:text-destructive>svg{
  color: hsl(var(--destructive));
}
.\[\&\>svg\]\:text-foreground>svg{
  color: hsl(var(--foreground));
}
.\[\&\>svg\~\*\]\:pl-7>svg~*{
  padding-left: 1.75rem;
}
.\[\&\>tr\]\:last\:border-b-0:last-child>tr{
  border-bottom-width: 0px;
}
.\[\&\[data-state\=open\]\>svg\]\:rotate-180[data-state=open]>svg{
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.\[\&_\.react-datepicker-popper\]\:\!left-10 .react-datepicker-popper{
  left: 2.5rem !important;
}
.\[\&_\.react-datepicker-wrapper\]\:w-full .react-datepicker-wrapper{
  width: 100%;
}
.\[\&_\[cmdk-group-heading\]\]\:px-2 [cmdk-group-heading]{
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.\[\&_\[cmdk-group-heading\]\]\:py-1\.5 [cmdk-group-heading]{
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}
.\[\&_\[cmdk-group-heading\]\]\:text-xs [cmdk-group-heading]{
  font-size: 0.75rem;
  line-height: 1rem;
}
.\[\&_\[cmdk-group-heading\]\]\:font-medium [cmdk-group-heading]{
  font-weight: 500;
}
.\[\&_\[cmdk-group-heading\]\]\:text-muted-foreground [cmdk-group-heading]{
  color: hsl(var(--muted-foreground));
}
.\[\&_\[cmdk-group\]\:not\(\[hidden\]\)_\~\[cmdk-group\]\]\:pt-0 [cmdk-group]:not([hidden]) ~[cmdk-group]{
  padding-top: 0px;
}
.\[\&_\[cmdk-group\]\]\:px-2 [cmdk-group]{
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.\[\&_\[cmdk-input-wrapper\]_svg\]\:h-5 [cmdk-input-wrapper] svg{
  height: 1.25rem;
}
.\[\&_\[cmdk-input-wrapper\]_svg\]\:w-5 [cmdk-input-wrapper] svg{
  width: 1.25rem;
}
.\[\&_\[cmdk-input\]\]\:h-12 [cmdk-input]{
  height: 3rem;
}
.\[\&_\[cmdk-item\]\]\:px-2 [cmdk-item]{
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.\[\&_\[cmdk-item\]\]\:py-3 [cmdk-item]{
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.\[\&_\[cmdk-item\]_svg\]\:h-5 [cmdk-item] svg{
  height: 1.25rem;
}
.\[\&_\[cmdk-item\]_svg\]\:w-5 [cmdk-item] svg{
  width: 1.25rem;
}
.\[\&_p\]\:leading-relaxed p{
  line-height: 1.625;
}
.\[\&_path\:nth-child\(2\)\]\:stroke-none path:nth-child(2){
  stroke: none;
}
.hover\:\[\&_svg\]\:fill-primary800 svg:hover{
  fill: var(--primary800);
}
.\[\&_tr\:last-child\]\:border-0 tr:last-child{
  border-width: 0px;
}
.\[\&_tr\]\:border-b tr{
  border-bottom-width: 1px;
}

/*!**************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./src/ckeditor.css ***!
  \**************************************************************************************************************/
/*
 * CKEditor 5 (v35.4.0) content styles.
 * Generated on Wed, 28 Dec 2022 10:03:55 GMT.
 * For more information, check out https://ckeditor.com/docs/ckeditor5/latest/installation/advanced/content-styles.html
 */

:root {
    --ck-color-image-caption-background: hsl(0, 0%, 97%);
    --ck-color-image-caption-text: hsl(0, 0%, 20%);
    --ck-color-mention-background: hsla(341, 100%, 30%, 0.1);
    --ck-color-mention-text: hsl(341, 100%, 30%);
    --ck-color-table-caption-background: hsl(0, 0%, 97%);
    --ck-color-table-caption-text: hsl(0, 0%, 20%);
    --ck-highlight-marker-blue: hsl(201, 97%, 72%);
    --ck-highlight-marker-green: hsl(120, 93%, 68%);
    --ck-highlight-marker-pink: hsl(345, 96%, 73%);
    --ck-highlight-marker-yellow: hsl(60, 97%, 73%);
    --ck-highlight-pen-green: hsl(112, 100%, 27%);
    --ck-highlight-pen-red: hsl(0, 85%, 49%);
    --ck-image-style-spacing: 1.5em;
    --ck-inline-image-style-spacing: calc(var(--ck-image-style-spacing) / 2);
    --ck-todo-list-checkmark-size: 16px;
}

/* ckeditor5-block-quote/theme/blockquote.css */
.ck-content blockquote {
    overflow: hidden;
    padding-right: 1.5em;
    padding-left: 1.5em;
    margin-left: 0;
    margin-right: 0;
    font-style: italic;
    border-left: solid 5px hsl(0, 0%, 80%);
}

/* ckeditor5-block-quote/theme/blockquote.css */
.ck-content[dir="rtl"] blockquote {
    border-left: 0;
    border-right: solid 5px hsl(0, 0%, 80%);
}

/* ckeditor5-basic-styles/theme/code.css */
.ck-content code {
    background-color: hsla(0, 0%, 78%, 0.3);
    padding: .15em;
    border-radius: 2px;
}

/* ckeditor5-font/theme/fontsize.css */
.ck-content .text-tiny {
    font-size: .7em;
}

/* ckeditor5-font/theme/fontsize.css */
.ck-content .text-small {
    font-size: .85em;
}

/* ckeditor5-font/theme/fontsize.css */
.ck-content .text-big {
    font-size: 1.4em;
}

/* ckeditor5-font/theme/fontsize.css */
.ck-content .text-huge {
    font-size: 1.8em;
}

/* ckeditor5-highlight/theme/highlight.css */
.ck-content .marker-yellow {
    background-color: var(--ck-highlight-marker-yellow);
}

/* ckeditor5-highlight/theme/highlight.css */
.ck-content .marker-green {
    background-color: var(--ck-highlight-marker-green);
}

/* ckeditor5-highlight/theme/highlight.css */
.ck-content .marker-pink {
    background-color: var(--ck-highlight-marker-pink);
}

/* ckeditor5-highlight/theme/highlight.css */
.ck-content .marker-blue {
    background-color: var(--ck-highlight-marker-blue);
}

/* ckeditor5-highlight/theme/highlight.css */
.ck-content .pen-red {
    color: var(--ck-highlight-pen-red);
    background-color: transparent;
}

/* ckeditor5-highlight/theme/highlight.css */
.ck-content .pen-green {
    color: var(--ck-highlight-pen-green);
    background-color: transparent;
}

/* ckeditor5-image/theme/imagecaption.css */
.ck-content .image>figcaption {
    display: table-caption;
    caption-side: bottom;
    word-break: break-word;
    color: var(--ck-color-image-caption-text);
    background-color: var(--ck-color-image-caption-background);
    padding: .6em;
    font-size: .75em;
    outline-offset: -1px;
}

/* ckeditor5-image/theme/imageresize.css */
.ck-content .image.image_resized {
    max-width: 100%;
    display: block;
    box-sizing: border-box;
}

/* ckeditor5-image/theme/imageresize.css */
.ck-content .image.image_resized img {
    width: 100%;
}

/* ckeditor5-image/theme/imageresize.css */
.ck-content .image.image_resized>figcaption {
    display: block;
}

/* ckeditor5-image/theme/image.css */
.ck-content .image {
    display: table;
    clear: both;
    text-align: center;
    margin: 0.9em auto;
    min-width: 50px;
}

/* ckeditor5-image/theme/image.css */
.ck-content .image img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    min-width: 100%;
}

/* ckeditor5-image/theme/image.css */
.ck-content .image-inline {
    /*
     * Normally, the .image-inline would have "display: inline-block" and "img { width: 100% }" (to follow the wrapper while resizing).;
     * Unfortunately, together with "srcset", it gets automatically stretched up to the width of the editing root.
     * This strange behavior does not happen with inline-flex.
     */
    display: inline-flex;
    max-width: 100%;
    align-items: flex-start;
}

/* ckeditor5-image/theme/image.css */
.ck-content .image-inline picture {
    display: flex;
}

/* ckeditor5-image/theme/image.css */
.ck-content .image-inline picture,
.ck-content .image-inline img {
    flex-grow: 1;
    flex-shrink: 1;
    max-width: 100%;
}

/* ckeditor5-image/theme/imagestyle.css */
.ck-content .image-style-block-align-left,
.ck-content .image-style-block-align-right {
    max-width: calc(100% - var(--ck-image-style-spacing));
}

/* ckeditor5-image/theme/imagestyle.css */
.ck-content .image-style-align-left,
.ck-content .image-style-align-right {
    clear: none;
}

/* ckeditor5-image/theme/imagestyle.css */
.ck-content .image-style-side {
    float: right;
    margin-left: var(--ck-image-style-spacing);
    max-width: 50%;
}

/* ckeditor5-image/theme/imagestyle.css */
.ck-content .image-style-align-left {
    float: left;
    margin-right: var(--ck-image-style-spacing);
}

/* ckeditor5-image/theme/imagestyle.css */
.ck-content .image-style-align-center {
    margin-left: auto;
    margin-right: auto;
}

/* ckeditor5-image/theme/imagestyle.css */
.ck-content .image-style-align-right {
    float: right;
    margin-left: var(--ck-image-style-spacing);
}

/* ckeditor5-image/theme/imagestyle.css */
.ck-content .image-style-block-align-right {
    margin-right: 0;
    margin-left: auto;
}

/* ckeditor5-image/theme/imagestyle.css */
.ck-content .image-style-block-align-left {
    margin-left: 0;
    margin-right: auto;
}

/* ckeditor5-image/theme/imagestyle.css */
.ck-content p+.image-style-align-left,
.ck-content p+.image-style-align-right,
.ck-content p+.image-style-side {
    margin-top: 0;
}

/* ckeditor5-image/theme/imagestyle.css */
.ck-content .image-inline.image-style-align-left,
.ck-content .image-inline.image-style-align-right {
    margin-top: var(--ck-inline-image-style-spacing);
    margin-bottom: var(--ck-inline-image-style-spacing);
}

/* ckeditor5-image/theme/imagestyle.css */
.ck-content .image-inline.image-style-align-left {
    margin-right: var(--ck-inline-image-style-spacing);
}

/* ckeditor5-image/theme/imagestyle.css */
.ck-content .image-inline.image-style-align-right {
    margin-left: var(--ck-inline-image-style-spacing);
}

/* ckeditor5-language/theme/language.css */
.ck-content span[lang] {
    font-style: italic;
}

/* ckeditor5-list/theme/todolist.css */
.ck-content .todo-list {
    list-style: none;
}

/* ckeditor5-list/theme/todolist.css */
.ck-content .todo-list li {
    margin-bottom: 5px;
}

/* ckeditor5-list/theme/todolist.css */
.ck-content .todo-list li .todo-list {
    margin-top: 5px;
}

/* ckeditor5-list/theme/todolist.css */
.ck-content .todo-list .todo-list__label>input {
    -webkit-appearance: none;
    display: inline-block;
    position: relative;
    width: var(--ck-todo-list-checkmark-size);
    height: var(--ck-todo-list-checkmark-size);
    vertical-align: middle;
    border: 0;
    left: -25px;
    margin-right: -15px;
    right: 0;
    margin-left: 0;
}

/* ckeditor5-list/theme/todolist.css */
.ck-content .todo-list .todo-list__label>input::before {
    display: block;
    position: absolute;
    box-sizing: border-box;
    content: '';
    width: 100%;
    height: 100%;
    border: 1px solid hsl(0, 0%, 20%);
    border-radius: 2px;
    transition: 250ms ease-in-out box-shadow, 250ms ease-in-out background, 250ms ease-in-out border;
}

/* ckeditor5-list/theme/todolist.css */
.ck-content .todo-list .todo-list__label>input::after {
    display: block;
    position: absolute;
    box-sizing: content-box;
    pointer-events: none;
    content: '';
    left: calc(var(--ck-todo-list-checkmark-size) / 3);
    top: calc(var(--ck-todo-list-checkmark-size) / 5.3);
    width: calc(var(--ck-todo-list-checkmark-size) / 5.3);
    height: calc(var(--ck-todo-list-checkmark-size) / 2.6);
    border-style: solid;
    border-color: transparent;
    border-width: 0 calc(var(--ck-todo-list-checkmark-size) / 8) calc(var(--ck-todo-list-checkmark-size) / 8) 0;
    transform: rotate(45deg);
}

/* ckeditor5-list/theme/todolist.css */
.ck-content .todo-list .todo-list__label>input[checked]::before {
    background: hsl(126, 64%, 41%);
    border-color: hsl(126, 64%, 41%);
}

/* ckeditor5-list/theme/todolist.css */
.ck-content .todo-list .todo-list__label>input[checked]::after {
    border-color: hsl(0, 0%, 100%);
}

/* ckeditor5-list/theme/todolist.css */
.ck-content .todo-list .todo-list__label .todo-list__label__description {
    vertical-align: middle;
}

/* ckeditor5-page-break/theme/pagebreak.css */
.ck-content .page-break {
    position: relative;
    clear: both;
    padding: 5px 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* ckeditor5-page-break/theme/pagebreak.css */
.ck-content .page-break::after {
    content: '';
    position: absolute;
    border-bottom: 2px dashed hsl(0, 0%, 77%);
    width: 100%;
}

/* ckeditor5-page-break/theme/pagebreak.css */
.ck-content .page-break__label {
    position: relative;
    z-index: 1;
    padding: .3em .6em;
    display: block;
    text-transform: uppercase;
    border: 1px solid hsl(0, 0%, 77%);
    border-radius: 2px;
    font-family: Helvetica, Arial, Tahoma, Verdana, Sans-Serif;
    font-size: 0.75em;
    font-weight: bold;
    color: hsl(0, 0%, 20%);
    background: hsl(0, 0%, 100%);
    box-shadow: 2px 2px 1px hsla(0, 0%, 0%, 0.15);
    -webkit-user-select: none;
    user-select: none;
}

/* ckeditor5-media-embed/theme/mediaembed.css */
.ck-content .media {
    clear: both;
    margin: 0.9em 0;
    display: block;
    min-width: 15em;
}

/* ckeditor5-table/theme/table.css */
.ck-content .table {
    margin: 0.9em auto;
    display: table;
}

/* ckeditor5-table/theme/table.css */
.ck-content .table table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    height: 100%;
    border: 1px double hsl(0, 0%, 70%);
}

/* ckeditor5-table/theme/table.css */
.ck-content .table table td,
.ck-content .table table th {
    min-width: 2em;
    padding: .4em;
    border: 1px solid hsl(0, 0%, 75%);
}

/* ckeditor5-table/theme/table.css */
.ck-content .table table th {
    font-weight: bold;
    background: hsla(0, 0%, 0%, 5%);
}

/* ckeditor5-table/theme/table.css */
.ck-content[dir="rtl"] .table th {
    text-align: right;
}

/* ckeditor5-table/theme/table.css */
.ck-content[dir="ltr"] .table th {
    text-align: left;
}

/* ckeditor5-table/theme/tablecaption.css */
.ck-content .table>figcaption {
    display: table-caption;
    caption-side: top;
    word-break: break-word;
    text-align: center;
    color: var(--ck-color-table-caption-text);
    background-color: var(--ck-color-table-caption-background);
    padding: .6em;
    font-size: .75em;
    outline-offset: -1px;
}

/* ckeditor5-table/theme/tablecolumnresize.css */
.ck-content .table .ck-table-resized {
    table-layout: fixed;
}

/* ckeditor5-table/theme/tablecolumnresize.css */
.ck-content .table table {
    overflow: hidden;
}

/* ckeditor5-table/theme/tablecolumnresize.css */
.ck-content .table td,
.ck-content .table th {
    position: relative;
}

/* ckeditor5-code-block/theme/codeblock.css */
.ck-content pre {
    padding: 1em;
    color: hsl(0, 0%, 20.8%);
    background: hsla(0, 0%, 78%, 0.3);
    border: 1px solid hsl(0, 0%, 77%);
    border-radius: 2px;
    text-align: left;
    direction: ltr;
    tab-size: 4;
    white-space: pre-wrap;
    font-style: normal;
    min-width: 200px;
}

/* ckeditor5-code-block/theme/codeblock.css */
.ck-content pre code {
    background: unset;
    padding: 0;
    border-radius: 0;
}

/* ckeditor5-horizontal-line/theme/horizontalline.css */
.ck-content hr {
    margin: 15px 0;
    height: 4px;
    background: hsl(0, 0%, 87%);
    border: 0;
}

/* ckeditor5-list/theme/liststyles.css */
.ck-content ol {
    list-style-type: decimal;
}

/* ckeditor5-list/theme/liststyles.css */
.ck-content ol ol {
    list-style-type: lower-latin;
}

/* ckeditor5-list/theme/liststyles.css */
.ck-content ol ol ol {
    list-style-type: lower-roman;
}

/* ckeditor5-list/theme/liststyles.css */
.ck-content ol ol ol ol {
    list-style-type: upper-latin;
}

/* ckeditor5-list/theme/liststyles.css */
.ck-content ol ol ol ol ol {
    list-style-type: upper-roman;
}

/* ckeditor5-list/theme/liststyles.css */
.ck-content ul {
    list-style-type: circle;
}

/* ckeditor5-list/theme/liststyles.css */
.ck-content ul ul {
    list-style-type: disc;
}

/* ckeditor5-list/theme/liststyles.css */
.ck-content ul ul ul {
    list-style-type: square;
}

/* ckeditor5-list/theme/liststyles.css */
.ck-content ul ul ul ul {
    list-style-type: square;
}

/* ckeditor5-mention/theme/mention.css */
.ck-content .mention {
    background: var(--ck-color-mention-background);
    color: var(--ck-color-mention-text);
}

@media print {

    /* ckeditor5-page-break/theme/pagebreak.css */
    .ck-content .page-break {
        padding: 0;
    }

    /* ckeditor5-page-break/theme/pagebreak.css */
    .ck-content .page-break::after {
        display: none;
    }
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[2].use[4]!./src/routes/app.less (1) ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************/
@font-face{font-display:swap;font-family:Pretendard;font-style:normal;font-weight:400;src:local("Pretendard"),local("Pretendard"),url(https://storage.cobak.co/react/desktop/static/Pretendard-Regular.woff2) format("woff")}@font-face{font-display:swap;font-family:Pretendard;font-style:normal;font-weight:500;src:local("Pretendard"),local("Pretendard"),url(https://storage.cobak.co/react/desktop/static/Pretendard-Medium.woff2) format("woff")}@font-face{font-display:swap;font-family:Pretendard;font-style:normal;font-weight:600;src:local("Pretendard"),local("Pretendard"),url(https://storage.cobak.co/react/desktop/static/Pretendard-SemiBold.woff2) format("woff")}@font-face{font-display:swap;font-family:Pretendard;font-style:normal;font-weight:700;src:local("Pretendard"),local("Pretendard"),url(https://storage.cobak.co/react/desktop/static/Pretendard-Bold.woff2) format("woff")}*{font-family:Pretendard,Noto Sans KR,Roboto}h1,h2,h3,h4{color:inherit;font-size:inherit;font-weight:inherit;margin:0;padding:0}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[2].use[4]!./src/components/layout/header/cryptoCurrency/index.less ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.index__shadow___1G5RW{border-radius:12px;box-shadow:0 1px 2px 0 #808a9d1f,0 4px 24px 0 #808a9d14}.index__ant-carousel___3Mj6Z .index__slick-slide___2p3r6{background:#364d79;height:160px;line-height:160px;overflow:hidden;text-align:center}.index__ant-carousel___3Mj6Z .index__slick-slide___2p3r6 h3{color:#fff}.index__main___3nw29{background:#fff;width:100%}.index__main___3nw29 .index__inner___1QtAP{font-size:13px;height:55px;line-height:55px;overflow:hidden}.index__main___3nw29 .index__inner___1QtAP,.index__main___3nw29 .index__inner___1QtAP .index__rows___v79MP{margin:0 auto;width:1220px}.index__main___3nw29 .index__inner___1QtAP .index__rows___v79MP .index__label___dI-l0{color:#99a0ac}.index__main___3nw29 .index__inner___1QtAP .index__rows___v79MP .index__value___2BP3A{color:#484f5b;font-weight:700;margin-left:7px}.index__main___3nw29 .index__inner___1QtAP .index__rows___v79MP .index__row1___Fh-GD{height:55px;position:relative}.index__main___3nw29 .index__inner___1QtAP .index__rows___v79MP .index__row1___Fh-GD .index__left___3jX5U{display:flex;left:0;position:absolute;top:0}.index__main___3nw29 .index__inner___1QtAP .index__rows___v79MP .index__row1___Fh-GD .index__center___2utcp{display:flex;left:270px;position:absolute;top:0}.index__main___3nw29 .index__inner___1QtAP .index__rows___v79MP .index__row1___Fh-GD .index__center___2utcp .index__percent___2HGUN{margin-left:10px;margin-right:50px}.index__main___3nw29 .index__inner___1QtAP .index__rows___v79MP .index__row1___Fh-GD .index__right___Xq_p_{display:flex;position:absolute;right:0;top:0}.index__main___3nw29 .index__inner___1QtAP .index__rows___v79MP .index__row2___1XPL3{display:flex;height:55px;justify-content:space-between}.index__main___3nw29 .index__inner___1QtAP .index__rows___v79MP .index__row2___1XPL3 .index__coin___3ufAO{display:flex}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[2].use[4]!./src/components/format/NumberComma.less ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.NumberComma__shadow___1LFRu{border-radius:12px;box-shadow:0 1px 2px 0 #808a9d1f,0 4px 24px 0 #808a9d14}