.detail-symbol {
    width: 1em;
    height: 1em;
    font-size: 26px
}

.loading-container {
    position: absolute;
    text-align: center;
    display: block;
    z-index: 10;
    width: 100%;
    height: 100%
}

.loading-container .loading-masker-container {
    filter: blur(1px);
    position: relative;
    pointer-events: none;
    width: 100%;
    height: 100%
}

.loading-container .loading-masker {
    content: "";
    position: absolute;
    inset: 0;
    opacity: .4;
    z-index: 99;
    background-color: #fff
}

.loading-container .loading-indicator-container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.loading-container .loading-indicator-container .loading-indicator {
    display: inline-block;
    position: relative;
    margin: 0;
    width: 48px;
    height: 48px;
    animation-duration: 5.6s;
    animation-timing-function: linear;
    animation-name: vectorRoute;
    animation-iteration-count: infinite;
    top: 50%
}

.loading-container .loading-indicator-container .loading-indicator .loading-indicator-item {
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: #ff6a00;
    animation-duration: 1.4s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    margin: auto
}

.loading-container .loading-indicator-container .loading-indicator .loading-indicator-item:nth-child(1) {
    top: 0;
    bottom: 0;
    left: 0;
    animation-name: vectorDotsX
}

.loading-container .loading-indicator-container .loading-indicator .loading-indicator-item:nth-child(2) {
    left: 0;
    right: 0;
    animation-name: vectorDotsY;
    opacity: .8
}

.loading-container .loading-indicator-container .loading-indicator .loading-indicator-item:nth-child(3) {
    top: 0;
    bottom: 0;
    right: 0;
    animation-name: vectorDotsXR;
    opacity: .6
}

.loading-container .loading-indicator-container .loading-indicator .loading-indicator-item:nth-child(4) {
    left: 0;
    right: 0;
    bottom: 0;
    animation-name: vectorDotsYR;
    opacity: .2
}

@keyframes vectorRoute {
    0% {
        transform: rotate(0)
    }

    5% {
        transform: rotate(90deg)
    }

    25% {
        transform: rotate(90deg)
    }

    30% {
        transform: rotate(180deg)
    }

    50% {
        transform: rotate(180deg)
    }

    55% {
        transform: rotate(270deg)
    }

    75% {
        transform: rotate(270deg)
    }

    80% {
        transform: rotate(360deg)
    }

    to {
        transform: rotate(360deg)
    }
}

@keyframes vectorDotsX {
    25% {
        left: 0
    }

    45%,50% {
        left: 16.8px;
        width: calc(12px * 1.2);
        height: calc(12px * 1.2)
    }

    90% {
        left: 0;
        height: 12px;
        width: 12px
    }
}

@keyframes vectorDotsY {
    25% {
        top: 0
    }

    45%,50% {
        top: 16.8px;
        height: calc(12px * 1.2);
        width: calc(12px * 1.2)
    }

    90% {
        top: 0;
        height: 12px;
        width: 12px
    }
}

@keyframes vectorDotsXR {
    25% {
        right: 0
    }

    45%,50% {
        right: 16.8px;
        width: calc(12px * 1.2);
        height: calc(12px * 1.2)
    }

    90% {
        right: 0;
        height: 12px;
        width: 12px
    }
}

@keyframes vectorDotsYR {
    25% {
        bottom: 0
    }

    45%,50% {
        bottom: 16.8px;
        width: calc(12px * 1.2);
        height: calc(12px * 1.2)
    }

    90% {
        bottom: 0;
        height: 12px;
        width: 12px
    }
}

@media (min-width: 1664px) {
    .chatbox .chatbox-icon-wrapper {
        display:flex;
        justify-content: center
    }

    .chatbox .chatbox-icon-wrapper .chatbox-icon {
        width: 28px;
        height: 28px;
        position: relative
    }

    .chatbox .chatbox-icon-wrapper .chatbox-icon .unread {
        position: absolute;
        top: -5px;
        right: -6px;
        font-size: 11px;
        font-weight: 400;
        text-align: center;
        background-color: #f7421e;
        color: #fff;
        height: 16px;
        width: auto;
        border-radius: 10px;
        border: 1px solid #fff;
        padding: 0 4px
    }

    .chatbox .chatbox-tip {
        font-size: 12px;
        font-weight: 400;
        line-height: 16px;
        text-align: center;
        width: 100%;
        margin: 4px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        word-break: break-all
    }
}

@media (max-width: 1663px) {
    .chatbox {
        width:auto;
        display: flex;
        flex-direction: row;
        align-items: center
    }

    .chatbox .chatbox-icon-wrapper {
        display: flex;
        justify-content: center
    }

    .chatbox .chatbox-icon-wrapper .chatbox-icon {
        width: 28px;
        height: 28px;
        position: relative;
        transition: margin .3s ease
    }

    .chatbox .chatbox-icon-wrapper .chatbox-icon .unread {
        position: absolute;
        top: -5px;
        right: -6px;
        font-size: 11px;
        font-weight: 400;
        text-align: center;
        background-color: #f7421e;
        color: #fff;
        height: 16px;
        width: auto;
        border-radius: 10px;
        border: 1px solid #fff;
        padding: 0 4px
    }

    .chatbox .chatbox-tip {
        display: none!important;
        font-size: 12px;
        font-weight: 400;
        line-height: 16px;
        text-align: center;
        height: 100%;
        margin-left: 8px;
        padding-left: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        word-break: break-all;
        opacity: 0
    }
}

.detail-sidebar:hover .chatbox .chatbox-tip {
    display: block!important;
    opacity: 1
}

.marketing-pc-atmosphere strong {
    color: #4b1d1f
}

.marketing-pc-atmosphere b,.marketing-pc-atmosphere strong {
    font-weight: 600
}

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

.mc-visible {
    visibility: visible
}

.mc-invisible {
    visibility: hidden
}

.mc-fixed {
    position: fixed
}

.mc-absolute {
    position: absolute
}

.mc-relative {
    position: relative
}

.mc-inset-0 {
    inset: 0
}

.mc-left-full {
    left: 100%
}

.mc-right-0 {
    right: 0
}

.mc-right-auto {
    right: auto
}

.mc-z-10 {
    z-index: 10
}

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

.mc-z-\[10000\] {
    z-index: 10000
}

.mc-mx-6 {
    margin-left: 24px;
    margin-right: 24px
}

.-mc-ml-1 {
    margin-left: -4px
}

.mc-ml-0 {
    margin-left: 0
}

.mc-ml-1 {
    margin-left: 4px
}

.mc-ml-3 {
    margin-left: 12px
}

.mc-ml-9 {
    margin-left: 36px
}

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

.mc-mr-1 {
    margin-right: 4px
}

.mc-mr-4 {
    margin-right: 16px
}

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

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

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

.mc-inline-block {
    display: inline-block
}

.mc-flex {
    display: flex
}

.\!mc-h-4 {
    height: 16px!important
}

.mc-h-5 {
    height: 20px
}

.mc-h-8 {
    height: 32px
}

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

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

.\!mc-w-4 {
    width: 16px!important
}

.mc-w-5 {
    width: 20px
}

.mc-w-8 {
    width: 32px
}

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

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

.mc-w-screen {
    width: 100vw
}

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

.mc-min-w-tag {
    min-width: 104px
}

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

.mc-flex-shrink-0,.mc-shrink-0 {
    flex-shrink: 0
}

.mc-cursor-pointer {
    cursor: pointer
}

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

.mc-flex-wrap {
    flex-wrap: wrap
}

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

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

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

.mc-overflow-hidden {
    overflow: hidden
}

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

.mc-whitespace-pre-wrap {
    white-space: pre-wrap
}

.mc-border-none {
    border-style: none
}

.mc-bg-\[\#FDC6A2\] {
    --tw-bg-opacity: 1;
    background-color: rgb(253 198 162/var(--tw-bg-opacity))
}

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

.mc-object-top {
    -o-object-position: top;
    object-position: top
}

.mc-px-3 {
    padding-left: 12px;
    padding-right: 12px
}

.\!mc-pb-0 {
    padding-bottom: 0!important
}

.\!mc-pl-0 {
    padding-left: 0!important
}

.\!mc-pl-10 {
    padding-left: 40px!important
}

.\!mc-pr-0 {
    padding-right: 0!important
}

.\!mc-pr-10 {
    padding-right: 40px!important
}

.\!mc-pt-0 {
    padding-top: 0!important
}

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

.mc-align-middle {
    vertical-align: middle
}

.mc-align-bottom {
    vertical-align: bottom
}

.mc-text-base {
    font-size: 16px
}

.mc-text-sm {
    font-size: 14px
}

.mc-font-normal {
    font-weight: 400
}

.mc-font-semibold {
    font-weight: 600
}

.mc-leading-18 {
    line-height: 18px
}

.mc-leading-5 {
    line-height: 1.25rem
}

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

.mc-leading-base {
    line-height: 22px
}

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

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

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

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

.rtl\:mc-left-0:where([dir=rtl],[dir=rtl] *) {
    left: 0
}

.rtl\:mc-left-3:where([dir=rtl],[dir=rtl] *) {
    left: 12px
}

.rtl\:mc-left-auto:where([dir=rtl],[dir=rtl] *) {
    left: auto
}

.rtl\:mc-right-auto:where([dir=rtl],[dir=rtl] *) {
    right: auto
}

.rtl\:mc-right-full:where([dir=rtl],[dir=rtl] *) {
    right: 100%
}

.rtl\:\!mc-ml-2:where([dir=rtl],[dir=rtl] *) {
    margin-left: 8px!important
}

.rtl\:\!mc-mr-0:where([dir=rtl],[dir=rtl] *) {
    margin-right: 0!important
}

.rtl\:mc-ml-0:where([dir=rtl],[dir=rtl] *) {
    margin-left: 0
}

.rtl\:mc-ml-3:where([dir=rtl],[dir=rtl] *) {
    margin-left: 12px
}

.rtl\:mc-mr-\[15px\]:where([dir=rtl],[dir=rtl] *) {
    margin-right: 15px
}

.rtl\:\!mc-pl-10:where([dir=rtl],[dir=rtl] *) {
    padding-left: 40px!important
}

.rtl\:\!mc-pr-0:where([dir=rtl],[dir=rtl] *) {
    padding-right: 0!important
}

.rtl\:\!mc-pr-10:where([dir=rtl],[dir=rtl] *) {
    padding-right: 40px!important
}

.rtl\:mc-reverse-rtl-img:where([dir=rtl],[dir=rtl] *) {
    transform: scaleX(-1)
}

.layout-stick:not(.sticky) .layout-overview .module_free_shipping {
    padding: 0 20px
}

.layout-stick:not(.sticky) .layout-overview .module_free_shipping .marketing-pc-atmosphere {
    margin-bottom: 20px;
    margin-top: 20px;
    border-radius: 4px!important
}

.shipping-layout {
    padding: 20px 0;
    margin: 0 20px;
    border-top: 1px solid #ddd
}

.shipping-layout h3 {
    font-size: 18px;
    line-height: 24px;
    color: #222;
    margin-bottom: 24px;
    font-weight: 600
}

.shipping-layout .shipping-list {
    display: flex;
    gap: 16px;
    color: #000;
    flex-direction: column
}

.shipping-layout .shipping-list .no-shipping u {
    cursor: pointer
}

.shipping-layout .shipping-list .shipping-item {
    display: flex;
    gap: 8px;
    flex-direction: column;
    padding: 12px;
    border-radius: 4px;
    cursor: pointer;
    border: 1px solid #ddd
}

.shipping-layout .shipping-list .shipping-item b {
    font-weight: 600
}

.shipping-layout .shipping-list .shipping-item.activated {
    border: 1px solid #222
}

.shipping-layout .shipping-list .shipping-item .shipping-title {
    display: flex;
    align-items: center
}

.shipping-layout .shipping-list .shipping-item .shipping-title .shipping-title_method {
    font-size: 14px;
    line-height: 18px;
    font-weight: 600
}

.shipping-layout .shipping-list .shipping-item .shipping-title .shipping-title_gap {
    width: 1px;
    height: 12px;
    background-color: #ddd;
    margin-left: 4px
}

.shipping-layout .shipping-list .shipping-item .shipping-title .shipping-title_ali_logistics_logo {
    height: 18px;
    margin-left: 4px
}

.shipping-layout .shipping-list .shipping-item .shipping-intro,.shipping-layout .shipping-list .shipping-item .shipping-delivery {
    font-size: 14px;
    line-height: 18px
}

.h3-title,.h4-title {
    line-height: 20px;
    font-size: 14px;
    font-weight: 500
}

.p-text {
    line-height: 18px;
    font-size: 13px;
    font-weight: 400;
    margin: 5px 0;
    color: gray
}

.label-hover {
    display: block;
    padding: 4px 6px;
    margin: 10px 0;
    transition: color .3s ease
}

.label-hover:hover {
    background-color: #fafafa
}

.radio-input {
    margin-right: 6px
}

.img-reset {
    display: inline;
    width: 16px
}

.ag-img-reset {
    display: inline;
    width: 125px;
    height: 18px;
    margin-left: 5px
}

.divider {
    height: 2px;
    background-color: #ddd;
    margin: 10px 0
}

.scrollable-div1 {
    overflow: auto
}

.iconSpan {
    background-color: #e5eeff;
    border-radius: 30px;
    font-weight: 400;
    font-size: 12px;
    padding: 4px 6px;
    line-height: 14px;
    vertical-align: middle;
    margin-left: 10px
}

.shipFromlocalStock .shipFromText img {
    display: inline-block;
    height: 12px;
    vertical-align: middle
}

.sku-logistic {
    border-top: 1px solid #e6e7eb;
    display: flex;
    padding-top: 20px;
    margin-top: 20px;
    flex-direction: column;
    min-height: 100px
}

.sku-logistic .logistic-item h3 {
    margin-top: 0!important
}

.sku-logistic .logistic-item b {
    font-weight: 600
}

.sku-logistic .ship-from {
    display: flex;
    flex-direction: column;
    gap: 4px;
    color: #222;
    margin-bottom: 12px
}

.sku-logistic .ship-from h3 {
    margin-top: 0
}

.sku-logistic .ship-from .next-radio-group {
    display: flex;
    gap: 8px
}

.sku-logistic .ship-from .next-radio .next-radio-inner {
    border: 1px solid #222
}

.sku-logistic .ship-from .next-radio.focused .next-radio-inner {
    background-color: #222
}

.sku-logistic .ship-from .next-radio .next-radio-inner:after {
    margin-top: -5px;
    margin-left: -5px
}

.sku-logistic .ship-from .next-radio.checked .next-radio-inner {
    background-color: #fff;
    border-color: #222
}

.sku-logistic .ship-from .next-radio.checked .next-radio-inner:after {
    margin-top: -5px;
    margin-left: -5px;
    width: 10px;
    height: 10px;
    background: #222
}

.sku-logistic .ship-from>label {
    font-size: 16px;
    font-weight: 400;
    line-height: 22px
}

.sku-logistic .ship-from .next-radio-label {
    font-size: 16px;
    font-weight: 400;
    line-height: 22px
}

.sku-logistic .logistic-item {
    min-height: 22px;
    font-size: 16px;
    line-height: 22px
}

.sku-logistic .logistic-item h3 {
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 20px
}

.sku-logistic .logistic-item.strong {
    font-weight: 600
}

.sku-logistic .logistic-item.method {
    display: flex;
    align-items: center;
    height: 24px
}

