@layer tailwind-base, antd;
@layer tailwind-base;

.tw-absolute {
    position: absolute
}

.tw-bottom-20 {
    bottom: 5rem
}

.tw-bottom-24 {
    bottom: 6rem
}

.tw-m-0 {
    margin: 0
}

.tw-m-auto {
    margin: auto
}

.tw-mx-5 {
    margin-left: 1.25rem;
    margin-right: 1.25rem
}

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

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

.tw-mb-0 {
    margin-bottom: 0
}

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

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

.tw-mb-2 {
    margin-bottom: .5rem
}

.tw-mb-20 {
    margin-bottom: 5rem
}

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

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

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

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

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

.tw-ml-10 {
    margin-left: 2.5rem
}

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

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

.tw-ml-5 {
    margin-left: 1.25rem
}

.tw-mr-0 {
    margin-right: 0
}

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

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

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

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

.tw-mt-5 {
    margin-top: 1.25rem
}

.tw-mt-7 {
    margin-top: 1.75rem
}

.tw-mt-8 {
    margin-top: 2rem
}

.tw-mt-9 {
    margin-top: 2.25rem
}

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

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

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

.tw-block {
    display: block
}

.tw-flex {
    display: flex
}

.tw-size-full {
    width: 100%;
    height: 100%
}

.tw-h-24 {
    height: 6rem
}

.tw-h-3 {
    height: .75rem
}

.tw-h-7 {
    height: 1.75rem
}

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

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

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

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

.tw-h-\[50x\] {
    height: 50x
}

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

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

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

.tw-w-1\/5 {
    width: 20%
}

.tw-w-\[1000px\] {
    width: 1000px
}

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

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

.tw-w-\[290px\] {
    width: 290px
}

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

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

.tw-w-\[410px\] {
    width: 410px
}

.tw-w-\[5px\] {
    width: 5px
}

.tw-w-\[600px\] {
    width: 600px
}

.tw-w-\[7\.58px\] {
    width: 7.58px
}

.tw-w-\[700px\] {
    width: 700px
}

.tw-w-\[744px\] {
    width: 744px
}

.tw-w-\[800px\] {
    width: 800px
}

.tw-w-\[87px\] {
    width: 87px
}

.tw-w-\[90px\] {
    width: 90px
}

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

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

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

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

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

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

.tw-cursor-pointer {
    cursor: pointer
}

.tw-flex-row {
    flex-direction: row
}

.tw-flex-col {
    flex-direction: column
}

.tw-items-center {
    align-items: center
}

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

.tw-justify-center {
    justify-content: center
}

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

.tw-justify-around {
    justify-content: space-around
}

.tw-gap-1 {
    gap: .25rem
}

.tw-gap-2 {
    gap: .5rem
}

.tw-gap-3 {
    gap: .75rem
}

.tw-gap-\[0\.5em\] {
    gap: .5em
}

.tw-overflow-auto {
    overflow: auto
}

.tw-overflow-hidden {
    overflow: hidden
}

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

.tw-overflow-y-hidden {
    overflow-y: hidden
}

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

.tw-text-ellipsis {
    text-overflow: ellipsis
}

.tw-whitespace-nowrap {
    white-space: nowrap
}

.tw-rounded-3xl {
    border-radius: 1.5rem
}

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

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

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

.tw-rounded-t-lg {
    border-top-left-radius: .5rem;
    border-top-right-radius: .5rem
}

.tw-rounded-tl-lg {
    border-top-left-radius: .5rem
}

.tw-rounded-tr-lg {
    border-top-right-radius: .5rem
}

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

.tw-border-y-0 {
    border-top-width: 0px;
    border-bottom-width: 0px
}

.tw-border-l-0 {
    border-left-width: 0px
}

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

.tw-bg-\[\#2B65FE\] {
    --tw-bg-opacity: 1;
    background-color: rgb(43 101 254 / var(--tw-bg-opacity, 1))
}

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

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

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

.tw-bg-gray-300 {
    --tw-bg-opacity: 1;
    background-color: rgb(209 213 219 / var(--tw-bg-opacity, 1))
}

