@charset "UTF-8";*,: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(59,130,246,.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
    --tw-contain-size: ;
    --tw-contain-layout: ;
    --tw-contain-paint: ;
    --tw-contain-style:
}

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

/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/
*,:after,:before {
    border: 0 solid #e5e7eb;
    box-sizing: border-box
}

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

:host,html {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    font-family: ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
    font-feature-settings: normal;
    font-variation-settings: normal;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    -webkit-tap-highlight-color: transparent
}

body {
    line-height: inherit;
    margin: 0
}

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

abbr:where([title]) {
    -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-size: 1em;
    font-variation-settings: normal
}

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

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

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

button,select {
    text-transform: none
}

button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]) {
    -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
}

fieldset {
    margin: 0
}

fieldset,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;
    opacity: 1
}

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

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

:disabled {
    cursor: default
}

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

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

[hidden]:where(:not([hidden=until-found])) {
    display: none
}

.container {
    width: 100%
}

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

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

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

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

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

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

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

.pointer-events-none {
    pointer-events: none
}

.visible {
    visibility: visible
}

.fixed {
    position: fixed
}

.absolute {
    position: absolute
}

.relative {
    position: relative
}

.bottom-4 {
    bottom: 1rem
}

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

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

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

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

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

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

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

.bottom-\[calc\(100\%\+6px\)\] {
    bottom: calc(100% + 6px)
}

.left-0 {
    left: 0
}

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

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

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

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

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

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

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

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

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

.right-0 {
    right: 0
}

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

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

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

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

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

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

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

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