.sku-logistic .logistic-item.method .logistics-method {
    flex: 0 1 auto;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.sku-logistic .logistic-item.method .logistics-ali-logo {
    flex-shrink: 0;
    width: 131px;
    margin-left: 4px
}

.sku-logistic .logistic-item.method .logistics-ali-logo-gap {
    margin-left: 4px;
    width: 1px;
    height: 12px;
    background-color: #ddd
}

.sku-logistic .logistic-item.method .logistics-switching-button {
    flex-shrink: 0;
    margin-left: auto;
    padding-left: 14px;
    display: flex;
    align-items: center;
    font-size: 14px
}

.sku-logistic .logistic-item.method .logistics-switching-button .detail-symbol {
    width: 24px;
    height: 24px
}

.sku-logistic .logistic-item a {
    font-weight: 400;
    -webkit-text-decoration: underline;
    text-decoration: underline;
    color: #222
}

.sku-logistic .logistic-item a:hover {
    color: #333
}

.sku-logistic .logistic-item.green {
    color: #22891f
}

.sku-logistic .logistic-item.byBulkLogistics {
    font-size: .875rem;
    line-height: 1.25rem
}

.price-sample {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.price-sample .info {
    color: #767676;
    font-size: 16px;
    line-height: 22px
}

.price-sample .sold-out {
    margin-top: 12px;
    color: hsl(var(--highlight-dark));
    font-size: 16px;
    line-height: 22px
}

.price-sample .price {
    display: flex;
    flex-direction: row;
    align-items: baseline;
    gap: 4px
}

.price-sample .price span {
    display: flex;
    flex-direction: column;
    margin-right: 4px;
    color: #222;
    font-weight: 700;
    font-size: 28px;
    line-height: 30px
}

.price-sample .price span del {
    color: #999;
    font-size: 16px
}

.price-sample .price span.other {
    color: #767676;
    font-size: 16px;
    line-height: 20px
}

.drawer-pop-slider-wrapper {
    display: flex;
    align-items: center;
    justify-content: center
}

.drawer-pop-slider-wrapper .layout-left,.drawer-pop-slider-wrapper .layout-right {
    display: flex;
    width: 3rem;
    height: 3rem;
    flex-shrink: 0;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    --tw-bg-opacity: 1;
    background-color: #fff;
    background-color: rgba(255,255,255,var(--tw-bg-opacity, 1));
    border-radius: 25px
}

.drawer-pop-slider-wrapper .layout-left:hover,.drawer-pop-slider-wrapper .layout-right:hover {
    border: 1px solid #222;
    background-color: #f4f4f4
}

.drawer-pop-slider-wrapper .prop-layout {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.75rem
}

.drawer-pop-slider-wrapper .prop-layout .layout-image {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    width: 50vh;
    min-height: 30vh
}

@media screen and (max-width: 1280px) {
    .drawer-pop-slider-wrapper .prop-layout .layout-image {
        width:40vh
    }
}

.drawer-pop-slider-wrapper .prop-layout .layout-image .sku-info {
    text-align: center;
    font-size: 1rem;
    line-height: 1.5rem;
    --tw-text-opacity: 1;
    color: #fff;
    color: rgba(255,255,255,var(--tw-text-opacity, 1))
}

.drawer-pop-slider-wrapper .prop-layout .layout-image>img {
    border-radius: var(--radius)
}

.drawer-pop-slider-wrapper .prop-layout .layout-image .info {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px
}

.drawer-pop-slider-wrapper .prop-layout .layout-image .info>img {
    height: 50px
}

.drawer-pop-slider-wrapper.drawer-pop-slider-wrapper-main-image-test .prop-layout {
    margin-left: 3rem;
    margin-right: 3rem;
    gap: 3rem
}

.drawer-pop-slider-wrapper.drawer-pop-slider-wrapper-main-image-test .prop-layout .layout-image {
    width: auto
}

.drawer-pop-slider-wrapper.drawer-pop-slider-wrapper-main-image-test .prop-layout .layout-image>img {
    border-radius: 0
}

.drawer-pop-slider-wrapper.drawer-pop-slider-wrapper-main-image-test .layout-left,.drawer-pop-slider-wrapper.drawer-pop-slider-wrapper-main-image-test .layout-right {
    width: 2.75rem;
    height: 2.75rem
}

.drawer-pop-slider-wrapper.drawer-pop-slider-wrapper-main-image-test .layout-left:hover,.drawer-pop-slider-wrapper.drawer-pop-slider-wrapper-main-image-test .layout-right:hover {
    border: 1px solid #222;
    background-color: #f4f4f4
}

.free-shipping-atmosphere-layout {
    position: absolute;
    left: 0;
    top: -40px;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 40px;
    background-size: 32%;
    background-repeat: no-repeat;
    background-position: 80% bottom
}

.free-shipping-atmosphere-layout .free-shipping-atmosphere-icon {
    width: 32px;
    height: 24px;
    margin-right: 8px
}

.free-shipping-atmosphere-layout .free-shipping-atmosphere-text {
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    margin-bottom: 0
}

.light-customization-item.selected:after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 4px;
    border-width: 1px;
    border-color: #222
}

.ui-number-picker {
    position: relative;
    display: flex;
    width: 7rem;
    min-width: 7rem;
    align-items: center;
    justify-content: space-between
}

.ui-number-picker>.hr {
    position: absolute;
    left: 1rem;
    right: 1rem;
    top: .2px;
    bottom: .2px;
    border-bottom-width: 1px;
    border-top-width: 1px;
    --tw-border-opacity: 1;
    border-color: #d1d5db;
    border-color: rgba(209,213,219,var(--tw-border-opacity, 1))
}

.ui-number-picker>input {
    z-index: 10;
    width: 3rem;
    flex-shrink: 0;
    border-width: 0px;
    text-align: center;
    font-size: 1rem;
    line-height: 1.5rem;
    --tw-text-opacity: 1;
    color: #111827;
    color: rgba(17,24,39,var(--tw-text-opacity, 1))
}

.ui-number-picker>.number-picker-button {
    z-index: 10;
    display: flex;
    height: 2rem;
    width: 2rem;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    border-radius: 9999px;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: #d1d5db;
    border-color: rgba(209,213,219,var(--tw-border-opacity, 1));
    --tw-bg-opacity: 1;
    background-color: #fff;
    background-color: rgba(255,255,255,var(--tw-bg-opacity, 1));
    font-size: 1.125rem;
    line-height: 1.75rem;
    line-height: 1;
    --tw-text-opacity: 1;
    color: #111827;
    color: rgba(17,24,39,var(--tw-text-opacity, 1))
}

.ui-number-picker>.number-picker-button:hover {
    --tw-border-opacity: 1;
    border-color: #f97316;
    border-color: rgba(249,115,22,var(--tw-border-opacity, 1));
    --tw-bg-opacity: 1;
    background-color: #f97316;
    background-color: rgba(249,115,22,var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: #fff;
    color: rgba(255,255,255,var(--tw-text-opacity, 1))
}

.ui-number-picker>.number-picker-button:disabled {
    cursor: not-allowed;
    --tw-bg-opacity: 1;
    background-color: #e5e7eb;
    background-color: rgba(229,231,235,var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: #9ca3af;
    color: rgba(156,163,175,var(--tw-text-opacity, 1))
}

.ui-number-picker>.number-picker-button:hover:disabled {
    --tw-border-opacity: 1;
    border-color: #e5e7eb;
    border-color: rgba(229,231,235,var(--tw-border-opacity, 1));
    --tw-bg-opacity: 1;
    background-color: #e5e7eb;
    background-color: rgba(229,231,235,var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: #9ca3af;
    color: rgba(156,163,175,var(--tw-text-opacity, 1))
}

.ui-number-picker>.number-picker-button.disabled {
    cursor: not-allowed;
    --tw-border-opacity: 1;
    border-color: #e5e7eb;
    border-color: rgba(229,231,235,var(--tw-border-opacity, 1));
    --tw-bg-opacity: 1;
    background-color: #e5e7eb;
    background-color: rgba(229,231,235,var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: #9ca3af;
    color: rgba(156,163,175,var(--tw-text-opacity, 1))
}

.ui-number-picker>.number-picker-button.disabled:hover {
    --tw-border-opacity: 1;
    border-color: #e5e7eb;
    border-color: rgba(229,231,235,var(--tw-border-opacity, 1));
    --tw-bg-opacity: 1;
    background-color: #e5e7eb;
    background-color: rgba(229,231,235,var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: #9ca3af;
    color: rgba(156,163,175,var(--tw-text-opacity, 1))
}

.double-bordered-box {
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    border-radius: var(--radius);
    transition-property: all;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .2s;
    animation-duration: .2s
}

.double-bordered-box.disabled {
    cursor: not-allowed;
    opacity: .5
}

.double-bordered-box:not(.disabled) {
    cursor: pointer
}

.double-bordered-box:before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    display: none;
    border-radius: var(--radius);
    border-width: 2px;
    border-color: transparent
}

.double-bordered-box:not(.selected):not(.disabled):hover:before {
    display: block;
    --tw-border-opacity: 1;
    border-color: #000;
    border-color: rgba(0,0,0,var(--tw-border-opacity, 1))
}

.double-bordered-box:not(.selected):not(.disabled):hover>.inner-border {
    display: block;
    --tw-border-opacity: 1;
    border-color: #fff;
    border-color: rgba(255,255,255,var(--tw-border-opacity, 1))
}

.double-bordered-box.selected>.inner-border {
    display: block;
    --tw-border-opacity: 1;
    border-color: #fff;
    border-color: rgba(255,255,255,var(--tw-border-opacity, 1))
}

.double-bordered-box.selected:before {
    display: block;
    --tw-border-opacity: 1;
    border-color: #000;
    border-color: rgba(0,0,0,var(--tw-border-opacity, 1))
}

.double-bordered-box:after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: var(--radius);
    background-color: #0000000a
}

.double-bordered-box>.inner-border {
    position: absolute;
    inset: 2px;
    display: none;
    border-radius: var(--radius);
    border-width: 1px;
    border-color: transparent
}

.sku-selected-layout {
    position: absolute;
    top: 0;
    background: #fff;
    padding: 20px;
    height: 100vh;
    animation: slide-in-top .35s cubic-bezier(.35,0,.2,1) forwards;
    z-index: 10
}

.sku-selected-layout.down {
    animation: slide-in-down .35s cubic-bezier(.35,0,.2,1) forwards
}

.sku-selected-layout .close {
    cursor: pointer;
    position: absolute;
    top: 24px;
    right: 24px
}

.sku-selected-layout h4 {
    font-weight: 700;
    font-size: 18px;
    color: #222;
    line-height: 24px;
    padding: 0;
    margin-bottom: 20px
}

.sku-selected-layout .layout-list {
    display: table;
    border-collapse: collapse;
    width: 100%;
    margin-bottom: 300px
}

.sku-selected-layout .layout-list .layout-item {
    display: table-row;
    border: 1px solid #ddd
}

.sku-selected-layout .layout-list .layout-item:first-child {
    font-weight: 700;
    font-size: 16px;
    color: #222;
    line-height: 22px
}

.sku-selected-layout .layout-list .layout-item:first-child .price {
    font-weight: 700
}

.sku-selected-layout .layout-list .layout-item>div {
    padding: 15px 10px;
    display: table-cell;
    border: 1px solid #ddd
}

.sku-selected-layout .layout-list .layout-item .sku {
    font-size: 16px;
    color: #222;
    line-height: 22px;
    width: 242px
}

.sku-selected-layout .layout-list .layout-item .sku>div {
    display: flex;
    align-items: center;
    font-size: 16px;
    color: #222;
    line-height: 22px;
    flex-wrap: wrap;
    gap: 4px
}

.sku-selected-layout .layout-list .layout-item .sku>div>span {
    word-break: break-all;
    word-wrap: break-word
}

.sku-selected-layout .layout-list .layout-item .sku>div img {
    width: 20px;
    height: 20px
}

.sku-selected-layout .layout-list .layout-item .price {
    width: 156px;
    font-weight: 400;
    font-size: 16px;
    color: #333;
    line-height: 22px
}

.sku-selected-layout .layout-list .layout-item .quantity {
    width: 156px
}

.bottom-item {
    display: flex;
    justify-content: space-between;
    margin-bottom: 8px
}

.bottom-item.total {
    font-weight: 600;
    font-size: 16px;
    color: #222;
    line-height: 22px;
    padding-top: 8px;
    border-top: 1px solid #DDD
}

.bottom-item.total .item-right {
    font-weight: 600
}

.bottom-item.showSubTotalWithCoupon.total .item-right s {
    font-weight: 400
}

.bottom-item.showSubTotalWithCoupon.total .item-right span {
    color: hsl(var(--highlight-dark))
}

.bottom-item .item-right {
    font-weight: 600;
    font-size: 14px;
    color: #222;
    line-height: 18px
}

.bottom-item .item-left {
    font-size: 14px
}

.bottom-item .item-left span {
    font-weight: 400;
    font-size: 14px;
    line-height: 22px
}

.bottom-item .item-left a {
    font-weight: 400;
    font-size: 14px;
    color: #222;
    line-height: 22px
}

.sku-layout.none .sku-out-bottom {
    margin-bottom: 10px
}

.sku-layout.none .sku-option {
    margin-top: 20px;
    margin-bottom: 20px
}

.sku-layout.none .inventory-info {
    font-size: 16px;
    color: hsl(var(--highlight-dark))
}

.sku-layout.none .sku-logistic {
    border-bottom: 0
}

.sku-layout.logistics .sku-logistic {
    min-height: 130px
}

.sku-layout .sku-logistic h4 {
    font-weight: 600;
    font-size: 18px;
    color: #222;
    line-height: 24px;
    margin-top: 20px;
    margin-bottom: 0
}

.sku-layout h3 {
    font-weight: 600;
    font-size: 18px;
    color: #222;
    line-height: 24px;
    margin-bottom: 0
}

.sku-layout .sku-info {
    padding: 4px 0
}

.sku-layout .sku-info h4 {
    font-weight: 600;
    font-size: 14px;
    color: #222;
    line-height: 18px;
    margin-top: 16px;
    margin-bottom: 12px;
    position: relative
}

.sku-layout .sku-info h4>a {
    color: #222;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    text-decoration-line: underline;
    position: absolute;
    right: 0;
    bottom: 0
}

.sku-layout .sku-info h4>span {
    font-weight: 400;
    margin-left: 4px
}

.sku-layout .sku-info .info-item {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 8px;
    max-height: 44px;
    overflow: hidden
}

.sku-layout .sku-info .info-item .show-more {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px
}

.sku-layout .sku-info .info-item .show-more>a {
    color: #222;
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
    text-decoration-line: underline
}

.sku-layout .sku-info .info-item .last-sku-item {
    width: 100%;
    position: relative
}

.sku-layout .sku-info .info-item .last-sku-item .inventory-info {
    position: absolute;
    right: 0;
    margin: 4px 0;
    font-size: 12px
}

.sku-layout .sku-info .info-item .last-sku-item .inventory-info.out-of-stock {
    color: #767676
}

.sku-layout .sku-info .info-item .last-sku-item .inventory-info.tight-stock {
    color: hsl(var(--highlight-dark))
}

.sku-layout .sku-info .info-item .number {
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
    gap: 4px
}

.sku-layout .sku-info .info-item .number:hover {
    cursor: pointer
}

.sku-layout .sku-info .info-item .number .last-sku-first-item {
    width: 45%;
    display: flex;
    align-items: center
}

.sku-layout .sku-info .info-item .number .price {
    flex: 1
}

.module_sku .sku-layout .sku-info .info-item .number.active img {
    border: 2px solid #222;
    padding: 1px
}

.module_sku .sku-layout .sku-info .info-item .number.active .color {
    border: 2px solid #222
}

.sku-layout .sku-info .info-item .number span.image img {
    width: 44px;
    height: 44px;
    border-radius: 4px;
    margin-right: 4px
}

.sku-layout .sku-info .info-item .number span.color {
    position: relative;
    width: 44px;
    height: 44px;
    display: inline-block;
    border-radius: 4px
}

.sku-layout .sku-info .info-item .number span.color:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #fff;
    border-radius: 4px;
    background-color: #0000000a
}

.sku-layout .sku-info .info-item span.more {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    max-height: 44px;
    width: 44px;
    background-color: #f4f4f4;
    border-radius: 4px;
    font-weight: 400;
    font-size: 14px;
    color: #222
}

.sku-layout .sku-info .info-item a.text,.sku-layout .sku-info .info-item a.color,.sku-layout .sku-info .info-item a.image {
    position: relative
}

.sku-layout .sku-info .info-item a.text.selected,.sku-layout .sku-info .info-item a.color.selected,.sku-layout .sku-info .info-item a.image.selected {
    border: 2px solid #222;
    padding: 1px
}

.sku-layout .sku-info .info-item a.text span.badge,.sku-layout .sku-info .info-item a.color span.badge,.sku-layout .sku-info .info-item a.image span.badge {
    position: absolute;
    right: -5px;
    top: -16px;
    background-color: #e52828;
    border: 1px solid #fff;
    border-radius: 15px;
    font-size: 12px;
    color: #fff;
    line-height: 16px;
    padding: 4px 8px;
    white-space: nowrap
}

.sku-layout .sku-info .info-item a.color {
    width: 44px;
    height: 44px;
    display: inline-block;
    border-radius: 4px
}

.sku-layout .sku-info .info-item a.color:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 4px;
    background-color: #0000000a
}

.sku-layout .sku-info .info-item a.color.selected:before {
    border: 1px solid #fff
}

.sku-layout .sku-info .info-item a.image {
    width: 44px;
    height: 44px;
    display: inline-block;
    border-radius: 4px
}

.sku-layout .sku-info .info-item a.image:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 44px;
    height: 44px;
    border-radius: 4px;
    background-color: #0000000a
}

.sku-layout .sku-info .info-item a.image>img {
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%;
    height: 100%;
    border-radius: 4px
}

.sku-layout .sku-info .info-item a.text {
    -webkit-text-decoration: none;
    text-decoration: none;
    text-align: center;
    display: grid;
    border: 2px solid #fff;
    border-radius: 8px
}

.sku-layout .sku-info .info-item a.text>span {
    font-weight: 400;
    color: #222;
    padding: 8px 12px;
    background-color: #f4f4f4;
    font-size: 14px;
    border-radius: 8px;
    line-height: 18px
}

.sku-layout .sku-option {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 8px;
    gap: 20px;
    width: 100%
}

.sku-layout .sku-option .item-right>a {
    font-weight: 600;
    font-size: 16px;
    color: #222;
    line-height: 22px;
    white-space: nowrap;
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.sku-layout .sku-option .item-left {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.sku-layout .sku-option .item-left .option {
    font-weight: 400;
    font-size: 14px;
    color: #222;
    line-height: 22px
}

.sku-layout .sku-option .item-left .total {
    font-size: 14px;
    color: #222;
    line-height: 22px;
    font-weight: 500
}

.sku-layout .sku-option .item-left .total span {
    margin-right: 4px
}

.sku-layout .sku-out-bottom .item-right del {
    color: #767676
}

.sku-layout .sku-out-bottom .select-layout {
    position: absolute;
    top: 0;
    background: #fff;
    padding: 20px;
    height: 100vh;
    animation: slide-in-top .35s cubic-bezier(.35,0,.2,1) forwards;
    z-index: 3
}

.sku-layout .sku-out-bottom .select-layout.down {
    animation: slide-in-down .35s cubic-bezier(.35,0,.2,1) forwards
}

.sku-layout .sku-out-bottom .select-layout .close {
    cursor: pointer;
    position: absolute;
    top: 24px;
    right: 24px
}

.sku-layout .sku-out-bottom .select-layout h4 {
    font-weight: 700;
    font-size: 18px;
    color: #222;
    line-height: 24px;
    padding: 0;
    margin-bottom: 20px
}

.sku-layout .sku-out-bottom .select-layout .layout-list {
    display: table;
    border-collapse: collapse;
    width: 100%;
    margin-bottom: 300px
}

.sku-layout .sku-out-bottom .select-layout .layout-list .layout-item {
    display: table-row;
    border: 1px solid #ddd
}

.sku-layout .sku-out-bottom .select-layout .layout-list .layout-item:first-child {
    font-weight: 700;
    font-size: 16px;
    color: #222;
    line-height: 22px
}

.sku-layout .sku-out-bottom .select-layout .layout-list .layout-item:first-child .price {
    font-weight: 700
}

.sku-layout .sku-out-bottom .select-layout .layout-list .layout-item>div {
    padding: 15px 10px;
    display: table-cell;
    border: 1px solid #ddd
}

.sku-layout .sku-out-bottom .select-layout .layout-list .layout-item .sku {
    font-size: 16px;
    color: #222;
    line-height: 22px;
    width: 242px
}

.sku-layout .sku-out-bottom .select-layout .layout-list .layout-item .sku>div {
    display: flex;
    align-items: center;
    font-size: 16px;
    color: #222;
    line-height: 22px;
    flex-wrap: wrap;
    gap: 4px
}

.sku-layout .sku-out-bottom .select-layout .layout-list .layout-item .sku>div>span {
    word-break: break-all;
    word-wrap: break-word
}

.sku-layout .sku-out-bottom .select-layout .layout-list .layout-item .sku>div img {
    width: 20px;
    height: 20px
}

.sku-layout .sku-out-bottom .select-layout .layout-list .layout-item .price {
    width: 156px;
    font-weight: 400;
    font-size: 16px;
    color: #333;
    line-height: 22px
}

.sku-layout .sku-out-bottom .select-layout .layout-list .layout-item .quantity {
    width: 156px
}

.sku-layout .sku-out-bottom .bottom-item {
    display: flex;
    justify-content: space-between;
    margin-top: 10px
}

.sku-layout .sku-out-bottom .bottom-item:first-child {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #e6e7eb
}

.sku-layout .sku-out-bottom .bottom-item.total {
    font-weight: 600;
    font-size: 14px;
    color: #222;
    line-height: 18px;
    margin-top: 15px
}

.sku-layout .sku-out-bottom .bottom-item.total .item-right {
    font-weight: 600
}

.sku-layout .sku-out-bottom .bottom-item.showSubTotalWithCoupon.total .item-right s {
    font-weight: 400
}

.sku-layout .sku-out-bottom .bottom-item.showSubTotalWithCoupon.total .item-right span {
    color: hsl(var(--highlight-dark))
}

.sku-layout .sku-out-bottom .bottom-item .item-right {
    font-size: 14px;
    color: #222;
    line-height: 18px;
    font-weight: 600
}

.sku-layout .sku-out-bottom .bottom-item .item-left span {
    font-weight: 400;
    font-size: 16px;
    color: #222;
    line-height: 22px
}

.sku-layout .sku-out-bottom .bottom-item .item-left a {
    font-weight: 400;
    font-size: 16px;
    color: #222;
    line-height: 22px;
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.layout-right .sku-layout .sku-info>*:nth-child(n+7) {
    display: none
}

.module_ta_plus {
    padding: 0 20px;
    min-height: 20px
}

.module_ta_plus .ta-semi {
    padding-bottom: 20px;
    padding-top: 20px;
    border-top: 1px solid #ddd
}

.module_ta_plus .ta-semi .ta-wrapper {
    display: flex;
    align-items: center;
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    justify-content: space-between;
    cursor: pointer
}

.module_ta_plus .ta-semi .ta-wrapper>div {
    display: flex;
    gap: 8px
}

.module_ta_plus .ta-semi .ta-wrapper>div img {
    height: 20px
}

.module_ta_plus .ta-semi .ta-wrapper .detail-symbol {
    font-size: 24px
}

.module_ta_plus .ta-semi .ta-wrapper .ta-header {
    display: flex;
    gap: 4px;
    flex: 1;
    flex-direction: column
}

.module_ta_plus .ta-semi .ta-wrapper .ta-header .ta-item {
    display: flex;
    align-items: flex-end;
    gap: 4px
}

.module_ta_plus .ta-semi .ta-wrapper .ta-header .ta-item .title {
    font-size: 16px;
    font-weight: 600;
    line-height: 22px
}

.module_ta_plus .ta-semi .ta-wrapper .ta-header .ta-item.other {
    font-weight: 400;
    font-size: 14px;
    align-items: center
}

.module_ta_plus .ta-semi .ta-wrapper .ta-header img {
    margin-bottom: 2px;
    height: 20px
}

.module_ta_plus .ta-semi .semi-footer {
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    color: #666;
    margin-top: 16px
}

.module_ta_plus .ta-semi .semi-footer img {
    display: inline-block;
    height: 15px;
    margin-left: 4px
}

.module_ta_plus .ta-semi .semi-list {
    display: flex;
    gap: 20px;
    flex-direction: column;
    margin-top: 20px
}

.module_ta_plus .ta-semi .semi-list .semi-item {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.module_ta_plus .ta-semi .semi-list .semi-item div {
    display: flex;
    align-items: flex-start;
    flex-wrap: nowrap;
    gap: 4px
}

.module_ta_plus .ta-semi .semi-list .semi-item div div {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end
}

.module_ta_plus .ta-semi .semi-list .semi-item div div h4 {
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    margin-right: 4px
}

.module_ta_plus .ta-semi .semi-list .semi-item div img {
    height: 20px;
    margin-top: 1px
}

.module_ta_plus .ta-semi .semi-list .semi-item p {
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    margin-left: 26px
}

.report-layout {
    margin-top: 20px;
    padding-top: 28px;
    border-top: 1px solid #ddd;
    display: flex;
    align-items: center;
    gap: 4px
}

.report-layout .report-link {
    color: #000;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    text-decoration-line: underline
}

.related-layout {
    margin-top: 32px;
    padding-top: 32px;
    border-top: 1px solid #ddd;
    margin-bottom: 30px
}

.related-layout h2 {
    font-size: 22px;
    color: #222;
    line-height: 30px;
    font-weight: 700;
    padding-bottom: 20px
}

.related-layout .related-list {
    display: flex;
    gap: 20px;
    flex-wrap: wrap
}

.related-layout .related-list>a {
    padding: 8px 16px;
    border: 1px solid #ddd;
    border-radius: 24px;
    line-height: 16px;
    font-size: 14px;
    color: #222;
    -webkit-text-decoration: none;
    text-decoration: none
}

.related-layout .related-list>a:hover {
    border: 1px solid #222
}

.module_recommend {
    margin-top: 20px
}

.module_recommend .recommend-layout {
    border-top: 0
}

.recommend-layout {
    background-color: #fff;
    padding-top: 32px;
    margin-top: 32px;
    border-top: 1px solid #ddd
}

.recommend-layout:has(>div[data-visible=false]) {
    display: none
}

.recommend-layout.you_may_like {
    margin-top: 0
}

.recommend-layout.you_may_like .button-item {
    display: none
}

.recommend-layout a,.recommend-layout a:hover {
    -webkit-text-decoration: none;
    text-decoration: none
}

.module_ai_summary .index_module_AiSummary__0f7e53a3 {
    max-width: none
}

.service_layout {
    border-top: 1px solid #ddd;
    margin-top: 32px;
    padding-top: 28px
}

.service_layout h2 {
    color: #222;
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    margin-bottom: 20px
}

.service_layout .service-info {
    display: flex;
    gap: 17px;
    flex-direction: column
}

.service_layout .service-info .service-item {
    display: flex;
    gap: 4px;
    align-items: center
}

.service_layout .service-info .service-item img {
    height: 20px
}

.attribute-layout {
    margin-top: 32px;
    padding-top: 32px;
    border-top: 1px solid #ddd
}

.attribute-layout a {
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.attribute-layout.show-more .attribute-info {
    max-height: 440px;
    overflow: hidden;
    position: relative
}

.attribute-layout h2 {
    font-weight: 700;
    font-size: 20px;
    color: #222;
    line-height: 26px
}

.attribute-layout .attribute-info h3 {
    font-weight: 600;
    margin-bottom: 20px;
    margin-top: 20px
}

.attribute-layout .attribute-list {
    display: table;
    border-collapse: collapse
}

.attribute-layout .attribute-list .attribute-item {
    display: table-row;
    border: 1px solid #ddd
}

.attribute-layout .attribute-list .attribute-item>div {
    padding: 12px;
    font-weight: 400;
    font-size: 16px;
    color: #222;
    line-height: 22px;
    display: table-cell;
    border: 1px solid #ddd
}

.attribute-layout .attribute-list .attribute-item>div.left {
    width: 320px;
    background: #f4f4f4
}

.attribute-layout .attribute-list .attribute-item>div.right {
    width: 420px
}

.attribute-layout .attribute-list .attribute-item>div.right p {
    margin-bottom: 0;
    padding-bottom: 0;
    display: flex
}

.attribute-layout .attribute-list .attribute-item>div.right span {
    font-weight: 500;
    font-size: 16px;
    color: #222;
    line-height: 22px
}

.attribute-layout .attribute-list .attribute-item>div.right img {
    border-radius: 4px;
    width: 32px;
    height: 32px;
    margin-left: 10px
}

.lead-layout {
    border-top: 1px solid #ddd;
    margin-top: 32px
}

.lead-layout h2 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: 700;
    font-size: 20px;
    color: #222;
    line-height: 26px;
    margin-bottom: 20px;
    margin-top: 28px
}

.lead-layout h2 .lead-arrow {
    cursor: pointer
}

.lead-layout .lead-list {
    display: flex;
    font-size: 14px;
    color: #333
}

.lead-layout .lead-list table {
    border-collapse: collapse;
    border: 1px solid #ddd
}

.lead-layout .lead-list table td {
    border: 1px solid #ddd;
    padding: 12px
}

.lead-layout .lead-list table td:first-child {
    border-left: 0 solid #ddd;
    background-color: #f4f4f4
}

.lead-layout .lead-list table th {
    border: 2px solid #ddd;
    padding: 5px
}

.collapsible-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
    color: #222;
    font-weight: 700;
    font-size: 20px;
    line-height: 26px
}

.collapsible-title .detail-symbol:hover {
    cursor: pointer
}

.collapsible-layout {
    display: block
}

.collapsible-layout.hidden {
    display: none
}

.other-customization .im-alitalk-container {
    display: inline-block
}

.module_sample {
    margin: 0;
    padding: 0
}

.module_sample .sample-layout {
    margin-top: 32px;
    padding: 0
}

.module_sample .sample-layout button {
    height: 36px
}

.module_sample .sample-action {
    display: none
}

.sample-layout {
    margin-top: 16px;
    padding: 0 24px;
    font-weight: 400;
    font-size: 16px;
    color: #222;
    line-height: 22px;
    margin-bottom: 20px;
    border-top: 1px solid #ddd
}

.sample-layout a {
    color: #222;
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.sample-layout .sample-floor h2 {
    font-weight: 700;
    font-size: 20px;
    color: #222;
    line-height: 26px;
    margin-top: 32px;
    padding-bottom: 20px;
    margin-bottom: 0
}

.sample-layout .sample-item {
    font-weight: 400;
    font-size: 16px;
    color: #222;
    line-height: 22px;
    margin-bottom: 10px;
    display: flex
}

.sample-layout .sample-item .price {
    margin-left: 4px;
    display: flex;
    flex-direction: column
}

.sample-layout .sample-item .price del {
    font-size: 12px;
    color: #999
}

.sample-layout>a {
    font-weight: 400;
    font-size: 16px;
    color: #222;
    line-height: 22px
}

.sample-layout button {
    margin-top: 15px;
    border-color: #333!important
}

.sellingpoint {
    visibility: hidden;
    margin-top: 32px;
    border-top: 1px solid #ddd;
    padding-top: 32px;
    height: -moz-max-content;
    height: max-content;
    color: #222
}

.sellingpoint .show-more {
    height: 112px;
    overflow: hidden
}

.sellingpoint .header {
    margin-bottom: 24px
}

.sellingpoint .header h2 {
    font-weight: 700;
    font-size: 20px;
    line-height: 24px
}

.sellingpoint ul {
    position: relative;
    padding-left: 14px;
    min-height: 18px
}

.sellingpoint ul li {
    margin-bottom: 8px;
    font-size: 16px;
    line-height: 22px;
    list-style-type: disc;
    word-wrap: break-word
}

.sellingpoint ul li:last-of-type {
    margin-bottom: 0
}

.atp-tip-content>p {
    margin-bottom: 12px
}

#module_product_specification img {
    display: inline-block
}

.module_description .richtext table td {
    vertical-align: middle
}

.module_description .description-layout {
    margin-top: 32px;
    padding-top: 28px;
    border-top: 1px solid #ddd
}

.module_description .description-layout h2 {
    margin-bottom: 20px;
    color: #222;
    font-weight: 700;
    font-size: 20px;
    line-height: 26px
}

.module_description .description-layout .show-more {
    max-height: 720px
}

.module_description .description-layout .show-less {
    max-height: none
}

.module_description .layout-other-wrapper {
    overflow: hidden;
    position: relative
}

.module_description .description-show-button {
    margin-top: 20px;
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.module_description .description-show-button:hover {
    cursor: pointer
}

.market-opportunity-tool-container {
    padding-top: 28px;
    border-top: 1px solid #DDD
}

.selection-tool-wrapper {
    margin: 0;
    position: relative
}

.selection-tool-wrapper .popup {
    position: relative;
    z-index: 10000
}

.selection-tool-wrapper .popup .popup-close .close-icon {
    position: inherit
}

.selection-tool-wrapper .detail-selection-tool {
    margin-top: 32px;
    padding: 28px 0 0;
    border-top: 1px solid #ddd;
    border-radius: 0
}

.selection-tool-wrapper .detail-selection-tool .introduce-action {
    -webkit-text-decoration: underline;
    text-decoration: underline;
    display: flex;
    align-items: center
}

.selection-tool-wrapper .detail-selection-tool .introduce-title {
    font-size: 20px
}

.richtext-detail td {
    border-width: 1px
}

.detail-honorary-title {
    line-height: 18px;
    font-weight: 600;
    color: #222;
    letter-spacing: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.detail-honorary-title .popular-action {
    margin-left: 4px;
    font-weight: 400;
    color: #222
}

.module_skuCertification {
    padding: 0 24px
}

.product-sku-certifications {
    display: flex;
    font-size: 14px;
    line-height: 18px;
    font-weight: 400
}

.product-sku-certifications:empty {
    display: none
}

.selling-point {
    font-weight: 400;
    line-height: 18px
}

.certificate-dialog-layout {
    display: flex;
    gap: 34px;
    margin-top: 15px
}

.certificate-dialog-layout .prop-layout {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0
}

.certificate-dialog-layout .prop-layout .layout-image {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    width: 50vh;
    justify-content: flex-start;
    min-height: 30vh;
    max-width: 490px
}

.certificate-dialog-layout .prop-layout .layout-left,.certificate-dialog-layout .prop-layout .layout-right {
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    border-radius: 25px;
    background-color: #fff;
    width: 48px;
    height: 48px
}

.certificate-dialog-layout .prop-layout .layout-left {
    z-index: 1
}

.certificate-dialog-layout .prop-layout .layout-left:first-child {
    margin-right: -58px
}

.certificate-dialog-layout .prop-layout .layout-left:last-child {
    margin-left: -58px
}

.certificate-dialog-layout .prop-right {
    width: 440px
}

.certificate-dialog-layout .prop-right .certificate-info {
    display: flex;
    flex-direction: column;
    gap: 15px
}

.certificate-dialog-layout .prop-right .certificate-info .verified-image .icon-list {
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 4px
}

.certificate-dialog-layout .prop-right .certificate-info .verified-image img {
    height: 16px
}

.certificate-dialog-layout .prop-right .certificate-info .certificate-info {
    font-size: 16px;
    color: #222;
    line-height: 22px;
    margin-top: 5px
}

.certificate-dialog-layout .prop-right .certificate-info .certificate-info img {
    height: 24px
}

.certificate-dialog-layout .prop-right .certificate-info .certificate-content {
    font-size: 16px;
    color: #222;
    line-height: 22px
}

.certificate-dialog-layout .prop-right .certificate-info .certificate-header {
    display: flex;
    font-size: 20px;
    color: #222;
    line-height: 28px;
    align-items: center;
    gap: 8px
}

.certificate-dialog-layout .prop-right .certificate-info .certificate-header img {
    height: 20px
}

.detail-star {
    display: flex;
    align-items: center
}

.detail-star .detail-symbol {
    font-size: 16px
}

.detail-star .next-rating-icon:first-child {
    margin-left: 0
}

.detail-review {
    cursor: pointer;
    -webkit-text-decoration: underline;
    text-decoration: underline;
    margin-left: 4px
}

.detail-review-item {
    flex-shrink: 0
}

.star-rating-list {
    display: flex
}

.star-rating-list .fa-star-half {
    position: relative;
    display: inline-block
}

.star-rating-list .fa-star-half .fa-star-half-layout {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden
}

.star-rating-list .fa-star-half .fa-star-half-layout .detail-symbol {
    fill: #f60
}

.star-rating-list .detail-symbol {
    fill: #e6e7eb
}

.star-rating-list .detail-symbol.fa-star {
    fill: #f60
}

.detail-product-comment {
    display: flex;
    height: 34px;
    font-size: 14px;
    align-items: center
}

.detail-product-comment .star-rating-list {
    display: flex;
    vertical-align: top
}

.product-company {
    display: flex;
    align-items: center;
    margin-bottom: 24px;
    height: 40px;
    font-size: 14px;
    background-size: 100% 100%;
    background-color: #f8f8f8;
    border-radius: 4px
}

.product-company .company-logo {
    box-sizing: border-box;
    margin: 0 4px;
    width: 28px;
    height: 28px;
    border: .5px solid #ddd;
    border-radius: 4px;
    background-color: #fff
}

.product-company .product-company-info {
    display: flex;
    align-items: center;
    overflow: hidden;
    margin-left: 4px;
    height: 22px
}

.product-company .product-company-info .company-name {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.product-company .product-company-info .company-name a {
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.product-company .product-company-info .verify-icon {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    height: 12px
}

.product-company .product-company-info .verify-icon a {
    display: flex
}

.product-company .product-company-info .verify-icon img {
    margin-right: 4px;
    height: 12px;
    width: auto
}

.product-company .product-company-info .company-identity {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.product-company .product-company-info .company-life {
    flex-shrink: 0
}

.product-company .product-company-info .company-country {
    height: 18px;
    line-height: normal;
    flex-shrink: 0
}

.product-company .product-company-info .company-country>img {
    width: 16px;
    margin-right: 4px;
    -o-object-fit: contain;
    object-fit: contain
}

.react-dove-icon {
    display: block;
    font-size: 16px;
    font-size: var(--dove-icon-size, 16px);
    color: #fff;
    color: var(--dove-icon-color, #fff)
}

.react-dove-controls-fullscreen .react-dove-icon {
    font-size: 40px;
    font-size: var(--dove-icon-fullscreen-size, 40px)
}

.react-dove-playButton {
    opacity: .9;
    transition: opacity .5s ease;
    position: absolute;
    display: inline-block;
    box-sizing: border-box;
    width: 64px;
    width: var(--dove-playButton-width, 64px);
    background-color: #000;
    background-color: #0000;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.react-dove-playButton:after {
    content: "";
    display: block;
    padding-bottom: 100%
}

.react-dove-playButton-wapper {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    padding-left: 4px;
    border-radius: 50%;
    background-color: #0000004d;
    background-color: var(--dove-playButton-backgroud-color, rgba(0, 0, 0, .3));
    border: 2px solid rgba(255,255,255,.8);
    border: var(--dove-playButton-border-width, 2px) solid var(--dove-playButton-border-color, rgba(255, 255, 255, .8));
    display: flex;
    justify-content: center;
    align-items: center
}

.react-dove-playButton-arrow.react-dove-icon {
    font-size: 32px;
    font-size: var(--dove-playButton-font-size, 32px)
}

.react-dove-playButton.left {
    top: 20px;
    left: 20px
}

.react-dove-playButton.right {
    top: 20px;
    right: 20px
}

.react-dove-controls-fullscreen .react-dove-playButton {
    width: 80px;
    width: var(--dove-playButton-width, 80px)
}

.react-dove-bigPlay {
    z-index: 3
}

.react-dove-bigPlay.react-dove-bigPlay.hide {
    visibility: hidden;
    opacity: 0
}

.react-dove-button {
    background: #0000;
    border: none;
    cursor: pointer;
    line-height: inherit;
    text-transform: none;
    text-decoration: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    overflow: visible;
    font-size: inherit;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    padding: 0;
    flex-shrink: 0;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    color: var(--dove-control-color, #fff);
    outline: none
}

.react-dove-progress {
    flex: 1;
    box-sizing: border-box
}

.react-dove-progress-inner {
    width: 100%;
    padding: 0 4px;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    position: relative
}

.react-dove-progress-inner .react-dove-slider-handle {
    opacity: 0
}

.react-dove-progress-inner:hover .react-dove-slider,.react-dove-progress-inner .react-dove-slider-container.active .react-dove-slider {
    height: 12px;
    height: calc(var(--dove-slider-height, 9px) + var(--dove-slider-rail-active-height, 6px) - var(--dove-slider-rail-height, 3px))
}

.react-dove-progress-inner:hover .react-dove-slider-rail,.react-dove-progress-inner:hover .react-dove-slider-track,.react-dove-progress-inner:hover .react-dove-slider-step,.react-dove-progress-inner:hover .react-dove-slider-dot,.react-dove-progress-inner .react-dove-slider-container.active .react-dove-slider-rail,.react-dove-progress-inner .react-dove-slider-container.active .react-dove-slider-track,.react-dove-progress-inner .react-dove-slider-container.active .react-dove-slider-step,.react-dove-progress-inner .react-dove-slider-container.active .react-dove-slider-dot {
    height: 6px;
    height: var(--dove-slider-rail-active-height, 6px)
}

.react-dove-progress-inner:hover .react-dove-slider-handle,.react-dove-progress-inner .react-dove-slider-container.active .react-dove-slider-handle {
    opacity: 1;
    bottom: -1px!important;
    bottom: calc((var(--dove-slider-height, 9px) - var(--dove-slider-rail-height, 3px))/2 - (var(--dove-slider-handle-size, 14px) - var(--dove-slider-rail-active-height, 6px))/2)!important
}

.react-dove-progress.relative .react-dove-progress-inner {
    position: absolute;
    left: 0;
    right: 0;
    bottom: calc(100% - 3px);
    bottom: calc(100% - (var(--dove-slider-height, 9px) - var(--dove-slider-rail-height, 3px))/2);
    padding: 0
}

.react-dove-progress.absolute {
    width: 0%;
    padding: 0!important;
    flex: none
}

.react-dove-progress.absolute .react-dove-progress-inner {
    position: absolute;
    left: 0;
    right: 0;
    bottom: calc(100% - 3px);
    bottom: calc(100% - (var(--dove-slider-height, 9px) - var(--dove-slider-rail-height, 3px))/2);
    padding: 0
}

.react-dove-progress-segment {
    position: absolute;
    left: 0;
    top: 0;
    transform: translateY(calc(-100% - 18px));
    transform: translateY(calc(-100% - var(--dove-progress-segment-bottom, 12px) - var(--dove-slider-rail-active-height, 6px)));
    overflow-wrap: break-word;
    background-color: #fff;
    background-color: var(--dove-progress-segment-background, #fff);
    padding: 4px;
    width: 120px;
    line-height: 14px;
    font-weight: 700;
    font-size: 12px;
    color: #222;
    text-align: center;
    visibility: hidden;
    overflow: hidden
}

.react-dove-controls-fullscreen .react-dove-progress-inner:hover .react-dove-slider,.react-dove-controls-fullscreen .react-dove-progress-inner .react-dove-slider.active .react-dove-slider {
    height: 28px;
    height: calc(var(--dove-slider-fullscreen-height, 24px) + var(--dove-slider-rail-fullscreen-active-height, 12px) - var(--dove-slider-rail-fullscreen-height, 8px))
}

.react-dove-controls-fullscreen .react-dove-progress-inner:hover .react-dove-slider-rail,.react-dove-controls-fullscreen .react-dove-progress-inner:hover .react-dove-slider-track,.react-dove-controls-fullscreen .react-dove-progress-inner:hover .react-dove-slider-step,.react-dove-controls-fullscreen .react-dove-progress-inner:hover .react-dove-slider-dot,.react-dove-controls-fullscreen .react-dove-progress-inner .react-dove-slider.active .react-dove-slider-rail,.react-dove-controls-fullscreen .react-dove-progress-inner .react-dove-slider.active .react-dove-slider-track,.react-dove-controls-fullscreen .react-dove-progress-inner .react-dove-slider.active .react-dove-slider-step,.react-dove-controls-fullscreen .react-dove-progress-inner .react-dove-slider.active .react-dove-slider-dot {
    height: 12px;
    height: var(--dove-slider-rail-fullscreen-active-height, 12px)
}

.react-dove-controls-fullscreen .react-dove-progress-inner:hover .react-dove-slider-handle,.react-dove-controls-fullscreen .react-dove-progress-inner .react-dove-slider.active .react-dove-slider-handle {
    opacity: 1;
    bottom: 4px!important;
    bottom: calc((var(--dove-slider-fullscreen-height, 24px) - var(--dove-slider-rail-fullscreen-height, 8px))/2 - (var(--dove-slider-handle-fullscreen-size, 20px) - var(--dove-slider-rail-fullscreen-active-height, 12px))/2)!important
}

.react-dove-controls-fullscreen .react-dove-progress.relative .react-dove-progress-inner,.react-dove-controls-fullscreen .react-dove-progress.absolute .react-dove-progress-inner {
    bottom: calc(100% - 8px);
    bottom: calc(100% - (var(--dove-slider-fullscreen-height, 24px) - var(--dove-slider-rail-fullscreen-height, 8px))/2)
}

.react-dove-controls-fullscreen .react-dove-progress-segment {
    transform: translateY(calc(-100% - 24px));
    transform: translateY(calc(-100% - var(--dove-progress-segment-bottom, 12px) - var(--dove-slider-rail-fullscreen-active-height, 12px)));
    background-color: #fff;
    background-color: var(--dove-progress-segment-background, #fff);
    width: 200px;
    line-height: 19px;
    font-size: 16px
}

.react-dove-number {
    font-size: 12px;
    font-size: var(--dove-font-size-number, var(--dove-font-size-small, 12px));
    height: 16px;
    height: var(--dove-icon-size, 16px);
    line-height: 16px;
    line-height: var(--dove-icon-size, 16px)
}

.react-dove-controls-fullscreen .react-dove-number {
    font-size: 24px;
    font-size: var(--dove-font-size-fullscreen-number, 24px);
    height: 40px;
    height: var(--dove-icon-fullscreen-size, 40px);
    line-height: 40px;
    line-height: var(--dove-icon-fullscreen-size, 40px)
}

.react-dove-timeDivider {
    padding-left: 2px;
    padding-right: 2px
}

.react-dove-time.react-dove-button {
    cursor: inherit
}

.react-dove-time.react-dove-button:hover {
    background-color: #0000
}

.react-dove-time.toggle {
    cursor: pointer
}

.react-dove-timeControl {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center
}

.react-dove-fullscreen-disable .react-dove-icon {
    color: #a7b0be
}

.react-dove-volume-slider {
    --dove-slider-handle-size: 9px;
    --dove-slider-track-background: #fff
}

.react-dove-volume-slider .react-dove-slider-handle {
    opacity: 1
}

.react-dove-popup {
    background-color: #00000080;
    background-color: var(--dove-controls-background, rgba(0, 0, 0, .5));
    border-radius: 4px;
    z-index: 999999
}

.react-dove-popup.rc-tooltip-hidden {
    display: none
}

.react-dove-popup.hide {
    display: none!important
}

.react-dove-slider-container {
    width: 100%
}

.react-dove-slider-container .react-dove-slider {
    position: relative;
    padding: 3px 0;
    padding: calc((var(--dove-slider-height, 9px) - var(--dove-slider-rail-height, 3px))/2) 0;
    height: 9px;
    height: var(--dove-slider-height, 9px);
    width: 100%;
    touch-action: none;
    cursor: pointer;
    transition: height .2s ease
}

.react-dove-slider-container .react-dove-slider-rail {
    bottom: 3px;
    bottom: calc((var(--dove-slider-height, 9px) - var(--dove-slider-rail-height, 3px))/2);
    height: 3px;
    height: var(--dove-slider-rail-height, 3px);
    position: absolute;
    width: 100%;
    background-color: #ffffff80;
    background-color: var(--dove-slider-rail-background, rgba(255, 255, 255, .5));
    transition: height .2s ease
}

.react-dove-slider-container .react-dove-slider-track {
    bottom: 3px;
    bottom: calc((var(--dove-slider-height, 9px) - var(--dove-slider-rail-height, 3px))/2);
    height: 3px;
    height: var(--dove-slider-rail-height, 3px);
    position: absolute;
    background-color: #f60;
    background-color: var(--dove-slider-track-background, var(--dove-color-main, var(--dove-color-main, #f60)));
    transition: height .2s ease
}

.react-dove-slider-container .react-dove-slider-step {
    bottom: 3px;
    bottom: calc((var(--dove-slider-height, 9px) - var(--dove-slider-rail-height, 3px))/2);
    height: 3px;
    height: var(--dove-slider-rail-height, 3px);
    position: absolute;
    width: 100%;
    background: #0000
}

.react-dove-slider-container .react-dove-slider-handle {
    position: absolute;
    bottom: -2.5px;
    bottom: calc(calc((var(--dove-slider-height, 9px) - var(--dove-slider-rail-height, 3px)) / 2) - (var(--dove-slider-handle-size, 14px) - var(--dove-slider-rail-height, 3px)) / 2);
    width: 14px;
    width: var(--dove-slider-handle-size, 14px);
    height: 14px;
    height: var(--dove-slider-handle-size, 14px);
    background-color: #fff;
    background-color: var(--dove-slider-handle-background, #fff);
    border-radius: 50%;
    cursor: pointer;
    cursor: grab;
    touch-action: pan-x;
    pointer-events: none;
    transition: opacity .2s ease,bottom .2s ease
}

.react-dove-slider-container .react-dove-slider-dot {
    height: 3px;
    height: var(--dove-slider-rail-height, 3px);
    position: absolute;
    bottom: 0;
    width: 6px;
    width: var(--dove-slider-dot-width, 6px);
    background-color: #fff;
    background-color: var(--dove-slider-dot-background, #fff);
    cursor: pointer;
    transition: height .2s ease
}

.react-dove-slider-container.vertical {
    height: 100%;
    width: auto;
    width: initial
}

.react-dove-slider-container.vertical .react-dove-slider {
    padding: 0 3px;
    padding: 0 calc((var(--dove-slider-height, 9px) - var(--dove-slider-rail-height, 3px))/2);
    height: 100%;
    width: 9px;
    width: var(--dove-slider-height, 9px)
}

.react-dove-slider-container.vertical .react-dove-slider-rail {
    bottom: auto;
    bottom: initial;
    left: 3px;
    left: calc((var(--dove-slider-height, 9px) - var(--dove-slider-rail-height, 3px))/2);
    width: 3px;
    width: var(--dove-slider-rail-height, 3px);
    transition: width .2s ease;
    height: 100%
}

.react-dove-slider-container.vertical .react-dove-slider-track {
    bottom: auto;
    bottom: initial;
    left: 3px;
    left: calc((var(--dove-slider-height, 9px) - var(--dove-slider-rail-height, 3px))/2);
    width: 3px;
    width: var(--dove-slider-rail-height, 3px);
    transition: width .2s ease
}

.react-dove-slider-container.vertical .react-dove-slider-step {
    bottom: auto;
    bottom: initial;
    left: 3px;
    left: calc((var(--dove-slider-height, 9px) - var(--dove-slider-rail-height, 3px))/2);
    width: 3px;
    width: var(--dove-slider-rail-height, 3px);
    transition: width .2s ease;
    height: 100%
}

.react-dove-slider-container.vertical .react-dove-slider-handle {
    bottom: auto;
    bottom: initial;
    left: -2.5px;
    left: calc(calc((var(--dove-slider-height, 9px) - var(--dove-slider-rail-height, 3px)) / 2) - (var(--dove-slider-handle-size, 14px) - var(--dove-slider-rail-height, 3px)) / 2);
    transition: opacity .2s ease,left .2s ease
}

.react-dove-controls-fullscreen .react-dove-slider-container .react-dove-slider {
    padding: 8px 0;
    padding: calc((var(--dove-slider-fullscreen-height, 24px) - var(--dove-slider-rail-fullscreen-height, 8px))/2) 0;
    height: 24px;
    height: var(--dove-slider-fullscreen-height, 24px)
}

.react-dove-controls-fullscreen .react-dove-slider-container .react-dove-slider-rail,.react-dove-controls-fullscreen .react-dove-slider-container .react-dove-slider-track,.react-dove-controls-fullscreen .react-dove-slider-container .react-dove-slider-step {
    bottom: 8px;
    bottom: calc((var(--dove-slider-fullscreen-height, 24px) - var(--dove-slider-rail-fullscreen-height, 8px))/2);
    height: 8px;
    height: var(--dove-slider-rail-fullscreen-height, 8px)
}

.react-dove-controls-fullscreen .react-dove-slider-container .react-dove-slider-handle {
    bottom: 2px;
    bottom: calc(calc((var(--dove-slider-fullscreen-height, 24px) - var(--dove-slider-rail-fullscreen-height, 8px)) / 2) - (var(--dove-slider-handle-fullscreen-size, 20px) - var(--dove-slider-rail-fullscreen-height, 8px)) / 2);
    width: 20px;
    width: var(--dove-slider-handle-fullscreen-size, 20px);
    height: 20px;
    height: var(--dove-slider-handle-fullscreen-size, 20px)
}

.react-dove-controls-fullscreen .react-dove-slider-container .react-dove-slider-dot {
    height: 8px;
    height: var(--dove-slider-rail-fullscreen-height, 8px);
    width: 12px;
    width: var(--dove-slider-dot-fullscreen-width, 12px)
}

.react-dove-controls-fullscreen .react-dove-slider-container.vertical .react-dove-slider {
    padding: 0 8px;
    padding: 0 calc((var(--dove-slider-fullscreen-height, 24px) - var(--dove-slider-rail-fullscreen-height, 8px))/2);
    width: 24px;
    width: var(--dove-slider-fullscreen-height, 24px);
    height: 100%
}

.react-dove-controls-fullscreen .react-dove-slider-container.vertical .react-dove-slider-rail,.react-dove-controls-fullscreen .react-dove-slider-container.vertical .react-dove-slider-step {
    bottom: auto;
    bottom: initial;
    left: 8px;
    left: calc((var(--dove-slider-fullscreen-height, 24px) - var(--dove-slider-rail-fullscreen-height, 8px))/2);
    width: 8px;
    width: var(--dove-slider-rail-fullscreen-height, 8px);
    height: 100%
}

.react-dove-controls-fullscreen .react-dove-slider-container.vertical .react-dove-slider-track {
    bottom: auto;
    bottom: initial;
    left: 8px;
    left: calc((var(--dove-slider-fullscreen-height, 24px) - var(--dove-slider-rail-fullscreen-height, 8px))/2);
    width: 8px;
    width: var(--dove-slider-rail-fullscreen-height, 8px)
}

.react-dove-controls-fullscreen .react-dove-slider-container.vertical .react-dove-slider-handle {
    bottom: auto;
    bottom: initial;
    left: 2px;
    left: calc(calc((var(--dove-slider-fullscreen-height, 24px) - var(--dove-slider-rail-fullscreen-height, 8px)) / 2) - (var(--dove-slider-handle-fullscreen-size, 20px) - var(--dove-slider-rail-fullscreen-height, 8px)) / 2)
}

.react-dove-volume-control-wrapper,.react-dove-volume-control-wrapper .react-dove-volume-control-toggle {
    width: 100%;
    height: 100%
}

.react-dove-volume-control .react-dove-volumeControl-slider {
    margin-left: 4px;
    margin-left: var(--dove-control-spacing, 4px)
}

.react-dove-volume-control .react-dove-volumeControl-slider.hide {
    width: 0;
    overflow: hidden
}

.react-dove-volume-control.inline {
    width: 16px
}

.react-dove-volume-control.inline .react-dove-volumeControl-slider {
    display: none
}

.react-dove-volume-control.inline:hover,.react-dove-volume-control.inline.active {
    width: 90px;
    transition: all .5s ease;
    transition: var(--dove-transition, all .5s ease)
}

.react-dove-volume-control.inline:hover .react-dove-volumeControl-slider,.react-dove-volume-control.inline.active .react-dove-volumeControl-slider {
    display: block
}

.react-dove-volume-control .react-dove-button {
    z-index: 1
}

.react-dove-volume-control-popup {
    width: 28px;
    width: var(--dove-control-size, 28px);
    height: 80px;
    padding: 8px 0;
    top: 0!important;
    transform: translateY(calc(-100% - 11px));
    transform: translateY(calc(-100% - var(--dove-control-popup-bottom, 11px)))
}

.react-dove-volume-control-popup .rc-tooltip-content,.react-dove-volume-control-popup .rc-tooltip-inner {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.react-dove-controls-fullscreen .react-dove-volume-control-popup {
    width: 60px;
    width: var(--dove-control-fullscreen-size, 60px);
    height: 160px;
    padding: 12px 0;
    transform: translateY(calc(-100% - 24px));
    transform: translateY(calc(-100% - var(--dove-control-fullscreen-popup-bottom, 24px)))
}

.react-dove-controls {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 36px;
    height: var(--dove-controls-height, 36px);
    box-sizing: border-box;
    background: #00000080;
    background: var(--dove-controls-background, rgba(0, 0, 0, .5));
    color: #fff;
    color: var(--dove-control-color, #fff)
}

.react-dove-controls-wrapper {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    padding: 0 12px;
    padding: 0 var(--dove-controls-padding, 12px);
    display: flex;
    align-items: center;
    box-sizing: border-box
}

.react-dove-controls-wrapper>*+* {
    margin-left: 4px;
    margin-left: var(--dove-control-spacing, 4px)
}

.react-dove-controls-wrapper .react-dove-controls-item {
    width: 28px;
    width: var(--dove-control-size, 28px);
    height: 28px;
    height: var(--dove-control-size, 28px);
    border-radius: 4px;
    border-radius: var(--dove-control-border-radius, 4px);
    display: flex;
    justify-content: center;
    align-items: center
}

.react-dove-controls-wrapper .react-dove-controls-item>* {
    width: 100%;
    height: 100%
}

.react-dove-controls-wrapper .react-dove-controls-item:hover {
    background-color: #00000080;
    background-color: var(--dove-controls-background, rgba(0, 0, 0, .5))
}

.react-dove-controls-fullscreen .react-dove-controls {
    height: 72px;
    height: var(--dove-controls-fullscreen-height, 72px)
}

.react-dove-controls-fullscreen .react-dove-controls-wrapper {
    padding: 0 40px;
    padding: 0 var(--dove-controls-fullscreen-padding, 40px)
}

.react-dove-controls-fullscreen .react-dove-controls-wrapper>*+* {
    margin-left: 20px;
    margin-left: var(--dove-control-fullscreen-spacing, 20px)
}

.react-dove-controls-fullscreen .react-dove-controls-wrapper .react-dove-controls-item {
    width: 60px;
    width: var(--dove-control-fullscreen-size, 60px);
    height: 60px;
    height: var(--dove-control-fullscreen-size, 60px);
    border-radius: 8px;
    border-radius: var(--dove-control-fullscreen-border-radius, 8px)
}

.react-dove-error {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 4;
    background: #000000e6;
    color: #fff;
    color: var(--dove-control-color, #fff)
}

.react-dove-error .react-dove-error-message {
    display: flex;
    justify-content: center;
    padding: 24px;
    font-size: 14px;
    font-size: var(--dove-font-size-base, 14px)
}

.react-dove-error .react-dove-error-reload {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    cursor: pointer
}

.react-dove-error .react-dove-error-reload .react-dove-icon {
    font-size: 32px;
    font-size: calc(var(--dove-icon-size, 16px) * 2)
}

.react-dove-error .react-dove-error-close {
    position: absolute;
    right: 20px;
    top: 20px;
    cursor: pointer
}

.react-dove-error .react-dove-error-close .react-dove-icon {
    font-size: 24px;
    font-size: calc(var(--dove-icon-size, 16px) * 1.5)
}

.react-dove-loading {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 3;
    color: #fff;
    color: var(--dove-control-color, #fff);
    transform: translate(-50%,-50%)
}

.react-dove-image {
    width: 100%;
    height: 100%;
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    -o-object-fit: contain;
    object-fit: contain;
    background-color: #000;
    background-color: var(--dove-video-background, rgb(0, 0, 0))
}

.react-dove-controls-wraper {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    cursor: pointer
}

.react-dove-controls-wraper-inner {
    position: absolute;
    left: 0;
    top: 0;
    visibility: visible;
    opacity: 1;
    transition: all .5s ease;
    transition: var(--dove-transition, all .5s ease);
    width: 100%;
    height: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.react-dove-controls-wraper-inner.hide {
    visibility: hidden;
    opacity: 0
}

.react-dove-controls-wraper-outer {
    position: absolute;
    left: 0;
    top: 0;
    visibility: visible;
    opacity: 1;
    transition: all .5s ease;
    transition: var(--dove-transition, all .5s ease);
    width: 100%;
    height: 100%
}

.react-dove {
    position: relative;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    width: 320px;
    height: 180px
}

.react-dove .react-dove-container {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center
}

.react-dove .react-dove-container .react-dove-video {
    width: 100%;
    height: 100%;
    background-color: #000;
    background-color: var(--dove-video-background, rgb(0, 0, 0))
}

.react-dove * {
    box-sizing: border-box
}

.detail-video-container {
    width: 100%;
    height: 100%
}

.detail-video-container .detail-video-player {
    margin: 0 auto;
    max-width: 100%
}

.detail-video-container .react-dove-view-port {
    background-color: #000;
    width: 100%;
    height: 100%
}

.detail-video-placeholder {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.detail-video-placeholder>img {
    transform: scale(1.1);
    background: #000;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.detail-video-placeholder .play-triangle {
    cursor: pointer;
    border-top: 16px solid transparent;
    border-bottom: 16px solid transparent;
    border-left: 26px solid #fff;
    width: 0;
    height: 0
}

.react-videox-subtitle {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    justify-content: center;
    margin-bottom: 1%;
    color: #fff;
    font-family: PingFang SC,SF Pro SC,SF Pro Text,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif;
    text-shadow: -1px 1px 0 rgba(0,0,0,.7),1px 1px 0 rgba(0,0,0,.7),1px -1px 0 rgba(0,0,0,.7),-1px -1px 0 rgba(0,0,0,.7);
    background-color: none;
    border-radius: 0;
    pointer-events: none;
    -webkit-font-smoothing: antialiased;
    -webkit-box-pack: center;
    -ms-flex-pack: center
}

.react-videox-subtitle-inner {
    display: block;
    max-width: 92%
}

.react-videox-subtitle-inner .text-track-single {
    -webkit-line-clamp: 1
}

.react-videox-subtitle-inner .text-track-double {
    -webkit-line-clamp: 2
}

.react-videox-subtitle-inner .text-track-three {
    -webkit-line-clamp: 3
}

.react-videox-subtitle-span {
    display: -webkit-box;
    padding: 1px 4px;
    overflow: hidden;
    line-height: 120%;
    text-align: center;
    text-overflow: ellipsis;
    word-break: break-word;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.searchx-find-similar__wrapper {
    height: 36px;
    width: 36px
}

.searchx-find-similar__wrapper .searchx-find-similar__first_tip {
    white-space: wrap;
    width: 338px
}

.searchx-find-similar {
    position: relative
}

.searchx-find-similar.searchx-find-similar__icon {
    background-color: #fff;
    border-radius: 50%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer
}

.searchx-find-similar.searchx-find-similar__icon.theme-translucent {
    border: 1px solid #ddd;
    background-color: #fffc
}

.searchx-find-similar.searchx-find-similar__icon.theme-translucent:hover {
    border: 1px solid #222;
    background-color: #f4f4f4;
    box-shadow: none
}

.searchx-find-similar.searchx-find-similar__icon.theme-float,.searchx-find-similar.searchx-find-similar__icon.normal:hover {
    box-shadow: 0 2px 6px 2px #0000001f
}

.searchx-find-similar .searchx-find-similar__img {
    width: 20px;
    height: 20px
}

.searchx-find-similar__popover {
    color: #fff;
    position: absolute;
    background-color: #000;
    padding: 20px;
    max-width: 338px;
    border-radius: 8px;
    font-size: 16px;
    line-height: 22px;
    z-index: 1000;
    opacity: 0;
    transition: opacity .5s
}

.searchx-find-similar__popover .searchx-find-similar__popover-header {
    display: flex;
    justify-content: space-between;
    font-weight: 700;
    margin-bottom: 8px
}

.searchx-find-similar__popover .searchx-find-similar__popover-header .searchx-find-similar_close-icon {
    height: 20px;
    cursor: pointer
}

.searchx-find-similar__popover.top .searchx-find-similar__popover-arrow {
    left: 50%;
    top: 100%;
    transform: translate(-50%,-60%) rotate(45deg)
}

.searchx-find-similar__popover.bottom .searchx-find-similar__popover-arrow {
    left: 50%;
    top: 0;
    transform: translate(-50%,-40%) rotate(45deg)
}

.searchx-find-similar__popover.left .searchx-find-similar__popover-arrow {
    right: 0;
    top: 50%;
    transform: translate(40%,-50%) rotate(45deg)
}

.searchx-find-similar__popover.right .searchx-find-similar__popover-arrow {
    left: 0;
    top: 50%;
    transform: translate(-40%,-50%) rotate(45deg)
}

.searchx-find-similar__popover .searchx-find-similar__popover-arrow {
    position: absolute;
    width: 12px;
    height: 12px;
    background-color: #000
}

[data-module=MainImage] .new-detail-find-similar-container {
    position: absolute;
    top: 80px;
    right: 14px
}

[data-module=MainImage] .new-detail-find-similar-container .detail-find-similar {
    width: 40px;
    height: 40px
}

[data-module=MainImage] .new-detail-find-similar-container .searchx-find-similar,[data-module=MainImage] .new-detail-find-similar-container .searchx-find-similar.searchx-find-similar__icon.theme-translucent:hover {
    border: none;
    box-shadow: 0 2px 6px 2px #0000001f
}

[data-module=MainImage] .new-detail-find-similar-container .searchx-find-similar__img {
    width: 24px;
    height: 24px
}

[data-module=MainImage] .detail-find-similar-container {
    position: absolute;
    top: 80px;
    right: 16px
}

[data-module=MainImage] .detail-find-similar-container .detail-find-similar {
    width: 48px;
    height: 48px
}

[data-module=MainImage] .detail-find-similar-container .searchx-find-similar,[data-module=MainImage] .detail-find-similar-container .searchx-find-similar.searchx-find-similar__icon.theme-translucent:hover {
    border: none;
    box-shadow: 0 2px 6px 2px #0000001f
}

[data-module=MainImage] .detail-find-similar-container .searchx-find-similar__img {
    width: 28px;
    height: 28px
}

.product-title-container {
    font-size: 14px;
    line-height: 18px;
    font-weight: 400
}

.product-title-container .product-certifications {
    display: flex;
    height: 18px;
    margin-bottom: 12px
}

.product-title-container .product-certifications .self-operated-business {
    color: hsl(var(--highlight-dark))
}

.product-title-container h1 {
    background: none!important;
    -webkit-text-fill-color: #222!important;
    margin-bottom: 8px;
    line-height: 26px;
    font-weight: 600;
    font-size: 18px;
    margin-top: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    color: #222;
    letter-spacing: 0
}

.product-title-container h1>img {
    margin-right: 4px;
    margin-bottom: 4px;
    height: 16px;
    vertical-align: text-bottom;
    display: inline-block
}

.layout-body {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    margin: 0 auto;
    min-width: 1180px;
    max-width: 1440px
}

.layout-body .detail-separator {
    display: flex
}

.layout-body .detail-separator:after {
    margin: 0 4px;
    content: "\b7"
}

.layout-body .detail-separator:last-of-type:after {
    display: none
}

.layout-right {
    position: relative;
    width: 37%
}

.layout-right .layout-stick {
    display: flow-root;
    position: relative;
    box-shadow: 0 0 0 1px #ddd;
    border-radius: 8px;
    background: #fff
}

.layout-right .layout-stick.action-section-fade-down {
    animation-duration: .5s;
    animation-timing-function: ease-out;
    animation-name: action-section-fade-down
}

.layout-right .layout-stick.action-section-fade-up {
    animation-duration: .6s;
    animation-timing-function: ease-out;
    animation-name: action-section-fade-up
}

.layout-right .layout-stick:not(.sticky) .right-bottom-sticky {
    position: sticky;
    bottom: 0;
    z-index: 20
}

.layout-right .layout-stick:not(.sticky) .right-bottom-sticky-custom {
    filter: drop-shadow(0 -4px 8px rgba(0,0,0,.08));
    margin: 0 0 8px;
    padding: 20px 0 12px
}

@media screen and (min-width: 1920px) {
    .layout-right .layout-stick:not(.sticky) .right-bottom-sticky-custom {
        margin:0 0 4px;
        padding: 20px 0 16px
    }
}

.layout-right .layout-stick.sticky {
    position: sticky;
    top: 135px;
    box-sizing: border-box;
    margin-top: 20px;
    margin-bottom: 20px;
    background-color: #fff
}

.layout-right .layout-stick.sticky .layout-overview {
    padding-bottom: 120px;
    max-height: calc(100vh - 200px);
    overflow-x: hidden;
    overflow-y: auto
}

.layout-right .layout-stick.sticky .module_free_shipping {
    position: absolute;
    bottom: 84px;
    z-index: 3;
    width: 100%
}

.layout-right .layout-stick.sticky .module_free_shipping .free-shipping-layout {
    margin: 0;
    border-radius: 0
}

.layout-right .layout-stick.sticky .sku-option .next-number-picker {
    margin-bottom: 20px
}

.layout-right .layout-stick.sticky .bottom-action {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 0 20px
}

.layout-right .layout-stick.sticky .bottom-action .module_order,.layout-right .layout-stick.sticky .bottom-action .module_cart {
    flex: 1;
    margin-right: 16px
}

.layout-right .layout-stick.sticky .bottom-action>div button {
    width: 100%;
    height: 48px
}

.layout-right .layout-stick.sticky .bottom-action>div button span {
    font-weight: 700;
    font-size: 16px;
    line-height: 22px
}

.layout-right .layout-stick.sticky .module_ta_plus .product-ta-content {
    flex-direction: row;
    align-items: flex-start
}

.layout-right .layout-stick.sticky .module_ta_plus .product-ta-content .logo-list {
    margin-left: 0
}

.layout-right .layout-stick.sticky .module_ta_plus .product-ta-content .ta-content-left span {
    display: none
}

.layout-right .layout-stick.sticky .module_ta_plus .product-ta-content .ta-content-right p {
    margin-left: 0
}

.layout-right .layout-stick.sticky .right-bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    margin: 0;
    box-shadow: 0 2px 15px #afafaf80;
    border-radius: 0 0 8px 8px;
    background-color: #fff;
    padding-top: 16px;
    padding-bottom: 20px;
    width: 100%
}

.layout-right .layout-stick.sticky .right-bottom .sample-layout {
    margin-top: 16px;
    margin-bottom: 0;
    border-top: 0
}

.layout-right .layout-stick.sticky .right-bottom .bottom-action {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 0 20px
}

.layout-right .layout-stick.sticky .right-bottom .bottom-action .module_order,.layout-right .layout-stick.sticky .right-bottom .bottom-action .module_cart {
    flex: 1;
    margin-right: 16px
}

.layout-right .layout-stick.sticky .right-bottom .bottom-action>div button {
    width: 100%;
    height: 48px
}

.layout-right .layout-stick.sticky .right-bottom .bottom-action>div button span {
    font-weight: 700;
    font-size: 16px;
    line-height: 22px
}

.layout-right .layout-stick.sticky .buyer-benefits h4 {
    margin-bottom: 20px;
    font-weight: 600
}

.layout-right .layout-stick.sticky .buyer-benefits .buyer-arrow {
    display: block
}

.layout-right .layout-stick.sticky .buyer-benefits .buyer-item {
    display: none
}

.layout-right .layout-stick.sticky .buyer-benefits .buyer-item.shown {
    display: block
}

.layout-right .right-bottom {
    margin: auto;
    background-color: #fff;
    padding: 20px 0;
    width: calc(100% - 2px)
}

@keyframes action-section-fade-down {
    0% {
        transform: translate3d(0,60px,0);
        opacity: 0
    }

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

@keyframes action-section-fade-up {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

*,:before,:after {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(59, 130, 246, .5);
    --tw-ring-offset-shadow: 0 0 rgba(0,0,0,0);
    --tw-ring-shadow: 0 0 rgba(0,0,0,0);
    --tw-shadow: 0 0 rgba(0,0,0,0);
    --tw-shadow-colored: 0 0 rgba(0,0,0,0);
    --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 rgba(0,0,0,0);
    --tw-ring-shadow: 0 0 rgba(0,0,0,0);
    --tw-shadow: 0 0 rgba(0,0,0,0);
    --tw-shadow-colored: 0 0 rgba(0,0,0,0);
    --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
 */
*,:before,:after {
    box-sizing: border-box;
    border-width: 0;
    border-style: solid;
    border-color: #e5e7eb
}

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

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

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

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

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

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

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

b,strong {
    font-weight: bolder
}

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

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

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

button,input,optgroup,select,textarea {
    font-family: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    font-size: 100%;
    font-weight: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    color: 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,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre {
    margin: 0
}

fieldset {
    margin: 0;
    padding: 0
}

legend {
    padding: 0
}

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

dialog {
    padding: 0
}

textarea {
    resize: vertical
}

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

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

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

:disabled {
    cursor: default
}

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

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

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

:root {
    --background: 0 0% 100%;
    --foreground: 240 10% 3.9%;
    --card: 0 0% 100%;
    --card-foreground: 240 10% 3.9%;
    --popover: 0 0% 100%;
    --popover-foreground: 240 10% 3.9%;
    --highlight: 24 100% 50%;
    --highlight-dark: 19 91% 43%;
    --primary: 240 5.9% 10%;
    --primary-foreground: 0 0% 98%;
    --secondary: 240 4.8% 95.9%;
    --secondary-foreground: 240 5.9% 10%;
    --muted: 240 4.8% 95.9%;
    --muted-foreground: 240 3.8% 46.1%;
    --accent: 240 4.8% 95.9%;
    --accent-foreground: 240 5.9% 10%;
    --destructive: 0 84.2% 60.2%;
    --destructive-foreground: 0 0% 98%;
    --border: 240 5.9% 90%;
    --input: 240 5.9% 90%;
    --ring: 240 5.9% 10%;
    --radius: .5rem
}

.dark {
    --background: 240 10% 3.9%;
    --foreground: 0 0% 98%;
    --card: 240 10% 3.9%;
    --card-foreground: 0 0% 98%;
    --popover: 240 10% 3.9%;
    --popover-foreground: 0 0% 98%;
    --primary: 0 0% 98%;
    --primary-foreground: 240 5.9% 10%;
    --secondary: 240 3.7% 15.9%;
    --secondary-foreground: 0 0% 98%;
    --muted: 240 3.7% 15.9%;
    --muted-foreground: 240 5% 64.9%;
    --accent: 240 3.7% 15.9%;
    --accent-foreground: 0 0% 98%;
    --destructive: 0 62.8% 30.6%;
    --destructive-foreground: 0 0% 98%;
    --border: 240 3.7% 15.9%;
    --input: 240 3.7% 15.9%;
    --ring: 240 4.9% 83.9%
}

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

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

.id-pointer-events-auto {
    pointer-events: auto
}

.id-fixed {
    position: fixed
}

.id-absolute {
    position: absolute
}

.id-relative {
    position: relative
}

.id-sticky {
    position: sticky
}

.id-inset-0 {
    inset: 0
}

.id-inset-x-0 {
    left: 0;
    right: 0
}

.id-inset-x-1 {
    left: .25rem;
    right: .25rem
}

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

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

.-id-top-4 {
    top: -1rem
}

.id-bottom-0 {
    bottom: 0
}

.id-bottom-16 {
    bottom: 4rem
}

.id-bottom-2 {
    bottom: .5rem
}

.id-bottom-4 {
    bottom: 1rem
}

.id-bottom-40 {
    bottom: 10rem
}

.id-bottom-\[200px\] {
    bottom: 200px
}

.id-bottom-\[60px\] {
    bottom: 60px
}

.id-end-0 {
    right: 0
}

.id-end-5 {
    right: 1.25rem
}

.id-end-7 {
    right: 1.75rem
}

.id-left-0 {
    left: 0
}

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

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

.id-left-2 {
    left: .5rem
}

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

.id-left-4 {
    left: 1rem
}

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

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

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

.id-left-\[375px\] {
    left: 375px
}

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

.id-right-0 {
    right: 0
}

.id-right-10 {
    right: 2.5rem
}

.id-right-2 {
    right: .5rem
}

.id-right-3 {
    right: .75rem
}

.id-right-4 {
    right: 1rem
}

.id-right-6 {
    right: 1.5rem
}

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

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

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

.id-top-0 {
    top: 0
}

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

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

.id-top-10 {
    top: 2.5rem
}

.id-top-16 {
    top: 4rem
}

.id-top-2 {
    top: .5rem
}

.id-top-4 {
    top: 1rem
}

.id-top-6 {
    top: 1.5rem
}

.id-top-7 {
    top: 1.75rem
}

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

.id-top-\[100px\] {
    top: 100px
}

.id-top-\[18px\] {
    top: 18px
}

.id-top-\[20\%\] {
    top: 20%
}

.id-top-\[35px\] {
    top: 35px
}

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

.-id-z-10 {
    z-index: -10
}

.id-z-10 {
    z-index: 10
}

.id-z-50 {
    z-index: 50
}

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

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

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

.id-z-\[9999\],.id-z-background {
    z-index: 9999
}

.id-z-base {
    z-index: 1
}

.id-z-foreground {
    z-index: 10000
}

.id-z-panelBackground {
    z-index: 9100
}

.id-z-panelForeGround {
    z-index: 9200
}

.id-m-0 {
    margin: 0
}

.id-m-0\.5 {
    margin: .125rem
}

.id-m-5 {
    margin: 1.25rem
}

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

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

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

.id-mx-2 {
    margin-left: .5rem;
    margin-right: .5rem
}

.id-mx-3 {
    margin-left: .75rem;
    margin-right: .75rem
}

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

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

.id-mx-6 {
    margin-left: 1.5rem;
    margin-right: 1.5rem
}

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

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

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

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

.id-my-2 {
    margin-top: .5rem;
    margin-bottom: .5rem
}

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

.id-my-5 {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem
}

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

.id-my-8 {
    margin-top: 2rem;
    margin-bottom: 2rem
}

.-id-mt-px {
    margin-top: -1px
}

.id--ml-4 {
    margin-left: -1rem
}

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

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

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

.id-mb-0\.5 {
    margin-bottom: .125rem
}

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

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

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

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

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

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

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

.id-mb-7 {
    margin-bottom: 1.75rem
}

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

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

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

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

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

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

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

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

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

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

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

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

.id-me-0 {
    margin-right: 0
}

.id-me-0\.5 {
    margin-right: .125rem
}

.id-me-1 {
    margin-right: .25rem
}

.id-me-2 {
    margin-right: .5rem
}

.id-me-3 {
    margin-right: .75rem
}

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

.id-ml-0 {
    margin-left: 0
}

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

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

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

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

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

.id-ml-auto {
    margin-left: auto
}

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

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

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

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

.id-mr-5 {
    margin-right: 1.25rem
}

.id-mr-8 {
    margin-right: 2rem
}

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

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

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

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

.id-ms-0\.5 {
    margin-left: .125rem
}

.id-ms-1 {
    margin-left: .25rem
}

.id-ms-2 {
    margin-left: .5rem
}

.id-ms-3 {
    margin-left: .75rem
}

.id-ms-5 {
    margin-left: 1.25rem
}

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

.id-ms-auto {
    margin-left: auto
}

.id-mt-0 {
    margin-top: 0
}

.id-mt-0\.5 {
    margin-top: .125rem
}

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

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

.id-mt-24 {
    margin-top: 6rem
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.id-mt-auto {
    margin-top: auto
}

.id-mt-px {
    margin-top: 1px
}

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

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

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

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

.id-block {
    display: block
}

.id-inline-block {
    display: inline-block
}

.id-inline {
    display: inline
}

.id-flex {
    display: flex
}

.id-inline-flex {
    display: inline-flex
}

.id-table {
    display: table
}

.id-table-row {
    display: table-row
}

.id-grid {
    display: grid
}

.id-hidden {
    display: none
}

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

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

.id-aspect-square {
    aspect-ratio: 1 / 1
}

.id-size-0 {
    width: 0px;
    height: 0px
}

.id-size-0\.5 {
    width: .125rem;
    height: .125rem
}

.id-size-10 {
    width: 2.5rem;
    height: 2.5rem
}

.id-size-12 {
    width: 3rem;
    height: 3rem
}

.id-size-16 {
    width: 4rem;
    height: 4rem
}

.id-size-3\.5 {
    width: .875rem;
    height: .875rem
}

.id-size-4 {
    width: 1rem;
    height: 1rem
}

.id-size-5 {
    width: 1.25rem;
    height: 1.25rem
}

.id-size-6 {
    width: 1.5rem;
    height: 1.5rem
}

.id-size-7 {
    width: 1.75rem;
    height: 1.75rem
}

.id-size-8 {
    width: 2rem;
    height: 2rem
}

.id-size-9 {
    width: 2.25rem;
    height: 2.25rem
}

.id-size-\[13\.5px\] {
    width: 13.5px;
    height: 13.5px
}

.id-size-\[13px\] {
    width: 13px;
    height: 13px
}

.id-size-\[14px\] {
    width: 14px;
    height: 14px
}

.id-size-\[15px\] {
    width: 15px;
    height: 15px
}

.id-size-\[18px\] {
    width: 18px;
    height: 18px
}

.id-size-\[3px\] {
    width: 3px;
    height: 3px
}

.id-size-\[55px\] {
    width: 55px;
    height: 55px
}

.id-size-\[58px\] {
    width: 58px;
    height: 58px
}

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

.id-h-0 {
    height: 0px
}

.id-h-1 {
    height: .25rem
}

.id-h-10 {
    height: 2.5rem
}

.id-h-11 {
    height: 2.75rem
}

.id-h-12 {
    height: 3rem
}

.id-h-14 {
    height: 3.5rem
}

.id-h-16 {
    height: 4rem
}

.id-h-2 {
    height: .5rem
}

.id-h-20 {
    height: 5rem
}

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

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

.id-h-4 {
    height: 1rem
}

.id-h-4\/5 {
    height: 80%
}

.id-h-5 {
    height: 1.25rem
}

.id-h-6 {
    height: 1.5rem
}

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

.id-h-8 {
    height: 2rem
}

.id-h-9 {
    height: 2.25rem
}

.id-h-96 {
    height: 24rem
}

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

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

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

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

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

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

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

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

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

.id-h-\[151px\] {
    height: 151px
}

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

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

.id-h-\[174px\] {
    height: 174px
}

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

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

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

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

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

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

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

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

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

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

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

.id-h-\[400px\] {
    height: 400px
}

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

.id-h-\[40vh\] {
    height: 40vh
}

.id-h-\[414px\] {
    height: 414px
}

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

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

.id-h-\[496px\] {
    height: 496px
}

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

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

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

.id-h-\[58px\] {
    height: 58px
}

.id-h-\[600px\] {
    height: 600px
}

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

.id-h-\[60vh\] {
    height: 60vh
}

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

.id-h-\[67px\] {
    height: 67px
}

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

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

.id-h-\[72px\] {
    height: 72px
}

.id-h-\[76px\] {
    height: 76px
}

.id-h-\[780px\] {
    height: 780px
}

.id-h-\[80vh\] {
    height: 80vh
}

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

.id-h-\[85vh\] {
    height: 85vh
}

.id-h-auto {
    height: auto
}

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

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

.id-h-px {
    height: 1px
}

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

.id-max-h-9 {
    max-height: 2.25rem
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.id-max-h-none {
    max-height: none
}

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

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

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

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

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

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

.id-w-1 {
    width: .25rem
}

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

.id-w-1\/3 {
    width: 33.333333%
}

.id-w-1\/4 {
    width: 25%
}

.id-w-10 {
    width: 2.5rem
}

.id-w-11 {
    width: 2.75rem
}

.id-w-12 {
    width: 3rem
}

.id-w-14 {
    width: 3.5rem
}

.id-w-16 {
    width: 4rem
}

.id-w-2 {
    width: .5rem
}

.id-w-20 {
    width: 5rem
}

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

.id-w-3\/4 {
    width: 75%
}

.id-w-4 {
    width: 1rem
}

.id-w-5 {
    width: 1.25rem
}

.id-w-5\/12 {
    width: 41.666667%
}

.id-w-6 {
    width: 1.5rem
}

.id-w-7 {
    width: 1.75rem
}

.id-w-7\/12 {
    width: 58.333333%
}

.id-w-72 {
    width: 18rem
}

.id-w-8 {
    width: 2rem
}

.id-w-9 {
    width: 2.25rem
}

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

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

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

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

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

.id-w-\[110px\] {
    width: 110px
}

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

.id-w-\[118px\] {
    width: 118px
}

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

.id-w-\[126px\] {
    width: 126px
}

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

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

.id-w-\[14px\] {
    width: 14px
}

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

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

.id-w-\[173px\] {
    width: 173px
}

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

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

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

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

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

.id-w-\[297px\] {
    width: 297px
}

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

.id-w-\[335px\] {
    width: 335px
}

.id-w-\[339px\] {
    width: 339px
}

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

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

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

.id-w-\[47\%\] {
    width: 47%
}

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

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

.id-w-\[51px\] {
    width: 51px
}

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

.id-w-\[553px\] {
    width: 553px
}

.id-w-\[55px\] {
    width: 55px
}

.id-w-\[560px\] {
    width: 560px
}

.id-w-\[561px\] {
    width: 561px
}

.id-w-\[576px\] {
    width: 576px
}

.id-w-\[59\%\] {
    width: 59%
}

.id-w-\[60\%\] {
    width: 60%
}

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

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

.id-w-\[640px\] {
    width: 640px
}

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

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

.id-w-\[690px\] {
    width: 690px
}

.id-w-\[710px\] {
    width: 710px
}

.id-w-\[80vh\] {
    width: 80vh
}

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

.id-w-\[850px\] {
    width: 850px
}

.id-w-\[9\%\] {
    width: 9%
}

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

.id-w-\[96px\] {
    width: 96px
}

.id-w-\[calc\(100\%-32px\)\] {
    width: calc(100% - 32px)
}

.id-w-\[calc\(100vw-140px\)\] {
    width: calc(100vw - 140px)
}

.id-w-\[calc\(100vw-600px\)\] {
    width: calc(100vw - 600px)
}

.id-w-auto {
    width: auto
}

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

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

.id-w-screen {
    width: 100vw
}

.id-min-w-0 {
    min-width: 0px
}

.id-min-w-11 {
    min-width: 2.75rem
}

.id-min-w-16 {
    min-width: 4rem
}

.id-min-w-20 {
    min-width: 5rem
}

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

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

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

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

.id-min-w-\[8rem\] {
    min-width: 8rem
}

.id-max-w-3xl {
    max-width: 48rem
}

.id-max-w-4xl {
    max-width: 56rem
}

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

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

.id-max-w-\[124\.8vh\] {
    max-width: 124.8vh
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.id-max-w-lg {
    max-width: 32rem
}

.id-max-w-xl {
    max-width: 36rem
}

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

.id-flex-shrink {
    flex-shrink: 1
}

.id-flex-shrink-0,.id-shrink-0 {
    flex-shrink: 0
}

.id-flex-grow {
    flex-grow: 1
}

.id-flex-grow-0,.id-grow-0 {
    flex-grow: 0
}

.id-basis-1\/6 {
    flex-basis: 16.666667%
}

.id-basis-6 {
    flex-basis: 1.5rem
}

.id-basis-7 {
    flex-basis: 1.75rem
}

.id-basis-auto {
    flex-basis: auto
}

.id-basis-full {
    flex-basis: 100%
}

.id-table-fixed {
    table-layout: fixed
}

.id-caption-bottom {
    caption-side: bottom
}

.id-border-collapse {
    border-collapse: collapse
}

.-id-translate-x-1\/2 {
    --tw-translate-x: -50%;
    transform: translate(-50%,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));
    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))
}

.-id-translate-y-0\.5 {
    --tw-translate-y: -.125rem;
    transform: translate(var(--tw-translate-x),-.125rem) 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))
}

.-id-translate-y-1\/2 {
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x),-50%) 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))
}

.id--translate-x-1\/2 {
    --tw-translate-x: -50%;
    transform: translate(-50%,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));
    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))
}

.id--translate-y-1\/2 {
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x),-50%) 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))
}

.id--translate-y-\[calc\(100\%\+40px\)\] {
    --tw-translate-y: calc((100% + 40px)*-1) ;
    transform: translate(var(--tw-translate-x),calc((100% + 40px)*-1)) 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))
}

.id-translate-x-0 {
    --tw-translate-x: 0px;
    transform: translateY(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));
    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))
}

.id-translate-x-\[-50\%\] {
    --tw-translate-x: -50%;
    transform: translate(-50%,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));
    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))
}

.id-translate-x-full {
    --tw-translate-x: 100%;
    transform: translate(100%,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));
    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))
}

.id-translate-y-1\/2 {
    --tw-translate-y: 50%;
    transform: translate(var(--tw-translate-x),50%) 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))
}

.id-translate-y-\[-1px\] {
    --tw-translate-y: -1px;
    transform: translate(var(--tw-translate-x),-1px) 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))
}