.tw-bg-transparent {
    background-color: transparent
}

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

.tw-object-contain {
    -o-object-fit: contain;
    object-fit: contain
}

.tw-object-cover {
    -o-object-fit: cover;
    object-fit: cover
}

.tw-p-2 {
    padding: .5rem
}

.tw-p-3 {
    padding: .75rem
}

.tw-p-6 {
    padding: 1.5rem
}

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

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

.tw-px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem
}

.tw-px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem
}

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

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

.tw-py-3 {
    padding-top: .75rem;
    padding-bottom: .75rem
}

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

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

.tw-pb-10 {
    padding-bottom: 2.5rem
}

.tw-pb-3 {
    padding-bottom: .75rem
}

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

.tw-pl-5 {
    padding-left: 1.25rem
}

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

.tw-pr-0 {
    padding-right: 0
}

.tw-pr-5 {
    padding-right: 1.25rem
}

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

.tw-pt-10 {
    padding-top: 2.5rem
}

.tw-pt-2 {
    padding-top: .5rem
}

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

.tw-pt-4 {
    padding-top: 1rem
}

.tw-pt-5 {
    padding-top: 1.25rem
}

.tw-text-center {
    text-align: center
}

.tw-text-right {
    text-align: right
}

.tw-text-\[0\.8em\] {
    font-size: .8em
}

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

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

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

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

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

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

.tw-text-\[3\.2em\] {
    font-size: 3.2em
}

.tw-text-\[4em\] {
    font-size: 4em
}

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

.tw-text-base {
    font-size: 1rem;
    line-height: 1.5rem
}

.tw-font-\[12px\] {
    font-weight: 12px
}

.tw-font-bold {
    font-weight: 700
}

.tw-font-medium {
    font-weight: 500
}

.tw-leading-tight {
    line-height: 1.25
}

.tw-tracking-\[\.15em\] {
    letter-spacing: .15em
}

.tw-tracking-normal {
    letter-spacing: 0em
}

.tw-tracking-widest {
    letter-spacing: .1em
}

.tw-text-\[\#1677ff\] {
    --tw-text-opacity: 1;
    color: rgb(22 119 255 / var(--tw-text-opacity, 1))
}

.tw-text-black {
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity, 1))
}

.tw-text-black\/60 {
    color: #0009
}

.tw-text-red-500 {
    --tw-text-opacity: 1;
    color: rgb(239 68 68 / var(--tw-text-opacity, 1))
}

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

.tw-line-through {
    text-decoration-line: line-through
}

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

.tw-shadow-md {
    --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

html,
body {
    width: 100vw;
    height: 100vh;
    overflow-x: hidden;
    background-color: #ebf3ff;
    font-family: Inter, Inter Fallback, Roboto, Hiragino Sans GB, PingFang SC, Noto Sans SC, Microsoft YaHei UI, Microsoft YaHei, Segoe UI, sans-serif !important
}

body {
    margin: 0;
    padding: 0;
    background-size: cover;
    display: flex;
    flex-direction: column;
    min-height: 100%
}

#root {
    height: 100%
}

.MetaMeetingH5Container {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    z-index: 1;
    height: 100%
}