.top-0 {
    top: 0
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.top-\[calc\(100\%\+2px\)\] {
    top: calc(100% + 2px)
}

.top-\[calc\(100\%\+4px\)\] {
    top: calc(100% + 4px)
}

.top-\[calc\(100\%\+8px\)\] {
    top: calc(100% + 8px)
}

.z-10 {
    z-index: 10
}

.z-50 {
    z-index: 50
}

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

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

.float-left {
    float: left
}

.m-auto {
    margin: auto
}

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

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

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

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

.my-0\.5 {
    margin-bottom: .125rem;
    margin-top: .125rem
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.mr-4 {
    margin-right: 1rem
}

.mr-7 {
    margin-right: 1.75rem
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.block {
    display: block
}

.inline-block {
    display: inline-block
}

.flex {
    display: flex
}

.grid {
    display: grid
}

.hidden {
    display: none
}

.h-2 {
    height: .5rem
}

.h-4 {
    height: 1rem
}

.h-5 {
    height: 1.25rem
}

.h-6 {
    height: 1.5rem
}

.h-8 {
    height: 2rem
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.h-\[calc\(100\%-30px\)\] {
    height: calc(100% - 30px)
}

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

.h-full {
    height: 100%
}

.h-screen {
    height: 100vh
}

.max-h-48 {
    max-height: 12rem
}

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

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

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

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

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

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

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

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

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

.max-h-\[calc\(100vh-40px\)\] {
    max-height: calc(100vh - 40px)
}

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

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

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

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

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

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

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

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

.min-h-screen {
    min-height: 100vh
}

.w-2 {
    width: .5rem
}

.w-4 {
    width: 1rem
}

.w-5 {
    width: 1.25rem
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.w-fit {
    width: -moz-fit-content;
    width: fit-content
}

.w-full {
    width: 100%
}

.w-screen {
    width: 100vw
}

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

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

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

.min-w-\[280px\] {
    min-width: 280px
}

.min-w-\[61px\] {
    min-width: 61px
}

.min-w-max {
    min-width: -moz-max-content;
    min-width: max-content
}

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

.max-w-\[1200px\] {
    max-width: 1200px
}

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

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

.max-w-\[359px\] {
    max-width: 359px
}

.max-w-\[61px\] {
    max-width: 61px
}

.max-w-\[854px\] {
    max-width: 854px
}

.max-w-full {
    max-width: 100%
}

.flex-1 {
    flex: 1 1 0%
}

.flex-none {
    flex: none
}

.flex-grow {
    flex-grow: 1
}

.translate-y-\[-100\%\] {
    --tw-translate-y: -100%;
    transform: translate(var(--tw-translate-x),-100%) rotate(var(--tw-rotate)) skew(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)) skew(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(0) skew(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)) skew(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) skew(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)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.scale-y-50 {
    --tw-scale-y: .5;
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(.5)
}

.scale-y-50,.transform {
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(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-not-allowed {
    cursor: not-allowed
}

.cursor-pointer {
    cursor: pointer
}

.select-none {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.resize {
    resize: both
}

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

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

.grid-cols-7 {
    grid-template-columns: repeat(7,minmax(0,1fr))
}

.flex-col {
    flex-direction: column
}

.flex-wrap {
    flex-wrap: wrap
}

.items-start {
    align-items: flex-start
}

.items-end {
    align-items: flex-end
}

.items-center {
    align-items: center
}

.justify-end {
    justify-content: flex-end
}

.justify-center {
    justify-content: center
}

.justify-between {
    justify-content: space-between
}

.gap-4 {
    gap: 1rem
}

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

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

.gap-\[18px\] {
    gap: 18px
}

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

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

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

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

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

.gap-\[6px\] {
    gap: 6px
}

.gap-x-\[10px\] {
    -moz-column-gap: 10px;
    column-gap: 10px
}

.gap-x-\[11px\] {
    -moz-column-gap: 11px;
    column-gap: 11px
}

.gap-x-\[12px\] {
    -moz-column-gap: 12px;
    column-gap: 12px
}

.gap-x-\[14px\] {
    -moz-column-gap: 14px;
    column-gap: 14px
}

.gap-x-\[16px\] {
    -moz-column-gap: 16px;
    column-gap: 16px
}

.gap-x-\[18px\] {
    -moz-column-gap: 18px;
    column-gap: 18px
}

.gap-x-\[20px\] {
    -moz-column-gap: 20px;
    column-gap: 20px
}

.gap-x-\[22px\] {
    -moz-column-gap: 22px;
    column-gap: 22px
}

.gap-x-\[24px\] {
    -moz-column-gap: 24px;
    column-gap: 24px
}

.gap-x-\[26px\] {
    -moz-column-gap: 26px;
    column-gap: 26px
}

.gap-x-\[28px\] {
    -moz-column-gap: 28px;
    column-gap: 28px
}

.gap-x-\[2px\] {
    -moz-column-gap: 2px;
    column-gap: 2px
}

.gap-x-\[32px\] {
    -moz-column-gap: 32px;
    column-gap: 32px
}

.gap-x-\[34px\] {
    -moz-column-gap: 34px;
    column-gap: 34px
}

.gap-x-\[3px\] {
    -moz-column-gap: 3px;
    column-gap: 3px
}

.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-y-4 {
    row-gap: 1rem
}

.gap-y-\[16px\] {
    row-gap: 16px
}

.gap-y-\[2px\] {
    row-gap: 2px
}

.divide-x>:not([hidden])~:not([hidden]) {
    --tw-divide-x-reverse: 0;
    border-left-width: 1px;
    border-left-width: calc(1px*(1 - var(--tw-divide-x-reverse)));
    border-right-width: 0;
    border-right-width: calc(1px*var(--tw-divide-x-reverse))
}

.divide-\[\#D9D9D9\]>:not([hidden])~:not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: #d9d9d9;
    border-color: rgb(217 217 217/var(--tw-divide-opacity,1))
}

.overflow-hidden {
    overflow: hidden
}

.overflow-scroll {
    overflow: scroll
}

.overflow-y-auto {
    overflow-y: auto
}

.truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.text-wrap {
    text-wrap: wrap
}

.rounded {
    border-radius: .25rem
}

.rounded-\[100px\] {
    border-radius: 100px
}

.rounded-\[12px\] {
    border-radius: 12px
}

.rounded-\[24px\] {
    border-radius: 24px
}

.rounded-\[2px\] {
    border-radius: 2px
}

.rounded-\[30px\] {
    border-radius: 30px
}

.rounded-\[35px\] {
    border-radius: 35px
}

.rounded-\[36px\] {
    border-radius: 36px
}

.rounded-\[3px\] {
    border-radius: 3px
}

.rounded-\[42px\] {
    border-radius: 42px
}

.rounded-\[4px\] {
    border-radius: 4px
}

.rounded-\[5px\] {
    border-radius: 5px
}

.rounded-\[6px\] {
    border-radius: 6px
}

.rounded-\[8px\] {
    border-radius: 8px
}

.rounded-full {
    border-radius: 9999px
}

.rounded-lg {
    border-radius: .5rem
}

.rounded-md {
    border-radius: .375rem
}

.rounded-sm {
    border-radius: .125rem
}

.rounded-l {
    border-bottom-left-radius: .25rem;
    border-top-left-radius: .25rem
}

.rounded-r-\[4px\] {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px
}

.rounded-tl {
    border-top-left-radius: .25rem
}

.rounded-tr {
    border-top-right-radius: .25rem
}

.border,.border-\[1px\] {
    border-width: 1px
}

.border-\[2px\] {
    border-width: 2px
}

.border-b {
    border-bottom-width: 1px
}

.border-r {
    border-right-width: 1px
}

.border-t {
    border-top-width: 1px
}

.border-solid {
    border-style: solid
}

.border-dashed {
    border-style: dashed
}

.border-\[\#323233\] {
    --tw-border-opacity: 1;
    border-color: #323233;
    border-color: rgb(50 50 51/var(--tw-border-opacity,1))
}

.border-\[\#3B82F6\],.border-\[\#3b82f6\] {
    --tw-border-opacity: 1;
    border-color: #3b82f6;
    border-color: rgb(59 130 246/var(--tw-border-opacity,1))
}

.border-\[\#C8C8C8\] {
    --tw-border-opacity: 1;
    border-color: #c8c8c8;
    border-color: rgb(200 200 200/var(--tw-border-opacity,1))
}

.border-\[\#C8E6FF\] {
    --tw-border-opacity: 1;
    border-color: #c8e6ff;
    border-color: rgb(200 230 255/var(--tw-border-opacity,1))
}

.border-\[\#CCCCCC\] {
    --tw-border-opacity: 1;
    border-color: #ccc;
    border-color: rgb(204 204 204/var(--tw-border-opacity,1))
}

.border-\[\#E2E7EF\] {
    --tw-border-opacity: 1;
    border-color: #e2e7ef;
    border-color: rgb(226 231 239/var(--tw-border-opacity,1))
}

.border-\[\#E4EAFF\] {
    --tw-border-opacity: 1;
    border-color: #e4eaff;
    border-color: rgb(228 234 255/var(--tw-border-opacity,1))
}

.border-\[\#E6E6EA\] {
    --tw-border-opacity: 1;
    border-color: #e6e6ea;
    border-color: rgb(230 230 234/var(--tw-border-opacity,1))
}

.border-\[\#EBEBEB\] {
    --tw-border-opacity: 1;
    border-color: #ebebeb;
    border-color: rgb(235 235 235/var(--tw-border-opacity,1))
}

.border-\[\#ECECEC\] {
    --tw-border-opacity: 1;
    border-color: #ececec;
    border-color: rgb(236 236 236/var(--tw-border-opacity,1))
}

.border-\[\#EDEDED\] {
    --tw-border-opacity: 1;
    border-color: #ededed;
    border-color: rgb(237 237 237/var(--tw-border-opacity,1))
}

.border-\[\#EEEEEE\] {
    --tw-border-opacity: 1;
    border-color: #eee;
    border-color: rgb(238 238 238/var(--tw-border-opacity,1))
}

.border-\[\#EEEFF0\] {
    --tw-border-opacity: 1;
    border-color: #eeeff0;
    border-color: rgb(238 239 240/var(--tw-border-opacity,1))
}

.border-\[\#F1F3F7\] {
    --tw-border-opacity: 1;
    border-color: #f1f3f7;
    border-color: rgb(241 243 247/var(--tw-border-opacity,1))
}

.border-\[\#F2F3F5\] {
    --tw-border-opacity: 1;
    border-color: #f2f3f5;
    border-color: rgb(242 243 245/var(--tw-border-opacity,1))
}

.border-\[\#F4F4F4\] {
    --tw-border-opacity: 1;
    border-color: #f4f4f4;
    border-color: rgb(244 244 244/var(--tw-border-opacity,1))
}

.border-\[\#F5F5F5\] {
    --tw-border-opacity: 1;
    border-color: #f5f5f5;
    border-color: rgb(245 245 245/var(--tw-border-opacity,1))
}

.border-\[\#e0e0e0\] {
    --tw-border-opacity: 1;
    border-color: #e0e0e0;
    border-color: rgb(224 224 224/var(--tw-border-opacity,1))
}

.border-\[\#e5e7eb\] {
    --tw-border-opacity: 1;
    border-color: #e5e7eb;
    border-color: rgb(229 231 235/var(--tw-border-opacity,1))
}

.border-\[\#ebebeb\] {
    --tw-border-opacity: 1;
    border-color: #ebebeb;
    border-color: rgb(235 235 235/var(--tw-border-opacity,1))
}

.border-blue-500 {
    --tw-border-opacity: 1;
    border-color: #66a6ff;
    border-color: rgb(102 166 255/var(--tw-border-opacity,1))
}

.border-gray-100 {
    --tw-border-opacity: 1;
    border-color: #f3f4f6;
    border-color: rgb(243 244 246/var(--tw-border-opacity,1))
}

.border-transparent {
    border-color: transparent
}

.bg-\[\#0000000A\] {
    background-color: #0000000a
}

.bg-\[\#00000080\] {
    background-color: #00000080
}

.bg-\[\#00000099\] {
    background-color: #0009
}

.bg-\[\#0F47F1\] {
    --tw-bg-opacity: 1;
    background-color: #0f47f1;
    background-color: rgb(15 71 241/var(--tw-bg-opacity,1))
}

.bg-\[\#0F47F2\] {
    --tw-bg-opacity: 1;
    background-color: #0f47f2;
    background-color: rgb(15 71 242/var(--tw-bg-opacity,1))
}

.bg-\[\#111111\] {
    --tw-bg-opacity: 1;
    background-color: #111;
    background-color: rgb(17 17 17/var(--tw-bg-opacity,1))
}

.bg-\[\#16181F\] {
    --tw-bg-opacity: 1;
    background-color: #16181f;
    background-color: rgb(22 24 31/var(--tw-bg-opacity,1))
}

.bg-\[\#17CF8A\] {
    --tw-bg-opacity: 1;
    background-color: #17cf8a;
    background-color: rgb(23 207 138/var(--tw-bg-opacity,1))
}

.bg-\[\#1890ff\] {
    --tw-bg-opacity: 1;
    background-color: #1890ff;
    background-color: rgb(24 144 255/var(--tw-bg-opacity,1))
}

.bg-\[\#1970FF\] {
    --tw-bg-opacity: 1;
    background-color: #1970ff;
    background-color: rgb(25 112 255/var(--tw-bg-opacity,1))
}

.bg-\[\#323233E5\] {
    background-color: #323233e5
}

.bg-\[\#3B82F633\] {
    background-color: #3b82f633
}

.bg-\[\#3B82F6\] {
    --tw-bg-opacity: 1;
    background-color: #3b82f6;
    background-color: rgb(59 130 246/var(--tw-bg-opacity,1))
}

.bg-\[\#606060B2\] {
    background-color: #606060b2
}

.bg-\[\#B3B3B3\] {
    --tw-bg-opacity: 1;
    background-color: #b3b3b3;
    background-color: rgb(179 179 179/var(--tw-bg-opacity,1))
}

.bg-\[\#B3BABF\] {
    --tw-bg-opacity: 1;
    background-color: #b3babf;
    background-color: rgb(179 186 191/var(--tw-bg-opacity,1))
}

.bg-\[\#C8C8C8\] {
    --tw-bg-opacity: 1;
    background-color: #c8c8c8;
    background-color: rgb(200 200 200/var(--tw-bg-opacity,1))
}

.bg-\[\#CCCCCC\] {
    --tw-bg-opacity: 1;
    background-color: #ccc;
    background-color: rgb(204 204 204/var(--tw-bg-opacity,1))
}

.bg-\[\#D4FB00\] {
    --tw-bg-opacity: 1;
    background-color: #d4fb00;
    background-color: rgb(212 251 0/var(--tw-bg-opacity,1))
}

.bg-\[\#D5E4FF\] {
    --tw-bg-opacity: 1;
    background-color: #d5e4ff;
    background-color: rgb(213 228 255/var(--tw-bg-opacity,1))
}

.bg-\[\#DFECFF\] {
    --tw-bg-opacity: 1;
    background-color: #dfecff;
    background-color: rgb(223 236 255/var(--tw-bg-opacity,1))
}

.bg-\[\#E9EBF0\] {
    --tw-bg-opacity: 1;
    background-color: #e9ebf0;
    background-color: rgb(233 235 240/var(--tw-bg-opacity,1))
}

.bg-\[\#EAF2FF\] {
    --tw-bg-opacity: 1;
    background-color: #eaf2ff;
    background-color: rgb(234 242 255/var(--tw-bg-opacity,1))
}

.bg-\[\#F0F6FF\] {
    --tw-bg-opacity: 1;
    background-color: #f0f6ff;
    background-color: rgb(240 246 255/var(--tw-bg-opacity,1))
}

.bg-\[\#F3F6FF\] {
    --tw-bg-opacity: 1;
    background-color: #f3f6ff;
    background-color: rgb(243 246 255/var(--tw-bg-opacity,1))
}

.bg-\[\#F4F8FF\] {
    --tw-bg-opacity: 1;
    background-color: #f4f8ff;
    background-color: rgb(244 248 255/var(--tw-bg-opacity,1))
}

.bg-\[\#F5F5F5\] {
    --tw-bg-opacity: 1;
    background-color: #f5f5f5;
    background-color: rgb(245 245 245/var(--tw-bg-opacity,1))
}

.bg-\[\#F5F9FF\] {
    --tw-bg-opacity: 1;
    background-color: #f5f9ff;
    background-color: rgb(245 249 255/var(--tw-bg-opacity,1))
}

.bg-\[\#F6F7FB\] {
    --tw-bg-opacity: 1;
    background-color: #f6f7fb;
    background-color: rgb(246 247 251/var(--tw-bg-opacity,1))
}

.bg-\[\#F8F9F9\] {
    --tw-bg-opacity: 1;
    background-color: #f8f9f9;
    background-color: rgb(248 249 249/var(--tw-bg-opacity,1))
}

.bg-\[\#F8F9FA\] {
    --tw-bg-opacity: 1;
    background-color: #f8f9fa;
    background-color: rgb(248 249 250/var(--tw-bg-opacity,1))
}

.bg-\[\#F8FAFE\] {
    --tw-bg-opacity: 1;
    background-color: #f8fafe;
    background-color: rgb(248 250 254/var(--tw-bg-opacity,1))
}

.bg-\[\#F9FAFA\] {
    --tw-bg-opacity: 1;
    background-color: #f9fafa;
    background-color: rgb(249 250 250/var(--tw-bg-opacity,1))
}

.bg-\[\#FAFCFF\] {
    --tw-bg-opacity: 1;
    background-color: #fafcff;
    background-color: rgb(250 252 255/var(--tw-bg-opacity,1))
}

.bg-\[\#FF9D00\] {
    --tw-bg-opacity: 1;
    background-color: #ff9d00;
    background-color: rgb(255 157 0/var(--tw-bg-opacity,1))
}

.bg-\[\#FFE3D8\] {
    --tw-bg-opacity: 1;
    background-color: #ffe3d8;
    background-color: rgb(255 227 216/var(--tw-bg-opacity,1))
}

.bg-\[\#FFFFFF99\] {
    background-color: #fff9
}

.bg-\[\#c8c8c8\] {
    --tw-bg-opacity: 1;
    background-color: #c8c8c8;
    background-color: rgb(200 200 200/var(--tw-bg-opacity,1))
}

.bg-\[\#e8ebef\] {
    --tw-bg-opacity: 1;
    background-color: #e8ebef;
    background-color: rgb(232 235 239/var(--tw-bg-opacity,1))
}

.bg-\[\#f7f9fc\] {
    --tw-bg-opacity: 1;
    background-color: #f7f9fc;
    background-color: rgb(247 249 252/var(--tw-bg-opacity,1))
}

.bg-\[\#f8f9fa\] {
    --tw-bg-opacity: 1;
    background-color: #f8f9fa;
    background-color: rgb(248 249 250/var(--tw-bg-opacity,1))
}

.bg-\[\#fff\] {
    --tw-bg-opacity: 1;
    background-color: #fff;
    background-color: rgb(255 255 255/var(--tw-bg-opacity,1))
}

.bg-\[rgba\(0\,0\,0\,0\.4\)\] {
    background-color: #0006
}

.bg-black {
    --tw-bg-opacity: 1;
    background-color: #000;
    background-color: rgb(0 0 0/var(--tw-bg-opacity,1))
}

.bg-gray-200 {
    --tw-bg-opacity: 1;
    background-color: #e5e7eb;
    background-color: rgb(229 231 235/var(--tw-bg-opacity,1))
}

.bg-transparent {
    background-color: transparent
}

.bg-white {
    --tw-bg-opacity: 1;
    background-color: #fff;
    background-color: rgb(255 255 255/var(--tw-bg-opacity,1))
}

.p-1 {
    padding: .25rem
}

.p-\[10px\] {
    padding: 10px
}

.p-\[11px\] {
    padding: 11px
}

.p-\[12px\] {
    padding: 12px
}

.p-\[16px\] {
    padding: 16px
}

.p-\[20px\] {
    padding: 20px
}

.p-\[2px\] {
    padding: 2px
}

.p-\[36px\] {
    padding: 36px
}

.p-\[4px\] {
    padding: 4px
}

.p-\[8px\] {
    padding: 8px
}

.p-\[9px\] {
    padding: 9px
}

.px-1 {
    padding-left: .25rem;
    padding-right: .25rem
}

.px-3 {
    padding-left: .75rem;
    padding-right: .75rem
}

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

.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-\[16px\] {
    padding-left: 16px;
    padding-right: 16px
}

.px-\[19px\] {
    padding-left: 19px;
    padding-right: 19px
}

.px-\[20px\] {
    padding-left: 20px;
    padding-right: 20px
}

.px-\[23px\] {
    padding-left: 23px;
    padding-right: 23px
}

.px-\[24px\] {
    padding-left: 24px;
    padding-right: 24px
}

.px-\[26px\] {
    padding-left: 26px;
    padding-right: 26px
}

.px-\[3px\] {
    padding-left: 3px;
    padding-right: 3px
}

.px-\[44px\] {
    padding-left: 44px;
    padding-right: 44px
}

.px-\[6px\] {
    padding-left: 6px;
    padding-right: 6px
}

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

.px-\[9px\] {
    padding-left: 9px;
    padding-right: 9px
}

.py-1 {
    padding-bottom: .25rem;
    padding-top: .25rem
}

.py-2 {
    padding-bottom: .5rem;
    padding-top: .5rem
}

.py-\[1\.63px\] {
    padding-bottom: 1.63px;
    padding-top: 1.63px
}

.py-\[10px\] {
    padding-bottom: 10px;
    padding-top: 10px
}

.py-\[11px\] {
    padding-bottom: 11px;
    padding-top: 11px
}

.py-\[12px\] {
    padding-bottom: 12px;
    padding-top: 12px
}

.py-\[144px\] {
    padding-bottom: 144px;
    padding-top: 144px
}

.py-\[14px\] {
    padding-bottom: 14px;
    padding-top: 14px
}

.py-\[15px\] {
    padding-bottom: 15px;
    padding-top: 15px
}

.py-\[18px\] {
    padding-bottom: 18px;
    padding-top: 18px
}

.py-\[1px\] {
    padding-bottom: 1px;
    padding-top: 1px
}

.py-\[22px\] {
    padding-bottom: 22px;
    padding-top: 22px
}

.py-\[24px\] {
    padding-bottom: 24px;
    padding-top: 24px
}

.py-\[2px\] {
    padding-bottom: 2px;
    padding-top: 2px
}

.py-\[3\.5px\] {
    padding-bottom: 3.5px;
    padding-top: 3.5px
}

.py-\[3px\] {
    padding-bottom: 3px;
    padding-top: 3px
}

.py-\[4px\] {
    padding-bottom: 4px;
    padding-top: 4px
}

.py-\[52px\] {
    padding-bottom: 52px;
    padding-top: 52px
}

.py-\[5px\] {
    padding-bottom: 5px;
    padding-top: 5px
}

.py-\[6\.5px\] {
    padding-bottom: 6.5px;
    padding-top: 6.5px
}

.py-\[6px\] {
    padding-bottom: 6px;
    padding-top: 6px
}

.py-\[7\.5px\] {
    padding-bottom: 7.5px;
    padding-top: 7.5px
}

.py-\[7px\] {
    padding-bottom: 7px;
    padding-top: 7px
}

.py-\[8\.5px\] {
    padding-bottom: 8.5px;
    padding-top: 8.5px
}

.py-\[8px\] {
    padding-bottom: 8px;
    padding-top: 8px
}

.py-\[9px\] {
    padding-bottom: 9px;
    padding-top: 9px
}

.pb-4 {
    padding-bottom: 1rem
}

.pb-\[10px\] {
    padding-bottom: 10px
}

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

.pb-\[16px\] {
    padding-bottom: 16px
}

.pb-\[18px\] {
    padding-bottom: 18px
}

.pb-\[20px\] {
    padding-bottom: 20px
}

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

.pb-\[25px\] {
    padding-bottom: 25px
}

.pb-\[31px\] {
    padding-bottom: 31px
}

.pb-\[32px\] {
    padding-bottom: 32px
}

.pb-\[6px\] {
    padding-bottom: 6px
}

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

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

.pl-2 {
    padding-left: .5rem
}

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

.pl-4 {
    padding-left: 1rem
}

.pl-\[10px\] {
    padding-left: 10px
}

.pl-\[1px\] {
    padding-left: 1px
}

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

.pl-\[26px\] {
    padding-left: 26px
}

.pl-\[30px\] {
    padding-left: 30px
}

.pl-\[3px\] {
    padding-left: 3px
}

.pl-\[6px\] {
    padding-left: 6px
}

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

.pl-\[9px\] {
    padding-left: 9px
}

.pr-0\.5 {
    padding-right: .125rem
}

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

.pr-1\.5 {
    padding-right: .375rem
}

.pr-2 {
    padding-right: .5rem
}

.pr-3 {
    padding-right: .75rem
}

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

.pr-\[6px\] {
    padding-right: 6px
}

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

.pt-3 {
    padding-top: .75rem
}

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

.pt-\[12px\] {
    padding-top: 12px
}

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

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

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

.pt-\[26px\] {
    padding-top: 26px
}

.pt-\[29px\] {
    padding-top: 29px
}

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

.pt-\[6px\] {
    padding-top: 6px
}

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

.pt-\[9px\] {
    padding-top: 9px
}

.pt-\[calc\(100\%\/1440\*200\)\] {
    padding-top: 13.88889%
}

.text-center {
    text-align: center
}

.text-right {
    text-align: right
}

.text-\[10px\] {
    font-size: 10px
}

.text-\[11px\] {
    font-size: 11px
}

.text-\[12px\] {
    font-size: 12px
}

.text-\[13px\] {
    font-size: 13px
}

.text-\[14px\] {
    font-size: 14px
}

.text-\[15px\] {
    font-size: 15px
}

.text-\[16\.5px\] {
    font-size: 16.5px
}

.text-\[16px\] {
    font-size: 16px
}

.text-\[18px\] {
    font-size: 18px
}

.text-\[20px\] {
    font-size: 20px
}

.text-\[22px\] {
    font-size: 22px
}

.text-\[24px\] {
    font-size: 24px
}

.text-\[26px\] {
    font-size: 26px
}

.text-\[36px\] {
    font-size: 36px
}

.text-sm {
    font-size: .875rem;
    line-height: 1.25rem
}

.text-xs {
    font-size: .75rem;
    line-height: 1rem
}

.font-bold {
    font-weight: 700
}

.font-extrabold {
    font-weight: 800
}

.font-medium {
    font-weight: 500
}

.font-normal {
    font-weight: 400
}

.font-semibold {
    font-weight: 600
}

.uppercase {
    text-transform: uppercase
}

.italic {
    font-style: italic
}

.leading-7 {
    line-height: 1.75rem
}

.leading-8 {
    line-height: 2rem
}

.leading-\[13px\] {
    line-height: 13px
}

.leading-\[14px\] {
    line-height: 14px
}

.leading-\[15px\] {
    line-height: 15px
}

.leading-\[16px\] {
    line-height: 16px
}

.leading-\[17px\] {
    line-height: 17px
}

.leading-\[18px\] {
    line-height: 18px
}

.leading-\[19px\] {
    line-height: 19px
}

.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-\[25px\] {
    line-height: 25px
}

.leading-\[26px\] {
    line-height: 26px
}

.leading-\[27px\] {
    line-height: 27px
}

.leading-\[32px\] {
    line-height: 32px
}

.leading-\[35px\] {
    line-height: 35px
}

.leading-\[36px\] {
    line-height: 36px
}

.text-\[\#000F2B\] {
    --tw-text-opacity: 1;
    color: #000f2b;
    color: rgb(0 15 43/var(--tw-text-opacity,1))
}

.text-\[\#002F85\] {
    --tw-text-opacity: 1;
    color: #002f85;
    color: rgb(0 47 133/var(--tw-text-opacity,1))
}

.text-\[\#0061FF\] {
    --tw-text-opacity: 1;
    color: #0061ff;
    color: rgb(0 97 255/var(--tw-text-opacity,1))
}

.text-\[\#01246D\] {
    --tw-text-opacity: 1;
    color: #01246d;
    color: rgb(1 36 109/var(--tw-text-opacity,1))
}

.text-\[\#041E50\] {
    --tw-text-opacity: 1;
    color: #041e50;
    color: rgb(4 30 80/var(--tw-text-opacity,1))
}

.text-\[\#08090A\] {
    --tw-text-opacity: 1;
    color: #08090a;
    color: rgb(8 9 10/var(--tw-text-opacity,1))
}

.text-\[\#0F47F1\] {
    --tw-text-opacity: 1;
    color: #0f47f1;
    color: rgb(15 71 241/var(--tw-text-opacity,1))
}

.text-\[\#111111\] {
    --tw-text-opacity: 1;
    color: #111;
    color: rgb(17 17 17/var(--tw-text-opacity,1))
}

.text-\[\#111827\] {
    --tw-text-opacity: 1;
    color: #111827;
    color: rgb(17 24 39/var(--tw-text-opacity,1))
}

.text-\[\#1A1A1A\] {
    --tw-text-opacity: 1;
    color: #1a1a1a;
    color: rgb(26 26 26/var(--tw-text-opacity,1))
}

.text-\[\#1D2129\] {
    --tw-text-opacity: 1;
    color: #1d2129;
    color: rgb(29 33 41/var(--tw-text-opacity,1))
}

.text-\[\#1F1F1F\] {
    --tw-text-opacity: 1;
    color: #1f1f1f;
    color: rgb(31 31 31/var(--tw-text-opacity,1))
}

.text-\[\#1a1a1a\] {
    --tw-text-opacity: 1;
    color: #1a1a1a;
    color: rgb(26 26 26/var(--tw-text-opacity,1))
}

.text-\[\#252931\] {
    --tw-text-opacity: 1;
    color: #252931;
    color: rgb(37 41 49/var(--tw-text-opacity,1))
}

.text-\[\#31466D\] {
    --tw-text-opacity: 1;
    color: #31466d;
    color: rgb(49 70 109/var(--tw-text-opacity,1))
}

.text-\[\#323232\] {
    --tw-text-opacity: 1;
    color: #323232;
    color: rgb(50 50 50/var(--tw-text-opacity,1))
}

.text-\[\#323233\] {
    --tw-text-opacity: 1;
    color: #323233;
    color: rgb(50 50 51/var(--tw-text-opacity,1))
}

.text-\[\#333333\],.text-\[\#333\] {
    --tw-text-opacity: 1;
    color: #333;
    color: rgb(51 51 51/var(--tw-text-opacity,1))
}

.text-\[\#3A3A3A\] {
    --tw-text-opacity: 1;
    color: #3a3a3a;
    color: rgb(58 58 58/var(--tw-text-opacity,1))
}

.text-\[\#3B82F6\],.text-\[\#3b82f6\] {
    --tw-text-opacity: 1;
    color: #3b82f6;
    color: rgb(59 130 246/var(--tw-text-opacity,1))
}

.text-\[\#424242\] {
    --tw-text-opacity: 1;
    color: #424242;
    color: rgb(66 66 66/var(--tw-text-opacity,1))
}

.text-\[\#444444\] {
    --tw-text-opacity: 1;
    color: #444;
    color: rgb(68 68 68/var(--tw-text-opacity,1))
}

.text-\[\#4B4B4D\] {
    --tw-text-opacity: 1;
    color: #4b4b4d;
    color: rgb(75 75 77/var(--tw-text-opacity,1))
}

.text-\[\#4D4D4D\] {
    --tw-text-opacity: 1;
    color: #4d4d4d;
    color: rgb(77 77 77/var(--tw-text-opacity,1))
}

.text-\[\#4E5969\] {
    --tw-text-opacity: 1;
    color: #4e5969;
    color: rgb(78 89 105/var(--tw-text-opacity,1))
}

.text-\[\#4E5E7C\] {
    --tw-text-opacity: 1;
    color: #4e5e7c;
    color: rgb(78 94 124/var(--tw-text-opacity,1))
}

.text-\[\#555555\] {
    --tw-text-opacity: 1;
    color: #555;
    color: rgb(85 85 85/var(--tw-text-opacity,1))
}

.text-\[\#5596FF\] {
    --tw-text-opacity: 1;
    color: #5596ff;
    color: rgb(85 150 255/var(--tw-text-opacity,1))
}

.text-\[\#666666\],.text-\[\#666\] {
    --tw-text-opacity: 1;
    color: #666;
    color: rgb(102 102 102/var(--tw-text-opacity,1))
}

.text-\[\#6B6B6B\] {
    --tw-text-opacity: 1;
    color: #6b6b6b;
    color: rgb(107 107 107/var(--tw-text-opacity,1))
}

.text-\[\#6E7680\] {
    --tw-text-opacity: 1;
    color: #6e7680;
    color: rgb(110 118 128/var(--tw-text-opacity,1))
}

.text-\[\#757575\] {
    --tw-text-opacity: 1;
    color: #757575;
    color: rgb(117 117 117/var(--tw-text-opacity,1))
}

.text-\[\#777777\] {
    --tw-text-opacity: 1;
    color: #777;
    color: rgb(119 119 119/var(--tw-text-opacity,1))
}

.text-\[\#7C7C80\] {
    --tw-text-opacity: 1;
    color: #7c7c80;
    color: rgb(124 124 128/var(--tw-text-opacity,1))
}

.text-\[\#808080\] {
    --tw-text-opacity: 1;
    color: gray;
    color: rgb(128 128 128/var(--tw-text-opacity,1))
}

.text-\[\#888888\] {
    --tw-text-opacity: 1;
    color: #888;
    color: rgb(136 136 136/var(--tw-text-opacity,1))
}

.text-\[\#8C8C8C\],.text-\[\#8c8c8c\] {
    --tw-text-opacity: 1;
    color: #8c8c8c;
    color: rgb(140 140 140/var(--tw-text-opacity,1))
}

.text-\[\#909090\] {
    --tw-text-opacity: 1;
    color: #909090;
    color: rgb(144 144 144/var(--tw-text-opacity,1))
}

.text-\[\#949494\] {
    --tw-text-opacity: 1;
    color: #949494;
    color: rgb(148 148 148/var(--tw-text-opacity,1))
}

.text-\[\#999999\] {
    --tw-text-opacity: 1;
    color: #999;
    color: rgb(153 153 153/var(--tw-text-opacity,1))
}

.text-\[\#9CA3AF\] {
    --tw-text-opacity: 1;
    color: #9ca3af;
    color: rgb(156 163 175/var(--tw-text-opacity,1))
}

.text-\[\#9F9F9F\] {
    --tw-text-opacity: 1;
    color: #9f9f9f;
    color: rgb(159 159 159/var(--tw-text-opacity,1))
}

.text-\[\#B3B3B3\] {
    --tw-text-opacity: 1;
    color: #b3b3b3;
    color: rgb(179 179 179/var(--tw-text-opacity,1))
}

.text-\[\#C8C8C8\] {
    --tw-text-opacity: 1;
    color: #c8c8c8;
    color: rgb(200 200 200/var(--tw-text-opacity,1))
}

.text-\[\#F10F0F\] {
    --tw-text-opacity: 1;
    color: #f10f0f;
    color: rgb(241 15 15/var(--tw-text-opacity,1))
}

.text-\[\#F4F8FF\] {
    --tw-text-opacity: 1;
    color: #f4f8ff;
    color: rgb(244 248 255/var(--tw-text-opacity,1))
}

.text-\[\#FF570F\] {
    --tw-text-opacity: 1;
    color: #ff570f;
    color: rgb(255 87 15/var(--tw-text-opacity,1))
}

.text-\[\#FF8000\] {
    --tw-text-opacity: 1;
    color: #ff8000;
    color: rgb(255 128 0/var(--tw-text-opacity,1))
}

.text-\[\#FFFFFF\] {
    --tw-text-opacity: 1;
    color: #fff;
    color: rgb(255 255 255/var(--tw-text-opacity,1))
}

.text-\[\#bcbdc0\] {
    --tw-text-opacity: 1;
    color: #bcbdc0;
    color: rgb(188 189 192/var(--tw-text-opacity,1))
}

.text-\[\#ff3b52\] {
    --tw-text-opacity: 1;
    color: #ff3b52;
    color: rgb(255 59 82/var(--tw-text-opacity,1))
}

.text-white {
    --tw-text-opacity: 1;
    color: #fff;
    color: rgb(255 255 255/var(--tw-text-opacity,1))
}

.antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.opacity-0 {
    opacity: 0
}

.opacity-60 {
    opacity: .6
}

.opacity-70 {
    opacity: .7
}

.shadow-lg {
    --tw-shadow: 0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);
    box-shadow: 0 0 #0000,0 0 #0000,0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

.outline-none {
    outline: 2px solid transparent;
    outline-offset: 2px
}

.outline {
    outline-style: solid
}

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

.blur,.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)
}

.backdrop-filter {
    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}

.transition {
    transition-duration: .15s;
    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-all {
    transition-duration: .15s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4,0,.2,1)
}

.content-\[\'\'\]{--tw-content:"";content:"";content:var(--tw-content)}.hover\:border-\[\#3B82F6\]:hover{--tw-border-opacity:1;border-color:#3b82f6;border-color:rgb(59 130 246/var(--tw-border-opacity,1))}.hover\:bg-\[\#00000017\]:hover{background-color:#00000017}.hover\:bg-\[\#1C70FA\]:hover{--tw-bg-opacity:1;background-color:#1c70fa;background-color:rgb(28 112 250/var(--tw-bg-opacity,1))}.hover\:bg-\[\#3B82F6\]:hover{--tw-bg-opacity:1;background-color:#3b82f6;background-color:rgb(59 130 246/var(--tw-bg-opacity,1))}.hover\:bg-\[\#3c8be7ff\]:hover{background-color:#3c8be7}.hover\:bg-\[\#5797FF\]:hover{--tw-bg-opacity:1;background-color:#5797ff;background-color:rgb(87 151 255/var(--tw-bg-opacity,1))}.hover\:bg-\[\#C8C8C8\]:hover{--tw-bg-opacity:1;background-color:#c8c8c8;background-color:rgb(200 200 200/var(--tw-bg-opacity,1))}.hover\:bg-\[\#E5EFFF\]:hover{--tw-bg-opacity:1;background-color:#e5efff;background-color:rgb(229 239 255/var(--tw-bg-opacity,1))}.hover\:bg-\[\#E6ECFF\]:hover{--tw-bg-opacity:1;background-color:#e6ecff;background-color:rgb(230 236 255/var(--tw-bg-opacity,1))}.hover\:bg-\[\#F0F6FC\]:hover{--tw-bg-opacity:1;background-color:#f0f6fc;background-color:rgb(240 246 252/var(--tw-bg-opacity,1))}.hover\:bg-\[\#F1F6FF\]:hover{--tw-bg-opacity:1;background-color:#f1f6ff;background-color:rgb(241 246 255/var(--tw-bg-opacity,1))}.hover\:bg-\[\#F2F3F4\]:hover{--tw-bg-opacity:1;background-color:#f2f3f4;background-color:rgb(242 243 244/var(--tw-bg-opacity,1))}.hover\:bg-\[\#F3F8FF\]:hover{--tw-bg-opacity:1;background-color:#f3f8ff;background-color:rgb(243 248 255/var(--tw-bg-opacity,1))}.hover\:bg-\[\#F6F9FF\]:hover{--tw-bg-opacity:1;background-color:#f6f9ff;background-color:rgb(246 249 255/var(--tw-bg-opacity,1))}.hover\:bg-\[\#e7e7e7\]:hover{--tw-bg-opacity:1;background-color:#e7e7e7;background-color:rgb(231 231 231/var(--tw-bg-opacity,1))}.hover\:bg-\[\#eeeff0\]:hover{--tw-bg-opacity:1;background-color:#eeeff0;background-color:rgb(238 239 240/var(--tw-bg-opacity,1))}.hover\:bg-\[\#f5f7fa\]:hover{--tw-bg-opacity:1;background-color:#f5f7fa;background-color:rgb(245 247 250/var(--tw-bg-opacity,1))}.hover\:bg-gray-100:hover{--tw-bg-opacity:1;background-color:#f3f4f6;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.hover\:text-\[\#3B82F6\]:hover{--tw-text-opacity:1;color:#3b82f6;color:rgb(59 130 246/var(--tw-text-opacity,1))}.hover\:text-white:hover{--tw-text-opacity:1;color:#fff;color:rgb(255 255 255/var(--tw-text-opacity,1))}.hover\:opacity-100:hover{opacity:1}@media (min-width:640px){.sm\:block{display:block}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}.Vue-Toastification__container{box-sizing:border-box;color:#fff;display:flex;flex-direction:column;min-height:100%;padding:4px;pointer-events:none;position:fixed;width:600px;z-index:9999}@media only screen and (min-width:600px){.Vue-Toastification__container.top-center,.Vue-Toastification__container.top-left,.Vue-Toastification__container.top-right{top:1em}.Vue-Toastification__container.bottom-center,.Vue-Toastification__container.bottom-left,.Vue-Toastification__container.bottom-right{bottom:1em;flex-direction:column-reverse}.Vue-Toastification__container.bottom-left,.Vue-Toastification__container.top-left{left:1em}.Vue-Toastification__container.bottom-left .Vue-Toastification__toast,.Vue-Toastification__container.top-left .Vue-Toastification__toast{margin-right:auto}@supports not (-moz-appearance:none){.Vue-Toastification__container.bottom-left .Vue-Toastification__toast--rtl,.Vue-Toastification__container.top-left .Vue-Toastification__toast--rtl{margin-left:auto;margin-right:unset}}.Vue-Toastification__container.bottom-right,.Vue-Toastification__container.top-right{right:1em}.Vue-Toastification__container.bottom-right .Vue-Toastification__toast,.Vue-Toastification__container.top-right .Vue-Toastification__toast{margin-left:auto}@supports not (-moz-appearance:none){.Vue-Toastification__container.bottom-right .Vue-Toastification__toast--rtl,.Vue-Toastification__container.top-right .Vue-Toastification__toast--rtl{margin-left:unset;margin-right:auto}}.Vue-Toastification__container.bottom-center,.Vue-Toastification__container.top-center{left:50%;margin-left:-300px}.Vue-Toastification__container.bottom-center .Vue-Toastification__toast,.Vue-Toastification__container.top-center .Vue-Toastification__toast{margin-left:auto;margin-right:auto}}@media only screen and (max-width:600px){.Vue-Toastification__container{left:0;margin:0;padding:0;width:100vw}.Vue-Toastification__container .Vue-Toastification__toast{width:100%}.Vue-Toastification__container.top-center,.Vue-Toastification__container.top-left,.Vue-Toastification__container.top-right{top:0}.Vue-Toastification__container.bottom-center,.Vue-Toastification__container.bottom-left,.Vue-Toastification__container.bottom-right{bottom:0;flex-direction:column-reverse}}.Vue-Toastification__toast{border-radius:8px;box-shadow:0 1px 10px #0000001a,0 2px 15px #0000000d;box-sizing:border-box;direction:ltr;display:inline-flex;font-family:Lato,Helvetica,Roboto,Arial,sans-serif;justify-content:space-between;margin-bottom:1rem;max-height:800px;max-width:600px;min-height:64px;min-width:326px;overflow:hidden;padding:22px 24px;pointer-events:auto;position:relative;transform:translateZ(0)}.Vue-Toastification__toast--rtl{direction:rtl}.Vue-Toastification__toast--default{background-color:#1976d2;color:#fff}.Vue-Toastification__toast--info{background-color:#2196f3;color:#fff}.Vue-Toastification__toast--success{background-color:#4caf50;color:#fff}.Vue-Toastification__toast--error{background-color:#ff5252;color:#fff}.Vue-Toastification__toast--warning{background-color:#ffc107;color:#fff}@media only screen and (max-width:600px){.Vue-Toastification__toast{border-radius:0;margin-bottom:.5rem}}.Vue-Toastification__toast-body{flex:1;font-size:16px;line-height:24px;white-space:pre-wrap;word-break:break-word}.Vue-Toastification__toast-component-body{flex:1}.Vue-Toastification__toast.disable-transition{animation:none!important}.Vue-Toastification__close-button{align-items:center;background:transparent;border:none;color:#fff;cursor:pointer;font-size:24px;font-weight:700;line-height:24px;opacity:.3;outline:none;padding:0 0 0 10px;transition:.3s ease;transition:visibility 0s,opacity .2s linear}.Vue-Toastification__close-button:focus,.Vue-Toastification__close-button:hover{opacity:1}.Vue-Toastification__toast:not(:hover) .Vue-Toastification__close-button.show-on-hover{opacity:0}.Vue-Toastification__toast--rtl .Vue-Toastification__close-button{padding-left:unset;padding-right:10px}@keyframes scale-x-frames{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Vue-Toastification__progress-bar{animation:scale-x-frames linear 1 forwards;background-color:#ffffffb3;bottom:0;height:5px;left:0;position:absolute;transform-origin:left;width:100%;z-index:10000}.Vue-Toastification__toast--rtl .Vue-Toastification__progress-bar{left:unset;right:0;transform-origin:right}.Vue-Toastification__icon{align-items:center;background:transparent;border:none;height:100%;margin:auto 18px auto 0;outline:none;padding:0;transition:.3s ease;width:20px}.Vue-Toastification__toast--rtl .Vue-Toastification__icon{margin:auto 0 auto 18px}@keyframes bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes bounceOutRight{40%{opacity:1;transform:translate3d(-20px,0,0)}to{opacity:0;transform:translate3d(1000px,0,0)}}@keyframes bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes bounceOutLeft{20%{opacity:1;transform:translate3d(20px,0,0)}to{opacity:0;transform:translate3d(-2000px,0,0)}}@keyframes bounceInUp{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,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes bounceOutUp{20%{transform:translate3d(0,-10px,0)}40%,45%{opacity:1;transform:translate3d(0,20px,0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes bounceInDown{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:none}}@keyframes bounceOutDown{20%{transform:translate3d(0,10px,0)}40%,45%{opacity:1;transform:translate3d(0,-20px,0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Vue-Toastification__bounce-enter-active.bottom-left,.Vue-Toastification__bounce-enter-active.top-left{animation-name:bounceInLeft}.Vue-Toastification__bounce-enter-active.bottom-right,.Vue-Toastification__bounce-enter-active.top-right{animation-name:bounceInRight}.Vue-Toastification__bounce-enter-active.top-center{animation-name:bounceInDown}.Vue-Toastification__bounce-enter-active.bottom-center{animation-name:bounceInUp}.Vue-Toastification__bounce-leave-active:not(.disable-transition).bottom-left,.Vue-Toastification__bounce-leave-active:not(.disable-transition).top-left{animation-name:bounceOutLeft}.Vue-Toastification__bounce-leave-active:not(.disable-transition).bottom-right,.Vue-Toastification__bounce-leave-active:not(.disable-transition).top-right{animation-name:bounceOutRight}.Vue-Toastification__bounce-leave-active:not(.disable-transition).top-center{animation-name:bounceOutUp}.Vue-Toastification__bounce-leave-active:not(.disable-transition).bottom-center{animation-name:bounceOutDown}.Vue-Toastification__bounce-enter-active,.Vue-Toastification__bounce-leave-active{animation-duration:.75s;animation-fill-mode:both}.Vue-Toastification__bounce-move{transition-duration:.4s;transition-property:all;transition-timing-function:ease-in-out}@keyframes fadeOutTop{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-50px)}}@keyframes fadeOutLeft{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-50px)}}@keyframes fadeOutBottom{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(50px)}}@keyframes fadeOutRight{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(50px)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInTop{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInBottom{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.Vue-Toastification__fade-enter-active.bottom-left,.Vue-Toastification__fade-enter-active.top-left{animation-name:fadeInLeft}.Vue-Toastification__fade-enter-active.bottom-right,.Vue-Toastification__fade-enter-active.top-right{animation-name:fadeInRight}.Vue-Toastification__fade-enter-active.top-center{animation-name:fadeInTop}.Vue-Toastification__fade-enter-active.bottom-center{animation-name:fadeInBottom}.Vue-Toastification__fade-leave-active:not(.disable-transition).bottom-left,.Vue-Toastification__fade-leave-active:not(.disable-transition).top-left{animation-name:fadeOutLeft}.Vue-Toastification__fade-leave-active:not(.disable-transition).bottom-right,.Vue-Toastification__fade-leave-active:not(.disable-transition).top-right{animation-name:fadeOutRight}.Vue-Toastification__fade-leave-active:not(.disable-transition).top-center{animation-name:fadeOutTop}.Vue-Toastification__fade-leave-active:not(.disable-transition).bottom-center{animation-name:fadeOutBottom}.Vue-Toastification__fade-enter-active,.Vue-Toastification__fade-leave-active{animation-duration:.75s;animation-fill-mode:both}.Vue-Toastification__fade-move{transition-duration:.4s;transition-property:all;transition-timing-function:ease-in-out}@keyframes slideInBlurredLeft{0%{filter:blur(40px);opacity:0;transform:translate(-1000px) scaleX(2.5) scaleY(.2);transform-origin:100% 50%}to{filter:blur(0);opacity:1;transform:translate(0) scaleY(1) scaleX(1);transform-origin:50% 50%}}@keyframes slideInBlurredTop{0%{filter:blur(240px);opacity:0;transform:translateY(-1000px) scaleY(2.5) scaleX(.2);transform-origin:50% 0}to{filter:blur(0);opacity:1;transform:translateY(0) scaleY(1) scaleX(1);transform-origin:50% 50%}}@keyframes slideInBlurredRight{0%{filter:blur(40px);opacity:0;transform:translate(1000px) scaleX(2.5) scaleY(.2);transform-origin:0 50%}to{filter:blur(0);opacity:1;transform:translate(0) scaleY(1) scaleX(1);transform-origin:50% 50%}}@keyframes slideInBlurredBottom{0%{filter:blur(240px);opacity:0;transform:translateY(1000px) scaleY(2.5) scaleX(.2);transform-origin:50% 100%}to{filter:blur(0);opacity:1;transform:translateY(0) scaleY(1) scaleX(1);transform-origin:50% 50%}}@keyframes slideOutBlurredTop{0%{filter:blur(0);opacity:1;transform:translateY(0) scaleY(1) scaleX(1);transform-origin:50% 0}to{filter:blur(240px);opacity:0;transform:translateY(-1000px) scaleY(2) scaleX(.2);transform-origin:50% 0}}@keyframes slideOutBlurredBottom{0%{filter:blur(0);opacity:1;transform:translateY(0) scaleY(1) scaleX(1);transform-origin:50% 50%}to{filter:blur(240px);opacity:0;transform:translateY(1000px) scaleY(2) scaleX(.2);transform-origin:50% 100%}}@keyframes slideOutBlurredLeft{0%{filter:blur(0);opacity:1;transform:translate(0) scaleY(1) scaleX(1);transform-origin:50% 50%}to{filter:blur(40px);opacity:0;transform:translate(-1000px) scaleX(2) scaleY(.2);transform-origin:100% 50%}}@keyframes slideOutBlurredRight{0%{filter:blur(0);opacity:1;transform:translate(0) scaleY(1) scaleX(1);transform-origin:50% 50%}to{filter:blur(40px);opacity:0;transform:translate(1000px) scaleX(2) scaleY(.2);transform-origin:0 50%}}.Vue-Toastification__slideBlurred-enter-active.bottom-left,.Vue-Toastification__slideBlurred-enter-active.top-left{animation-name:slideInBlurredLeft}.Vue-Toastification__slideBlurred-enter-active.bottom-right,.Vue-Toastification__slideBlurred-enter-active.top-right{animation-name:slideInBlurredRight}.Vue-Toastification__slideBlurred-enter-active.top-center{animation-name:slideInBlurredTop}.Vue-Toastification__slideBlurred-enter-active.bottom-center{animation-name:slideInBlurredBottom}.Vue-Toastification__slideBlurred-leave-active:not(.disable-transition).bottom-left,.Vue-Toastification__slideBlurred-leave-active:not(.disable-transition).top-left{animation-name:slideOutBlurredLeft}.Vue-Toastification__slideBlurred-leave-active:not(.disable-transition).bottom-right,.Vue-Toastification__slideBlurred-leave-active:not(.disable-transition).top-right{animation-name:slideOutBlurredRight}.Vue-Toastification__slideBlurred-leave-active:not(.disable-transition).top-center{animation-name:slideOutBlurredTop}.Vue-Toastification__slideBlurred-leave-active:not(.disable-transition).bottom-center{animation-name:slideOutBlurredBottom}.Vue-Toastification__slideBlurred-enter-active,.Vue-Toastification__slideBlurred-leave-active{animation-duration:.75s;animation-fill-mode:both}.Vue-Toastification__slideBlurred-move{transition-duration:.4s;transition-property:all;transition-timing-function:ease-in-out}:root{--el-color-primary-rgb:64,158,255;--el-color-success-rgb:103,194,58;--el-color-warning-rgb:230,162,60;--el-color-danger-rgb:245,108,108;--el-color-error-rgb:245,108,108;--el-color-info-rgb:144,147,153;--el-font-size-extra-large:20px;--el-font-size-large:18px;--el-font-size-medium:16px;--el-font-size-base:14px;--el-font-size-small:13px;--el-font-size-extra-small:12px;--el-font-family:"Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;--el-font-weight-primary:500;--el-font-line-height-primary:24px;--el-index-normal:1;--el-index-top:1000;--el-index-popper:2000;--el-border-radius-base:4px;--el-border-radius-small:2px;--el-border-radius-round:20px;--el-border-radius-circle:100%;--el-transition-duration:.3s;--el-transition-duration-fast:.2s;--el-transition-function-ease-in-out-bezier:cubic-bezier(.645,.045,.355,1);--el-transition-function-fast-bezier:cubic-bezier(.23,1,.32,1);--el-transition-all:all var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier);--el-transition-fade:opacity var(--el-transition-duration) var(--el-transition-function-fast-bezier);--el-transition-md-fade:transform var(--el-transition-duration) var(--el-transition-function-fast-bezier),opacity var(--el-transition-duration) var(--el-transition-function-fast-bezier);--el-transition-fade-linear:opacity var(--el-transition-duration-fast) linear;--el-transition-border:border-color var(--el-transition-duration-fast) var(--el-transition-function-ease-in-out-bezier);--el-transition-box-shadow:box-shadow var(--el-transition-duration-fast) var(--el-transition-function-ease-in-out-bezier);--el-transition-color:color var(--el-transition-duration-fast) var(--el-transition-function-ease-in-out-bezier);--el-component-size-large:40px;--el-component-size:32px;--el-component-size-small:24px;color-scheme:light;--el-color-white:#fff;--el-color-black:#000;--el-color-primary:#409eff;--el-color-primary-light-3:#79bbff;--el-color-primary-light-5:#a0cfff;--el-color-primary-light-7:#c6e2ff;--el-color-primary-light-8:#d9ecff;--el-color-primary-light-9:#ecf5ff;--el-color-primary-dark-2:#337ecc;--el-color-success:#67c23a;--el-color-success-light-3:#95d475;--el-color-success-light-5:#b3e19d;--el-color-success-light-7:#d1edc4;--el-color-success-light-8:#e1f3d8;--el-color-success-light-9:#f0f9eb;--el-color-success-dark-2:#529b2e;--el-color-warning:#e6a23c;--el-color-warning-light-3:#eebe77;--el-color-warning-light-5:#f3d19e;--el-color-warning-light-7:#f8e3c5;--el-color-warning-light-8:#faecd8;--el-color-warning-light-9:#fdf6ec;--el-color-warning-dark-2:#b88230;--el-color-danger:#f56c6c;--el-color-danger-light-3:#f89898;--el-color-danger-light-5:#fab6b6;--el-color-danger-light-7:#fcd3d3;--el-color-danger-light-8:#fde2e2;--el-color-danger-light-9:#fef0f0;--el-color-danger-dark-2:#c45656;--el-color-error:#f56c6c;--el-color-error-light-3:#f89898;--el-color-error-light-5:#fab6b6;--el-color-error-light-7:#fcd3d3;--el-color-error-light-8:#fde2e2;--el-color-error-light-9:#fef0f0;--el-color-error-dark-2:#c45656;--el-color-info:#909399;--el-color-info-light-3:#b1b3b8;--el-color-info-light-5:#c8c9cc;--el-color-info-light-7:#dedfe0;--el-color-info-light-8:#e9e9eb;--el-color-info-light-9:#f4f4f5;--el-color-info-dark-2:#73767a;--el-bg-color:#fff;--el-bg-color-page:#f2f3f5;--el-bg-color-overlay:#fff;--el-text-color-primary:#303133;--el-text-color-regular:#606266;--el-text-color-secondary:#909399;--el-text-color-placeholder:#a8abb2;--el-text-color-disabled:#c0c4cc;--el-border-color:#dcdfe6;--el-border-color-light:#e4e7ed;--el-border-color-lighter:#ebeef5;--el-border-color-extra-light:#f2f6fc;--el-border-color-dark:#d4d7de;--el-border-color-darker:#cdd0d6;--el-fill-color:#f0f2f5;--el-fill-color-light:#f5f7fa;--el-fill-color-lighter:#fafafa;--el-fill-color-extra-light:#fafcff;--el-fill-color-dark:#ebedf0;--el-fill-color-darker:#e6e8eb;--el-fill-color-blank:#fff;--el-box-shadow:0px 12px 32px 4px #0000000a,0px 8px 20px #00000014;--el-box-shadow-light:0px 0px 12px #0000001f;--el-box-shadow-lighter:0px 0px 6px #0000001f;--el-box-shadow-dark:0px 16px 48px 16px #00000014,0px 12px 32px #0000001f,0px 8px 16px -8px #00000029;--el-disabled-bg-color:var(--el-fill-color-light);--el-disabled-text-color:var(--el-text-color-placeholder);--el-disabled-border-color:var(--el-border-color-light);--el-overlay-color:#000c;--el-overlay-color-light:#000000b3;--el-overlay-color-lighter:#00000080;--el-mask-color:#ffffffe6;--el-mask-color-extra-light:#ffffff4d;--el-border-width:1px;--el-border-style:solid;--el-border-color-hover:var(--el-text-color-disabled);--el-border:var(--el-border-width) var(--el-border-style) var(--el-border-color);--el-svg-monochrome-grey:var(--el-border-color)}.fade-in-linear-enter-active,.fade-in-linear-leave-active{transition:opacity .2s linear;transition:var(--el-transition-fade-linear)}.fade-in-linear-enter-from,.fade-in-linear-leave-to{opacity:0}.el-fade-in-linear-enter-active,.el-fade-in-linear-leave-active{transition:opacity .2s linear;transition:var(--el-transition-fade-linear)}.el-fade-in-linear-enter-from,.el-fade-in-linear-leave-to{opacity:0}.el-fade-in-enter-active,.el-fade-in-leave-active{transition:all .3s cubic-bezier(.55,0,.1,1);transition:all var(--el-transition-duration) cubic-bezier(.55,0,.1,1)}.el-fade-in-enter-from,.el-fade-in-leave-active{opacity:0}.el-zoom-in-center-enter-active,.el-zoom-in-center-leave-active{transition:all .3s cubic-bezier(.55,0,.1,1);transition:all var(--el-transition-duration) cubic-bezier(.55,0,.1,1)}.el-zoom-in-center-enter-from,.el-zoom-in-center-leave-active{opacity:0;transform:scaleX(0)}.el-zoom-in-top-enter-active,.el-zoom-in-top-leave-active{opacity:1;transform:scaleY(1);transform-origin:center top;transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transition:var(--el-transition-md-fade)}.el-zoom-in-top-enter-active[data-popper-placement^=top],.el-zoom-in-top-leave-active[data-popper-placement^=top]{transform-origin:center bottom}.el-zoom-in-top-enter-from,.el-zoom-in-top-leave-active{opacity:0;transform:scaleY(0)}.el-zoom-in-bottom-enter-active,.el-zoom-in-bottom-leave-active{opacity:1;transform:scaleY(1);transform-origin:center bottom;transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transition:var(--el-transition-md-fade)}.el-zoom-in-bottom-enter-from,.el-zoom-in-bottom-leave-active{opacity:0;transform:scaleY(0)}.el-zoom-in-left-enter-active,.el-zoom-in-left-leave-active{opacity:1;transform:scale(1);transform-origin:top left;transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transition:var(--el-transition-md-fade)}.el-zoom-in-left-enter-from,.el-zoom-in-left-leave-active{opacity:0;transform:scale(.45)}.collapse-transition{transition:height .3s ease-in-out,padding-top .3s ease-in-out,padding-bottom .3s ease-in-out;transition:var(--el-transition-duration) height ease-in-out,var(--el-transition-duration) padding-top ease-in-out,var(--el-transition-duration) padding-bottom ease-in-out}.el-collapse-transition-enter-active,.el-collapse-transition-leave-active{transition:max-height .3s ease-in-out,padding-top .3s ease-in-out,padding-bottom .3s ease-in-out;transition:var(--el-transition-duration) max-height ease-in-out,var(--el-transition-duration) padding-top ease-in-out,var(--el-transition-duration) padding-bottom ease-in-out}.horizontal-collapse-transition{transition:width .3s ease-in-out,padding-left .3s ease-in-out,padding-right .3s ease-in-out;transition:var(--el-transition-duration) width ease-in-out,var(--el-transition-duration) padding-left ease-in-out,var(--el-transition-duration) padding-right ease-in-out}.el-list-enter-active,.el-list-leave-active{transition:all 1s}.el-list-enter-from,.el-list-leave-to{opacity:0;transform:translateY(-30px)}.el-list-leave-active{position:absolute!important}.el-opacity-transition{transition:opacity .3s cubic-bezier(.55,0,.1,1);transition:opacity var(--el-transition-duration) cubic-bezier(.55,0,.1,1)}.el-icon-loading{animation:rotating 2s linear infinite}.el-icon--right{margin-left:5px}.el-icon--left{margin-right:5px}@keyframes rotating{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.el-icon{--color:inherit;align-items:center;display:inline-flex;height:1em;justify-content:center;line-height:1em;position:relative;width:1em;fill:currentColor;color:inherit;color:var(--color);font-size:inherit}.el-icon.is-loading{animation:rotating 2s linear infinite}.el-icon svg{height:1em;width:1em}@keyframes delayShowIt{0%{opacity:0;top:-20px}to{opacity:1;top:0}}.delay-show-it{animation:delayShowIt .6s ease-in-out;position:relative}.custom-select{-webkit-appearance:none;background:#fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right .75rem center;background-size:8px 10px;border-radius:.25rem;border-width:1px;height:calc(2.25rem + 2px);--tw-border-opacity:1;border-color:#ced4da;border-color:rgb(206 212 218/var(--tw-border-opacity,1));line-height:1.5rem;padding:.375rem 1.75rem .375rem .75rem;--tw-text-opacity:1;color:#495057;color:rgb(73 80 87/var(--tw-text-opacity,1))}.custom-select:focus{border-color:#4788cf;box-shadow:inset 0 1px 2px #00000014,0 0 5px #4788cf80}.input-group{align-items:stretch;display:flex;position:relative}@media (min-width:640px){.input-group{width:600px}}.input-group-prefix{border-bottom-left-radius:.25rem;border-top-left-radius:.25rem;white-space:nowrap;width:150px;--tw-bg-opacity:1;background-color:#e9ecef;background-color:rgb(233 236 239/var(--tw-bg-opacity,1));font-size:14px;text-align:center;--tw-text-opacity:1}.input-group-input,.input-group-prefix{color:#495057;color:rgb(73 80 87/var(--tw-text-opacity,1));line-height:1.5rem;padding:.375rem .75rem}.input-group-input{border-bottom-right-radius:0;border-top-right-radius:0;border-width:1px 1px 1px 0;flex:1 1 0%;margin-bottom:0;--tw-border-opacity:1;border-color:#ced4da;border-color:rgb(206 212 218/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:#fff;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));font-size:1rem;--tw-text-opacity:1}.input-group-input:focus{border-color:#4788cf;box-shadow:0 0 0 .2rem #1f497740}.input-group-suffix{font-style:italic;--tw-text-opacity:1;color:gray;color:rgb(128 128 128/var(--tw-text-opacity,1))}.input-group-btn{border-radius:.25rem;white-space:nowrap;--tw-bg-opacity:1;background-color:#1f4977;background-color:rgb(31 73 119/var(--tw-bg-opacity,1));line-height:150%;padding:.375rem .75rem;text-align:center;vertical-align:middle;--tw-text-opacity:1;color:#fff;color:rgb(255 255 255/var(--tw-text-opacity,1))}.input-group-btn:hover{--tw-bg-opacity:1;background-color:#173659;background-color:rgb(23 54 89/var(--tw-bg-opacity,1))}.input-group-btn:focus{box-shadow:0 0 0 .2rem #1f497780}.input-group-link{border-radius:.25rem;border-bottom-right-radius:0;border-top-right-radius:0;border-width:1px;flex:1 1 0%;position:relative;--tw-border-opacity:1;border-color:#eaeaea;border-color:rgb(234 234 234/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:#e9ecef;background-color:rgb(233 236 239/var(--tw-bg-opacity,1));font-size:11pt;line-height:150%;padding:.375rem .75rem;--tw-text-opacity:1;color:#495057;color:rgb(73 80 87/var(--tw-text-opacity,1))}.input-group-link:focus{border-color:#4788cf;box-shadow:0 0 0 .2rem #1f497740}.input-group-suffix-btn{border-width:1px;white-space:nowrap;--tw-border-opacity:1;border-color:#ced4da;border-color:rgb(206 212 218/var(--tw-border-opacity,1));line-height:150%;padding:.375rem .75rem;text-align:center;vertical-align:middle}.input-group-suffix-btn:hover{--tw-bg-opacity:1;background-color:#868e96;background-color:rgb(134 142 150/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:#fff;color:rgb(255 255 255/var(--tw-text-opacity,1))}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.two-line-ellipsis{-webkit-line-clamp:2}.three-line-ellipsis,.two-line-ellipsis{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical}.three-line-ellipsis{-webkit-line-clamp:3}.four-line-ellipsis{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:4}.Vue-Toastification__container{padding-top:86px}.Vue-Toastification__toast--success{background-color:#fff!important;color:#18a058}.Vue-Toastification__toast--info{background-color:#fff!important;color:#2080ff}.Vue-Toastification__toast--error{background-color:#fff!important;color:#d03050}.Vue-Toastification__toast--warning{background-color:#fff!important;color:#f0a020}.Vue-Toastification__toast-body{color:#333!important}.Vue-Toastification__close-button{color:#333}@font-face{font-family:Montserrat;font-style:normal;font-weight:400;src:url(../Montserrat-ExtraBoldItalic.otf)}.tools-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.tools-scrollbar::-webkit-scrollbar{width:3px}.tools-scrollbar::-webkit-scrollbar-thumb{background-color:#d5d5d5;border-radius:9999px}.tools-scrollbar::-webkit-scrollbar-thumb:hover{background-color:#555}:root{--el-dialog-padding-header:16px;--pagination-item-bg:#eee;--pagination-item-bg--active:#2080ff;--pagination-item-color:#000;--pagination-item-color--active:#fff;--pagination-item-border:transparent;--pagination-item-border--active:transparent}.el-dialog__header{padding:16px!important;padding:var(--el-dialog-padding-header)!important}.el-dialog__headerbtn{z-index:100}.el-input{--el-input-height:var(--el-custom-select-height)!important}@font-face{font-family:Montserrat;font-style:normal;font-weight:400;src:url(./Montserrat-SemiBold.e8dc4981.ttf)}.montserrat{font-family:Montserrat}.nav-toolbox-bread{color:#323233bf}.nav-toolbox-bread:hover{color:#323233}.nav-toolbox-tab-default{color:#323233bf}.nav-toolbox-tab-default:hover{color:#323233}.nav-toolbox-tab-visit{color:#111927;font-weight:600}.nav-toolbox-a-one-default{color:#3b82f6}.nav-toolbox-a-one-default:hover{color:#3b82f6;text-decoration-line:underline}.nav-toolbox-a-visit{color:#7367f0}.festival-type-fd{--tw-bg-opacity:1;background-color:#ecf5ff;background-color:rgb(236 245 255/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:#1878e8;color:rgb(24 120 232/var(--tw-text-opacity,1))}.festival-type-jnr{--tw-bg-opacity:1;background-color:#fff5d1;background-color:rgb(255 245 209/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:#eb8b33;color:rgb(235 139 51/var(--tw-text-opacity,1))}.festival-type-other{--tw-bg-opacity:1;background-color:#ddfae7;background-color:rgb(221 250 231/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:#01b655;color:rgb(1 182 85/var(--tw-text-opacity,1))}.n-date-panel-actions .n-button[type=button].n-button--primary-type{-webkit-appearance:button;background-color:transparent!important;background-color:var(--n-color,transparent)!important;background-image:none}.blur-enter-active,.blur-leave-active{transition:all .3s ease-in-out}.blur-enter-from,.blur-leave-to{filter:blur(.5rem);opacity:0}.error-container{flex-grow:1;justify-content:center}.error-container,.error-inner{align-items:center;display:flex}.error-inner{gap:70px}.error-img{width:400px}.error-option{display:flex;flex-direction:column;gap:38px}.error-message{color:#111827;font-weight:600;line-height:26px}.error-btn{background-color:#111827;border:none;border-radius:6px;color:#fff;font-size:15px;line-height:20px;padding:13px 18px;text-align:center}@media (max-width:768px){.error-img{max-width:50%}.error-inner{gap:20px}.error-btn{font-size:12px;line-height:20px;padding:10px}}#amz123-default-layout{display:flex;flex-direction:column;min-height:100vh}#amz123-body-main{display:flex;flex-direction:column;flex-grow:1}











.live-condition-more {
    align-items: center;
    border-radius: .375rem;
    -moz-column-gap: 6px;
    column-gap: 6px;
    display: flex;
    font-size: .875rem;
    line-height: 1.25rem;
    line-height: 18px;
    padding: 6px 8px
}

.el-popover {
    --el-popover-bg-color: var(--el-bg-color-overlay);
    --el-popover-font-size: var(--el-font-size-base);
    --el-popover-border-color: var(--el-border-color-lighter);
    --el-popover-padding: 12px;
    --el-popover-padding-large: 18px 20px;
    --el-popover-title-font-size: 16px;
    --el-popover-title-text-color: var(--el-text-color-primary);
    --el-popover-border-radius: 4px
}

.el-popover.el-popper {
    background: var(--el-popover-bg-color);
    border: 1px solid var(--el-popover-border-color);
    border-radius: var(--el-popover-border-radius);
    box-shadow: var(--el-box-shadow-light);
    box-sizing: border-box;
    color: var(--el-text-color-regular);
    font-size: var(--el-popover-font-size);
    line-height: 1.4;
    min-width: 150px;
    padding: var(--el-popover-padding);
    text-align: justify;
    word-break: break-all;
    z-index: var(--el-index-popper)
}

.el-popover.el-popper--plain {
    padding: var(--el-popover-padding-large)
}

.el-popover__title {
    color: var(--el-popover-title-text-color);
    font-size: var(--el-popover-title-font-size);
    line-height: 1;
    margin-bottom: 12px
}

.el-popover__reference:focus:hover,.el-popover__reference:focus:not(.focusing) {
    outline-width: 0
}

.el-popover.el-popper.is-dark {
    --el-popover-bg-color: var(--el-text-color-primary);
    --el-popover-border-color: var(--el-text-color-primary);
    --el-popover-title-text-color: var(--el-bg-color);
    color: var(--el-bg-color)
}

.el-popover.el-popper:focus,.el-popover.el-popper:focus:active {
    outline-width: 0
}

.calendar-content {
    position: relative
}

.calendar-content-title {
    font-size: 14px;
    line-height: 18px;
    --tw-text-opacity: 1;
    color: #3b82f6;
    color: rgb(59 130 246/var(--tw-text-opacity,1));
	display:flex;align-items: center;
}

.calendar-container {
    border-radius: 8px;
    display: flex;
    gap: 40px;
    --tw-bg-opacity: 1;
    background-color: #f8f9fa;
    background-color: rgb(248 249 250/var(--tw-bg-opacity,1));
    padding: 20px
}

.calendar-outer-title {
    align-items: center;
    display: flex;
    font-size: 14px;
    gap: 6px;
    justify-content: center;
    line-height: 18px;
    --tw-text-opacity: 1;
    color: #3b82f6;
    color: rgb(59 130 246/var(--tw-text-opacity,1))
}

.calendar-main {
    border-radius: 8px;
    min-width: 280px;
    position: absolute;
    top: 40px;
    z-index: 100;
    --tw-bg-opacity: 1;
    background-color: #fff;
    background-color: rgb(255 255 255/var(--tw-bg-opacity,1));
    box-shadow: 0 2px 8px #0000001a;
    padding: 20px 20px 18px
}

.calendar-trigger {
    align-items: center;
    border-radius: 4px;
    cursor: pointer;
    display: flex;
    gap: 6px;
    --tw-bg-opacity: 1;
    background-color: #eaf2ff;
    background-color: rgb(234 242 255/var(--tw-bg-opacity,1));
    font-size: 14px;
    padding: 6px 10px 6px 8px;
    --tw-text-opacity: 1;
    color: #3b82f6;
    color: rgb(59 130 246/var(--tw-text-opacity,1))
}

.calendar-header {
    align-items: center;
    display: flex;
    height: 20px;
    justify-content: space-between;
    margin-bottom: 8px
}

.calendar-title {
    align-items: center;
    display: flex;
    gap: 2px
}

.calendar-title .year {
    color: #323232;
    color: rgb(50 50 50/var(--tw-text-opacity,1));
    padding: 2px 8px
}

.calendar-title .month,.calendar-title .year {
    cursor: pointer;
    font-size: 15px;
    --tw-text-opacity: 1
}

.calendar-title .month {
    color: #3b82f6;
    color: rgb(59 130 246/var(--tw-text-opacity,1));
    margin-left: 8px
}

.calendar-nav {
    display: flex;
    gap: 10px
}

.nav-btn {
    align-items: center;
    border-radius: 4px;
    cursor: pointer;
    display: flex;
    height: 16px;
    justify-content: center;
    width: 16px
}

.nav-btn:hover {
    background: rgba(59,130,246,.2)
}

.week-header {
    display: grid;
    grid-template-columns: repeat(7,1fr);
    margin-bottom: 2px
}

.week-day {
    font-size: 12px;
    font-weight: 500;
    line-height: 20px;
    padding: 12px 16px;
    --tw-text-opacity: 1;
    color: #b3b3b3;
    color: rgb(179 179 179/var(--tw-text-opacity,1));
    font-family: PingFang SC
}

.date-grid {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(7,1fr);
    row-gap: 24px
}

.date-cell {
    align-items: center;
    aspect-ratio: 1;
    border-radius: 24px;
    color: #333;
    color: rgb(51 51 51/var(--tw-text-opacity,1));
    display: flex;
    font-size: 14px;
    height: 24px;
    justify-content: center;
    padding: 3px 8px;
    position: relative;
    width: 34px
}

.date-cell,.date-cell.has-dot:hover {
    --tw-text-opacity: 1
}

.date-cell.has-dot:hover {
    background-color: #3b82f633;
    color: #3b82f6;
    color: rgb(59 130 246/var(--tw-text-opacity,1));
    cursor: pointer
}

.date-cell.no-live {
    cursor: not-allowed
}

.date-cell.other-month {
    color: #d9d9d9;
    cursor: default
}

.date-cell.other-month:hover {
    background: none
}

.date-cell.selected {
    border-radius: 12px;
    --tw-bg-opacity: 1;
    background-color: #3b82f6;
    background-color: rgb(59 130 246/var(--tw-bg-opacity,1));
    font-size: 14px;
    padding: 8px 3px;
    --tw-text-opacity: 1;
    color: #fff;
    color: rgb(255 255 255/var(--tw-text-opacity,1))
}

.date-cell.has-dot .dot {
    background-color: #1890ff;
    background-color: rgb(24 144 255/var(--tw-bg-opacity,1));
    border-radius: 9999px;
    bottom: -7px;
    height: 4px;
    left: 50%;
    position: absolute;
    transform: translate(-50%);
    width: 4px
}

.date-cell.has-dot .dot,.today-section {
    --tw-bg-opacity: 1
}

.today-section {
    background-color: #f4f8ff;
    background-color: rgb(244 248 255/var(--tw-bg-opacity,1));
    border-radius: 4px;
    cursor: pointer;
    font-size: 13px;
    margin-top: 16px;
    --tw-text-opacity: 1;
    color: #3b82f6;
    color: rgb(59 130 246/var(--tw-text-opacity,1));
    text-align: center
}

.today-btn {
    line-height: 17px;
    padding-bottom: 10px;
    padding-top: 10px
}

.today-section:hover {
    background: #3b82f6;
    color: #fff
}

.year-selector {
    border-radius: 8px;
    border-width: 1px;
    left: 0;
    position: absolute;
    right: 0;
    top: 60px;
    z-index: 200;
    --tw-border-opacity: 1;
    border-color: #e0e0e0;
    border-color: rgb(224 224 224/var(--tw-border-opacity,1));
    --tw-bg-opacity: 1;
    background-color: #fff;
    background-color: rgb(255 255 255/var(--tw-bg-opacity,1));
    box-shadow: 0 4px 12px #00000026;
    padding: 16px
}

.year-selector-header {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 12px
}

.year-range {
    font-size: 14px;
    font-weight: 500;
    --tw-text-opacity: 1;
    color: #333;
    color: rgb(51 51 51/var(--tw-text-opacity,1))
}

.year-grid {
    display: grid;
    gap: 8px;
    grid-template-columns: repeat(4,1fr)
}

.year-cell {
    align-items: center;
    border: 1px solid transparent;
    border-radius: 4px;
    cursor: pointer;
    display: flex;
    font-size: 14px;
    justify-content: center;
    padding: 12px 8px;
    transition: all .2s
}

.year-cell:hover {
    background-color: #f0f0f0
}

.year-cell.selected {
    --tw-border-opacity: 1;
    border-color: #3b82f6;
    border-color: rgb(59 130 246/var(--tw-border-opacity,1));
    --tw-bg-opacity: 1;
    background-color: #3b82f6;
    background-color: rgb(59 130 246/var(--tw-bg-opacity,1));
    --tw-text-opacity: 1;
    color: #fff;
    color: rgb(255 255 255/var(--tw-text-opacity,1))
}

.live-selected-close {
	display:block;
    cursor: pointer;
    height: 12px;
    max-height: 12px;
    max-width: 12px;
    min-height: 12px;
    min-width: 12px;
    width: 12px
}
.live-selected-close img{width:100%;}
.fade-enter-active,.fade-leave-active {
    transition: all .5s ease
}

.fade-enter-from,.fade-leave-to {
    opacity: 0;
    transform: translateY(-10px)
}

.live-clean-popover {
    height: 32px;
    margin-bottom: 0!important;
    max-width: 74px!important;
    min-width: 74px!important;
    width: 74px!important;
    --el-popover-title-font-size: 14px!important;
    --el-popover-padding: 8px!important
}

.live-clean-popover .el-popover__title {
    height: 14px;
    max-width: 56px!important;
    min-width: 56px!important;
    width: 56px!important
}

.live-conditions-wrapper {
    background: #fff;
    border-radius: 6px;
    box-shadow: 0 0 16px #1055bd1a;
    padding: 9px 20px 8px
}

.live-every-condition {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.live-condition-content {
    -moz-column-gap: 11px;
    column-gap: 11px;
    display: flex;
    flex: 1 1 0%
}

.live-condition-detail {
    align-items: center;
    -moz-column-gap: 20px;
    column-gap: 20px;
    display: flex
}

.live-condition-title {
    flex: none;
    font-weight: 600;
    line-height: 19px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 56px;
    --tw-text-opacity: 1;
    color: #555;
    color: rgb(85 85 85/var(--tw-text-opacity,1));
    -moz-text-align-last: justify;
    text-align-last: justify
}

.live-condition-label,.live-condition-title {
    font-size: 14px
}

.live-condition-label {
    align-items: center;
    -moz-column-gap: 6px;
    column-gap: 6px;
    cursor: pointer;
    display: flex;
    font-weight: 400;
    line-height: 21px
}

.live-condition-label:hover {
    --tw-text-opacity: 1;
    color: #3b82f6;
    color: rgb(59 130 246/var(--tw-text-opacity,1))
}

.live-condition-line {
    height: 1px;
    width: 100%;
    --tw-bg-opacity: 1;
    background-color: #f5f5f5;
    background-color: rgb(245 245 245/var(--tw-bg-opacity,1))
}

.live-condition-search {
    align-items: center;
    border-radius: .375rem;
    -moz-column-gap: 8px;
    column-gap: 8px;
    display: flex;
    width: 194px;
    --tw-bg-opacity: 1;
    background-color: #fff;
    background-color: rgb(255 255 255/var(--tw-bg-opacity,1));
    box-shadow: 0 0 16px #1055bd0f;
    padding: 8px 12px
}

.live-search-input {
    flex-grow: 1;
    font-size: 14px;
    height: 19px;
    outline: none;
    width: 120px
}

.live-search-clear {
    cursor: pointer;
    height: 16px;
    max-height: 16px;
    max-width: 16px;
    min-height: 16px;
    min-width: 16px;
    width: 16px
}

.platform-condition,.themes-condition {
    height: 32px;
    line-height: 32px
}
.typelist.active, .typelist.active{
	height:auto!important;
}

.live-platform-content {
    align-items: flex-start;
    -moz-column-gap: 24px;
    column-gap: 24px;
    flex-wrap: wrap;
    overflow: hidden;
    row-gap: 16px
}

.live-multiple-buttons,.live-platform-content {
    display: flex
}

.live-multiple-buttons {
    align-items: center;
    -moz-column-gap: 8px;
    column-gap: 8px;
    font-size: .75rem;
    line-height: 1rem;
    line-height: 20px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 12px;
    width: -moz-fit-content;
    width: fit-content
}

.live-multiple-cancel {
    border-radius: .25rem;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: #f2f3f5;
    border-color: rgb(242 243 245/var(--tw-border-opacity,1));
    padding: 1px 15px;
    --tw-text-opacity: 1;
    color: #4e5969;
    color: rgb(78 89 105/var(--tw-text-opacity,1))
}

.live-multiple-cancel:hover {
    --tw-border-opacity: 1;
    border-color: #3b82f6;
    border-color: rgb(59 130 246/var(--tw-border-opacity,1))
}

.live-multiple-confirm {
    border-radius: .25rem;
    --tw-bg-opacity: 1;
    background-color: #3b82f6;
    background-color: rgb(59 130 246/var(--tw-bg-opacity,1));
    padding: 2px 15px;
    --tw-text-opacity: 1;
    color: #fff;
    color: rgb(255 255 255/var(--tw-text-opacity,1))
}

.live-multiple-confirm:hover {
    --tw-bg-opacity: 1;
    background-color: #1c70fa;
    background-color: rgb(28 112 250/var(--tw-bg-opacity,1))
}

.live-list-style {
    border-radius: 100px;
    box-shadow: 0 0 10px #1055bd14;
    font-size: .875rem;
    line-height: 1.25rem;
    line-height: 20px;
    padding: 4px
}

.live-list-style,.live-operate-box {
    align-items: center;
    display: flex
}

.live-operate-box {
    -moz-column-gap: 8px;
    column-gap: 8px;
    height: -moz-fit-content;
    height: fit-content
}
.live-operate-box.active .rotate-0{transform: rotate(180deg);}

.live-time-wrapper {
    align-items: center;
    display: flex;
    justify-content: space-between
}

 .live-time-wrapper .el-input__prefix {
    display: none
}

.live-time-box {
    align-items: center;
    -moz-column-gap: 11px;
    column-gap: 11px;
    display: flex
}

.live-time-box .el-input__wrapper {
    width: 194px
}

.live-list-style-item {
    border-radius: 100px;
    cursor: pointer;
    padding: 4px 10px
}

.live-condition-row {
    -moz-column-gap: 34px;
    column-gap: 34px;
    display: flex
}

.live-option,.live-selected-wrap {
    align-items: center;
    display: flex
}

.live-selected-wrap {
    flex-wrap: wrap;
    gap: 6px
}

.live-selected-tag {
    align-items: center;
    border-radius: 4px;
    border-width: 1px;
    display: flex;
    gap: 6px;
    --tw-border-opacity: 1;
    border-color: #3b82f6;
    border-color: rgb(59 130 246/var(--tw-border-opacity,1));
    --tw-bg-opacity: 1;
    background-color: #eaf2ff;
    background-color: rgb(234 242 255/var(--tw-bg-opacity,1));
    font-size: 14px;
    padding: 4px 8px;
    --tw-text-opacity: 1;
    color: #3b82f6;
    color: rgb(59 130 246/var(--tw-text-opacity,1))
}

.live-selected-close {
    cursor: pointer;
    height: 12px;
    max-height: 12px;
    max-width: 12px;
    min-height: 12px;
    min-width: 12px;
    width: 12px
}

.live-selected-clear {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAMAAADVRocKAAAAM1BMVEUAAAD/a2v/bGz/amr/cHD/bW3/bm7/bGz/bW3/bW3/bm7/bW3/bGz/amr/a2v/bGz/bW3AcWWHAAAAEHRSTlMAYMAgEKDfQO/QgLCvMHCQsVmHnAAAAOdJREFUaN7t18uugzAMRVHHzotAe/3/X3tToUKhg4bUlfo4a+QB0pYRIkAAAAA/xssNT9Y868YgZCvoTiBToneS9QJ7bL/AwFfmK/DurgfjFZxeCC3k2RVkK2o1yY2gVZQtanXK2iWeqE3UTpmaeO3mW5+ZTiO1kcDVoFXkh9brij/+bLpj1yGAwLcHzlOQefJ/7OwDbj1ipjqezQOslV9ehuNrArIcZ4wAAggggAACLwmMWs1jNj7R1t+eMo9FNYt5gMSl65ic/8TvIgQQ+NnAwA/F/kCjtw0kPSBRh6KtciEAAAB4zj9NBELpe6G8LQAAAABJRU5ErkJggg==);
    background-size: cover;
    cursor: pointer;
    height: 24px;
    margin-top: 3px;
    transition: background-image .3s ease;
    width: 24px
}

.live-selected-clear:hover {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAMAAADVRocKAAAAVFBMVEUAAAD/9fX/8/P/8/P/9PT/9PT/9PT/9PT/8vL/9PT/8/P/8/P/9PT/9PT/MzP/q6v/Y2P/3Nz/6Oj/e3v/xMT/b2//S0v/kZH/Pz//V1f/0ND/oKAtT0BAAAAADXRSTlMA3yAQ76CQz2CPMNBg5g8/9gAAAY5JREFUaN7t2ttygjAQgOGFJIjVXZJw1vd/z9LMeIhcmNLdTq35rrxg+F3GESWBG1WbncYf0ztTK1grK418TAkxtUdm+2iKskB2xd0QHwUKKD7k3n88gypQSKFCYI9i9uECoaASAAwKqgAUStIKahRVg0FRBnYoagcaRWlAYe8U8O6OZw94S5HZMQdaetDyBhytdKyBllYsRyAeYLYX0QgcgXDG9mEgyxdo6It7nKjbHnCxgRa9uxNGGFwsOXCaaJPhlBgYaKMpLeBpM582gaWNekwLuNYu5nBZ7VO340afEog/mw1eJB2XAznw3wPnvnUY+NE2/IHmdovpiejMHrC08Ncvw14m4K63M5sDOZADOZADOSAS6GmBwSRxRwt/e0YMRqLJsQfQNd3lZdf4V/xdlAM58LaB2T41bA8k+rOBjr6h2xDAkVJN40s8u37fgEZRWnyRSH6Zq0ZRR1AaJSmACgWZX1juFR2hkl9yl980IL/tQX7jRqAqZFYpiJUG+eiqhDV1NAfNcPJDtP3nE47A0lK7m8C4AAAAAElFTkSuQmCC)
}

.live-condition-time {
    align-items: center;
    display: flex;
    font-size: 14px;
    gap: 24px;
    --tw-text-opacity: 1;
    color: #777;
    color: rgb(119 119 119/var(--tw-text-opacity,1))
}

.live-time-text {
    cursor: pointer;
    font-size: 14px
}

.live-time-text:hover {
    --tw-text-opacity: 1;
    color: #3b82f6;
    color: rgb(59 130 246/var(--tw-text-opacity,1))
}

.live-list-top{
    border-radius: 6px;
    box-shadow: 0 2px 16px #1055bd1a;
    padding: 8px 8px 21px;
    position: relative;
    transition-duration: .15s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    width: 418px
}

.live-list-top:hover {
    box-shadow: 0 7px 15px #0000001a;
    transform: translateY(-3px)
}

.list-top-title{
    display: -webkit-box;
    margin-top: 16px;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    height: 48px;
    line-height: 24px;
    padding-left: 8px;
    padding-right: 8px
}

.list-top-info-container{
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
    padding-left: 8px;
    padding-right: 8px
}

.list-top-img{
    border-radius: .25rem;
    height: 225px;
    width: 100%
}

.list-top-carousel{
    -moz-column-gap: 18px;
    column-gap: 18px;
    display: flex;
    transition-duration: .8s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    width: -moz-fit-content;
    width: fit-content
}

.hot-live-status{
    bottom: 6px;
    left: 6px;
    position: absolute
}

.no-data-content{
    display: flex;
    gap: 22px;
    justify-content: center;
    margin-bottom: 32px;
    margin-top: 36px
}

.no-data-img{
    height: 48px;
    max-height: 48px;
    max-width: 61px;
    min-height: 48px;
    min-width: 61px;
    width: 61px
}

.no-data-text{
    display: flex;
    flex-direction: column;
    gap: 6px;
    justify-content: center
}

.no-data-title{
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    --tw-text-opacity: 1;
    color: #333;
    color: rgb(51 51 51/var(--tw-text-opacity,1));
    font-family: PingFang SC
}

.no-data-subtitle{
    font-size: 15px;
    --tw-text-opacity: 1;
    color: #666;
    color: rgb(102 102 102/var(--tw-text-opacity,1));
    font-family: PingFang SC
}

.hot-data-title{
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 4px;
    --tw-text-opacity: 1;
    color: #1a1a1a;
    color: rgb(26 26 26/var(--tw-text-opacity,1))
}

.list-normal-container{
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(1,minmax(0,1fr));
    margin-top: 16px
}

@media (min-width: 640px) {
    .list-normal-container{
        grid-template-columns:repeat(2,minmax(0,1fr))
    }
}

@media (min-width: 1024px) {
    .list-normal-container{
        grid-template-columns:repeat(3,minmax(0,1fr))
    }
}

.list-normal-item{
    border-radius: .375rem;
    box-shadow: 0 2px 16px #1055bd1a;
    padding: 8px 8px 16px;
    position: relative;
    transition-duration: .15s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4,0,.2,1)
}

.list-normal-item:hover {
    box-shadow: 0 7px 15px #0000001a;
    transform: translateY(-3px)
}

.list-normal-img{
    border-radius: 2px;
    height: 152px;
    width: 100%
}

.list-normal-status{
    bottom: 6px;
    left: 6px;
    position: absolute
}

.list-normal-name{
    display: -webkit-box;
    margin-top: 6px;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    font-size: 16px;
    height: 48px;
    line-height: 24px;
    padding-left: 8px;
    padding-right: 8px;
    --tw-text-opacity: 1;
    color: #1a1a1a;
    color: rgb(26 26 26/var(--tw-text-opacity,1))
}

.list-normal-bottom{
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-top: 16px;
    padding-left: 8px;
    padding-right: 8px
}

.list-normal-bottom-left{
    align-items: center;
    -moz-column-gap: 6px;
    column-gap: 6px;
    display: flex
}

.list-normal-time{
    font-size: .875rem;
    line-height: 1.25rem;
    --tw-text-opacity: 1;
    color: #999;
    color: rgb(153 153 153/var(--tw-text-opacity,1))
}

.list-normal-container {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(1,minmax(0,1fr));
    margin-top: 16px
}

@media (min-width: 640px) {
    .list-normal-container {
        grid-template-columns:repeat(2,minmax(0,1fr))
    }
}

@media (min-width: 1024px) {
    .list-normal-container {
        grid-template-columns:repeat(3,minmax(0,1fr))
    }
}

.list-normal-item {
    border-radius: .375rem;
    box-shadow: 0 2px 16px #1055bd1a;
    padding: 8px 8px 16px;
    position: relative;
    transition-duration: .15s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4,0,.2,1)
}

.list-normal-item:hover {
    box-shadow: 0 7px 15px #0000001a;
    transform: translateY(-3px)
}

.list-normal-name {
    display: -webkit-box;
    margin-top: 6px;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    font-size: 16px;
    height: 48px;
    line-height: 24px;
    padding-left: 8px;
    padding-right: 8px;
    --tw-text-opacity: 1;
    color: #1a1a1a;
    color: rgb(26 26 26/var(--tw-text-opacity,1))
}

.list-normal-bottom {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-top: 16px;
    padding-left: 8px;
    padding-right: 8px
}

.list-normal-bottom-left {
    align-items: center;
    -moz-column-gap: 6px;
    column-gap: 6px;
    display: flex
}

.list-normal-time {
    font-size: .875rem;
    line-height: 1.25rem;
    --tw-text-opacity: 1;
    color: #999;
    color: rgb(153 153 153/var(--tw-text-opacity,1))
}

.list-normal-img {
    border-radius: 2px;
    height: 152px;
    width: 100%
}

.list-normal-pagination {
    margin-left: auto;
    margin-right: auto;
    margin-top: 24px;
    width: -moz-fit-content;
    width: fit-content
}

.list-normal-status {
    bottom: 6px;
    left: 6px;
    position: absolute
}

.list-pagination-box {
    align-items: center;
    cursor: pointer;
    display: flex
}

.list-pagination-btn {
    border-radius: 5px;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: #e6e6ea;
    border-color: rgb(230 230 234/var(--tw-border-opacity,1));
    font-size: 14px;
    line-height: 20px;
    padding: 10px 44px;
    --tw-text-opacity: 1;
    color: #8c8c8c;
    color: rgb(140 140 140/var(--tw-text-opacity,1))
}

.list-pagination-btn:hover {
    --tw-bg-opacity: 1;
    background-color: #0f47f2;
    background-color: rgb(15 71 242/var(--tw-bg-opacity,1));
    --tw-text-opacity: 1;
    color: #fff;
    color: rgb(255 255 255/var(--tw-text-opacity,1))
}

.live-calendar-container {
    position: relative;
    z-index: 10
}

.live-calendar-line {
    border-left: 1px #757575;
    border-style: dashed;
    height: calc(100% - 13px);
    left: 4.5px;
    position: absolute;
    top: 13px;
    width: 1px
}

.live-calendar-point {
    border-radius: 9999px;
    border-width: 2px;
    height: 10px;
    width: 10px;
    --tw-border-opacity: 1;
    border-color: #323233;
    border-color: rgb(50 50 51/var(--tw-border-opacity,1));
    --tw-bg-opacity: 1;
    background-color: #fff;
    background-color: rgb(255 255 255/var(--tw-bg-opacity,1))
}

.live-calendar-time {
    font-size: 24px;
    font-weight: 600;
    line-height: 32px;
    margin-left: 20px;
    margin-right: 10px;
    --tw-text-opacity: 1;
    color: #323233;
    color: rgb(50 50 51/var(--tw-text-opacity,1))
}

.live-calendar-week {
    border-radius: .25rem;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: #ccc;
    border-color: rgb(204 204 204/var(--tw-border-opacity,1));
    font-size: 16px;
    line-height: 21px;
    padding: 2px 6px;
    --tw-text-opacity: 1;
    color: #4b4b4d;
    color: rgb(75 75 77/var(--tw-text-opacity,1))
}

.live-calendar-node {
    align-items: center;
    display: flex;
    position: relative
}

.list-pagination-box {
    align-items: center;
    cursor: pointer;
    display: flex;
    justify-content: center;
    margin: 1.5rem auto
}

.list-pagination-btn {
    border-radius: 5px;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: #e6e6ea;
    border-color: rgb(230 230 234/var(--tw-border-opacity,1));
    font-size: 14px;
    line-height: 20px;
    padding: 10px 44px;
    --tw-text-opacity: 1;
    color: #8c8c8c;
    color: rgb(140 140 140/var(--tw-text-opacity,1))
}

.list-pagination-btn:hover {
    --tw-bg-opacity: 1;
    background-color: #0f47f2;
    background-color: rgb(15 71 242/var(--tw-bg-opacity,1));
    --tw-text-opacity: 1;
    color: #fff;
    color: rgb(255 255 255/var(--tw-text-opacity,1))
}

.live-home-wrapper {
	display:block;
    margin-bottom: 66px;
    margin-top: 24px;
    width: 100%
}

.no-data-content {
    display: flex;
    gap: 22px;
    justify-content: center;
    margin-bottom: 32px;
    margin-top: 36px
}

.no-data-img {
    height: 48px;
    max-height: 48px;
    max-width: 61px;
    min-height: 48px;
    min-width: 61px;
    width: 61px
}

.no-data-text {
    display: flex;
    flex-direction: column;
    gap: 6px;
    justify-content: center
}

.no-data-title {
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    --tw-text-opacity: 1;
    color: #333;
    color: rgb(51 51 51/var(--tw-text-opacity,1));
    font-family: PingFang SC
}

.no-data-subtitle {
    font-size: 15px;
    --tw-text-opacity: 1;
    color: #666;
    color: rgb(102 102 102/var(--tw-text-opacity,1));
    font-family: PingFang SC
}









.living-icon-container {
    align-items: flex-end;
    -moz-column-gap: 3px;
    column-gap: 3px;
    display: flex;
    height: 13px;
    justify-content: center;
    padding-bottom: 1.63px;
    padding-top: 1.63px;
    width: 13px
}

.living-left {
    animation: left-animation-ee5a4983 1s linear infinite;
    background: #fff;
    height: 6.5px;
    width: 1px
}

.living-center {
    animation: center-animation-ee5a4983 1s linear infinite;
    background: #fff;
    height: 9.75px;
    width: 1px
}

.living-right {
    animation: right-animation-ee5a4983 1s linear infinite;
    background: #fff;
    height: 3.25px;
    width: 1px
}

@keyframes left-animation-ee5a4983 {
    0% {
        height: 6.5px
    }

    25% {
        height: 9.75px
    }

    50% {
        height: 6.5px
    }

    75% {
        height: 3.25px
    }

    to {
        height: 6.5px
    }
}

@keyframes center-animation-ee5a4983 {
    0% {
        height: 9.75px
    }

    25% {
        height: 6.5px
    }

    50% {
        height: 3.25px
    }

    75% {
        height: 6.5px
    }

    to {
        height: 9.75px
    }
}

@keyframes right-animation-ee5a4983 {
    0% {
        height: 3.25px
    }

    25% {
        height: 6.5px
    }

    50% {
        height: 9.75px
    }

    75% {
        height: 6.5px
    }

    to {
        height: 3.25px
    }
}

.list-status-label {
    align-items: center;
    border-radius: .25rem;
    display: flex;
    flex: none;
    font-size: .75rem;
    font-weight: 500;
    height: -moz-fit-content;
    height: fit-content;
    line-height: 1rem;
    padding: .25rem 6px;
    width: -moz-fit-content;
    width: fit-content
}

.live-status-apply {
    background: #d4fb00;
    color: #000
}

.living-status {
    background: #ff611d;
    color: #fff
}

.live-status-playback {
    background: #3ff3ff;
    color: #000
}

.live-status-end {
    background: #acb2b6;
    color: #fff
}











.carousel-content{
    display: none;
    height: 17.3958333333vw;
    position: relative;
    transition-duration: .5s;
    width: 100%
}

@media (min-width: 640px) {
    .carousel-content{
        display:block
    }
}

.top-carousel-img{
    height: 17.3958333333vw;
    width: 100%
}

.carousel-arrow-button{
    background: rgba(17,24,39,.25);
    border-radius: 9999px;
    padding: 8px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.carousel-arrow-button:hover {
    background: rgba(17,24,39,.4)
}

.carousel-points-wrapper{
    align-items: center;
    bottom: 16px;
    -moz-column-gap: 4px;
    column-gap: 4px;
    display: flex;
    position: absolute;
    right: 68px
}

.carousel-point-item{
    border-radius: 30px;
    cursor: pointer;
    height: 8px;
    transition-duration: .5s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4,0,.2,1)
}

.carousel-point-active{
    width: 22px;
    --tw-bg-opacity: 1;
    background-color: #fff;
    background-color: rgb(255 255 255/var(--tw-bg-opacity,1))
}

.carousel-point-normal{
    background-color: #fff9;
    width: 8px
}

.lives-content-wrapper {
    -moz-column-gap: 22px;
    column-gap: 22px;
    display: flex;
    margin-left: auto;
    margin-right: auto;
    max-width: 1200px
}







.modal-qrcode-wrapper {
    background: #fff;
    border-radius: 10px;
    height: 302px;
    margin: 0 auto;
    position: relative;
    width: 306px
}

.modal-qrcode-inner {
    background: linear-gradient(180deg,#d9e2ff,hsla(0,0%,100%,0));
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    padding: 30px 35px;
    width: 100%
}

.modal-qrcode-title {
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
    text-align: center;
    --tw-text-opacity: 1;
    color: #002f85;
    color: rgb(0 47 133/var(--tw-text-opacity,1))
}

.modal-qrcode-img {
    height: 136px;
    margin-left: auto;
    margin-right: auto;
    width: 136px
}

.modal-qrcode-button-container {
    margin: 0 auto;
    width: -moz-fit-content;
    width: fit-content
}

.modal-qrcode-button {
    border-radius: .375rem;
    font-size: .875rem;
    line-height: 1.25rem;
    line-height: 18px;
    margin-top: 24px;
    padding-bottom: 9px;
    padding-top: 9px;
    width: 148px;
    --tw-text-opacity: 1;
    background: linear-gradient(269.68deg,rgba(64,103,242,.8),#4067f2 .01%,#377bff 99.89%);
    color: #fff;
    color: rgb(255 255 255/var(--tw-text-opacity,1))
}

.modal-qrcode-button:hover {
    background: linear-gradient(269.68deg,#333bff,#226dff 99.89%)
}

.live-cooperate-container-img {
    cursor: pointer;
    height: 26px;
    opacity: .7;
    position: absolute;
    right: 10px;
    top: 10px;
    width: 26px
}

.modal-qrcode-refresh {
    border-radius: 4px;
    font-size: 15px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    padding-bottom: 6px;
    padding-top: 6px;
    width: 136px;
    --tw-text-opacity: 1;
    background: linear-gradient(269.68deg,rgba(64,103,242,.8),#4067f2 .01%,#377bff 99.89%);
    color: #fff;
    color: rgb(255 255 255/var(--tw-text-opacity,1))
}

.condition-checkbox input[type=radio] {
    display: none
}

.condition-radio-layer {
    background: #fff;
    border: 1px solid #bfbfbf;
    border-radius: 4px;
    cursor: pointer;
    display: block;
    height: 14px;
    width: 14px
}

.condition-radio-layer:hover {
    border: 1px solid #3b82f6
}

.checkbox-radio-point {
    background: #3b82f6;
    display: none;
    height: 8px;
    transition: display .6s;
    width: 8px
}

.condition-checkbox input[type=radio]:checked~.condition-radio-layer {
    background: #3b82f6;
    border: 1px solid #3b82f6;
    position: relative
}

.condition-checkbox input[type=radio]:checked~.condition-radio-layer:after {
    background-image: url(./confirm.dcfc5485.svg);
    background-size: 9px 7px;
    content: "";
    height: 7px;
    left: 1.5px;
    position: absolute;
    top: 2.5px;
    width: 9px
}

.condition-checkbox input[type=radio]:checked~.condition-radio-layer .checkbox-radio-point {
    display: block
}

.condition-radio-layer-large {
    background: #fff;
    border: 1px solid #bfbfbf;
    border-radius: 4px;
    cursor: pointer;
    display: block;
    height: 16px;
    width: 16px
}

.condition-radio-layer-large:hover {
    border: 1px solid #3b82f6
}

.condition-checkbox input[type=radio]:checked~.condition-radio-layer-large {
    background: #3b82f6;
    border: 1px solid #3b82f6;
    position: relative
}

.condition-checkbox input[type=radio]:checked~.condition-radio-layer-large:after {
    background-image: url(./confirm.dcfc5485.svg);
    background-size: 9px 7px;
    content: "";
    height: 7px;
    left: 2.5px;
    position: absolute;
    top: 3.5px;
    width: 9px
}

.condition-checkbox input[type=radio]:checked~.condition-radio-layer-large .checkbox-radio-point {
    display: block
}

.guide-wrapper {
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    height: 727px;
    position: relative;
    width: 978px;
    --tw-bg-opacity: 1;
    background-color: #fff;
    background-color: rgb(255 255 255/var(--tw-bg-opacity,1))
}

.guide-header {
    border-bottom-width: 1px;
    flex: none;
    margin-left: 26px;
    margin-right: 26px;
    --tw-border-opacity: 1;
    border-color: #ededed;
    border-color: rgb(237 237 237/var(--tw-border-opacity,1));
    padding-bottom: 20px;
    padding-top: 26px
}

.guide-header-title {
    font-size: 20px;
    font-weight: 600;
    text-align: center;
    --tw-text-opacity: 1;
    color: #08090a;
    color: rgb(8 9 10/var(--tw-text-opacity,1))
}

.guide-header-subtitle {
    font-size: .875rem;
    line-height: 1.25rem;
    line-height: 20px;
    text-align: center;
    --tw-text-opacity: 1;
    color: #999;
    color: rgb(153 153 153/var(--tw-text-opacity,1))
}

.guide-header-close {
    cursor: pointer;
    position: absolute;
    right: 26px;
    top: 20px
}

.guide-point {
    background: linear-gradient(269.68deg,rgba(64,103,242,.72),rgba(64,103,242,.898) .01%,rgba(55,123,255,.898) 99.89%);
    border-radius: 47px;
    height: 10px;
    width: 4px
}

.guide-category {
    align-items: center;
    -moz-column-gap: 7px;
    column-gap: 7px;
    display: flex;
    margin-bottom: 14px;
    margin-top: 24px
}

.guide-category-name {
    font-size: 18px;
    font-weight: 600;
    line-height: 25px;
    --tw-text-opacity: 1;
    color: #1a1a1a;
    color: rgb(26 26 26/var(--tw-text-opacity,1))
}

.guide-data {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(3,minmax(0,1fr))
}

.guide-data-item {
    align-items: center;
    border-radius: .375rem;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    --tw-bg-opacity: 1;
    background-color: #f8f9fa;
    background-color: rgb(248 249 250/var(--tw-bg-opacity,1));
    padding: 12px
}

.guide-data-item:hover {
    --tw-bg-opacity: 1;
    background-color: #f2f3f4;
    background-color: rgb(242 243 244/var(--tw-bg-opacity,1))
}

.guide-data-left {
    -moz-column-gap: 12px;
    column-gap: 12px;
    display: flex
}

.guide-data-img {
    border-radius: .375rem;
    border-width: 1px;
    height: 44px;
    width: 44px;
    --tw-border-opacity: 1;
    border-color: #f1f3f7;
    border-color: rgb(241 243 247/var(--tw-border-opacity,1))
}

.guide-data-info {
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.guide-data-name {
    font-size: .875rem;
    line-height: 1.25rem;
    line-height: 18px;
    --tw-text-opacity: 1;
    color: #333;
    color: rgb(51 51 51/var(--tw-text-opacity,1))
}

.guide-data-number {
    font-size: .75rem;
    line-height: 1rem;
    line-height: 16px;
    --tw-text-opacity: 1;
    color: #999;
    color: rgb(153 153 153/var(--tw-text-opacity,1))
}

.guide-bottom {
    background: #fff;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
    box-shadow: 0 -3px 12px #00000005;
    -moz-column-gap: 14px;
    column-gap: 14px;
    display: flex;
    flex: none;
    justify-content: center;
    padding: 20px 0
}

.guide-bottom-cancel {
    border-radius: .25rem;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: #3b82f6;
    border-color: rgb(59 130 246/var(--tw-border-opacity,1));
    --tw-bg-opacity: 1;
    background-color: #fff;
    background-color: rgb(255 255 255/var(--tw-bg-opacity,1));
    font-size: .875rem;
    line-height: 1.25rem;
    line-height: 18px;
    padding: 6.5px 24px;
    --tw-text-opacity: 1;
    color: #3b82f6;
    color: rgb(59 130 246/var(--tw-text-opacity,1))
}

.guide-bottom-cancel:hover {
    --tw-bg-opacity: 1;
    background-color: #f1f6ff;
    background-color: rgb(241 246 255/var(--tw-bg-opacity,1))
}

.guide-bottom-submit {
    border-radius: .25rem;
    width: 125px;
    --tw-bg-opacity: 1;
    background-color: #3b82f6;
    background-color: rgb(59 130 246/var(--tw-bg-opacity,1));
    font-size: .875rem;
    line-height: 1.25rem;
    line-height: 19px;
    padding-bottom: 7px;
    padding-top: 7px;
    --tw-text-opacity: 1;
    color: #fff;
    color: rgb(255 255 255/var(--tw-text-opacity,1))
}

.guide-bottom-submit:hover {
    --tw-bg-opacity: 1;
    background-color: #5797ff;
    background-color: rgb(87 151 255/var(--tw-bg-opacity,1))
}

.guide-content {
    flex-grow: 1;
    overflow-y: auto;
    padding-left: 26px;
    padding-right: 26px
}

.subscribe-success-wrapper {
    align-items: center;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    position: relative;
    width: 510px;
    --tw-bg-opacity: 1;
    background-color: #fff;
    background-color: rgb(255 255 255/var(--tw-bg-opacity,1));
    padding-bottom: 52px;
    padding-top: 52px
}

.subscribe-success-close {
    cursor: pointer;
    position: absolute;
    right: 12px;
    top: 20px
}

.subscribe-success-title {
    font-size: 20px;
    font-weight: 600;
    line-height: 27px;
    margin-top: 20px;
    --tw-text-opacity: 1;
    color: #000f2b;
    color: rgb(0 15 43/var(--tw-text-opacity,1))
}

.subscribe-success-subtitle {
    font-size: .875rem;
    line-height: 1.25rem;
    line-height: 19px;
    margin-top: 10px;
    --tw-text-opacity: 1;
    color: #4e5e7c;
    color: rgb(78 94 124/var(--tw-text-opacity,1))
}

.subscribe-success-bottom {
    font-size: 16px;
    line-height: 21px;
    margin-top: 16px;
    --tw-text-opacity: 1;
    color: #31466d;
    color: rgb(49 70 109/var(--tw-text-opacity,1))
}

.live-new-reminder {
    background-image: url(https://img.amz123.com/static/live/reminder_bg.png);
    background-size: 304px 91px;
    border-radius: 4px;
    margin: 0 10px 12px;
    padding: 10px 12px 0
}

.live-reminder-text {
    color: #141414;
    flex: none;
    font-size: 14px;
    font-style: italic;
    font-weight: 600;
    height: -moz-fit-content;
    height: fit-content;
    line-height: 19px;
    position: relative
}

.live-reminder-other-text {
    color: #0f47f1;
    position: relative;
    z-index: 1
}

.live-reminder-text-point {
    border-radius: 3px;
    bottom: 2px;
    height: 7px;
    left: -2px;
    position: absolute;
    width: 11px;
    --tw-bg-opacity: 1;
    background-color: #d4fb00;
    background-color: rgb(212 251 0/var(--tw-bg-opacity,1))
}

.live-reminder-exclusive {
    align-items: center;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    --tw-border-opacity: 1;
    border-color: #eee;
    border-top: 1px #eee;
    border-color: rgb(238 238 238/var(--tw-border-opacity,1));
    border-style: dashed;
    padding-bottom: 8px;
    padding-top: 10px;
    --tw-text-opacity: 1;
    color: #666;
    color: rgb(102 102 102/var(--tw-text-opacity,1))
}

.live-reminder-exclusive:hover {
    --tw-text-opacity: 1;
    color: #3b82f6;
    color: rgb(59 130 246/var(--tw-text-opacity,1))
}

.live-reminder-exclusive-left {
    align-items: center;
    -moz-column-gap: 5px;
    column-gap: 5px;
    display: flex
}

.live-reminder-title {
    font-family: PingFang SC;
    font-size: .875rem;
    font-weight: 500;
    line-height: 1.25rem;
    line-height: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.live-reminder-time {
    font-size: 11px;
    line-height: 15px;
    margin-top: .25rem;
    --tw-text-opacity: 1;
    color: #888;
    color: rgb(136 136 136/var(--tw-text-opacity,1));
    font-family: PingFang SC
}

.live-reminder-content {
    transition-duration: .8s;
    width: 238px
}

.live-reminder-scroll-container {
    -moz-column-gap: 16px;
    column-gap: 16px;
    display: flex;
    height: 46px;
    overflow: hidden;
    padding-bottom: 8px
}

.live-reminder-content-item {
    display: block;
    margin-bottom: 8px;
    --tw-text-opacity: 1;
    color: #323232;
    color: rgb(50 50 50/var(--tw-text-opacity,1))
}

.live-reminder-content-item:hover {
    --tw-text-opacity: 1;
    color: #3b82f6;
    color: rgb(59 130 246/var(--tw-text-opacity,1))
}

.live-calendar-line {
    border-left: 1px #ccc;
    border-style: dashed;
    height: calc(100% - 13px);
    left: 4.5px;
    position: absolute;
    top: 13px;
    width: 1px
}

.live-calendar-point {
    border-radius: 9999px;
    border-width: 2px;
    height: 10px;
    width: 10px;
    --tw-border-opacity: 1;
    border-color: #dbdbdb;
    border-color: rgb(219 219 219/var(--tw-border-opacity,1));
    --tw-bg-opacity: 1;
    background-color: #fff;
    background-color: rgb(255 255 255/var(--tw-bg-opacity,1))
}

.live-calendar-time {
    font-size: 12px;
    margin-left: 10px;
    margin-right: 10px;
    --tw-text-opacity: 1;
    color: #999;
    color: rgb(153 153 153/var(--tw-text-opacity,1))
}

.live-calendar-node {
    align-items: center;
    display: flex;
    margin-top: 14px;
    position: relative
}

.topic-container {
    border-radius: .25rem;
    box-shadow: 0 0 6px #dedede42;
    margin-bottom: 20px;
    margin-left: 10px;
    margin-right: 10px;
    padding: 28px 20px 12px
}

.topic-container .topic-top {
    display: flex
}

.topic-container .topic-top a {
    flex-shrink: 0
}

.topic-container .topic-top a img {
    border-radius: 9999px;
    border-width: 1px;
    height: 76px;
    width: 76px;
    --tw-border-opacity: 1;
    border-color: #ebebeb;
    border-color: rgb(235 235 235/var(--tw-border-opacity,1))
}

.topic-container .topic-top>div {
    margin-left: 14px;
    padding-top: 7px
}

.topic-container .topic-top>div a {
    display: block;
    font-weight: 600;
    --tw-text-opacity: 1;
    color: #111827;
    color: rgb(17 24 39/var(--tw-text-opacity,1))
}

.topic-container .topic-top>div a:hover {
    --tw-text-opacity: 1;
    color: #ff6002;
    color: rgb(255 96 2/var(--tw-text-opacity,1))
}

.topic-container .topic-top>div div {
    border-radius: 9999px;
    --tw-bg-opacity: 1;
    background-color: #ffefe5;
    background-color: rgb(255 239 229/var(--tw-bg-opacity,1));
    font-size: 12px;
    padding: 4.5px 10px;
    --tw-text-opacity: 1
}

.topic-container .topic-btn-home,.topic-container .topic-top>div div {
    color: #ff6002;
    color: rgb(255 96 2/var(--tw-text-opacity,1));
    display: inline-block;
    margin-top: 14px;
    text-align: center
}

.topic-container .topic-btn-home {
    border-radius: 6px;
    border-width: 1px;
    height: 38px;
    width: 100%;
    --tw-border-opacity: 1;
    border-color: #ff6002;
    border-color: rgb(255 96 2/var(--tw-border-opacity,1));
    font-size: 15px;
    line-height: 38px;
    --tw-text-opacity: 1
}

.topic-container .topic-btn-home:hover {
    --tw-bg-opacity: 1;
    background-color: #fff7f3;
    background-color: rgb(255 247 243/var(--tw-bg-opacity,1))
}

.topic-container .topic-btn-subscribe {
    border-radius: 6px;
    height: 38px;
    margin-top: 14px;
    width: 100%;
    --tw-bg-opacity: 1;
    background-color: #ff6002;
    background-color: rgb(255 96 2/var(--tw-bg-opacity,1));
    font-size: 15px;
    --tw-text-opacity: 1;
    color: #fff;
    color: rgb(255 255 255/var(--tw-text-opacity,1))
}

.topic-container .topic-btn-subscribe:hover {
    --tw-bg-opacity: 1;
    background-color: #ff7e31;
    background-color: rgb(255 126 49/var(--tw-bg-opacity,1))
}

.topic-container .topic-desc {
    display: -webkit-box;
    margin-top: 16px;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    font-size: 15px;
    line-height: 22px;
    --tw-text-opacity: 1;
    color: #999;
    color: rgb(153 153 153/var(--tw-text-opacity,1))
}

.topic-container .live-item-latest {
    border-radius: 2px;
    --tw-bg-opacity: 1;
    background-color: #ffe5e5;
    background-color: rgb(255 229 229/var(--tw-bg-opacity,1));
    font-size: 12px;
    padding: 1.5px 7px;
    --tw-text-opacity: 1;
    color: #ff0202;
    color: rgb(255 2 2/var(--tw-text-opacity,1))
}

.topic-container .live-item {
    border-radius: .25rem;
    display: block;
    margin-left: 20px;
    margin-top: 10px;
    --tw-bg-opacity: 1;
    background-color: #fafafa;
    background-color: rgb(250 250 250/var(--tw-bg-opacity,1));
    padding-bottom: 8px;
    padding-top: 8px;
    --tw-text-opacity: 1;
    color: #555;
    color: rgb(85 85 85/var(--tw-text-opacity,1))
}

.topic-container .live-item:hover {
    --tw-text-opacity: 1;
    color: #ff6002;
    color: rgb(255 96 2/var(--tw-text-opacity,1))
}

.topic-container .live-item p {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    font-size: 14px;
    line-height: 22px;
    padding-left: 10px;
    padding-right: 10px
}

.topic-container .topic-more {
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    margin-top: 14px;
    text-align: center;
    width: 100%;
    --tw-text-opacity: 1;
    color: #999;
    color: rgb(153 153 153/var(--tw-text-opacity,1))
}

.topic-container .topic-more:hover {
    --tw-text-opacity: 1;
    color: #ff6002;
    color: rgb(255 96 2/var(--tw-text-opacity,1))
}

.topic-bottom {
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
    display: flex;
    height: 90px;
    left: 0;
    position: fixed;
    width: 1200px;
    z-index: 1000;
    --tw-bg-opacity: 1;
    background-color: #fff;
    background-color: rgb(255 255 255/var(--tw-bg-opacity,1));
    padding: 14px 23px
}

.topic-bottom>a {
    flex-shrink: 0
}

.topic-bottom>a img {
    border-radius: 6px;
    height: 62px;
    width: 62px
}

.topic-bottom .content {
    flex-grow: 1;
    margin-left: 14px;
    padding-top: 6px
}

.topic-bottom .content a {
    display: block;
    font-weight: 600;
    --tw-text-opacity: 1;
    color: #111827;
    color: rgb(17 24 39/var(--tw-text-opacity,1))
}

.topic-bottom .content a:hover {
    --tw-text-opacity: 1;
    color: #ff6002;
    color: rgb(255 96 2/var(--tw-text-opacity,1))
}

.topic-bottom .content>div {
    display: inline-block;
    font-size: 14px;
    margin-top: 6px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 800px;
    --tw-text-opacity: 1;
    color: #999;
    color: rgb(153 153 153/var(--tw-text-opacity,1))
}

.topic-bottom .right {
    align-items: center;
    display: flex;
    flex-shrink: 0;
    font-size: 15px
}

.topic-bottom .right>div {
    margin-right: 20px;
    --tw-text-opacity: 1;
    color: #111827;
    color: rgb(17 24 39/var(--tw-text-opacity,1))
}

.topic-bottom .right>div span {
    --tw-text-opacity: 1;
    color: #ff6002;
    color: rgb(255 96 2/var(--tw-text-opacity,1))
}

.topic-bottom .right .unsubscribe {
    background-color: #c8c8c8;
    background-color: rgb(200 200 200/var(--tw-bg-opacity,1))
}

.topic-bottom .right .subscribe,.topic-bottom .right .unsubscribe {
    border-radius: .25rem;
    height: 38px;
    width: 98px;
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    color: #fff;
    color: rgb(255 255 255/var(--tw-text-opacity,1))
}

.topic-bottom .right .subscribe {
    background-color: #ff6002;
    background-color: rgb(255 96 2/var(--tw-bg-opacity,1))
}

.topic-bottom .right .subscribe:hover {
    --tw-bg-opacity: 1;
    background-color: #ff7e31;
    background-color: rgb(255 126 49/var(--tw-bg-opacity,1))
}

.topic-bottom .close-icon {
    cursor: pointer;
    position: absolute;
    right: 8px;
    top: 8px
}

.drainage-wrapper {
    align-items: center;
    background-image: url(./drainage_bg.ef4081d3.png);
    border-radius: 4px;
    box-shadow: 0 0 6px #dedede42;
    display: flex;
    margin: 0 10px
}

.drainage-wrapper,.drainage-wrapper-two {
    background-size: 304px 110px
}

.drainage-wrapper-two {
    align-items: center;
    background-image: url(./bg.cd98a67f.png);
    border-radius: .25rem;
    display: flex;
    margin-left: 10px;
    margin-right: 10px
}

.drainage-content {
    background: radial-gradient(65.81% 65.81% at 86.64% 34.19%,rgba(200,230,255,.47) 0,rgba(235,208,255,.47) 100%);
    border: 1px solid #fff;
    box-shadow: 0 2px 4px #00215314;
    margin: 14px 22px 14px 18px
}

.drainage-content,.drainage-content-two {
    border-radius: 5px;
    position: relative;
    width: -moz-fit-content;
    width: fit-content
}

.drainage-content-two {
    margin: 13px 34px 13px 35px
}

.drainage-inner {
    -webkit-backdrop-filter: blur(33px);
    backdrop-filter: blur(33px);
    background: hsla(0,0%,100%,.698);
    border-radius: 4px;
    padding: 7px
}

.drainage-inner-two {
    background: rgba(200,230,255,.502);
    border: 1.5px solid #fff;
    border-radius: 10px;
    box-shadow: 0 2px 6px #0000001a;
    padding: 10px
}

.drainage-inner-img {
    height: 66px;
    width: 66px
}

.drainage-inner-img-border {
    border-radius: .25rem;
    height: 61px;
    width: 61px
}

.drainage-corner {
    border: 2.4px solid #b3d9ff;
    height: 8px;
    position: absolute;
    width: 8px
}

.corner-top-left {
    border-bottom: none;
    border-right: none;
    border-top-left-radius: 4px;
    left: -1px;
    top: -1px
}

.corner-top-right {
    border-bottom: none;
    border-left: none;
    border-top-right-radius: 4px;
    right: -1px;
    top: -1px
}

.corner-bottom-left {
    border-bottom-left-radius: 4px;
    border-right: none;
    border-top: none;
    bottom: -1px;
    left: -1px
}

.img-bottom-left {
    bottom: -4px;
    left: -6px;
    position: absolute
}

.img-top-right {
    position: absolute;
    right: -6px;
    top: -4px
}

.corner-bottom-right {
    border-bottom-right-radius: 4px;
    border-left: none;
    border-top: none;
    bottom: -1px;
    right: -1px
}

.drainage-corner-content,.drainage-corner-content-two {
    font-size: 15px;
    font-weight: 600;
    line-height: 23px;
    --tw-text-opacity: 1;
    color: #3b82f6;
    color: rgb(59 130 246/var(--tw-text-opacity,1))
}

.drainage-corner-content-two {
    padding-left: 30px
}

.drainage-text {
    align-items: center;
    display: flex;
    --tw-text-opacity: 1;
    color: #1a1a1a;
    color: rgb(26 26 26/var(--tw-text-opacity,1))
}

.drainage-img {
    height: 14px;
    margin-left: 6px
}

.drainage-corner-text {
    font-size: 13px;
    font-weight: 400;
    margin-top: 6px
}

.live-recommend-head {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.live-recommend-head-title {
    color: #3b82f6;
    color: rgb(59 130 246/var(--tw-text-opacity,1));
    font-family: Microsoft YaHei;
    font-size: 20px;
    font-weight: 600;
    line-height: 27px;
    position: relative;
    z-index: 1
}

.live-recommend-head-subtitle,.live-recommend-head-title {
    --tw-text-opacity: 1
}

.live-recommend-head-subtitle {
    color: #f4f8ff;
    color: rgb(244 248 255/var(--tw-text-opacity,1));
    font-family: Roboto;
    font-size: 36px;
    font-style: italic;
    font-weight: 800;
    left: 0;
    letter-spacing: 4%;
    line-height: 36px;
    position: absolute;
    top: -4px
}

.live-recommend-head-change {
    align-items: center;
    border-radius: 36px;
    cursor: pointer;
    display: flex;
    --tw-bg-opacity: 1;
    background-color: #f4f8ff;
    background-color: rgb(244 248 255/var(--tw-bg-opacity,1));
    font-size: 11px;
    line-height: 15px;
    padding: 3px 6px 3px 8px;
    --tw-text-opacity: 1;
    color: #3b82f6;
    color: rgb(59 130 246/var(--tw-text-opacity,1))
}

.live-recommend-head-change:hover {
    --tw-bg-opacity: 1;
    background-color: #3b82f6;
    background-color: rgb(59 130 246/var(--tw-bg-opacity,1));
    --tw-text-opacity: 1;
    color: #fff;
    color: rgb(255 255 255/var(--tw-text-opacity,1))
}

.live-community-wrapper {
    margin-top: 26px;
    position: relative
}

.live-community-head {
    margin-bottom: 9px;
    padding-left: 10px;
    padding-right: 10px
}

.live-community-item {
    align-items: center;
    border-radius: 6px;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    padding: 8px 10px;
    position: relative
}

.live-community-item:hover {
    --tw-bg-opacity: 1;
    background-color: #f6f9ff;
    background-color: rgb(246 249 255/var(--tw-bg-opacity,1))
}

.live-community-item:hover .live-community-add {
    background: #3b82f6;
    color: #fff
}

.live-community-item:hover .live-community-title {
    color: #3b82f6
}

.live-community-left {
    align-items: center;
    -moz-column-gap: 10px;
    column-gap: 10px;
    display: flex
}

.live-community-left-img {
    height: 36px;
    width: 36px
}

.live-community-title {
    font-size: .875rem;
    line-height: 1.25rem;
    line-height: 16px;
    --tw-text-opacity: 1;
    color: #323232;
    color: rgb(50 50 50/var(--tw-text-opacity,1));
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1
}

.live-community-add {
    border-radius: 36px;
    border-width: 1px;
    flex: none;
    --tw-border-opacity: 1;
    border-color: #3b82f6;
    border-color: rgb(59 130 246/var(--tw-border-opacity,1));
    font-size: .75rem;
    line-height: 1rem;
    padding: 5px 14px;
    --tw-text-opacity: 1;
    color: #3b82f6;
    color: rgb(59 130 246/var(--tw-text-opacity,1))
}

.live-community-group {
    padding-right: 8px;
    position: absolute;
    right: 100%;
    top: 0
}

.live-community-group-content {
    background: #fff;
    border-radius: 6px;
    box-shadow: 0 2px 16px 2px #011c430f;
    width: 260px
}

.community-group-bg {
    background: linear-gradient(173.91deg,#f0f6ff 4.82%,rgba(236,243,255,0) 58.86%);
    border-radius: 6px;
    padding: 18px
}

.community-group-title {
    font-size: 15px;
    font-weight: 600;
    line-height: 16px;
    margin-bottom: 18px;
    --tw-text-opacity: 1;
    color: #323233;
    color: rgb(50 50 51/var(--tw-text-opacity,1));
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1
}

.community-group-container {
    display: flex;
    flex-direction: column;
    row-gap: 16px
}

.community-content {
    align-items: center;
    display: flex;
    justify-content: space-between;
    position: relative
}

.community-content:hover .community-content-add {
    background: #3b82f6;
    color: #fff
}

.community-content:hover .community-content-name {
    color: #3b82f6
}

.community-content-left {
    align-items: center;
    -moz-column-gap: 10px;
    column-gap: 10px;
    display: flex
}

.community-content-logo {
    border-radius: 2px;
    border-width: 1px;
    height: 32px;
    width: 32px;
    --tw-border-opacity: 1;
    border-color: #3b82f6;
    border-color: rgb(59 130 246/var(--tw-border-opacity,1))
}

.community-content-name {
    font-size: .875rem;
    line-height: 1.25rem;
    line-height: 16px;
    --tw-text-opacity: 1;
    color: #4d4d4d;
    color: rgb(77 77 77/var(--tw-text-opacity,1))
}

.community-content-add {
    border-radius: 36px;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: #3b82f6;
    border-color: rgb(59 130 246/var(--tw-border-opacity,1));
    font-size: .75rem;
    font-weight: 600;
    line-height: 1rem;
    line-height: 16px;
    padding: 3px 9px;
    --tw-text-opacity: 1;
    color: #3b82f6;
    color: rgb(59 130 246/var(--tw-text-opacity,1))
}

.community-content-qrcode {
    border-radius: .25rem;
    bottom: calc(100% + 6px);
    position: absolute;
    width: -moz-fit-content;
    width: fit-content;
    --tw-bg-opacity: 1;
    background-color: #fff;
    background-color: rgb(255 255 255/var(--tw-bg-opacity,1));
    box-shadow: 0 2px 16px #252d9614;
    left: 50%;
    padding: 8px 12px;
    transform: translate(-50%)
}

.community-content-qrcode-content {
    height: 108px;
    width: 108px
}

.community-content-qrcode-img {
    height: 100%;
    width: 100%
}

.community-content-text {
    font-size: .75rem;
    line-height: 1rem;
    line-height: 16px;
    margin-top: 2px;
    text-align: center;
    --tw-text-opacity: 1;
    color: #7c7c80;
    color: rgb(124 124 128/var(--tw-text-opacity,1))
}

.community-services {
    border-radius: 6px;
    height: 238px;
    max-width: 100%;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10;
    --tw-bg-opacity: 1;
    background-color: #fff;
    background-color: rgb(255 255 255/var(--tw-bg-opacity,1));
    box-shadow: 0 2px 16px #1055bd0f
}

.community-services-icon {
    cursor: pointer;
    display: flex;
    justify-content: flex-end;
    margin-bottom: 10px;
    margin-right: 8px;
    margin-top: 10px
}

.community-services-detail {
    align-items: center;
    -moz-column-gap: 10px;
    column-gap: 10px;
    display: flex;
    padding-left: 20px;
    padding-right: 20px
}

.community-services-img {
    border-radius: 6px;
    border-width: 1px;
    height: 138px;
    overflow: hidden;
    width: 138px;
    --tw-border-opacity: 1;
    border-color: #ebebeb;
    border-color: rgb(235 235 235/var(--tw-border-opacity,1))
}

.community-services-qrcode {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.community-services-name {
    font-size: 15px;
    margin-top: 12px;
    text-align: center;
    --tw-text-opacity: 1;
    color: #8c8c8c;
    color: rgb(140 140 140/var(--tw-text-opacity,1))
}

.side-recommend-more {
    align-items: center;
    background-color: #f5f9ff;
    background-color: rgb(245 249 255/var(--tw-bg-opacity,1));
    border-radius: .25rem;
    color: #3b82f6;
    color: rgb(59 130 246/var(--tw-text-opacity,1));
    -moz-column-gap: 2px;
    column-gap: 2px;
    display: flex;
    font-size: 13px;
    justify-content: center;
    line-height: 17px;
    margin-left: 10px;
    margin-right: 10px;
    padding-bottom: 10px;
    padding-top: 10px
}

.side-recommend-more,.side-recommend-more:hover {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1
}

.side-recommend-more:hover {
    background-color: #3b82f6;
    background-color: rgb(59 130 246/var(--tw-bg-opacity,1));
    color: #fff;
    color: rgb(255 255 255/var(--tw-text-opacity,1))
}

.aside-live-head {
    margin-bottom: 9px;
    padding-left: 10px;
    padding-right: 10px
}

.recommend-lives-item {
    border-radius: .25rem;
    -moz-column-gap: 10px;
    column-gap: 10px;
    display: flex;
    padding: 10px;
    --tw-text-opacity: 1;
    color: #323233;
    color: rgb(50 50 51/var(--tw-text-opacity,1))
}

.recommend-lives-item:hover {
    --tw-text-opacity: 1;
    box-shadow: 0 2px 16px 2px #011c430f;
    color: #3b82f6;
    color: rgb(59 130 246/var(--tw-text-opacity,1))
}

.recommend-lives-img {
    border-radius: .25rem;
    flex: none;
    height: 70px;
    width: 119px
}

.recommend-lives-right {
    display: flex;
    flex: 1 1 0%;
    flex-direction: column;
    justify-content: space-between;
    margin-bottom: 3px
}

.recommend-lives-title {
    display: -webkit-box;
    font-size: .875rem;
    font-weight: 500;
    line-height: 1.25rem;
    line-height: 20px;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.recommend-lives-time {
    font-size: .75rem;
    line-height: 1rem;
    line-height: 16px;
    --tw-text-opacity: 1;
    color: #7c7c80;
    color: rgb(124 124 128/var(--tw-text-opacity,1))
}

.aside-theme-head {
    margin-bottom: 9px;
    padding-left: 10px;
    padding-right: 10px
}

.live-recommend-theme {
    border-radius: .25rem;
    -moz-column-gap: 10px;
    column-gap: 10px;
    display: flex;
    padding: 10px
}

.live-recommend-theme:hover {
    box-shadow: 0 2px 16px 2px #011c430f
}

.live-recommend-theme-img {
    border-radius: .25rem;
    flex: none;
    height: 56px;
    width: 56px
}

.live-recommend-theme-content {
    display: flex;
    flex: 1 1 0%;
    flex-direction: column;
    justify-content: space-between;
    --tw-text-opacity: 1;
    color: #323233;
    color: rgb(50 50 51/var(--tw-text-opacity,1))
}

.live-recommend-theme-content:hover {
    --tw-text-opacity: 1;
    color: #3b82f6;
    color: rgb(59 130 246/var(--tw-text-opacity,1))
}

.live-recommend-theme-title {
    display: -webkit-box;
    font-size: .875rem;
    font-weight: 500;
    line-height: 1.25rem;
    line-height: 20px;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1
}

.live-recommend-theme-bottom {
    display: flex;
    justify-content: space-between
}

.live-recommend-theme-users {
    font-size: .75rem;
    line-height: 1rem;
    line-height: 16px;
    margin-top: 7px;
    --tw-text-opacity: 1;
    color: #7c7c80;
    color: rgb(124 124 128/var(--tw-text-opacity,1))
}

.live-recommend-theme-btn {
    border-radius: 36px;
    font-size: .75rem;
    line-height: 1rem;
    padding: 4px 13px;
    text-align: center;
    width: 64px
}

.live-recommend-theme-normal {
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: #3b82f6;
    border-color: rgb(59 130 246/var(--tw-border-opacity,1));
    --tw-bg-opacity: 1;
    background-color: #fff;
    background-color: rgb(255 255 255/var(--tw-bg-opacity,1));
    --tw-text-opacity: 1;
    color: #3b82f6;
    color: rgb(59 130 246/var(--tw-text-opacity,1))
}

.live-recommend-theme-normal:hover {
    --tw-bg-opacity: 1;
    background-color: #3b82f6;
    background-color: rgb(59 130 246/var(--tw-bg-opacity,1));
    --tw-text-opacity: 1;
    color: #fff;
    color: rgb(255 255 255/var(--tw-text-opacity,1))
}

.live-recommend-theme-active {
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: #c8c8c8;
    border-color: rgb(200 200 200/var(--tw-border-opacity,1));
    --tw-text-opacity: 1;
    color: #c8c8c8;
    color: rgb(200 200 200/var(--tw-text-opacity,1))
}

.live-recommend-theme-active:hover {
    --tw-bg-opacity: 1;
    background-color: #c8c8c8;
    background-color: rgb(200 200 200/var(--tw-bg-opacity,1));
    --tw-text-opacity: 1;
    color: #fff;
    color: rgb(255 255 255/var(--tw-text-opacity,1))
}

.live-side-navigation {
    border-radius: .25rem;
    justify-content: center;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 20px;
    --tw-bg-opacity: 1;
    background-color: #f8fafe;
    background-color: rgb(248 250 254/var(--tw-bg-opacity,1));
    padding-bottom: 14px;
    padding-top: 14px
}

.live-side-navigation,.live-side-navigation-item {
    align-items: center;
    display: flex
}

.live-side-navigation-item {
    cursor: pointer;
    font-size: .75rem;
    line-height: 1rem;
    --tw-text-opacity: 1;
    color: #7c7c80;
    color: rgb(124 124 128/var(--tw-text-opacity,1))
}

.live-side-navigation-item:hover {
    --tw-text-opacity: 1;
    color: #3b82f6;
    color: rgb(59 130 246/var(--tw-text-opacity,1))
}

.live-side-navigation-line {
    height: 36px;
    width: 1px;
    --tw-border-opacity: 1;
    border-right: 1px;
    border-color: #c8e6ff;
    border-color: rgb(200 230 255/var(--tw-border-opacity,1));
    border-style: dashed
}

.live-side-navigation-img {
    height: 42px;
    width: 42px
}

.side-right-wrapper {
    display: block;
    margin-bottom: 24px;
    margin-top: 24px;
    width: 324px
}

@media (max-width: 992px) {
    .side-right-wrapper {
        display:none
    }
}
















.live-operate-box{cursor: pointer;}
.mySwiperSxtx{position:relative;overflow:hidden;}
.mySwiperSxtx {height:38px;}
#amz-aside-bar .amz-aside-bar_msg_box-content a {
    display: flex;
    width: 100%;
    background-color: #fff;
    /* padding: 8px 20px 8px 6px; */
    border-radius: 8px;
    position: relative;
    align-items: center;
}









@media screen and (max-width:1024px){
	.live-home-wrapper{padding-left: 10px;padding-right: 10px;margin-bottom: 0px;}
	.live-condition-search{width: 100%;background-color: #fff;position: relative;z-index: 999;margin-bottom: 10px;}
	.live-conditions-wrapper{padding: 9px 10px 8px;}
	.live-condition-detail{flex-wrap: wrap;column-gap: 15px;row-gap: 5px;}
	
	.live-operate-box{width: 60px;flex-shrink: 0;}
	.live-condition-row{column-gap: 10px;}
	.live-platform-content{column-gap: 15px;row-gap: 5px;}
	
	.live-condition-more{column-gap: 3px;padding: 6px 5px;}
	.live-condition-time{flex-wrap: wrap;gap: 5px 10px;}
	
	.list-normal-img{height:auto;}
	
	.lives-content-wrapper{flex-direction: column;}
	.side-right-wrapper{display:block;width: 100%;padding-left: 10px;padding-right:10px;margin-top: 0px;margin-bottom: 80px;}
	.drainage-wrapper{display:none;}
	.community-wrapper{display:none;}
	
	.live-new-reminder{padding:0!important;margin:15px 0 5px!important;}
	
	.list-normal-container{margin-top:0;}
	.live-reminder-scroll-container{padding:0 10px!important;}
	
	
	.live-reminder-text{width:32px;}
	.live-reminder-content{width:calc(100% - 48px)!important;}
	
	
	
	
	
	
}