.id-translate-y-\[-50\%\] {
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x),-50%) 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))
}

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

.id-rotate-90 {
    --tw-rotate: 90deg;
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(90deg) 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))
}

.id-scale-110 {
    --tw-scale-x: 1.1;
    --tw-scale-y: 1.1;
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(1.1) scaleY(1.1);
    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))
}

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

.id-transform-none {
    transform: none
}

.\!id-animate-none {
    animation: none!important
}

@keyframes id-pulse {
    50% {
        opacity: .5
    }
}

.id-animate-pulse {
    animation: id-pulse 2s cubic-bezier(.4,0,.6,1) infinite
}

@keyframes id-spin {
    to {
        transform: rotate(360deg)
    }
}

.id-animate-spin {
    animation: id-spin 1s linear infinite
}

.id-cursor-default {
    cursor: default
}

.id-cursor-not-allowed {
    cursor: not-allowed
}

.id-cursor-pointer {
    cursor: pointer
}

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

.id-list-inside {
    list-style-position: inside
}

.id-list-disc {
    list-style-type: disc
}

.id-grid-flow-row {
    grid-auto-flow: row
}

.id-auto-rows-min {
    grid-auto-rows: min-content
}

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

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

.id-grid-cols-\[2fr_3fr\] {
    grid-template-columns: 2fr 3fr
}

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

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

