.Header_root__id8Al {
    position: relative;
    display: grid;
    grid-template-columns: 7.5rem 60px auto auto;
    align-items: center;
    padding-top: 15px;
    padding-bottom: 15px;
    text-align: center;
    grid-template-areas: "logo subMenu gnb side"
}

@media (max-width:1180px) {
    .Header_root__id8Al {
        padding-top: 25px;
        padding-bottom: 25px
    }
}

@media (max-width:1023px) {
    .Header_root__id8Al {
        grid-template-columns: auto 1fr auto;
        grid-template-areas: "logo . side" "subMenu . side" "border border border" "gnb gnb gnb";
        padding: 4px 0 0;
        grid-auto-flow: dense
    }
}

/*# sourceMappingURL=41708aae08717351.css.map*/
.Footer_footer_menu_list__04vOZ {
    display: inline-block;
    font-size: 13.3px;
    line-height: .9rem;
    --tw-text-opacity: 1;
    color: #777;
    color: rgba(119, 119, 119, var(--tw-text-opacity))
}

.Footer_footer_menu_list__04vOZ:after {
    content: "";
    width: 3px;
    height: 3px;
    display: inline-block;
    border-radius: 50%;
    background-color: #959fb2;
    margin: 0 5px 2px 8px
}

.Footer_footer_menu_list__04vOZ:last-child:after {
    content: "";
    display: none;
    margin: 0
}

/*# sourceMappingURL=cbf6e2cd5720a976.css.map*/

/* Blog Styles */
.blog-page, .blog-detail-page, .blog-category-page, .blog-author-page, .blog-tag-page {
  min-height: 70vh;
}

.blog-page h1, .blog-detail-page h1, .blog-category-page h1, .blog-author-page h1, .blog-tag-page h1 {
  color: #333;
  font-weight: 700;
  margin-bottom: 1rem;
}

.dark .blog-page h1, .dark .blog-detail-page h1, .dark .blog-category-page h1, .dark .blog-author-page h1, .dark .blog-tag-page h1 {
  color: #fff;
}

.blog-page p, .blog-detail-page p, .blog-category-page p, .blog-author-page p, .blog-tag-page p {
  color: #666;
  line-height: 1.6;
}

.dark .blog-page p, .dark .blog-detail-page p, .dark .blog-category-page p, .dark .blog-author-page p, .dark .blog-tag-page p {
  color: #bbb;
}

/* Blog Article Cards */
.blog-page article, .blog-category-page article, .blog-author-page article, .blog-tag-page article {
  background: #fff;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
  transition: box-shadow 0.3s ease;
}

.dark .blog-page article, .dark .blog-category-page article, .dark .blog-author-page article, .dark .blog-tag-page article {
  background: #1e1f21;
}

.blog-page article:hover, .blog-category-page article:hover, .blog-author-page article:hover, .blog-tag-page article:hover {
  box-shadow: 0 4px 16px rgba(0,0,0,0.15);
}

/* Blog Article Images */
.blog-page article img, .blog-category-page article img, .blog-author-page article img, .blog-tag-page article img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Blog Article Content */
.blog-page article .p-\[20px\], .blog-category-page article .p-\[20px\], .blog-author-page article .p-\[20px\], .blog-tag-page article .p-\[20px\] {
  padding: 20px;
}

/* Blog Article Meta */
.blog-page .text-\[12px\], .blog-category-page .text-\[12px\], .blog-author-page .text-\[12px\], .blog-tag-page .text-\[12px\] {
  font-size: 12px;
  color: #666;
}

.dark .blog-page .text-\[12px\], .dark .blog-category-page .text-\[12px\], .dark .blog-author-page .text-\[12px\], .dark .blog-tag-page .text-\[12px\] {
  color: #bbb;
}

/* Blog Article Titles */
.blog-page article h2, .blog-category-page article h2, .blog-author-page article h2, .blog-tag-page article h2 {
  font-size: 1.2rem;
  font-weight: 600;
  margin-bottom: 10px;
  color: #333;
}

.dark .blog-page article h2, .dark .blog-category-page article h2, .dark .blog-author-page article h2, .dark .blog-tag-page article h2 {
  color: #fff;
}

.blog-page article h2 a, .blog-category-page article h2 a, .blog-author-page article h2 a, .blog-tag-page article h2 a {
  color: inherit;
  text-decoration: none;
  transition: color 0.3s ease;
}

.blog-page article h2 a:hover, .blog-category-page article h2 a:hover, .blog-author-page article h2 a:hover, .blog-tag-page article h2 a:hover {
  color: #f02d37;
}

/* Blog Article Excerpts */
.blog-page article p, .blog-category-page article p, .blog-author-page article p, .blog-tag-page article p {
  font-size: 14px;
  color: #666;
  line-height: 1.5;
}

.dark .blog-page article p, .dark .blog-category-page article p, .dark .blog-author-page article p, .dark .blog-tag-page article p {
  color: #bbb;
}

/* Blog Pagination */
.blog-page .flex.justify-center, .blog-category-page .flex.justify-center, .blog-author-page .flex.justify-center, .blog-tag-page .flex.justify-center {
  display: flex;
  justify-content: center;
  gap: 10px;
  margin-top: 40px;
}

.blog-page a, .blog-category-page a, .blog-author-page a, .blog-tag-page a {
  padding: 8px 15px;
  background: #f02d37;
  color: white;
  border-radius: 4px;
  text-decoration: none;
  transition: background-color 0.3s ease;
}

.blog-page a:hover, .blog-category-page a:hover, .blog-author-page a:hover, .blog-tag-page a:hover {
  background: #d02a32;
}

.blog-page span, .blog-category-page span, .blog-author-page span, .blog-tag-page span {
  padding: 8px 15px;
  background: #f5f5f5;
  color: #666;
  border-radius: 4px;
}

.dark .blog-page span, .dark .blog-category-page span, .dark .blog-author-page span, .dark .blog-tag-page span {
  background: #333;
  color: #bbb;
}

/* Blog Detail Page */
.blog-detail-page article {
  max-width: 800px;
  margin: 0 auto;
}

.blog-detail-page header {
  margin-bottom: 30px;
}

.blog-detail-page h1 {
  font-size: 2.5rem;
  font-weight: 700;
  margin-bottom: 20px;
  color: #333;
  line-height: 1.2;
}

.dark .blog-detail-page h1 {
  color: #fff;
}

.blog-detail-page .prose {
  color: #333;
  line-height: 1.8;
}

.dark .blog-detail-page .prose {
  color: #fff;
}

/* Blog Detail Author Info */
.blog-detail-page .flex.items-center.gap-\[15px\] {
  display: flex;
  align-items: center;
  gap: 15px;
  padding: 20px;
  background: #f8f9fa;
  border-radius: 8px;
  margin-bottom: 25px;
}

.dark .blog-detail-page .flex.items-center.gap-\[15px\] {
  background: #2c2d30;
}

/* Blog Detail Tags */
.blog-detail-page .flex.flex-wrap.gap-\[8px\] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.blog-detail-page .px-\[12px\].py-\[6px\] {
  padding: 6px 12px;
  background: #f0f0f0;
  color: #666;
  border-radius: 20px;
  text-decoration: none;
  transition: all 0.3s ease;
}

.dark .blog-detail-page .px-\[12px\].py-\[6px\] {
  background: #333;
  color: #bbb;
}

.blog-detail-page .px-\[12px\].py-\[6px\]:hover {
  background: #f02d37;
  color: white;
}

/* Related Articles */
.blog-detail-page section {
  margin-top: 50px;
}

.blog-detail-page section h2 {
  font-size: 1.8rem;
  font-weight: 700;
  margin-bottom: 25px;
  color: #333;
}

.dark .blog-detail-page section h2 {
  color: #fff;
}

/* Responsive Design */
@media (max-width: 768px) {
  .blog-page h1, .blog-detail-page h1, .blog-category-page h1, .blog-author-page h1, .blog-tag-page h1 {
    font-size: 1.5rem;
  }
  
  .blog-detail-page h1 {
    font-size: 2rem;
  }
  
  .blog-page .grid, .blog-category-page .grid, .blog-author-page .grid, .blog-tag-page .grid {
    grid-template-columns: 1fr;
  }
  
  .blog-detail-page .grid {
    grid-template-columns: 1fr;
  }
}

@media (min-width: 769px) and (max-width: 1024px) {
  .blog-page .grid, .blog-category-page .grid, .blog-author-page .grid, .blog-tag-page .grid {
    grid-template-columns: repeat(2, 1fr);
  }
  
  .blog-detail-page .grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 1025px) {
  .blog-page .grid, .blog-category-page .grid, .blog-author-page .grid, .blog-tag-page .grid {
    grid-template-columns: repeat(3, 1fr);
  }
  
  .blog-detail-page .grid {
    grid-template-columns: repeat(4, 1fr);
  }
}

:root {
    --font-sans: -apple-system, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", sans-serif;
    --color-background-white-f3: #f3f3f3;
    --color-background-white-f2: #f2f2f2;
    --color-background-white-f5: #f5f5f5;
    --color-background-white-f2f5: #f2f2f5;
    --color-border-white-ddd: #ddd;
    --color-brand-red: #e63740;
    --color-main-red: #f02d37;
    --color-main-purple: #9472f1;
    --color-blue: #4ca1f9;
    --color-gray-eee: #eee;
    --color-gray-aaa: #aaa;
    --color-gray-666: #666;
    --color-white-ddd: #ddd;
    --color-black-333: #333;
    --color-black-666: #666;
    --color-purple: #ae5cee;
    --max-width-400: 400px;
    --color-black-1e1f21: #1e1f21;
    --color-black-2c2d30: #2c2d30;
    --primary-white: #fff;
    --primary-red: #f02d37;
    --secondary-red: #ff323a;
    --tertiary-red: #ff464d;
    --color-red-ff4242: #ff4242;
    --color-gray-bbb: #bbb;
    --color-gray-777: #777;
    --color-gray-242528: #242528;
    --color-gray-252528: #252528;
    --color-gray-29292C: #29292c;
    --color-gray-3f4145: #3f4145;
    --color-gray-3f3f3f: #3f3f3f;
    --color-gray-35363A: #35363a;
    --color-gray-4d4d4d: #4d4d4d;
    --color-gray-575960: #575960;
    --color-gray-656565: #656565;
    --color-gray-bbbcbc: #bbbcbc;
    --color-gray-a6a6a6: #a6a6a6;
    --color-comicitme-edit-bg: rgba(0, 0, 0, .6);
    --color-lib-checkbox-purchased: rgba(30, 31, 33, 0);
    --color-button-background-purple: linear-gradient(270deg, #5d87f1, #9365fe), linear-gradient(90deg, #7462c8, #7462c8);
    --color-button-background-red: linear-gradient(to left, --color-main-red, #ff5d5dw), linear-gradient(to right, var(--color-main-red), var(--color-main-red));
    --color-main-button-background-red: linear-gradient(to left, #ff5454, var(--color-main-red)), linear-gradient(to right, var(--color-main-red), var(--color-main-red))
}

/* ! tailwindcss v3.4.1 | MIT License | https://tailwindcss.com  */
*,
:after,
:before {
    border: 0 solid #e5e7eb
}

:after,
:before {
    --tw-content: ""
}

:host,
html {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    font-family: Poppins, Roboto, Helvetica Neue, Apple SD Gothic Neo sans-serif !important;
    font-feature-settings: normal;
    font-variation-settings: normal;
    -webkit-tap-highlight-color: transparent
}

body {
    line-height: inherit
}

hr {
    height: 0;
    color: inherit;
    border-top-width: 1px
}

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

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

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

b,
strong {
    font-weight: bolder
}

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

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

table {
    text-indent: 0;
    border-color: inherit
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    font-size: 100%;
    font-weight: inherit;
    line-height: inherit;
    color: inherit;
    margin: 0;
    padding: 0
}

button,
select {
    text-transform: none
}

[type=button],
[type=reset],
[type=submit],
button {
    -webkit-appearance: button;
    background-color: transparent;
    background-image: none
}

:-moz-focusring {
    outline: auto
}

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

progress {
    vertical-align: baseline
}

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

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

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

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

summary {
    display: list-item
}

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

legend {
    padding: 0
}

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

dialog {
    padding: 0
}

textarea {
    resize: vertical
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    color: #9ca3af
}

input::placeholder,
textarea::placeholder {
    color: #9ca3af
}

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

:disabled {
    cursor: default
}

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

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

[hidden] {
    display: none
}

[data-tooltip-style^=light]+.tooltip>.tooltip-arrow:before {
    border-style: solid;
    border-color: #e5e7eb
}

[data-tooltip-style^=light]+.tooltip[data-popper-placement^=top]>.tooltip-arrow:before {
    border-bottom-width: 1px;
    border-right-width: 1px
}

[data-tooltip-style^=light]+.tooltip[data-popper-placement^=right]>.tooltip-arrow:before {
    border-bottom-width: 1px;
    border-left-width: 1px
}

[data-tooltip-style^=light]+.tooltip[data-popper-placement^=bottom]>.tooltip-arrow:before {
    border-top-width: 1px;
    border-left-width: 1px
}

[data-tooltip-style^=light]+.tooltip[data-popper-placement^=left]>.tooltip-arrow:before {
    border-top-width: 1px;
    border-right-width: 1px
}

.tooltip[data-popper-placement^=top]>.tooltip-arrow {
    bottom: -4px
}

.tooltip[data-popper-placement^=bottom]>.tooltip-arrow {
    top: -4px
}

.tooltip[data-popper-placement^=left]>.tooltip-arrow {
    right: -4px
}

.tooltip[data-popper-placement^=right]>.tooltip-arrow {
    left: -4px
}

.tooltip.invisible>.tooltip-arrow:before {
    visibility: hidden
}

[data-popper-arrow],
[data-popper-arrow]:before {
    position: absolute;
    width: 8px;
    height: 8px;
    background: inherit
}

[data-popper-arrow] {
    visibility: hidden
}

[data-popper-arrow]:after,
[data-popper-arrow]:before {
    content: "";
    visibility: visible;
    transform: rotate(45deg)
}

[data-popper-arrow]:after {
    position: absolute;
    width: 9px;
    height: 9px;
    background: inherit
}

[role=tooltip]>[data-popper-arrow]:before {
    border-style: solid;
    border-color: #e5e7eb
}

.dark [role=tooltip]>[data-popper-arrow]:before {
    border-style: solid;
    border-color: #4b5563
}

[role=tooltip]>[data-popper-arrow]:after {
    border-style: solid;
    border-color: #e5e7eb
}

.dark [role=tooltip]>[data-popper-arrow]:after {
    border-style: solid;
    border-color: #4b5563
}

[data-popover][role=tooltip][data-popper-placement^=top]>[data-popper-arrow]:after,
[data-popover][role=tooltip][data-popper-placement^=top]>[data-popper-arrow]:before {
    border-bottom-width: 1px;
    border-right-width: 1px
}

[data-popover][role=tooltip][data-popper-placement^=right]>[data-popper-arrow]:after,
[data-popover][role=tooltip][data-popper-placement^=right]>[data-popper-arrow]:before {
    border-bottom-width: 1px;
    border-left-width: 1px
}

[data-popover][role=tooltip][data-popper-placement^=bottom]>[data-popper-arrow]:after,
[data-popover][role=tooltip][data-popper-placement^=bottom]>[data-popper-arrow]:before {
    border-top-width: 1px;
    border-left-width: 1px
}

[data-popover][role=tooltip][data-popper-placement^=left]>[data-popper-arrow]:after,
[data-popover][role=tooltip][data-popper-placement^=left]>[data-popper-arrow]:before {
    border-top-width: 1px;
    border-right-width: 1px
}

[data-popover][role=tooltip][data-popper-placement^=top]>[data-popper-arrow] {
    bottom: -5px
}

[data-popover][role=tooltip][data-popper-placement^=bottom]>[data-popper-arrow] {
    top: -5px
}

[data-popover][role=tooltip][data-popper-placement^=left]>[data-popper-arrow] {
    right: -5px
}

[data-popover][role=tooltip][data-popper-placement^=right]>[data-popper-arrow] {
    left: -5px
}

[role=tooltip].invisible>[data-popper-arrow]:after,
[role=tooltip].invisible>[data-popper-arrow]:before {
    visibility: hidden
}

[multiple],
[type=date],
[type=datetime-local],
[type=email],
[type=month],
[type=number],
[type=password],
[type=search],
[type=tel],
[type=text],
[type=time],
[type=url],
[type=week],
select,
textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    border-color: #6b7280;
    border-width: 1px;
    border-radius: 0;
    padding: .5rem .75rem;
    font-size: 1rem;
    line-height: 1.5rem;
    --tw-shadow: 0 0 transparent
}

[multiple]:focus,
[type=date]:focus,
[type=datetime-local]:focus,
[type=email]:focus,
[type=month]:focus,
[type=number]:focus,
[type=password]:focus,
[type=search]:focus,
[type=tel]:focus,
[type=text]:focus,
[type=time]:focus,
[type=url]:focus,
[type=week]:focus,
select:focus,
textarea:focus {
    outline: 2px solid transparent;
    outline-offset: 2px;
    --tw-ring-inset: var(--tw-empty,
            /*!*/
            /*!*/
        );
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: #1c64f2;
    --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(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: 0 0 0 0 #fff,
        /*!*/
        /*!*/
        0 0 0 calc(1px + 0px) #1c64f2, var(--tw-shadow);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    border-color: #1c64f2
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    color: #6b7280;
    opacity: 1
}

input::placeholder,
textarea::placeholder {
    color: #6b7280;
    opacity: 1
}

::-webkit-datetime-edit-fields-wrapper {
    padding: 0
}

::-webkit-date-and-time-value {
    min-height: 1.5em
}

select:not([size]) {
    background-image: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 10 6'%3e %3cpath stroke='%236B7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m1 1 4 4 4-4'/%3e %3c/svg%3e");
    background-position: right .75rem center;
    background-repeat: no-repeat;
    background-size: .75em .75em;
    padding-right: 2.5rem;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact
}

[multiple] {
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
    background-size: initial;
    padding-right: .75rem;
    -webkit-print-color-adjust: inherit;
    print-color-adjust: inherit
}

[type=checkbox],
[type=radio] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
    display: inline-block;
    vertical-align: middle;
    background-origin: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    flex-shrink: 0;
    height: 1rem;
    width: 1rem;
    color: #1c64f2;
    background-color: #fff;
    border-color: #6b7280;
    border-width: 1px;
    --tw-shadow: 0 0 transparent
}

[type=checkbox] {
    border-radius: 0
}

[type=radio] {
    border-radius: 100%
}

[type=checkbox]:focus,
[type=radio]:focus {
    outline: 2px solid transparent;
    outline-offset: 2px;
    --tw-ring-inset: var(--tw-empty,
            /*!*/
            /*!*/
        );
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: #1c64f2;
    --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: 0 0 0 2px #fff,
        /*!*/
        /*!*/
        0 0 0 calc(2px + 2px) #1c64f2, var(--tw-shadow);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
}

.dark [type=checkbox]:checked,
.dark [type=radio]:checked,
[type=checkbox]:checked,
[type=radio]:checked {
    border-color: transparent;
    background-color: currentColor;
    background-size: .55em .55em;
    background-position: 50%;
    background-repeat: no-repeat
}

[type=checkbox]:checked {
    background-image: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 12'%3e %3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M1 5.917 5.724 10.5 15 1.5'/%3e %3c/svg%3e");
    background-repeat: no-repeat;
    background-size: .55em .55em;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact
}

.dark [type=radio]:checked,
[type=radio]:checked {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");
    background-size: 1em 1em
}

[type=checkbox]:indeterminate {
    background-image: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 12'%3e %3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M1 5.917 5.724 10.5 15 1.5'/%3e %3c/svg%3e");
    background-color: currentColor;
    border-color: transparent;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: .55em .55em;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact
}

[type=checkbox]:indeterminate:focus,
[type=checkbox]:indeterminate:hover {
    border-color: transparent;
    background-color: currentColor
}

[type=file] {
    background: transparent none repeat 0 0/auto auto padding-box border-box scroll;
    background: initial;
    border-color: inherit;
    border-width: 0;
    border-radius: 0;
    padding: 0;
    font-size: inherit;
    line-height: inherit
}

[type=file]:focus {
    outline: 1px auto inherit
}

input[type=file]::file-selector-button {
    color: #fff;
    background: #1f2937;
    border: 0;
    font-weight: 500;
    cursor: pointer;
    padding: .625rem 1rem .625rem 2rem;
    margin-left: -1rem;
    margin-right: 1rem
}

input[type=file]::file-selector-button:hover {
    background: #374151
}

.dark input[type=file]::file-selector-button {
    color: #fff;
    background: #4b5563
}

.dark input[type=file]::file-selector-button:hover {
    background: #6b7280
}

input[type=range]::-webkit-slider-thumb {
    height: 1.25rem;
    width: 1.25rem;
    background: #1c64f2;
    border-radius: 9999px;
    border: 0;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    cursor: pointer
}

input[type=range]:disabled::-webkit-slider-thumb {
    background: #9ca3af
}

.dark input[type=range]:disabled::-webkit-slider-thumb {
    background: #6b7280
}

input[type=range]:focus::-webkit-slider-thumb {
    outline: 2px solid transparent;
    outline-offset: 2px;
    --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(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) rgba(164, 202, 254, 1px), 0 0 transparent;
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent);
    --tw-ring-opacity: 1px;
    --tw-ring-color: rgba(164, 202, 254, var(--tw-ring-opacity))
}

input[type=range]::-moz-range-thumb {
    height: 1.25rem;
    width: 1.25rem;
    background: #1c64f2;
    border-radius: 9999px;
    border: 0;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    cursor: pointer
}

input[type=range]:disabled::-moz-range-thumb {
    background: #9ca3af
}

.dark input[type=range]:disabled::-moz-range-thumb {
    background: #6b7280
}

input[type=range]::-moz-range-progress {
    background: #3f83f8
}

input[type=range]::-ms-fill-lower {
    background: #3f83f8
}

input[type=range].range-sm::-webkit-slider-thumb {
    height: 1rem;
    width: 1rem
}

input[type=range].range-lg::-webkit-slider-thumb {
    height: 1.5rem;
    width: 1.5rem
}

input[type=range].range-sm::-moz-range-thumb {
    height: 1rem;
    width: 1rem
}

input[type=range].range-lg::-moz-range-thumb {
    height: 1.5rem;
    width: 1.5rem
}

.toggle-bg:after {
    content: "";
    position: absolute;
    top: .125rem;
    left: .125rem;
    background: #fff;
    border-color: #d1d5db;
    border-width: 1px;
    border-radius: 9999px;
    height: 1.25rem;
    width: 1.25rem;
    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-duration: .15s;
    box-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color)
}

input:checked+.toggle-bg:after {
    transform: translateX(100%);
    border-color: #fff
}

input:checked+.toggle-bg {
    background: #1c64f2;
    border-color: #1c64f2
}

* {
    padding: 0;
    margin: 0;
    -webkit-text-decoration: none;
    text-decoration: none;
    letter-spacing: -.015em;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

*,
:after,
:before {
    box-sizing: border-box
}

html {
    height: 100%;
    font-size: 20px;
    -webkit-font-smoothing: subpixel-antialiased;
    -ms-font-smoothing: subpixel-antialiased;
    scroll-behavior: smooth;
    background: transparent
}

body {
    background-color: #fff;
    background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
    color: #000;
    color: rgba(0, 0, 0, var(--tw-text-opacity))
}

.dark body,
body {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1
}

.dark body {
    background-color: #1e1f21;
    background-color: rgba(30, 31, 33, var(--tw-bg-opacity));
    color: #fff;
    color: rgba(255, 255, 255, var(--tw-text-opacity))
}

body {
    font-size: 1rem;
    margin: 0;
    padding: 0;
    -webkit-touch-callout: none;
    -webkit-touch-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    user-select: none;
    line-height: 1.05rem;
    -webkit-text-size-adjust: none
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
html,
iframe {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
    font-weight: 400;
    line-height: 1.3em
}

li,
p,
ul {
    margin: 0;
    padding: 0;
    list-style: none
}

a {
    color: #000;
    color: rgba(0, 0, 0, var(--tw-text-opacity))
}

.dark a,
a {
    --tw-text-opacity: 1
}

.dark a {
    color: #fff;
    color: rgba(255, 255, 255, var(--tw-text-opacity))
}

a {
    -webkit-text-decoration: none;
    text-decoration: none;
    cursor: pointer
}

img {
    max-width: 100%;
    display: block;
    -ms-interpolation-mode: bicubic
}

@media (max-width:767px) {
    img {
        image-rendering: auto
    }
}

button,
input,
select,
textarea {
    outline: none;
    border: none;
    -webkit-appearance: none;
    border-radius: 0;
    cursor: pointer;
    background: transparent
}

input {
    cursor: text
}

input[type=radio] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: none
}

button {
    outline: none;
    border: none;
    padding: 0;
    margin: 0
}

picture,
source {
    line-height: 0;
    display: block
}

table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    padding: 0
}

table th {
    color: #333
}

table th,
td {
    border-bottom: 1px solid #ddd
}

caption {
    visibility: hidden;
    overflow: hidden;
    width: 1px;
    height: 1px;
    font-size: 0;
    line-height: 0
}

article,
aside,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}

fieldset {
    border: 0;
    padding: 0;
    margin: 0;
    outline: none
}

content h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 600
}

.clearfix:after,
.clearfix:before {
    content: "";
    visibility: hidden;
    display: block;
    height: 0;
    clear: both
}

.clearfix {
    zoom: 1
}

[multiple]:focus:focus,
[type=checkbox]:focus:focus,
[type=date]:focus:focus,
[type=datetime-local]:focus:focus,
[type=email]:focus:focus,
[type=month]:focus:focus,
[type=number]:focus:focus,
[type=password]:focus:focus,
[type=search]:focus:focus,
[type=tel]:focus:focus,
[type=text]:focus:focus,
[type=time]:focus:focus,
[type=url]:focus:focus,
[type=week]:focus:focus,
select:focus:focus,
textarea:focus: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(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-inset) 0 0 0 0 var(--tw-ring-offset-color), var(--tw-ring-inset) 0 0 0 calc(0px + 0px) var(--tw-ring-color), 0 0 transparent;
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent);
    --tw-ring-offset-width: 0px
}

@media (min-width:768px) and (max-width:1280px) {
    html {
        font-size: 18px
    }

    body {
        font-size: 1rem;
        margin: 0;
        padding: 0
    }
}

@media (max-width:767px) {
    html {
        font-size: 16px
    }

    body {
        font-size: 1rem;
        margin: 0;
        padding: 0
    }
}

.modal {
    height: 100%;
    width: 100%;
    overflow: hidden
}

.emptyLoading {
    --tw-bg-opacity: 1;
    background-color: #f8f8f8;
    background-color: rgba(248, 248, 248, var(--tw-bg-opacity));
    background-image: url(../../../assets/daycomics/ico/img_loading.png);
    background-size: 85%;
    background-position: 50%;
    background-repeat: no-repeat
}

.dark .emptyLoading {
    background-image: url(../../../assets/daycomics/ico/img_loading.png)
}

.emptyLoading.bgAuto {
    background-size: auto
}

.emptyLoading.bgContain {
    background-size: contain
}

@media (max-width:1023px) {
    .event_gnb {
        background-image: none !important;
        -o-border-image: url(/images/common/event/christmas/img_bg_active_mo.svg) 4;
        border-image: url(/images/common/event/christmas/img_bg_active_mo.svg) 4
    }
}

.event_home {
    background-position: center 66px
}

.event_etc,
.event_home {
    background-image: url(/images/common/event/christmas/img_main_bg.png);
    background-repeat: no-repeat
}

.event_etc {
    background-position: center 0
}

.event_main_daily {
    position: relative;
    background-image: url(/images/common/event/christmas/img_daily_trees.png);
    background-size: 202px 89px;
    background-position: right 6px;
    background-repeat: no-repeat
}

@media (max-width:1023px) {
    .event_main_daily {
        margin-top: 0;
        padding-top: 20px
    }
}

@media (max-width:767px) {
    .event_main_daily {
        background-size: 0 0;
        padding-top: 0
    }
}

.event_daily {
    position: relative;
    background-image: url(/images/common/event/christmas/img_daily_trees.png);
    background-size: 202px 89px;
    background-position: right 6px;
    background-repeat: no-repeat;
    padding-top: 30px;
    padding-bottom: 30px
}

@media (max-width:1023px) {
    .event_daily {
        margin-top: 0;
        padding-top: 20px
    }
}

@media (max-width:767px) {
    .event_daily {
        background-size: 0 0;
        padding-top: 0
    }
}

*,
:after,
:before {
    --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: rgba(63, 131, 248, .5);
    --tw-ring-offset-shadow: 0 0 transparent;
    --tw-ring-shadow: 0 0 transparent;
    --tw-shadow: 0 0 transparent;
    --tw-shadow-colored: 0 0 transparent;
    --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:
}

::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: rgba(63, 131, 248, .5);
    --tw-ring-offset-shadow: 0 0 transparent;
    --tw-ring-shadow: 0 0 transparent;
    --tw-shadow: 0 0 transparent;
    --tw-shadow-colored: 0 0 transparent;
    --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:
}

.container {
    width: 100%
}

@media (min-width:320px) {
    .container {
        max-width: 320px
    }
}

@media (min-width:350px) {
    .container {
        max-width: 350px
    }
}

@media (min-width:758px) {
    .container {
        max-width: 758px
    }
}

@media (min-width:768px) {
    .container {
        max-width: 768px
    }
}

@media (min-width:1024px) {
    .container {
        max-width: 1024px
    }
}

#swiperPagination .swiper-pagination-bullet {
    margin: 0;
    height: 7px;
    width: 7px;
    border-radius: 50px;
    --tw-bg-opacity: 1;
    background-color: #333;
    background-color: rgba(51, 51, 51, var(--tw-bg-opacity));
    opacity: .2
}

.dark #swiperPagination .swiper-pagination-bullet {
    --tw-bg-opacity: 1;
    background-color: #fff;
    background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
    opacity: .3
}

@media (max-width:767px) {
    #swiperPagination .swiper-pagination-bullet {
        --tw-bg-opacity: 1;
        background-color: #fff;
        background-color: rgba(255, 255, 255, var(--tw-bg-opacity))
    }
}

#swiperPagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 14px;
    --tw-bg-opacity: 1;
    background-color: #f14750;
    background-color: rgba(241, 71, 80, var(--tw-bg-opacity));
    opacity: 1
}

@media (max-width:767px) {
    #swiperPagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
        width: 12px
    }
}

.ribon-con {
    position: absolute;
    bottom: 8px;
    left: -4px;
    z-index: 3;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start
}

.ribon-con span+span {
    margin-top: -.15rem
}

@media (max-width:767px) {
    .ribon-con {
        image-rendering: auto
    }
}

.slideEffect {
    width: 260px;
    animation: slideEffect .2s ease-out;
    -webkit-animation: slideEffect .2s ease-out;
    -moz-animation: slideEffect .2s ease-out;
    -o-animation: slideEffect .2s ease-out
}

@keyframes slideEffect {
    0% {
        width: 0
    }
}

@keyframes slidein {
    0% {
        opacity: 0;
        transform: translateX(5%)
    }

    to {
        opacity: 1;
        transform: translateX(0)
    }
}

.animation_fadein {
    animation: fadein .2s;
    -moz-animation: fadein .2s;
    -webkit-animation: fadein .2s;
    -o-animation: fadein .2s;
    animation-fill-mode: forwards
}

@keyframes fadein {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.basedOnNovel {
    animation: text-scroll 4s linear infinite
}

@keyframes text-scroll {
    0% {
        transform: translate3d(22%, 0, 0)
    }

    to {
        transform: translate3d(-100%, 0, 0)
    }
}

@keyframes change {
    0% {
        transform: translateY(0)
    }

    27% {
        transform: translateY(0)
    }

    33% {
        transform: translateY(-17px)
    }

    60% {
        transform: translateY(-17px)
    }

    67% {
        transform: translateY(-34px)
    }

    93% {
        transform: translateY(-34px)
    }

    to {
        transform: translateY(-51px)
    }
}

.currentImg {
    animation: fadeIn .5s ease-in-out
}

@keyframes fadeIn {
    0% {
        opacity: .5
    }

    to {
        opacity: 1
    }
}

.blink {
    animation: blink .8s ease-in-out infinite alternate
}

.blink_non {
    animation: none
}

@keyframes blink {
    0% {
        border: 1px solid rgba(38, 190, 152, .384);
        filter: drop-shadow(0 0 0 rgba(38, 190, 151, .45))
    }

    to {
        border: 1px solid #26be97;
        filter: drop-shadow(0 0 3px rgba(38, 190, 151, .45))
    }
}

.warning_msg {
    animation: shake .6s linear;
    -webkit-animation: shake .6s linear
}

.toast_ep {
    position: fixed;
    right: 0;
    left: 0;
    bottom: 4.5rem;
    z-index: 1;
    margin: auto;
    display: inline-block;
    width: 60vw;
    max-width: 310px;
    border-radius: 50px;
    background-color: rgba(0, 0, 0, .8);
    background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
    --tw-bg-opacity: 0.8;
    padding: 15px 20px;
    text-align: center;
    --tw-shadow: 0 1px 10px 0 rgb(0, 0, 0, , 0.1), 0 2px 15px 0 rgba(0, 0, 0, .05);
    --tw-shadow-colored: 0 1px 10px 0 var(--tw-shadow-color), 0 2px 15px 0 var(--tw-shadow-color);
    box-shadow: 0 0 transparent, 0 0 transparent, 0 1px 10px 0 rgb(0, 0, 0, , .1), 0 2px 15px 0 rgba(0, 0, 0, .05);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow);
    animation-name: toastBounceUp;
    -webkit-animation-name: toastBounceUp;
    animation-duration: .7s;
    -webkit-animation-duration: .7s
}

@keyframes toastBounceUp {

    0%,
    60%,
    75%,
    90%,
    to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        transform: translate3d(0, 3000px, 0)
    }

    60% {
        opacity: 1;
        transform: translate3d(0, 25px, 0)
    }

    75% {
        transform: translate3d(0, -10px, 0)
    }

    90% {
        transform: translate3d(0, 5px, 0)
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes text-clip {
    to {
        background-position: -200%
    }
}

.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
}

.\!visible {
    visibility: visible !important
}

.visible {
    visibility: visible
}

.invisible {
    visibility: hidden
}


.static {
    position: static
}

.fixed {
    position: fixed
}

.\!absolute {
    position: absolute !important
}

.absolute {
    position: absolute
}

.relative {
    position: relative
}

.sticky {
    position: sticky
}

.inset-y-0 {
    top: 0;
    bottom: 0
}

.-bottom-1 {
    bottom: -.25rem
}

.-bottom-\[14px\] {
    bottom: -14px
}

.-bottom-\[15px\] {
    bottom: -15px
}

.-bottom-\[23px\] {
    bottom: -23px
}

.-bottom-\[24px\] {
    bottom: -24px
}

.-bottom-\[30\%\] {
    bottom: -30%
}

.-bottom-\[4px\] {
    bottom: -4px
}

.-left-1 {
    left: -.25rem
}

.-left-1\.5 {
    left: -.375rem
}

.-left-3 {
    left: -.75rem
}

.-left-\[20px\] {
    left: -20px
}

.-left-\[22px\] {
    left: -22px
}

.-left-\[24px\] {
    left: -24px
}

.-left-\[2px\] {
    left: -2px
}

.-left-\[34px\] {
    left: -34px
}

.-left-\[4\%\] {
    left: -4%
}

.-left-\[4px\] {
    left: -4px
}

.-left-\[5px\] {
    left: -5px
}

.-right-1 {
    right: -.25rem
}

.-right-\[10px\] {
    right: -10px
}

.-right-\[20px\] {
    right: -20px
}

.-right-\[24px\] {
    right: -24px
}

.-right-\[28\%\] {
    right: -28%
}

.-right-\[4\%\] {
    right: -4%
}

.-right-\[4px\] {
    right: -4px
}

.-right-\[5\%\] {
    right: -5%
}

.-right-\[5px\] {
    right: -5px
}

.-top-1 {
    top: -.25rem
}

.-top-\[10px\] {
    top: -10px
}

.-top-\[14\%\] {
    top: -14%
}

.-top-\[19px\] {
    top: -19px
}

.-top-\[1px\] {
    top: -1px
}

.-top-\[24px\] {
    top: -24px
}

.-top-\[2px\] {
    top: -2px
}

.-top-\[4px\] {
    top: -4px
}

.-top-\[8px\] {
    top: -8px
}

.bottom-0 {
    bottom: 0
}

.bottom-5 {
    bottom: 1.25rem
}

.bottom-8 {
    bottom: 2rem
}

.bottom-\[-15px\] {
    bottom: -15px
}

.bottom-\[-3px\] {
    bottom: -3px
}

.bottom-\[0\] {
    bottom: 0
}

.bottom-\[100px\] {
    bottom: 100px
}

.bottom-\[16\%\] {
    bottom: 16%
}

.bottom-\[20\%\] {
    bottom: 20%
}

.bottom-\[3px\] {
    bottom: 3px
}

.bottom-\[40px\] {
    bottom: 40px
}

.bottom-\[4px\] {
    bottom: 4px
}

.bottom-\[5\%\] {
    bottom: 5%
}

.bottom-\[60\%\] {
    bottom: 60%
}

.bottom-\[82px\] {
    bottom: 82px
}

.bottom-\[8px\] {
    bottom: 8px
}

.bottom-\[9px\] {
    bottom: 9px
}

.left-0 {
    left: 0
}

.left-1\/2 {
    left: 50%
}

.left-8 {
    left: 2rem
}

.left-\[-40px\] {
    left: -40px
}

.left-\[0\] {
    left: 0
}

.left-\[105\%\] {
    left: 105%
}

.left-\[2\%\] {
    left: 2%
}

.left-\[25px\] {
    left: 25px
}

.left-\[4px\] {
    left: 4px
}

.left-\[50\%\] {
    left: 50%
}

.left-\[5px\] {
    left: 5px
}

.left-\[64px\] {
    left: 64px
}

.left-\[8px\] {
    left: 8px
}

.right-0 {
    right: 0
}

.right-\[-120px\] {
    right: -120px
}

.right-\[-30px\] {
    right: -30px
}

.right-\[-31px\] {
    right: -31px
}

.right-\[-37px\] {
    right: -37px
}

.right-\[-45px\] {
    right: -45px
}

.right-\[-50\%\] {
    right: -50%
}

.right-\[-5px\] {
    right: -5px
}

.right-\[-60px\] {
    right: -60px
}

.right-\[-7px\] {
    right: -7px
}

.right-\[-8px\] {
    right: -8px
}

.right-\[0\],
.right-\[0px\] {
    right: 0
}

.right-\[105\%\] {
    right: 105%
}

.right-\[10px\] {
    right: 10px
}

.right-\[12px\] {
    right: 12px
}

.right-\[14px\] {
    right: 14px
}

.right-\[15px\] {
    right: 15px
}

.right-\[16px\] {
    right: 16px
}

.right-\[1px\] {
    right: 1px
}

.right-\[2\%\] {
    right: 2%
}

.right-\[20px\] {
    right: 20px
}

.right-\[2px\] {
    right: 2px
}

.right-\[3\%\] {
    right: 3%
}

.right-\[30px\] {
    right: 30px
}

.right-\[34px\] {
    right: 34px
}

.right-\[3px\] {
    right: 3px
}

.right-\[4\%\] {
    right: 4%
}

.right-\[40px\] {
    right: 40px
}

.right-\[44px\] {
    right: 44px
}

.right-\[4px\] {
    right: 4px
}

.right-\[5px\] {
    right: 5px
}

.right-\[70px\] {
    right: 70px
}

.right-\[7px\] {
    right: 7px
}

.right-\[80px\] {
    right: 80px
}

.right-\[8px\] {
    right: 8px
}

.top-0 {
    top: 0
}

.top-1\/2 {
    top: 50%
}

.top-\[-150px\] {
    top: -150px
}

.top-\[-2\%\] {
    top: -2%
}

.top-\[-2px\] {
    top: -2px
}

.top-\[-3px\] {
    top: -3px
}

.top-\[0\],
.top-\[0px\] {
    top: 0
}

.top-\[10px\] {
    top: 10px
}

.top-\[110px\] {
    top: 110px
}

.top-\[122px\] {
    top: 122px
}

.top-\[138px\] {
    top: 138px
}

.top-\[15px\] {
    top: 15px
}

.top-\[173px\] {
    top: 173px
}

.top-\[2\%\] {
    top: 2%
}

.top-\[200px\] {
    top: 200px
}

.top-\[20px\] {
    top: 20px
}

.top-\[2px\] {
    top: 2px
}

.top-\[30px\] {
    top: 30px
}

.top-\[32px\] {
    top: 32px
}

.top-\[34px\] {
    top: 34px
}

.top-\[37px\] {
    top: 37px
}

.top-\[39px\] {
    top: 39px
}

.top-\[3px\] {
    top: 3px
}

.top-\[42px\] {
    top: 42px
}

.top-\[48\%\] {
    top: 48%
}

.top-\[4px\] {
    top: 4px
}

.top-\[50\%\] {
    top: 50%
}

.top-\[5px\] {
    top: 5px
}

.top-\[70px\] {
    top: 70px
}

.top-\[75px\] {
    top: 75px
}

.top-\[8px\] {
    top: 8px
}

.top-\[90px\] {
    top: 90px
}

.top-\[96px\] {
    top: 96px
}

.top-full {
    top: 100%
}

.z-200 {
    z-index: 200
}

.z-\[0\] {
    z-index: 0
}

.z-\[100\] {
    z-index: 100
}

.z-\[102\] {
    z-index: 102
}

.z-\[103\] {
    z-index: 103
}

.z-\[10\] {
    z-index: 10
}

.z-\[1\] {
    z-index: 1
}

.z-\[200\] {
    z-index: 200
}

.z-\[20\] {
    z-index: 20
}

.z-\[2\] {
    z-index: 2
}

.z-\[30\] {
    z-index: 30
}

.z-\[3\] {
    z-index: 3
}

.z-\[4\] {
    z-index: 4
}

.z-\[51\] {
    z-index: 51
}

.z-\[5\] {
    z-index: 5
}

.z-\[6\] {
    z-index: 6
}

.z-\[7\] {
    z-index: 7
}

.z-\[8\] {
    z-index: 8
}

.z-\[99\] {
    z-index: 99
}

.z-\[9\] {
    z-index: 9
}

.z-\[unset\] {
    z-index: auto
}

.order-1 {
    order: 1
}

.float-right {
    float: right
}

.float-left {
    float: left
}

.\!-m-px {
    margin: -1px !important
}

.m-0 {
    margin: 0
}

.m-\[-5px_0_-5px_18px\] {
    margin: -5px 0 -5px 18px
}

.m-\[0\] {
    margin: 0
}

.m-\[0_0_0_auto\] {
    margin: 0 0 0 auto
}

.m-\[0_0_10px\] {
    margin: 0 0 10px
}

.m-\[0_0_20px\] {
    margin: 0 0 20px
}

.m-\[0_auto\] {
    margin: 0 auto
}

.m-\[0_auto_10px\] {
    margin: 0 auto 10px
}

.m-\[0_auto_12px\] {
    margin: 0 auto 12px
}

.m-\[1\.2rem_auto\] {
    margin: 1.2rem auto
}

.m-\[1\.5rem_10px\] {
    margin: 1.5rem 10px
}

.m-\[10px_auto_0\] {
    margin: 10px auto 0
}

.m-\[12px_0_9px\],
.m-\[12px_0px_9px\] {
    margin: 12px 0 9px
}

.m-\[16px_0_33px\] {
    margin: 16px 0 33px
}

.m-\[1px_5px_0_0\] {
    margin: 1px 5px 0 0
}

.m-\[1rem_10px\] {
    margin: 1rem 10px
}

.m-\[20px\] {
    margin: 20px
}

.m-\[20px_0\] {
    margin: 20px 0
}

.m-\[24px_auto_0px\] {
    margin: 24px auto 0
}

.m-\[2px\] {
    margin: 2px
}

.m-\[5px\] {
    margin: 5px
}

.m-\[5px_0_2px\] {
    margin: 5px 0 2px
}

.m-\[5px_0_8px\] {
    margin: 5px 0 8px
}

.m-\[80px_auto_120px\] {
    margin: 80px auto 120px
}

.m-auto {
    margin: auto
}

.\!-mx-\[10px\] {
    margin-left: -10px !important;
    margin-right: -10px !important
}

.\!my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

.-mx-1 {
    margin-left: -.25rem;
    margin-right: -.25rem
}

.-mx-1\.5 {
    margin-left: -.375rem;
    margin-right: -.375rem
}

.-my-1 {
    margin-top: -.25rem;
    margin-bottom: -.25rem
}

.-my-1\.5 {
    margin-top: -.375rem;
    margin-bottom: -.375rem
}

.-my-\[5vh\] {
    margin-top: -5vh;
    margin-bottom: -5vh
}

.mx-0 {
    margin-left: 0;
    margin-right: 0
}

.mx-1 {
    margin-left: .25rem;
    margin-right: .25rem
}

.mx-1\.5 {
    margin-left: .375rem;
    margin-right: .375rem
}

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

.mx-\[15px\] {
    margin-left: 15px;
    margin-right: 15px
}

.mx-\[2rem\] {
    margin-left: 2rem;
    margin-right: 2rem
}

.mx-\[4\%\] {
    margin-left: 4%;
    margin-right: 4%
}

.mx-\[8px\] {
    margin-left: 8px;
    margin-right: 8px
}

.mx-\[auto\],
.mx-auto {
    margin-left: auto;
    margin-right: auto
}

.my-0 {
    margin-top: 0;
    margin-bottom: 0
}

.my-1 {
    margin-top: .25rem;
    margin-bottom: .25rem
}

.my-3 {
    margin-top: .75rem;
    margin-bottom: .75rem
}

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

.my-\[10px\] {
    margin-top: 10px;
    margin-bottom: 10px
}

.my-\[13px\] {
    margin-top: 13px;
    margin-bottom: 13px
}

.my-\[14px\] {
    margin-top: 14px;
    margin-bottom: 14px
}

.my-\[15px\] {
    margin-top: 15px;
    margin-bottom: 15px
}

.my-\[2\.5rem\] {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem
}

.my-\[20px\] {
    margin-top: 20px;
    margin-bottom: 20px
}

.my-\[24px\] {
    margin-top: 24px;
    margin-bottom: 24px
}

.my-\[2px\] {
    margin-top: 2px;
    margin-bottom: 2px
}

.my-\[30px\] {
    margin-top: 30px;
    margin-bottom: 30px
}

.my-\[4px\] {
    margin-top: 4px;
    margin-bottom: 4px
}

.my-\[5px\] {
    margin-top: 5px;
    margin-bottom: 5px
}

.my-\[79px\] {
    margin-top: 79px;
    margin-bottom: 79px
}

.my-\[8px\] {
    margin-top: 8px;
    margin-bottom: 8px
}

.my-auto {
    margin-top: auto;
    margin-bottom: auto
}

.\!mt-0 {
    margin-top: 0 !important
}

.-mb-\[3px\] {
    margin-bottom: -3px
}

.-mb-px {
    margin-bottom: -1px
}

.-ml-\[4px\] {
    margin-left: -4px
}

.-mt-\[1px\] {
    margin-top: -1px
}

.-mt-\[2px\] {
    margin-top: -2px
}

.mb-0 {
    margin-bottom: 0
}

.mb-1 {
    margin-bottom: .25rem
}

.mb-10 {
    margin-bottom: 2.5rem
}

.mb-3 {
    margin-bottom: .75rem
}

.mb-4 {
    margin-bottom: 1rem
}

.mb-5 {
    margin-bottom: 1.25rem
}

.mb-6 {
    margin-bottom: 1.5rem
}

.mb-\[\.8rem\] {
    margin-bottom: .8rem
}

.mb-\[0\] {
    margin-bottom: 0
}

.mb-\[10px\] {
    margin-bottom: 10px
}

.mb-\[11px\] {
    margin-bottom: 11px
}

.mb-\[12px\] {
    margin-bottom: 12px
}

.mb-\[14px\] {
    margin-bottom: 14px
}

.mb-\[15px\] {
    margin-bottom: 15px
}

.mb-\[16\%\] {
    margin-bottom: 16%
}

.mb-\[16px\] {
    margin-bottom: 16px
}

.mb-\[17px\] {
    margin-bottom: 17px
}

.mb-\[1rem\] {
    margin-bottom: 1rem
}

.mb-\[2\.54px\] {
    margin-bottom: 2.54px
}

.mb-\[20px\] {
    margin-bottom: 20px
}

.mb-\[22px\] {
    margin-bottom: 22px
}

.mb-\[25px\] {
    margin-bottom: 25px
}

.mb-\[29px\] {
    margin-bottom: 29px
}

.mb-\[2px\] {
    margin-bottom: 2px
}

.mb-\[3\%\] {
    margin-bottom: 3%
}

.mb-\[30px\] {
    margin-bottom: 30px
}

.mb-\[32px\] {
    margin-bottom: 32px
}

.mb-\[35px\] {
    margin-bottom: 35px
}

.mb-\[39px\] {
    margin-bottom: 39px
}

.mb-\[3px\] {
    margin-bottom: 3px
}

.mb-\[40px\] {
    margin-bottom: 40px
}

.mb-\[42px\] {
    margin-bottom: 42px
}

.mb-\[4px\] {
    margin-bottom: 4px
}

.mb-\[50px\] {
    margin-bottom: 50px
}

.mb-\[5px\] {
    margin-bottom: 5px
}

.mb-\[6px\] {
    margin-bottom: 6px
}

.mb-\[7px\] {
    margin-bottom: 7px
}

.mb-\[8px\] {
    margin-bottom: 8px
}

.mb-\[9px\] {
    margin-bottom: 9px
}

.mb-auto {
    margin-bottom: auto
}

.ml-0 {
    margin-left: 0
}

.ml-1 {
    margin-left: .25rem
}

.ml-2 {
    margin-left: .5rem
}

.ml-3 {
    margin-left: .75rem
}

.ml-6 {
    margin-left: 1.5rem
}

.ml-\[-50px\] {
    margin-left: -50px
}

.ml-\[0px\] {
    margin-left: 0
}

.ml-\[10px\] {
    margin-left: 10px
}

.ml-\[11\%\] {
    margin-left: 11%
}

.ml-\[13px\] {
    margin-left: 13px
}

.ml-\[14px\] {
    margin-left: 14px
}

.ml-\[15px\] {
    margin-left: 15px
}

.ml-\[18px\] {
    margin-left: 18px
}

.ml-\[1px\] {
    margin-left: 1px
}

.ml-\[20px\] {
    margin-left: 20px
}

.ml-\[24px\] {
    margin-left: 24px
}

.ml-\[2px\] {
    margin-left: 2px
}

.ml-\[2rem\] {
    margin-left: 2rem
}

.ml-\[30\%\] {
    margin-left: 30%
}

.ml-\[33px\] {
    margin-left: 33px
}

.ml-\[3px\] {
    margin-left: 3px
}

.ml-\[4px\] {
    margin-left: 4px
}

.ml-\[5px\] {
    margin-left: 5px
}

.ml-\[6px\] {
    margin-left: 6px
}

.ml-\[8px\] {
    margin-left: 8px
}

.ml-\[9px\] {
    margin-left: 9px
}

.ml-auto {
    margin-left: auto
}

.mr-0 {
    margin-right: 0
}

.mr-2 {
    margin-right: .5rem
}

.mr-3 {
    margin-right: .75rem
}

.mr-\[10px\] {
    margin-right: 10px
}

.mr-\[12px\] {
    margin-right: 12px
}

.mr-\[15px\] {
    margin-right: 15px
}

.mr-\[1px\] {
    margin-right: 1px
}

.mr-\[20px\] {
    margin-right: 20px
}

.mr-\[2px\] {
    margin-right: 2px
}

.mr-\[3px\] {
    margin-right: 3px
}

.mr-\[4px\] {
    margin-right: 4px
}

.mr-\[5px\] {
    margin-right: 5px
}

.mr-\[6\.25px\] {
    margin-right: 6.25px
}

.mr-\[6px\] {
    margin-right: 6px
}

.mr-\[8px\] {
    margin-right: 8px
}

.mr-\[9px\] {
    margin-right: 9px
}

.mr-auto {
    margin-right: auto
}

.mt-0 {
    margin-top: 0
}

.mt-1 {
    margin-top: .25rem
}

.mt-1\.5 {
    margin-top: .375rem
}

.mt-2 {
    margin-top: .5rem
}

.mt-3 {
    margin-top: .75rem
}

.mt-4 {
    margin-top: 1rem
}

.mt-6 {
    margin-top: 1.5rem
}

.mt-\[-4px\] {
    margin-top: -4px
}

.mt-\[-50px\] {
    margin-top: -50px
}

.mt-\[0\] {
    margin-top: 0
}

.mt-\[1\.7rem\] {
    margin-top: 1.7rem
}

.mt-\[1\.8rem\] {
    margin-top: 1.8rem
}

.mt-\[100px\] {
    margin-top: 100px
}

.mt-\[10px\] {
    margin-top: 10px
}

.mt-\[14px\] {
    margin-top: 14px
}

.mt-\[15px\] {
    margin-top: 15px
}

.mt-\[16px\] {
    margin-top: 16px
}

.mt-\[17px\] {
    margin-top: 17px
}

.mt-\[18px\] {
    margin-top: 18px
}

.mt-\[1px\] {
    margin-top: 1px
}

.mt-\[20px\] {
    margin-top: 20px
}

.mt-\[21px\] {
    margin-top: 21px
}

.mt-\[236px\] {
    margin-top: 236px
}

.mt-\[26px\] {
    margin-top: 26px
}

.mt-\[2px\] {
    margin-top: 2px
}

.mt-\[30px\] {
    margin-top: 30px
}

.mt-\[35px\] {
    margin-top: 35px
}

.mt-\[37px\] {
    margin-top: 37px
}

.mt-\[3px\] {
    margin-top: 3px
}

.mt-\[40px\] {
    margin-top: 40px
}

.mt-\[4px\] {
    margin-top: 4px
}

.mt-\[5px\] {
    margin-top: 5px
}

.mt-\[61px\] {
    margin-top: 61px
}

.mt-\[6px\] {
    margin-top: 6px
}

.mt-\[7px\] {
    margin-top: 7px
}

.mt-\[7rem\] {
    margin-top: 7rem
}

.mt-\[8px\] {
    margin-top: 8px
}

.mt-\[9px\] {
    margin-top: 9px
}

.mt-\[auto\],
.mt-auto {
    margin-top: auto
}

.box-border {
    box-sizing: border-box
}

.line-clamp-1 {
    -webkit-line-clamp: 1
}

.line-clamp-1,
.line-clamp-2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.line-clamp-2 {
    -webkit-line-clamp: 2
}

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

.\!block {
    display: block !important
}

.block {
    display: block
}

.inline-block {
    display: inline-block
}

.inline {
    display: inline
}

.flex {
    display: flex
}

.inline-flex {
    display: inline-flex
}

.table {
    display: table
}

.table-cell {
    display: table-cell
}

.grid {
    display: grid
}

.inline-grid {
    display: inline-grid
}

.contents {
    display: contents
}

.hidden {
    display: none
}

.aspect-300\/410 {
    aspect-ratio: 300/410
}

.aspect-\[1\/1\] {
    aspect-ratio: 1/1
}

.aspect-\[11\/10\] {
    aspect-ratio: 11/10
}

.aspect-\[11\/6\] {
    aspect-ratio: 11/6
}

.aspect-\[1180\/66\] {
    aspect-ratio: 1180/66
}

.aspect-\[12\/7\] {
    aspect-ratio: 12/7
}

.aspect-\[2\/1\] {
    aspect-ratio: 2/1
}

.aspect-\[25\/11\] {
    aspect-ratio: 25/11
}

.aspect-\[300\/410\] {
    aspect-ratio: 300/410
}

.aspect-\[300\/420\] {
    aspect-ratio: 300/420
}

.aspect-\[320\/153\] {
    aspect-ratio: 320/153
}

.aspect-\[42\/13\] {
    aspect-ratio: 42/13
}

.aspect-\[5\/7\] {
    aspect-ratio: 5/7
}

.aspect-\[720\/100\] {
    aspect-ratio: 720/100
}

.aspect-\[720\/193\] {
    aspect-ratio: 720/193
}

.aspect-\[750\/400\] {
    aspect-ratio: 750/400
}

.aspect-\[9\/7\] {
    aspect-ratio: 9/7
}

.aspect-\[900\/846\] {
    aspect-ratio: 900/846
}

.aspect-\[920\/120\] {
    aspect-ratio: 920/120
}

.aspect-\[920\/180\] {
    aspect-ratio: 920/180
}

.\!h-\[22px\] {
    height: 22px !important
}

.\!h-\[43vw\] {
    height: 43vw !important
}

.\!h-\[70vw\] {
    height: 70vw !important
}

.\!h-full {
    height: 100% !important
}

.\!h-px {
    height: 1px !important
}

.h-0 {
    height: 0
}

.h-0\.5 {
    height: .125rem
}

.h-1 {
    height: .25rem
}

.h-1\.5 {
    height: .375rem
}

.h-10 {
    height: 2.5rem
}

.h-12 {
    height: 3rem
}

.h-2 {
    height: .5rem
}

.h-2\.5 {
    height: .625rem
}

.h-20 {
    height: 5rem
}

.h-3 {
    height: .75rem
}

.h-3\.5 {
    height: .875rem
}

.h-36 {
    height: 9rem
}

.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-96 {
    height: 24rem
}

.h-\[0\.4rem\] {
    height: .4rem
}

.h-\[0\.55rem\] {
    height: .55rem
}

.h-\[0px\] {
    height: 0
}

.h-\[1\.5em\] {
    height: 1.5em
}

.h-\[1\.5rem\] {
    height: 1.5rem
}

.h-\[100\%\] {
    height: 100%
}

.h-\[100px\] {
    height: 100px
}

.h-\[100vh\] {
    height: 100vh
}

.h-\[102px\] {
    height: 102px
}

.h-\[10px\] {
    height: 10px
}

.h-\[10rem\] {
    height: 10rem
}

.h-\[110px\] {
    height: 110px
}

.h-\[120px\] {
    height: 120px
}

.h-\[125px\] {
    height: 125px
}

.h-\[12px\] {
    height: 12px
}

.h-\[130px\] {
    height: 130px
}

.h-\[139px\] {
    height: 139px
}

.h-\[13px\] {
    height: 13px
}

.h-\[14px\] {
    height: 14px
}

.h-\[150px\] {
    height: 150px
}

.h-\[154px\] {
    height: 154px
}

.h-\[15px\] {
    height: 15px
}

.h-\[169px\] {
    height: 169px
}

.h-\[16px\] {
    height: 16px
}

.h-\[170px\] {
    height: 170px
}

.h-\[17px\] {
    height: 17px
}

.h-\[18px\] {
    height: 18px
}

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

.h-\[1rem\] {
    height: 1rem
}

.h-\[2\.2rem\] {
    height: 2.2rem
}

.h-\[2\.4rem\] {
    height: 2.4rem
}

.h-\[2\.5rem\] {
    height: 2.5rem
}

.h-\[200px\] {
    height: 200px
}

.h-\[20px\] {
    height: 20px
}

.h-\[20rem\] {
    height: 20rem
}

.h-\[210px\] {
    height: 210px
}

.h-\[215px\] {
    height: 215px
}

.h-\[21px\] {
    height: 21px
}

.h-\[22px\] {
    height: 22px
}

.h-\[23px\] {
    height: 23px
}

.h-\[240px\] {
    height: 240px
}

.h-\[24px\] {
    height: 24px
}

.h-\[25px\] {
    height: 25px
}

.h-\[260px\] {
    height: 260px
}

.h-\[26px\] {
    height: 26px
}

.h-\[280px\] {
    height: 280px
}

.h-\[28px\] {
    height: 28px
}

.h-\[291px\] {
    height: 291px
}

.h-\[2px\] {
    height: 2px
}

.h-\[2rem\] {
    height: 2rem
}

.h-\[3\.4rem\] {
    height: 3.4rem
}

.h-\[30px\] {
    height: 30px
}

.h-\[31px\] {
    height: 31px
}

.h-\[32px\] {
    height: 32px
}

.h-\[34px\] {
    height: 34px
}

.h-\[35px\] {
    height: 35px
}

.h-\[36px\] {
    height: 36px
}

.h-\[370px\] {
    height: 370px
}

.h-\[37px\] {
    height: 37px
}

.h-\[38px\] {
    height: 38px
}

.h-\[40em\] {
    height: 40em
}

.h-\[40px\] {
    height: 40px
}

.h-\[42\.46px\] {
    height: 42.46px
}

.h-\[420px\] {
    height: 420px
}

.h-\[42px\] {
    height: 42px
}

.h-\[430px\] {
    height: 430px
}

.h-\[44px\] {
    height: 44px
}

.h-\[45px\] {
    height: 45px
}

.h-\[46px\] {
    height: 46px
}

.h-\[47px\] {
    height: 47px
}

.h-\[48px\] {
    height: 48px
}

.h-\[49px\] {
    height: 49px
}

.h-\[4rem\] {
    height: 4rem
}

.h-\[50px\] {
    height: 50px
}

.h-\[52px\] {
    height: 52px
}

.h-\[53px\] {
    height: 53px
}

.h-\[54vw\] {
    height: 54vw
}

.h-\[55px\] {
    height: 55px
}

.h-\[5px\] {
    height: 5px
}

.h-\[60px\] {
    height: 60px
}

.h-\[65px\] {
    height: 65px
}

.h-\[66px\] {
    height: 66px
}

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

.h-\[71px\] {
    height: 71px
}

.h-\[75px\] {
    height: 75px
}

.h-\[7px\] {
    height: 7px
}

.h-\[82px\] {
    height: 82px
}

.h-\[8px\] {
    height: 8px
}

.h-\[90vh\] {
    height: 90vh
}

.h-\[955px\] {
    height: 955px
}

.h-\[98vh\] {
    height: 98vh
}

.h-auto {
    height: auto
}

.h-fit {
    height: -moz-fit-content;
    height: fit-content
}

.h-full {
    height: 100%
}

.h-inherit {
    height: inherit
}

.h-max {
    height: -moz-max-content;
    height: max-content
}

.h-min {
    height: -moz-min-content;
    height: min-content
}

.h-modal {
    height: calc(100% - 2rem)
}

.h-px {
    height: 1px
}

.h-screen {
    height: 100vh
}

.max-h-\[150px\] {
    max-height: 150px
}

.max-h-\[2\.2rem\] {
    max-height: 2.2rem
}

.max-h-\[2\.5rem\] {
    max-height: 2.5rem
}

.max-h-\[200px\] {
    max-height: 200px
}

.max-h-\[20px\] {
    max-height: 20px
}

.max-h-\[22px\] {
    max-height: 22px
}

.max-h-\[26px\] {
    max-height: 26px
}

.max-h-\[3\.4rem\] {
    max-height: 3.4rem
}

.max-h-\[300px\] {
    max-height: 300px
}

.max-h-\[36px\] {
    max-height: 36px
}

.max-h-\[420px\] {
    max-height: 420px
}

.max-h-\[500px\] {
    max-height: 500px
}

.max-h-\[645px\] {
    max-height: 645px
}

.max-h-\[650px\] {
    max-height: 650px
}

.max-h-\[660px\] {
    max-height: 660px
}

.max-h-\[66px\] {
    max-height: 66px
}

.max-h-\[714px\] {
    max-height: 714px
}

.max-h-\[722px\] {
    max-height: 722px
}

.max-h-\[76vh\] {
    max-height: 76vh
}

.max-h-\[772px\] {
    max-height: 772px
}

.max-h-\[90vh\] {
    max-height: 90vh
}

.min-h-0 {
    min-height: 0
}

.min-h-\[1000px\] {
    min-height: 1000px
}

.min-h-\[100px\] {
    min-height: 100px
}

.min-h-\[100vh\] {
    min-height: 100vh
}

.min-h-\[25px\] {
    min-height: 25px
}

.min-h-\[26px\] {
    min-height: 26px
}

.min-h-\[3\.2rem\] {
    min-height: 3.2rem
}

.min-h-\[30px\] {
    min-height: 30px
}

.min-h-\[31px\] {
    min-height: 31px
}

.min-h-\[34px\] {
    min-height: 34px
}

.min-h-\[40px\] {
    min-height: 40px
}

.min-h-\[44px\] {
    min-height: 44px
}

.min-h-\[47px\] {
    min-height: 47px
}

.min-h-\[50px\] {
    min-height: 50px
}

.min-h-\[52px\] {
    min-height: 52px
}

.min-h-\[55px\] {
    min-height: 55px
}

.min-h-\[60px\] {
    min-height: 60px
}

.min-h-\[65px\] {
    min-height: 65px
}

.min-h-\[70vh\] {
    min-height: 70vh
}

.min-h-\[74px\] {
    min-height: 74px
}

.min-h-\[75px\] {
    min-height: 75px
}

.min-h-\[82px\] {
    min-height: 82px
}

.min-h-\[85px\] {
    min-height: 85px
}

.min-h-full {
    min-height: 100%
}

.min-h-inherit {
    min-height: inherit
}

.\!w-\[36px\] {
    width: 36px !important
}

.\!w-\[calc\(100\%-202px\)\] {
    width: calc(100% - 202px) !important
}

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

.\!w-px {
    width: 1px !important
}

.w-0 {
    width: 0
}

.w-1\/2 {
    width: 50%
}

.w-10 {
    width: 2.5rem
}

.w-11 {
    width: 2.75rem
}

.w-12 {
    width: 3rem
}

.w-16 {
    width: 4rem
}

.w-2 {
    width: .5rem
}

.w-2\/4 {
    width: 50%
}

.w-20 {
    width: 5rem
}

.w-3 {
    width: .75rem
}

.w-3\.5 {
    width: .875rem
}

.w-36 {
    width: 9rem
}

.w-4 {
    width: 1rem
}

.w-5 {
    width: 1.25rem
}

.w-6 {
    width: 1.5rem
}

.w-64 {
    width: 16rem
}

.w-7 {
    width: 1.75rem
}

.w-8 {
    width: 2rem
}

.w-\[1\.5em\] {
    width: 1.5em
}

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

.w-\[100\%\] {
    width: 100%
}

.w-\[100px\] {
    width: 100px
}

.w-\[100vw\] {
    width: 100vw
}

.w-\[10px\] {
    width: 10px
}

.w-\[117px\] {
    width: 117px
}

.w-\[120px\] {
    width: 120px
}

.w-\[122px\] {
    width: 122px
}

.w-\[127px\] {
    width: 127px
}

.w-\[12px\] {
    width: 12px
}

.w-\[130px\] {
    width: 130px
}

.w-\[133px\] {
    width: 133px
}

.w-\[136px\] {
    width: 136px
}

.w-\[137px\] {
    width: 137px
}

.w-\[13px\] {
    width: 13px
}

.w-\[140px\] {
    width: 140px
}

.w-\[142px\] {
    width: 142px
}

.w-\[15\%\] {
    width: 15%
}

.w-\[150px\] {
    width: 150px
}

.w-\[154px\] {
    width: 154px
}

.w-\[15px\] {
    width: 15px
}

.w-\[16\.8vw\] {
    width: 16.8vw
}

.w-\[16px\] {
    width: 16px
}

.w-\[170px\] {
    width: 170px
}

.w-\[17px\] {
    width: 17px
}

.w-\[180px\] {
    width: 180px
}

.w-\[18px\] {
    width: 18px
}

.w-\[1px\] {
    width: 1px
}

.w-\[20\%\] {
    width: 20%
}

.w-\[200px\] {
    width: 200px
}

.w-\[20px\] {
    width: 20px
}

.w-\[220px\] {
    width: 220px
}

.w-\[224px\] {
    width: 224px
}

.w-\[22px\] {
    width: 22px
}

.w-\[230px\] {
    width: 230px
}

.w-\[24px\] {
    width: 24px
}

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

.w-\[255px\] {
    width: 255px
}

.w-\[25px\] {
    width: 25px
}

.w-\[260px\] {
    width: 260px
}

.w-\[26px\] {
    width: 26px
}

.w-\[29px\] {
    width: 29px
}

.w-\[300px\] {
    width: 300px
}

.w-\[30px\] {
    width: 30px
}

.w-\[312px\] {
    width: 312px
}

.w-\[32px\] {
    width: 32px
}

.w-\[33\%\] {
    width: 33%
}

.w-\[34\.5\%\] {
    width: 34.5%
}

.w-\[34px\] {
    width: 34px
}

.w-\[350px\] {
    width: 350px
}

.w-\[35px\] {
    width: 35px
}

.w-\[36px\] {
    width: 36px
}

.w-\[37\.5rem\] {
    width: 37.5rem
}

.w-\[38px\] {
    width: 38px
}

.w-\[3px\] {
    width: 3px
}

.w-\[40\%\] {
    width: 40%
}

.w-\[400px\] {
    width: 400px
}

.w-\[40px\] {
    width: 40px
}

.w-\[42px\] {
    width: 42px
}

.w-\[43\%\] {
    width: 43%
}

.w-\[44px\] {
    width: 44px
}

.w-\[45\%\] {
    width: 45%
}

.w-\[450px\] {
    width: 450px
}

.w-\[45px\] {
    width: 45px
}

.w-\[49\%\] {
    width: 49%
}

.w-\[4px\] {
    width: 4px
}

.w-\[50\%\] {
    width: 50%
}

.w-\[500px\] {
    width: 500px
}

.w-\[50px\] {
    width: 50px
}

.w-\[51px\] {
    width: 51px
}

.w-\[52px\] {
    width: 52px
}

.w-\[5px\] {
    width: 5px
}

.w-\[600px\] {
    width: 600px
}

.w-\[60px\] {
    width: 60px
}

.w-\[62px\] {
    width: 62px
}

.w-\[65\%\] {
    width: 65%
}

.w-\[67\%\] {
    width: 67%
}

.w-\[690px\] {
    width: 690px
}

.w-\[7\%\] {
    width: 7%
}

.w-\[7\.87rem\] {
    width: 7.87rem
}

.w-\[70\%\] {
    width: 70%
}

.w-\[70px\] {
    width: 70px
}

.w-\[710px\] {
    width: 710px
}

.w-\[75px\] {
    width: 75px
}

.w-\[75vw\] {
    width: 75vw
}

.w-\[76px\] {
    width: 76px
}

.w-\[77px\] {
    width: 77px
}

.w-\[7px\] {
    width: 7px
}

.w-\[80\%\] {
    width: 80%
}

.w-\[80px\] {
    width: 80px
}

.w-\[80vw\] {
    width: 80vw
}

.w-\[82\%\] {
    width: 82%
}

.w-\[83vw\] {
    width: 83vw
}

.w-\[84vw\] {
    width: 84vw
}

.w-\[85\%\] {
    width: 85%
}

.w-\[85vw\] {
    width: 85vw
}

.w-\[88vw\] {
    width: 88vw
}

.w-\[89\%\] {
    width: 89%
}

.w-\[892px\] {
    width: 892px
}

.w-\[8px\] {
    width: 8px
}

.w-\[90\%\] {
    width: 90%
}

.w-\[90px\] {
    width: 90px
}

.w-\[90vw\] {
    width: 90vw
}

.w-\[91\%\] {
    width: 91%
}

.w-\[920px\] {
    width: 920px
}

.w-\[92px\] {
    width: 92px
}

.w-\[94vw\] {
    width: 94vw
}

.w-\[98\%\] {
    width: 98%
}

.w-\[98vw\] {
    width: 98vw
}

.w-\[9px\] {
    width: 9px
}

.w-\[calc\(100\%-110px\)\] {
    width: calc(100% - 110px)
}

.w-\[calc\(100\%-112px\)\] {
    width: calc(100% - 112px)
}

.w-\[calc\(100\%-156px\)\] {
    width: calc(100% - 156px)
}

.w-\[calc\(100\%-30px\)\] {
    width: calc(100% - 30px)
}

.w-\[calc\(100\%-38\.75rem\)\] {
    width: calc(100% - 38.75rem)
}

.w-\[calc\(100\%-58px\)\] {
    width: calc(100% - 58px)
}

.w-\[calc\(100\%-75px\)\] {
    width: calc(100% - 75px)
}

.w-\[calc\(100\%-82px\)\] {
    width: calc(100% - 82px)
}

.w-\[calc\(100\%_-_25px\)\] {
    width: calc(100% - 25px)
}

.w-\[inherit\] {
    width: inherit
}

.w-auto {
    width: auto
}

.w-fit {
    width: -moz-fit-content;
    width: fit-content
}

.w-full {
    width: 100%
}

.w-inherit {
    width: inherit
}

.w-max {
    width: -moz-max-content;
    width: max-content
}

.w-screen {
    width: 100vw
}

.min-w-0 {
    min-width: 0
}

.min-w-\[100px\] {
    min-width: 100px
}

.min-w-\[120px\] {
    min-width: 120px
}

.min-w-\[14px\] {
    min-width: 14px
}

.min-w-\[150px\] {
    min-width: 150px
}

.min-w-\[16px\] {
    min-width: 16px
}

.min-w-\[17px\] {
    min-width: 17px
}

.min-w-\[2\.5rem\] {
    min-width: 2.5rem
}

.min-w-\[250px\] {
    min-width: 250px
}

.min-w-\[274px\] {
    min-width: 274px
}

.min-w-\[300px\] {
    min-width: 300px
}

.min-w-\[32px\] {
    min-width: 32px
}

.min-w-\[36px\] {
    min-width: 36px
}

.min-w-\[38px\] {
    min-width: 38px
}

.min-w-\[40px\] {
    min-width: 40px
}

.min-w-\[42px\] {
    min-width: 42px
}

.min-w-\[444px\] {
    min-width: 444px
}

.min-w-\[45px\] {
    min-width: 45px
}

.min-w-\[47px\] {
    min-width: 47px
}

.min-w-\[50px\] {
    min-width: 50px
}

.min-w-\[53px\] {
    min-width: 53px
}

.min-w-\[54px\] {
    min-width: 54px
}

.min-w-\[57px\] {
    min-width: 57px
}

.min-w-\[60px\] {
    min-width: 60px
}

.min-w-\[66px\] {
    min-width: 66px
}

.min-w-\[68px\] {
    min-width: 68px
}

.min-w-\[70px\] {
    min-width: 70px
}

.min-w-\[75px\] {
    min-width: 75px
}

.min-w-\[80px\] {
    min-width: 80px
}

.min-w-\[90px\] {
    min-width: 90px
}

.min-w-\[94px\] {
    min-width: 94px
}

.min-w-\[96px\] {
    min-width: 96px
}

.min-w-max {
    min-width: -moz-max-content;
    min-width: max-content
}

.max-w-2xl {
    max-width: 42rem
}

.max-w-3xl {
    max-width: 48rem
}

.max-w-4xl {
    max-width: 56rem
}

.max-w-5xl {
    max-width: 64rem
}

.max-w-6xl {
    max-width: 72rem
}

.max-w-7xl {
    max-width: 80rem
}

.max-w-\[100\%\] {
    max-width: 100%
}

.max-w-\[1000px\] {
    max-width: 1000px
}

.max-w-\[1004px\] {
    max-width: 1004px
}

.max-w-\[1006px\] {
    max-width: 1006px
}

.max-w-\[108px\] {
    max-width: 108px
}

.max-w-\[112px\] {
    max-width: 112px
}

.max-w-\[1180px\] {
    max-width: 1180px
}

.max-w-\[1200px\] {
    max-width: 1200px
}

.max-w-\[120px\] {
    max-width: 120px
}

.max-w-\[1210px\] {
    max-width: 1210px
}

.max-w-\[1240px\] {
    max-width: 1240px
}

.max-w-\[130px\] {
    max-width: 130px
}

.max-w-\[1520px\] {
    max-width: 1520px
}

.max-w-\[158px\] {
    max-width: 158px
}

.max-w-\[160px\] {
    max-width: 160px
}

.max-w-\[165px\] {
    max-width: 165px
}

.max-w-\[1680px\] {
    max-width: 1680px
}

.max-w-\[170px\] {
    max-width: 170px
}

.max-w-\[1727px\] {
    max-width: 1727px
}

.max-w-\[174px\] {
    max-width: 174px
}

.max-w-\[175px\] {
    max-width: 175px
}

.max-w-\[180px\] {
    max-width: 180px
}

.max-w-\[200px\] {
    max-width: 200px
}

.max-w-\[202px\] {
    max-width: 202px
}

.max-w-\[210px\] {
    max-width: 210px
}

.max-w-\[220px\] {
    max-width: 220px
}

.max-w-\[224px\] {
    max-width: 224px
}

.max-w-\[230px\] {
    max-width: 230px
}

.max-w-\[238px\] {
    max-width: 238px
}

.max-w-\[245px\] {
    max-width: 245px
}

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

.max-w-\[252px\] {
    max-width: 252px
}

.max-w-\[259px\] {
    max-width: 259px
}

.max-w-\[260px\] {
    max-width: 260px
}

.max-w-\[26px\] {
    max-width: 26px
}

.max-w-\[270px\] {
    max-width: 270px
}

.max-w-\[274px\] {
    max-width: 274px
}

.max-w-\[280px\] {
    max-width: 280px
}

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

.max-w-\[300px\] {
    max-width: 300px
}

.max-w-\[305px\] {
    max-width: 305px
}

.max-w-\[310px\] {
    max-width: 310px
}

.max-w-\[3110x\] {
    max-width: 3110x
}

.max-w-\[320px\] {
    max-width: 320px
}

.max-w-\[322px\] {
    max-width: 322px
}

.max-w-\[339px\] {
    max-width: 339px
}

.max-w-\[340px\] {
    max-width: 340px
}

.max-w-\[345px\] {
    max-width: 345px
}

.max-w-\[350px\] {
    max-width: 350px
}

.max-w-\[351px\] {
    max-width: 351px
}

.max-w-\[37\.5rem\] {
    max-width: 37.5rem
}

.max-w-\[370px\] {
    max-width: 370px
}

.max-w-\[375px\] {
    max-width: 375px
}

.max-w-\[380px\] {
    max-width: 380px
}

.max-w-\[40\%\] {
    max-width: 40%
}

.max-w-\[400px\] {
    max-width: 400px
}

.max-w-\[410px\] {
    max-width: 410px
}

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

.max-w-\[432px\] {
    max-width: 432px
}

.max-w-\[440px\] {
    max-width: 440px
}

.max-w-\[44px\] {
    max-width: 44px
}

.max-w-\[450px\] {
    max-width: 450px
}

.max-w-\[45px\] {
    max-width: 45px
}

.max-w-\[460px\] {
    max-width: 460px
}

.max-w-\[500px\] {
    max-width: 500px
}

.max-w-\[550px\] {
    max-width: 550px
}

.max-w-\[570px\] {
    max-width: 570px
}

.max-w-\[580px\] {
    max-width: 580px
}

.max-w-\[613px\] {
    max-width: 613px
}

.max-w-\[65\%\] {
    max-width: 65%
}

.max-w-\[70\%\] {
    max-width: 70%
}

.max-w-\[710px\] {
    max-width: 710px
}

.max-w-\[720px\] {
    max-width: 720px
}

.max-w-\[72px\] {
    max-width: 72px
}

.max-w-\[75\%\] {
    max-width: 75%
}

.max-w-\[750px\] {
    max-width: 750px
}

.max-w-\[768px\] {
    max-width: 768px
}

.max-w-\[80\%\] {
    max-width: 80%
}

.max-w-\[820px\] {
    max-width: 820px
}

.max-w-\[85vw\] {
    max-width: 85vw
}

.max-w-\[900px\] {
    max-width: 900px
}

.max-w-\[90px\] {
    max-width: 90px
}

.max-w-\[920px\] {
    max-width: 920px
}

.max-w-\[92px\] {
    max-width: 92px
}

.max-w-full {
    max-width: 100%
}

.max-w-inherit {
    max-width: inherit
}

.max-w-lg {
    max-width: 32rem
}

.max-w-md {
    max-width: 28rem
}

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

.max-w-xl {
    max-width: 36rem
}

.max-w-xs {
    max-width: 20rem
}

.flex-1 {
    flex: 1 1 0%
}

.flex-\[0_0_90\%\] {
    flex: 0 0 90%
}

.flex-\[0_0_auto\] {
    flex: 0 0 auto
}

.flex-\[0_1_30\%\] {
    flex: 0 1 30%
}

.flex-\[0_1_70\%\] {
    flex: 0 1 70%
}

.flex-\[3\.5_1_0\%\] {
    flex: 3.5 1 0%
}

.flex-none {
    flex: none
}

.flex-shrink-0,
.shrink-0 {
    flex-shrink: 0
}

.grow {
    flex-grow: 1
}

.basis-\[0\] {
    flex-basis: 0
}

.basis-full {
    flex-basis: 100%
}

.table-fixed {
    table-layout: fixed
}

.-translate-x-1\/2 {
    --tw-translate-x: -50%;
    transform: translate(-50%, 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: 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-\[10px\] {
    --tw-translate-x: -10px;
    transform: translate(-10px, 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: 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-\[40\%\] {
    --tw-translate-x: -40%;
    transform: translate(-40%, 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: 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(-50%, 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: 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), -50%) 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: 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-\[10\%\] {
    --tw-translate-y: -10%;
    transform: translate(var(--tw-translate-x), -10%) 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: 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-\[100\%\] {
    --tw-translate-y: -100%;
    transform: translate(var(--tw-translate-x), -100%) 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: 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-\[143\%\] {
    --tw-translate-y: -143%;
    transform: translate(var(--tw-translate-x), -143%) 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: 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-\[15\%\] {
    --tw-translate-y: -15%;
    transform: translate(var(--tw-translate-x), -15%) 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: 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-\[250\%\] {
    --tw-translate-y: -250%;
    transform: translate(var(--tw-translate-x), -250%) 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: 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-\[430\%\] {
    --tw-translate-y: -430%;
    transform: translate(var(--tw-translate-x), -430%) 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: 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), -50%) 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: 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(-50%, 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: 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-\[14px\] {
    --tw-translate-x: 14px;
    transform: translate(14px, 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: 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-0 {
    --tw-translate-y: 0px;
    transform: translate(var(--tw-translate-x)) 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: 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-\[-22px\] {
    --tw-translate-y: -22px;
    transform: translate(var(--tw-translate-x), -22px) 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: 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-\[-45px\] {
    --tw-translate-y: -45px;
    transform: translate(var(--tw-translate-x), -45px) 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: 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), -50%) 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: 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-\[0\%\] {
    --tw-translate-y: 0%;
    transform: translate(var(--tw-translate-x)) 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: 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-\[100\%\] {
    --tw-translate-y: 100%;
    transform: translate(var(--tw-translate-x), 100%) 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: 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-\[137\%\] {
    --tw-translate-y: 137%;
    transform: translate(var(--tw-translate-x), 137%) 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: 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-0 {
    --tw-rotate: 0deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(0deg) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    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(180deg) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    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(45deg) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    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-\[27deg\] {
    --tw-rotate: 27deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(27deg) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    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-\[319deg\] {
    --tw-rotate: 319deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(319deg) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    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-\[349deg\] {
    --tw-rotate: 349deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(349deg) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    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-\[375deg\] {
    --tw-rotate: 375deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(375deg) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    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-\[395deg\] {
    --tw-rotate: 395deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(395deg) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    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(-1) scaleY(var(--tw-scale-y))
}

.scale-x-\[-1\],
.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))
}

.transform-gpu {
    transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0) 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 spin {
    to {
        transform: rotate(1turn)
    }
}

.animate-spin {
    animation: spin 1s linear infinite
}

.cursor-auto {
    cursor: auto
}

.cursor-default {
    cursor: default
}

.cursor-grab {
    cursor: grab
}

.cursor-not-allowed {
    cursor: not-allowed
}

.cursor-pointer {
    cursor: pointer
}

.cursor-text {
    cursor: text
}

.resize-none {
    resize: none
}

.resize {
    resize: both
}

.snap-x {
    scroll-snap-type: x var(--tw-scroll-snap-strictness)
}

.snap-mandatory {
    --tw-scroll-snap-strictness: mandatory
}

.snap-start {
    scroll-snap-align: start
}

.snap-center {
    scroll-snap-align: center
}

.list-outside {
    list-style-position: outside
}

.list-decimal {
    list-style-type: decimal
}

.list-disc {
    list-style-type: disc
}

.list-none {
    list-style-type: none
}

.appearance-none {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.grid-flow-col {
    grid-auto-flow: column
}

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

.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-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr))
}

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

.grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr))
}

.grid-cols-\[1fr_calc\(100\%-39\.75rem\)\] {
    grid-template-columns: 1fr calc(100% - 39.75rem)
}

.grid-cols-\[22\%_1fr\] {
    grid-template-columns: 22% 1fr
}

.grid-cols-\[22\%_1fr_25\%\] {
    grid-template-columns: 22% 1fr 25%
}

.grid-cols-\[22\%_25\%_1fr\] {
    grid-template-columns: 22% 25% 1fr
}

.grid-cols-\[25\%_1fr_25\%\] {
    grid-template-columns: 25% 1fr 25%
}

.grid-cols-\[30\%_30\%_1fr\] {
    grid-template-columns: 30% 30% 1fr
}

.grid-cols-side-grid {
    grid-template-columns: repeat(3, minmax(91.3px, 1fr))
}

.grid-rows-5 {
    grid-template-rows: repeat(5, minmax(0, 1fr))
}

.grid-rows-\[1fr\] {
    grid-template-rows: 1fr
}

.grid-rows-\[minmax\(40px\2c 1fr\)\] {
    grid-template-rows: minmax(40px, 1fr)
}

.grid-rows-\[minmax\(52px\2c 1fr\)\] {
    grid-template-rows: minmax(52px, 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
}

.content-center {
    align-content: center
}

.\!items-start {
    align-items: flex-start !important
}

.items-start {
    align-items: flex-start
}

.items-end {
    align-items: flex-end
}

.items-center {
    align-items: center
}

.items-baseline {
    align-items: baseline
}

.items-stretch {
    align-items: stretch
}

.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
}

.gap-1 {
    gap: .25rem
}

.gap-2 {
    gap: .5rem
}

.gap-4 {
    gap: 1rem
}

.gap-\[10px\] {
    gap: 10px
}

.gap-\[12px\] {
    gap: 12px
}

.gap-\[20px\] {
    gap: 20px
}

.gap-\[20px_15px\] {
    gap: 20px 15px
}

.gap-\[5px\] {
    gap: 5px
}

.gap-\[5px_5px\] {
    gap: 5px 5px
}

.gap-x-\[\.3rem\] {
    -moz-column-gap: .3rem;
    column-gap: .3rem
}

.gap-x-\[\.75rem\] {
    -moz-column-gap: .75rem;
    column-gap: .75rem
}

.gap-x-\[0\.3rem\] {
    -moz-column-gap: .3rem;
    column-gap: .3rem
}

.gap-x-\[1\.5\%\] {
    -moz-column-gap: 1.5%;
    column-gap: 1.5%
}

.gap-x-\[1\.5rem\] {
    -moz-column-gap: 1.5rem;
    column-gap: 1.5rem
}

.gap-x-\[10px\] {
    -moz-column-gap: 10px;
    column-gap: 10px
}

.gap-x-\[12px\] {
    -moz-column-gap: 12px;
    column-gap: 12px
}

.gap-x-\[13px\] {
    -moz-column-gap: 13px;
    column-gap: 13px
}

.gap-x-\[15px\] {
    -moz-column-gap: 15px;
    column-gap: 15px
}

.gap-x-\[16px\] {
    -moz-column-gap: 16px;
    column-gap: 16px
}

.gap-x-\[18px\] {
    -moz-column-gap: 18px;
    column-gap: 18px
}

.gap-x-\[2\%\] {
    -moz-column-gap: 2%;
    column-gap: 2%
}

.gap-x-\[20px\] {
    -moz-column-gap: 20px;
    column-gap: 20px
}

.gap-x-\[28px\] {
    -moz-column-gap: 28px;
    column-gap: 28px
}

.gap-x-\[2px\] {
    -moz-column-gap: 2px;
    column-gap: 2px
}

.gap-x-\[3\%\] {
    -moz-column-gap: 3%;
    column-gap: 3%
}

.gap-x-\[35px\] {
    -moz-column-gap: 35px;
    column-gap: 35px
}

.gap-x-\[3px\] {
    -moz-column-gap: 3px;
    column-gap: 3px
}

.gap-x-\[40px\] {
    -moz-column-gap: 40px;
    column-gap: 40px
}

.gap-x-\[4px\] {
    -moz-column-gap: 4px;
    column-gap: 4px
}

.gap-x-\[5px\] {
    -moz-column-gap: 5px;
    column-gap: 5px
}

.gap-x-\[6px\] {
    -moz-column-gap: 6px;
    column-gap: 6px
}

.gap-x-\[7px\] {
    -moz-column-gap: 7px;
    column-gap: 7px
}

.gap-x-\[8px\] {
    -moz-column-gap: 8px;
    column-gap: 8px
}

.gap-x-\[9px\] {
    -moz-column-gap: 9px;
    column-gap: 9px
}

.gap-y-0 {
    row-gap: 0
}

.gap-y-\[10px\] {
    row-gap: 10px
}

.gap-y-\[12px\] {
    row-gap: 12px
}

.gap-y-\[13px\] {
    row-gap: 13px
}

.gap-y-\[16px\] {
    row-gap: 16px
}

.gap-y-\[18px\] {
    row-gap: 18px
}

.gap-y-\[20px\] {
    row-gap: 20px
}

.gap-y-\[22px\] {
    row-gap: 22px
}

.gap-y-\[25px\] {
    row-gap: 25px
}

.gap-y-\[2px\] {
    row-gap: 2px
}

.gap-y-\[30px\] {
    row-gap: 30px
}

.gap-y-\[31px\] {
    row-gap: 31px
}

.gap-y-\[3px\] {
    row-gap: 3px
}

.gap-y-\[44px\] {
    row-gap: 44px
}

.gap-y-\[56px\] {
    row-gap: 56px
}

.gap-y-\[5px\] {
    row-gap: 5px
}

.gap-y-\[6px\] {
    row-gap: 6px
}

.gap-y-\[8px\] {
    row-gap: 8px
}

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

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

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

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

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

.space-y-2>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(.5rem * calc(1 - 0));
    margin-top: calc(.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(.5rem * 0);
    margin-bottom: calc(.5rem * var(--tw-space-y-reverse))
}

.space-y-4>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1rem * calc(1 - 0));
    margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1rem * 0);
    margin-bottom: calc(1rem * var(--tw-space-y-reverse))
}

.divide-x>:not([hidden])~:not([hidden]) {
    --tw-divide-x-reverse: 0;
    border-right-width: calc(1px * 0);
    border-right-width: calc(1px * var(--tw-divide-x-reverse));
    border-left-width: calc(1px * calc(1 - 0));
    border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)))
}

.divide-y>:not([hidden])~:not([hidden]) {
    --tw-divide-y-reverse: 0;
    border-top-width: calc(1px * calc(1 - 0));
    border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
    border-bottom-width: calc(1px * 0);
    border-bottom-width: calc(1px * var(--tw-divide-y-reverse))
}

.divide-gray-100>:not([hidden])~:not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: #f3f4f6;
    border-color: rgba(243, 244, 246, var(--tw-divide-opacity))
}

.divide-gray-200>:not([hidden])~:not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: #e5e7eb;
    border-color: rgba(229, 231, 235, var(--tw-divide-opacity))
}

.self-start {
    align-self: flex-start
}

.self-center {
    align-self: center
}

.overflow-auto {
    overflow: auto
}

.\!overflow-hidden {
    overflow: hidden !important
}

.overflow-hidden {
    overflow: hidden
}

.overflow-visible {
    overflow: visible
}

.overflow-x-auto {
    overflow-x: auto
}

.overflow-y-auto {
    overflow-y: auto
}

.overflow-x-hidden {
    overflow-x: hidden
}

.overflow-y-hidden {
    overflow-y: hidden
}

.overflow-x-scroll {
    overflow-x: scroll
}

.overflow-y-scroll {
    overflow-y: scroll
}

.scroll-smooth {
    scroll-behavior: smooth
}

.truncate {
    overflow: hidden;
    white-space: nowrap
}

.overflow-ellipsis,
.text-ellipsis,
.truncate {
    text-overflow: ellipsis
}

.whitespace-normal {
    white-space: normal
}

.\!whitespace-nowrap {
    white-space: nowrap !important
}

.whitespace-nowrap {
    white-space: nowrap
}

.whitespace-pre-line {
    white-space: pre-line
}

.whitespace-break-spaces {
    white-space: break-spaces
}

.break-words {
    word-wrap: break-word
}

.break-all {
    word-break: break-all
}

.break-keep {
    word-break: keep-all
}

.\!rounded-full {
    border-radius: 9999px !important
}

.\!rounded-none {
    border-radius: 0 !important
}

.rounded {
    border-radius: .25rem
}

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

.rounded-\[0_5px_5px_0\] {
    border-radius: 0 5px 5px 0
}

.rounded-\[100px\] {
    border-radius: 100px
}

.rounded-\[10px\] {
    border-radius: 10px
}

.rounded-\[12px\] {
    border-radius: 12px
}

.rounded-\[15px\] {
    border-radius: 15px
}

.rounded-\[17px\] {
    border-radius: 17px
}

.rounded-\[20px\] {
    border-radius: 20px
}

.rounded-\[2em\] {
    border-radius: 2em
}

.rounded-\[2px\] {
    border-radius: 2px
}

.rounded-\[30px_30px_0_0\] {
    border-radius: 30px 30px 0 0
}

.rounded-\[3px\] {
    border-radius: 3px
}

.rounded-\[4px\] {
    border-radius: 4px
}

.rounded-\[50\%\] {
    border-radius: 50%
}

.rounded-\[50px\] {
    border-radius: 50px
}

.rounded-\[57\.62px\] {
    border-radius: 57.62px
}

.rounded-\[5px\] {
    border-radius: 5px
}

.rounded-\[5px_5px_0_0\] {
    border-radius: 5px 5px 0 0
}

.rounded-\[7px\] {
    border-radius: 7px
}

.rounded-\[82px\] {
    border-radius: 82px
}

.rounded-\[8px\] {
    border-radius: 8px
}

.rounded-\[inherit\] {
    border-radius: inherit
}

.rounded-full {
    border-radius: 9999px
}

.rounded-lg {
    border-radius: .5rem
}

.rounded-md {
    border-radius: .375rem
}

.rounded-none {
    border-radius: 0
}

.rounded-b {
    border-bottom-right-radius: .25rem;
    border-bottom-left-radius: .25rem
}

.rounded-l-lg {
    border-top-left-radius: .5rem;
    border-bottom-left-radius: .5rem
}

.rounded-l-md {
    border-top-left-radius: .375rem;
    border-bottom-left-radius: .375rem
}

.rounded-l-none {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.rounded-r-lg {
    border-top-right-radius: .5rem;
    border-bottom-right-radius: .5rem
}

.rounded-r-none {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.rounded-t {
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem
}

.rounded-t-lg {
    border-top-left-radius: .5rem;
    border-top-right-radius: .5rem
}

.\!border-0 {
    border-width: 0 !important
}

.border {
    border-width: 1px
}

.border-0 {
    border-width: 0
}

.border-2 {
    border-width: 2px
}

.border-\[1px\] {
    border-width: 1px
}

.border-\[2px\] {
    border-width: 2px
}

.border-\[3px\] {
    border-width: 3px
}

.border-x-\[1px\] {
    border-left-width: 1px;
    border-right-width: 1px
}

.\!border-b-0 {
    border-bottom-width: 0 !important
}

.border-b {
    border-bottom-width: 1px
}

.border-b-0 {
    border-bottom-width: 0
}

.border-b-2 {
    border-bottom-width: 2px
}

.border-b-\[1px\] {
    border-bottom-width: 1px
}

.border-b-\[2px\] {
    border-bottom-width: 2px
}

.border-b-\[3px\] {
    border-bottom-width: 3px
}

.border-l {
    border-left-width: 1px
}

.border-l-0 {
    border-left-width: 0
}

.border-l-\[1px\] {
    border-left-width: 1px
}

.border-r-0 {
    border-right-width: 0
}

.border-t {
    border-top-width: 1px
}

.border-t-4 {
    border-top-width: 4px
}

.border-t-\[1px\] {
    border-top-width: 1px
}

.border-t-\[2px\] {
    border-top-width: 2px
}

.border-solid {
    border-style: solid
}

.border-none {
    border-style: none
}

.\!border-transparent {
    border-color: transparent !important
}

.border-\[\#041414\] {
    --tw-border-opacity: 1;
    border-color: #041414;
    border-color: rgba(4, 20, 20, var(--tw-border-opacity))
}

.border-\[\#26be97\] {
    --tw-border-opacity: 1;
    border-color: #26be97;
    border-color: rgba(38, 190, 151, var(--tw-border-opacity))
}

.border-\[\#27C3E1\] {
    --tw-border-opacity: 1;
    border-color: #27c3e1;
    border-color: rgba(39, 195, 225, var(--tw-border-opacity))
}

.border-\[\#333\] {
    --tw-border-opacity: 1;
    border-color: #333;
    border-color: rgba(51, 51, 51, var(--tw-border-opacity))
}

.border-\[\#34b2d8\] {
    --tw-border-opacity: 1;
    border-color: #34b2d8;
    border-color: rgba(52, 178, 216, var(--tw-border-opacity))
}

.border-\[\#3B3B43\] {
    --tw-border-opacity: 1;
    border-color: #3b3b43;
    border-color: rgba(59, 59, 67, var(--tw-border-opacity))
}

.border-\[\#3C9D68\] {
    --tw-border-opacity: 1;
    border-color: #3c9d68;
    border-color: rgba(60, 157, 104, var(--tw-border-opacity))
}

.border-\[\#3f3f3f\] {
    --tw-border-opacity: 1;
    border-color: #3f3f3f;
    border-color: rgba(63, 63, 63, var(--tw-border-opacity))
}

.border-\[\#494949\] {
    --tw-border-opacity: 1;
    border-color: #494949;
    border-color: rgba(73, 73, 73, var(--tw-border-opacity))
}

.border-\[\#555\] {
    --tw-border-opacity: 1;
    border-color: #555;
    border-color: rgba(85, 85, 85, var(--tw-border-opacity))
}

.border-\[\#575960\] {
    --tw-border-opacity: 1;
    border-color: #575960;
    border-color: rgba(87, 89, 96, var(--tw-border-opacity))
}

.border-\[\#585858\] {
    --tw-border-opacity: 1;
    border-color: #585858;
    border-color: rgba(88, 88, 88, var(--tw-border-opacity))
}

.border-\[\#BBB\] {
    --tw-border-opacity: 1;
    border-color: #bbb;
    border-color: rgba(187, 187, 187, var(--tw-border-opacity))
}

.border-\[\#E8E8E8\] {
    --tw-border-opacity: 1;
    border-color: #e8e8e8;
    border-color: rgba(232, 232, 232, var(--tw-border-opacity))
}

.border-\[\#EEE\] {
    --tw-border-opacity: 1;
    border-color: #eee;
    border-color: rgba(238, 238, 238, var(--tw-border-opacity))
}

.border-\[\#F13139\] {
    --tw-border-opacity: 1;
    border-color: #f13139;
    border-color: rgba(241, 49, 57, var(--tw-border-opacity))
}

.border-\[\#FF323A\] {
    --tw-border-opacity: 1;
    border-color: #ff323a;
    border-color: rgba(255, 50, 58, var(--tw-border-opacity))
}

.border-\[\#FF3E45\] {
    --tw-border-opacity: 1;
    border-color: #ff3e45;
    border-color: rgba(255, 62, 69, var(--tw-border-opacity))
}

.border-\[\#FF5151\] {
    --tw-border-opacity: 1;
    border-color: #ff5151;
    border-color: rgba(255, 81, 81, var(--tw-border-opacity))
}

.border-\[\#FF9D4D\] {
    --tw-border-opacity: 1;
    border-color: #ff9d4d;
    border-color: rgba(255, 157, 77, var(--tw-border-opacity))
}

.border-\[\#bbb\] {
    --tw-border-opacity: 1;
    border-color: #bbb;
    border-color: rgba(187, 187, 187, var(--tw-border-opacity))
}

.border-\[\#bdbdbd\] {
    --tw-border-opacity: 1;
    border-color: #bdbdbd;
    border-color: rgba(189, 189, 189, var(--tw-border-opacity))
}

.border-\[\#ccc\] {
    --tw-border-opacity: 1;
    border-color: #ccc;
    border-color: rgba(204, 204, 204, var(--tw-border-opacity))
}

.border-\[\#ededed\] {
    --tw-border-opacity: 1;
    border-color: #ededed;
    border-color: rgba(237, 237, 237, var(--tw-border-opacity))
}

.border-\[\#eee\] {
    --tw-border-opacity: 1;
    border-color: #eee;
    border-color: rgba(238, 238, 238, var(--tw-border-opacity))
}

.border-\[\#f02d37\] {
    --tw-border-opacity: 1;
    border-color: #f02d37;
    border-color: rgba(240, 45, 55, var(--tw-border-opacity))
}

.border-\[\#f0393d\] {
    --tw-border-opacity: 1;
    border-color: #f0393d;
    border-color: rgba(240, 57, 61, var(--tw-border-opacity))
}

.border-\[\#f1adff\] {
    --tw-border-opacity: 1;
    border-color: #f1adff;
    border-color: rgba(241, 173, 255, var(--tw-border-opacity))
}

.border-\[\#f8464b\] {
    --tw-border-opacity: 1;
    border-color: #f8464b;
    border-color: rgba(248, 70, 75, var(--tw-border-opacity))
}

.border-\[\#ffc0b6\] {
    --tw-border-opacity: 1;
    border-color: #ffc0b6;
    border-color: rgba(255, 192, 182, var(--tw-border-opacity))
}

.border-\[\#fff\] {
    --tw-border-opacity: 1;
    border-color: #fff;
    border-color: rgba(255, 255, 255, var(--tw-border-opacity))
}

.border-\[\#ffffff4c\] {
    border-color: hsla(0, 0%, 100%, .298)
}

.border-\[rgb\(221\2c 221\2c 221\)\] {
    --tw-border-opacity: 1;
    border-color: #ddd;
    border-color: rgba(221, 221, 221, var(--tw-border-opacity))
}

.border-black {
    --tw-border-opacity: 1;
    border-color: #000;
    border-color: rgba(0, 0, 0, var(--tw-border-opacity))
}

.border-blue-500 {
    --tw-border-opacity: 1;
    border-color: #3f83f8;
    border-color: rgba(63, 131, 248, var(--tw-border-opacity))
}

.border-blue-600 {
    --tw-border-opacity: 1;
    border-color: #1c64f2;
    border-color: rgba(28, 100, 242, var(--tw-border-opacity))
}

.border-blue-700 {
    --tw-border-opacity: 1;
    border-color: #1a56db;
    border-color: rgba(26, 86, 219, var(--tw-border-opacity))
}

.border-borderDark,
.border-colorGray3f3f3f {
    border-color: #3f3f3f;
    border-color: var(--color-gray-3f3f3f)
}

.border-cyan-500 {
    --tw-border-opacity: 1;
    border-color: #06b6d4;
    border-color: rgba(6, 182, 212, var(--tw-border-opacity))
}

.border-ddd {
    border-color: #ddd;
    border-color: var(--color-white-ddd)
}

.border-eee {
    border-color: #eee;
    border-color: var(--color-gray-eee)
}

.border-gray-100 {
    --tw-border-opacity: 1;
    border-color: #f3f4f6;
    border-color: rgba(243, 244, 246, var(--tw-border-opacity))
}

.border-gray-200 {
    --tw-border-opacity: 1;
    border-color: #e5e7eb;
    border-color: rgba(229, 231, 235, var(--tw-border-opacity))
}

.border-gray-300 {
    --tw-border-opacity: 1;
    border-color: #d1d5db;
    border-color: rgba(209, 213, 219, var(--tw-border-opacity))
}

.border-gray-500 {
    --tw-border-opacity: 1;
    border-color: #6b7280;
    border-color: rgba(107, 114, 128, var(--tw-border-opacity))
}

.border-gray-600 {
    --tw-border-opacity: 1;
    border-color: #4b5563;
    border-color: rgba(75, 85, 99, var(--tw-border-opacity))
}

.border-gray-900 {
    --tw-border-opacity: 1;
    border-color: #111827;
    border-color: rgba(17, 24, 39, var(--tw-border-opacity))
}

.border-green-500 {
    --tw-border-opacity: 1;
    border-color: #0e9f6e;
    border-color: rgba(14, 159, 110, var(--tw-border-opacity))
}

.border-green-700 {
    --tw-border-opacity: 1;
    border-color: #046c4e;
    border-color: rgba(4, 108, 78, var(--tw-border-opacity))
}

.border-indigo-400 {
    --tw-border-opacity: 1;
    border-color: #8da2fb;
    border-color: rgba(141, 162, 251, var(--tw-border-opacity))
}

.border-lime-400 {
    --tw-border-opacity: 1;
    border-color: #a3e635;
    border-color: rgba(163, 230, 53, var(--tw-border-opacity))
}

.border-pink-600 {
    --tw-border-opacity: 1;
    border-color: #d61f69;
    border-color: rgba(214, 31, 105, var(--tw-border-opacity))
}

.border-primary-border {
    --tw-border-opacity: 1;
    border-color: #ddd;
    border-color: rgba(221, 221, 221, var(--tw-border-opacity))
}

.border-primary-border-error,
.border-primary-border-point {
    --tw-border-opacity: 1;
    border-color: #f02d37;
    border-color: rgba(240, 45, 55, var(--tw-border-opacity))
}

.border-primaryRed {
    border-color: #f02d37;
    border-color: var(--primary-red)
}

.border-purple-900 {
    --tw-border-opacity: 1;
    border-color: #4a1d96;
    border-color: rgba(74, 29, 150, var(--tw-border-opacity))
}

.border-red-500 {
    --tw-border-opacity: 1;
    border-color: #f05252;
    border-color: rgba(240, 82, 82, var(--tw-border-opacity))
}

.border-red-900 {
    --tw-border-opacity: 1;
    border-color: #771d1d;
    border-color: rgba(119, 29, 29, var(--tw-border-opacity))
}

.border-transparent {
    border-color: transparent
}

.border-white {
    --tw-border-opacity: 1;
    border-color: #fff;
    border-color: rgba(255, 255, 255, var(--tw-border-opacity))
}

.border-yellow-400 {
    --tw-border-opacity: 1;
    border-color: #e3a008;
    border-color: rgba(227, 160, 8, var(--tw-border-opacity))
}

.border-yellow-500 {
    --tw-border-opacity: 1;
    border-color: #c27803;
    border-color: rgba(194, 120, 3, var(--tw-border-opacity))
}

.border-yellow-600 {
    --tw-border-opacity: 1;
    border-color: #9f580a;
    border-color: rgba(159, 88, 10, var(--tw-border-opacity))
}

.border-x-primary-border {
    --tw-border-opacity: 1;
    border-left-color: #ddd;
    border-left-color: rgba(221, 221, 221, var(--tw-border-opacity));
    border-right-color: #ddd;
    border-right-color: rgba(221, 221, 221, var(--tw-border-opacity))
}

.border-l-\[\#3f3f3f\] {
    --tw-border-opacity: 1;
    border-left-color: #3f3f3f;
    border-left-color: rgba(63, 63, 63, var(--tw-border-opacity))
}

.border-r-primaryRed {
    border-right-color: #f02d37;
    border-right-color: var(--primary-red)
}

.border-t-\[\#ddd\] {
    --tw-border-opacity: 1;
    border-top-color: #ddd;
    border-top-color: rgba(221, 221, 221, var(--tw-border-opacity))
}

.border-t-black {
    --tw-border-opacity: 1;
    border-top-color: #000;
    border-top-color: rgba(0, 0, 0, var(--tw-border-opacity))
}

.\!bg-\[\#FF8000\] {
    --tw-bg-opacity: 1 !important;
    background-color: #ff8000 !important;
    background-color: rgba(255, 128, 0, var(--tw-bg-opacity)) !important
}

.\!bg-\[\#bbb\] {
    --tw-bg-opacity: 1 !important;
    background-color: #bbb !important;
    background-color: rgba(187, 187, 187, var(--tw-bg-opacity)) !important
}

.\!bg-primary-bg {
    --tw-bg-opacity: 1 !important;
    background-color: #fff !important;
    background-color: rgba(255, 255, 255, var(--tw-bg-opacity)) !important
}

.\!bg-transparent {
    background-color: transparent !important
}

.bg-333 {
    background-color: #333;
    background-color: var(--color-black-333)
}

.bg-\[\#00000040\] {
    background-color: rgba(0, 0, 0, .251)
}

.bg-\[\#0000007f\] {
    background-color: rgba(0, 0, 0, .498)
}

.bg-\[\#000000cc\] {
    background-color: rgba(0, 0, 0, .8)
}

.bg-\[\#0006\] {
    background-color: rgba(0, 0, 0, .4)
}

.bg-\[\#000\] {
    --tw-bg-opacity: 1;
    background-color: #000;
    background-color: rgba(0, 0, 0, var(--tw-bg-opacity))
}

.bg-\[\#004CDF\] {
    --tw-bg-opacity: 1;
    background-color: #004cdf;
    background-color: rgba(0, 76, 223, var(--tw-bg-opacity))
}

.bg-\[\#020C1F\] {
    --tw-bg-opacity: 1;
    background-color: #020c1f;
    background-color: rgba(2, 12, 31, var(--tw-bg-opacity))
}

.bg-\[\#041414\] {
    --tw-bg-opacity: 1;
    background-color: #041414;
    background-color: rgba(4, 20, 20, var(--tw-bg-opacity))
}

.bg-\[\#131516\] {
    --tw-bg-opacity: 1;
    background-color: #131516;
    background-color: rgba(19, 21, 22, var(--tw-bg-opacity))
}

.bg-\[\#1A1B1C\] {
    --tw-bg-opacity: 1;
    background-color: #1a1b1c;
    background-color: rgba(26, 27, 28, var(--tw-bg-opacity))
}

.bg-\[\#1DB6B6\] {
    --tw-bg-opacity: 1;
    background-color: #1db6b6;
    background-color: rgba(29, 182, 182, var(--tw-bg-opacity))
}

.bg-\[\#252525\] {
    --tw-bg-opacity: 1;
    background-color: #252525;
    background-color: rgba(37, 37, 37, var(--tw-bg-opacity))
}

.bg-\[\#29292C\] {
    --tw-bg-opacity: 1;
    background-color: #29292c;
    background-color: rgba(41, 41, 44, var(--tw-bg-opacity))
}

.bg-\[\#293742\] {
    --tw-bg-opacity: 1;
    background-color: #293742;
    background-color: rgba(41, 55, 66, var(--tw-bg-opacity))
}

.bg-\[\#2C2D30\] {
    --tw-bg-opacity: 1;
    background-color: #2c2d30;
    background-color: rgba(44, 45, 48, var(--tw-bg-opacity))
}

.bg-\[\#30ae98\] {
    --tw-bg-opacity: 1;
    background-color: #30ae98;
    background-color: rgba(48, 174, 152, var(--tw-bg-opacity))
}

.bg-\[\#333535\] {
    --tw-bg-opacity: 1;
    background-color: #333535;
    background-color: rgba(51, 53, 53, var(--tw-bg-opacity))
}

.bg-\[\#333\] {
    --tw-bg-opacity: 1;
    background-color: #333;
    background-color: rgba(51, 51, 51, var(--tw-bg-opacity))
}

.bg-\[\#366ED6\] {
    --tw-bg-opacity: 1;
    background-color: #366ed6;
    background-color: rgba(54, 110, 214, var(--tw-bg-opacity))
}

.bg-\[\#372A3A\] {
    --tw-bg-opacity: 1;
    background-color: #372a3a;
    background-color: rgba(55, 42, 58, var(--tw-bg-opacity))
}

.bg-\[\#3C7EFF\] {
    --tw-bg-opacity: 1;
    background-color: #3c7eff;
    background-color: rgba(60, 126, 255, var(--tw-bg-opacity))
}

.bg-\[\#3C9D68\] {
    --tw-bg-opacity: 1;
    background-color: #3c9d68;
    background-color: rgba(60, 157, 104, var(--tw-bg-opacity))
}

.bg-\[\#422B2B\] {
    --tw-bg-opacity: 1;
    background-color: #422b2b;
    background-color: rgba(66, 43, 43, var(--tw-bg-opacity))
}

.bg-\[\#444\] {
    --tw-bg-opacity: 1;
    background-color: #444;
    background-color: rgba(68, 68, 68, var(--tw-bg-opacity))
}

.bg-\[\#49BFF5\] {
    --tw-bg-opacity: 1;
    background-color: #49bff5;
    background-color: rgba(73, 191, 245, var(--tw-bg-opacity))
}

.bg-\[\#512626\] {
    --tw-bg-opacity: 1;
    background-color: #512626;
    background-color: rgba(81, 38, 38, var(--tw-bg-opacity))
}

.bg-\[\#528dff\] {
    --tw-bg-opacity: 1;
    background-color: #528dff;
    background-color: rgba(82, 141, 255, var(--tw-bg-opacity))
}

.bg-\[\#555\] {
    --tw-bg-opacity: 1;
    background-color: #555;
    background-color: rgba(85, 85, 85, var(--tw-bg-opacity))
}

.bg-\[\#595cff\] {
    --tw-bg-opacity: 1;
    background-color: #595cff;
    background-color: rgba(89, 92, 255, var(--tw-bg-opacity))
}

.bg-\[\#5C2020\] {
    --tw-bg-opacity: 1;
    background-color: #5c2020;
    background-color: rgba(92, 32, 32, var(--tw-bg-opacity))
}

.bg-\[\#662012\] {
    --tw-bg-opacity: 1;
    background-color: #662012;
    background-color: rgba(102, 32, 18, var(--tw-bg-opacity))
}

.bg-\[\#6853E7\] {
    --tw-bg-opacity: 1;
    background-color: #6853e7;
    background-color: rgba(104, 83, 231, var(--tw-bg-opacity))
}

.bg-\[\#6ecefe\] {
    --tw-bg-opacity: 1;
    background-color: #6ecefe;
    background-color: rgba(110, 206, 254, var(--tw-bg-opacity))
}

.bg-\[\#7480F2\] {
    --tw-bg-opacity: 1;
    background-color: #7480f2;
    background-color: rgba(116, 128, 242, var(--tw-bg-opacity))
}

.bg-\[\#8d39cf7f\] {
    background-color: rgba(141, 57, 207, .498)
}

.bg-\[\#9B286D\] {
    --tw-bg-opacity: 1;
    background-color: #9b286d;
    background-color: rgba(155, 40, 109, var(--tw-bg-opacity))
}

.bg-\[\#BD8066\] {
    --tw-bg-opacity: 1;
    background-color: #bd8066;
    background-color: rgba(189, 128, 102, var(--tw-bg-opacity))
}

.bg-\[\#DCB888\] {
    --tw-bg-opacity: 1;
    background-color: #dcb888;
    background-color: rgba(220, 184, 136, var(--tw-bg-opacity))
}

.bg-\[\#EBE5FF\] {
    --tw-bg-opacity: 1;
    background-color: #ebe5ff;
    background-color: rgba(235, 229, 255, var(--tw-bg-opacity))
}

.bg-\[\#F02D37\] {
    --tw-bg-opacity: 1;
    background-color: #f02d37;
    background-color: rgba(240, 45, 55, var(--tw-bg-opacity))
}

.bg-\[\#F2F7FF\] {
    --tw-bg-opacity: 1;
    background-color: #f2f7ff;
    background-color: rgba(242, 247, 255, var(--tw-bg-opacity))
}

.bg-\[\#F2FFF2\] {
    --tw-bg-opacity: 1;
    background-color: #f2fff2;
    background-color: rgba(242, 255, 242, var(--tw-bg-opacity))
}

.bg-\[\#F3F3F3\] {
    --tw-bg-opacity: 1;
    background-color: #f3f3f3;
    background-color: rgba(243, 243, 243, var(--tw-bg-opacity))
}

.bg-\[\#F6F6F6\] {
    --tw-bg-opacity: 1;
    background-color: #f6f6f6;
    background-color: rgba(246, 246, 246, var(--tw-bg-opacity))
}

.bg-\[\#F73873\]\/\[0\.8\] {
    background-color: rgba(247, 56, 115, .8)
}

.bg-\[\#F7F8FA\] {
    --tw-bg-opacity: 1;
    background-color: #f7f8fa;
    background-color: rgba(247, 248, 250, var(--tw-bg-opacity))
}

.bg-\[\#FAEECE\] {
    --tw-bg-opacity: 1;
    background-color: #faeece;
    background-color: rgba(250, 238, 206, var(--tw-bg-opacity))
}

.bg-\[\#FAFAFA\] {
    --tw-bg-opacity: 1;
    background-color: #fafafa;
    background-color: rgba(250, 250, 250, var(--tw-bg-opacity))
}

.bg-\[\#FCE6FC\] {
    --tw-bg-opacity: 1;
    background-color: #fce6fc;
    background-color: rgba(252, 230, 252, var(--tw-bg-opacity))
}

.bg-\[\#FCF2FF\] {
    --tw-bg-opacity: 1;
    background-color: #fcf2ff;
    background-color: rgba(252, 242, 255, var(--tw-bg-opacity))
}

.bg-\[\#FDF4A3\] {
    --tw-bg-opacity: 1;
    background-color: #fdf4a3;
    background-color: rgba(253, 244, 163, var(--tw-bg-opacity))
}

.bg-\[\#FF323A\] {
    --tw-bg-opacity: 1;
    background-color: #ff323a;
    background-color: rgba(255, 50, 58, var(--tw-bg-opacity))
}

.bg-\[\#FF3E45\] {
    --tw-bg-opacity: 1;
    background-color: #ff3e45;
    background-color: rgba(255, 62, 69, var(--tw-bg-opacity))
}

.bg-\[\#FF474E\] {
    --tw-bg-opacity: 1;
    background-color: #ff474e;
    background-color: rgba(255, 71, 78, var(--tw-bg-opacity))
}

.bg-\[\#FF5B5B\] {
    --tw-bg-opacity: 1;
    background-color: #ff5b5b;
    background-color: rgba(255, 91, 91, var(--tw-bg-opacity))
}

.bg-\[\#FFC452\] {
    --tw-bg-opacity: 1;
    background-color: #ffc452;
    background-color: rgba(255, 196, 82, var(--tw-bg-opacity))
}

.bg-\[\#FFDFDB\] {
    --tw-bg-opacity: 1;
    background-color: #ffdfdb;
    background-color: rgba(255, 223, 219, var(--tw-bg-opacity))
}

.bg-\[\#FFE7F8\] {
    --tw-bg-opacity: 1;
    background-color: #ffe7f8;
    background-color: rgba(255, 231, 248, var(--tw-bg-opacity))
}

.bg-\[\#FFF2EA\] {
    --tw-bg-opacity: 1;
    background-color: #fff2ea;
    background-color: rgba(255, 242, 234, var(--tw-bg-opacity))
}

.bg-\[\#FFF2F2\] {
    --tw-bg-opacity: 1;
    background-color: #fff2f2;
    background-color: rgba(255, 242, 242, var(--tw-bg-opacity))
}

.bg-\[\#FFF7EA\] {
    --tw-bg-opacity: 1;
    background-color: #fff7ea;
    background-color: rgba(255, 247, 234, var(--tw-bg-opacity))
}

.bg-\[\#FFF9D6\] {
    --tw-bg-opacity: 1;
    background-color: #fff9d6;
    background-color: rgba(255, 249, 214, var(--tw-bg-opacity))
}

.bg-\[\#aaa\] {
    --tw-bg-opacity: 1;
    background-color: #aaa;
    background-color: rgba(170, 170, 170, var(--tw-bg-opacity))
}

.bg-\[\#c2c2c2\] {
    --tw-bg-opacity: 1;
    background-color: #c2c2c2;
    background-color: rgba(194, 194, 194, var(--tw-bg-opacity))
}

.bg-\[\#ddd\] {
    --tw-bg-opacity: 1;
    background-color: #ddd;
    background-color: rgba(221, 221, 221, var(--tw-bg-opacity))
}

.bg-\[\#e9e9e9\] {
    --tw-bg-opacity: 1;
    background-color: #e9e9e9;
    background-color: rgba(233, 233, 233, var(--tw-bg-opacity))
}

.bg-\[\#eee\] {
    --tw-bg-opacity: 1;
    background-color: #eee;
    background-color: rgba(238, 238, 238, var(--tw-bg-opacity))
}

.bg-\[\#eef1f4\] {
    --tw-bg-opacity: 1;
    background-color: #eef1f4;
    background-color: rgba(238, 241, 244, var(--tw-bg-opacity))
}

.bg-\[\#f02d37\] {
    --tw-bg-opacity: 1;
    background-color: #f02d37;
    background-color: rgba(240, 45, 55, var(--tw-bg-opacity))
}

.bg-\[\#f1423d\] {
    --tw-bg-opacity: 1;
    background-color: #f1423d;
    background-color: rgba(241, 66, 61, var(--tw-bg-opacity))
}

.bg-\[\#f1f1f1\] {
    --tw-bg-opacity: 1;
    background-color: #f1f1f1;
    background-color: rgba(241, 241, 241, var(--tw-bg-opacity))
}

.bg-\[\#f1ffd1\] {
    --tw-bg-opacity: 1;
    background-color: #f1ffd1;
    background-color: rgba(241, 255, 209, var(--tw-bg-opacity))
}

.bg-\[\#f2f2f2\] {
    --tw-bg-opacity: 1;
    background-color: #f2f2f2;
    background-color: rgba(242, 242, 242, var(--tw-bg-opacity))
}

.bg-\[\#f2f2f5\] {
    --tw-bg-opacity: 1;
    background-color: #f2f2f5;
    background-color: rgba(242, 242, 245, var(--tw-bg-opacity))
}

.bg-\[\#f5f5f5\] {
    --tw-bg-opacity: 1;
    background-color: #f5f5f5;
    background-color: rgba(245, 245, 245, var(--tw-bg-opacity))
}

.bg-\[\#f7f7f7\] {
    --tw-bg-opacity: 1;
    background-color: #f7f7f7;
    background-color: rgba(247, 247, 247, var(--tw-bg-opacity))
}

.bg-\[\#f7f8fa\] {
    --tw-bg-opacity: 1;
    background-color: #f7f8fa;
    background-color: rgba(247, 248, 250, var(--tw-bg-opacity))
}

.bg-\[\#f8464b\] {
    --tw-bg-opacity: 1;
    background-color: #f8464b;
    background-color: rgba(248, 70, 75, var(--tw-bg-opacity))
}

.bg-\[\#f8f8f8\] {
    --tw-bg-opacity: 1;
    background-color: #f8f8f8;
    background-color: rgba(248, 248, 248, var(--tw-bg-opacity))
}

.bg-\[\#f9a127\] {
    --tw-bg-opacity: 1;
    background-color: #f9a127;
    background-color: rgba(249, 161, 39, var(--tw-bg-opacity))
}

.bg-\[\#f9f9f9\] {
    --tw-bg-opacity: 1;
    background-color: #f9f9f9;
    background-color: rgba(249, 249, 249, var(--tw-bg-opacity))
}

.bg-\[\#fdf2ff\] {
    --tw-bg-opacity: 1;
    background-color: #fdf2ff;
    background-color: rgba(253, 242, 255, var(--tw-bg-opacity))
}

.bg-\[\#fdff89\] {
    --tw-bg-opacity: 1;
    background-color: #fdff89;
    background-color: rgba(253, 255, 137, var(--tw-bg-opacity))
}

.bg-\[\#ff1522\] {
    --tw-bg-opacity: 1;
    background-color: #ff1522;
    background-color: rgba(255, 21, 34, var(--tw-bg-opacity))
}

.bg-\[\#ff323a\] {
    --tw-bg-opacity: 1;
    background-color: #ff323a;
    background-color: rgba(255, 50, 58, var(--tw-bg-opacity))
}

.bg-\[\#ff4f4f\] {
    --tw-bg-opacity: 1;
    background-color: #ff4f4f;
    background-color: rgba(255, 79, 79, var(--tw-bg-opacity))
}

.bg-\[\#ff963a\] {
    --tw-bg-opacity: 1;
    background-color: #ff963a;
    background-color: rgba(255, 150, 58, var(--tw-bg-opacity))
}

.bg-\[\#fff\] {
    --tw-bg-opacity: 1;
    background-color: #fff;
    background-color: rgba(255, 255, 255, var(--tw-bg-opacity))
}

.bg-\[\#fffacc\] {
    --tw-bg-opacity: 1;
    background-color: #fffacc;
    background-color: rgba(255, 250, 204, var(--tw-bg-opacity))
}

.bg-\[\#fffbed\] {
    --tw-bg-opacity: 1;
    background-color: #fffbed;
    background-color: rgba(255, 251, 237, var(--tw-bg-opacity))
}

.bg-\[\#fffde7\] {
    --tw-bg-opacity: 1;
    background-color: #fffde7;
    background-color: rgba(255, 253, 231, var(--tw-bg-opacity))
}

.bg-\[\#ffffff0d\] {
    background-color: hsla(0, 0%, 100%, .051)
}

.bg-\[\#ffffff\] {
    --tw-bg-opacity: 1;
    background-color: #fff;
    background-color: rgba(255, 255, 255, var(--tw-bg-opacity))
}

.bg-\[none\] {
    background-color: none
}

.bg-\[rgb\(240\2c 45\2c 55\)\] {
    --tw-bg-opacity: 1;
    background-color: #f02d37;
    background-color: rgba(240, 45, 55, var(--tw-bg-opacity))
}

.bg-\[rgba\(0\2c 0\2c 0\2c 0\.5\)\] {
    background-color: rgba(0, 0, 0, .5)
}

.bg-\[rgba\(0\2c 0\2c 0\2c 0\.8\)\] {
    background-color: rgba(0, 0, 0, .8)
}

.bg-\[unset\] {
    background-color: transparent;
    background-color: initial
}

.bg-arrowBtnDark {
    background-color: #3f4145;
    background-color: var(--color-gray-3f4145)
}

.bg-black {
    --tw-bg-opacity: 1;
    background-color: #000;
    background-color: rgba(0, 0, 0, var(--tw-bg-opacity))
}

.bg-black\/\[\.5\] {
    background-color: rgba(0, 0, 0, .5)
}

.bg-blue-100 {
    --tw-bg-opacity: 1;
    background-color: #e1effe;
    background-color: rgba(225, 239, 254, var(--tw-bg-opacity))
}

.bg-blue-200 {
    --tw-bg-opacity: 1;
    background-color: #c3ddfd;
    background-color: rgba(195, 221, 253, var(--tw-bg-opacity))
}

.bg-blue-50 {
    --tw-bg-opacity: 1;
    background-color: #ebf5ff;
    background-color: rgba(235, 245, 255, var(--tw-bg-opacity))
}

.bg-blue-600 {
    --tw-bg-opacity: 1;
    background-color: #1c64f2;
    background-color: rgba(28, 100, 242, var(--tw-bg-opacity))
}

.bg-blue-700 {
    --tw-bg-opacity: 1;
    background-color: #1a56db;
    background-color: rgba(26, 86, 219, var(--tw-bg-opacity))
}

.bg-borderDark {
    background-color: #3f3f3f;
    background-color: var(--color-gray-3f3f3f)
}

.bg-cyan-500 {
    --tw-bg-opacity: 1;
    background-color: #06b6d4;
    background-color: rgba(6, 182, 212, var(--tw-bg-opacity))
}

.bg-eee {
    background-color: #eee;
    background-color: var(--color-gray-eee)
}

.bg-gray-100 {
    --tw-bg-opacity: 1;
    background-color: #f3f4f6;
    background-color: rgba(243, 244, 246, var(--tw-bg-opacity))
}

.bg-gray-200 {
    --tw-bg-opacity: 1;
    background-color: #e5e7eb;
    background-color: rgba(229, 231, 235, var(--tw-bg-opacity))
}

.bg-gray-400 {
    --tw-bg-opacity: 1;
    background-color: #9ca3af;
    background-color: rgba(156, 163, 175, var(--tw-bg-opacity))
}

.bg-gray-50 {
    --tw-bg-opacity: 1;
    background-color: #f9fafb;
    background-color: rgba(249, 250, 251, var(--tw-bg-opacity))
}

.bg-gray-500 {
    --tw-bg-opacity: 1;
    background-color: #6b7280;
    background-color: rgba(107, 114, 128, var(--tw-bg-opacity))
}

.bg-gray-600 {
    --tw-bg-opacity: 1;
    background-color: #4b5563;
    background-color: rgba(75, 85, 99, var(--tw-bg-opacity))
}

.bg-gray-700 {
    --tw-bg-opacity: 1;
    background-color: #374151;
    background-color: rgba(55, 65, 81, var(--tw-bg-opacity))
}

.bg-gray-800 {
    --tw-bg-opacity: 1;
    background-color: #1f2937;
    background-color: rgba(31, 41, 55, var(--tw-bg-opacity))
}

.bg-gray-900 {
    --tw-bg-opacity: 1;
    background-color: #111827;
    background-color: rgba(17, 24, 39, var(--tw-bg-opacity))
}

.bg-green-100 {
    --tw-bg-opacity: 1;
    background-color: #def7ec;
    background-color: rgba(222, 247, 236, var(--tw-bg-opacity))
}

.bg-green-400 {
    --tw-bg-opacity: 1;
    background-color: #31c48d;
    background-color: rgba(49, 196, 141, var(--tw-bg-opacity))
}

.bg-green-50 {
    --tw-bg-opacity: 1;
    background-color: #f3faf7;
    background-color: rgba(243, 250, 247, var(--tw-bg-opacity))
}

.bg-green-500 {
    --tw-bg-opacity: 1;
    background-color: #0e9f6e;
    background-color: rgba(14, 159, 110, var(--tw-bg-opacity))
}

.bg-green-600 {
    --tw-bg-opacity: 1;
    background-color: #057a55;
    background-color: rgba(5, 122, 85, var(--tw-bg-opacity))
}

.bg-green-700 {
    --tw-bg-opacity: 1;
    background-color: #046c4e;
    background-color: rgba(4, 108, 78, var(--tw-bg-opacity))
}

.bg-headAndFootBgDark {
    background-color: #29292c;
    background-color: var(--color-gray-29292C)
}

.bg-indigo-100 {
    --tw-bg-opacity: 1;
    background-color: #e5edff;
    background-color: rgba(229, 237, 255, var(--tw-bg-opacity))
}

.bg-indigo-400 {
    --tw-bg-opacity: 1;
    background-color: #8da2fb;
    background-color: rgba(141, 162, 251, var(--tw-bg-opacity))
}

.bg-indigo-600 {
    --tw-bg-opacity: 1;
    background-color: #5850ec;
    background-color: rgba(88, 80, 236, var(--tw-bg-opacity))
}

.bg-inherit {
    background-color: inherit
}

.bg-lime-400 {
    --tw-bg-opacity: 1;
    background-color: #a3e635;
    background-color: rgba(163, 230, 53, var(--tw-bg-opacity))
}

.bg-pink-100 {
    --tw-bg-opacity: 1;
    background-color: #fce8f3;
    background-color: rgba(252, 232, 243, var(--tw-bg-opacity))
}

.bg-pink-600 {
    --tw-bg-opacity: 1;
    background-color: #d61f69;
    background-color: rgba(214, 31, 105, var(--tw-bg-opacity))
}

.bg-primary-bg {
    --tw-bg-opacity: 1;
    background-color: #fff;
    background-color: rgba(255, 255, 255, var(--tw-bg-opacity))
}

.bg-primary-button-bg-disabled {
    --tw-bg-opacity: 1;
    background-color: #bbb;
    background-color: rgba(187, 187, 187, var(--tw-bg-opacity))
}

.bg-primary-button-bg-point {
    --tw-bg-opacity: 1;
    background-color: #f02d37;
    background-color: rgba(240, 45, 55, var(--tw-bg-opacity))
}

.bg-primaryRed {
    background-color: #f02d37;
    background-color: var(--primary-red)
}

.bg-purple-100 {
    --tw-bg-opacity: 1;
    background-color: #edebfe;
    background-color: rgba(237, 235, 254, var(--tw-bg-opacity))
}

.bg-purple-50 {
    --tw-bg-opacity: 1;
    background-color: #f6f5ff;
    background-color: rgba(246, 245, 255, var(--tw-bg-opacity))
}

.bg-purple-600 {
    --tw-bg-opacity: 1;
    background-color: #7e3af2;
    background-color: rgba(126, 58, 242, var(--tw-bg-opacity))
}

.bg-purple-700 {
    --tw-bg-opacity: 1;
    background-color: #6c2bd9;
    background-color: rgba(108, 43, 217, var(--tw-bg-opacity))
}

.bg-red-100 {
    --tw-bg-opacity: 1;
    background-color: #fde8e8;
    background-color: rgba(253, 232, 232, var(--tw-bg-opacity))
}

.bg-red-400 {
    --tw-bg-opacity: 1;
    background-color: #f98080;
    background-color: rgba(249, 128, 128, var(--tw-bg-opacity))
}

.bg-red-50 {
    --tw-bg-opacity: 1;
    background-color: #fdf2f2;
    background-color: rgba(253, 242, 242, var(--tw-bg-opacity))
}

.bg-red-600 {
    --tw-bg-opacity: 1;
    background-color: #e02424;
    background-color: rgba(224, 36, 36, var(--tw-bg-opacity))
}

.bg-red-700 {
    --tw-bg-opacity: 1;
    background-color: #c81e1e;
    background-color: rgba(200, 30, 30, var(--tw-bg-opacity))
}

.bg-secondaryBlack {
    --tw-bg-opacity: 1;
    background-color: #2c2d30;
    background-color: rgba(44, 45, 48, var(--tw-bg-opacity))
}

.bg-secondaryRed {
    background-color: #ff323a;
    background-color: var(--secondary-red)
}

.bg-slate-50 {
    --tw-bg-opacity: 1;
    background-color: #f8fafc;
    background-color: rgba(248, 250, 252, var(--tw-bg-opacity))
}

.bg-transparent {
    background-color: transparent
}

.bg-white {
    --tw-bg-opacity: 1;
    background-color: #fff;
    background-color: rgba(255, 255, 255, var(--tw-bg-opacity))
}

.bg-white\/30 {
    background-color: hsla(0, 0%, 100%, .3)
}

.bg-white\/50 {
    background-color: hsla(0, 0%, 100%, .5)
}

.bg-yellow-100 {
    --tw-bg-opacity: 1;
    background-color: #fdf6b2;
    background-color: rgba(253, 246, 178, var(--tw-bg-opacity))
}

.bg-yellow-400 {
    --tw-bg-opacity: 1;
    background-color: #e3a008;
    background-color: rgba(227, 160, 8, var(--tw-bg-opacity))
}

.bg-yellow-50 {
    --tw-bg-opacity: 1;
    background-color: #fdfdea;
    background-color: rgba(253, 253, 234, var(--tw-bg-opacity))
}

.bg-yellow-600 {
    --tw-bg-opacity: 1;
    background-color: #9f580a;
    background-color: rgba(159, 88, 10, var(--tw-bg-opacity))
}

.bg-opacity-0 {
    --tw-bg-opacity: 0
}

.bg-opacity-50 {
    --tw-bg-opacity: 0.5
}

.bg-opacity-\[0\.85\] {
    --tw-bg-opacity: 0.85
}

.bg-\[url\(\"\/images\/alert\/arrow_next\.svg\"\)\] {
    background-image: url(/images/alert/arrow_next.svg)
}

.bg-\[url\(\"\/images\/alert\/arrow_next_active\.svg\"\)\] {
    background-image: url(/images/alert/arrow_next_active.svg)
}

.bg-\[url\(\"\/images\/alert\/arrow_prev\.svg\"\)\] {
    background-image: url(/images/alert/arrow_prev.svg)
}

.bg-\[url\(\"\/images\/alert\/arrow_prev_active\.svg\"\)\] {
    background-image: url(/images/alert/arrow_prev_active.svg)
}

.bg-\[url\(\"\/images\/common\/event\/christmas\/img_bg_active_pc\.svg\"\)\] {
    background-image: url(/images/common/event/christmas/img_bg_active_pc.svg)
}

.bg-\[url\(\"\/images\/common\/event\/halloween\/img_daily_grave\.png\"\)\] {
    background-image: url(/images/common/event/halloween/img_daily_grave.png)
}

.bg-\[url\(\"\/images\/mature_btn\/light\/mature_lock\.png\"\)\] {
    background-image: url(/images/mature_btn/light/mature_lock.png)
}

.bg-\[url\(\"\/images\/mature_btn\/light\/mature_unlock\.png\"\)\] {
    background-image: url(/images/mature_btn/light/mature_unlock.png)
}

.bg-\[url\(\"\/images\/viewer\/tooltip_arrow\.png\"\)\] {
    background-image: url(/images/viewer/tooltip_arrow.png)
}

.bg-\[url\(\'\/images\/alert\/mature_lock\.png\'\)\] {
    background-image: url(/images/alert/mature_lock.png)
}

.bg-\[url\(\'\/images\/common\/icon_giftbox_white\.png\'\)\] {
    background-image: url(/images/common/icon_giftbox_white.png)
}

.bg-\[url\(\'\/images\/common\/icon_headmenu_white\.png\'\)\] {
    background-image: url(/images/common/icon_headmenu_white.png)
}

.bg-\[url\(\'\/images\/common\/icon_run\.png\'\)\] {
    background-image: url(/images/common/icon_run.png)
}

.bg-\[url\(\'\/images\/error\/userBlock\/title_back\.png\'\)\] {
    background-image: url(/images/error/userBlock/title_back.png)
}

.bg-\[url\(\'\/images\/gift\/gift_bg_purple\.png\'\)\] {
    background-image: url(/images/gift/gift_bg_purple.png)
}

.bg-\[url\(\'\/images\/gift\/gift_bg_red\.png\'\)\] {
    background-image: url(/images/gift/gift_bg_red.png)
}

.bg-\[url\(\'\/images\/ipblock\/bg_w\.jpg\'\)\] {
    background-image: url(/images/ipblock/bg_w.jpg)
}

.bg-\[url\(\'\/images\/library\/light\/img_empty_followingSubscribe\.png\'\)\] {
    background-image: url(/images/library/light/img_empty_followingSubscribe.png)
}

.bg-\[url\(\'\/images\/library\/light\/img_empty_recent\.png\'\)\] {
    background-image: url(/images/library/light/img_empty_recent.png)
}

.bg-\[url\(\'\/images\/library\/light\/img_empty_subscribed\.png\'\)\] {
    background-image: url(/images/library/light/img_empty_subscribed.png)
}

.bg-\[url\(\'\/images\/svg\/icon_thumbsup\.svg\'\)\] {
    background-image: url(/images/svg/icon_thumbsup.svg)
}

.bg-\[url\(\'\/images\/svg\/viewer_help\/arrow_episode\.svg\'\)\] {
    background-image: url(/images/svg/viewer_help/arrow_episode.svg)
}

.bg-\[url\(\'\/images\/svg\/viewer_help\/arrow_eplist\.svg\'\)\] {
    background-image: url(/images/svg/viewer_help/arrow_eplist.svg)
}

.bg-\[url\(\'\/images\/svg\/viewer_help\/arrow_keep\.svg\'\)\] {
    background-image: url(/images/svg/viewer_help/arrow_keep.svg)
}

.bg-\[url\(\'\/images\/svg\/viewer_help\/arrow_like\.svg\'\)\] {
    background-image: url(/images/svg/viewer_help/arrow_like.svg)
}

.bg-\[url\(\'\/images\/svg\/viewer_help\/arrow_main\.svg\'\)\] {
    background-image: url(/images/svg/viewer_help/arrow_main.svg)
}

.bg-\[url\(\'\/images\/svg\/viewer_help\/arrow_next\.svg\'\)\] {
    background-image: url(/images/svg/viewer_help/arrow_next.svg)
}

.bg-\[url\(\'\/images\/svg\/viewer_help\/arrow_prev\.svg\'\)\] {
    background-image: url(/images/svg/viewer_help/arrow_prev.svg)
}

.bg-\[url\(\'\/images\/svg\/viewer_help\/arrow_verify\.svg\'\)\] {
    background-image: url(/images/svg/viewer_help/arrow_verify.svg)
}

.bg-\[url\(\'\/images\/svg\/viewer_help\/ico_close_help\.svg\'\)\] {
    background-image: url(/images/svg/viewer_help/ico_close_help.svg)
}

.bg-\[url\(\'\/images\/viewer\/arrow_next\.png\'\)\] {
    background-image: url(/images/viewer/arrow_next.png)
}

.bg-\[url\(\'\/images\/viewer\/arrow_prev\.png\'\)\] {
    background-image: url(/images/viewer/arrow_prev.png)
}

.bg-\[url\(\'\/images\/viewer\/icon_home_white\.png\'\)\] {
    background-image: url(/images/viewer/icon_home_white.png)
}

.bg-\[url\(\'\/images\/viewer\/icon_sub_back_wt\.png\'\)\] {
    background-image: url(/images/viewer/icon_sub_back_wt.png)
}

.bg-autoRefillBgImg {
    background-image: url(/images/alert/autoRefill/img_auto_refill_bg.png)
}

.bg-episodeWaitBadge,
.bg-fawTicketmodalBtn {
    background-image: linear-gradient(270deg, #f58a36, #ffa53c)
}

.bg-freeTicketBadge {
    background-image: linear-gradient(90deg, rgba(192, 115, 250, .7), rgba(174, 93, 238, .7))
}

.bg-freeTicketmodalBtn {
    background-image: linear-gradient(98deg, #c175fb, #ae5cee)
}

.bg-gnbActive {
    background-image: linear-gradient(90deg, #ff323a, #ff8a00 114.89%)
}

.bg-gnbChildrenActive {
    background-image: linear-gradient(#fff, #fff) padding-box, linear-gradient(0deg, #ff323a, #ff8a00) border-box
}

.bg-newNotice {
    background-image: linear-gradient(90deg, #ff323a, #ff8a00)
}

.bg-sideMenu {
    background-image: linear-gradient(90deg, #5ceaea, #4394e4 114%, #00c2ff)
}

.from-blue-500 {
    --tw-gradient-from: #3f83f8 var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(63, 131, 248, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-cyan-400 {
    --tw-gradient-from: #22d3ee var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(34, 211, 238, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-cyan-500 {
    --tw-gradient-from: #06b6d4 var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(6, 182, 212, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-green-400 {
    --tw-gradient-from: #31c48d var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(49, 196, 141, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-lime-200 {
    --tw-gradient-from: #d9f99d var(--tw-gradient-from-position);
    --tw-gradient-to: hsla(81, 88%, 80%, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-pink-400 {
    --tw-gradient-from: #f17eb8 var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(241, 126, 184, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-pink-500 {
    --tw-gradient-from: #e74694 var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(231, 70, 148, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-purple-500 {
    --tw-gradient-from: #9061f9 var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(144, 97, 249, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-purple-600 {
    --tw-gradient-from: #7e3af2 var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(126, 58, 242, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-red-200 {
    --tw-gradient-from: #fbd5d5 var(--tw-gradient-from-position);
    --tw-gradient-to: hsla(0, 83%, 91%, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-red-400 {
    --tw-gradient-from: #f98080 var(--tw-gradient-from-position);
    --tw-gradient-to: hsla(0, 91%, 74%, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-teal-200 {
    --tw-gradient-from: #afecef var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(175, 236, 239, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-teal-400 {
    --tw-gradient-from: #16bdca var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(22, 189, 202, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.via-blue-600 {
    --tw-gradient-to: rgba(28, 100, 242, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), #1c64f2 var(--tw-gradient-via-position), var(--tw-gradient-to)
}

.via-cyan-500 {
    --tw-gradient-to: rgba(6, 182, 212, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), #06b6d4 var(--tw-gradient-via-position), var(--tw-gradient-to)
}

.via-green-500 {
    --tw-gradient-to: rgba(14, 159, 110, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), #0e9f6e var(--tw-gradient-via-position), var(--tw-gradient-to)
}

.via-lime-400 {
    --tw-gradient-to: rgba(163, 230, 53, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), #a3e635 var(--tw-gradient-via-position), var(--tw-gradient-to)
}

.via-pink-500 {
    --tw-gradient-to: rgba(231, 70, 148, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), #e74694 var(--tw-gradient-via-position), var(--tw-gradient-to)
}

.via-purple-600 {
    --tw-gradient-to: rgba(126, 58, 242, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), #7e3af2 var(--tw-gradient-via-position), var(--tw-gradient-to)
}

.via-red-300 {
    --tw-gradient-to: hsla(0, 83%, 84%, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), #f8b4b4 var(--tw-gradient-via-position), var(--tw-gradient-to)
}

.via-red-500 {
    --tw-gradient-to: rgba(240, 82, 82, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), #f05252 var(--tw-gradient-via-position), var(--tw-gradient-to)
}

.via-teal-500 {
    --tw-gradient-to: rgba(6, 148, 162, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), #0694a2 var(--tw-gradient-via-position), var(--tw-gradient-to)
}

.to-blue-500 {
    --tw-gradient-to: #3f83f8 var(--tw-gradient-to-position)
}

.to-blue-600 {
    --tw-gradient-to: #1c64f2 var(--tw-gradient-to-position)
}

.to-blue-700 {
    --tw-gradient-to: #1a56db var(--tw-gradient-to-position)
}

.to-cyan-600 {
    --tw-gradient-to: #0891b2 var(--tw-gradient-to-position)
}

.to-green-600 {
    --tw-gradient-to: #057a55 var(--tw-gradient-to-position)
}

.to-lime-200 {
    --tw-gradient-to: #d9f99d var(--tw-gradient-to-position)
}

.to-lime-500 {
    --tw-gradient-to: #84cc16 var(--tw-gradient-to-position)
}

.to-orange-400 {
    --tw-gradient-to: #ff8a4c var(--tw-gradient-to-position)
}

.to-pink-500 {
    --tw-gradient-to: #e74694 var(--tw-gradient-to-position)
}

.to-pink-600 {
    --tw-gradient-to: #d61f69 var(--tw-gradient-to-position)
}

.to-purple-700 {
    --tw-gradient-to: #6c2bd9 var(--tw-gradient-to-position)
}

.to-red-600 {
    --tw-gradient-to: #e02424 var(--tw-gradient-to-position)
}

.to-teal-600 {
    --tw-gradient-to: #047481 var(--tw-gradient-to-position)
}

.to-yellow-200 {
    --tw-gradient-to: #fce96a var(--tw-gradient-to-position)
}

.bg-\[length\:100\%\] {
    background-size: 100%
}

.bg-\[length\:100\%_100\%\] {
    background-size: 100% 100%
}

.bg-\[length\:100px\] {
    background-size: 100px
}

.bg-\[length\:120px\] {
    background-size: 120px
}

.bg-\[length\:130px\] {
    background-size: 130px
}

.bg-\[length\:18px\] {
    background-size: 18px
}

.bg-\[length\:202px_112px\] {
    background-size: 202px 112px
}

.bg-\[length\:20rem\] {
    background-size: 20rem
}

.bg-\[length\:24px\] {
    background-size: 24px
}

.bg-\[length\:25px\] {
    background-size: 25px
}

.bg-\[length\:31px\] {
    background-size: 31px
}

.bg-\[length\:32px\] {
    background-size: 32px
}

.bg-\[length\:40\%\] {
    background-size: 40%
}

.bg-\[length\:46px\] {
    background-size: 46px
}

.bg-\[length\:50\%\] {
    background-size: 50%
}

.bg-\[length\:auto\] {
    background-size: auto
}

.bg-\[length\:contain\] {
    background-size: contain
}

.bg-\[length\:cover\] {
    background-size: cover
}

.bg-clip-padding {
    background-clip: padding-box
}

.bg-clip-text {
    -webkit-background-clip: text;
    background-clip: text
}

.bg-\[0_center\] {
    background-position: 0
}

.bg-\[center\] {
    background-position: 50%
}

.bg-\[right_-30px\] {
    background-position: right -30px
}

.bg-\[top\] {
    background-position: top
}

.bg-center {
    background-position: 50%
}

.bg-no-repeat {
    background-repeat: no-repeat
}

.fill-blue-600 {
    fill: #1c64f2
}

.fill-current {
    fill: currentColor
}

.fill-gray-600 {
    fill: #4b5563
}

.fill-green-500 {
    fill: #0e9f6e
}

.fill-pink-600 {
    fill: #d61f69
}

.fill-purple-600 {
    fill: #7e3af2
}

.fill-red-600 {
    fill: #e02424
}

.fill-yellow-400 {
    fill: #e3a008
}

.object-cover {
    -o-object-fit: cover;
    object-fit: cover
}

.\!p-0 {
    padding: 0 !important
}

.\!p-2 {
    padding: .5rem !important
}

.p-0 {
    padding: 0
}

.p-0\.5 {
    padding: .125rem
}

.p-1 {
    padding: .25rem
}

.p-1\.5 {
    padding: .375rem
}

.p-2 {
    padding: .5rem
}

.p-2\.5 {
    padding: .625rem
}

.p-3 {
    padding: .75rem
}

.p-4 {
    padding: 1rem
}

.p-5 {
    padding: 1.25rem
}

.p-6 {
    padding: 1.5rem
}

.p-\[\.5rem_1\.1rem\] {
    padding: .5rem 1.1rem
}

.p-\[0\] {
    padding: 0
}

.p-\[0_0_20px\] {
    padding: 0 0 20px
}

.p-\[0_10px\] {
    padding: 0 10px
}

.p-\[0_21px_40px\] {
    padding: 0 21px 40px
}

.p-\[0_25px_30px\] {
    padding: 0 25px 30px
}

.p-\[1\.2rem_32px\] {
    padding: 1.2rem 32px
}

.p-\[10\.56px_0\] {
    padding: 10.56px 0
}

.p-\[10px\] {
    padding: 10px
}

.p-\[10px_10px_11px\] {
    padding: 10px 10px 11px
}

.p-\[10px_13px\] {
    padding: 10px 13px
}

.p-\[10px_20px\] {
    padding: 10px 20px
}

.p-\[10px_25px\] {
    padding: 10px 25px
}

.p-\[12px_10px_13px_30px\] {
    padding: 12px 10px 13px 30px
}

.p-\[12px_2\%_13px\] {
    padding: 12px 2% 13px
}

.p-\[14px\] {
    padding: 14px
}

.p-\[14px_14px_24px\] {
    padding: 14px 14px 24px
}

.p-\[14px_15px_26px\] {
    padding: 14px 15px 26px
}

.p-\[15px_10px_15px_10px\] {
    padding: 15px 10px
}

.p-\[16px\] {
    padding: 16px
}

.p-\[16px_10px_16px_18px\] {
    padding: 16px 10px 16px 18px
}

.p-\[18px_2rem\] {
    padding: 18px 2rem
}

.p-\[1px\] {
    padding: 1px
}

.p-\[1rem_20px_1\.4rem\] {
    padding: 1rem 20px 1.4rem
}

.p-\[2\.5rem_0\] {
    padding: 2.5rem 0
}

.p-\[2\.5rem_0_15px\] {
    padding: 2.5rem 0 15px
}

.p-\[20px\] {
    padding: 20px
}

.p-\[20px_20px_60px\] {
    padding: 20px 20px 60px
}

.p-\[20px_2rem\] {
    padding: 20px 2rem
}

.p-\[20px_50px_20px\] {
    padding: 20px 50px
}

.p-\[23px\] {
    padding: 23px
}

.p-\[25px\] {
    padding: 25px
}

.p-\[25px_30px\] {
    padding: 25px 30px
}

.p-\[26px_25px_16px\] {
    padding: 26px 25px 16px
}

.p-\[2px_0_1px\] {
    padding: 2px 0 1px
}

.p-\[2px_10px\] {
    padding: 2px 10px
}

.p-\[2rem\] {
    padding: 2rem
}

.p-\[2rem_20px\] {
    padding: 2rem 20px
}

.p-\[30px_20px_26px\] {
    padding: 30px 20px 26px
}

.p-\[30px_20px_40px\] {
    padding: 30px 20px 40px
}

.p-\[35px_30px\] {
    padding: 35px 30px
}

.p-\[36px_30px_26px\] {
    padding: 36px 30px 26px
}

.p-\[40px_10px_20px\] {
    padding: 40px 10px 20px
}

.p-\[42px_26px_39px\] {
    padding: 42px 26px 39px
}

.p-\[4px_8px\] {
    padding: 4px 8px
}

.p-\[50px_60px\] {
    padding: 50px 60px
}

.p-\[5px\] {
    padding: 5px
}

.p-\[5px_0_5px_15px\] {
    padding: 5px 0 5px 15px
}

.p-\[5px_13px\] {
    padding: 5px 13px
}

.p-\[5px_2\.5rem\] {
    padding: 5px 2.5rem
}

.p-\[5px_30px\] {
    padding: 5px 30px
}

.p-\[5px_6px\] {
    padding: 5px 6px
}

.p-\[6px_20px\] {
    padding: 6px 20px
}

.\!px-\[10px\] {
    padding-left: 10px !important;
    padding-right: 10px !important
}

.\!py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

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

.px-2 {
    padding-left: .5rem;
    padding-right: .5rem
}

.px-3 {
    padding-left: .75rem;
    padding-right: .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-\[\.8rem\] {
    padding-left: .8rem;
    padding-right: .8rem
}

.px-\[0\],
.px-\[0px\] {
    padding-left: 0;
    padding-right: 0
}

.px-\[1\.5rem\] {
    padding-left: 1.5rem;
    padding-right: 1.5rem
}

.px-\[10px\] {
    padding-left: 10px;
    padding-right: 10px
}

.px-\[12px\] {
    padding-left: 12px;
    padding-right: 12px
}

.px-\[13px\] {
    padding-left: 13px;
    padding-right: 13px
}

.px-\[14px\] {
    padding-left: 14px;
    padding-right: 14px
}

.px-\[15px\] {
    padding-left: 15px;
    padding-right: 15px
}

.px-\[18px\] {
    padding-left: 18px;
    padding-right: 18px
}

.px-\[19px\] {
    padding-left: 19px;
    padding-right: 19px
}

.px-\[1px\] {
    padding-left: 1px;
    padding-right: 1px
}

.px-\[2\.5rem\] {
    padding-left: 2.5rem;
    padding-right: 2.5rem
}

.px-\[20px\] {
    padding-left: 20px;
    padding-right: 20px
}

.px-\[21px\] {
    padding-left: 21px;
    padding-right: 21px
}

.px-\[22px\] {
    padding-left: 22px;
    padding-right: 22px
}

.px-\[24px\] {
    padding-left: 24px;
    padding-right: 24px
}

.px-\[25px\] {
    padding-left: 25px;
    padding-right: 25px
}

.px-\[26px\] {
    padding-left: 26px;
    padding-right: 26px
}

.px-\[28px\] {
    padding-left: 28px;
    padding-right: 28px
}

.px-\[30px\] {
    padding-left: 30px;
    padding-right: 30px
}

.px-\[35px\] {
    padding-left: 35px;
    padding-right: 35px
}

.px-\[3px\] {
    padding-left: 3px;
    padding-right: 3px
}

.px-\[40px\] {
    padding-left: 40px;
    padding-right: 40px
}

.px-\[46px\] {
    padding-left: 46px;
    padding-right: 46px
}

.px-\[4px\] {
    padding-left: 4px;
    padding-right: 4px
}

.px-\[4rem\] {
    padding-left: 4rem;
    padding-right: 4rem
}

.px-\[5px\] {
    padding-left: 5px;
    padding-right: 5px
}

.px-\[6px\] {
    padding-left: 6px;
    padding-right: 6px
}

.px-\[70px\] {
    padding-left: 70px;
    padding-right: 70px
}

.px-\[7px\] {
    padding-left: 7px;
    padding-right: 7px
}

.px-\[8px\] {
    padding-left: 8px;
    padding-right: 8px
}

.py-0 {
    padding-top: 0;
    padding-bottom: 0
}

.py-0\.5 {
    padding-top: .125rem;
    padding-bottom: .125rem
}

.py-1 {
    padding-top: .25rem;
    padding-bottom: .25rem
}

.py-1\.5 {
    padding-top: .375rem;
    padding-bottom: .375rem
}

.py-2 {
    padding-top: .5rem;
    padding-bottom: .5rem
}

.py-2\.5 {
    padding-top: .625rem;
    padding-bottom: .625rem
}

.py-3 {
    padding-top: .75rem;
    padding-bottom: .75rem
}

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

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

.py-\[0\] {
    padding-top: 0;
    padding-bottom: 0
}

.py-\[1\.2rem\] {
    padding-top: 1.2rem;
    padding-bottom: 1.2rem
}

.py-\[1\.5rem\] {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem
}

.py-\[1\.6rem\] {
    padding-top: 1.6rem;
    padding-bottom: 1.6rem
}

.py-\[10px\] {
    padding-top: 10px;
    padding-bottom: 10px
}

.py-\[11px\] {
    padding-top: 11px;
    padding-bottom: 11px
}

.py-\[12px\] {
    padding-top: 12px;
    padding-bottom: 12px
}

.py-\[13px\] {
    padding-top: 13px;
    padding-bottom: 13px
}

.py-\[14px\] {
    padding-top: 14px;
    padding-bottom: 14px
}

.py-\[15px\] {
    padding-top: 15px;
    padding-bottom: 15px
}

.py-\[18px\] {
    padding-top: 18px;
    padding-bottom: 18px
}

.py-\[1px\] {
    padding-top: 1px;
    padding-bottom: 1px
}

.py-\[1rem\] {
    padding-top: 1rem;
    padding-bottom: 1rem
}

.py-\[20px\] {
    padding-top: 20px;
    padding-bottom: 20px
}

.py-\[23\.686\%\] {
    padding-top: 23.686%;
    padding-bottom: 23.686%
}

.py-\[2px\] {
    padding-top: 2px;
    padding-bottom: 2px
}

.py-\[3\.5px\] {
    padding-top: 3.5px;
    padding-bottom: 3.5px
}

.py-\[30px\] {
    padding-top: 30px;
    padding-bottom: 30px
}

.py-\[3px\] {
    padding-top: 3px;
    padding-bottom: 3px
}

.py-\[4\%\] {
    padding-top: 4%;
    padding-bottom: 4%
}

.py-\[44px\] {
    padding-top: 44px;
    padding-bottom: 44px
}

.py-\[4px\] {
    padding-top: 4px;
    padding-bottom: 4px
}

.py-\[5px\] {
    padding-top: 5px;
    padding-bottom: 5px
}

.py-\[6px\] {
    padding-top: 6px;
    padding-bottom: 6px
}

.py-\[7px\] {
    padding-top: 7px;
    padding-bottom: 7px
}

.py-\[8px\] {
    padding-top: 8px;
    padding-bottom: 8px
}

.py-\[9px\] {
    padding-top: 9px;
    padding-bottom: 9px
}

.\!pl-\[15px\] {
    padding-left: 15px !important
}

.pb-0,
.pb-\[0\] {
    padding-bottom: 0
}

.pb-\[1\.6rem\] {
    padding-bottom: 1.6rem
}

.pb-\[10px\] {
    padding-bottom: 10px
}

.pb-\[10vw\] {
    padding-bottom: 10vw
}

.pb-\[12px\] {
    padding-bottom: 12px
}

.pb-\[140\%\] {
    padding-bottom: 140%
}

.pb-\[14px\] {
    padding-bottom: 14px
}

.pb-\[1rem\] {
    padding-bottom: 1rem
}

.pb-\[2\.5rem\] {
    padding-bottom: 2.5rem
}

.pb-\[20px\] {
    padding-bottom: 20px
}

.pb-\[23px\] {
    padding-bottom: 23px
}

.pb-\[26px\] {
    padding-bottom: 26px
}

.pb-\[28px\] {
    padding-bottom: 28px
}

.pb-\[2rem\] {
    padding-bottom: 2rem
}

.pb-\[30px\] {
    padding-bottom: 30px
}

.pb-\[37px\] {
    padding-bottom: 37px
}

.pb-\[39px\] {
    padding-bottom: 39px
}

.pb-\[3px\] {
    padding-bottom: 3px
}

.pb-\[40px\] {
    padding-bottom: 40px
}

.pb-\[45px\] {
    padding-bottom: 45px
}

.pb-\[64px\] {
    padding-bottom: 64px
}

.pb-\[85px\] {
    padding-bottom: 85px
}

.pb-\[9rem\] {
    padding-bottom: 9rem
}

.pl-0 {
    padding-left: 0
}

.pl-10 {
    padding-left: 2.5rem
}

.pl-2 {
    padding-left: .5rem
}

.pl-2\.5 {
    padding-left: .625rem
}

.pl-3 {
    padding-left: .75rem
}

.pl-8 {
    padding-left: 2rem
}

.pl-\[10px\] {
    padding-left: 10px
}

.pl-\[12px\] {
    padding-left: 12px
}

.pl-\[15px\] {
    padding-left: 15px
}

.pl-\[1rem\] {
    padding-left: 1rem
}

.pl-\[20px\] {
    padding-left: 20px
}

.pl-\[214px\] {
    padding-left: 214px
}

.pl-\[24px\] {
    padding-left: 24px
}

.pl-\[25px\] {
    padding-left: 25px
}

.pl-\[6px\] {
    padding-left: 6px
}

.pr-10 {
    padding-right: 2.5rem
}

.pr-3 {
    padding-right: .75rem
}

.pr-4 {
    padding-right: 1rem
}

.pr-\[10px\] {
    padding-right: 10px
}

.pr-\[1px\] {
    padding-right: 1px
}

.pr-\[24px\] {
    padding-right: 24px
}

.pr-\[30px\] {
    padding-right: 30px
}

.pr-\[38px\] {
    padding-right: 38px
}

.pr-\[5px\] {
    padding-right: 5px
}

.pt-0 {
    padding-top: 0
}

.pt-4 {
    padding-top: 1rem
}

.pt-\[1\.2rem\] {
    padding-top: 1.2rem
}

.pt-\[1\.5rem\] {
    padding-top: 1.5rem
}

.pt-\[1\.6rem\] {
    padding-top: 1.6rem
}

.pt-\[10px\] {
    padding-top: 10px
}

.pt-\[14px\] {
    padding-top: 14px
}

.pt-\[15px\] {
    padding-top: 15px
}

.pt-\[1rem\] {
    padding-top: 1rem
}

.pt-\[20px\] {
    padding-top: 20px
}

.pt-\[25px\] {
    padding-top: 25px
}

.pt-\[2px\] {
    padding-top: 2px
}

.pt-\[30px\] {
    padding-top: 30px
}

.pt-\[35px\] {
    padding-top: 35px
}

.pt-\[3px\] {
    padding-top: 3px
}

.pt-\[3rem\] {
    padding-top: 3rem
}

.pt-\[40px\] {
    padding-top: 40px
}

.pt-\[42px\] {
    padding-top: 42px
}

.pt-\[44px\] {
    padding-top: 44px
}

.pt-\[45px\] {
    padding-top: 45px
}

.pt-\[50px\] {
    padding-top: 50px
}

.pt-\[52px\] {
    padding-top: 52px
}

.pt-\[7rem\] {
    padding-top: 7rem
}

.pt-\[9vw\] {
    padding-top: 9vw
}

.text-left {
    text-align: left
}

.text-center {
    text-align: center
}

.text-right {
    text-align: right
}

.indent-\[5\%\] {
    text-indent: 5%
}

.align-top {
    vertical-align: top
}

.align-middle {
    vertical-align: middle
}

.align-\[-0\.125em\] {
    vertical-align: -.125em
}

.font-\[Cantarell\] {
    font-family: Cantarell
}

.font-\[Poppins\] {
    font-family: Poppins
}

.font-\[Roboto\] {
    font-family: Roboto
}

.font-sans {
    font-family: Poppins, Roboto, Helvetica Neue, Apple SD Gothic Neo sans-serif
}

.text-\[\.625rem\] {
    font-size: .625rem
}

.text-\[\.6rem\] {
    font-size: .6rem
}

.text-\[\.75rem\] {
    font-size: .75rem
}

.text-\[\.78rem\] {
    font-size: .78rem
}

.text-\[\.7rem\] {
    font-size: .7rem
}

.text-\[\.83rem\] {
    font-size: .83rem
}

.text-\[\.85rem\] {
    font-size: .85rem
}

.text-\[\.875rem\] {
    font-size: .875rem
}

.text-\[\.8rem\] {
    font-size: .8rem
}

.text-\[\.925rem\] {
    font-size: .925rem
}

.text-\[\.9rem\] {
    font-size: .9rem
}

.text-\[0\.4rem\] {
    font-size: .4rem
}

.text-\[0\.55rem\] {
    font-size: .55rem
}

.text-\[0\.625rem\] {
    font-size: .625rem
}

.text-\[0\.65rem\] {
    font-size: .65rem
}

.text-\[0\.725rem\] {
    font-size: .725rem
}

.text-\[0\.75rem\] {
    font-size: .75rem
}

.text-\[0\.7rem\] {
    font-size: .7rem
}

.text-\[0\.825rem\] {
    font-size: .825rem
}

.text-\[0\.85rem\] {
    font-size: .85rem
}

.text-\[0\.8rem\] {
    font-size: .8rem
}

.text-\[0\.925rem\] {
    font-size: .925rem
}

.text-\[0\.9375rem\] {
    font-size: .9375rem
}

.text-\[0\.9rem\] {
    font-size: .9rem
}

.text-\[0px\] {
    font-size: 0
}

.text-\[1\.1rem\] {
    font-size: 1.1rem
}

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

.text-\[1\.2rem\] {
    font-size: 1.2rem
}

.text-\[1\.3rem\] {
    font-size: 1.3rem
}

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

.text-\[1\.7rem\] {
    font-size: 1.7rem
}

.text-\[10px\] {
    font-size: 10px
}

.text-\[11\.2px\] {
    font-size: 11.2px
}

.text-\[11px\] {
    font-size: 11px
}

.text-\[12\.5px\] {
    font-size: 12.5px
}

.text-\[12\.6px\] {
    font-size: 12.6px
}

.text-\[12px\] {
    font-size: 12px
}

.text-\[13px\] {
    font-size: 13px
}

.text-\[14\.5px\] {
    font-size: 14.5px
}

.text-\[14px\] {
    font-size: 14px
}

.text-\[15px\] {
    font-size: 15px
}

.text-\[16\.5px\] {
    font-size: 16.5px
}

.text-\[16px\] {
    font-size: 16px
}

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

.text-\[18px\] {
    font-size: 18px
}

.text-\[19px\] {
    font-size: 19px
}

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

.text-\[20px\] {
    font-size: 20px
}

.text-\[21px\] {
    font-size: 21px
}

.text-\[22px\] {
    font-size: 22px
}

.text-\[23px\] {
    font-size: 23px
}

.text-\[24px\] {
    font-size: 24px
}

.text-\[25px\] {
    font-size: 25px
}

.text-\[26px\] {
    font-size: 26px
}

.text-\[28px\] {
    font-size: 28px
}

.text-\[2rem\] {
    font-size: 2rem
}

.text-\[31px\] {
    font-size: 31px
}

.text-\[32px\] {
    font-size: 32px
}

.text-\[34px\] {
    font-size: 34px
}

.text-\[36px\] {
    font-size: 36px
}

.text-\[3rem\] {
    font-size: 3rem
}

.text-\[40px\] {
    font-size: 40px
}

.text-\[42px\] {
    font-size: 42px
}

.text-\[5rem\] {
    font-size: 5rem
}

.text-\[8px\] {
    font-size: 8px
}

.text-\[8rem\] {
    font-size: 8rem
}

.text-\[9\.5px\] {
    font-size: 9.5px
}

.text-\[9px\] {
    font-size: 9px
}

.text-base {
    font-size: 1rem
}

.\!font-\[600\] {
    font-weight: 600 !important
}

.font-\[300\] {
    font-weight: 300
}

.font-\[400\] {
    font-weight: 400
}

.font-\[500\] {
    font-weight: 500
}

.font-\[600\] {
    font-weight: 600
}

.font-\[700\] {
    font-weight: 700
}

.font-black {
    font-weight: 900
}

.font-bold {
    font-weight: 700
}

.font-extrabold {
    font-weight: 800
}

.font-light {
    font-weight: 300
}

.font-medium {
    font-weight: 500
}

.font-normal {
    font-weight: 400
}

.font-semibold {
    font-weight: 600
}

.uppercase {
    text-transform: uppercase
}

.capitalize {
    text-transform: capitalize
}

.leading-5 {
    line-height: 1.25rem
}

.leading-6 {
    line-height: 1.5rem
}

.leading-9 {
    line-height: 2.25rem
}

.leading-\[\.7rem\] {
    line-height: .7rem
}

.leading-\[0\.9rem\] {
    line-height: .9rem
}

.leading-\[1\.05rem\] {
    line-height: 1.05rem
}

.leading-\[1\.15rem\] {
    line-height: 1.15rem
}

.leading-\[1\.1em\] {
    line-height: 1.1em
}

.leading-\[1\.1rem\] {
    line-height: 1.1rem
}

.leading-\[1\.2\] {
    line-height: 1.2
}

.leading-\[1\.2rem\] {
    line-height: 1.2rem
}

.leading-\[1\.3rem\] {
    line-height: 1.3rem
}

.leading-\[1\.4\] {
    line-height: 1.4
}

.leading-\[1\.4rem\] {
    line-height: 1.4rem
}

.leading-\[1\.5\] {
    line-height: 1.5
}

.leading-\[1\.5rem\] {
    line-height: 1.5rem
}

.leading-\[1\.7rem\] {
    line-height: 1.7rem
}

.leading-\[10px\] {
    line-height: 10px
}

.leading-\[11px\] {
    line-height: 11px
}

.leading-\[12\.5px\] {
    line-height: 12.5px
}

.leading-\[12px\] {
    line-height: 12px
}

.leading-\[13px\] {
    line-height: 13px
}

.leading-\[14px\] {
    line-height: 14px
}

.leading-\[15\.7px\] {
    line-height: 15.7px
}

.leading-\[15px\] {
    line-height: 15px
}

.leading-\[16px\] {
    line-height: 16px
}

.leading-\[17px\] {
    line-height: 17px
}

.leading-\[18\.9px\] {
    line-height: 18.9px
}

.leading-\[18px\] {
    line-height: 18px
}

.leading-\[19\.5px\] {
    line-height: 19.5px
}

.leading-\[19px\] {
    line-height: 19px
}

.leading-\[1rem\] {
    line-height: 1rem
}

.leading-\[2\.2rem\] {
    line-height: 2.2rem
}

.leading-\[20px\] {
    line-height: 20px
}

.leading-\[21px\] {
    line-height: 21px
}

.leading-\[22px\] {
    line-height: 22px
}

.leading-\[23px\] {
    line-height: 23px
}

.leading-\[24px\] {
    line-height: 24px
}

.leading-\[25\.5px\] {
    line-height: 25.5px
}

.leading-\[25px\] {
    line-height: 25px
}

.leading-\[26px\] {
    line-height: 26px
}

.leading-\[27px\] {
    line-height: 27px
}

.leading-\[28px\] {
    line-height: 28px
}

.leading-\[29px\] {
    line-height: 29px
}

.leading-\[30px\] {
    line-height: 30px
}

.leading-\[33px\] {
    line-height: 33px
}

.leading-\[35px\] {
    line-height: 35px
}

.leading-\[36px\] {
    line-height: 36px
}

.leading-\[40px\] {
    line-height: 40px
}

.leading-\[41px\] {
    line-height: 41px
}

.leading-\[42px\] {
    line-height: 42px
}

.leading-\[44px\] {
    line-height: 44px
}

.leading-\[45px\] {
    line-height: 45px
}

.leading-\[52px\] {
    line-height: 52px
}

.leading-\[initial\],
.leading-\[normal\] {
    line-height: normal
}

.leading-none {
    line-height: 1
}

.leading-normal {
    line-height: 1.5
}

.leading-tight {
    line-height: 1.25
}

.-tracking-\[\.01rem\] {
    letter-spacing: -.01rem
}

.-tracking-\[\.2px\] {
    letter-spacing: -.2px
}

.-tracking-\[\.3px\] {
    letter-spacing: -.3px
}

.-tracking-\[0\.02em\] {
    letter-spacing: -.02em
}

.-tracking-\[0\.05px\] {
    letter-spacing: -.05px
}

.-tracking-\[0\.2px\] {
    letter-spacing: -.2px
}

.-tracking-\[0\.8px\] {
    letter-spacing: -.8px
}

.-tracking-\[1px\] {
    letter-spacing: -1px
}

.-tracking-\[5px\] {
    letter-spacing: -5px
}

.tracking-0\.1 {
    letter-spacing: -.1
}

.tracking-0\.2 {
    letter-spacing: -.2
}

.tracking-\[-\.2px\] {
    letter-spacing: -.2px
}

.tracking-\[-0\.1px\] {
    letter-spacing: -.1px
}

.tracking-\[-0\.2px\] {
    letter-spacing: -.2px
}

.tracking-\[-5px\] {
    letter-spacing: -5px
}

.tracking-\[\.1px\] {
    letter-spacing: .1px
}

.tracking-\[0\.2px\] {
    letter-spacing: .2px
}

.tracking-\[21px\] {
    letter-spacing: 21px
}

.tracking-\[2px\] {
    letter-spacing: 2px
}

.\!text-\[\#723C00\] {
    --tw-text-opacity: 1 !important;
    color: #723c00 !important;
    color: rgba(114, 60, 0, var(--tw-text-opacity)) !important
}

.\!text-\[\#C9965D\] {
    --tw-text-opacity: 1 !important;
    color: #c9965d !important;
    color: rgba(201, 150, 93, var(--tw-text-opacity)) !important
}

.text-333 {
    color: #333;
    color: var(--color-black-333)
}

.text-666 {
    color: #666;
    color: var(--color-gray-666)
}

.text-\[\#000000\],
.text-\[\#000\] {
    --tw-text-opacity: 1;
    color: #000;
    color: rgba(0, 0, 0, var(--tw-text-opacity))
}

.text-\[\#00d6c1\] {
    --tw-text-opacity: 1;
    color: #00d6c1;
    color: rgba(0, 214, 193, var(--tw-text-opacity))
}

.text-\[\#041414\] {
    --tw-text-opacity: 1;
    color: #041414;
    color: rgba(4, 20, 20, var(--tw-text-opacity))
}

.text-\[\#0b7bff\] {
    --tw-text-opacity: 1;
    color: #0b7bff;
    color: rgba(11, 123, 255, var(--tw-text-opacity))
}

.text-\[\#1e1f21\] {
    --tw-text-opacity: 1;
    color: #1e1f21;
    color: rgba(30, 31, 33, var(--tw-text-opacity))
}

.text-\[\#1e58ff\] {
    --tw-text-opacity: 1;
    color: #1e58ff;
    color: rgba(30, 88, 255, var(--tw-text-opacity))
}

.text-\[\#222\] {
    --tw-text-opacity: 1;
    color: #222;
    color: rgba(34, 34, 34, var(--tw-text-opacity))
}

.text-\[\#26be97\] {
    --tw-text-opacity: 1;
    color: #26be97;
    color: rgba(38, 190, 151, var(--tw-text-opacity))
}

.text-\[\#27C3E1\] {
    --tw-text-opacity: 1;
    color: #27c3e1;
    color: rgba(39, 195, 225, var(--tw-text-opacity))
}

.text-\[\#2d87f0\] {
    --tw-text-opacity: 1;
    color: #2d87f0;
    color: rgba(45, 135, 240, var(--tw-text-opacity))
}

.text-\[\#313131\] {
    --tw-text-opacity: 1;
    color: #313131;
    color: rgba(49, 49, 49, var(--tw-text-opacity))
}

.text-\[\#333333\],
.text-\[\#333\] {
    --tw-text-opacity: 1;
    color: #333;
    color: rgba(51, 51, 51, var(--tw-text-opacity))
}

.text-\[\#34b2d8\] {
    --tw-text-opacity: 1;
    color: #34b2d8;
    color: rgba(52, 178, 216, var(--tw-text-opacity))
}

.text-\[\#3C9D68\] {
    --tw-text-opacity: 1;
    color: #3c9d68;
    color: rgba(60, 157, 104, var(--tw-text-opacity))
}

.text-\[\#444\] {
    --tw-text-opacity: 1;
    color: #444;
    color: rgba(68, 68, 68, var(--tw-text-opacity))
}

.text-\[\#521A0E\] {
    --tw-text-opacity: 1;
    color: #521a0e;
    color: rgba(82, 26, 14, var(--tw-text-opacity))
}

.text-\[\#555\] {
    --tw-text-opacity: 1;
    color: #555;
    color: rgba(85, 85, 85, var(--tw-text-opacity))
}

.text-\[\#585858\] {
    --tw-text-opacity: 1;
    color: #585858;
    color: rgba(88, 88, 88, var(--tw-text-opacity))
}

.text-\[\#5b96cf\] {
    --tw-text-opacity: 1;
    color: #5b96cf;
    color: rgba(91, 150, 207, var(--tw-text-opacity))
}

.text-\[\#5e6161\] {
    --tw-text-opacity: 1;
    color: #5e6161;
    color: rgba(94, 97, 97, var(--tw-text-opacity))
}

.text-\[\#616161\] {
    --tw-text-opacity: 1;
    color: #616161;
    color: rgba(97, 97, 97, var(--tw-text-opacity))
}

.text-\[\#619AF0\] {
    --tw-text-opacity: 1;
    color: #619af0;
    color: rgba(97, 154, 240, var(--tw-text-opacity))
}

.text-\[\#61bbeb\] {
    --tw-text-opacity: 1;
    color: #61bbeb;
    color: rgba(97, 187, 235, var(--tw-text-opacity))
}

.text-\[\#6255ff\] {
    --tw-text-opacity: 1;
    color: #6255ff;
    color: rgba(98, 85, 255, var(--tw-text-opacity))
}

.text-\[\#64B5FF\] {
    --tw-text-opacity: 1;
    color: #64b5ff;
    color: rgba(100, 181, 255, var(--tw-text-opacity))
}

.text-\[\#656565\] {
    --tw-text-opacity: 1;
    color: #656565;
    color: rgba(101, 101, 101, var(--tw-text-opacity))
}

.text-\[\#666666\],
.text-\[\#666\] {
    --tw-text-opacity: 1;
    color: #666;
    color: rgba(102, 102, 102, var(--tw-text-opacity))
}

.text-\[\#6c7381\] {
    --tw-text-opacity: 1;
    color: #6c7381;
    color: rgba(108, 115, 129, var(--tw-text-opacity))
}

.text-\[\#777777\],
.text-\[\#777\] {
    --tw-text-opacity: 1;
    color: #777;
    color: rgba(119, 119, 119, var(--tw-text-opacity))
}

.text-\[\#786A72\] {
    --tw-text-opacity: 1;
    color: #786a72;
    color: rgba(120, 106, 114, var(--tw-text-opacity))
}

.text-\[\#888\] {
    --tw-text-opacity: 1;
    color: #888;
    color: rgba(136, 136, 136, var(--tw-text-opacity))
}

.text-\[\#8F8F8F\],
.text-\[\#8f8f8f\] {
    --tw-text-opacity: 1;
    color: #8f8f8f;
    color: rgba(143, 143, 143, var(--tw-text-opacity))
}

.text-\[\#999\] {
    --tw-text-opacity: 1;
    color: #999;
    color: rgba(153, 153, 153, var(--tw-text-opacity))
}

.text-\[\#9B286D\] {
    --tw-text-opacity: 1;
    color: #9b286d;
    color: rgba(155, 40, 109, var(--tw-text-opacity))
}

.text-\[\#A4FAFF\] {
    --tw-text-opacity: 1;
    color: #a4faff;
    color: rgba(164, 250, 255, var(--tw-text-opacity))
}

.text-\[\#ACE5FF\] {
    --tw-text-opacity: 1;
    color: #ace5ff;
    color: rgba(172, 229, 255, var(--tw-text-opacity))
}

.text-\[\#BD8066\] {
    --tw-text-opacity: 1;
    color: #bd8066;
    color: rgba(189, 128, 102, var(--tw-text-opacity))
}

.text-\[\#C0C0C0\] {
    --tw-text-opacity: 1;
    color: silver;
    color: rgba(192, 192, 192, var(--tw-text-opacity))
}

.text-\[\#D461F0\] {
    --tw-text-opacity: 1;
    color: #d461f0;
    color: rgba(212, 97, 240, var(--tw-text-opacity))
}

.text-\[\#DC50FF\] {
    --tw-text-opacity: 1;
    color: #dc50ff;
    color: rgba(220, 80, 255, var(--tw-text-opacity))
}

.text-\[\#DDD\] {
    --tw-text-opacity: 1;
    color: #ddd;
    color: rgba(221, 221, 221, var(--tw-text-opacity))
}

.text-\[\#E5A51B\] {
    --tw-text-opacity: 1;
    color: #e5a51b;
    color: rgba(229, 165, 27, var(--tw-text-opacity))
}

.text-\[\#F02D37\] {
    --tw-text-opacity: 1;
    color: #f02d37;
    color: rgba(240, 45, 55, var(--tw-text-opacity))
}

.text-\[\#F13139\] {
    --tw-text-opacity: 1;
    color: #f13139;
    color: rgba(241, 49, 57, var(--tw-text-opacity))
}

.text-\[\#F44DE4\] {
    --tw-text-opacity: 1;
    color: #f44de4;
    color: rgba(244, 77, 228, var(--tw-text-opacity))
}

.text-\[\#F58A36\] {
    --tw-text-opacity: 1;
    color: #f58a36;
    color: rgba(245, 138, 54, var(--tw-text-opacity))
}

.text-\[\#FCC439\] {
    --tw-text-opacity: 1;
    color: #fcc439;
    color: rgba(252, 196, 57, var(--tw-text-opacity))
}

.text-\[\#FDA748\] {
    --tw-text-opacity: 1;
    color: #fda748;
    color: rgba(253, 167, 72, var(--tw-text-opacity))
}

.text-\[\#FF1E2B\] {
    --tw-text-opacity: 1;
    color: #ff1e2b;
    color: rgba(255, 30, 43, var(--tw-text-opacity))
}

.text-\[\#FF323A\] {
    --tw-text-opacity: 1;
    color: #ff323a;
    color: rgba(255, 50, 58, var(--tw-text-opacity))
}

.text-\[\#FF3C43\] {
    --tw-text-opacity: 1;
    color: #ff3c43;
    color: rgba(255, 60, 67, var(--tw-text-opacity))
}

.text-\[\#FF3E45\] {
    --tw-text-opacity: 1;
    color: #ff3e45;
    color: rgba(255, 62, 69, var(--tw-text-opacity))
}

.text-\[\#FF464D\] {
    --tw-text-opacity: 1;
    color: #ff464d;
    color: rgba(255, 70, 77, var(--tw-text-opacity))
}

.text-\[\#FF5151\] {
    --tw-text-opacity: 1;
    color: #ff5151;
    color: rgba(255, 81, 81, var(--tw-text-opacity))
}

.text-\[\#FF6251\] {
    --tw-text-opacity: 1;
    color: #ff6251;
    color: rgba(255, 98, 81, var(--tw-text-opacity))
}

.text-\[\#FF6666\] {
    --tw-text-opacity: 1;
    color: #f66;
    color: rgba(255, 102, 102, var(--tw-text-opacity))
}

.text-\[\#FF9D4D\] {
    --tw-text-opacity: 1;
    color: #ff9d4d;
    color: rgba(255, 157, 77, var(--tw-text-opacity))
}

.text-\[\#FFA825\] {
    --tw-text-opacity: 1;
    color: #ffa825;
    color: rgba(255, 168, 37, var(--tw-text-opacity))
}

.text-\[\#FFB423\] {
    --tw-text-opacity: 1;
    color: #ffb423;
    color: rgba(255, 180, 35, var(--tw-text-opacity))
}

.text-\[\#FFD993\] {
    --tw-text-opacity: 1;
    color: #ffd993;
    color: rgba(255, 217, 147, var(--tw-text-opacity))
}

.text-\[\#FFEAC3\] {
    --tw-text-opacity: 1;
    color: #ffeac3;
    color: rgba(255, 234, 195, var(--tw-text-opacity))
}

.text-\[\#a6a6a6\] {
    --tw-text-opacity: 1;
    color: #a6a6a6;
    color: rgba(166, 166, 166, var(--tw-text-opacity))
}

.text-\[\#aaa9aa\] {
    --tw-text-opacity: 1;
    color: #aaa9aa;
    color: rgba(170, 169, 170, var(--tw-text-opacity))
}

.text-\[\#aaa\] {
    --tw-text-opacity: 1;
    color: #aaa;
    color: rgba(170, 170, 170, var(--tw-text-opacity))
}

.text-\[\#ac42ff\] {
    --tw-text-opacity: 1;
    color: #ac42ff;
    color: rgba(172, 66, 255, var(--tw-text-opacity))
}

.text-\[\#acacac\] {
    --tw-text-opacity: 1;
    color: #acacac;
    color: rgba(172, 172, 172, var(--tw-text-opacity))
}

.text-\[\#ae5cee\] {
    --tw-text-opacity: 1;
    color: #ae5cee;
    color: rgba(174, 92, 238, var(--tw-text-opacity))
}

.text-\[\#bbb\] {
    --tw-text-opacity: 1;
    color: #bbb;
    color: rgba(187, 187, 187, var(--tw-text-opacity))
}

.text-\[\#ccc\] {
    --tw-text-opacity: 1;
    color: #ccc;
    color: rgba(204, 204, 204, var(--tw-text-opacity))
}

.text-\[\#ddd\] {
    --tw-text-opacity: 1;
    color: #ddd;
    color: rgba(221, 221, 221, var(--tw-text-opacity))
}

.text-\[\#e53535\] {
    --tw-text-opacity: 1;
    color: #e53535;
    color: rgba(229, 53, 53, var(--tw-text-opacity))
}

.text-\[\#e56060\] {
    --tw-text-opacity: 1;
    color: #e56060;
    color: rgba(229, 96, 96, var(--tw-text-opacity))
}

.text-\[\#e63740\] {
    --tw-text-opacity: 1;
    color: #e63740;
    color: rgba(230, 55, 64, var(--tw-text-opacity))
}

.text-\[\#ef2534\] {
    --tw-text-opacity: 1;
    color: #ef2534;
    color: rgba(239, 37, 52, var(--tw-text-opacity))
}

.text-\[\#ef4343\] {
    --tw-text-opacity: 1;
    color: #ef4343;
    color: rgba(239, 67, 67, var(--tw-text-opacity))
}

.text-\[\#f02d37\] {
    --tw-text-opacity: 1;
    color: #f02d37;
    color: rgba(240, 45, 55, var(--tw-text-opacity))
}

.text-\[\#f0393d\] {
    --tw-text-opacity: 1;
    color: #f0393d;
    color: rgba(240, 57, 61, var(--tw-text-opacity))
}

.text-\[\#f1423d\] {
    --tw-text-opacity: 1;
    color: #f1423d;
    color: rgba(241, 66, 61, var(--tw-text-opacity))
}

.text-\[\#f36767\] {
    --tw-text-opacity: 1;
    color: #f36767;
    color: rgba(243, 103, 103, var(--tw-text-opacity))
}

.text-\[\#f55f5f\] {
    --tw-text-opacity: 1;
    color: #f55f5f;
    color: rgba(245, 95, 95, var(--tw-text-opacity))
}

.text-\[\#f58a36\] {
    --tw-text-opacity: 1;
    color: #f58a36;
    color: rgba(245, 138, 54, var(--tw-text-opacity))
}

.text-\[\#f8464b\] {
    --tw-text-opacity: 1;
    color: #f8464b;
    color: rgba(248, 70, 75, var(--tw-text-opacity))
}

.text-\[\#f9a127\] {
    --tw-text-opacity: 1;
    color: #f9a127;
    color: rgba(249, 161, 39, var(--tw-text-opacity))
}

.text-\[\#fbff46\] {
    --tw-text-opacity: 1;
    color: #fbff46;
    color: rgba(251, 255, 70, var(--tw-text-opacity))
}

.text-\[\#fc767a\] {
    --tw-text-opacity: 1;
    color: #fc767a;
    color: rgba(252, 118, 122, var(--tw-text-opacity))
}

.text-\[\#fd5d5d\] {
    --tw-text-opacity: 1;
    color: #fd5d5d;
    color: rgba(253, 93, 93, var(--tw-text-opacity))
}

.text-\[\#fda748\] {
    --tw-text-opacity: 1;
    color: #fda748;
    color: rgba(253, 167, 72, var(--tw-text-opacity))
}

.text-\[\#ff1a88\] {
    --tw-text-opacity: 1;
    color: #ff1a88;
    color: rgba(255, 26, 136, var(--tw-text-opacity))
}

.text-\[\#ff323a\] {
    --tw-text-opacity: 1;
    color: #ff323a;
    color: rgba(255, 50, 58, var(--tw-text-opacity))
}

.text-\[\#ff4242\] {
    --tw-text-opacity: 1;
    color: #ff4242;
    color: rgba(255, 66, 66, var(--tw-text-opacity))
}

.text-\[\#ff4c39\] {
    --tw-text-opacity: 1;
    color: #ff4c39;
    color: rgba(255, 76, 57, var(--tw-text-opacity))
}

.text-\[\#ff5151\] {
    --tw-text-opacity: 1;
    color: #ff5151;
    color: rgba(255, 81, 81, var(--tw-text-opacity))
}

.text-\[\#ff5252\] {
    --tw-text-opacity: 1;
    color: #ff5252;
    color: rgba(255, 82, 82, var(--tw-text-opacity))
}

.text-\[\#ff6665\] {
    --tw-text-opacity: 1;
    color: #ff6665;
    color: rgba(255, 102, 101, var(--tw-text-opacity))
}

.text-\[\#ffaa00\] {
    --tw-text-opacity: 1;
    color: #fa0;
    color: rgba(255, 170, 0, var(--tw-text-opacity))
}

.text-\[\#fff\] {
    --tw-text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--tw-text-opacity))
}

.text-\[\#ffffff80\] {
    color: hsla(0, 0%, 100%, .502)
}

.text-\[\#ffffff\] {
    --tw-text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--tw-text-opacity))
}

.text-\[500\] {
    color: 500
}

.text-\[red\] {
    --tw-text-opacity: 1;
    color: red;
    color: rgba(255, 0, 0, var(--tw-text-opacity))
}

.text-\[rgb\(221\2c 221\2c 221\)\] {
    --tw-text-opacity: 1;
    color: #ddd;
    color: rgba(221, 221, 221, var(--tw-text-opacity))
}

.text-\[rgb\(45\2c 135\2c 240\)\] {
    --tw-text-opacity: 1;
    color: #2d87f0;
    color: rgba(45, 135, 240, var(--tw-text-opacity))
}

.text-\[rgb\(51\2c 51\2c 51\)\] {
    --tw-text-opacity: 1;
    color: #333;
    color: rgba(51, 51, 51, var(--tw-text-opacity))
}

.text-\[transparent\] {
    color: transparent
}

.text-\[white\] {
    --tw-text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--tw-text-opacity))
}

.text-aaa {
    color: #aaa;
    color: var(--color-gray-aaa)
}

.text-bbb {
    color: #bbb;
    color: var(--color-gray-bbb)
}

.text-black {
    --tw-text-opacity: 1;
    color: #000;
    color: rgba(0, 0, 0, var(--tw-text-opacity))
}

.text-blue-100 {
    --tw-text-opacity: 1;
    color: #e1effe;
    color: rgba(225, 239, 254, var(--tw-text-opacity))
}

.text-blue-500 {
    --tw-text-opacity: 1;
    color: #3f83f8;
    color: rgba(63, 131, 248, var(--tw-text-opacity))
}

.text-blue-600 {
    --tw-text-opacity: 1;
    color: #1c64f2;
    color: rgba(28, 100, 242, var(--tw-text-opacity))
}

.text-blue-700 {
    --tw-text-opacity: 1;
    color: #1a56db;
    color: rgba(26, 86, 219, var(--tw-text-opacity))
}

.text-blue-800 {
    --tw-text-opacity: 1;
    color: #1e429f;
    color: rgba(30, 66, 159, var(--tw-text-opacity))
}

.text-blue-900 {
    --tw-text-opacity: 1;
    color: #233876;
    color: rgba(35, 56, 118, var(--tw-text-opacity))
}

.text-formTxtDark {
    color: #656565;
    color: var(--color-gray-656565)
}

.text-gray-200 {
    --tw-text-opacity: 1;
    color: #e5e7eb;
    color: rgba(229, 231, 235, var(--tw-text-opacity))
}

.text-gray-300 {
    --tw-text-opacity: 1;
    color: #d1d5db;
    color: rgba(209, 213, 219, var(--tw-text-opacity))
}

.text-gray-400 {
    --tw-text-opacity: 1;
    color: #9ca3af;
    color: rgba(156, 163, 175, var(--tw-text-opacity))
}

.text-gray-500 {
    --tw-text-opacity: 1;
    color: #6b7280;
    color: rgba(107, 114, 128, var(--tw-text-opacity))
}

.text-gray-600 {
    --tw-text-opacity: 1;
    color: #4b5563;
    color: rgba(75, 85, 99, var(--tw-text-opacity))
}

.text-gray-700 {
    --tw-text-opacity: 1;
    color: #374151;
    color: rgba(55, 65, 81, var(--tw-text-opacity))
}

.text-gray-800 {
    --tw-text-opacity: 1;
    color: #1f2937;
    color: rgba(31, 41, 55, var(--tw-text-opacity))
}

.text-gray-900 {
    --tw-text-opacity: 1;
    color: #111827;
    color: rgba(17, 24, 39, var(--tw-text-opacity))
}

.text-green-500 {
    --tw-text-opacity: 1;
    color: #0e9f6e;
    color: rgba(14, 159, 110, var(--tw-text-opacity))
}

.text-green-600 {
    --tw-text-opacity: 1;
    color: #057a55;
    color: rgba(5, 122, 85, var(--tw-text-opacity))
}

.text-green-700 {
    --tw-text-opacity: 1;
    color: #046c4e;
    color: rgba(4, 108, 78, var(--tw-text-opacity))
}

.text-green-800 {
    --tw-text-opacity: 1;
    color: #03543f;
    color: rgba(3, 84, 63, var(--tw-text-opacity))
}

.text-green-900 {
    --tw-text-opacity: 1;
    color: #014737;
    color: rgba(1, 71, 55, var(--tw-text-opacity))
}

.text-indigo-800 {
    --tw-text-opacity: 1;
    color: #42389d;
    color: rgba(66, 56, 157, var(--tw-text-opacity))
}

.text-pink-800 {
    --tw-text-opacity: 1;
    color: #99154b;
    color: rgba(153, 21, 75, var(--tw-text-opacity))
}

.text-primary {
    --tw-text-opacity: 1;
    color: #c4c4c4;
    color: rgba(196, 196, 196, var(--tw-text-opacity))
}

.text-primary-input-text {
    --tw-text-opacity: 1;
    color: #aaa;
    color: rgba(170, 170, 170, var(--tw-text-opacity))
}

.text-primary-text {
    --tw-text-opacity: 1;
    color: #000;
    color: rgba(0, 0, 0, var(--tw-text-opacity))
}

.text-primary-text-error {
    --tw-text-opacity: 1;
    color: #f02d37;
    color: rgba(240, 45, 55, var(--tw-text-opacity))
}

.text-primary-text-info {
    --tw-text-opacity: 1;
    color: #666;
    color: rgba(102, 102, 102, var(--tw-text-opacity))
}

.text-primary-text-point {
    --tw-text-opacity: 1;
    color: #f02d37;
    color: rgba(240, 45, 55, var(--tw-text-opacity))
}

.text-primary-text-sub {
    --tw-text-opacity: 1;
    color: #333;
    color: rgba(51, 51, 51, var(--tw-text-opacity))
}

.text-primaryRed {
    color: #f02d37;
    color: var(--primary-red)
}

.text-purple-800 {
    --tw-text-opacity: 1;
    color: #5521b5;
    color: rgba(85, 33, 181, var(--tw-text-opacity))
}

.text-red-500 {
    --tw-text-opacity: 1;
    color: #f05252;
    color: rgba(240, 82, 82, var(--tw-text-opacity))
}

.text-red-600 {
    --tw-text-opacity: 1;
    color: #e02424;
    color: rgba(224, 36, 36, var(--tw-text-opacity))
}

.text-red-700 {
    --tw-text-opacity: 1;
    color: #c81e1e;
    color: rgba(200, 30, 30, var(--tw-text-opacity))
}

.text-red-800 {
    --tw-text-opacity: 1;
    color: #9b1c1c;
    color: rgba(155, 28, 28, var(--tw-text-opacity))
}

.text-red-900 {
    --tw-text-opacity: 1;
    color: #771d1d;
    color: rgba(119, 29, 29, var(--tw-text-opacity))
}

.text-secondaryRed {
    color: #ff323a;
    color: var(--secondary-red)
}

.text-tertiaryRed {
    color: #ff464d;
    color: var(--tertiary-red)
}

.text-transparent {
    color: transparent
}

.text-white {
    --tw-text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--tw-text-opacity))
}

.text-yellow-400 {
    --tw-text-opacity: 1;
    color: #e3a008;
    color: rgba(227, 160, 8, var(--tw-text-opacity))
}

.text-yellow-500 {
    --tw-text-opacity: 1;
    color: #c27803;
    color: rgba(194, 120, 3, var(--tw-text-opacity))
}

.text-yellow-700 {
    --tw-text-opacity: 1;
    color: #8e4b10;
    color: rgba(142, 75, 16, var(--tw-text-opacity))
}

.text-yellow-800 {
    --tw-text-opacity: 1;
    color: #723b13;
    color: rgba(114, 59, 19, var(--tw-text-opacity))
}

.text-yellow-900 {
    --tw-text-opacity: 1;
    color: #633112;
    color: rgba(99, 49, 18, var(--tw-text-opacity))
}

.underline {
    text-decoration-line: underline
}

.line-through {
    text-decoration-line: line-through
}

.placeholder-blue-700::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: #1a56db;
    color: rgba(26, 86, 219, var(--tw-placeholder-opacity))
}

.placeholder-blue-700::placeholder {
    --tw-placeholder-opacity: 1;
    color: #1a56db;
    color: rgba(26, 86, 219, var(--tw-placeholder-opacity))
}

.placeholder-green-700::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: #046c4e;
    color: rgba(4, 108, 78, var(--tw-placeholder-opacity))
}

.placeholder-green-700::placeholder {
    --tw-placeholder-opacity: 1;
    color: #046c4e;
    color: rgba(4, 108, 78, var(--tw-placeholder-opacity))
}

.placeholder-red-700::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: #c81e1e;
    color: rgba(200, 30, 30, var(--tw-placeholder-opacity))
}

.placeholder-red-700::placeholder {
    --tw-placeholder-opacity: 1;
    color: #c81e1e;
    color: rgba(200, 30, 30, var(--tw-placeholder-opacity))
}

.placeholder-yellow-700::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: #8e4b10;
    color: rgba(142, 75, 16, var(--tw-placeholder-opacity))
}

.placeholder-yellow-700::placeholder {
    --tw-placeholder-opacity: 1;
    color: #8e4b10;
    color: rgba(142, 75, 16, var(--tw-placeholder-opacity))
}

.caret-white {
    caret-color: #fff
}

.opacity-0 {
    opacity: 0
}

.opacity-100 {
    opacity: 1
}

.opacity-50 {
    opacity: .5
}

.opacity-\[\.1\] {
    opacity: .1
}

.opacity-\[0\.001\] {
    opacity: .001
}

.opacity-\[0\.2\] {
    opacity: .2
}

.opacity-\[0\.9\] {
    opacity: .9
}

.shadow-Artworks {
    --tw-shadow: 0px 4px 4px rgba(0, 0, 0, .25);
    --tw-shadow-colored: 0px 4px 4px var(--tw-shadow-color);
    box-shadow: 0 0 transparent, 0 0 transparent, 0 4px 4px rgba(0, 0, 0, .25);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
}

.shadow-NewArrivalsThumb {
    --tw-shadow: 2px 8px 8px rgba(58, 64, 83, .1);
    --tw-shadow-colored: 2px 8px 8px var(--tw-shadow-color);
    box-shadow: 0 0 transparent, 0 0 transparent, 2px 8px 8px rgba(58, 64, 83, .1);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
}

.shadow-\[0_2px_8px_0_rgba\(0_0_0_0\.08\)\] {
    --tw-shadow: 0 2px 8px 0 rgba(0 0 0 0.08);
    --tw-shadow-colored: 0 2px 8px 0 var(--tw-shadow-color);
    box-shadow: 0 0 transparent, 0 0 transparent, 0 2px 8px 0 rgba(0 0 0 .08);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
}

.shadow-\[0_2px_8px_0_rgba\(174\2c 92\2c 238\2c 0\.32\)\] {
    --tw-shadow: 0 2px 8px 0 rgba(174, 92, 238, .32);
    --tw-shadow-colored: 0 2px 8px 0 var(--tw-shadow-color);
    box-shadow: 0 0 transparent, 0 0 transparent, 0 2px 8px 0 rgba(174, 92, 238, .32);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
}

.shadow-\[0px_1px_0px_2px_\#041414\;\] {
    --tw-shadow: 0px 1px 0px 2px #041414;
    --tw-shadow-colored: 0px 1px 0px 2px var(--tw-shadow-color);
    box-shadow: 0 0 transparent, 0 0 transparent, 0 1px 0 2px #041414;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
}

.shadow-\[1px_2px_6px_0px_\#80A78E\] {
    --tw-shadow: 1px 2px 6px 0px #80a78e;
    --tw-shadow-colored: 1px 2px 6px 0px var(--tw-shadow-color);
    box-shadow: 0 0 transparent, 0 0 transparent, 1px 2px 6px 0 #80a78e;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
}

.shadow-\[2px_8px_8px_rgba\(58\2c 64\2c 83\2c 0\.1\)\] {
    --tw-shadow: 2px 8px 8px rgba(58, 64, 83, .1);
    --tw-shadow-colored: 2px 8px 8px var(--tw-shadow-color);
    box-shadow: 0 0 transparent, 0 0 transparent, 2px 8px 8px rgba(58, 64, 83, .1);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
}

.shadow-\[3px_3px_3px_rgb\(0\2c 0\2c 0\2c 5\%\)\] {
    --tw-shadow: 3px 3px 3px rgba(0, 0, 0, .05);
    --tw-shadow-colored: 3px 3px 3px var(--tw-shadow-color);
    box-shadow: 0 0 transparent, 0 0 transparent, 3px 3px 3px rgba(0, 0, 0, .05);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
}

.shadow-acceptCookie {
    --tw-shadow: 1px 3px 7px 0px rgba(102, 32, 18, .34);
    --tw-shadow-colored: 1px 3px 7px 0px var(--tw-shadow-color);
    box-shadow: 0 0 transparent, 0 0 transparent, 1px 3px 7px 0 rgba(102, 32, 18, .34);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
}

.shadow-crazyBannerFigure {
    --tw-shadow: 0 3px 4px 0 rgba(0, 0, 0, .1), inset 2px 4px 0 0 hsla(0, 0%, 100%, .08);
    --tw-shadow-colored: 0 3px 4px 0 var(--tw-shadow-color), inset 2px 4px 0 0 var(--tw-shadow-color);
    box-shadow: 0 0 transparent, 0 0 transparent, 0 3px 4px 0 rgba(0, 0, 0, .1), inset 2px 4px 0 0 hsla(0, 0%, 100%, .08);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
}

.shadow-fawTicketModalBtn {
    --tw-shadow: 2px 2px 8px rgba(255, 148, 61, .3);
    --tw-shadow-colored: 2px 2px 8px var(--tw-shadow-color);
    box-shadow: 0 0 transparent, 0 0 transparent, 2px 2px 8px rgba(255, 148, 61, .3);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
}

.shadow-logInAndJoin {
    --tw-shadow: 0 2px 8px 0 rgba(247, 85, 85, .32);
    --tw-shadow-colored: 0 2px 8px 0 var(--tw-shadow-color);
    box-shadow: 0 0 transparent, 0 0 transparent, 0 2px 8px 0 rgba(247, 85, 85, .32);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
}

.shadow-mainBnrArrowBtnNext {
    --tw-shadow: 0 3px 3px 0 rgba(0, 0, 0, .25);
    --tw-shadow-colored: 0 3px 3px 0 var(--tw-shadow-color);
    box-shadow: 0 0 transparent, 0 0 transparent, 0 3px 3px 0 rgba(0, 0, 0, .25);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
}

.shadow-mainBnrArrowBtnPrev {
    --tw-shadow: 0 -3px 3px 0 rgba(0, 0, 0, .25);
    --tw-shadow-colored: 0 -3px 3px 0 var(--tw-shadow-color);
    box-shadow: 0 0 transparent, 0 0 transparent, 0 -3px 3px 0 rgba(0, 0, 0, .25);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
}

.shadow-outline {
    --tw-shadow: 0 2px 8px 0 rgba(0, 0, 0, .16);
    --tw-shadow-colored: 0 2px 8px 0 var(--tw-shadow-color);
    box-shadow: 0 0 transparent, 0 0 transparent, 0 2px 8px 0 rgba(0, 0, 0, .16);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
}

.shadow-searchResult {
    --tw-shadow: 4px 4px 4px 0px rgba(0, 0, 0, .1);
    --tw-shadow-colored: 4px 4px 4px 0px var(--tw-shadow-color);
    box-shadow: 0 0 transparent, 0 0 transparent, 4px 4px 4px 0 rgba(0, 0, 0, .1);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
}

.shadow-selectBox {
    --tw-shadow: 4px 4px 4px 0px rgba(0, 0, 0, .2);
    --tw-shadow-colored: 4px 4px 4px 0px var(--tw-shadow-color);
    box-shadow: 0 0 transparent, 0 0 transparent, 4px 4px 4px 0 rgba(0, 0, 0, .2);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
}

.shadow-slideMenu {
    --tw-shadow: 0 5px 5px 0 rgba(0, 0, 0, .03), 0 5px 5px 0 rgba(0, 0, 0, .03);
    --tw-shadow-colored: 0 5px 5px 0 var(--tw-shadow-color), 0 5px 5px 0 var(--tw-shadow-color);
    box-shadow: 0 0 transparent, 0 0 transparent, 0 5px 5px 0 rgba(0, 0, 0, .03), 0 5px 5px 0 rgba(0, 0, 0, .03);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
}

.outline-none {
    outline: 2px solid transparent;
    outline-offset: 2px
}

.outline {
    outline-style: solid
}

.ring-2 {
    --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-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color), 0 0 transparent;
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent)
}

.ring-8 {
    --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(8px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-inset) 0 0 0 calc(8px + var(--tw-ring-offset-width)) var(--tw-ring-color), 0 0 transparent;
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent)
}

.ring-blue-400 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(118, 169, 250, var(--tw-ring-opacity))
}

.ring-gray-300 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(209, 213, 219, var(--tw-ring-opacity))
}

.ring-gray-500 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(107, 114, 128, var(--tw-ring-opacity))
}

.ring-gray-800 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(31, 41, 55, var(--tw-ring-opacity))
}

.ring-green-500 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(14, 159, 110, var(--tw-ring-opacity))
}

.ring-pink-500 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(231, 70, 148, var(--tw-ring-opacity))
}

.ring-purple-500 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(144, 97, 249, var(--tw-ring-opacity))
}

.ring-red-500 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(240, 82, 82, var(--tw-ring-opacity))
}

.ring-white {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(255, 255, 255, var(--tw-ring-opacity))
}

.ring-yellow-300 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(250, 202, 21, var(--tw-ring-opacity))
}

.blur {
    --tw-blur: blur(8px);
    filter: blur(8px) 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: 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)
}

.brightness-100 {
    --tw-brightness: brightness(1);
    filter: var(--tw-blur) brightness(1) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
    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)
}

.brightness-\[0\.6\] {
    --tw-brightness: brightness(0.6);
    filter: var(--tw-blur) brightness(.6) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
    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)
}

.drop-shadow-\[0_2px_4px_rgba\(0\2c 0\2c 0\2c 0\.25\)\] {
    --tw-drop-shadow: drop-shadow(0 2px 4px rgba(0, 0, 0, .25));
    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) drop-shadow(0 2px 4px rgba(0, 0, 0, .25));
    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)
}

.drop-shadow-md {
    --tw-drop-shadow: drop-shadow(0 4px 3px rgba(0, 0, 0, .07)) drop-shadow(0 2px 2px rgba(0, 0, 0, .06));
    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) drop-shadow(0 4px 3px rgba(0, 0, 0, .07)) drop-shadow(0 2px 2px rgba(0, 0, 0, .06))
}

.drop-shadow-md,
.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(.4, 0, .2, 1);
    transition-duration: .15s
}

.transition-\[all\],
.transition-all {
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s
}

.transition-opacity {
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s
}

.duration-100 {
    transition-duration: .1s
}

.duration-1000 {
    transition-duration: 1s
}

.duration-150 {
    transition-duration: .15s
}

.duration-200 {
    transition-duration: .2s
}

.duration-300 {
    transition-duration: .3s
}

.duration-500 {
    transition-duration: .5s
}

.duration-700 {
    transition-duration: .7s
}

.duration-75 {
    transition-duration: 75ms
}

.duration-\[0\.2s\] {
    transition-duration: .2s
}

.duration-\[0\.3s\],
.duration-\[300ms\] {
    transition-duration: .3s
}

.ease-\[cubic-bezier\(0\.25\2c 0\.1\2c 0\.25\2c 1\)\] {
    transition-timing-function: ease
}

.ease-\[cubic-bezier\(0\.42\2c 0\2c 0\.58\2c 1\)\] {
    transition-timing-function: ease-in-out
}

.ease-comicSlider-transition {
    transition-timing-function: all .2s ease-in-out 0s
}

.ease-in {
    transition-timing-function: cubic-bezier(.4, 0, 1, 1)
}

.ease-in-out {
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.ease-linear {
    transition-timing-function: linear
}

.ease-out {
    transition-timing-function: cubic-bezier(0, 0, .2, 1)
}

.content-\[\'\'\] {
    --tw-content: "";
    content: "";
    content: var(--tw-content)
}

.grid-areas-crazyMainAndEpiPc {
    grid-template-areas: "subImg mainImg countDown"
}

.grid-areas-crazyMainAndEpiMo {
    grid-template-areas: "subImg countDown" "mainImg countDown"
}

.grid-areas-crazyOtherPc {
    grid-template-areas: "subImg subImg" "mainImg countDown"
}

.grid-areas-crazyNoTimer {
    grid-template-areas: "subImg subImg" "mainImg mainImg"
}

.grid-in-logo {
    grid-area: logo
}

.grid-in-gnb {
    grid-area: gnb
}

.grid-in-side {
    grid-area: side
}

.grid-in-border {
    grid-area: border
}

.grid-in-subImg {
    grid-area: subImg
}

.grid-in-mainImg {
    grid-area: mainImg
}

.grid-in-countDown {
    grid-area: countDown
}

.scrollbar-hide {
    -ms-overflow-style: none;
    scrollbar-width: none
}

.scrollbar-hide::-webkit-scrollbar {
    display: none
}

.text-shadow-rankShadow {
    text-shadow: 1px 1px 0 #fff, -1px 1px 0 #fff, 1px -1px 0 #fff, -1px -1px 0 #fff, 0 1px 0 #fff, 0 -1px 0 #fff, -1px 0 0 #fff, 1px 0 0 #fff, 2px 2px 0 #fff, -2px 2px 0 #fff, 2px -2px 0 #fff, -2px -2px 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, -2px 0 0 #fff, 2px 0 0 #fff, 1px 2px 0 #fff, -1px 2px 0 #fff, 1px -2px 0 #fff, -1px -2px 0 #fff, 2px 1px 0 #fff, -2px 1px 0 #fff, 2px -1px 0 #fff, -2px -1px 0 #fff
}

.text-shadow-autoRefillShadow {
    text-shadow: 0 .7400000095367432px 0 #e5a51b
}

.rendering-auto {
    image-rendering: auto
}

.text-fill-transparent {
    -webkit-text-fill-color: transparent
}

.\!\[clip\:rect\(0\2c 0\2c 0\2c 0\)\] {
    clip: rect(0, 0, 0, 0) !important
}

.grecaptcha-badge {
    visibility: hidden
}

@media (max-width:767px) {
    .mo\:bgContain.emptyLoading {
        background-size: contain
    }

    .mo\:basedOnNovel {
        animation: text-scroll 4s linear infinite
    }
}

.marker\:text-\[12px\] ::marker {
    font-size: 12px
}

.marker\:text-\[4px\] ::marker {
    font-size: 4px
}

.marker\:text-\[\#888\] ::marker {
    color: #888
}

.marker\:text-\[12px\]::marker {
    font-size: 12px
}

.marker\:text-\[4px\]::marker {
    font-size: 4px
}

.marker\:text-\[\#888\]::marker {
    color: #888
}

.placeholder\:text-\[\.6rem\]::-moz-placeholder {
    font-size: .6rem
}

.placeholder\:text-\[\.6rem\]::placeholder {
    font-size: .6rem
}

.placeholder\:text-\[11px\]::-moz-placeholder {
    font-size: 11px
}

.placeholder\:text-\[11px\]::placeholder {
    font-size: 11px
}

.placeholder\:text-\[14px\]::-moz-placeholder {
    font-size: 14px
}

.placeholder\:text-\[14px\]::placeholder {
    font-size: 14px
}

.placeholder\:text-\[\#aaa\]::-moz-placeholder {
    --tw-text-opacity: 1;
    color: #aaa;
    color: rgba(170, 170, 170, var(--tw-text-opacity))
}

.placeholder\:text-\[\#aaa\]::placeholder {
    --tw-text-opacity: 1;
    color: #aaa;
    color: rgba(170, 170, 170, var(--tw-text-opacity))
}

.placeholder\:text-\[\#bbb\]::-moz-placeholder {
    --tw-text-opacity: 1;
    color: #bbb;
    color: rgba(187, 187, 187, var(--tw-text-opacity))
}

.placeholder\:text-\[\#bbb\]::placeholder {
    --tw-text-opacity: 1;
    color: #bbb;
    color: rgba(187, 187, 187, var(--tw-text-opacity))
}

.placeholder\:text-black::-moz-placeholder {
    --tw-text-opacity: 1;
    color: #000;
    color: rgba(0, 0, 0, var(--tw-text-opacity))
}

.placeholder\:text-black::placeholder {
    --tw-text-opacity: 1;
    color: #000;
    color: rgba(0, 0, 0, var(--tw-text-opacity))
}

.placeholder\:text-ddd::-moz-placeholder {
    color: #ddd;
    color: var(--color-white-ddd)
}

.placeholder\:text-ddd::placeholder {
    color: #ddd;
    color: var(--color-white-ddd)
}

.placeholder\:text-primary-input-text::-moz-placeholder {
    --tw-text-opacity: 1;
    color: #aaa;
    color: rgba(170, 170, 170, var(--tw-text-opacity))
}

.placeholder\:text-primary-input-text::placeholder {
    --tw-text-opacity: 1;
    color: #aaa;
    color: rgba(170, 170, 170, var(--tw-text-opacity))
}

.placeholder\:opacity-\[\.5\]::-moz-placeholder {
    opacity: .5
}

.placeholder\:opacity-\[\.5\]::placeholder {
    opacity: .5
}

.before\:\!visible:before {
    visibility: visible !important;
    content: var(--tw-content)
}

.before\:absolute:before {
    content: var(--tw-content);
    position: absolute
}

.before\:-left-\[9px\]:before {
    content: var(--tw-content);
    left: -9px
}

.before\:left-0:before {
    content: var(--tw-content);
    left: 0
}

.before\:left-\[-10px\]:before {
    content: var(--tw-content);
    left: -10px
}

.before\:left-\[50\%\]:before {
    content: var(--tw-content);
    left: 50%
}

.before\:left-\[53\%\]:before {
    content: var(--tw-content);
    left: 53%
}

.before\:top-\[1px\]:before {
    content: var(--tw-content);
    top: 1px
}

.before\:top-\[2px\]:before {
    content: var(--tw-content);
    top: 2px
}

.before\:top-\[50\%\]:before {
    content: var(--tw-content);
    top: 50%
}

.before\:top-\[7px\]:before {
    content: var(--tw-content);
    top: 7px
}

.before\:top-\[9px\]:before {
    content: var(--tw-content);
    top: 9px
}

.before\:-z-\[1\]:before {
    content: var(--tw-content);
    z-index: -1
}

.before\:z-\[0\]:before {
    content: var(--tw-content);
    z-index: 0
}

.before\:clear-both:before {
    content: var(--tw-content);
    clear: both
}

.before\:mx-\[16px\]:before {
    content: var(--tw-content);
    margin-left: 16px;
    margin-right: 16px
}

.before\:inline-block:before {
    content: var(--tw-content);
    display: inline-block
}

.before\:h-\[1px\]:before {
    content: var(--tw-content);
    height: 1px
}

.before\:h-\[2px\]:before {
    content: var(--tw-content);
    height: 2px
}

.before\:h-\[5px\]:before {
    content: var(--tw-content);
    height: 5px
}

.before\:h-\[8px\]:before {
    content: var(--tw-content);
    height: 8px
}

.before\:w-0:before {
    content: var(--tw-content);
    width: 0
}

.before\:w-\[2px\]:before {
    content: var(--tw-content);
    width: 2px
}

.before\:w-\[5px\]:before {
    content: var(--tw-content);
    width: 5px
}

.before\:w-\[8px\]:before {
    content: var(--tw-content);
    width: 8px
}

.before\:w-full:before {
    content: var(--tw-content);
    width: 100%
}

.before\:grow-\[1\]:before {
    content: var(--tw-content);
    flex-grow: 1
}

.before\:-translate-x-\[50\%\]:before,
.before\:translate-x-\[-50\%\]:before {
    content: var(--tw-content);
    --tw-translate-x: -50%;
    transform: translate(-50%, 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: 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))
}

.before\:translate-y-\[-50\%\]:before {
    content: var(--tw-content);
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x), -50%) 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: 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))
}

.before\:rotate-45:before {
    content: var(--tw-content);
    --tw-rotate: 45deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(45deg) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    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))
}

.before\:rounded-\[100\%\]:before {
    content: var(--tw-content);
    border-radius: 100%
}

.before\:rounded-\[50px\]:before {
    content: var(--tw-content);
    border-radius: 50px
}

.before\:border-b-\[6px\]:before {
    content: var(--tw-content);
    border-bottom-width: 6px
}

.before\:border-l-\[0\]:before {
    content: var(--tw-content);
    border-left-width: 0
}

.before\:border-r-\[10px\]:before {
    content: var(--tw-content);
    border-right-width: 10px
}

.before\:border-t-\[6px\]:before {
    content: var(--tw-content);
    border-top-width: 6px
}

.before\:border-solid:before {
    content: var(--tw-content);
    border-style: solid
}

.before\:border-b-\[transparent\]:before {
    content: var(--tw-content);
    border-bottom-color: transparent
}

.before\:border-l-\[\#3C9D68\]:before {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-left-color: #3c9d68;
    border-left-color: rgba(60, 157, 104, var(--tw-border-opacity))
}

.before\:border-r-\[\#3C9D68\]:before {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-right-color: #3c9d68;
    border-right-color: rgba(60, 157, 104, var(--tw-border-opacity))
}

.before\:border-t-\[transparent\]:before {
    content: var(--tw-content);
    border-top-color: transparent
}

.before\:bg-\[\#E63740\]:before {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: #e63740;
    background-color: rgba(230, 55, 64, var(--tw-bg-opacity))
}

.before\:bg-\[\#EEEEEE\]:before {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: #eee;
    background-color: rgba(238, 238, 238, var(--tw-bg-opacity))
}

.before\:bg-\[\#ddd\]:before {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: #ddd;
    background-color: rgba(221, 221, 221, var(--tw-bg-opacity))
}

.before\:bg-\[\#f2f2f5\]:before {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: #f2f2f5;
    background-color: rgba(242, 242, 245, var(--tw-bg-opacity))
}

.before\:bg-inherit:before {
    content: var(--tw-content);
    background-color: inherit
}

.before\:bg-primary-button-bg-point:before {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: #f02d37;
    background-color: rgba(240, 45, 55, var(--tw-bg-opacity))
}

.before\:bg-gnbActive:before {
    content: var(--tw-content);
    background-image: linear-gradient(90deg, #ff323a, #ff8a00 114.89%)
}

.before\:text-\[0px\]:before {
    content: var(--tw-content);
    font-size: 0
}

.before\:text-\[20px\]:before {
    content: var(--tw-content);
    font-size: 20px
}

.before\:text-\[26px\]:before {
    content: var(--tw-content);
    font-size: 26px
}

.before\:font-\[500\]:before,
.before\:font-medium:before {
    content: var(--tw-content);
    font-weight: 500
}

.before\:text-\[\#ddd\]:before {
    content: var(--tw-content);
    --tw-text-opacity: 1;
    color: #ddd;
    color: rgba(221, 221, 221, var(--tw-text-opacity))
}

.before\:text-ddd:before {
    content: var(--tw-content);
    color: #ddd;
    color: var(--color-white-ddd)
}

.before\:content-\[\"\"\]:before {
    --tw-content: "";
    content: "";
    content: var(--tw-content)
}

.before\:content-\[\"-\"\]:before {
    --tw-content: "-";
    content: "-";
    content: var(--tw-content)
}

.before\:content-\[\"\2022\"\]:before {
    --tw-content: "•";
    content: "•";
    content: var(--tw-content)
}

.before\:content-\[\'\'\]:before {
    --tw-content: "";
    content: "";
    content: var(--tw-content)
}

.before\:content-\[\'\2022\'\]:before {
    --tw-content: "•";
    content: "•";
    content: var(--tw-content)
}

.after\:absolute:after {
    content: var(--tw-content);
    position: absolute
}

.after\:-bottom-\[2px\]:after {
    content: var(--tw-content);
    bottom: -2px
}

.after\:-bottom-\[37\%\]:after {
    content: var(--tw-content);
    bottom: -37%
}

.after\:-left-\[20px\]:after {
    content: var(--tw-content);
    left: -20px
}

.after\:-top-\[2px\]:after {
    content: var(--tw-content);
    top: -2px
}

.after\:bottom-0:after {
    content: var(--tw-content);
    bottom: 0
}

.after\:bottom-\[-30px\]:after {
    content: var(--tw-content);
    bottom: -30px
}

.after\:bottom-\[1px\]:after {
    content: var(--tw-content);
    bottom: 1px
}

.after\:left-0:after {
    content: var(--tw-content);
    left: 0
}

.after\:left-\[-8px\]:after {
    content: var(--tw-content);
    left: -8px
}

.after\:left-\[1\%\]:after {
    content: var(--tw-content);
    left: 1%
}

.after\:left-\[50\%\]:after {
    content: var(--tw-content);
    left: 50%
}

.after\:right-0:after {
    content: var(--tw-content);
    right: 0
}

.after\:right-\[15px\]:after {
    content: var(--tw-content);
    right: 15px
}

.after\:top-\[10px\]:after {
    content: var(--tw-content);
    top: 10px
}

.after\:top-\[50\%\]:after {
    content: var(--tw-content);
    top: 50%
}

.after\:z-\[1\]:after {
    content: var(--tw-content);
    z-index: 1
}

.after\:mx-\[16px\]:after {
    content: var(--tw-content);
    margin-left: 16px;
    margin-right: 16px
}

.after\:inline-block:after {
    content: var(--tw-content);
    display: inline-block
}

.after\:hidden:after {
    content: var(--tw-content);
    display: none
}

.after\:h-\[1px\]:after {
    content: var(--tw-content);
    height: 1px
}

.after\:h-\[2px\]:after {
    content: var(--tw-content);
    height: 2px
}

.after\:h-\[34px\]:after {
    content: var(--tw-content);
    height: 34px
}

.after\:h-\[50\%\]:after {
    content: var(--tw-content);
    height: 50%
}

.after\:h-\[5px\]:after {
    content: var(--tw-content);
    height: 5px
}

.after\:w-0:after {
    content: var(--tw-content);
    width: 0
}

.after\:w-\[10px\]:after {
    content: var(--tw-content);
    width: 10px
}

.after\:w-\[1px\]:after {
    content: var(--tw-content);
    width: 1px
}

.after\:w-\[36px\]:after {
    content: var(--tw-content);
    width: 36px
}

.after\:w-\[55px\]:after {
    content: var(--tw-content);
    width: 55px
}

.after\:w-\[5px\]:after {
    content: var(--tw-content);
    width: 5px
}

.after\:w-\[95\%\]:after {
    content: var(--tw-content);
    width: 95%
}

.after\:w-\[max-content\]:after {
    content: var(--tw-content);
    width: -moz-max-content;
    width: max-content
}

.after\:w-full:after {
    content: var(--tw-content);
    width: 100%
}

.after\:grow-\[1\]:after {
    content: var(--tw-content);
    flex-grow: 1
}

.after\:-translate-y-\[50\%\]:after {
    content: var(--tw-content);
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x), -50%) 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: 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))
}

.after\:translate-x-\[-50\%\]:after {
    content: var(--tw-content);
    --tw-translate-x: -50%;
    transform: translate(-50%, 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: 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))
}

.after\:translate-x-full:after {
    content: var(--tw-content);
    --tw-translate-x: 100%;
    transform: translate(100%, 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: 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))
}

.after\:translate-y-\[-50\%\]:after {
    content: var(--tw-content);
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x), -50%) 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: 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))
}

.after\:rotate-\[17deg\]:after {
    content: var(--tw-content);
    --tw-rotate: 17deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(17deg) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    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))
}

.after\:rounded-\[1px\]:after {
    content: var(--tw-content);
    border-radius: 1px
}

.after\:rounded-\[50\%\]:after {
    content: var(--tw-content);
    border-radius: 50%
}

.after\:border-b-\[3px\]:after {
    content: var(--tw-content);
    border-bottom-width: 3px
}

.after\:border-b-\[6px\]:after {
    content: var(--tw-content);
    border-bottom-width: 6px
}

.after\:border-l-\[0\]:after {
    content: var(--tw-content);
    border-left-width: 0
}

.after\:border-r-\[10px\]:after {
    content: var(--tw-content);
    border-right-width: 10px
}

.after\:border-t-\[1px\]:after {
    content: var(--tw-content);
    border-top-width: 1px
}

.after\:border-t-\[2px\]:after {
    content: var(--tw-content);
    border-top-width: 2px
}

.after\:border-t-\[6px\]:after {
    content: var(--tw-content);
    border-top-width: 6px
}

.after\:border-solid:after {
    content: var(--tw-content);
    border-style: solid
}

.after\:border-\[\#FF323A\]:after {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: #ff323a;
    border-color: rgba(255, 50, 58, var(--tw-border-opacity))
}

.after\:border-\[\#f02d37\]:after {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: #f02d37;
    border-color: rgba(240, 45, 55, var(--tw-border-opacity))
}

.after\:border-black:after {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: #000;
    border-color: rgba(0, 0, 0, var(--tw-border-opacity))
}

.after\:border-primary-border-point:after {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: #f02d37;
    border-color: rgba(240, 45, 55, var(--tw-border-opacity))
}

.after\:border-white:after {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: #fff;
    border-color: rgba(255, 255, 255, var(--tw-border-opacity))
}

.after\:border-b-\[transparent\]:after {
    content: var(--tw-content);
    border-bottom-color: transparent
}

.after\:border-l-\[\#fff\]:after {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-left-color: #fff;
    border-left-color: rgba(255, 255, 255, var(--tw-border-opacity))
}

.after\:border-r-\[\#fff\]:after {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-right-color: #fff;
    border-right-color: rgba(255, 255, 255, var(--tw-border-opacity))
}

.after\:border-t-\[transparent\]:after {
    content: var(--tw-content);
    border-top-color: transparent
}

.after\:border-opacity-10:after {
    content: var(--tw-content);
    --tw-border-opacity: 0.1
}

.after\:bg-\[\#EEEEEE\]:after {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: #eee;
    background-color: rgba(238, 238, 238, var(--tw-bg-opacity))
}

.after\:bg-\[\#ef4343\]:after {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: #ef4343;
    background-color: rgba(239, 67, 67, var(--tw-bg-opacity))
}

.after\:bg-primary-button-bg-point:after {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: #f02d37;
    background-color: rgba(240, 45, 55, var(--tw-bg-opacity))
}

.after\:bg-white:after {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: #fff;
    background-color: rgba(255, 255, 255, var(--tw-bg-opacity))
}

.after\:bg-category:after {
    content: var(--tw-content);
    background-image: linear-gradient(0deg, #ff323a, #ff8a00)
}

.after\:text-\[0\.9rem\]:after {
    content: var(--tw-content);
    font-size: .9rem
}

.after\:text-\[0px\]:after {
    content: var(--tw-content);
    font-size: 0
}

.after\:leading-\[14px\]:after {
    content: var(--tw-content);
    line-height: 14px
}

.after\:text-\[\#fff\]:after {
    content: var(--tw-content);
    --tw-text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--tw-text-opacity))
}

.after\:text-\[blue\]:after {
    content: var(--tw-content);
    --tw-text-opacity: 1;
    color: #00f;
    color: rgba(0, 0, 255, var(--tw-text-opacity))
}

.after\:content-\[\"\"\]:after,
.after\:content-\[\'\'\]:after {
    --tw-content: "";
    content: "";
    content: var(--tw-content)
}

.after\:content-\[\'Close\'\]:after {
    --tw-content: "Close";
    content: "Close";
    content: var(--tw-content)
}

.after\:content-\[url\(\'\/images\/svg\/cs_arrow\.svg\'\)\]:after {
    --tw-content: url(/images/svg/cs_arrow.svg);
    content: url(/images/svg/cs_arrow.svg);
    content: var(--tw-content)
}

.first\:ml-0:first-child {
    margin-left: 0
}

.first\:mr-\[3px\]:first-child {
    margin-right: 3px
}

.first\:mt-0:first-child {
    margin-top: 0
}

.first\:rounded-l-lg:first-child {
    border-top-left-radius: .5rem;
    border-bottom-left-radius: .5rem
}

.first\:rounded-t-lg:first-child {
    border-top-left-radius: .5rem;
    border-top-right-radius: .5rem
}

.first\:border-t-0:first-child {
    border-top-width: 0
}

.first\:pt-0:first-child {
    padding-top: 0
}

.last\:mr-0:last-child {
    margin-right: 0
}

.last\:rounded-b-lg:last-child {
    border-bottom-right-radius: .5rem;
    border-bottom-left-radius: .5rem
}

.last\:rounded-r-lg:last-child {
    border-top-right-radius: .5rem;
    border-bottom-right-radius: .5rem
}

.last\:border-b-0:last-child {
    border-bottom-width: 0
}

.odd\:bg-white:nth-child(odd) {
    --tw-bg-opacity: 1;
    background-color: #fff;
    background-color: rgba(255, 255, 255, var(--tw-bg-opacity))
}

.even\:bg-gray-50:nth-child(2n) {
    --tw-bg-opacity: 1;
    background-color: #f9fafb;
    background-color: rgba(249, 250, 251, var(--tw-bg-opacity))
}

.first-of-type\:absolute:first-of-type {
    position: absolute
}

.first-of-type\:left-0:first-of-type {
    left: 0
}

.first-of-type\:top-0:first-of-type {
    top: 0
}

.first-of-type\:z-\[1\]:first-of-type {
    z-index: 1
}

.first-of-type\:ml-0:first-of-type {
    margin-left: 0
}

.first-of-type\:w-full:first-of-type {
    width: 100%
}

.first-of-type\:select-none:first-of-type {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.first-of-type\:pt-0:first-of-type {
    padding-top: 0
}

.first-of-type\:text-\[11px\]:first-of-type {
    font-size: 11px
}

.last-of-type\:ml-\[2rem\]:last-of-type {
    margin-left: 2rem
}

.last-of-type\:border-b-0:last-of-type,
.last-of-type\:border-b-\[0\]:last-of-type {
    border-bottom-width: 0
}

.last-of-type\:border-b-\[1px\]:last-of-type {
    border-bottom-width: 1px
}

.last-of-type\:border-none:last-of-type {
    border-style: none
}

.last-of-type\:pb-\[2\.5rem\]:last-of-type {
    padding-bottom: 2.5rem
}

.last-of-type\:pt-\[0\]:last-of-type {
    padding-top: 0
}

.checked\:text-\[\#F02D37\]:checked,
.checked\:text-primary-text-point:checked {
    --tw-text-opacity: 1;
    color: #f02d37;
    color: rgba(240, 45, 55, var(--tw-text-opacity))
}

.hover\:-left-\[28px\]:hover {
    left: -28px
}

.hover\:-right-\[28px\]:hover {
    right: -28px
}

.hover\:cursor-not-allowed:hover {
    cursor: not-allowed
}

.hover\:cursor-pointer:hover {
    cursor: pointer
}

.hover\:border-gray-300:hover {
    --tw-border-opacity: 1;
    border-color: #d1d5db;
    border-color: rgba(209, 213, 219, var(--tw-border-opacity))
}

.hover\:bg-\[\#eee\]:hover {
    --tw-bg-opacity: 1;
    background-color: #eee;
    background-color: rgba(238, 238, 238, var(--tw-bg-opacity))
}

.hover\:bg-blue-100:hover {
    --tw-bg-opacity: 1;
    background-color: #e1effe;
    background-color: rgba(225, 239, 254, var(--tw-bg-opacity))
}

.hover\:bg-blue-200:hover {
    --tw-bg-opacity: 1;
    background-color: #c3ddfd;
    background-color: rgba(195, 221, 253, var(--tw-bg-opacity))
}

.hover\:bg-blue-800:hover {
    --tw-bg-opacity: 1;
    background-color: #1e429f;
    background-color: rgba(30, 66, 159, var(--tw-bg-opacity))
}

.hover\:bg-gray-100:hover {
    --tw-bg-opacity: 1;
    background-color: #f3f4f6;
    background-color: rgba(243, 244, 246, var(--tw-bg-opacity))
}

.hover\:bg-gray-200:hover {
    --tw-bg-opacity: 1;
    background-color: #e5e7eb;
    background-color: rgba(229, 231, 235, var(--tw-bg-opacity))
}

.hover\:bg-gray-50:hover {
    --tw-bg-opacity: 1;
    background-color: #f9fafb;
    background-color: rgba(249, 250, 251, var(--tw-bg-opacity))
}

.hover\:bg-gray-600:hover {
    --tw-bg-opacity: 1;
    background-color: #4b5563;
    background-color: rgba(75, 85, 99, var(--tw-bg-opacity))
}

.hover\:bg-gray-900:hover {
    --tw-bg-opacity: 1;
    background-color: #111827;
    background-color: rgba(17, 24, 39, var(--tw-bg-opacity))
}

.hover\:bg-green-200:hover {
    --tw-bg-opacity: 1;
    background-color: #bcf0da;
    background-color: rgba(188, 240, 218, var(--tw-bg-opacity))
}

.hover\:bg-green-800:hover {
    --tw-bg-opacity: 1;
    background-color: #03543f;
    background-color: rgba(3, 84, 63, var(--tw-bg-opacity))
}

.hover\:bg-purple-800:hover {
    --tw-bg-opacity: 1;
    background-color: #5521b5;
    background-color: rgba(85, 33, 181, var(--tw-bg-opacity))
}

.hover\:bg-red-200:hover {
    --tw-bg-opacity: 1;
    background-color: #fbd5d5;
    background-color: rgba(251, 213, 213, var(--tw-bg-opacity))
}

.hover\:bg-red-800:hover {
    --tw-bg-opacity: 1;
    background-color: #9b1c1c;
    background-color: rgba(155, 28, 28, var(--tw-bg-opacity))
}

.hover\:bg-white:hover {
    --tw-bg-opacity: 1;
    background-color: #fff;
    background-color: rgba(255, 255, 255, var(--tw-bg-opacity))
}

.hover\:bg-yellow-200:hover {
    --tw-bg-opacity: 1;
    background-color: #fce96a;
    background-color: rgba(252, 233, 106, var(--tw-bg-opacity))
}

.hover\:bg-yellow-500:hover {
    --tw-bg-opacity: 1;
    background-color: #c27803;
    background-color: rgba(194, 120, 3, var(--tw-bg-opacity))
}

.hover\:from-teal-200:hover {
    --tw-gradient-from: #afecef var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(175, 236, 239, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.hover\:to-lime-200:hover {
    --tw-gradient-to: #d9f99d var(--tw-gradient-to-position)
}

.hover\:\!text-gray-900:hover {
    --tw-text-opacity: 1 !important;
    color: #111827 !important;
    color: rgba(17, 24, 39, var(--tw-text-opacity)) !important
}

.hover\:text-blue-700:hover {
    --tw-text-opacity: 1;
    color: #1a56db;
    color: rgba(26, 86, 219, var(--tw-text-opacity))
}

.hover\:text-gray-600:hover {
    --tw-text-opacity: 1;
    color: #4b5563;
    color: rgba(75, 85, 99, var(--tw-text-opacity))
}

.hover\:text-gray-700:hover {
    --tw-text-opacity: 1;
    color: #374151;
    color: rgba(55, 65, 81, var(--tw-text-opacity))
}

.hover\:text-gray-900:hover {
    --tw-text-opacity: 1;
    color: #111827;
    color: rgba(17, 24, 39, var(--tw-text-opacity))
}

.hover\:underline:hover {
    text-decoration-line: underline
}

.hover\:opacity-100:hover {
    opacity: 1
}

.hover\:shadow-none:hover {
    --tw-shadow: unset;
    --tw-shadow-colored: unset;
    box-shadow: 0 0 transparent, 0 0 transparent, unset;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
}

.hover\:duration-100:hover {
    transition-duration: .1s
}

.hover\:after\:origin-left-bottom:hover:after {
    content: var(--tw-content);
    transform-origin: left bottom
}

.hover\:after\:scale-x-100:hover:after {
    content: var(--tw-content);
    --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(1) scaleY(var(--tw-scale-y));
    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-\[\#333\]:focus {
    --tw-border-opacity: 1;
    border-color: #333;
    border-color: rgba(51, 51, 51, var(--tw-border-opacity))
}

.focus\:border-blue-500:focus {
    --tw-border-opacity: 1;
    border-color: #3f83f8;
    border-color: rgba(63, 131, 248, var(--tw-border-opacity))
}

.focus\:border-green-500:focus {
    --tw-border-opacity: 1;
    border-color: #0e9f6e;
    border-color: rgba(14, 159, 110, var(--tw-border-opacity))
}

.focus\:border-primaryRed:focus {
    border-color: #f02d37;
    border-color: var(--primary-red)
}

.focus\:border-red-500:focus {
    --tw-border-opacity: 1;
    border-color: #f05252;
    border-color: rgba(240, 82, 82, var(--tw-border-opacity))
}

.focus\:border-yellow-500:focus {
    --tw-border-opacity: 1;
    border-color: #c27803;
    border-color: rgba(194, 120, 3, var(--tw-border-opacity))
}

.focus\:text-blue-700:focus {
    --tw-text-opacity: 1;
    color: #1a56db;
    color: rgba(26, 86, 219, var(--tw-text-opacity))
}

.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) !important;
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
    box-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color), 0 0 transparent !important;
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent) !important
}

.focus\:ring-0: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(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color), 0 0 transparent;
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent)
}

.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-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color), 0 0 transparent;
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent)
}

.focus\:ring-4: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(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color), 0 0 transparent;
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent)
}

.focus\:ring-blue-300:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(164, 202, 254, var(--tw-ring-opacity))
}

.focus\:ring-blue-400:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(118, 169, 250, var(--tw-ring-opacity))
}

.focus\:ring-blue-500:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(63, 131, 248, var(--tw-ring-opacity))
}

.focus\:ring-blue-700:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(26, 86, 219, var(--tw-ring-opacity))
}

.focus\:ring-cyan-300:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(103, 232, 249, var(--tw-ring-opacity))
}

.focus\:ring-gray-200:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(229, 231, 235, var(--tw-ring-opacity))
}

.focus\:ring-gray-300:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(209, 213, 219, var(--tw-ring-opacity))
}

.focus\:ring-gray-400:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(156, 163, 175, var(--tw-ring-opacity))
}

.focus\:ring-green-200:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(188, 240, 218, var(--tw-ring-opacity))
}

.focus\:ring-green-300:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(132, 225, 188, var(--tw-ring-opacity))
}

.focus\:ring-green-400:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(49, 196, 141, var(--tw-ring-opacity))
}

.focus\:ring-green-500:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(14, 159, 110, var(--tw-ring-opacity))
}

.focus\:ring-lime-200:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(217, 249, 157, var(--tw-ring-opacity))
}

.focus\:ring-lime-300:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(190, 242, 100, var(--tw-ring-opacity))
}

.focus\:ring-pink-200:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(250, 209, 232, var(--tw-ring-opacity))
}

.focus\:ring-pink-300:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(248, 180, 217, var(--tw-ring-opacity))
}

.focus\:ring-purple-200:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(220, 215, 254, var(--tw-ring-opacity))
}

.focus\:ring-purple-300:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(202, 191, 253, var(--tw-ring-opacity))
}

.focus\:ring-red-100:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(253, 232, 232, var(--tw-ring-opacity))
}

.focus\:ring-red-300:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(248, 180, 180, var(--tw-ring-opacity))
}

.focus\:ring-red-400:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(249, 128, 128, var(--tw-ring-opacity))
}

.focus\:ring-red-500:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(240, 82, 82, var(--tw-ring-opacity))
}

.focus\:ring-teal-300:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(126, 220, 226, var(--tw-ring-opacity))
}

.focus\:ring-yellow-300:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(250, 202, 21, var(--tw-ring-opacity))
}

.focus\:ring-yellow-400:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(227, 160, 8, var(--tw-ring-opacity))
}

.focus\:ring-yellow-500:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(194, 120, 3, var(--tw-ring-opacity))
}

.focus\:placeholder\:text-\[transparent\]:focus::-moz-placeholder {
    color: transparent
}

.focus\:placeholder\:text-\[transparent\]:focus::placeholder {
    color: transparent
}

.disabled\:cursor-not-allowed:disabled {
    cursor: not-allowed
}

.disabled\:bg-\[\#eee\]:disabled {
    --tw-bg-opacity: 1;
    background-color: #eee;
    background-color: rgba(238, 238, 238, var(--tw-bg-opacity))
}

.disabled\:bg-primary-button-bg-disabled:disabled {
    --tw-bg-opacity: 1;
    background-color: #bbb;
    background-color: rgba(187, 187, 187, var(--tw-bg-opacity))
}

.disabled\:text-gray-400:disabled {
    --tw-text-opacity: 1;
    color: #9ca3af;
    color: rgba(156, 163, 175, var(--tw-text-opacity))
}

.disabled\:opacity-50:disabled {
    opacity: .5
}

.disabled\:shadow-none:disabled {
    --tw-shadow: unset;
    --tw-shadow-colored: unset;
    box-shadow: 0 0 transparent, 0 0 transparent, unset;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
}

.disabled\:hover\:bg-blue-700:hover:disabled {
    --tw-bg-opacity: 1;
    background-color: #1a56db;
    background-color: rgba(26, 86, 219, var(--tw-bg-opacity))
}

.disabled\:hover\:bg-gray-800:hover:disabled {
    --tw-bg-opacity: 1;
    background-color: #1f2937;
    background-color: rgba(31, 41, 55, var(--tw-bg-opacity))
}

.disabled\:hover\:bg-green-700:hover:disabled {
    --tw-bg-opacity: 1;
    background-color: #046c4e;
    background-color: rgba(4, 108, 78, var(--tw-bg-opacity))
}

.disabled\:hover\:bg-purple-700:hover:disabled {
    --tw-bg-opacity: 1;
    background-color: #6c2bd9;
    background-color: rgba(108, 43, 217, var(--tw-bg-opacity))
}

.disabled\:hover\:bg-red-800:hover:disabled {
    --tw-bg-opacity: 1;
    background-color: #9b1c1c;
    background-color: rgba(155, 28, 28, var(--tw-bg-opacity))
}

.disabled\:hover\:bg-white:hover:disabled {
    --tw-bg-opacity: 1;
    background-color: #fff;
    background-color: rgba(255, 255, 255, var(--tw-bg-opacity))
}

.disabled\:hover\:bg-yellow-400:hover:disabled {
    --tw-bg-opacity: 1;
    background-color: #e3a008;
    background-color: rgba(227, 160, 8, var(--tw-bg-opacity))
}

.group:first-child .group-first\:hidden {
    display: none
}

.group:hover .group-hover\:visible {
    visibility: visible
}

.group:hover .group-hover\:bg-\[\#EFEFEF\] {
    --tw-bg-opacity: 1;
    background-color: #efefef;
    background-color: rgba(239, 239, 239, var(--tw-bg-opacity))
}

.group:hover .group-hover\:bg-blue-200 {
    --tw-bg-opacity: 1;
    background-color: #c3ddfd;
    background-color: rgba(195, 221, 253, var(--tw-bg-opacity))
}

.group:hover .group-hover\:bg-gray-200 {
    --tw-bg-opacity: 1;
    background-color: #e5e7eb;
    background-color: rgba(229, 231, 235, var(--tw-bg-opacity))
}

.group:hover .group-hover\:bg-green-200 {
    --tw-bg-opacity: 1;
    background-color: #bcf0da;
    background-color: rgba(188, 240, 218, var(--tw-bg-opacity))
}

.group:hover .group-hover\:bg-indigo-200 {
    --tw-bg-opacity: 1;
    background-color: #cddbfe;
    background-color: rgba(205, 219, 254, var(--tw-bg-opacity))
}

.group:hover .group-hover\:bg-pink-200 {
    --tw-bg-opacity: 1;
    background-color: #fad1e8;
    background-color: rgba(250, 209, 232, var(--tw-bg-opacity))
}

.group:hover .group-hover\:bg-purple-200 {
    --tw-bg-opacity: 1;
    background-color: #dcd7fe;
    background-color: rgba(220, 215, 254, var(--tw-bg-opacity))
}

.group:hover .group-hover\:bg-red-200 {
    --tw-bg-opacity: 1;
    background-color: #fbd5d5;
    background-color: rgba(251, 213, 213, var(--tw-bg-opacity))
}

.group:hover .group-hover\:bg-white\/50 {
    background-color: hsla(0, 0%, 100%, .5)
}

.group:hover .group-hover\:bg-yellow-200 {
    --tw-bg-opacity: 1;
    background-color: #fce96a;
    background-color: rgba(252, 233, 106, var(--tw-bg-opacity))
}

.group:hover .group-hover\:bg-opacity-0 {
    --tw-bg-opacity: 0
}

.group:hover .group-hover\:text-gray-900 {
    --tw-text-opacity: 1;
    color: #111827;
    color: rgba(17, 24, 39, var(--tw-text-opacity))
}

.group:hover .group-hover\:text-inherit {
    color: inherit
}

.group:hover .group-hover\:opacity-100 {
    opacity: 1
}

.group:focus .group-focus\:outline-none {
    outline: 2px solid transparent;
    outline-offset: 2px
}

.group:focus .group-focus\:ring-4 {
    --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(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color), 0 0 transparent;
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent)
}

.group:focus .group-focus\:ring-blue-500\/25 {
    --tw-ring-color: rgba(63, 131, 248, .25)
}

.group:focus .group-focus\:ring-white {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(255, 255, 255, var(--tw-ring-opacity))
}

@media (prefers-reduced-motion:reduce) {
    @keyframes spin {
        to {
            transform: rotate(1turn)
        }
    }

    .motion-reduce\:animate-\[spin_1\.5s_linear_infinite\] {
        animation: spin 1.5s linear infinite
    }
}

.dark .dark\:divide-gray-700>:not([hidden])~:not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: #374151;
    border-color: rgba(55, 65, 81, var(--tw-divide-opacity))
}

.dark .dark\:border,
.dark .dark\:border-\[1px\] {
    border-width: 1px
}

.dark .dark\:border-solid {
    border-style: solid
}

.dark .dark\:border-none {
    border-style: none
}

.dark .dark\:border-\[\#0b7bff\] {
    --tw-border-opacity: 1;
    border-color: #0b7bff;
    border-color: rgba(11, 123, 255, var(--tw-border-opacity))
}

.dark .dark\:border-\[\#2c2d30\] {
    --tw-border-opacity: 1;
    border-color: #2c2d30;
    border-color: rgba(44, 45, 48, var(--tw-border-opacity))
}

.dark .dark\:border-\[\#333\] {
    --tw-border-opacity: 1;
    border-color: #333;
    border-color: rgba(51, 51, 51, var(--tw-border-opacity))
}

.dark .dark\:border-\[\#3B3B43\] {
    --tw-border-opacity: 1;
    border-color: #3b3b43;
    border-color: rgba(59, 59, 67, var(--tw-border-opacity))
}

.dark .dark\:border-\[\#3F3F3F\],
.dark .dark\:border-\[\#3f3f3f\] {
    --tw-border-opacity: 1;
    border-color: #3f3f3f;
    border-color: rgba(63, 63, 63, var(--tw-border-opacity))
}

.dark .dark\:border-\[\#494949\] {
    --tw-border-opacity: 1;
    border-color: #494949;
    border-color: rgba(73, 73, 73, var(--tw-border-opacity))
}

.dark .dark\:border-\[\#4F5157\] {
    --tw-border-opacity: 1;
    border-color: #4f5157;
    border-color: rgba(79, 81, 87, var(--tw-border-opacity))
}

.dark .dark\:border-\[\#575960\] {
    --tw-border-opacity: 1;
    border-color: #575960;
    border-color: rgba(87, 89, 96, var(--tw-border-opacity))
}

.dark .dark\:border-\[\#808080\] {
    --tw-border-opacity: 1;
    border-color: grey;
    border-color: rgba(128, 128, 128, var(--tw-border-opacity))
}

.dark .dark\:border-\[\#eee\] {
    --tw-border-opacity: 1;
    border-color: #eee;
    border-color: rgba(238, 238, 238, var(--tw-border-opacity))
}

.dark .dark\:border-\[\#f0393d\] {
    --tw-border-opacity: 1;
    border-color: #f0393d;
    border-color: rgba(240, 57, 61, var(--tw-border-opacity))
}

.dark .dark\:border-\[\#fc767a\] {
    --tw-border-opacity: 1;
    border-color: #fc767a;
    border-color: rgba(252, 118, 122, var(--tw-border-opacity))
}

.dark .dark\:border-\[rgba\(255\2c 50\2c 58\2c \.5\)\] {
    border-color: rgba(255, 50, 58, .5)
}

.dark .dark\:border-blue-400 {
    --tw-border-opacity: 1;
    border-color: #76a9fa;
    border-color: rgba(118, 169, 250, var(--tw-border-opacity))
}

.dark .dark\:border-blue-500 {
    --tw-border-opacity: 1;
    border-color: #3f83f8;
    border-color: rgba(63, 131, 248, var(--tw-border-opacity))
}

.dark .dark\:border-borderDark,
.dark .dark\:border-colorGray3f3f3f {
    border-color: #3f3f3f;
    border-color: var(--color-gray-3f3f3f)
}

.dark .dark\:border-colorGray575960 {
    border-color: #575960;
    border-color: var(--color-gray-575960)
}

.dark .dark\:border-gray-600 {
    --tw-border-opacity: 1;
    border-color: #4b5563;
    border-color: rgba(75, 85, 99, var(--tw-border-opacity))
}

.dark .dark\:border-gray-700 {
    --tw-border-opacity: 1;
    border-color: #374151;
    border-color: rgba(55, 65, 81, var(--tw-border-opacity))
}

.dark .dark\:border-gray-800 {
    --tw-border-opacity: 1;
    border-color: #1f2937;
    border-color: rgba(31, 41, 55, var(--tw-border-opacity))
}

.dark .dark\:border-gray-900 {
    --tw-border-opacity: 1;
    border-color: #111827;
    border-color: rgba(17, 24, 39, var(--tw-border-opacity))
}

.dark .dark\:border-green-400 {
    --tw-border-opacity: 1;
    border-color: #31c48d;
    border-color: rgba(49, 196, 141, var(--tw-border-opacity))
}

.dark .dark\:border-inputBorderDark {
    border-color: #575960;
    border-color: var(--color-gray-575960)
}

.dark .dark\:border-red-400 {
    --tw-border-opacity: 1;
    border-color: #f98080;
    border-color: rgba(249, 128, 128, var(--tw-border-opacity))
}

.dark .dark\:border-secondaryRed {
    border-color: #ff323a;
    border-color: var(--secondary-red)
}

.dark .dark\:border-white {
    --tw-border-opacity: 1;
    border-color: #fff;
    border-color: rgba(255, 255, 255, var(--tw-border-opacity))
}

.dark .dark\:border-yellow-400 {
    --tw-border-opacity: 1;
    border-color: #e3a008;
    border-color: rgba(227, 160, 8, var(--tw-border-opacity))
}

.dark .dark\:border-x-\[\#3f3f3f\] {
    --tw-border-opacity: 1;
    border-left-color: #3f3f3f;
    border-left-color: rgba(63, 63, 63, var(--tw-border-opacity));
    border-right-color: #3f3f3f;
    border-right-color: rgba(63, 63, 63, var(--tw-border-opacity))
}

.dark .dark\:border-t-\[\#3f3f3f\] {
    --tw-border-opacity: 1;
    border-top-color: #3f3f3f;
    border-top-color: rgba(63, 63, 63, var(--tw-border-opacity))
}

.dark .dark\:border-t-\[\#fff\] {
    --tw-border-opacity: 1;
    border-top-color: #fff;
    border-top-color: rgba(255, 255, 255, var(--tw-border-opacity))
}

.dark .dark\:\!bg-\[\#2d2d30\] {
    --tw-bg-opacity: 1 !important;
    background-color: #2d2d30 !important;
    background-color: rgba(45, 45, 48, var(--tw-bg-opacity)) !important
}

.dark .dark\:\!bg-transparent {
    background-color: transparent !important
}

.dark .dark\:bg-\[\#172922\] {
    --tw-bg-opacity: 1;
    background-color: #172922;
    background-color: rgba(23, 41, 34, var(--tw-bg-opacity))
}

.dark .dark\:bg-\[\#1957CF\] {
    --tw-bg-opacity: 1;
    background-color: #1957cf;
    background-color: rgba(25, 87, 207, var(--tw-bg-opacity))
}

.dark .dark\:bg-\[\#1A1B1E\] {
    --tw-bg-opacity: 1;
    background-color: #1a1b1e;
    background-color: rgba(26, 27, 30, var(--tw-bg-opacity))
}

.dark .dark\:bg-\[\#1E1F21\],
.dark .dark\:bg-\[\#1e1f21\] {
    --tw-bg-opacity: 1;
    background-color: #1e1f21;
    background-color: rgba(30, 31, 33, var(--tw-bg-opacity))
}

.dark .dark\:bg-\[\#222\] {
    --tw-bg-opacity: 1;
    background-color: #222;
    background-color: rgba(34, 34, 34, var(--tw-bg-opacity))
}

.dark .dark\:bg-\[\#233250\] {
    --tw-bg-opacity: 1;
    background-color: #233250;
    background-color: rgba(35, 50, 80, var(--tw-bg-opacity))
}

.dark .dark\:bg-\[\#242528\] {
    --tw-bg-opacity: 1;
    background-color: #242528;
    background-color: rgba(36, 37, 40, var(--tw-bg-opacity))
}

.dark .dark\:bg-\[\#252525\] {
    --tw-bg-opacity: 1;
    background-color: #252525;
    background-color: rgba(37, 37, 37, var(--tw-bg-opacity))
}

.dark .dark\:bg-\[\#252528\] {
    --tw-bg-opacity: 1;
    background-color: #252528;
    background-color: rgba(37, 37, 40, var(--tw-bg-opacity))
}

.dark .dark\:bg-\[\#29292C\] {
    --tw-bg-opacity: 1;
    background-color: #29292c;
    background-color: rgba(41, 41, 44, var(--tw-bg-opacity))
}

.dark .dark\:bg-\[\#2C2D30\],
.dark .dark\:bg-\[\#2c2d30\] {
    --tw-bg-opacity: 1;
    background-color: #2c2d30;
    background-color: rgba(44, 45, 48, var(--tw-bg-opacity))
}

.dark .dark\:bg-\[\#35363A\],
.dark .dark\:bg-\[\#35363a\] {
    --tw-bg-opacity: 1;
    background-color: #35363a;
    background-color: rgba(53, 54, 58, var(--tw-bg-opacity))
}

.dark .dark\:bg-\[\#372A3A\] {
    --tw-bg-opacity: 1;
    background-color: #372a3a;
    background-color: rgba(55, 42, 58, var(--tw-bg-opacity))
}

.dark .dark\:bg-\[\#3E3817\] {
    --tw-bg-opacity: 1;
    background-color: #3e3817;
    background-color: rgba(62, 56, 23, var(--tw-bg-opacity))
}

.dark .dark\:bg-\[\#411C1C\] {
    --tw-bg-opacity: 1;
    background-color: #411c1c;
    background-color: rgba(65, 28, 28, var(--tw-bg-opacity))
}

.dark .dark\:bg-\[\#422B2B\] {
    --tw-bg-opacity: 1;
    background-color: #422b2b;
    background-color: rgba(66, 43, 43, var(--tw-bg-opacity))
}

.dark .dark\:bg-\[\#512626\] {
    --tw-bg-opacity: 1;
    background-color: #512626;
    background-color: rgba(81, 38, 38, var(--tw-bg-opacity))
}

.dark .dark\:bg-\[\#528dff\] {
    --tw-bg-opacity: 1;
    background-color: #528dff;
    background-color: rgba(82, 141, 255, var(--tw-bg-opacity))
}

.dark .dark\:bg-\[\#666\] {
    --tw-bg-opacity: 1;
    background-color: #666;
    background-color: rgba(102, 102, 102, var(--tw-bg-opacity))
}

.dark .dark\:bg-\[\#898989\] {
    --tw-bg-opacity: 1;
    background-color: #898989;
    background-color: rgba(137, 137, 137, var(--tw-bg-opacity))
}

.dark .dark\:bg-\[\#FF323A\] {
    --tw-bg-opacity: 1;
    background-color: #ff323a;
    background-color: rgba(255, 50, 58, var(--tw-bg-opacity))
}

.dark .dark\:bg-arrowBtnDark {
    background-color: #3f4145;
    background-color: var(--color-gray-3f4145)
}

.dark .dark\:bg-black {
    --tw-bg-opacity: 1;
    background-color: #000;
    background-color: rgba(0, 0, 0, var(--tw-bg-opacity))
}

.dark .dark\:bg-blue-100 {
    --tw-bg-opacity: 1;
    background-color: #e1effe;
    background-color: rgba(225, 239, 254, var(--tw-bg-opacity))
}

.dark .dark\:bg-blue-200 {
    --tw-bg-opacity: 1;
    background-color: #c3ddfd;
    background-color: rgba(195, 221, 253, var(--tw-bg-opacity))
}

.dark .dark\:bg-blue-600 {
    --tw-bg-opacity: 1;
    background-color: #1c64f2;
    background-color: rgba(28, 100, 242, var(--tw-bg-opacity))
}

.dark .dark\:bg-blue-900 {
    --tw-bg-opacity: 1;
    background-color: #233876;
    background-color: rgba(35, 56, 118, var(--tw-bg-opacity))
}

.dark .dark\:bg-bodyBgDark {
    background-color: #1e1f21;
    background-color: var(--color-black-1e1f21)
}

.dark .dark\:bg-borderDark {
    background-color: #3f3f3f;
    background-color: var(--color-gray-3f3f3f)
}

.dark .dark\:bg-colorGray242528 {
    background-color: #242528;
    background-color: var(--color-gray-242528)
}

.dark .dark\:bg-comicItemEditBg {
    background-color: rgba(0, 0, 0, .6);
    background-color: var(--color-comicitme-edit-bg)
}

.dark .dark\:bg-gray-300 {
    --tw-bg-opacity: 1;
    background-color: #d1d5db;
    background-color: rgba(209, 213, 219, var(--tw-bg-opacity))
}

.dark .dark\:bg-gray-600 {
    --tw-bg-opacity: 1;
    background-color: #4b5563;
    background-color: rgba(75, 85, 99, var(--tw-bg-opacity))
}

.dark .dark\:bg-gray-700 {
    --tw-bg-opacity: 1;
    background-color: #374151;
    background-color: rgba(55, 65, 81, var(--tw-bg-opacity))
}

.dark .dark\:bg-gray-800 {
    --tw-bg-opacity: 1;
    background-color: #1f2937;
    background-color: rgba(31, 41, 55, var(--tw-bg-opacity))
}

.dark .dark\:bg-gray-800\/30 {
    background-color: rgba(31, 41, 55, .3)
}

.dark .dark\:bg-gray-800\/50 {
    background-color: rgba(31, 41, 55, .5)
}

.dark .dark\:bg-gray-900 {
    --tw-bg-opacity: 1;
    background-color: #111827;
    background-color: rgba(17, 24, 39, var(--tw-bg-opacity))
}

.dark .dark\:bg-green-100 {
    --tw-bg-opacity: 1;
    background-color: #def7ec;
    background-color: rgba(222, 247, 236, var(--tw-bg-opacity))
}

.dark .dark\:bg-green-200 {
    --tw-bg-opacity: 1;
    background-color: #bcf0da;
    background-color: rgba(188, 240, 218, var(--tw-bg-opacity))
}

.dark .dark\:bg-green-500 {
    --tw-bg-opacity: 1;
    background-color: #0e9f6e;
    background-color: rgba(14, 159, 110, var(--tw-bg-opacity))
}

.dark .dark\:bg-green-600 {
    --tw-bg-opacity: 1;
    background-color: #057a55;
    background-color: rgba(5, 122, 85, var(--tw-bg-opacity))
}

.dark .dark\:bg-green-900 {
    --tw-bg-opacity: 1;
    background-color: #014737;
    background-color: rgba(1, 71, 55, var(--tw-bg-opacity))
}

.dark .dark\:bg-headAndFootBgDark {
    background-color: #29292c;
    background-color: var(--color-gray-29292C)
}

.dark .dark\:bg-indigo-200 {
    --tw-bg-opacity: 1;
    background-color: #cddbfe;
    background-color: rgba(205, 219, 254, var(--tw-bg-opacity))
}

.dark .dark\:bg-indigo-500 {
    --tw-bg-opacity: 1;
    background-color: #6875f5;
    background-color: rgba(104, 117, 245, var(--tw-bg-opacity))
}

.dark .dark\:bg-pink-200 {
    --tw-bg-opacity: 1;
    background-color: #fad1e8;
    background-color: rgba(250, 209, 232, var(--tw-bg-opacity))
}

.dark .dark\:bg-primaryBlack {
    --tw-bg-opacity: 1;
    background-color: #1e1f21;
    background-color: rgba(30, 31, 33, var(--tw-bg-opacity))
}

.dark .dark\:bg-purple-200 {
    --tw-bg-opacity: 1;
    background-color: #dcd7fe;
    background-color: rgba(220, 215, 254, var(--tw-bg-opacity))
}

.dark .dark\:bg-purple-500 {
    --tw-bg-opacity: 1;
    background-color: #9061f9;
    background-color: rgba(144, 97, 249, var(--tw-bg-opacity))
}

.dark .dark\:bg-purple-600 {
    --tw-bg-opacity: 1;
    background-color: #7e3af2;
    background-color: rgba(126, 58, 242, var(--tw-bg-opacity))
}

.dark .dark\:bg-purple-900 {
    --tw-bg-opacity: 1;
    background-color: #4a1d96;
    background-color: rgba(74, 29, 150, var(--tw-bg-opacity))
}

.dark .dark\:bg-red-100 {
    --tw-bg-opacity: 1;
    background-color: #fde8e8;
    background-color: rgba(253, 232, 232, var(--tw-bg-opacity))
}

.dark .dark\:bg-red-200 {
    --tw-bg-opacity: 1;
    background-color: #fbd5d5;
    background-color: rgba(251, 213, 213, var(--tw-bg-opacity))
}

.dark .dark\:bg-red-500 {
    --tw-bg-opacity: 1;
    background-color: #f05252;
    background-color: rgba(240, 82, 82, var(--tw-bg-opacity))
}

.dark .dark\:bg-red-600 {
    --tw-bg-opacity: 1;
    background-color: #e02424;
    background-color: rgba(224, 36, 36, var(--tw-bg-opacity))
}

.dark .dark\:bg-red-900 {
    --tw-bg-opacity: 1;
    background-color: #771d1d;
    background-color: rgba(119, 29, 29, var(--tw-bg-opacity))
}

.dark .dark\:bg-secondaryBlack {
    --tw-bg-opacity: 1;
    background-color: #2c2d30;
    background-color: rgba(44, 45, 48, var(--tw-bg-opacity))
}

.dark .dark\:bg-subBgDark {
    background-color: #35363a;
    background-color: var(--color-gray-35363A)
}

.dark .dark\:bg-transparent {
    background-color: transparent
}

.dark .dark\:bg-white {
    --tw-bg-opacity: 1;
    background-color: #fff;
    background-color: rgba(255, 255, 255, var(--tw-bg-opacity))
}

.dark .dark\:bg-yellow-100 {
    --tw-bg-opacity: 1;
    background-color: #fdf6b2;
    background-color: rgba(253, 246, 178, var(--tw-bg-opacity))
}

.dark .dark\:bg-yellow-200 {
    --tw-bg-opacity: 1;
    background-color: #fce96a;
    background-color: rgba(252, 233, 106, var(--tw-bg-opacity))
}

.dark .dark\:bg-yellow-900 {
    --tw-bg-opacity: 1;
    background-color: #633112;
    background-color: rgba(99, 49, 18, var(--tw-bg-opacity))
}

.dark .dark\:bg-opacity-80 {
    --tw-bg-opacity: 0.8
}

.dark .dark\:bg-gnbActive {
    background-image: linear-gradient(90deg, #ff323a, #ff8a00 114.89%)
}

.dark .dark\:bg-clip-text {
    -webkit-background-clip: text;
    background-clip: text
}

.dark .dark\:fill-gray-300 {
    fill: #d1d5db
}

.dark .dark\:font-bold {
    font-weight: 700
}

.dark .dark\:text-666 {
    color: #666;
    color: var(--color-gray-666)
}

.dark .dark\:text-\[\#041414\] {
    --tw-text-opacity: 1;
    color: #041414;
    color: rgba(4, 20, 20, var(--tw-text-opacity))
}

.dark .dark\:text-\[\#1e1f21\] {
    --tw-text-opacity: 1;
    color: #1e1f21;
    color: rgba(30, 31, 33, var(--tw-text-opacity))
}

.dark .dark\:text-\[\#555\] {
    --tw-text-opacity: 1;
    color: #555;
    color: rgba(85, 85, 85, var(--tw-text-opacity))
}

.dark .dark\:text-\[\#575960\] {
    --tw-text-opacity: 1;
    color: #575960;
    color: rgba(87, 89, 96, var(--tw-text-opacity))
}

.dark .dark\:text-\[\#656565\] {
    --tw-text-opacity: 1;
    color: #656565;
    color: rgba(101, 101, 101, var(--tw-text-opacity))
}

.dark .dark\:text-\[\#666\] {
    --tw-text-opacity: 1;
    color: #666;
    color: rgba(102, 102, 102, var(--tw-text-opacity))
}

.dark .dark\:text-\[\#7BB8FF\] {
    --tw-text-opacity: 1;
    color: #7bb8ff;
    color: rgba(123, 184, 255, var(--tw-text-opacity))
}

.dark .dark\:text-\[\#80bdff\] {
    --tw-text-opacity: 1;
    color: #80bdff;
    color: rgba(128, 189, 255, var(--tw-text-opacity))
}

.dark .dark\:text-\[\#8F8756\] {
    --tw-text-opacity: 1;
    color: #8f8756;
    color: rgba(143, 135, 86, var(--tw-text-opacity))
}

.dark .dark\:text-\[\#8e0db0\] {
    --tw-text-opacity: 1;
    color: #8e0db0;
    color: rgba(142, 13, 176, var(--tw-text-opacity))
}

.dark .dark\:text-\[\#999\] {
    --tw-text-opacity: 1;
    color: #999;
    color: rgba(153, 153, 153, var(--tw-text-opacity))
}

.dark .dark\:text-\[\#DC50FF\] {
    --tw-text-opacity: 1;
    color: #dc50ff;
    color: rgba(220, 80, 255, var(--tw-text-opacity))
}

.dark .dark\:text-\[\#FCC439\] {
    --tw-text-opacity: 1;
    color: #fcc439;
    color: rgba(252, 196, 57, var(--tw-text-opacity))
}

.dark .dark\:text-\[\#FFCF26\] {
    --tw-text-opacity: 1;
    color: #ffcf26;
    color: rgba(255, 207, 38, var(--tw-text-opacity))
}

.dark .dark\:text-\[\#a6a6a6\] {
    --tw-text-opacity: 1;
    color: #a6a6a6;
    color: rgba(166, 166, 166, var(--tw-text-opacity))
}

.dark .dark\:text-\[\#aaa\] {
    --tw-text-opacity: 1;
    color: #aaa;
    color: rgba(170, 170, 170, var(--tw-text-opacity))
}

.dark .dark\:text-\[\#adadad\] {
    --tw-text-opacity: 1;
    color: #adadad;
    color: rgba(173, 173, 173, var(--tw-text-opacity))
}

.dark .dark\:text-\[\#bbb\] {
    --tw-text-opacity: 1;
    color: #bbb;
    color: rgba(187, 187, 187, var(--tw-text-opacity))
}

.dark .dark\:text-\[\#ddd\] {
    --tw-text-opacity: 1;
    color: #ddd;
    color: rgba(221, 221, 221, var(--tw-text-opacity))
}

.dark .dark\:text-\[\#fcc439\] {
    --tw-text-opacity: 1;
    color: #fcc439;
    color: rgba(252, 196, 57, var(--tw-text-opacity))
}

.dark .dark\:text-\[\#ff5151\] {
    --tw-text-opacity: 1;
    color: #ff5151;
    color: rgba(255, 81, 81, var(--tw-text-opacity))
}

.dark .dark\:text-\[\#fff\] {
    --tw-text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--tw-text-opacity))
}

.dark .dark\:text-aaa {
    color: #aaa;
    color: var(--color-gray-aaa)
}

.dark .dark\:text-bbb {
    color: #bbb;
    color: var(--color-gray-bbb)
}

.dark .dark\:text-black {
    --tw-text-opacity: 1;
    color: #000;
    color: rgba(0, 0, 0, var(--tw-text-opacity))
}

.dark .dark\:text-blue-300 {
    --tw-text-opacity: 1;
    color: #a4cafe;
    color: rgba(164, 202, 254, var(--tw-text-opacity))
}

.dark .dark\:text-blue-500 {
    --tw-text-opacity: 1;
    color: #3f83f8;
    color: rgba(63, 131, 248, var(--tw-text-opacity))
}

.dark .dark\:text-blue-600 {
    --tw-text-opacity: 1;
    color: #1c64f2;
    color: rgba(28, 100, 242, var(--tw-text-opacity))
}

.dark .dark\:text-blue-800 {
    --tw-text-opacity: 1;
    color: #1e429f;
    color: rgba(30, 66, 159, var(--tw-text-opacity))
}

.dark .dark\:text-formTxtDark {
    color: #656565;
    color: var(--color-gray-656565)
}

.dark .dark\:text-gray-100 {
    --tw-text-opacity: 1;
    color: #f3f4f6;
    color: rgba(243, 244, 246, var(--tw-text-opacity))
}

.dark .dark\:text-gray-200 {
    --tw-text-opacity: 1;
    color: #e5e7eb;
    color: rgba(229, 231, 235, var(--tw-text-opacity))
}

.dark .dark\:text-gray-300 {
    --tw-text-opacity: 1;
    color: #d1d5db;
    color: rgba(209, 213, 219, var(--tw-text-opacity))
}

.dark .dark\:text-gray-400 {
    --tw-text-opacity: 1;
    color: #9ca3af;
    color: rgba(156, 163, 175, var(--tw-text-opacity))
}

.dark .dark\:text-gray-500 {
    --tw-text-opacity: 1;
    color: #6b7280;
    color: rgba(107, 114, 128, var(--tw-text-opacity))
}

.dark .dark\:text-gray-600 {
    --tw-text-opacity: 1;
    color: #4b5563;
    color: rgba(75, 85, 99, var(--tw-text-opacity))
}

.dark .dark\:text-gray-800 {
    --tw-text-opacity: 1;
    color: #1f2937;
    color: rgba(31, 41, 55, var(--tw-text-opacity))
}

.dark .dark\:text-green-500 {
    --tw-text-opacity: 1;
    color: #0e9f6e;
    color: rgba(14, 159, 110, var(--tw-text-opacity))
}

.dark .dark\:text-green-600 {
    --tw-text-opacity: 1;
    color: #057a55;
    color: rgba(5, 122, 85, var(--tw-text-opacity))
}

.dark .dark\:text-green-800 {
    --tw-text-opacity: 1;
    color: #03543f;
    color: rgba(3, 84, 63, var(--tw-text-opacity))
}

.dark .dark\:text-green-900 {
    --tw-text-opacity: 1;
    color: #014737;
    color: rgba(1, 71, 55, var(--tw-text-opacity))
}

.dark .dark\:text-indigo-900 {
    --tw-text-opacity: 1;
    color: #362f78;
    color: rgba(54, 47, 120, var(--tw-text-opacity))
}

.dark .dark\:text-pink-900 {
    --tw-text-opacity: 1;
    color: #751a3d;
    color: rgba(117, 26, 61, var(--tw-text-opacity))
}

.dark .dark\:text-primary-text {
    --tw-text-opacity: 1;
    color: #000;
    color: rgba(0, 0, 0, var(--tw-text-opacity))
}

.dark .dark\:text-purple-900 {
    --tw-text-opacity: 1;
    color: #4a1d96;
    color: rgba(74, 29, 150, var(--tw-text-opacity))
}

.dark .dark\:text-red-500 {
    --tw-text-opacity: 1;
    color: #f05252;
    color: rgba(240, 82, 82, var(--tw-text-opacity))
}

.dark .dark\:text-red-600 {
    --tw-text-opacity: 1;
    color: #e02424;
    color: rgba(224, 36, 36, var(--tw-text-opacity))
}

.dark .dark\:text-red-800 {
    --tw-text-opacity: 1;
    color: #9b1c1c;
    color: rgba(155, 28, 28, var(--tw-text-opacity))
}

.dark .dark\:text-red-900 {
    --tw-text-opacity: 1;
    color: #771d1d;
    color: rgba(119, 29, 29, var(--tw-text-opacity))
}

.dark .dark\:text-white {
    --tw-text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--tw-text-opacity))
}

.dark .dark\:text-yellow-600 {
    --tw-text-opacity: 1;
    color: #9f580a;
    color: rgba(159, 88, 10, var(--tw-text-opacity))
}

.dark .dark\:text-yellow-800 {
    --tw-text-opacity: 1;
    color: #723b13;
    color: rgba(114, 59, 19, var(--tw-text-opacity))
}

.dark .dark\:text-yellow-900 {
    --tw-text-opacity: 1;
    color: #633112;
    color: rgba(99, 49, 18, var(--tw-text-opacity))
}

.dark .dark\:placeholder-gray-400::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: #9ca3af;
    color: rgba(156, 163, 175, var(--tw-placeholder-opacity))
}

.dark .dark\:placeholder-gray-400::placeholder {
    --tw-placeholder-opacity: 1;
    color: #9ca3af;
    color: rgba(156, 163, 175, var(--tw-placeholder-opacity))
}

.dark .dark\:shadow-selectBoxDark {
    --tw-shadow: 2px 8px 8px rgba(58, 64, 83, .1);
    --tw-shadow-colored: 2px 8px 8px var(--tw-shadow-color);
    box-shadow: 0 0 transparent, 0 0 transparent, 2px 8px 8px rgba(58, 64, 83, .1);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
}

.dark .dark\:shadow-sm-light {
    --tw-shadow: 0 2px 5px 0px hsla(0, 0%, 100%, .08);
    --tw-shadow-colored: 0 2px 5px 0px var(--tw-shadow-color);
    box-shadow: 0 0 transparent, 0 0 transparent, 0 2px 5px 0 hsla(0, 0%, 100%, .08);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
}

.dark .dark\:ring-blue-800 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(30, 66, 159, var(--tw-ring-opacity))
}

.dark .dark\:ring-gray-400 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(156, 163, 175, var(--tw-ring-opacity))
}

.dark .dark\:ring-gray-500 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(107, 114, 128, var(--tw-ring-opacity))
}

.dark .dark\:ring-gray-800 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(31, 41, 55, var(--tw-ring-opacity))
}

.dark .dark\:ring-gray-900 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(17, 24, 39, var(--tw-ring-opacity))
}

.dark .dark\:ring-green-500 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(14, 159, 110, var(--tw-ring-opacity))
}

.dark .dark\:ring-pink-500 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(231, 70, 148, var(--tw-ring-opacity))
}

.dark .dark\:ring-purple-600 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(126, 58, 242, var(--tw-ring-opacity))
}

.dark .dark\:ring-red-700 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(200, 30, 30, var(--tw-ring-opacity))
}

.dark .dark\:ring-yellow-500 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(194, 120, 3, var(--tw-ring-opacity))
}

.dark .dark\:ring-offset-gray-800 {
    --tw-ring-offset-color: #1f2937
}

.dark .dark\:text-shadow-homeMainShadow {
    text-shadow: 1px 1px 0 #1e1f21, -1px 1px 0 #1e1f21, 1px -1px 0 #1e1f21, -1px -1px 0 #1e1f21, 0 1px 0 #1e1f21, 0 -1px 0 #1e1f21, -1px 0 0 #1e1f21, 1px 0 0 #1e1f21, 2px 2px 0 #1e1f21, -2px 2px 0 #1e1f21, 2px -2px 0 #1e1f21, -2px -2px 0 #1e1f21, 0 2px 0 #1e1f21, 0 -2px 0 #1e1f21, -2px 0 0 #1e1f21, 2px 0 0 #1e1f21, 1px 2px 0 #1e1f21, -1px 2px 0 #1e1f21, 1px -2px 0 #1e1f21, -1px -2px 0 #1e1f21, 2px 1px 0 #1e1f21, -2px 1px 0 #1e1f21, 2px -1px 0 #1e1f21, -2px -1px 0 #1e1f21
}

.dark .dark\:text-fill-transparent {
    -webkit-text-fill-color: transparent
}

.dark .dark\:first-letter\:border-b-\[1px\]:first-letter {
    border-bottom-width: 1px
}

.dark .placeholder\:dark\:text-\[12px\]::-moz-placeholder {
    font-size: 12px
}

.dark .placeholder\:dark\:text-\[12px\]::placeholder {
    font-size: 12px
}

.dark .dark\:placeholder\:text-\[\#4d4d4d\]::-moz-placeholder {
    --tw-text-opacity: 1;
    color: #4d4d4d;
    color: rgba(77, 77, 77, var(--tw-text-opacity))
}

.dark .dark\:placeholder\:text-\[\#4d4d4d\]::placeholder {
    --tw-text-opacity: 1;
    color: #4d4d4d;
    color: rgba(77, 77, 77, var(--tw-text-opacity))
}

.dark .dark\:placeholder\:text-\[\#fff\]::-moz-placeholder {
    --tw-text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--tw-text-opacity))
}

.dark .dark\:placeholder\:text-\[\#fff\]::placeholder {
    --tw-text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--tw-text-opacity))
}

.dark .dark\:placeholder\:text-inputPlaceHolderDark::-moz-placeholder {
    color: #4d4d4d;
    color: var(--color-gray-4d4d4d)
}

.dark .dark\:placeholder\:text-inputPlaceHolderDark::placeholder {
    color: #4d4d4d;
    color: var(--color-gray-4d4d4d)
}

.dark .placeholder\:dark\:text-formTxtDark::-moz-placeholder {
    color: #656565;
    color: var(--color-gray-656565)
}

.dark .placeholder\:dark\:text-formTxtDark::placeholder {
    color: #656565;
    color: var(--color-gray-656565)
}

.dark .dark\:before\:bg-\[\#FF7A0B\]:before {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: #ff7a0b;
    background-color: rgba(255, 122, 11, var(--tw-bg-opacity))
}

.dark .dark\:before\:bg-colorGray575960:before {
    content: var(--tw-content);
    background-color: #575960;
    background-color: var(--color-gray-575960)
}

.dark .dark\:before\:bg-gnbActive:before {
    content: var(--tw-content);
    background-image: linear-gradient(90deg, #ff323a, #ff8a00 114.89%)
}

.dark .odd\:dark\:bg-gray-800:nth-child(odd) {
    --tw-bg-opacity: 1;
    background-color: #1f2937;
    background-color: rgba(31, 41, 55, var(--tw-bg-opacity))
}

.dark .even\:dark\:bg-gray-700:nth-child(2n) {
    --tw-bg-opacity: 1;
    background-color: #374151;
    background-color: rgba(55, 65, 81, var(--tw-bg-opacity))
}

.dark .dark\:checked\:bg-\[\#f9b7bb\]:checked {
    --tw-bg-opacity: 1;
    background-color: #f9b7bb;
    background-color: rgba(249, 183, 187, var(--tw-bg-opacity))
}

.dark .dark\:checked\:text-\[\#f9b7bb\]:checked {
    --tw-text-opacity: 1;
    color: #f9b7bb;
    color: rgba(249, 183, 187, var(--tw-text-opacity))
}

.dark .dark\:checked\:ring-\[\#f9b7bb\]:checked {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(249, 183, 187, var(--tw-ring-opacity))
}

.dark .dark\:hover\:border-gray-700:hover {
    --tw-border-opacity: 1;
    border-color: #374151;
    border-color: rgba(55, 65, 81, var(--tw-border-opacity))
}

.dark .dark\:hover\:bg-arrowBtnDark:hover {
    background-color: #3f4145;
    background-color: var(--color-gray-3f4145)
}

.dark .dark\:hover\:bg-blue-300:hover {
    --tw-bg-opacity: 1;
    background-color: #a4cafe;
    background-color: rgba(164, 202, 254, var(--tw-bg-opacity))
}

.dark .dark\:hover\:bg-blue-700:hover {
    --tw-bg-opacity: 1;
    background-color: #1a56db;
    background-color: rgba(26, 86, 219, var(--tw-bg-opacity))
}

.dark .dark\:hover\:bg-borderDark:hover {
    background-color: #3f3f3f;
    background-color: var(--color-gray-3f3f3f)
}

.dark .dark\:hover\:bg-gray-600:hover {
    --tw-bg-opacity: 1;
    background-color: #4b5563;
    background-color: rgba(75, 85, 99, var(--tw-bg-opacity))
}

.dark .dark\:hover\:bg-gray-700:hover {
    --tw-bg-opacity: 1;
    background-color: #374151;
    background-color: rgba(55, 65, 81, var(--tw-bg-opacity))
}

.dark .dark\:hover\:bg-gray-800:hover {
    --tw-bg-opacity: 1;
    background-color: #1f2937;
    background-color: rgba(31, 41, 55, var(--tw-bg-opacity))
}

.dark .dark\:hover\:bg-green-300:hover {
    --tw-bg-opacity: 1;
    background-color: #84e1bc;
    background-color: rgba(132, 225, 188, var(--tw-bg-opacity))
}

.dark .dark\:hover\:bg-green-700:hover {
    --tw-bg-opacity: 1;
    background-color: #046c4e;
    background-color: rgba(4, 108, 78, var(--tw-bg-opacity))
}

.dark .dark\:hover\:bg-purple-700:hover {
    --tw-bg-opacity: 1;
    background-color: #6c2bd9;
    background-color: rgba(108, 43, 217, var(--tw-bg-opacity))
}

.dark .dark\:hover\:bg-red-300:hover {
    --tw-bg-opacity: 1;
    background-color: #f8b4b4;
    background-color: rgba(248, 180, 180, var(--tw-bg-opacity))
}

.dark .dark\:hover\:bg-red-700:hover {
    --tw-bg-opacity: 1;
    background-color: #c81e1e;
    background-color: rgba(200, 30, 30, var(--tw-bg-opacity))
}

.dark .dark\:hover\:bg-yellow-300:hover {
    --tw-bg-opacity: 1;
    background-color: #faca15;
    background-color: rgba(250, 202, 21, var(--tw-bg-opacity))
}

.dark .dark\:hover\:text-gray-300:hover {
    --tw-text-opacity: 1;
    color: #d1d5db;
    color: rgba(209, 213, 219, var(--tw-text-opacity))
}

.dark .dark\:hover\:text-white:hover {
    --tw-text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--tw-text-opacity))
}

.dark .dark\:focus\:border-blue-500:focus {
    --tw-border-opacity: 1;
    border-color: #3f83f8;
    border-color: rgba(63, 131, 248, var(--tw-border-opacity))
}

.dark .dark\:focus\:border-green-500:focus {
    --tw-border-opacity: 1;
    border-color: #0e9f6e;
    border-color: rgba(14, 159, 110, var(--tw-border-opacity))
}

.dark .dark\:focus\:border-red-500:focus {
    --tw-border-opacity: 1;
    border-color: #f05252;
    border-color: rgba(240, 82, 82, var(--tw-border-opacity))
}

.dark .dark\:focus\:border-yellow-500:focus {
    --tw-border-opacity: 1;
    border-color: #c27803;
    border-color: rgba(194, 120, 3, var(--tw-border-opacity))
}

.dark .dark\:focus\:bg-blue-600:focus {
    --tw-bg-opacity: 1;
    background-color: #1c64f2;
    background-color: rgba(28, 100, 242, var(--tw-bg-opacity))
}

.dark .dark\:focus\:text-white:focus {
    --tw-text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--tw-text-opacity))
}

.dark .dark\:focus\:ring-blue-500:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(63, 131, 248, var(--tw-ring-opacity))
}

.dark .dark\:focus\:ring-blue-600:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(28, 100, 242, var(--tw-ring-opacity))
}

.dark .dark\:focus\:ring-blue-800:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(30, 66, 159, var(--tw-ring-opacity))
}

.dark .dark\:focus\:ring-cyan-800:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(21, 94, 117, var(--tw-ring-opacity))
}

.dark .dark\:focus\:ring-gray-500:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(107, 114, 128, var(--tw-ring-opacity))
}

.dark .dark\:focus\:ring-gray-600:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(75, 85, 99, var(--tw-ring-opacity))
}

.dark .dark\:focus\:ring-gray-700:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(55, 65, 81, var(--tw-ring-opacity))
}

.dark .dark\:focus\:ring-gray-800:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(31, 41, 55, var(--tw-ring-opacity))
}

.dark .dark\:focus\:ring-green-500:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(14, 159, 110, var(--tw-ring-opacity))
}

.dark .dark\:focus\:ring-green-800:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(3, 84, 63, var(--tw-ring-opacity))
}

.dark .dark\:focus\:ring-lime-800:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(63, 98, 18, var(--tw-ring-opacity))
}

.dark .dark\:focus\:ring-pink-800:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(153, 21, 75, var(--tw-ring-opacity))
}

.dark .dark\:focus\:ring-purple-800:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(85, 33, 181, var(--tw-ring-opacity))
}

.dark .dark\:focus\:ring-purple-900:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(74, 29, 150, var(--tw-ring-opacity))
}

.dark .dark\:focus\:ring-red-400:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(249, 128, 128, var(--tw-ring-opacity))
}

.dark .dark\:focus\:ring-red-500:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(240, 82, 82, var(--tw-ring-opacity))
}

.dark .dark\:focus\:ring-red-800:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(155, 28, 28, var(--tw-ring-opacity))
}

.dark .dark\:focus\:ring-red-900:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(119, 29, 29, var(--tw-ring-opacity))
}

.dark .dark\:focus\:ring-teal-700:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(3, 102, 114, var(--tw-ring-opacity))
}

.dark .dark\:focus\:ring-teal-800:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(5, 80, 92, var(--tw-ring-opacity))
}

.dark .dark\:focus\:ring-yellow-500:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(194, 120, 3, var(--tw-ring-opacity))
}

.dark .dark\:focus\:ring-yellow-900:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(99, 49, 18, var(--tw-ring-opacity))
}

.dark .dark\:disabled\:bg-headAndFootBgDark:disabled {
    background-color: #29292c;
    background-color: var(--color-gray-29292C)
}

.dark .disabled\:dark\:text-gray-500:disabled {
    --tw-text-opacity: 1;
    color: #6b7280;
    color: rgba(107, 114, 128, var(--tw-text-opacity))
}

.dark .dark\:disabled\:hover\:bg-blue-600:hover:disabled {
    --tw-bg-opacity: 1;
    background-color: #1c64f2;
    background-color: rgba(28, 100, 242, var(--tw-bg-opacity))
}

.dark .dark\:disabled\:hover\:bg-gray-800:hover:disabled {
    --tw-bg-opacity: 1;
    background-color: #1f2937;
    background-color: rgba(31, 41, 55, var(--tw-bg-opacity))
}

.dark .dark\:disabled\:hover\:bg-green-600:hover:disabled {
    --tw-bg-opacity: 1;
    background-color: #057a55;
    background-color: rgba(5, 122, 85, var(--tw-bg-opacity))
}

.dark .dark\:disabled\:hover\:bg-purple-600:hover:disabled {
    --tw-bg-opacity: 1;
    background-color: #7e3af2;
    background-color: rgba(126, 58, 242, var(--tw-bg-opacity))
}

.dark .dark\:disabled\:hover\:bg-red-600:hover:disabled {
    --tw-bg-opacity: 1;
    background-color: #e02424;
    background-color: rgba(224, 36, 36, var(--tw-bg-opacity))
}

.dark .dark\:disabled\:hover\:bg-yellow-400:hover:disabled {
    --tw-bg-opacity: 1;
    background-color: #e3a008;
    background-color: rgba(227, 160, 8, var(--tw-bg-opacity))
}

.dark .group:hover .dark\:group-hover\:bg-blue-300 {
    --tw-bg-opacity: 1;
    background-color: #a4cafe;
    background-color: rgba(164, 202, 254, var(--tw-bg-opacity))
}

.dark .group:hover .dark\:group-hover\:bg-gray-600 {
    --tw-bg-opacity: 1;
    background-color: #4b5563;
    background-color: rgba(75, 85, 99, var(--tw-bg-opacity))
}

.dark .group:hover .dark\:group-hover\:bg-gray-800\/60 {
    background-color: rgba(31, 41, 55, .6)
}

.dark .group:hover .dark\:group-hover\:bg-green-300 {
    --tw-bg-opacity: 1;
    background-color: #84e1bc;
    background-color: rgba(132, 225, 188, var(--tw-bg-opacity))
}

.dark .group:hover .dark\:group-hover\:bg-indigo-300 {
    --tw-bg-opacity: 1;
    background-color: #b4c6fc;
    background-color: rgba(180, 198, 252, var(--tw-bg-opacity))
}

.dark .group:hover .dark\:group-hover\:bg-pink-300 {
    --tw-bg-opacity: 1;
    background-color: #f8b4d9;
    background-color: rgba(248, 180, 217, var(--tw-bg-opacity))
}

.dark .group:hover .dark\:group-hover\:bg-purple-300 {
    --tw-bg-opacity: 1;
    background-color: #cabffd;
    background-color: rgba(202, 191, 253, var(--tw-bg-opacity))
}

.dark .group:hover .dark\:group-hover\:bg-red-300 {
    --tw-bg-opacity: 1;
    background-color: #f8b4b4;
    background-color: rgba(248, 180, 180, var(--tw-bg-opacity))
}

.dark .group:hover .dark\:group-hover\:bg-yellow-300 {
    --tw-bg-opacity: 1;
    background-color: #faca15;
    background-color: rgba(250, 202, 21, var(--tw-bg-opacity))
}

.dark .group:hover .dark\:group-hover\:text-white {
    --tw-text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--tw-text-opacity))
}

.dark .group:focus .dark\:group-focus\:ring-gray-800\/70 {
    --tw-ring-color: rgba(31, 41, 55, .7)
}

@media (min-width:320px) {
    .sm\:mx-auto {
        margin-left: auto;
        margin-right: auto
    }

    .sm\:mb-0 {
        margin-bottom: 0
    }

    .sm\:flex {
        display: flex
    }

    .sm\:h-10 {
        height: 2.5rem
    }

    .sm\:h-6 {
        height: 1.5rem
    }

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

    .sm\:w-10 {
        width: 2.5rem
    }

    .sm\:w-6 {
        width: 1.5rem
    }

    .sm\:rounded-lg {
        border-radius: .5rem
    }

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

    .sm\:pr-8 {
        padding-right: 2rem
    }

    .sm\:text-center {
        text-align: center
    }
}

@media (min-width:768px) and (max-width:1280px) {
    .forBody\:-bottom-\[16px\] {
        bottom: -16px
    }

    .forBody\:-bottom-\[20px\] {
        bottom: -20px
    }

    .forBody\:-bottom-\[22px\] {
        bottom: -22px
    }

    .forBody\:top-\[0\],
    .forBody\:top-\[0px\] {
        top: 0
    }
}

@media (min-width:768px) {
    .md\:inset-0 {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0
    }

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

    .md\:mr-6 {
        margin-right: 1.5rem
    }

    .md\:mt-0 {
        margin-top: 0
    }

    .md\:block {
        display: block
    }

    .md\:flex {
        display: flex
    }

    .md\:hidden {
        display: none
    }

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

    .md\:h-full {
        height: 100%
    }

    .md\:w-48 {
        width: 12rem
    }

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

    .md\:min-w-\[220px\] {
        min-width: 220px
    }

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

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

    .md\:max-w-xl {
        max-width: 36rem
    }

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

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

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

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

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

    .md\:rounded-l-lg {
        border-top-left-radius: .5rem;
        border-bottom-left-radius: .5rem
    }

    .md\:border-0 {
        border-width: 0
    }

    .md\:bg-transparent {
        background-color: transparent
    }

    .md\:p-0 {
        padding: 0
    }

    .md\:px-\[15px\] {
        padding-left: 15px;
        padding-right: 15px
    }

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

    .md\:font-medium {
        font-weight: 500
    }

    .md\:text-blue-700 {
        --tw-text-opacity: 1;
        color: #1a56db;
        color: rgba(26, 86, 219, var(--tw-text-opacity))
    }

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

    .md\:hover\:text-blue-700:hover {
        --tw-text-opacity: 1;
        color: #1a56db;
        color: rgba(26, 86, 219, var(--tw-text-opacity))
    }

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

    .dark .md\:dark\:hover\:text-white:hover {
        --tw-text-opacity: 1;
        color: #fff;
        color: rgba(255, 255, 255, var(--tw-text-opacity))
    }
}

@media (min-width:1024px) {
    .lg\:my-8 {
        margin-top: 2rem;
        margin-bottom: 2rem
    }

    .lg\:block {
        display: block
    }

    .lg\:w-\[70\%\] {
        width: 70%
    }

    .lg\:truncate {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .lg\:bg-\[\#f6f8fa\] {
        --tw-bg-opacity: 1;
        background-color: #f6f8fa;
        background-color: rgba(246, 248, 250, var(--tw-bg-opacity))
    }

    .group:hover .lg\:group-hover\:opacity-100 {
        opacity: 1
    }

    .dark .lg\:dark\:bg-secondaryBlack {
        --tw-bg-opacity: 1;
        background-color: #2c2d30;
        background-color: rgba(44, 45, 48, var(--tw-bg-opacity))
    }
}

@media (min-width:1024px) and (max-width:1179px) {
    .forEpisode\:w-\[36rem\] {
        width: 36rem
    }

    .forEpisode\:w-\[calc\(100\%-37rem\)\] {
        width: calc(100% - 37rem)
    }

    .forEpisode\:grid-cols-\[1fr_calc\(100\%-38rem\)\] {
        grid-template-columns: 1fr calc(100% - 38rem)
    }
}

@media (max-width:1500px) {
    .forIpBlock\:h-\[70vw\] {
        height: 70vw
    }
}

@media (max-width:1023px) {
    .tablet\:fixed {
        position: fixed
    }

    .tablet\:relative {
        position: relative
    }

    .tablet\:-bottom-\[25\%\] {
        bottom: -25%
    }

    .tablet\:-right-\[5px\] {
        right: -5px
    }

    .tablet\:-top-\[25px\] {
        top: -25px
    }

    .tablet\:bottom-0 {
        bottom: 0
    }

    .tablet\:bottom-\[-8px\] {
        bottom: -8px
    }

    .tablet\:bottom-auto {
        bottom: auto
    }

    .tablet\:left-0 {
        left: 0
    }

    .tablet\:right-\[4px\] {
        right: 4px
    }

    .tablet\:top-\[15px\] {
        top: 15px
    }

    .tablet\:top-\[60px\] {
        top: 60px
    }

    .tablet\:z-\[3\] {
        z-index: 3
    }

    .tablet\:m-0 {
        margin: 0
    }

    .tablet\:m-\[0_0_15px\] {
        margin: 0 0 15px
    }

    .tablet\:m-\[0_0_8px\] {
        margin: 0 0 8px
    }

    .tablet\:m-\[10px\] {
        margin: 10px
    }

    .tablet\:m-\[4px_0_0_-15px\] {
        margin: 4px 0 0 -15px
    }

    .tablet\:mx-\[20px\] {
        margin-left: 20px;
        margin-right: 20px
    }

    .tablet\:mx-auto {
        margin-left: auto;
        margin-right: auto
    }

    .tablet\:my-0 {
        margin-top: 0;
        margin-bottom: 0
    }

    .tablet\:my-\[10px\] {
        margin-top: 10px;
        margin-bottom: 10px
    }

    .tablet\:my-\[15px\] {
        margin-top: 15px;
        margin-bottom: 15px
    }

    .tablet\:my-\[5px\] {
        margin-top: 5px;
        margin-bottom: 5px
    }

    .tablet\:\!mt-0 {
        margin-top: 0 !important
    }

    .tablet\:mb-\[1\.0625rem\] {
        margin-bottom: 1.0625rem
    }

    .tablet\:mb-\[15px\] {
        margin-bottom: 15px
    }

    .tablet\:mb-\[1rem\] {
        margin-bottom: 1rem
    }

    .tablet\:mb-\[30px\] {
        margin-bottom: 30px
    }

    .tablet\:ml-0 {
        margin-left: 0
    }

    .tablet\:mr-0 {
        margin-right: 0
    }

    .tablet\:mt-0 {
        margin-top: 0
    }

    .tablet\:mt-\[\.75rem\] {
        margin-top: .75rem
    }

    .tablet\:mt-\[1\.3rem\] {
        margin-top: 1.3rem
    }

    .tablet\:mt-\[10px\] {
        margin-top: 10px
    }

    .tablet\:mt-\[15px\] {
        margin-top: 15px
    }

    .tablet\:mt-\[20px\] {
        margin-top: 20px
    }

    .tablet\:mt-\[224px\] {
        margin-top: 224px
    }

    .tablet\:block {
        display: block
    }

    .tablet\:flex {
        display: flex
    }

    .tablet\:grid {
        display: grid
    }

    .tablet\:hidden {
        display: none
    }

    .tablet\:h-\[100\%\] {
        height: 100%
    }

    .tablet\:h-\[20px\] {
        height: 20px
    }

    .tablet\:h-\[32px\] {
        height: 32px
    }

    .tablet\:h-\[34px\] {
        height: 34px
    }

    .tablet\:h-\[38px\] {
        height: 38px
    }

    .tablet\:h-\[64px\] {
        height: 64px
    }

    .tablet\:h-\[70\%\] {
        height: 70%
    }

    .tablet\:h-auto {
        height: auto
    }

    .tablet\:h-full {
        height: 100%
    }

    .tablet\:min-h-\[77vh\] {
        min-height: 77vh
    }

    .tablet\:w-\[100\%\] {
        width: 100%
    }

    .tablet\:w-\[115px\] {
        width: 115px
    }

    .tablet\:w-\[120px\] {
        width: 120px
    }

    .tablet\:w-\[20px\] {
        width: 20px
    }

    .tablet\:w-\[30\%\] {
        width: 30%
    }

    .tablet\:w-\[34px\] {
        width: 34px
    }

    .tablet\:w-\[5\.93rem\] {
        width: 5.93rem
    }

    .tablet\:w-\[51px\] {
        width: 51px
    }

    .tablet\:w-\[75\%\] {
        width: 75%
    }

    .tablet\:w-full {
        width: 100%
    }

    .tablet\:min-w-0 {
        min-width: 0
    }

    .tablet\:min-w-\[115px\] {
        min-width: 115px
    }

    .tablet\:min-w-\[35px\] {
        min-width: 35px
    }

    .tablet\:min-w-\[94px\] {
        min-width: 94px
    }

    .tablet\:max-w-\[100\%\] {
        max-width: 100%
    }

    .tablet\:max-w-\[18px\] {
        max-width: 18px
    }

    .tablet\:max-w-\[400px\] {
        max-width: 400px
    }

    .tablet\:max-w-\[85\%\] {
        max-width: 85%
    }

    .tablet\:translate-y-0 {
        --tw-translate-y: 0px;
        transform: translate(var(--tw-translate-x)) 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: 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))
    }

    .tablet\:translate-y-\[100\%\] {
        --tw-translate-y: 100%;
        transform: translate(var(--tw-translate-x), 100%) 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: 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))
    }

    .tablet\:auto-cols-18\.9\% {
        grid-auto-columns: minmax(18.9%, 18.9%)
    }

    .tablet\:grid-flow-col {
        grid-auto-flow: column
    }

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

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

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

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

    .tablet\:grid-cols-none {
        grid-template-columns: none
    }

    .tablet\:flex-col {
        flex-direction: column
    }

    .tablet\:flex-wrap {
        flex-wrap: wrap
    }

    .tablet\:justify-between {
        justify-content: space-between
    }

    .tablet\:gap-\[4px\] {
        gap: 4px
    }

    .tablet\:gap-\[8px\] {
        gap: 8px
    }

    .tablet\:overflow-x-auto {
        overflow-x: auto
    }

    .tablet\:rounded-\[3px\] {
        border-radius: 3px
    }

    .tablet\:rounded-none {
        border-radius: 0
    }

    .tablet\:\!border-\[5px\] {
        border-width: 5px !important
    }

    .tablet\:border-\[1px\] {
        border-width: 1px
    }

    .tablet\:border-none {
        border-style: none
    }

    .tablet\:\!border-transparent {
        border-color: transparent !important
    }

    .tablet\:border-primary-border {
        --tw-border-opacity: 1;
        border-color: #ddd;
        border-color: rgba(221, 221, 221, var(--tw-border-opacity))
    }

    .tablet\:border-primary-border-point {
        --tw-border-opacity: 1;
        border-color: #f02d37;
        border-color: rgba(240, 45, 55, var(--tw-border-opacity))
    }

    .tablet\:bg-\[\#FEF1E5\] {
        --tw-bg-opacity: 1;
        background-color: #fef1e5;
        background-color: rgba(254, 241, 229, var(--tw-bg-opacity))
    }

    .tablet\:p-\[15px\] {
        padding: 15px
    }

    .tablet\:p-\[5px_10px\] {
        padding: 5px 10px
    }

    .tablet\:p-\[5px_15px\] {
        padding: 5px 15px
    }

    .tablet\:\!py-\[2px\] {
        padding-top: 2px !important;
        padding-bottom: 2px !important
    }

    .tablet\:px-0,
    .tablet\:px-\[0px\] {
        padding-left: 0;
        padding-right: 0
    }

    .tablet\:px-\[10px\] {
        padding-left: 10px;
        padding-right: 10px
    }

    .tablet\:px-\[12px\] {
        padding-left: 12px;
        padding-right: 12px
    }

    .tablet\:px-\[15px\] {
        padding-left: 15px;
        padding-right: 15px
    }

    .tablet\:py-0 {
        padding-top: 0;
        padding-bottom: 0
    }

    .tablet\:py-\[10px\] {
        padding-top: 10px;
        padding-bottom: 10px
    }

    .tablet\:py-\[4px\] {
        padding-top: 4px;
        padding-bottom: 4px
    }

    .tablet\:pb-\[15px\] {
        padding-bottom: 15px
    }

    .tablet\:pb-\[30px\] {
        padding-bottom: 30px
    }

    .tablet\:pl-\[10px\] {
        padding-left: 10px
    }

    .tablet\:pr-\[15px\] {
        padding-right: 15px
    }

    .tablet\:pt-0 {
        padding-top: 0
    }

    .tablet\:pt-\[30px\] {
        padding-top: 30px
    }

    .tablet\:text-center {
        text-align: center
    }

    .tablet\:text-\[\.7778rem\] {
        font-size: .7778rem
    }

    .tablet\:text-\[\.8333rem\] {
        font-size: .8333rem
    }

    .tablet\:text-\[0\.9rem\],
    .tablet\:text-\[\.9rem\] {
        font-size: .9rem
    }

    .tablet\:text-\[10px\] {
        font-size: 10px
    }

    .tablet\:text-\[11px\] {
        font-size: 11px
    }

    .tablet\:text-\[12px\] {
        font-size: 12px
    }

    .tablet\:text-\[13px\] {
        font-size: 13px
    }

    .tablet\:font-medium {
        font-weight: 500
    }

    .tablet\:font-normal {
        font-weight: 400
    }

    .tablet\:leading-\[12px\] {
        line-height: 12px
    }

    .tablet\:leading-\[17px\] {
        line-height: 17px
    }

    .tablet\:\!text-\[\#723C00\] {
        --tw-text-opacity: 1 !important;
        color: #723c00 !important;
        color: rgba(114, 60, 0, var(--tw-text-opacity)) !important
    }

    .tablet\:text-\[\#bbb\] {
        --tw-text-opacity: 1;
        color: #bbb;
        color: rgba(187, 187, 187, var(--tw-text-opacity))
    }

    .tablet\:duration-500 {
        transition-duration: .5s
    }

    .tablet\:after\:hidden:after {
        content: var(--tw-content);
        display: none
    }

    .dark .dark\:tablet\:border-\[\#505058\] {
        --tw-border-opacity: 1;
        border-color: #505058;
        border-color: rgba(80, 80, 88, var(--tw-border-opacity))
    }
}

@media (max-width:1180px) {
    .middle\:left-\[9px\] {
        left: 9px
    }

    .middle\:right-\[9px\] {
        right: 9px
    }

    .middle\:top-0 {
        top: 0
    }

    .middle\:mb-\[7px\] {
        margin-bottom: 7px
    }

    .middle\:mt-\[20px\] {
        margin-top: 20px
    }

    .middle\:\!block {
        display: block !important
    }

    .middle\:hidden {
        display: none
    }

    .middle\:w-\[130px\] {
        width: 130px
    }

    .middle\:w-\[20\.4\%\] {
        width: 20.4%
    }

    .middle\:w-\[20px\] {
        width: 20px
    }

    .middle\:w-\[calc\(100\%\+15px\*2\)\] {
        width: calc(100% + 15px * 2)
    }

    .middle\:min-w-\[0\] {
        min-width: 0
    }

    .middle\:max-w-\[17\%\] {
        max-width: 17%
    }

    .middle\:max-w-\[240px\] {
        max-width: 240px
    }

    .middle\:auto-cols-\[minmax\(17\%\2c _17\%\)\] {
        grid-auto-columns: minmax(17%, 17%)
    }

    .middle\:grid-flow-col {
        grid-auto-flow: column
    }

    .middle\:grid-cols-none {
        grid-template-columns: none
    }

    .middle\:justify-center {
        justify-content: center
    }

    .middle\:gap-x-\[10px\] {
        -moz-column-gap: 10px;
        column-gap: 10px
    }

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

    .middle\:px-\[10px\] {
        padding-left: 10px;
        padding-right: 10px
    }

    .middle\:px-\[15px\] {
        padding-left: 15px;
        padding-right: 15px
    }

    .middle\:py-0 {
        padding-top: 0;
        padding-bottom: 0
    }

    .middle\:pb-\[10px\] {
        padding-bottom: 10px
    }

    .middle\:pb-\[20px\] {
        padding-bottom: 20px
    }

    .middle\:pb-\[30px\] {
        padding-bottom: 30px
    }

    .middle\:pt-\[20px\] {
        padding-top: 20px
    }

    .middle\:pt-\[40px\] {
        padding-top: 40px
    }

    .middle\:text-\[0\.6rem\] {
        font-size: .6rem
    }

    .middle\:opacity-100 {
        opacity: 1
    }
}

@media (min-width:1024px) and (max-width:1180px) {
    .forHeader\:w-full {
        width: 100%
    }

    .forHeader\:gap-x-\[13px\] {
        -moz-column-gap: 13px;
        column-gap: 13px
    }

    .forHeader\:text-\[0\.8rem\] {
        font-size: .8rem
    }

    .forHeader\:after\:w-full:after {
        content: var(--tw-content);
        width: 100%
    }
}

@media (max-width:1280px) {
    .large\:absolute {
        position: absolute
    }

    .large\:left-\[50\%\] {
        left: 50%
    }

    .large\:right-\[0\] {
        right: 0
    }

    .large\:w-\[150px\] {
        width: 150px
    }

    .large\:max-w-\[108px\] {
        max-width: 108px
    }

    .large\:translate-x-\[-50\%\] {
        --tw-translate-x: -50%;
        transform: translate(-50%, 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: 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))
    }

    .large\:whitespace-nowrap {
        white-space: nowrap
    }

    .large\:text-center {
        text-align: center
    }
}

@media (min-width:768px) and (max-width:1180px) {
    .forHomeEvent\:ml-\[10px\] {
        margin-left: 10px
    }

    .forHomeEvent\:max-w-\[27\%\] {
        max-width: 27%
    }

    .forHomeEvent\:overflow-x-auto {
        overflow-x: auto
    }

    .forHomeEvent\:px-\[15px\] {
        padding-left: 15px;
        padding-right: 15px
    }

    .forHomeEvent\:py-0 {
        padding-top: 0;
        padding-bottom: 0
    }

    .forHomeEvent\:pb-\[20px\] {
        padding-bottom: 20px
    }

    .forHomeEvent\:first-of-type\:ml-0:first-of-type {
        margin-left: 0
    }

    .forHomeEvent\:last-of-type\:mr-\[15px\]:last-of-type {
        margin-right: 15px
    }
}

@media (min-width:758px) and (max-width:1023px) {
    .forPayment\:px-\[5px\] {
        padding-left: 5px;
        padding-right: 5px
    }

    .forPayment\:py-0 {
        padding-top: 0;
        padding-bottom: 0
    }
}

@media (min-width:768px) and (max-width:1023px) {
    .forMoEpisode\:block {
        display: block
    }
}

@media (min-width:1024px) and (max-width:1040px) {
    .forFawNav\:hidden {
        display: none
    }
}

@media (max-width:767px) {
    .mo\:absolute {
        position: absolute
    }

    .mo\:relative {
        position: relative
    }

    .mo\:sticky {
        position: sticky
    }

    .mo\:-top-\[20px\] {
        top: -20px
    }

    .mo\:bottom-0 {
        bottom: 0
    }

    .mo\:bottom-\[-4px\] {
        bottom: -4px
    }

    .mo\:bottom-\[-60px\] {
        bottom: -60px
    }

    .mo\:bottom-\[0\] {
        bottom: 0
    }

    .mo\:bottom-\[5\%\] {
        bottom: 5%
    }

    .mo\:bottom-\[70\%\] {
        bottom: 70%
    }

    .mo\:bottom-\[8px\] {
        bottom: 8px
    }

    .mo\:bottom-\[90\%\] {
        bottom: 90%
    }

    .mo\:left-0 {
        left: 0
    }

    .mo\:left-\[3px\] {
        left: 3px
    }

    .mo\:left-\[50\%\] {
        left: 50%
    }

    .mo\:right-0 {
        right: 0
    }

    .mo\:right-\[-47px\] {
        right: -47px
    }

    .mo\:right-\[-50\%\] {
        right: -50%
    }

    .mo\:right-\[-50px\] {
        right: -50px
    }

    .mo\:right-\[-8px\] {
        right: -8px
    }

    .mo\:right-\[15px\] {
        right: 15px
    }

    .mo\:right-\[20px\] {
        right: 20px
    }

    .mo\:right-\[3\%\] {
        right: 3%
    }

    .mo\:right-\[3px\] {
        right: 3px
    }

    .mo\:right-\[64px\] {
        right: 64px
    }

    .mo\:right-\[68px\] {
        right: 68px
    }

    .mo\:right-\[6px\] {
        right: 6px
    }

    .mo\:right-\[90px\] {
        right: 90px
    }

    .mo\:right-auto {
        right: auto
    }

    .mo\:top-0 {
        top: 0
    }

    .mo\:top-\[-30px\] {
        top: -30px
    }

    .mo\:top-\[0\] {
        top: 0
    }

    .mo\:top-\[100px\] {
        top: 100px
    }

    .mo\:top-\[120px\] {
        top: 120px
    }

    .mo\:top-\[154px\] {
        top: 154px
    }

    .mo\:top-\[26px\] {
        top: 26px
    }

    .mo\:top-\[33px\] {
        top: 33px
    }

    .mo\:top-\[46px\] {
        top: 46px
    }

    .mo\:top-\[4px\] {
        top: 4px
    }

    .mo\:top-\[97px\] {
        top: 97px
    }

    .mo\:top-auto {
        top: auto
    }

    .mo\:z-\[11\] {
        z-index: 11
    }

    .mo\:z-\[4\] {
        z-index: 4
    }

    .mo\:float-left {
        float: left
    }

    .mo\:float-none {
        float: none
    }

    .mo\:m-0 {
        margin: 0
    }

    .mo\:m-\[-11px_4px_0_0\] {
        margin: -11px 4px 0 0
    }

    .mo\:m-\[0_0_0_auto\] {
        margin: 0 0 0 auto
    }

    .mo\:m-\[0_auto\] {
        margin: 0 auto
    }

    .mo\:m-\[0_auto_22px\] {
        margin: 0 auto 22px
    }

    .mo\:m-\[1rem_10px\] {
        margin: 1rem 10px
    }

    .mo\:m-\[3px_0_5px\] {
        margin: 3px 0 5px
    }

    .mo\:m-\[4px_0_0_-10px\] {
        margin: 4px 0 0 -10px
    }

    .mo\:m-\[60px_auto_100px\] {
        margin: 60px auto 100px
    }

    .mo\:m-\[9px_0_20px\] {
        margin: 9px 0 20px
    }

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

    .mo\:mx-auto {
        margin-left: auto;
        margin-right: auto
    }

    .mo\:my-0 {
        margin-top: 0;
        margin-bottom: 0
    }

    .mo\:-mt-\[11px\] {
        margin-top: -11px
    }

    .mo\:mb-0,
    .mo\:mb-\[0\] {
        margin-bottom: 0
    }

    .mo\:mb-\[10px\] {
        margin-bottom: 10px
    }

    .mo\:mb-\[145px\] {
        margin-bottom: 145px
    }

    .mo\:mb-\[15px\] {
        margin-bottom: 15px
    }

    .mo\:mb-\[20px\] {
        margin-bottom: 20px
    }

    .mo\:mb-\[22px\] {
        margin-bottom: 22px
    }

    .mo\:mb-\[2px\] {
        margin-bottom: 2px
    }

    .mo\:mb-\[30px\] {
        margin-bottom: 30px
    }

    .mo\:mb-\[35px\] {
        margin-bottom: 35px
    }

    .mo\:mb-\[3px\] {
        margin-bottom: 3px
    }

    .mo\:mb-\[48px\] {
        margin-bottom: 48px
    }

    .mo\:mb-\[5px\] {
        margin-bottom: 5px
    }

    .mo\:mb-\[6px\] {
        margin-bottom: 6px
    }

    .mo\:ml-0 {
        margin-left: 0
    }

    .mo\:ml-\[-40px\] {
        margin-left: -40px
    }

    .mo\:ml-\[11\%\] {
        margin-left: 11%
    }

    .mo\:ml-\[11px\] {
        margin-left: 11px
    }

    .mo\:ml-\[12px\] {
        margin-left: 12px
    }

    .mo\:ml-\[20\%\] {
        margin-left: 20%
    }

    .mo\:ml-\[25px\] {
        margin-left: 25px
    }

    .mo\:ml-\[4px\] {
        margin-left: 4px
    }

    .mo\:ml-\[8px\] {
        margin-left: 8px
    }

    .mo\:ml-auto {
        margin-left: auto
    }

    .mo\:mr-0 {
        margin-right: 0
    }

    .mo\:mr-\[10px\] {
        margin-right: 10px
    }

    .mo\:mr-\[15px\] {
        margin-right: 15px
    }

    .mo\:mr-\[3px\] {
        margin-right: 3px
    }

    .mo\:mr-\[4px\] {
        margin-right: 4px
    }

    .mo\:mr-\[5px\] {
        margin-right: 5px
    }

    .mo\:mr-\[6px\] {
        margin-right: 6px
    }

    .mo\:mt-0 {
        margin-top: 0
    }

    .mo\:mt-\[-10px\] {
        margin-top: -10px
    }

    .mo\:mt-\[-40px\] {
        margin-top: -40px
    }

    .mo\:mt-\[10px\] {
        margin-top: 10px
    }

    .mo\:mt-\[15px\] {
        margin-top: 15px
    }

    .mo\:mt-\[16px\] {
        margin-top: 16px
    }

    .mo\:mt-\[20px\] {
        margin-top: 20px
    }

    .mo\:mt-\[2px\] {
        margin-top: 2px
    }

    .mo\:mt-\[35px\] {
        margin-top: 35px
    }

    .mo\:mt-\[3px\] {
        margin-top: 3px
    }

    .mo\:mt-\[45px\] {
        margin-top: 45px
    }

    .mo\:mt-\[4px\] {
        margin-top: 4px
    }

    .mo\:mt-\[51px\] {
        margin-top: 51px
    }

    .mo\:mt-\[8px\] {
        margin-top: 8px
    }

    .mo\:mt-\[9px\] {
        margin-top: 9px
    }

    .mo\:mt-auto {
        margin-top: auto
    }

    .mo\:block {
        display: block
    }

    .mo\:inline-block {
        display: inline-block
    }

    .mo\:flex {
        display: flex
    }

    .mo\:inline-flex {
        display: inline-flex
    }

    .mo\:grid {
        display: grid
    }

    .mo\:hidden {
        display: none
    }

    .mo\:aspect-\[7\/4\] {
        aspect-ratio: 7/4
    }

    .mo\:aspect-\[750\/100\] {
        aspect-ratio: 750/100
    }

    .mo\:aspect-\[750\/150\] {
        aspect-ratio: 750/150
    }

    .mo\:aspect-\[750\/160\] {
        aspect-ratio: 750/160
    }

    .mo\:aspect-\[750\/400\] {
        aspect-ratio: 750/400
    }

    .mo\:h-\[100\%\] {
        height: 100%
    }

    .mo\:h-\[115px\] {
        height: 115px
    }

    .mo\:h-\[130px\] {
        height: 130px
    }

    .mo\:h-\[135vw\] {
        height: 135vw
    }

    .mo\:h-\[13px\] {
        height: 13px
    }

    .mo\:h-\[150px\] {
        height: 150px
    }

    .mo\:h-\[17px\] {
        height: 17px
    }

    .mo\:h-\[18px\] {
        height: 18px
    }

    .mo\:h-\[19px\] {
        height: 19px
    }

    .mo\:h-\[20px\] {
        height: 20px
    }

    .mo\:h-\[21px\] {
        height: 21px
    }

    .mo\:h-\[22px\] {
        height: 22px
    }

    .mo\:h-\[24px\] {
        height: 24px
    }

    .mo\:h-\[26px\] {
        height: 26px
    }

    .mo\:h-\[28px\] {
        height: 28px
    }

    .mo\:h-\[30px\] {
        height: 30px
    }

    .mo\:h-\[316px\] {
        height: 316px
    }

    .mo\:h-\[35px\] {
        height: 35px
    }

    .mo\:h-\[36px\] {
        height: 36px
    }

    .mo\:h-\[37px\] {
        height: 37px
    }

    .mo\:h-\[38\.55px\] {
        height: 38.55px
    }

    .mo\:h-\[38px\] {
        height: 38px
    }

    .mo\:h-\[40px\] {
        height: 40px
    }

    .mo\:h-\[44px\] {
        height: 44px
    }

    .mo\:h-\[45px\] {
        height: 45px
    }

    .mo\:h-\[49px\] {
        height: 49px
    }

    .mo\:h-\[65vw\] {
        height: 65vw
    }

    .mo\:h-\[7\.2rem\] {
        height: 7.2rem
    }

    .mo\:h-\[70\%\] {
        height: 70%
    }

    .mo\:h-\[75px\] {
        height: 75px
    }

    .mo\:h-\[80px\] {
        height: 80px
    }

    .mo\:h-\[none\] {
        height: none
    }

    .mo\:h-auto {
        height: auto
    }

    .mo\:h-full {
        height: 100%
    }

    .mo\:h-inherit {
        height: inherit
    }

    .mo\:h-screen {
        height: 100vh
    }

    .mo\:max-h-\[100px\] {
        max-height: 100px
    }

    .mo\:max-h-\[20px\] {
        max-height: 20px
    }

    .mo\:max-h-\[360px\] {
        max-height: 360px
    }

    .mo\:max-h-\[477\] {
        max-height: 477
    }

    .mo\:max-h-\[500px\] {
        max-height: 500px
    }

    .mo\:max-h-\[70\%\] {
        max-height: 70%
    }

    .mo\:max-h-\[90vh\] {
        max-height: 90vh
    }

    .mo\:max-h-\[unset\] {
        max-height: none
    }

    .mo\:max-h-screen {
        max-height: 100vh
    }

    .mo\:min-h-0 {
        min-height: 0
    }

    .mo\:min-h-\[25px\] {
        min-height: 25px
    }

    .mo\:min-h-\[30px\] {
        min-height: 30px
    }

    .mo\:min-h-\[40px\] {
        min-height: 40px
    }

    .mo\:min-h-\[500px\] {
        min-height: 500px
    }

    .mo\:min-h-\[65px\] {
        min-height: 65px
    }

    .mo\:min-h-\[65vh\] {
        min-height: 65vh
    }

    .mo\:min-h-\[74px\] {
        min-height: 74px
    }

    .mo\:\!w-full {
        width: 100% !important
    }

    .mo\:w-\[100\%\] {
        width: 100%
    }

    .mo\:w-\[100px\] {
        width: 100px
    }

    .mo\:w-\[11px\] {
        width: 11px
    }

    .mo\:w-\[130px\] {
        width: 130px
    }

    .mo\:w-\[150px\] {
        width: 150px
    }

    .mo\:w-\[15px\] {
        width: 15px
    }

    .mo\:w-\[16px\] {
        width: 16px
    }

    .mo\:w-\[18px\] {
        width: 18px
    }

    .mo\:w-\[190px\] {
        width: 190px
    }

    .mo\:w-\[20\%\] {
        width: 20%
    }

    .mo\:w-\[200px\] {
        width: 200px
    }

    .mo\:w-\[20px\] {
        width: 20px
    }

    .mo\:w-\[22px\] {
        width: 22px
    }

    .mo\:w-\[25\%\] {
        width: 25%
    }

    .mo\:w-\[260px\] {
        width: 260px
    }

    .mo\:w-\[300px\] {
        width: 300px
    }

    .mo\:w-\[30px\] {
        width: 30px
    }

    .mo\:w-\[32px\] {
        width: 32px
    }

    .mo\:w-\[350px\] {
        width: 350px
    }

    .mo\:w-\[36px\] {
        width: 36px
    }

    .mo\:w-\[44px\] {
        width: 44px
    }

    .mo\:w-\[45px\] {
        width: 45px
    }

    .mo\:w-\[46px\] {
        width: 46px
    }

    .mo\:w-\[48px\] {
        width: 48px
    }

    .mo\:w-\[60\%\] {
        width: 60%
    }

    .mo\:w-\[65\%\] {
        width: 65%
    }

    .mo\:w-\[65px\] {
        width: 65px
    }

    .mo\:w-\[70px\] {
        width: 70px
    }

    .mo\:w-\[80\%\] {
        width: 80%
    }

    .mo\:w-\[80\&\] {
        width: 80&
    }

    .mo\:w-\[80px\] {
        width: 80px
    }

    .mo\:w-\[81px\] {
        width: 81px
    }

    .mo\:w-\[85vw\] {
        width: 85vw
    }

    .mo\:w-\[87\%\] {
        width: 87%
    }

    .mo\:w-\[88vw\] {
        width: 88vw
    }

    .mo\:w-\[90\%\] {
        width: 90%
    }

    .mo\:w-\[90px\] {
        width: 90px
    }

    .mo\:w-\[calc\(100\%\+10px\*2\)\] {
        width: calc(100% + 10px * 2)
    }

    .mo\:w-\[calc\(100\%-100px\)\] {
        width: calc(100% - 100px)
    }

    .mo\:w-full {
        width: 100%
    }

    .mo\:w-inherit {
        width: inherit
    }

    .mo\:min-w-0 {
        min-width: 0
    }

    .mo\:min-w-\[1\.3rem\] {
        min-width: 1.3rem
    }

    .mo\:min-w-\[100px\] {
        min-width: 100px
    }

    .mo\:min-w-\[30px\] {
        min-width: 30px
    }

    .mo\:min-w-\[40px\] {
        min-width: 40px
    }

    .mo\:min-w-\[75px\] {
        min-width: 75px
    }

    .mo\:min-w-\[80px\] {
        min-width: 80px
    }

    .mo\:max-w-\[118px\] {
        max-width: 118px
    }

    .mo\:max-w-\[130px\] {
        max-width: 130px
    }

    .mo\:max-w-\[140px\] {
        max-width: 140px
    }

    .mo\:max-w-\[200px\] {
        max-width: 200px
    }

    .mo\:max-w-\[216px\] {
        max-width: 216px
    }

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

    .mo\:max-w-\[254px\] {
        max-width: 254px
    }

    .mo\:max-w-\[300px\] {
        max-width: 300px
    }

    .mo\:max-w-\[310px\] {
        max-width: 310px
    }

    .mo\:max-w-\[320px\] {
        max-width: 320px
    }

    .mo\:max-w-\[350px\] {
        max-width: 350px
    }

    .mo\:max-w-\[380px\] {
        max-width: 380px
    }

    .mo\:max-w-\[44px\] {
        max-width: 44px
    }

    .mo\:max-w-\[75px\] {
        max-width: 75px
    }

    .mo\:max-w-\[760px\] {
        max-width: 760px
    }

    .mo\:max-w-\[80\%\] {
        max-width: 80%
    }

    .mo\:max-w-\[81px\] {
        max-width: 81px
    }

    .mo\:max-w-\[94\%\] {
        max-width: 94%
    }

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

    .mo\:max-w-none {
        max-width: none
    }

    .mo\:flex-1 {
        flex: 1 1 0%
    }

    .mo\:flex-\[2\.5_1_0\%\] {
        flex: 2.5 1 0%
    }

    .mo\:flex-none {
        flex: none
    }

    .mo\:grow {
        flex-grow: 1
    }

    .mo\:-translate-x-\[50\%\] {
        --tw-translate-x: -50%;
        transform: translate(-50%, 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: 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))
    }

    .mo\:-translate-y-\[30\%\] {
        --tw-translate-y: -30%;
        transform: translate(var(--tw-translate-x), -30%) 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: 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))
    }

    .mo\:translate-y-\[-0\.8rem\] {
        --tw-translate-y: -0.8rem;
        transform: translate(var(--tw-translate-x), -.8rem) 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: 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))
    }

    .mo\:rotate-\[340deg\] {
        --tw-rotate: 340deg;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(340deg) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        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))
    }

    .mo\:rotate-\[351deg\] {
        --tw-rotate: 351deg;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(351deg) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        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))
    }

    .mo\:rotate-\[355deg\] {
        --tw-rotate: 355deg;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(355deg) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        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))
    }

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

    .mo\:rotate-\[375deg\],
    .mo\: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))
    }

    .mo\:auto-cols-40\% {
        grid-auto-columns: minmax(40%, 40%)
    }

    .mo\:auto-cols-\[minmax\(32\.72\%\2c _32\.72\%\)\] {
        grid-auto-columns: minmax(32.72%, 32.72%)
    }

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

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

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

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

    .mo\:grid-cols-\[22\%_1fr_25\%\] {
        grid-template-columns: 22% 1fr 25%
    }

    .mo\:grid-cols-\[22\%_25\%_1fr\] {
        grid-template-columns: 22% 25% 1fr
    }

    .mo\:grid-cols-\[75px_94px_minmax\(160px\2c _1fr\)\] {
        grid-template-columns: 75px 94px minmax(160px, 1fr)
    }

    .mo\:grid-rows-2 {
        grid-template-rows: repeat(2, minmax(0, 1fr))
    }

    .mo\:grid-rows-\[minmax\(40px\2c 1fr\)\] {
        grid-template-rows: minmax(40px, 1fr)
    }

    .mo\:flex-row {
        flex-direction: row
    }

    .mo\:flex-col {
        flex-direction: column
    }

    .mo\:items-start {
        align-items: flex-start
    }

    .mo\:items-center {
        align-items: center
    }

    .mo\:justify-start {
        justify-content: flex-start
    }

    .mo\:justify-center {
        justify-content: center
    }

    .mo\:gap-\[10px\] {
        gap: 10px
    }

    .mo\:gap-\[12px_11px\] {
        gap: 12px 11px
    }

    .mo\:gap-\[3px\] {
        gap: 3px
    }

    .mo\:gap-\[5px\] {
        gap: 5px
    }

    .mo\:gap-x-0 {
        -moz-column-gap: 0;
        column-gap: 0
    }

    .mo\:gap-x-\[1\%\] {
        -moz-column-gap: 1%;
        column-gap: 1%
    }

    .mo\:gap-x-\[10px\] {
        -moz-column-gap: 10px;
        column-gap: 10px
    }

    .mo\:gap-x-\[11px\] {
        -moz-column-gap: 11px;
        column-gap: 11px
    }

    .mo\:gap-x-\[12px\] {
        -moz-column-gap: 12px;
        column-gap: 12px
    }

    .mo\:gap-x-\[15px\] {
        -moz-column-gap: 15px;
        column-gap: 15px
    }

    .mo\:gap-x-\[17px\] {
        -moz-column-gap: 17px;
        column-gap: 17px
    }

    .mo\:gap-x-\[1rem\] {
        -moz-column-gap: 1rem;
        column-gap: 1rem
    }

    .mo\:gap-x-\[26px\] {
        -moz-column-gap: 26px;
        column-gap: 26px
    }

    .mo\:gap-x-\[2px\] {
        -moz-column-gap: 2px;
        column-gap: 2px
    }

    .mo\:gap-x-\[3\%\] {
        -moz-column-gap: 3%;
        column-gap: 3%
    }

    .mo\:gap-x-\[3\.5px\] {
        -moz-column-gap: 3.5px;
        column-gap: 3.5px
    }

    .mo\:gap-x-\[3px\] {
        -moz-column-gap: 3px;
        column-gap: 3px
    }

    .mo\:gap-x-\[5px\] {
        -moz-column-gap: 5px;
        column-gap: 5px
    }

    .mo\:gap-x-\[7px\] {
        -moz-column-gap: 7px;
        column-gap: 7px
    }

    .mo\:gap-x-\[8px\] {
        -moz-column-gap: 8px;
        column-gap: 8px
    }

    .mo\:gap-y-0 {
        row-gap: 0
    }

    .mo\:gap-y-\[10px\] {
        row-gap: 10px
    }

    .mo\:gap-y-\[12px\] {
        row-gap: 12px
    }

    .mo\:gap-y-\[18px\] {
        row-gap: 18px
    }

    .mo\:gap-y-\[20px\] {
        row-gap: 20px
    }

    .mo\:gap-y-\[2px\] {
        row-gap: 2px
    }

    .mo\:gap-y-\[44px\] {
        row-gap: 44px
    }

    .mo\:gap-y-\[4px\] {
        row-gap: 4px
    }

    .mo\:gap-y-\[5px\] {
        row-gap: 5px
    }

    .mo\:gap-y-\[8px\] {
        row-gap: 8px
    }

    .mo\:overflow-hidden {
        overflow: hidden
    }

    .mo\:overflow-x-auto {
        overflow-x: auto
    }

    .mo\:whitespace-nowrap {
        white-space: nowrap
    }

    .mo\:whitespace-pre-line {
        white-space: pre-line
    }

    .mo\:break-words {
        word-wrap: break-word
    }

    .mo\:rounded-\[2px\] {
        border-radius: 2px
    }

    .mo\:rounded-none {
        border-radius: 0
    }

    .mo\:border-0 {
        border-width: 0
    }

    .mo\:border-\[1px\] {
        border-width: 1px
    }

    .mo\:border-b-\[1px\] {
        border-bottom-width: 1px
    }

    .mo\:border-t-\[1px\] {
        border-top-width: 1px
    }

    .mo\:border-solid {
        border-style: solid
    }

    .mo\:border-\[\#e2e2e2\] {
        --tw-border-opacity: 1;
        border-color: #e2e2e2;
        border-color: rgba(226, 226, 226, var(--tw-border-opacity))
    }

    .mo\:border-primary-border {
        --tw-border-opacity: 1;
        border-color: #ddd;
        border-color: rgba(221, 221, 221, var(--tw-border-opacity))
    }

    .mo\:border-t-\[\#eee\] {
        --tw-border-opacity: 1;
        border-top-color: #eee;
        border-top-color: rgba(238, 238, 238, var(--tw-border-opacity))
    }

    .mo\:bg-\[\#2d2d30\] {
        --tw-bg-opacity: 1;
        background-color: #2d2d30;
        background-color: rgba(45, 45, 48, var(--tw-bg-opacity))
    }

    .mo\:bg-black\/\[0\.7\] {
        background-color: rgba(0, 0, 0, .7)
    }

    .mo\:bg-primary-bg,
    .mo\:bg-white {
        --tw-bg-opacity: 1;
        background-color: #fff;
        background-color: rgba(255, 255, 255, var(--tw-bg-opacity))
    }

    .mo\:bg-Artworks {
        background-image: linear-gradient(180deg, transparent, #1e1f21 38%)
    }

    .mo\:bg-\[url\(\'\/images\/ipblock\/bg_m\.jpg\'\)\] {
        background-image: url(/images/ipblock/bg_m.jpg)
    }

    .mo\:bg-\[length\:100\%\] {
        background-size: 100%
    }

    .mo\:bg-\[length\:100\%_100\%\] {
        background-size: 100% 100%
    }

    .mo\:bg-\[length\:20px\] {
        background-size: 20px
    }

    .mo\:bg-\[length\:24px\] {
        background-size: 24px
    }

    .mo\:bg-\[length\:28px\] {
        background-size: 28px
    }

    .mo\:bg-\[length\:30px\] {
        background-size: 30px
    }

    .mo\:bg-\[length\:80\%\] {
        background-size: 80%
    }

    .mo\:bg-\[length\:95\%\] {
        background-size: 95%
    }

    .mo\:p-0 {
        padding: 0
    }

    .mo\:p-\[0\.2rem_25px_1\.7rem\] {
        padding: .2rem 25px 1.7rem
    }

    .mo\:p-\[0\] {
        padding: 0
    }

    .mo\:p-\[0_14px_11px\] {
        padding: 0 14px 11px
    }

    .mo\:p-\[10px\] {
        padding: 10px
    }

    .mo\:p-\[12px_10px_13px_30px\] {
        padding: 12px 10px 13px 30px
    }

    .mo\:p-\[12px_2\%_13px\] {
        padding: 12px 2% 13px
    }

    .mo\:p-\[20px_5px_50px\] {
        padding: 20px 5px 50px
    }

    .mo\:p-\[30px_12px_40px\] {
        padding: 30px 12px 40px
    }

    .mo\:p-\[35px_30px\] {
        padding: 35px 30px
    }

    .mo\:p-\[5px_2\.5rem_5px_3\.2rem\] {
        padding: 5px 2.5rem 5px 3.2rem
    }

    .mo\:p-\[8px\] {
        padding: 8px
    }

    .mo\:p-\[9px\] {
        padding: 9px
    }

    .mo\:\!px-0 {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

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

    .mo\:px-\[1\.2rem\] {
        padding-left: 1.2rem;
        padding-right: 1.2rem
    }

    .mo\:px-\[10px\] {
        padding-left: 10px;
        padding-right: 10px
    }

    .mo\:px-\[12px\] {
        padding-left: 12px;
        padding-right: 12px
    }

    .mo\:px-\[13px\] {
        padding-left: 13px;
        padding-right: 13px
    }

    .mo\:px-\[14px\] {
        padding-left: 14px;
        padding-right: 14px
    }

    .mo\:px-\[20px\] {
        padding-left: 20px;
        padding-right: 20px
    }

    .mo\:px-\[22px\] {
        padding-left: 22px;
        padding-right: 22px
    }

    .mo\:px-\[24px\] {
        padding-left: 24px;
        padding-right: 24px
    }

    .mo\:px-\[25px\] {
        padding-left: 25px;
        padding-right: 25px
    }

    .mo\:px-\[26px\] {
        padding-left: 26px;
        padding-right: 26px
    }

    .mo\:px-\[2rem\] {
        padding-left: 2rem;
        padding-right: 2rem
    }

    .mo\:px-\[40px\] {
        padding-left: 40px;
        padding-right: 40px
    }

    .mo\:px-\[4px\] {
        padding-left: 4px;
        padding-right: 4px
    }

    .mo\:px-\[5px\] {
        padding-left: 5px;
        padding-right: 5px
    }

    .mo\:px-\[6px\] {
        padding-left: 6px;
        padding-right: 6px
    }

    .mo\:px-\[8px\] {
        padding-left: 8px;
        padding-right: 8px
    }

    .mo\:py-0 {
        padding-top: 0;
        padding-bottom: 0
    }

    .mo\:py-\[10px\] {
        padding-top: 10px;
        padding-bottom: 10px
    }

    .mo\:py-\[1px\] {
        padding-top: 1px;
        padding-bottom: 1px
    }

    .mo\:py-\[1rem\] {
        padding-top: 1rem;
        padding-bottom: 1rem
    }

    .mo\:py-\[2px\] {
        padding-top: 2px;
        padding-bottom: 2px
    }

    .mo\:py-\[30px\] {
        padding-top: 30px;
        padding-bottom: 30px
    }

    .mo\:py-\[4\%\] {
        padding-top: 4%;
        padding-bottom: 4%
    }

    .mo\:py-\[40px\] {
        padding-top: 40px;
        padding-bottom: 40px
    }

    .mo\:\!pl-0 {
        padding-left: 0 !important
    }

    .mo\:pb-0,
    .mo\:pb-\[0\] {
        padding-bottom: 0
    }

    .mo\:pb-\[10px\] {
        padding-bottom: 10px
    }

    .mo\:pb-\[12px\] {
        padding-bottom: 12px
    }

    .mo\:pb-\[20px\] {
        padding-bottom: 20px
    }

    .mo\:pb-\[40px\] {
        padding-bottom: 40px
    }

    .mo\:pl-0 {
        padding-left: 0
    }

    .mo\:pl-\[20px\] {
        padding-left: 20px
    }

    .mo\:pl-\[3\%\] {
        padding-left: 3%
    }

    .mo\:pr-\[0\] {
        padding-right: 0
    }

    .mo\:pr-\[4\%\] {
        padding-right: 4%
    }

    .mo\:pt-0 {
        padding-top: 0
    }

    .mo\:pt-\[10px\] {
        padding-top: 10px
    }

    .mo\:pt-\[24px\] {
        padding-top: 24px
    }

    .mo\:pt-\[40px\] {
        padding-top: 40px
    }

    .mo\:pt-\[5vw\] {
        padding-top: 5vw
    }

    .mo\:pt-\[7px\] {
        padding-top: 7px
    }

    .mo\:text-left {
        text-align: left
    }

    .mo\:text-\[\.55rem\] {
        font-size: .55rem
    }

    .mo\:text-\[\.8125rem\] {
        font-size: .8125rem
    }

    .mo\:text-\[\.825rem\] {
        font-size: .825rem
    }

    .mo\:text-\[\.82rem\] {
        font-size: .82rem
    }

    .mo\:text-\[\.875rem\] {
        font-size: .875rem
    }

    .mo\:text-\[\.9375rem\] {
        font-size: .9375rem
    }

    .mo\:text-\[0\.78rem\] {
        font-size: .78rem
    }

    .mo\:text-\[0\.825rem\] {
        font-size: .825rem
    }

    .mo\:text-\[0\.85rem\] {
        font-size: .85rem
    }

    .mo\:text-\[0\.8rem\] {
        font-size: .8rem
    }

    .mo\:text-\[0\.9375rem\] {
        font-size: .9375rem
    }

    .mo\:text-\[1\.15rem\] {
        font-size: 1.15rem
    }

    .mo\:text-\[10px\] {
        font-size: 10px
    }

    .mo\:text-\[11\.2px\] {
        font-size: 11.2px
    }

    .mo\:text-\[11px\] {
        font-size: 11px
    }

    .mo\:text-\[12\.5px\] {
        font-size: 12.5px
    }

    .mo\:text-\[12\.6px\] {
        font-size: 12.6px
    }

    .mo\:text-\[12px\] {
        font-size: 12px
    }

    .mo\:text-\[13\.2px\] {
        font-size: 13.2px
    }

    .mo\:text-\[13px\] {
        font-size: 13px
    }

    .mo\:text-\[14px\] {
        font-size: 14px
    }

    .mo\:text-\[15px\] {
        font-size: 15px
    }

    .mo\:text-\[16px\] {
        font-size: 16px
    }

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

    .mo\:text-\[18px\] {
        font-size: 18px
    }

    .mo\:text-\[2\.9vw\] {
        font-size: 2.9vw
    }

    .mo\:text-\[20px\] {
        font-size: 20px
    }

    .mo\:text-\[22px\] {
        font-size: 22px
    }

    .mo\:text-\[23px\] {
        font-size: 23px
    }

    .mo\:text-\[26px\] {
        font-size: 26px
    }

    .mo\:text-\[9\.5px\] {
        font-size: 9.5px
    }

    .mo\:text-\[9px\] {
        font-size: 9px
    }

    .mo\:font-\[500\] {
        font-weight: 500
    }

    .mo\:leading-\[0\.95rem\] {
        line-height: .95rem
    }

    .mo\:leading-\[1\.8rem\] {
        line-height: 1.8rem
    }

    .mo\:leading-\[10px\] {
        line-height: 10px
    }

    .mo\:leading-\[11px\] {
        line-height: 11px
    }

    .mo\:leading-\[12px\] {
        line-height: 12px
    }

    .mo\:leading-\[13px\] {
        line-height: 13px
    }

    .mo\:leading-\[14px\] {
        line-height: 14px
    }

    .mo\:leading-\[16px\] {
        line-height: 16px
    }

    .mo\:leading-\[17px\] {
        line-height: 17px
    }

    .mo\:leading-\[18px\] {
        line-height: 18px
    }

    .mo\:leading-\[19\.5px\] {
        line-height: 19.5px
    }

    .mo\:leading-\[19px\] {
        line-height: 19px
    }

    .mo\:leading-\[20px\] {
        line-height: 20px
    }

    .mo\:leading-\[22px\] {
        line-height: 22px
    }

    .mo\:leading-\[26px\] {
        line-height: 26px
    }

    .mo\:leading-\[27px\] {
        line-height: 27px
    }

    .mo\:leading-\[28px\] {
        line-height: 28px
    }

    .mo\:leading-\[35px\] {
        line-height: 35px
    }

    .mo\:text-\[\#222\] {
        --tw-text-opacity: 1;
        color: #222;
        color: rgba(34, 34, 34, var(--tw-text-opacity))
    }

    .mo\:text-\[\#aaa\] {
        --tw-text-opacity: 1;
        color: #aaa;
        color: rgba(170, 170, 170, var(--tw-text-opacity))
    }

    .mo\:text-white {
        --tw-text-opacity: 1;
        color: #fff;
        color: rgba(255, 255, 255, var(--tw-text-opacity))
    }

    .mo\:transition-all {
        transition-property: all;
        transition-timing-function: cubic-bezier(.4, 0, .2, 1);
        transition-duration: .15s
    }

    .mo\:duration-100 {
        transition-duration: .1s
    }

    .mo\:duration-\[0\.3s\] {
        transition-duration: .3s
    }

    .mo\:grid-areas-crazyMainAndEpiMo {
        grid-template-areas: "subImg countDown" "mainImg countDown"
    }

    .mo\:scrollbar-hide {
        -ms-overflow-style: none;
        scrollbar-width: none
    }

    .mo\:scrollbar-hide::-webkit-scrollbar {
        display: none
    }

    .mo\:after\:bottom-\[-20px\]:after {
        content: var(--tw-content);
        bottom: -20px
    }

    .after\:mo\:w-\[36px\]:after {
        content: var(--tw-content);
        width: 36px
    }

    .mo\:first-of-type\:pt-0:first-of-type {
        padding-top: 0
    }

    .mo\:first-of-type\:pt-\[16px\]:first-of-type {
        padding-top: 16px
    }

    .mo\:hover\:shadow-none:hover {
        --tw-shadow: unset;
        --tw-shadow-colored: unset;
        box-shadow: 0 0 transparent, 0 0 transparent, unset;
        box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
    }

    .dark .mo\:dark\:border-borderDark {
        border-color: #3f3f3f;
        border-color: var(--color-gray-3f3f3f)
    }

    .dark .mo\:dark\:text-\[\#fe6c6b\] {
        --tw-text-opacity: 1;
        color: #fe6c6b;
        color: rgba(254, 108, 107, var(--tw-text-opacity))
    }

    @media (max-width:1023px) {
        .mo\:tablet\:grid-cols-3 {
            grid-template-columns: repeat(3, minmax(0, 1fr))
        }
    }
}

@media (max-width:374px) {
    .payUnderMo\:h-auto {
        height: auto
    }
}

@media (max-width:360px) {
    .newArrivalUnderMo\:px-\[8\%\] {
        padding-left: 8%;
        padding-right: 8%
    }
}

@media (max-width:320px) {
    .underMo\:mb-\[8px\] {
        margin-bottom: 8px
    }

    .underMo\:hidden {
        display: none
    }

    .underMo\:max-w-\[80\%\] {
        max-width: 80%
    }

    .underMo\:grid-cols-genreMoNav {
        grid-template-columns: repeat(auto-fill, minmax(50px, 1fr))
    }

    .underMo\:gap-1 {
        gap: .25rem
    }

    .underMo\:gap-x-\[17px\] {
        -moz-column-gap: 17px;
        column-gap: 17px
    }

    .underMo\:p-\[1rem\] {
        padding: 1rem
    }

    .underMo\:px-\[4px\] {
        padding-left: 4px;
        padding-right: 4px
    }

    .underMo\:px-\[6px\] {
        padding-left: 6px;
        padding-right: 6px
    }

    .underMo\:text-\[10px\] {
        font-size: 10px
    }

    .underMo\:text-\[13px\] {
        font-size: 13px
    }

    .underMo\:text-\[1rem\] {
        font-size: 1rem
    }

    .underMo\:text-\[9\.5px\] {
        font-size: 9.5px
    }

    .underMo\:leading-\[12px\] {
        line-height: 12px
    }

    .underMo\:leading-\[13px\] {
        line-height: 13px
    }
}

@media (max-width:380px) {
    .forEpisodeUnderMo\:w-\[5\.6rem\] {
        width: 5.6rem
    }

    .forEpisodeUnderMo\:min-w-\[8\.5rem\] {
        min-width: 8.5rem
    }

    .forEpisodeUnderMo\:flex-shrink-0 {
        flex-shrink: 0
    }

    .forEpisodeUnderMo\:justify-start {
        justify-content: flex-start
    }

    .forEpisodeUnderMo\:p-\[0_0_0_3px\] {
        padding: 0 0 0 3px
    }

    .forEpisodeUnderMo\:text-\[0\.65rem\] {
        font-size: .65rem
    }

    .forEpisodeUnderMo\:text-\[0\.7rem\] {
        font-size: .7rem
    }

    .forEpisodeUnderMo\:text-\[0\.86rem\] {
        font-size: .86rem
    }

    .forEpisodeUnderMo\:leading-\[1\.05rem\] {
        line-height: 1.05rem
    }

    .forEpisodeUnderMo\:leading-\[13px\] {
        line-height: 13px
    }
}

@media (max-width:424px) {
    .forFawDesc\:text-\[4vw\] {
        font-size: 4vw
    }

    .forFawDesc\:leading-\[1rem\] {
        line-height: 1rem
    }
}

@media (max-width:720px) {
    .forViewer\:max-w-full {
        max-width: 100%
    }
}

@media (max-width:360px) {
    .forPaymentItem\:mb-auto {
        margin-bottom: auto
    }

    .forPaymentItem\:mt-\[1\%\] {
        margin-top: 1%
    }

    .forPaymentItem\:grid-cols-\[23\%_23\%_1fr\] {
        grid-template-columns: 23% 23% 1fr
    }
}

@media (max-width:315px) {
    .forPaymentItemMINI\:text-left {
        text-align: left
    }
}

@media (max-width:370px) {
    .forComicList\:hidden {
        display: none
    }
}

@media (max-width:1023px) {
    .tablet\:\[\&\:not\(\.swiper-slide-active\)\]\:pointer-events-none:not(.swiper-slide-active) {
        pointer-events: none
    }

    .tablet\:\[\&\:not\(\.swiper-slide-active\)\]\:opacity-30:not(.swiper-slide-active) {
        opacity: .3
    }
}

.\[\&\:not\(\.swiper-slide-next\2c \.swiper-slide-prev\2c \.swiper-slide-active\)\]\:pointer-events-none:not(.swiper-slide-next):not(.swiper-slide-prev):not(.swiper-slide-active) {
    pointer-events: none
}

.\[\&\:not\(\.swiper-slide-next\2c \.swiper-slide-prev\2c \.swiper-slide-active\)\]\:opacity-30:not(.swiper-slide-next):not(.swiper-slide-prev):not(.swiper-slide-active) {
    opacity: .3
}

.\[\&\>\#main\.swiper-slide-next\]\:bg-\[aliceblue\]>#main.swiper-slide-next {
    --tw-bg-opacity: 1;
    background-color: #f0f8ff;
    background-color: rgba(240, 248, 255, var(--tw-bg-opacity))
}

.\[\&\>\*\:nth-child\(1\)\]\:block>:first-child,
.\[\&\>\*\:nth-child\(2\)\]\:block>:nth-child(2) {
    display: block
}

.\[\&\>\*\:nth-child\(2\)\]\:border-x-\[1px\]>:nth-child(2) {
    border-left-width: 1px;
    border-right-width: 1px
}

.\[\&\>\*\:nth-child\(2\)\]\:text-\[0\.65rem\]>:nth-child(2) {
    font-size: .65rem
}

.\[\&\>\*\:nth-child\(2\)\]\:text-\[11px\]>:nth-child(2) {
    font-size: 11px
}

.\[\&\>\*\:nth-child\(2\)\]\:leading-\[14px\]>:nth-child(2) {
    line-height: 14px
}

@media (max-width:767px) {
    .\[\&\>\*\:nth-child\(2\)\]\:mo\:text-\[0\.65rem\]>:nth-child(2) {
        font-size: .65rem
    }

    .\[\&\>\*\:nth-child\(2\)\]\:mo\:leading-\[14px\]>:nth-child(2) {
        line-height: 14px
    }
}

.\[\&\>\*\]\:hidden>* {
    display: none
}

.\[\&\>\.mainComic-bullet\.swiper-pagination-bullet-active\]\:rounded-\[3px_3px_0_0\]>.mainComic-bullet.swiper-pagination-bullet-active {
    border-radius: 3px 3px 0 0
}

.\[\&\>\.mainComic-bullet\.swiper-pagination-bullet-active\]\:bg-\[\#FFE1DA\]>.mainComic-bullet.swiper-pagination-bullet-active {
    --tw-bg-opacity: 1;
    background-color: #ffe1da;
    background-color: rgba(255, 225, 218, var(--tw-bg-opacity))
}

.\[\&\>\.mainComic-bullet\.swiper-pagination-bullet-active\]\:text-\[\#FF5F6A\]>.mainComic-bullet.swiper-pagination-bullet-active {
    --tw-text-opacity: 1;
    color: #ff5f6a;
    color: rgba(255, 95, 106, var(--tw-text-opacity))
}

.dark .dark\:\[\&\>\.mainComic-bullet\.swiper-pagination-bullet-active\]\:bg-\[\#7B1F21\]>.mainComic-bullet.swiper-pagination-bullet-active {
    --tw-bg-opacity: 1;
    background-color: #7b1f21;
    background-color: rgba(123, 31, 33, var(--tw-bg-opacity))
}

.dark .dark\:\[\&\>\.mainComic-bullet\.swiper-pagination-bullet-active\]\:text-\[\#FF777C\]>.mainComic-bullet.swiper-pagination-bullet-active {
    --tw-text-opacity: 1;
    color: #ff777c;
    color: rgba(255, 119, 124, var(--tw-text-opacity))
}

.\[\&\>\.weekly-bullet\.swiper-pagination-bullet-active\]\:font-\[600\]>.weekly-bullet.swiper-pagination-bullet-active {
    font-weight: 600
}

.\[\&\>\.weekly-bullet\.swiper-pagination-bullet-active\]\:text-\[\#E63740\]>.weekly-bullet.swiper-pagination-bullet-active {
    --tw-text-opacity: 1;
    color: #e63740;
    color: rgba(230, 55, 64, var(--tw-text-opacity))
}

.\[\&\>\.weekly-bullet\.swiper-pagination-bullet-active\]\:before\:bg-\[\#E63740\]>.weekly-bullet.swiper-pagination-bullet-active:before {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: #e63740;
    background-color: rgba(230, 55, 64, var(--tw-bg-opacity))
}

.\[\&\>\.weekly-bullet\.swiper-pagination-bullet-active\]\:after\:absolute>.weekly-bullet.swiper-pagination-bullet-active:after {
    content: var(--tw-content);
    position: absolute
}

.\[\&\>\.weekly-bullet\.swiper-pagination-bullet-active\]\:after\:-bottom-\[2px\]>.weekly-bullet.swiper-pagination-bullet-active:after {
    content: var(--tw-content);
    bottom: -2px
}

.\[\&\>\.weekly-bullet\.swiper-pagination-bullet-active\]\:after\:left-0>.weekly-bullet.swiper-pagination-bullet-active:after {
    content: var(--tw-content);
    left: 0
}

.\[\&\>\.weekly-bullet\.swiper-pagination-bullet-active\]\:after\:h-\[2px\]>.weekly-bullet.swiper-pagination-bullet-active:after {
    content: var(--tw-content);
    height: 2px
}

.\[\&\>\.weekly-bullet\.swiper-pagination-bullet-active\]\:after\:w-full>.weekly-bullet.swiper-pagination-bullet-active:after {
    content: var(--tw-content);
    width: 100%
}

.\[\&\>\.weekly-bullet\.swiper-pagination-bullet-active\]\:after\:bg-\[\#F02D37\]>.weekly-bullet.swiper-pagination-bullet-active:after {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: #f02d37;
    background-color: rgba(240, 45, 55, var(--tw-bg-opacity))
}

.dark .dark\:\[\&\>\.weekly-bullet\.swiper-pagination-bullet-active\]\:bg-gnbActive>.weekly-bullet.swiper-pagination-bullet-active {
    background-image: linear-gradient(90deg, #ff323a, #ff8a00 114.89%)
}

.dark .dark\:\[\&\>\.weekly-bullet\.swiper-pagination-bullet-active\]\:bg-clip-text>.weekly-bullet.swiper-pagination-bullet-active {
    -webkit-background-clip: text;
    background-clip: text
}

.dark .dark\:\[\&\>\.weekly-bullet\.swiper-pagination-bullet-active\]\:text-fill-transparent>.weekly-bullet.swiper-pagination-bullet-active {
    -webkit-text-fill-color: transparent
}

.dark .dark\:\[\&\>\.weekly-bullet\.swiper-pagination-bullet-active\]\:before\:bg-gnbActive>.weekly-bullet.swiper-pagination-bullet-active:before {
    content: var(--tw-content);
    background-image: linear-gradient(90deg, #ff323a, #ff8a00 114.89%)
}

.\[\&\>div\]\:flex>div {
    display: flex
}

.\[\&\>div\]\:items-center>div {
    align-items: center
}

.\[\&\>div\]\:px-\[10px\]>div {
    padding-left: 10px;
    padding-right: 10px
}

.\[\&\>div\]\:first\:border-none:first-child>div {
    border-style: none
}

.\[\&\>img\]\:inline-block>img {
    display: inline-block
}

.\[\&\>img\]\:w-\[24px\]>img {
    width: 24px
}

.\[\&\>span\]\:m-\[2px_2px_0_0\]>span {
    margin: 2px 2px 0 0
}

.\[\&\>span\]\:max-h-\[2\.2rem\]>span {
    max-height: 2.2rem
}

.\[\&\>span\]\:items-center>span {
    align-items: center
}

.\[\&\>span\]\:text-ellipsis>span {
    text-overflow: ellipsis
}

.\[\&\>span\]\:text-\[0\.7rem\]>span {
    font-size: .7rem
}

.\[\&\>span\]\:leading-\[16px\]>span {
    line-height: 16px
}

.\[\&\>strong\]\:font-medium>strong {
    font-weight: 500
}

.\[\&\>strong\]\:text-primaryRed>strong {
    color: #f02d37;
    color: var(--primary-red)
}

.\[\&_\.size_match\]\:text-\[\#e5e5e5\] .size match {
    --tw-text-opacity: 1;
    color: #e5e5e5;
    color: rgba(229, 229, 229, var(--tw-text-opacity))
}

.\[\&_\.swiper-slide-next\]\:relative .swiper-slide-next {
    position: relative
}

.\[\&_\.swiper-slide-next\]\:after\:absolute .swiper-slide-next:after {
    content: var(--tw-content);
    position: absolute
}

.\[\&_\.swiper-slide-next\]\:after\:left-0 .swiper-slide-next:after {
    content: var(--tw-content);
    left: 0
}

.\[\&_\.swiper-slide-next\]\:after\:top-0 .swiper-slide-next:after {
    content: var(--tw-content);
    top: 0
}

.\[\&_\.swiper-slide-next\]\:after\:h-full .swiper-slide-next:after {
    content: var(--tw-content);
    height: 100%
}

.\[\&_\.swiper-slide-next\]\:after\:w-full .swiper-slide-next:after {
    content: var(--tw-content);
    width: 100%
}

.\[\&_\.swiper-slide-next\]\:after\:bg-homeMainComicSwiperBg .swiper-slide-next:after {
    content: var(--tw-content);
    background-image: linear-gradient(270deg, #fff, hsla(0, 0%, 100%, .2))
}

.dark .dark\:\[\&_\.swiper-slide-next\]\:after\:bg-homeMainComicSwiperBgDark .swiper-slide-next:after {
    content: var(--tw-content);
    background-image: linear-gradient(90deg, transparent 0, rgba(0, 0, 0, .6) 7%)
}

.\[\&_a\]\:text-blue-500 a {
    --tw-text-opacity: 1;
    color: #3f83f8;
    color: rgba(63, 131, 248, var(--tw-text-opacity))
}

.\[\&_li\]\:list-\[inherit\] li {
    list-style-type: inherit
}

.\[\&_ol\]\:list-\[decimal\] ol {
    list-style-type: decimal
}

.\[\&_ul\]\:list-\[disc\] ul {
    list-style-type: disc
}

@media(max-width:330px) {
    .\[\@media\(max-width\:330px\)\]\:hidden {
        display: none
    }
}

@font-face {
    font-family: swiper-icons;
    src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
    font-weight: 400;
    font-style: normal
}

:root {
    --swiper-theme-color: #007aff
}

.swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}

.swiper-vertical>.swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box
}

.swiper-android .swiper-slide,
.swiper-wrapper {
    transform: translateZ(0)
}

.swiper-pointer-events {
    touch-action: pan-y
}

.swiper-pointer-events.swiper-vertical {
    touch-action: pan-x
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
    height: auto
}

.swiper-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height
}

.swiper-backface-hidden .swiper-slide {
    transform: translateZ(0);
    backface-visibility: hidden
}

.swiper-3d,
.swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px
}

.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-wrapper {
    transform-style: preserve-3d
}

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-3d .swiper-slide-shadow {
    background: rgba(0, 0, 0, .15)
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(270deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(90deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(0deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-css-mode>.swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
}

.swiper-horizontal.swiper-css-mode>.swiper-wrapper {
    scroll-snap-type: x mandatory
}

.swiper-vertical.swiper-css-mode>.swiper-wrapper {
    scroll-snap-type: y mandatory
}

.swiper-centered>.swiper-wrapper:before {
    content: "";
    flex-shrink: 0;
    order: 9999
}

.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
    margin-left: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-horizontal>.swiper-wrapper:before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after)
}

.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
    margin-top: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-vertical>.swiper-wrapper:before {
    width: 100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after)
}

.swiper-centered>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: center center
}

:root {
    --swiper-navigation-size: 44px
}

.swiper-button-next,
.swiper-button-prev {
    position: absolute;
    top: 50%;
    width: calc(44px/ 44 * 27);
    width: calc(var(--swiper-navigation-size)/ 44 * 27);
    height: 44px;
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - (44px/ 2));
    margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color))
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-next.swiper-button-hidden,
.swiper-button-prev.swiper-button-hidden {
    opacity: 0;
    cursor: auto;
    pointer-events: none
}

.swiper-navigation-disabled .swiper-button-next,
.swiper-navigation-disabled .swiper-button-prev {
    display: none !important
}

.swiper-button-next:after,
.swiper-button-prev:after {
    text-transform: none !important;
    font-family: swiper-icons;
    font-size: 44px;
    font-size: var(--swiper-navigation-size);
    letter-spacing: 0;
    font-variant: normal;
    line-height: 1
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
    left: 10px;
    right: auto
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
    content: "prev"
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
    right: 10px;
    left: auto
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
    content: "next"
}

.swiper-button-lock {
    display: none
}

.weekly-bullet {
    height: 100% !important;
}
/*# sourceMappingURL=d3b661cd3c8e5408.css.map*/

.CrazyTimerModal_timer_wp__JVDbM {
    position: absolute;
    top: 60%;
    width: 100%;
    text-align: center
}

.CrazyTimerModal_timer_wp__JVDbM .CrazyTimerModal_countdown___21NC {
    display: inline-block;
    vertical-align: super
}

.CrazyTimerModal_timer_wp__JVDbM .CrazyTimerModal_countdown___21NC .CrazyTimerModal_bloc_time__NSSIM {
    float: left;
    margin-right: 0;
    text-align: center
}

.CrazyTimerModal_timer_wp__JVDbM .CrazyTimerModal_countdown___21NC .CrazyTimerModal_figure__3QU0q {
    position: relative;
    float: left;
    margin-right: 3px;
    height: 48px;
    width: 36px;
    overflow: hidden;
    border-radius: 3px;
    --tw-bg-opacity: 1;
    background-color: #fff;
    background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
    line-height: 34px;
    --tw-shadow: 0 3px 4px 0 rgba(0, 0, 0, .1), inset 2px 4px 0 0 hsla(0, 0%, 100%, .08);
    --tw-shadow-colored: 0 3px 4px 0 var(--tw-shadow-color), inset 2px 4px 0 0 var(--tw-shadow-color);
    box-shadow: 0 0 transparent, 0 0 transparent, 0 3px 4px 0 rgba(0, 0, 0, .1), inset 2px 4px 0 0 hsla(0, 0%, 100%, .08);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
}

@media (max-width:767px) {
    .CrazyTimerModal_timer_wp__JVDbM .CrazyTimerModal_countdown___21NC .CrazyTimerModal_figure__3QU0q {
        height: 38px;
        width: 26px;
        line-height: 24px
    }
}

.CrazyTimerModal_timer_wp__JVDbM .CrazyTimerModal_countdown___21NC .CrazyTimerModal_figure__3QU0q .CrazyTimerModal_mr00__Yh7uQ {
    margin-right: 0
}

.CrazyTimerModal_timer_wp__JVDbM .CrazyTimerModal_countdown___21NC .CrazyTimerModal_figure__3QU0q>span {
    margin: auto auto auto 0;
    display: block;
    text-align: center;
    font-family: Poppins, Roboto, Helvetica Neue, Apple SD Gothic Neo sans-serif;
    font-size: 40px;
    font-weight: 700;
    line-height: 48px;
    --tw-text-opacity: 1;
    color: #000;
    color: rgba(0, 0, 0, var(--tw-text-opacity))
}

.CrazyTimerModal_timer_wp__JVDbM .CrazyTimerModal_countdown___21NC .CrazyTimerModal_figure__3QU0q>span:after {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    height: 50%;
    width: 100%;
    border-color: rgba(0, 0, 0, .1);
    border-top: 1px rgba(0, 0, 0, .1);
    border-style: solid;
    --tw-content: "";
    content: "";
    content: var(--tw-content)
}

@media (max-width:767px) {
    .CrazyTimerModal_timer_wp__JVDbM .CrazyTimerModal_countdown___21NC .CrazyTimerModal_figure__3QU0q>span {
        font-size: 30px;
        line-height: 38px
    }
}

.CrazyTimerModal_timer_wp__JVDbM .CrazyTimerModal_countdown___21NC .CrazyTimerModal_img_half__nokMH {
    float: left;
    margin-top: 2px;
    height: 48px
}

@media (max-width:767px) {
    .CrazyTimerModal_timer_wp__JVDbM .CrazyTimerModal_countdown___21NC .CrazyTimerModal_img_half__nokMH {
        height: 38px
    }
}

.CrazyTimerModal_crazyTimerModal_wp__U0WAe {
    position: relative;
    margin: auto;
    width: 350px;
    overflow: hidden;
    border-radius: 0;
    padding: 0
}

@media (max-width:767px) {
    .CrazyTimerModal_crazyTimerModal_wp__U0WAe {
        width: 260px
    }
}

.CrazyTimerModal_crazyTimerModal_wp__U0WAe .CrazyTimerModal_crazyTimer_content__YDCEb {
    display: block
}

.CrazyTimerModal_crazyTimerModal_wp__U0WAe .CrazyTimerModal_crazyTimer_content__YDCEb>img {
    width: 100%
}

/*# sourceMappingURL=debe74ba10e2c8e5.css.map*/


/* subscription css */
#glo_contents {
    background-size: contain;
    background-position: center;
    width: 100vw;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
    position: relative;
  }
  .cover-black {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1;
  }
  .promo-oneMonth {
    position: relative;
    z-index: 2;
    width: 80%;
    max-width: 600px;
    background-color: rgba(255, 255, 255, 0.9);
    border-radius: 10px;
    padding: 20px;
  }
  
  .promo-oneMonth-inner {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  
  .sub-title {
    font-size: 32px;
    font-weight: bold;
    margin-bottom: 10px;
    color: #333;
    text-align: center;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
  }
  
  .sub-txt {
    text-align: center;
    margin-bottom: 30px;
    font-size: 16px;
    line-height: 1.6;
    color: #666;
  }
  .promo-oneMonth-notice p {
    color: #333;
    font-weight: 600;
    margin-bottom: 10px;
  }
  
  .promo-oneMonth-price {
    margin-bottom: 20px;
    text-align: center;
  }
  
  .after-discount {
    font-size: 20px;
    font-weight: bold;
  }
  
  .after-discount-txt {
    width: 90%; 
    margin: 0 auto;
  }
  
  .after-discount-txt p:last-child {
    margin: 10px 0; 
    font-size: 14px;
    font-weight: normal;
  }
  
  .sale-price {
    font-size: 14px;
    color: #999;
  }
  
  .promo-oneMonth-con {
    margin-bottom: 20px;
  }
  
  .promo-oneMonth-notice {
    background-color: rgba(250, 255, 255, 0.9);
    padding: 10px;
    border-radius: 8px;
  }
  .promo-oneMonth-notice .fw-bold{
    font-weight: bold;
  }
  
  .promo-oneMonth-notice ul {
    padding-left: 20px;
    margin: 0;
  }
  
  .promo-oneMonth-notice ul li {
    margin-bottom: 10px;
    list-style-type: disc;
    font-size: 12px;
    color: #555;
  }
  #charge_btn{
    background-color: #ff3333;
    color: white;
    border: none;
    padding: 15px 30px;
    font-size: 18px;
    font-weight: bold;
    border-radius: 50px;
    cursor: pointer;
    transition: background-color 0.3s ease;
    display: block;
    margin: 0 auto;
    text-transform: uppercase; 
  }
  
  #charge_btn:hover {
    background-color: #cc0000;
  }
  
    #cancel_sub_btn {
    background-color: whitesmoke;
    color: #333;
    padding: 10px 20px;
    font-size: 16px;
    border: 1px solid #ccc; 
    border-radius: 50px; 
    cursor: pointer; 
    transition: background-color 0.3s;
  }
  
    #cancel_sub_btn:hover {
    background-color: #e0e0e0;
  }
  
    #cancel_sub_btn:focus {
    outline: none;
  }
  .main-content {
    position: relative;
    word-break: normal;
  }

  /* membership css */
  .membership {
    background-image: url('../img/cover.jpeg');
    background-size: contain;
    background-position: center;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
    position: relative;
  }
  
  .main-col-inner {
    width: 70vw;
    background-color: #fff;
    padding: 30px;
    border-radius: 10px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
    margin-top: 40px;
    margin-bottom: 40px;
  
  }
  
  .item-title {
    font-size: 3rem;
    font-weight: bold;
    margin-bottom: 20px;
  }
  
  .alert {
    margin-bottom: 10px;
  }
  
  .entry-content {
    margin-top: 20px;
  }
  
  .entry-content h5 {
    font-size: 1.5rem;
    font-weight: bold;
    margin-bottom: 10px;
  }
  
  .entry-content label {
    display: block;
    margin-bottom: 15px;
    color: #666;
  }
  
  .pms-form-fields-wrapper {
    list-style: none;
    padding: 0;
  }
  
  .pms-field {
    margin-bottom: 20px;
  }
  
  .pms-subscription-plan {
    border: 1px solid #ddd;
    padding: 20px;
    text-align: center;
    margin-bottom: 20px;
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  }
  
  .pms-subscription-plan-description {
    margin-top: 10px;
    color: #888;
  }
  .pms-subscription-plan-auto-renew {
    margin-top: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size:16px;
  }
  
  .pms-subscription-plan-auto-renew label {
    display: flex;
    align-items: center;
  }
  
  
  .pms_pay_gate {
    display: none; 
  }
  .entry-content_wrap .fw-bold{
    font-weight: bold;
  }
  .pms-submit-button-loading-placeholder-text {
    margin-top: 10px;
    display: block;
    text-align: center;
    color: #999;
  }
  
  button[name="pms_new_subscription"] {
    display: block;
    width: 100%;
    max-width: 300px;
    margin: 20px auto;
    padding: 12px 20px;
    background-color: #007bff;
    color: #fff;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    transition: background-color 0.3s ease;
  }
  
  button[name="pms_new_subscription"]:hover {
    background-color: #0056b3;
  }
  
  .pms-account-subscription-details-table {
    width: 100%;
    margin-top: 20px;
    border-collapse: collapse;
  }
  
  .pms-account-subscription-details-table td {
    padding: 10px;
    border: 1px solid #ddd;
  }
  
  .status-pending {
    color: green;
    font-weight: bold;
  }
  
  .pms-account-subscription-details-table__actions div {
    color: #007bff;
    cursor: pointer;
    transition: color 0.3s ease;
  }
  
  .pms-account-subscription-details-table__actions div:hover {
    color: #0056b3;
  }
  .paypal-btn{
    width: 60%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }
  .paypal-btn-center{
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
  }
  .paypal-button-container {
    margin:  0 auto !important;
  }
  .payment-section {
    padding: 10px;
    margin-bottom: 20px;
    border-radius: 5px;
    background-color: #f9f9f9;
  }
  
  .payment-section h3 {
    font-size: 20px;
    color: #333;
    margin-bottom: 10px;
  }
  
  .list-coin {
    list-style-type: none;
    padding: 0;
    display: flex;
    flex-direction: column;
  }
  
  .list-coin li {
    margin-bottom: 10px;
    background-color: #fff;
    padding: 15px;
    border-radius: 5px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  }
  
  .btn-xs {
    font-size: 12px;
    background-color: #337ab7;
    color: #fff;
    padding: 5px 10px;
    border-radius: 3px;
    text-decoration: none;
    display: inline-block;
  }
  
  .btn-xs:hover {
    background-color: #286090;
  }
  
  .list-coin {
    display: flex;
    justify-content: center;
    padding: 0;
    width: 100%;
    position:relative
  }
  
  .list-coin img{
    height: 80px;
    width: 80px; 
    position: absolute;
    right: -35px; 
    top: 70px;
  }
  .list-coin li {
    background-color: #f0f0f0;
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    flex: 1;
    width: 100%;
    padding: 5px;
  }
  .list-coin li a {
    display: flex;
    flex-direction: row;
    align-items: center; 
    text-align: center;
    text-decoration: none;
    color: #333;
    width: 100%;
  }
  
  .cell-coin {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    flex-wrap: wrap;
    font-size: 15px;
    width: 20%;
    height: 100%;
    margin-right: 10px;
  }
  .cell-coin em{
    font-size: 20px;
    margin: 5px; 
    font-weight: bold;
    width: 20%;
    text-align: center;
    white-space: nowrap;
  
  }
  .cell-coin span{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0 auto;
    text-align: center;
  }
  .cell-2 {
    display: flex !important;
    width: 80%;
    margin-left: 5px;
  }
  .cell-detail {
    text-align: left;
    white-space: nowrap;
    font-size: 14px;
    color: #666;
    width: 65%;
  }
  .cell-detail-pay {
    display: flex;
    flex-wrap: wrap;
    align-items: left;
  }
  .cell-detail-pay span:last-child {
    flex-basis: 100%;
    height: 0;
  }
  
  .cell-detail-pay span {
    white-space: nowrap; 
  }
  
  .cell-bill {
    width: 30%;
    margin-left: auto; 
  }
  
  .cell-bill .btn-default {
    background-color: rgb(238,46,47);
    color: white;
    padding: 10px 5px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    white-space: wrap;
    width: 100%;
    border-radius: 10px;
    font-weight: bold;
  }
  .cell-bill .btn-default span {
    white-space: nowrap;
  }
  .original-price {
    margin-right: 5px;
    font-style: italic;
    text-decoration: line-through;
  }
  .promo-price {
    font-size: 16px;
  }
  .list-coin > li.active a {
    background: #2b2934;
    color: white;
    padding: 0;
  }
  .list-coin > li.active {
    padding: 0;
  }
  
  .list-coin > li.active .cell-detail{
    padding: 0;
    color: white;
  
  }

  
@media screen and (max-width: 768px) {
    .promo-oneMonth {
        width: 90%;
    }
  
    .sub-title {
        font-size: 24px;
    }
  
    .sub-txt {
        font-size: 14px;
    }
  
    #charge_btn {
        font-size: 16px;
        padding: 12px 24px;
    }
    .paypal-btn{
        width: 100%;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
      }
  }
  
  @media screen and (max-width: 480px) {
    .promo-oneMonth {
        width: 95%;
    }
  
    .sub-title {
        font-size: 20px;
    }
  
    .sub-txt {
        font-size: 12px;
    }
  
    #charge_btn {
        font-size: 14px;
        padding: 10px 20px;
    }
    .paypal-btn{
        width: 100%;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
      }
  }
  @media only screen and (max-width: 1200px) {

  }

  @media screen and (max-width: 768px) {
    .main-col-inner {
        width: 90vw;
        padding: 20px;
      }
    .cell-coin {
        font-size: 15px;
        width: 30%;
        margin-right: 10px;
      }
    .cell-2 {
        display: block !important;
        width: 70%;
      }
      .cell-detail {
        white-space: nowrap;
        font-size: 12px;
        color: #666;
        width: 120%;
        margin-bottom: 20px;
      }
      
      .cell-bill {
        display: none;
      }
  }
  
  @media screen and (max-width: 450px) {
    .cell-detail-pay {
        flex-direction: column;
      }
    .cell-coin {
        font-size: 12px;
        width: 40%;
        margin-right: 10px;
      }
    .cell-2 {
        font-size: 12px;
        display: block !important;
        width: 60%;
      }
  }
  .text-red {
    --tw-text-opacity: 1;
    color: #f05252;
    color: rgba(240, 82, 82, var(--tw-text-opacity))
}

.btns {
    margin-top: 20px;
}
.btns .alert-success{
    color:#155724;
    background-color:#d4edda;
    border-color:#c3e6cb;
    padding: 10px;
}

.btns .alert-danger{
    color:#a94442;
    background-color:#f2dede;
    border-color:#ebccd1;
    padding: 10px;

}

.vip-badge {
    display: flex;
    flex-direction: column;
  }
  .chips-vip {
    background-color: #ee312f;
    width: 30%;
    border-radius: 50px;
    color: #ffff;
    text-align: center;
    font-size: 13px;
  }
  .chips-free {
    background-color: #C0C0C0;
    width: 30%;
    border-radius: 50px;
    color: #ffff;
    text-align: center;
    font-size: 13px;
  }
  .btn_get_member{
    padding: 5px 20px;
    color: white;
    background-color: indianred;
    border-radius: 10px;
    cursor: pointer;
  }
  .btn_member {
    padding: 5px 20px;
    color: white;
    background-color: #d5ab08;
    border-radius: 10px;
    cursor: pointer;
  }

  #avatar_header{
    width: 40px !important;
    height: 40px !important;
    margin: 5px;
  }

  /* css modal */
.container-module-login {
    color: #ffff;
    background-color: #000;
    padding: 40px;
    border-radius: 20px;
  } 

.auth-form > form {
    gap: 0.7rem;
}

.auth-form input.form-control {
    background-color: #5b5b5b2e;
    color: #d8d8d8;
    border-radius: 8px;
    padding: 20px;
    border: 1px solid #8c8c8c38;
}

.auth-form input.form-control:focus {
    border-color: #5874937d;
}

.auth-form .form-group > label {
    color: #fff;
    font-size: 16px;
    font-weight: 500;
}

.auth-form [type="submit"].btn {
    border-radius: 4px;
    width: 100% !important;
    background-color: red;
    font-size: 18px;
    border-radius: 50px;
    color: #ffff;
    margin-bottom: 10px;
}


/* Floating Banner Styles */
.ads-banner {
    position: fixed;
    left: 50%;
    bottom: 0px;
    transform: translate(-50%, -50%);
    z-index: 999999999;
    background: transparent;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    transition: all 0.3s ease;
  }
  
  .ads-banner.hidden {
    transform: translate(-50%, 200%);
  }
  
  .ads-banner .close-btn {
    position: absolute;
    top: -10px;
    right: -10px;
    width: 24px;
    height: 24px;
    background: #ff0000;
    border: 2px solid #fff;
    border-radius: 50%;
    color: #fff;
    text-align: center;
    line-height: 20px;
    font-size: 14px;
    cursor: pointer;
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
  }
  
  .ads-banner .close-btn:hover {
    background: #cc0000;
  }

  .payment-method-section {
    margin-top: 30px;
    padding: 20px;
    background: #f9f9f9;
    border-radius: 8px;
  }

  .payment-method-section h2 {
    margin-bottom: 10px;
    font-size: 24px;
    color: #333;
  }

  .payment-method-section p {
    color: #666;
    margin-bottom: 20px;
  }

  .payment-options {
    display: flex;
    flex-direction: column;
    gap: 15px;
  }

  .payment-option {
    border: 2px solid #ddd;
    border-radius: 8px;
    padding: 15px;
    transition: all 0.3s ease;
    background: white;
  }

  .payment-option:hover,
  .payment-option.active {
    border-color: #007cba;
    box-shadow: 0 2px 8px rgba(0, 124, 186, 0.1);
  }

  .payment-option label {
    display: flex;
    align-items: center;
    cursor: pointer;
    margin-bottom: 0;
    font-weight: 600;
  }

  /* Radio button styling */
  .payment-radio {
    width: 18px;
    height: 18px;
    margin-right: 10px;
    accent-color: #007cba;
    cursor: pointer;
    border: 3px solid #cccc; 
  }

  /* Checkbox styling */
  .autoSubscribe {
    width: 16px;
    height: 16px;
    margin-right: 8px;
    accent-color: #007cba;
    cursor: pointer;
    border: 3px solid #cccc; 
  }

  /* Input labels */
  .pms-subscription-plan-auto-renew label {
    display: flex;
    align-items: center;
    font-weight: 400;
    font-size: 14px;
    color: #555;
    cursor: pointer;
    margin-bottom: 0;
  }

  .payment-option label svg {
    margin-left: 10px;
  }

  .payment-content {
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px solid #eee;
  }

  .crypto-icons {
    margin-top: 10px;
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
  }

  .crypto-redirect-info {
    background: #f0f8ff;
    padding: 15px;
    border-radius: 6px;
    text-align: center;
  }

  .redirect-icon {
    width: 100%;
    justify-items: center;
    margin-bottom: 10px;
  }

  .btn-crypto {
    background: #ff9933;
    color: white;
    border: none;
    padding: 12px 30px;
    border-radius: 6px;
    font-weight: 600;
    width: 60%;
    cursor: pointer;
    transition: background 0.3s ease;
    font-size: 16px;
  }

  .btn-crypto:hover {
    background: #e6881a;
  }

  /* PayPal button container */
  .paypal-btn {
    min-height: 50px;
  }

  /* Form field wrapper styling */
  .pms-form-fields-wrapper {
    list-style: none;
    padding: 0;
    margin: 0;
  }

  .pms-field {
    margin-bottom: 15px;
  }

  /* Ensure all inputs are visible */
  input[type="radio"],
  input[type="checkbox"] {
    opacity: 1 !important;
    position: relative !important;
    width: auto !important;
    height: auto !important;
    margin: 0 8px 0 0 !important;
    display: inline-block !important;
  }

  /* Override any Bootstrap or theme hiding */
  .payment-option input[type="radio"],
  .payment-content input[type="checkbox"] {
    visibility: visible !important;
    clip: unset !important;
    width: 18px !important;
    height: 18px !important;
  }

  /* Responsive adjustments */
  @media (max-width: 768px) {
    .payment-method-section {
      margin-top: 20px;
      padding: 15px;
    }
    
    .payment-option label {
      flex-direction: column;
      align-items: flex-start;
      gap: 10px;
    }
    
    .crypto-icons {
      flex-wrap: wrap;
    }

    .payment-radio {
      margin-bottom: 10px;
      background-color: #cccccc;
    }
  }

    @media screen and (max-width: 768px) {
        .post_page {
            max-width: 100% !important;
            margin: 0 20px!important;
        }
    }
  .post_page {
    max-width: 60%;
    margin: 0 auto;
  }

   .line-box {
    margin: 24px auto;
    padding: 20px;
    background: #ffffff;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    font-family: Arial, sans-serif;
    color: #333;
    line-height: 1.7;
  }

  .line-box h1,
  .line-box h2 {
    color: #222;
    margin-bottom: 20px;
  }

  .line-box h1 {
    font-size: 26px;
    text-align: center;
  }

  .line-box h2 {
    font-size: 20px;
    border-left: 4px solid #ed3026;
    padding-left: 12px;
  }

  .line-box p {
    font-size: 15px;
    margin-bottom: 12px;
  }

  .line-box a {
    color: #ed3026;
    text-decoration: none;
  }

  .line-box a:hover {
    text-decoration: underline;
  }

  .line-box ul {
    padding-left: 20px;
    margin: 10px 0;
  }

  .line-box ul li {
    margin-bottom: 6px;
    font-size: 14px;
  }

  .line-box table {
    border-collapse: collapse;
    width: 100%;
    margin-top: 15px;
    border: 1px solid #808080;
    font-size: 14px;
  }

  .line-box table th,
  .line-box table td {
    border: 1px solid #808080;
    padding: 8px;
    text-align: center;
  }

  .line-box table thead {
    background-color: #f2f2f2;
    font-weight: bold;
  }

  .backlink-box {
  background-color: #e0e0e0;
  padding: 12px 16px;
  font-size: 14px;
  line-height: 1.6;
  margin-top: 12px;
}

.backlink-box a {
  text-decoration: none;
}

.backlink-box a:hover {
  color: #2f2f2f;
  text-decoration: underline;
}


.sort-bar {
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 16px;
}

 .item-title {
  margin: 0;
  font-size: 28px;
  font-weight: 800;
  line-height: 1.2;
  text-transform: capitalize;
  color: #111;

  position: relative;
  padding-bottom: 6px;
  letter-spacing: 0.3px;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

 .item-title::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 4px;
  width: 86px;
  border-radius: 2px;
  background: linear-gradient(90deg, #ff5a5f, #ff9f1a);
    transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.3s ease;
}

 .item-title:hover::after {
    transform: scaleX(1);
}

@media (max-width: 600px) {
  .sort-bar {
    flex-direction: column;
    align-items: flex-start;
  }
  .sort-bar .item-title {
    max-width: 100%;
    font-size: 20px;
  }
}