.FullFillVerticalCenter {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

body:has(.MetaMeetingH5Container) {
    background: url(//meeting-train.oss-cn-hangzhou.aliyuncs.com/h5-app/public/images/login-bg-management%E2%80%8B%E2%80%8B.jpg?v=1) no-repeat 50%
}

.CGMatrixLogo {
    background: url(//meeting-train.oss-cn-hangzhou.aliyuncs.com/h5-app/public/images/logo-dark/cg-matrix-logo.svg) no-repeat 50%;
    background-size: contain;
    height: 32px;
    width: 32px
}

.CGMatrixLogoTitle {
    background: url(//meeting-train.oss-cn-hangzhou.aliyuncs.com/h5-app/public/images/logo-dark/cg-matrix-logo.svg) no-repeat 50%;
    background-size: contain
}

.CGMatrixLogoText {
    background: url(//meeting-train.oss-cn-hangzhou.aliyuncs.com/h5-app/public/images/logo-dark/cg-matrix-logo-text.svg) no-repeat 0;
    background-size: contain
}

.login {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    position: relative;
    width: 1200px;
    height: 80%;
    min-height: 500px;
    max-height: max(76vh, 660px);
    margin: 0 auto;
    padding: 2em
}

.login .ant-card-bordered {
    border: 0
}

.Toolbar {
    position: absolute;
    right: var(--cg-ui-margin, 1.75rem);
    color: #cfcfcf;
    box-shadow: 0 2px 1px -1px #0003, 0 1px 1px #00000024, 0 1px 3px #0000001f;
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    background: #23232380;
    border-radius: 5em;
    overflow: hidden;
    width: 100px;
    display: inline-flex;
    justify-content: center;
    box-sizing: border-box;
    cursor: pointer
}

.Toolbar:hover {
    background-color: transparent
}

.ant-dropdown .ant-dropdown-menu {
    padding: 4px 0
}

.FullFillVerticalCenter {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0;
    margin: 0
}

@media screen and (max-width: 1200px) {
    .login {
        padding: 0;
        width: 100%
    }
}

.display-row {
    display: flex;
    flex-direction: row;
    gap: 4em
}

@media screen and (max-width: 600px) {
    .display-row {
        flex-direction: column;
        width: 100%;
        justify-content: center;
        align-items: center
    }
}

@media screen and (max-width: 1000px) {
    .title-info {
        display: none !important
    }
}

.title-info {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: .5em;
    color: #fff
}

.form-info {
    position: relative;
    gap: .5em;
    display: flex;
    flex-direction: column;
    overflow: hidden
}

.ant-menu-item-selected,
.linearGradientBackgroundStyle {
    color: #fff
}

.ant-menu-item-selected span,
.linearGradientBackgroundStyle span {
    position: relative
}

.ant-menu-item-selected:before,
.linearGradientBackgroundStyle:before {
    content: "";
    background: linear-gradient(135deg, #B12F49, #d65d75);
    position: absolute;
    top: -1px;
    right: -1px;
    bottom: -1px;
    left: -1px;
    opacity: 1;
    transition: all .3s;
    border-radius: inherit
}

.login-buttonStyle {
    background-color: #AA324B;
    box-shadow: #0003 0 3px 1px -2px, #00000024 0 2px 2px, #0000001f 0 1px 5px;
    border-color: transparent;
    transition: background-color .25s cubic-bezier(.4, 0, .2, 1), box-shadow .25s cubic-bezier(.4, 0, .2, 1), border-color .25s cubic-bezier(.4, 0, .2, 1)
}

.login-style {
    min-width: 2em;
    line-height: 1.25;
    border-radius: 5em;
    height: 3.25em;
    font-size: 1.25em
}

.login-buttonStyle:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
    border-radius: inherit;
    box-shadow: #ffffff40 0 4px 19px inset
}

.login-buttonStyle:hover {
    background-color: #752325
}

.login .ant-card-body {
    padding: 21px 28px
}

.backgroundButtonStyle {
    color: #AA324B;
    background-color: #3085ff1a;
    border-color: #AA324B
}

.backgroundButtonStyleAlter {
    color: #AA324B;
    background-color: #faad141a;
    border-color: #faad14
}

.space-1 {
    letter-spacing: 1px
}

input:-webkit-autofill,
textarea:-webkit-autofill select:-webkit-autofill {
    -webkit-box-shadow: 00 0px 1000px transparent inset !important;
    background-color: transparent;
    background-image: none;
    -webkit-transition: background-color 50000s ease-in-out 0s;
    transition: background-color 50000s ease-in-out 0s
}

.ant-pagination .ant-pagination-item a {
    color: #939393
}

.ant-pagination .ant-pagination-item-active a {
    color: #B12F49
}

.ant-pagination-options-quick-jumper input {
    height: 24px
}

.ant-pagination-options-quick-jumper {
    margin-right: 20px
}

.tableBackgroundButtonStyle {
    color: #B12F49;
    background-color: #2b65fe1a;
    border-color: #B12F49
}

.tableBackgroundButtonNoBorderStyle {
    color: #B12F49;
    border: 0
}

.meeting .ant-card-actions li {
    text-align: left
}

.meeting .ant-radio-wrapper,
.meeting-button .ant-checkbox-wrapper {
    border: #E6E6E6 solid 1px;
    border-radius: 6px;
    padding: 4px 8px
}

.meeting .ant-radio-label,
.ant-checkbox-label {
    font-weight: 700;
    width: 100%
}

.meeting .ant-radio-wrapper-checked .ant-radio-label,
.ant-checkbox-wrapper-checked .ant-checkbox-label {
    color: #B12F49
}

.meeting-step .ant-steps-item {
    border-bottom: #E6E6E6 2px solid
}

.meeting-step .ant-steps-item-active {
    border-bottom: #B12F49 2px solid
}

.meeting-step .ant-steps-item-active:before {
    width: 0
}

.meeting-step .ant-steps-item-wait .ant-steps-item-icon {
    background-color: #ccc
}

.meeting-step .ant-steps-item-icon>.ant-steps-icon {
    color: #fff
}

.meeting-step .ant-steps-item:after {
    top: 0;
    border-inline-end: 0px;
    transform: translateY(1550%) translate(-50%) rotate(90deg);
    width: 56px;
    height: 0px;
    border-top: 1px solid #E6E6E6
}

.meeting-config .ant-checkbox-inner {
    display: none
}

.meeting-config .ant-card-bordered {
    border-width: 2px
}

.meeting-config .ant-card:hover {
    border: 2px solid #AA324B
}

.meeting-config .active {
    border: 2px solid #AA324B;
    background-color: #3085ff0d
}

.meeting-config .ant-card-cover {
    min-height: 170px
}

.meeting-config .ant-image {
    text-align: center;
    margin-top: 1px
}

.meeting-config .ant-image-img {
    width: calc(100% - 2px)
}

.meeting-config .ant-card-meta-detail {
    display: flex;
    justify-content: space-between
}

.meeting-config .ant-card-meta-detail .ant-card-meta-description {
    margin-top: 3px
}

.meeting-config-user .ant-upload.ant-upload-select {
    border: 2px solid
}

.meeting-config-user .ant-upload-list-item-container,
.meeting-config-user .ant-upload-select {
    width: 302px;
    height: 170px
}

.meeting-config-user .ant-upload-list-item {
    padding: 0
}

.meeting-config-user .ant-upload-list-item:before {
    width: 100%;
    height: 100%
}

.meeting-config .ant-card-body {
    padding: 5px 12px
}

.action-config .ant-card-body {
    padding: 10px 12px
}

.action-config .ant-card-actions {
    border-top: 0px
}

.action-config .ant-card-actions>li {
    margin: 0 10px 10px 0;
    text-align: right
}

.resources-config .ant-image-img {
    max-height: 300px
}

.clothing-add-config .ant-card-body {
    height: 376px !important
}

.resources-config .ant-card-cover {
    margin-top: 0
}

.series-config .ant-card-body {
    display: flex;
    align-items: center;
    justify-content: space-around;
    height: 245px;
    background-color: #119aff1a
}

.series-config .ant-card-bordered {
    border: 1.04px solid #B12F49
}

.resources_tabs .ant-tabs-nav-list {
    background-color: #eff3ff;
    border-radius: 50px;
    padding: 0 30px
}

.resources_tabs .ant-tabs-tab-active {
    background: linear-gradient(135deg, #B12F49, #d65d75);
    border-radius: 50px;
    padding: 0 20px
}

.resource-preview .ant-modal-content {
    padding: 0;
    background-color: transparent
}

.resource-preview video {
    border-radius: 8px
}

.resource-preview .ant-modal-content {
    box-shadow: 0 0
}

.resource-preview .ant-modal-close {
    border-radius: 50px;
    background-color: #fff !important;
    opacity: .3
}

.resource-preview .ant-modal-close:hover {
    opacity: .8
}

.resource-preview .anticon {
    color: #000
}

.card-disabled {
    opacity: 1;
    background: #ffffff1a;
    color: #aaa
}

.card-disabled-no-boder {
    border-width: 0
}

.card-disabled-title {
    color: #9b9b9b
}

.card-disabled-body {
    color: silver
}

.meeting-title {
    font-size: 16px;
    font-weight: 700;
    padding-left: 10px;
    margin-bottom: .5rem
}

.meeting-title .ant-form-item-label>label,
.meeting-title .ant-radio-wrapper {
    font-size: 16px
}

.meeting-title .ant-divider-horizontal {
    margin-top: 10px
}

.meeting-title .ant-form-item {
    margin-bottom: 0
}

.action-config canvas {
    width: auto !important;
    height: 300px !important
}

.login .ant-form-item-margin-offset {
    margin-bottom: -10px !important
}

.login .ant-form-item-explain-error {
    margin-left: 18px
}

.login .ant-tabs-ink-bar {
    height: 3px
}

.select-card {
    width: 100%
}

.select-card-img {
    max-height: 295px
}

.agree .ant-checkbox-label {
    color: #ffffffb3;
    margin-bottom: 3px
}

.agree-modal {
    background-color: #232323;
    color: #cfcfcf;
    position: relative;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 100%;
    height: 100%;
    max-height: none;
    margin: 0;
    border-radius: 0;
    --Paper-shadow: 0px 11px 15px -7px rgba(0, 0, 0, .2), 0px 24px 38px 3px rgba(0, 0, 0, .14), 0px 9px 46px 8px rgba(0, 0, 0, .12);
    --Paper-overlay: linear-gradient(rgba(255, 255, 255, .165), rgba(255, 255, 255, .165))
}

.agree-modal ::-webkit-scrollbar {
    height: 14px;
    width: 14px
}

.agree-modal ::-webkit-scrollbar-track {
    background-color: transparent
}

.agree-modal ::-webkit-scrollbar-thumb {
    background: #999;
    background-clip: padding-box;
    border-color: transparent;
    border-radius: 7px;
    border-style: solid;
    border-width: 2px 3px;
    -webkit-transition: #999 .25s;
    transition: #999 .25s
}

.agree-modal ::-webkit-scrollbar-thumb:hover {
    background: #aaa;
    background-clip: padding-box
}

.agree-modal .content {
    overflow-y: auto;
    padding: 0;
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    position: relative;
    box-sizing: border-box;
    margin: 0
}

.agree-modal .content-main {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    height: 0px;
    overflow: auto;
    color: #cfcfcfd9
}

.agree-modal .content-main-info {
    width: 960px;
    margin: 0 auto;
    padding: 3em;
    text-align: justify;
    letter-spacing: .025em
}

.agree-modal .content-main-info h1 {
    text-align: center
}

.content-main div p:first-of-type {
    text-align: center
}

.agree-modal .footer {
    display: flex;
    align-items: center;
    padding: 8px;
    justify-content: flex-end;
    flex: 0 0 auto
}

.form-info a {
    color: #cfcfcf;
    text-decoration-line: underline;
    text-decoration-color: #cfcfcf;
    font-weight: 700
}

.custom-ellipsis-btn {
    width: 160px
}

.custom-ellipsis-btn>span {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.data-sync .ant-alert-message {
    color: #000;
    font-weight: 700;
    font-size: 14px
}

@media (min-width: 1024px) {
    .lg\:tw-mr-4 {
        margin-right: 1rem
    }
}

.\[\&_\.ant-form-item-label\>label\]\:tw-w-full .ant-form-item-label>label {
    width: 100%
}

.\[\&_\.ant-form-item-label\]\:tw-pb-2 .ant-form-item-label {
    padding-bottom: .5rem
}

.\[\&_\.ant-upload-list-item-actions_\.anticon\]\:tw-text-white .ant-upload-list-item-actions .anticon {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1))
}