.id-flex-col-reverse {
    flex-direction: column-reverse
}

.id-flex-wrap {
    flex-wrap: wrap
}

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

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

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

.id-items-baseline {
    align-items: baseline
}

.id-justify-start {
    justify-content: flex-start
}

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

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

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

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

.id-gap-0\.5 {
    gap: .125rem
}

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

.id-gap-1\.5 {
    gap: .375rem
}

.id-gap-10 {
    gap: 2.5rem
}

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

.id-gap-2\.5 {
    gap: .625rem
}

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

.id-gap-4 {
    gap: 1rem
}

.id-gap-5 {
    gap: 1.25rem
}

.id-gap-6 {
    gap: 1.5rem
}

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

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

.id-gap-\[16px\] {
    gap: 16px
}

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

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

.id-gap-x-10 {
    -moz-column-gap: 2.5rem;
    column-gap: 2.5rem
}

.id-gap-x-6 {
    -moz-column-gap: 1.5rem;
    column-gap: 1.5rem
}

.id-gap-x-7 {
    -moz-column-gap: 1.75rem;
    column-gap: 1.75rem
}

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

.id-gap-y-2 {
    row-gap: .5rem
}

.id-gap-y-3 {
    row-gap: .75rem
}

.id-gap-y-4 {
    row-gap: 1rem
}

