.compare-table,
.compare-table .table-body {

    display: flex;

    flex-direction: column;

    gap: 0px;

    text-align: center
}

@media (min-width: 700px) {

    .compare-table,
.compare-table .table-body {

        text-align: left
    }
}

.compare-table .table-head {

    margin-bottom: 24px;

    display: flex;

    align-items: center;

    gap: 24px
}

@media (min-width: 700px) {

    .compare-table .table-head {

        gap: 8px
    }
}

@media (min-width: 1440px) {

    .compare-table .table-head {

        gap: 24px
    }
}

.compare-table .table-head::before {

    display: none;

    flex: 1 1 0%;

    padding-left: 24px;

    padding-right: 24px;

    --tw-content: "";

    content: var(--tw-content)
}

@media (min-width: 700px) {

    .compare-table .table-head::before {

        display: block
    }
}

.compare-table .table-head li {

    border-radius: 12px;

    --tw-bg-opacity: 1;

    background-color: rgb(245 247 248 / var(--tw-bg-opacity));

    padding: 16px;

    font-size: 0.9375rem;

    line-height: 1.5;

    letter-spacing: 0.9px;

    --tw-text-opacity: 1;

    color: rgb(45 48 51 / var(--tw-text-opacity))
}

@media (min-width: 700px) {

    .compare-table .table-head li {

        padding-left: 24px;

        padding-right: 24px
    }
}

@media (min-width: 1440px) {

    .compare-table .table-head li {

        font-size: 1.125rem;

        line-height: 1.5;

        letter-spacing: 1.8px
    }
}

.compare-table .table-head li:nth-child(n + 3) {

    display: none
}

@media (min-width: 700px) {

    .compare-table .table-head li:nth-child(n + 3) {

        display: block
    }
}

.compare-table .table-body .divide-line {

    display: none
}

@media (min-width: 700px) {

    .compare-table .table-body .divide-line {

        display: inline-block
    }
}

.compare-table .table-body .table-row {

    display: flex;

    flex-direction: row;

    flex-wrap: wrap;

    gap: 0px
}

@media (min-width: 700px) {

    .compare-table .table-body .table-row {

        flex-wrap: nowrap;

        gap: 8px
    }
}

@media (min-width: 1440px) {

    .compare-table .table-body .table-row {

        gap: 24px
    }
}

.compare-table .table-body .table-row .table-title {

    flex: 1 1 100%;

    --tw-bg-opacity: 1;

    background-color: rgb(238 243 246 / var(--tw-bg-opacity));

    padding-top: 4px;

    padding-bottom: 4px;

    font-size: 0.8125rem;

    line-height: 1.5;

    letter-spacing: 0.52px;

    --tw-text-opacity: 1;

    color: rgb(131 141 156 / var(--tw-text-opacity))
}

@media (min-width: 700px) {

    .compare-table .table-body .table-row .table-title {

        flex: 1 1 0%;

        background-color: transparent;

        padding-top: 24px;

        padding-bottom: 24px;

        --tw-text-opacity: 1;

        color: rgb(81 90 104 / var(--tw-text-opacity))
    }
}

@media (min-width: 1440px) {

    .compare-table .table-body .table-row .table-title {

        font-size: 1.125rem;

        line-height: 1.5;

        letter-spacing: 1.8px
    }
}

.compare-table .table-body .table-row:first-of-type .table-title {

    border-top-left-radius: 16px;

    border-top-right-radius: 16px
}

.compare-table .table-head > *,
.compare-table .table-body .table-row > * {

    flex: 1 1 0%
}

.compare-table .table-body .table-row p {

    position: relative;

    display: block;

    padding-left: 16px;

    padding-right: 16px;

    font-size: 0.8125rem;

    line-height: 1.5;

    letter-spacing: 0.52px;

    --tw-text-opacity: 1;

    color: rgb(45 48 51 / var(--tw-text-opacity))
}

@media (min-width: 700px) {

    .compare-table .table-body .table-row p {

        display: flex;

        flex-direction: column;

        align-items: flex-start;

        justify-content: center;

        padding-left: 24px;

        padding-right: 24px
    }
}

@media (min-width: 1024px) {

    .compare-table .table-body .table-row p {

        display: block
    }
}

@media (min-width: 1440px) {

    .compare-table .table-body .table-row p {

        font-size: 0.9375rem;

        line-height: 1.5;

        letter-spacing: 1.2px
    }
}

.compare-table .table-body .table-row p:nth-child(2):after {

    position: absolute;

    right: 0px;

    top: 0px;

    display: block;

    height: 100%;

    width: 1px;

    --tw-translate-x: 50%;

    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));

    --tw-bg-opacity: 1;

    background-color: rgb(0 0 0 / var(--tw-bg-opacity));

    opacity: 0.1;

    --tw-content: "";

    content: var(--tw-content)
}

@media (min-width: 700px) {

    .compare-table .table-body .table-row p:nth-child(2):after {

        display: none
    }
}

.compare-table .table-body .table-row p:nth-child(n + 2) {

    margin-top: 16px;

    margin-bottom: 16px
}

@media (min-width: 700px) {

    .compare-table .table-body .table-row p:nth-child(n + 2) {

        margin-top: 24px;

        margin-bottom: 24px
    }
}

.compare-table .table-body .table-row p:nth-child(n + 4) {

    display: none
}

@media (min-width: 700px) {

    .compare-table .table-body .table-row p:nth-child(n + 4) {

        display: block
    }
}

.compare-table .table-body .table-row p .auxiliary {

    display: block;

    font-size: 0.75rem;

    line-height: 1.5;

    letter-spacing: 0.48px;

    --tw-text-opacity: 1;

    color: rgb(131 141 156 / var(--tw-text-opacity))
}

@media (min-width: 1024px) {

    .compare-table .table-body .table-row p .auxiliary {

        margin-left: 4px;

        display: inline
    }
}

/*# sourceMappingURL=compare-table.css.map */