.id-gap-y-5 {
    row-gap: 1.25rem
}

.id-gap-y-6 {
    row-gap: 1.5rem
}

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

.id-space-x-3>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: 0rem;
    margin-right: calc(.75rem * var(--tw-space-x-reverse));
    margin-left: calc(.75rem * (1 - var(--tw-space-x-reverse)));
    margin-left: .75rem;
    margin-left: calc(.75rem * calc(1 - var(--tw-space-x-reverse)))
}

.id-space-y-0>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0px * (1 - var(--tw-space-y-reverse)));
    margin-top: 0;
    margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: 0;
    margin-bottom: calc(0px * var(--tw-space-y-reverse))
}

.id-space-y-0\.5>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(.125rem * (1 - var(--tw-space-y-reverse)));
    margin-top: .125rem;
    margin-top: calc(.125rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: 0rem;
    margin-bottom: calc(.125rem * var(--tw-space-y-reverse))
}

.id-space-y-1>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(.25rem * (1 - var(--tw-space-y-reverse)));
    margin-top: .25rem;
    margin-top: calc(.25rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: 0rem;
    margin-bottom: calc(.25rem * var(--tw-space-y-reverse))
}

.id-space-y-1\.5>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(.375rem * (1 - var(--tw-space-y-reverse)));
    margin-top: .375rem;
    margin-top: calc(.375rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: 0rem;
    margin-bottom: calc(.375rem * var(--tw-space-y-reverse))
}

.id-space-y-2>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(.5rem * (1 - var(--tw-space-y-reverse)));
    margin-top: .5rem;
    margin-top: calc(.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: 0rem;
    margin-bottom: calc(.5rem * var(--tw-space-y-reverse))
}

.id-space-y-3>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(.75rem * (1 - var(--tw-space-y-reverse)));
    margin-top: .75rem;
    margin-top: calc(.75rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: 0rem;
    margin-bottom: calc(.75rem * var(--tw-space-y-reverse))
}

.id-space-y-5>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1.25rem * (1 - var(--tw-space-y-reverse)));
    margin-top: 1.25rem;
    margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: 0rem;
    margin-bottom: calc(1.25rem * var(--tw-space-y-reverse))
}

.id-overflow-auto {
    overflow: auto
}

.id-overflow-hidden {
    overflow: hidden
}

.id-overflow-visible {
    overflow: visible
}

.id-overflow-scroll {
    overflow: scroll
}

.id-overflow-x-auto {
    overflow-x: auto
}

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

.id-overflow-x-hidden {
    overflow-x: hidden
}

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

.id-overflow-x-visible {
    overflow-x: visible
}

.id-overflow-y-scroll {
    overflow-y: scroll
}

.id-overscroll-contain {
    overscroll-behavior: contain
}

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

.id-overflow-ellipsis,.id-text-ellipsis {
    text-overflow: ellipsis
}

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

.id-whitespace-pre {
    white-space: pre
}

.id-whitespace-pre-line {
    white-space: pre-line
}

.id-text-wrap {
    text-wrap: wrap
}

.id-text-nowrap {
    text-wrap: nowrap
}

.id-break-words {
    word-wrap: break-word
}

.id-break-all {
    word-break: break-all
}

.\!id-rounded {
    border-radius: .25rem!important
}

.id-rounded {
    border-radius: .25rem
}

.id-rounded-2xl {
    border-radius: 1rem
}

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

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

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

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

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

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

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

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

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

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

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

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

.id-rounded-lg {
    border-radius: .5rem;
    border-radius: var(--radius)
}

.id-rounded-md {
    border-radius: calc(.5rem - 2px);
    border-radius: calc(var(--radius) - 2px)
}

.id-rounded-none {
    border-radius: 0
}

.id-rounded-sm {
    border-radius: calc(.5rem - 4px);
    border-radius: calc(var(--radius) - 4px)
}

.id-rounded-xl {
    border-radius: .75rem
}

.\!id-rounded-t-\[4px\] {
    border-top-left-radius: 4px!important;
    border-top-right-radius: 4px!important
}

.\!id-rounded-t-\[8px\] {
    border-top-left-radius: 8px!important;
    border-top-right-radius: 8px!important
}

.id-rounded-b-\[8px\] {
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px
}

.id-rounded-l-\[4px\] {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.id-rounded-l-xl {
    border-top-left-radius: .75rem;
    border-bottom-left-radius: .75rem
}

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

.id-rounded-t-\[10px\] {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px
}

.id-rounded-t-\[8px\] {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px
}

.id-rounded-t-xl {
    border-top-left-radius: .75rem;
    border-top-right-radius: .75rem
}

.id-rounded-ee-lg {
    border-bottom-right-radius: .5rem;
    border-bottom-right-radius: var(--radius)
}

.\!id-border-0 {
    border-width: 0px!important
}

.id-border {
    border-width: 1px
}

.id-border-0 {
    border-width: 0px
}

.id-border-2 {
    border-width: 2px
}

.id-border-\[0\.5px\] {
    border-width: .5px
}

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

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

.id-border-x {
    border-left-width: 1px;
    border-right-width: 1px
}

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

.id-border-b-2 {
    border-bottom-width: 2px
}

.id-border-b-\[0\.5px\] {
    border-bottom-width: .5px
}

.id-border-b-\[3px\] {
    border-bottom-width: 3px
}

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

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

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

.id-border-t-0 {
    border-top-width: 0px
}

.id-border-t-\[1px\] {
    border-top-width: 1px
}

.id-border-solid {
    border-style: solid
}

.id-border-dashed {
    border-style: dashed
}

.id-border-none {
    border-style: none
}

.id-border-\[\#222\] {
    --tw-border-opacity: 1;
    border-color: #222;
    border-color: rgba(34,34,34,var(--tw-border-opacity, 1))
}

.id-border-\[\#767676\] {
    --tw-border-opacity: 1;
    border-color: #767676;
    border-color: rgba(118,118,118,var(--tw-border-opacity, 1))
}

.id-border-\[\#DDDDDD\] {
    --tw-border-opacity: 1;
    border-color: #ddd;
    border-color: rgba(221,221,221,var(--tw-border-opacity, 1))
}

.id-border-\[\#EAEAEA\] {
    --tw-border-opacity: 1;
    border-color: #eaeaea;
    border-color: rgba(234,234,234,var(--tw-border-opacity, 1))
}

.id-border-\[\#ddd\] {
    --tw-border-opacity: 1;
    border-color: #ddd;
    border-color: rgba(221,221,221,var(--tw-border-opacity, 1))
}

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

.id-border-\[\#ff6a00\] {
    --tw-border-opacity: 1;
    border-color: #ff6a00;
    border-color: rgba(255,106,0,var(--tw-border-opacity, 1))
}

.id-border-black {
    --tw-border-opacity: 1;
    border-color: #000;
    border-color: rgba(0,0,0,var(--tw-border-opacity, 1))
}

.id-border-border {
    border-color: #e4e4e7;
    border-color: hsl(var(--border))
}

.id-border-gray-200 {
    --tw-border-opacity: 1;
    border-color: #e5e7eb;
    border-color: rgba(229,231,235,var(--tw-border-opacity, 1))
}

.id-border-gray-300 {
    --tw-border-opacity: 1;
    border-color: #d1d5db;
    border-color: rgba(209,213,219,var(--tw-border-opacity, 1))
}

.id-border-gray-800 {
    --tw-border-opacity: 1;
    border-color: #1f2937;
    border-color: rgba(31,41,55,var(--tw-border-opacity, 1))
}

.id-border-input {
    border-color: #e4e4e7;
    border-color: hsl(var(--input))
}

.id-border-orange-500 {
    --tw-border-opacity: 1;
    border-color: #f97316;
    border-color: rgba(249,115,22,var(--tw-border-opacity, 1))
}

.id-border-white {
    --tw-border-opacity: 1;
    border-color: #fff;
    border-color: rgba(255,255,255,var(--tw-border-opacity, 1))
}

.id-border-b-\[\#222\] {
    --tw-border-opacity: 1;
    border-bottom-color: #222;
    border-bottom-color: rgba(34,34,34,var(--tw-border-opacity, 1))
}

.id-border-b-\[\#e6e7eb\] {
    --tw-border-opacity: 1;
    border-bottom-color: #e6e7eb;
    border-bottom-color: rgba(230,231,235,var(--tw-border-opacity, 1))
}

.id-border-b-transparent {
    border-bottom-color: transparent
}

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

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

.id-bg-\[\#000000D9\] {
    background-color: #000000d9
}

.id-bg-\[\#000000b3\] {
    background-color: #000000b3
}

.id-bg-\[\#222\] {
    --tw-bg-opacity: 1;
    background-color: #222;
    background-color: rgba(34,34,34,var(--tw-bg-opacity, 1))
}

.id-bg-\[\#DDD\] {
    --tw-bg-opacity: 1;
    background-color: #ddd;
    background-color: rgba(221,221,221,var(--tw-bg-opacity, 1))
}

.id-bg-\[\#E7F4FF\] {
    --tw-bg-opacity: 1;
    background-color: #e7f4ff;
    background-color: rgba(231,244,255,var(--tw-bg-opacity, 1))
}

.id-bg-\[\#F0F0F0\] {
    --tw-bg-opacity: 1;
    background-color: #f0f0f0;
    background-color: rgba(240,240,240,var(--tw-bg-opacity, 1))
}

.id-bg-\[\#F3F3F3\] {
    --tw-bg-opacity: 1;
    background-color: #f3f3f3;
    background-color: rgba(243,243,243,var(--tw-bg-opacity, 1))
}

.id-bg-\[\#F4F4F4\] {
    --tw-bg-opacity: 1;
    background-color: #f4f4f4;
    background-color: rgba(244,244,244,var(--tw-bg-opacity, 1))
}

.id-bg-\[\#F60\] {
    --tw-bg-opacity: 1;
    background-color: #f60;
    background-color: rgba(255,102,0,var(--tw-bg-opacity, 1))
}

.id-bg-\[\#F8F8F8\] {
    --tw-bg-opacity: 1;
    background-color: #f8f8f8;
    background-color: rgba(248,248,248,var(--tw-bg-opacity, 1))
}

.id-bg-\[\#FFF5F1\] {
    --tw-bg-opacity: 1;
    background-color: #fff5f1;
    background-color: rgba(255,245,241,var(--tw-bg-opacity, 1))
}

.id-bg-\[\#FFF9F7\] {
    --tw-bg-opacity: 1;
    background-color: #fff9f7;
    background-color: rgba(255,249,247,var(--tw-bg-opacity, 1))
}

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

.id-bg-\[\#d1d2d4\] {
    --tw-bg-opacity: 1;
    background-color: #d1d2d4;
    background-color: rgba(209,210,212,var(--tw-bg-opacity, 1))
}

.id-bg-\[\#ddd\] {
    --tw-bg-opacity: 1;
    background-color: #ddd;
    background-color: rgba(221,221,221,var(--tw-bg-opacity, 1))
}

.id-bg-\[\#f0f0f0\] {
    --tw-bg-opacity: 1;
    background-color: #f0f0f0;
    background-color: rgba(240,240,240,var(--tw-bg-opacity, 1))
}

.id-bg-\[\#f4f4f4\] {
    --tw-bg-opacity: 1;
    background-color: #f4f4f4;
    background-color: rgba(244,244,244,var(--tw-bg-opacity, 1))
}

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

.id-bg-\[\#f7421e\] {
    --tw-bg-opacity: 1;
    background-color: #f7421e;
    background-color: rgba(247,66,30,var(--tw-bg-opacity, 1))
}

.id-bg-\[\#f8f8f8\] {
    --tw-bg-opacity: 1;
    background-color: #f8f8f8;
    background-color: rgba(248,248,248,var(--tw-bg-opacity, 1))
}

.id-bg-\[\#ff4014\] {
    --tw-bg-opacity: 1;
    background-color: #ff4014;
    background-color: rgba(255,64,20,var(--tw-bg-opacity, 1))
}

.id-bg-\[\#fff6f4\] {
    --tw-bg-opacity: 1;
    background-color: #fff6f4;
    background-color: rgba(255,246,244,var(--tw-bg-opacity, 1))
}

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

.id-bg-\[rgba\(255\,249\,247\,1\)\] {
    background-color: #fff9f7
}

.id-bg-background {
    background-color: #fff;
    background-color: hsl(var(--background))
}

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

.id-bg-black\/30 {
    background-color: #0000004d
}

.id-bg-black\/50 {
    background-color: #00000080
}

.id-bg-black\/80 {
    background-color: #000c
}

.id-bg-card {
    background-color: #fff;
    background-color: hsl(var(--card))
}

.id-bg-destructive {
    background-color: #ef4343;
    background-color: hsl(var(--destructive))
}

.id-bg-gray-100 {
    --tw-bg-opacity: 1;
    background-color: #f3f4f6;
    background-color: rgba(243,244,246,var(--tw-bg-opacity, 1))
}

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

.id-bg-gray-50 {
    --tw-bg-opacity: 1;
    background-color: #f9fafb;
    background-color: rgba(249,250,251,var(--tw-bg-opacity, 1))
}

.id-bg-green-50 {
    --tw-bg-opacity: 1;
    background-color: #f0fdf4;
    background-color: rgba(240,253,244,var(--tw-bg-opacity, 1))
}

.id-bg-highlight {
    background-color: #f60;
    background-color: hsl(var(--highlight))
}

.id-bg-muted {
    background-color: #f4f4f5;
    background-color: hsl(var(--muted))
}

.id-bg-muted\/50 {
    background-color: #f4f4f580;
    background-color: hsl(var(--muted) / .5)
}

.id-bg-orange-50 {
    --tw-bg-opacity: 1;
    background-color: #fff7ed;
    background-color: rgba(255,247,237,var(--tw-bg-opacity, 1))
}

.id-bg-orange-500 {
    --tw-bg-opacity: 1;
    background-color: #f97316;
    background-color: rgba(249,115,22,var(--tw-bg-opacity, 1))
}

.id-bg-popover {
    background-color: #fff;
    background-color: hsl(var(--popover))
}

.id-bg-primary {
    background-color: #18181b;
    background-color: hsl(var(--primary))
}

.id-bg-secondary {
    background-color: #f4f4f5;
    background-color: hsl(var(--secondary))
}

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

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

.id-bg-opacity-50 {
    --tw-bg-opacity: .5
}

.id-bg-opacity-\[0\.03\] {
    --tw-bg-opacity: .03
}

.id-bg-gradient-to-b {
    background-image: linear-gradient(to bottom,var(--tw-gradient-stops))
}

.id-bg-gradient-to-t {
    background-image: linear-gradient(to top,var(--tw-gradient-stops))
}

.id-from-\[rgba\(255\,255\,255\,0\)\] {
    --tw-gradient-from: rgba(255,255,255,0) var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(255, 255, 255, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.id-from-white\/90 {
    --tw-gradient-from: rgba(255, 255, 255, .9) var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(255, 255, 255, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.id-via-white\/60 {
    --tw-gradient-to: rgba(255, 255, 255, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), rgba(255, 255, 255, .6) var(--tw-gradient-via-position), var(--tw-gradient-to)
}

.id-via-50\% {
    --tw-gradient-via-position: 50%
}

.id-to-\[rgba\(255\,255\,255\)\] {
    --tw-gradient-to: rgba(255,255,255) var(--tw-gradient-to-position)
}

.id-to-transparent {
    --tw-gradient-to: transparent var(--tw-gradient-to-position)
}

.id-bg-contain {
    background-size: contain
}

.id-bg-cover {
    background-size: cover
}

.id-bg-center {
    background-position: center
}

.id-bg-right {
    background-position: right
}

.id-bg-no-repeat {
    background-repeat: no-repeat
}

.id-fill-black {
    fill: #000
}

.id-fill-current {
    fill: currentColor
}

.id-fill-green-700 {
    fill: #15803d
}

.id-fill-highlight-dark {
    fill: #d1490a;
    fill: hsl(var(--highlight-dark))
}

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

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

.id-object-fill {
    -o-object-fit: fill;
    object-fit: fill
}

.id-object-center {
    -o-object-position: center;
    object-position: center
}

.id-p-0 {
    padding: 0
}

.id-p-0\.5 {
    padding: .125rem
}

.id-p-1 {
    padding: .25rem
}

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

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

.id-p-4 {
    padding: 1rem
}

.id-p-5 {
    padding: 1.25rem
}

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

.id-p-7 {
    padding: 1.75rem
}

.id-p-9 {
    padding: 2.25rem
}

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

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

.id-p-\[24px\] {
    padding: 24px
}

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

.id-px-0 {
    padding-left: 0;
    padding-right: 0
}

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

.id-px-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem
}

.id-px-2 {
    padding-left: .5rem;
    padding-right: .5rem
}

.id-px-2\.5 {
    padding-left: .625rem;
    padding-right: .625rem
}

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

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

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

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

.id-px-8 {
    padding-left: 2rem;
    padding-right: 2rem
}

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

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

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

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

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

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

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

.id-py-0 {
    padding-top: 0;
    padding-bottom: 0
}

.id-py-0\.5 {
    padding-top: .125rem;
    padding-bottom: .125rem
}

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

.id-py-1\.5 {
    padding-top: .375rem;
    padding-bottom: .375rem
}

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

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

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

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

.id-py-6 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem
}

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

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

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

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

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

.\!id-pt-0 {
    padding-top: 0!important
}

.id-pb-0 {
    padding-bottom: 0
}

.id-pb-2 {
    padding-bottom: .5rem
}

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

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

.id-pb-5 {
    padding-bottom: 1.25rem
}

.id-pb-6 {
    padding-bottom: 1.5rem
}

.id-pb-7 {
    padding-bottom: 1.75rem
}

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

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

.id-pb-\[calc\(14vh\)\] {
    padding-bottom: 14vh
}

.id-pl-0 {
    padding-left: 0
}

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

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

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

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

.id-pl-8 {
    padding-left: 2rem
}

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

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

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

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

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

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

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

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

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

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

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

.id-pt-0 {
    padding-top: 0
}

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

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

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

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

.id-pt-6 {
    padding-top: 1.5rem
}

.id-pt-8 {
    padding-top: 2rem
}

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

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

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

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

.id-text-left {
    text-align: left
}

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

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

.id-text-start {
    text-align: left
}

.id-align-middle {
    vertical-align: middle
}

.id-align-bottom {
    vertical-align: bottom
}

.id-text-2xl {
    font-size: 1.5rem;
    line-height: 2rem
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.id-text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem
}

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

.id-text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem
}

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

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

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

.id-font-normal {
    font-weight: 400
}

.id-font-semibold {
    font-weight: 600
}

.id-leading-4 {
    line-height: 1rem
}

.id-leading-5 {
    line-height: 1.25rem
}

.id-leading-6 {
    line-height: 1.5rem
}

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

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

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

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

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

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

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

.id-leading-\[25\.71px\] {
    line-height: 25.71px
}

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

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

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

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

.id-leading-none {
    line-height: 1
}

.id-leading-normal {
    line-height: 1.5
}

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

.id-tracking-\[-0\.004em\] {
    letter-spacing: -.004em
}

.id-tracking-tight {
    letter-spacing: -.025em
}

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

.\!id-text-\[\#666\] {
    --tw-text-opacity: 1 !important;
    color: #666!important;
    color: rgba(102,102,102,var(--tw-text-opacity, 1))!important
}

.id-text-\[\#00346e\] {
    --tw-text-opacity: 1;
    color: #00346e;
    color: rgba(0,52,110,var(--tw-text-opacity, 1))
}

.id-text-\[\#0066CC\] {
    --tw-text-opacity: 1;
    color: #06c;
    color: rgba(0,102,204,var(--tw-text-opacity, 1))
}

.id-text-\[\#222222\],.id-text-\[\#222\] {
    --tw-text-opacity: 1;
    color: #222;
    color: rgba(34,34,34,var(--tw-text-opacity, 1))
}

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

.id-text-\[\#4B1D1F\] {
    --tw-text-opacity: 1;
    color: #4b1d1f;
    color: rgba(75,29,31,var(--tw-text-opacity, 1))
}

.id-text-\[\#636363\] {
    --tw-text-opacity: 1;
    color: #636363;
    color: rgba(99,99,99,var(--tw-text-opacity, 1))
}

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

.id-text-\[\#767676\] {
    --tw-text-opacity: 1;
    color: #767676;
    color: rgba(118,118,118,var(--tw-text-opacity, 1))
}

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

.id-text-\[\#F7421E\] {
    --tw-text-opacity: 1;
    color: #f7421e;
    color: rgba(247,66,30,var(--tw-text-opacity, 1))
}

.id-text-\[\#FDC6A2\] {
    --tw-text-opacity: 1;
    color: #fdc6a2;
    color: rgba(253,198,162,var(--tw-text-opacity, 1))
}

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

.id-text-\[\#f7421e\] {
    --tw-text-opacity: 1;
    color: #f7421e;
    color: rgba(247,66,30,var(--tw-text-opacity, 1))
}

.id-text-\[\#ff6a00\] {
    --tw-text-opacity: 1;
    color: #ff6a00;
    color: rgba(255,106,0,var(--tw-text-opacity, 1))
}

.id-text-black {
    --tw-text-opacity: 1;
    color: #000;
    color: rgba(0,0,0,var(--tw-text-opacity, 1))
}

.id-text-blue-600 {
    --tw-text-opacity: 1;
    color: #2563eb;
    color: rgba(37,99,235,var(--tw-text-opacity, 1))
}

.id-text-card-foreground {
    color: #09090b;
    color: hsl(var(--card-foreground))
}

.id-text-destructive-foreground {
    color: #fafafa;
    color: hsl(var(--destructive-foreground))
}

.id-text-foreground {
    color: #09090b;
    color: hsl(var(--foreground))
}

.id-text-gray-200 {
    --tw-text-opacity: 1;
    color: #e5e7eb;
    color: rgba(229,231,235,var(--tw-text-opacity, 1))
}

.id-text-gray-400 {
    --tw-text-opacity: 1;
    color: #9ca3af;
    color: rgba(156,163,175,var(--tw-text-opacity, 1))
}

.id-text-gray-500 {
    --tw-text-opacity: 1;
    color: #6b7280;
    color: rgba(107,114,128,var(--tw-text-opacity, 1))
}

.id-text-gray-600 {
    --tw-text-opacity: 1;
    color: #4b5563;
    color: rgba(75,85,99,var(--tw-text-opacity, 1))
}

.id-text-gray-800 {
    --tw-text-opacity: 1;
    color: #1f2937;
    color: rgba(31,41,55,var(--tw-text-opacity, 1))
}

.id-text-gray-900 {
    --tw-text-opacity: 1;
    color: #111827;
    color: rgba(17,24,39,var(--tw-text-opacity, 1))
}

.id-text-green-700 {
    --tw-text-opacity: 1;
    color: #15803d;
    color: rgba(21,128,61,var(--tw-text-opacity, 1))
}

.id-text-highlight {
    color: #f60;
    color: hsl(var(--highlight))
}

.id-text-highlight-dark {
    color: #d1490a;
    color: hsl(var(--highlight-dark))
}

.id-text-inherit {
    color: inherit
}

.id-text-muted {
    color: #f4f4f5;
    color: hsl(var(--muted))
}

.id-text-muted-foreground {
    color: #71717a;
    color: hsl(var(--muted-foreground))
}

.id-text-orange-600 {
    --tw-text-opacity: 1;
    color: #ea580c;
    color: rgba(234,88,12,var(--tw-text-opacity, 1))
}

.id-text-popover-foreground {
    color: #09090b;
    color: hsl(var(--popover-foreground))
}

.id-text-primary {
    color: #18181b;
    color: hsl(var(--primary))
}

.id-text-primary-foreground {
    color: #fafafa;
    color: hsl(var(--primary-foreground))
}

.id-text-secondary-foreground {
    color: #18181b;
    color: hsl(var(--secondary-foreground))
}

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

.id-underline {
    text-decoration-line: underline
}

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

.id-no-underline {
    text-decoration-line: none
}

.id-underline-offset-4 {
    text-underline-offset: 4px
}

.id-opacity-0 {
    opacity: 0
}

.id-opacity-100 {
    opacity: 1
}

.id-opacity-5 {
    opacity: .05
}

.id-opacity-60 {
    opacity: .6
}

.id-opacity-70 {
    opacity: .7
}

.id-opacity-80 {
    opacity: .8
}

.id-shadow {
    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);
    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
    box-shadow: 0 0 #0000,0 0 #0000,0 1px 3px #0000001a,0 1px 2px -1px #0000001a;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)),var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)),var(--tw-shadow)
}

.id-shadow-\[0_-4px_8px_0_rgba\(0\,0\,0\,0\.04\)\] {
    --tw-shadow: 0 -4px 8px 0 rgba(0,0,0,.04);
    --tw-shadow-colored: 0 -4px 8px 0 var(--tw-shadow-color);
    box-shadow: 0 0 #0000,0 0 #0000,0 -4px 8px #0000000a;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)),var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)),var(--tw-shadow)
}

.id-shadow-\[0_2px_3px_0_rgba\(74\,74\,74\,0\.2\)\] {
    --tw-shadow: 0 2px 3px 0 rgba(74,74,74,.2);
    --tw-shadow-colored: 0 2px 3px 0 var(--tw-shadow-color);
    box-shadow: 0 0 #0000,0 0 #0000,0 2px 3px #4a4a4a33;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)),var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)),var(--tw-shadow)
}

.id-shadow-\[0_2px_6px_2px_rgba\(0\,0\,0\,0\.12\)\] {
    --tw-shadow: 0 2px 6px 2px rgba(0,0,0,.12);
    --tw-shadow-colored: 0 2px 6px 2px var(--tw-shadow-color);
    box-shadow: 0 0 #0000,0 0 #0000,0 2px 6px 2px #0000001f;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)),var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)),var(--tw-shadow)
}

.id-shadow-\[0px_2px_2px_2px_rgba\(0\,0\,0\,0\.04\)\] {
    --tw-shadow: 0px 2px 2px 2px rgba(0,0,0,.04);
    --tw-shadow-colored: 0px 2px 2px 2px var(--tw-shadow-color);
    box-shadow: 0 0 #0000,0 0 #0000,0 2px 2px 2px #0000000a;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)),var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)),var(--tw-shadow)
}

.id-shadow-\[0px_2px_6px_2px_rgba\(0\,0\,0\,0\.04\)\] {
    --tw-shadow: 0px 2px 6px 2px rgba(0,0,0,.04);
    --tw-shadow-colored: 0px 2px 6px 2px var(--tw-shadow-color);
    box-shadow: 0 0 #0000,0 0 #0000,0 2px 6px 2px #0000000a;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)),var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)),var(--tw-shadow)
}

.id-shadow-cards {
    --tw-shadow: 0 0 10px rgba(0,0,0,.1);
    --tw-shadow-colored: 0 0 10px var(--tw-shadow-color);
    box-shadow: 0 0 #0000,0 0 #0000,0 0 10px #0000001a;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)),var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)),var(--tw-shadow)
}

.id-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 rgba(0,0,0,0)),var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)),var(--tw-shadow)
}

.id-shadow-md {
    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(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: 0 0 #0000,0 0 #0000,0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)),var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)),var(--tw-shadow)
}

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

.id-shadow-sm {
    --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);
    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
    box-shadow: 0 0 #0000,0 0 #0000,0 1px 2px #0000000d;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)),var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)),var(--tw-shadow)
}

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

.id-outline-0 {
    outline-width: 0px
}

.id-ring-offset-background {
    --tw-ring-offset-color: hsl(var(--background))
}

.id-backdrop-blur-sm {
    --tw-backdrop-blur: blur(4px);
    -webkit-backdrop-filter: blur(4px) 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);
    -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: blur(4px) 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)
}

.id-transition-\[0\.4s\] {
    transition-property: .4s;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .15s
}

.id-transition-all {
    transition-property: all;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .15s
}

.id-transition-colors {
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .15s
}

.id-transition-none {
    transition-property: none
}

.id-transition-opacity {
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .15s
}

.id-transition-transform {
    transition-property: transform;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .15s
}

.id-duration-200 {
    transition-duration: .2s
}

.id-duration-300 {
    transition-duration: .3s
}

.id-ease-in {
    transition-timing-function: cubic-bezier(.4,0,1,1)
}

.id-ease-in-out {
    transition-timing-function: cubic-bezier(.4,0,.2,1)
}

.id-ease-out {
    transition-timing-function: cubic-bezier(0,0,.2,1)
}

@keyframes enter {
    0% {
        opacity: 1;
        opacity: var(--tw-enter-opacity, 1);
        transform: translateZ(0) scaleZ(1) rotate(0);
        transform: translate3d(var(--tw-enter-translate-x, 0),var(--tw-enter-translate-y, 0),0) scale3d(var(--tw-enter-scale, 1),var(--tw-enter-scale, 1),var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0))
    }
}

@keyframes exit {
    to {
        opacity: 1;
        opacity: var(--tw-exit-opacity, 1);
        transform: translateZ(0) scaleZ(1) rotate(0);
        transform: translate3d(var(--tw-exit-translate-x, 0),var(--tw-exit-translate-y, 0),0) scale3d(var(--tw-exit-scale, 1),var(--tw-exit-scale, 1),var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0))
    }
}

.id-animate-in {
    animation-name: enter;
    animation-duration: .15s;
    --tw-enter-opacity: initial;
    --tw-enter-scale: initial;
    --tw-enter-rotate: initial;
    --tw-enter-translate-x: initial;
    --tw-enter-translate-y: initial
}

.id-fade-in-0 {
    --tw-enter-opacity: 0
}

.id-zoom-in-95 {
    --tw-enter-scale: .95
}

.id-duration-200 {
    animation-duration: .2s
}

.id-duration-300 {
    animation-duration: .3s
}

.id-ease-in {
    animation-timing-function: cubic-bezier(.4,0,1,1)
}

.id-ease-in-out {
    animation-timing-function: cubic-bezier(.4,0,.2,1)
}

.id-ease-out {
    animation-timing-function: cubic-bezier(0,0,.2,1)
}

.sc-hd-prefix-mask,.sc-hd-prefix2-dialog-normal {
    pointer-events: auto
}


.details-page a:not([class*=magic]) {
    color: #222
}

body.no-scroll {
    overflow: hidden
}

.first-line\:id-break-words:first-line {
    word-wrap: break-word
}

.after\:id-absolute:after {
    content: var(--tw-content);
    position: absolute
}

.after\:id-bottom-\[-7px\]:after {
    content: var(--tw-content);
    bottom: -7px
}

.after\:id-content-\[\'\'\]:after{--tw-content: "";content:"";content:var(--tw-content)}.first\:id-mt-0:first-child{margin-top:0}.odd\:id-rounded-tl-\[8px\]:nth-child(odd){border-top-left-radius:8px}.odd\:id-border-r-\[0\.5px\]:nth-child(odd){border-right-width:.5px}.even\:id-rounded-tr-\[8px\]:nth-child(2n){border-top-right-radius:8px}.even\:id-border-l-\[0\.5px\]:nth-child(2n){border-left-width:.5px}.hover\:id-cursor-crosshair:hover{cursor:crosshair}.hover\:id-cursor-pointer:hover{cursor:pointer}.hover\:id-border-\[1px\]:hover{border-width:1px}.hover\:id-border-solid:hover{border-style:solid}.hover\:id-border-\[\#222\]:hover{--tw-border-opacity: 1;border-color:#222;border-color:rgba(34,34,34,var(--tw-border-opacity, 1))}.hover\:id-border-orange-300:hover{--tw-border-opacity: 1;border-color:#fdba74;border-color:rgba(253,186,116,var(--tw-border-opacity, 1))}.hover\:id-bg-\[\#f4f4f4\]:hover{--tw-bg-opacity: 1;background-color:#f4f4f4;background-color:rgba(244,244,244,var(--tw-bg-opacity, 1))}.hover\:id-bg-\[\#f5f5f5\]:hover{--tw-bg-opacity: 1;background-color:#f5f5f5;background-color:rgba(245,245,245,var(--tw-bg-opacity, 1))}.hover\:id-bg-accent:hover{background-color:#f4f4f5;background-color:hsl(var(--accent))}.hover\:id-bg-black\/50:hover{background-color:#00000080}.hover\:id-bg-destructive\/90:hover{background-color:#ef4343e6;background-color:hsl(var(--destructive) / .9)}.hover\:id-bg-gray-50:hover{--tw-bg-opacity: 1;background-color:#f9fafb;background-color:rgba(249,250,251,var(--tw-bg-opacity, 1))}.hover\:id-bg-muted\/50:hover{background-color:#f4f4f580;background-color:hsl(var(--muted) / .5)}.hover\:id-bg-orange-600:hover{--tw-bg-opacity: 1;background-color:#ea580c;background-color:rgba(234,88,12,var(--tw-bg-opacity, 1))}.hover\:id-bg-secondary\/80:hover{background-color:#f4f4f5cc;background-color:hsl(var(--secondary) / .8)}.hover\:id-text-\[\#222\]:hover{--tw-text-opacity: 1;color:#222;color:rgba(34,34,34,var(--tw-text-opacity, 1))}.hover\:id-text-\[\#666\]:hover{--tw-text-opacity: 1;color:#666;color:rgba(102,102,102,var(--tw-text-opacity, 1))}.hover\:id-text-accent-foreground:hover{color:#18181b;color:hsl(var(--accent-foreground))}.hover\:id-text-foreground:hover{color:#09090b;color:hsl(var(--foreground))}.hover\:id-text-gray-700:hover{--tw-text-opacity: 1;color:#374151;color:rgba(55,65,81,var(--tw-text-opacity, 1))}.hover\:id-underline:hover{text-decoration-line:underline}.hover\:\!id-opacity-100:hover{opacity:1!important}.hover\:id-opacity-90:hover{opacity:.9}.hover\:id-shadow:hover{--tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:0 0 #0000,0 0 #0000,0 1px 3px #0000001a,0 1px 2px -1px #0000001a;box-shadow:var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)),var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)),var(--tw-shadow)}.focus\:id-bg-accent:focus{background-color:#f4f4f5;background-color:hsl(var(--accent))}.focus\:id-text-accent-foreground:focus{color:#18181b;color:hsl(var(--accent-foreground))}.focus-visible\:id-outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.focus-visible\:id-ring-0:focus-visible{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),0 0 #0000;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 rgba(0,0,0,0))}.focus-visible\:id-ring-2:focus-visible{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),0 0 #0000;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 rgba(0,0,0,0))}.focus-visible\:id-ring-ring:focus-visible{--tw-ring-color: hsl(var(--ring))}.focus-visible\:id-ring-offset-2:focus-visible{--tw-ring-offset-width: 2px}.active\:id-scale-95:active{--tw-scale-x: .95;--tw-scale-y: .95;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(.95) scaleY(.95);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))}.disabled\:id-pointer-events-none:disabled{pointer-events:none}.disabled\:id-hidden:disabled{display:none}.disabled\:id-cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:id-border-gray-200:disabled{--tw-border-opacity: 1;border-color:#e5e7eb;border-color:rgba(229,231,235,var(--tw-border-opacity, 1))}.disabled\:id-bg-gray-100:disabled{--tw-bg-opacity: 1;background-color:#f3f4f6;background-color:rgba(243,244,246,var(--tw-bg-opacity, 1))}.disabled\:id-text-gray-400:disabled{--tw-text-opacity: 1;color:#9ca3af;color:rgba(156,163,175,var(--tw-text-opacity, 1))}.disabled\:id-opacity-40:disabled{opacity:.4}.disabled\:id-opacity-50:disabled{opacity:.5}.id-peer:checked~.peer-checked\:id-left-auto{left:auto}.id-peer:checked~.peer-checked\:id-right-0\.5{right:.125rem}.data-\[disabled\]\:id-pointer-events-none[data-disabled]{pointer-events:none}.data-\[state\=active\]\:id-border-b-2[data-state=active]{border-bottom-width:2px}.data-\[state\=active\]\:id-border-b-4[data-state=active]{border-bottom-width:4px}.data-\[state\=active\]\:id-border-t-\[3px\][data-state=active]{border-top-width:3px}.data-\[state\=active\]\:id-border-b-black[data-state=active]{--tw-border-opacity: 1;border-bottom-color:#000;border-bottom-color:rgba(0,0,0,var(--tw-border-opacity, 1))}.data-\[state\=active\]\:id-border-b-primary[data-state=active]{border-bottom-color:#18181b;border-bottom-color:hsl(var(--primary))}.data-\[state\=active\]\:id-border-t-\[\#FF6A00\][data-state=active]{--tw-border-opacity: 1;border-top-color:#ff6a00;border-top-color:rgba(255,106,0,var(--tw-border-opacity, 1))}.data-\[state\=active\]\:id-bg-background[data-state=active]{background-color:#fff;background-color:hsl(var(--background))}.data-\[state\=active\]\:id-bg-white[data-state=active]{--tw-bg-opacity: 1;background-color:#fff;background-color:rgba(255,255,255,var(--tw-bg-opacity, 1))}.data-\[state\=open\]\:id-bg-accent[data-state=open]{background-color:#f4f4f5;background-color:hsl(var(--accent))}.data-\[state\=selected\]\:id-bg-muted[data-state=selected]{background-color:#f4f4f5;background-color:hsl(var(--muted))}.data-\[state\=active\]\:id-font-\[700\][data-state=active]{font-weight:700}.data-\[state\=active\]\:id-font-semibold[data-state=active]{font-weight:600}.data-\[state\=active\]\:id-text-black[data-state=active]{--tw-text-opacity: 1;color:#000;color:rgba(0,0,0,var(--tw-text-opacity, 1))}.data-\[state\=active\]\:id-text-foreground[data-state=active]{color:#09090b;color:hsl(var(--foreground))}.data-\[disabled\]\:id-opacity-50[data-disabled]{opacity:.5}.data-\[state\=active\]\:id-shadow-none[data-state=active]{--tw-shadow: 0 0 rgba(0,0,0,0);--tw-shadow-colored: 0 0 rgba(0,0,0,0);box-shadow:0 0 #0000,0 0 #0000,0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)),var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)),var(--tw-shadow)}.data-\[state\=active\]\:id-shadow-sm[data-state=active]{--tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:0 0 #0000,0 0 #0000,0 1px 2px #0000000d;box-shadow:var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)),var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)),var(--tw-shadow)}.data-\[state\=open\]\:id-animate-in[data-state=open]{animation-name:enter;animation-duration:.15s;--tw-enter-opacity: initial;--tw-enter-scale: initial;--tw-enter-rotate: initial;--tw-enter-translate-x: initial;--tw-enter-translate-y: initial}.data-\[state\=closed\]\:id-animate-out[data-state=closed]{animation-name:exit;animation-duration:.15s;--tw-exit-opacity: initial;--tw-exit-scale: initial;--tw-exit-rotate: initial;--tw-exit-translate-x: initial;--tw-exit-translate-y: initial}.data-\[state\=closed\]\:id-fade-out-0[data-state=closed]{--tw-exit-opacity: 0}.data-\[state\=open\]\:id-fade-in-0[data-state=open]{--tw-enter-opacity: 0}.data-\[state\=closed\]\:id-zoom-out-95[data-state=closed]{--tw-exit-scale: .95}.data-\[state\=open\]\:id-zoom-in-95[data-state=open]{--tw-enter-scale: .95}.data-\[side\=bottom\]\:id-slide-in-from-top-2[data-side=bottom]{--tw-enter-translate-y: -.5rem}.data-\[side\=left\]\:id-slide-in-from-right-2[data-side=left]{--tw-enter-translate-x: .5rem}.data-\[side\=right\]\:id-slide-in-from-left-2[data-side=right]{--tw-enter-translate-x: -.5rem}.data-\[side\=top\]\:id-slide-in-from-bottom-2[data-side=top]{--tw-enter-translate-y: .5rem}.data-\[state\=closed\]\:id-slide-out-to-left-1\/2[data-state=closed]{--tw-exit-translate-x: -50%}.data-\[state\=closed\]\:id-slide-out-to-top-\[48\%\][data-state=closed]{--tw-exit-translate-y: -48%}.data-\[state\=open\]\:id-slide-in-from-left-1\/2[data-state=open]{--tw-enter-translate-x: -50%}.data-\[state\=open\]\:id-slide-in-from-top-\[48\%\][data-state=open]{--tw-enter-translate-y: -48%}@media (max-width: 1280px){.max-\[1280px\]\:id-w-\[76px\]{width:76px}}@media (min-width: 1200px){.sm\:id-mr-0{margin-right:0}.sm\:id-mr-5{margin-right:1.25rem}.sm\:id-mr-6{margin-right:1.5rem}.sm\:id-h-\[36px\]{height:36px}.sm\:id-w-\[600px\]{width:600px}.sm\:id-w-screenSm{width:1200px}.sm\:id-flex-row{flex-direction:row}.sm\:id-justify-end{justify-content:flex-end}.sm\:id-space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:0rem;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * (1 - var(--tw-space-x-reverse)));margin-left:.5rem;margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.sm\:id-rounded-lg{border-radius:.5rem;border-radius:var(--radius)}.sm\:id-text-left{text-align:left}.sm\:id-text-\[12px\]{font-size:12px}.sm\:id-leading-\[36px\]{line-height:36px}}@media (min-width: 1240px){.md\:id-w-screenMd{width:1240px}}@media (min-width: 1280px){.min-\[1280px\]\:id-w-\[116px\]{width:116px}}@media (min-width: 1360px){.min-\[1360px\]\:id-w-\[156px\]{width:156px}}@media (min-width: 1440px){.lg\:id-w-screenLg{width:1440px}.id-dark .dark\:lg\:hover\:\[paint-order\:markers\]:hover{paint-order:markers}}.\[\&\:has\(\[role\=checkbox\]\)\]\:id-pr-0:has([role=checkbox]){padding-right:0}.\[\&\>div\]\:id-table-cell>div{display:table-cell}.\[\&\>div\]\:id-border-\[1px\]>div{border-width:1px}.\[\&\>div\]\:id-border-solid>div{border-style:solid}.\[\&\>div\]\:id-border-\[\#ddd\]>div{--tw-border-opacity: 1;border-color:#ddd;border-color:rgba(221,221,221,var(--tw-border-opacity, 1))}.\[\&\>div\]\:id-p-4>div{padding:1rem}.\[\&\>div\]\:id-px-4>div{padding-left:1rem;padding-right:1rem}.\[\&\>div\]\:id-py-\[6px\]>div{padding-top:6px;padding-bottom:6px}.\[\&\>div\]\:id-leading-\[18px\]>div{line-height:18px}.\[\&\>img\]\:\!id-mx-auto>img{margin-left:auto!important;margin-right:auto!important}.\[\&\>img\]\:id-mb-0\.5>img{margin-bottom:.125rem}.\[\&\>img\]\:id-mb-\[3px\]>img{margin-bottom:3px}.\[\&\>img\]\:id-inline-block>img{display:inline-block}.\[\&\>img\]\:id-size-4>img{width:1rem;height:1rem}.\[\&\>img\]\:id-size-\[12px\]>img{width:12px;height:12px}.\[\&\>img\]\:id-size-\[14px\]>img{width:14px;height:14px}.\[\&\>img\]\:\!id-h-full>img{height:100%!important}.\[\&\>img\]\:\!id-w-auto>img{width:auto!important}.\[\&\>svg\]\:id-size-3\.5>svg{width:.875rem;height:.875rem}.\[\&\>svg\]\:id-size-6>svg{width:1.5rem;height:1.5rem}.\[\&\>tr\]\:last\:id-border-b-0:last-child>tr{border-bottom-width:0px}.\[\&\>u\]\:id-no-underline>u{text-decoration-line:none}.\[\&_\.chatbox-tip\]\:id-mx-0 .chatbox-tip{margin-left:0;margin-right:0}.\[\&_\.chatbox-tip\]\:id-mb-0 .chatbox-tip{margin-bottom:0}.\[\&_img\]\:id-mx-1 img{margin-left:.25rem;margin-right:.25rem}.\[\&_img\]\:id-inline img{display:inline}.\[\&_img\]\:id-h-\[12px\] img{height:12px}.\[\&_img\]\:id-w-auto img{width:auto}.\[\&_img\]\:id-align-baseline img{vertical-align:baseline}.\[\&_tr\:last-child\]\:id-border-0 tr:last-child{border-width:0px}.\[\&_tr\]\:id-border-b tr{border-bottom-width:1px}.sticky .\[\.sticky_\&\]\:id-border-t{border-top-width:1px}.sticky .\[\.sticky_\&\]\:id-pb-5{padding-bottom:1.25rem}.sticky .\[\.sticky_\&\]\:id-pt-5{padding-top:1.25rem}