/* select */
.wp-block-table .header-row .cell.select.index0 select {
    opacity: 0;
    pointer-events: none;
}

.wp-block-table .header-row select {
    font-size: var(--tiny-font-size);
    color: var(--primary-text-color);
    background: var(--white-color);
    border-radius: 4px;
    border: 1px solid #d7d8d8;
    padding: 4px;
}

/* row */
.wp-block-table thead,
.wp-block-table .row.odd,
.wp-block-table .row.even {
    border-bottom: 1px solid #d7d8d8;
}

.wp-block-table .row:last-child {
    border-bottom: none;
}

.wp-block-table .cross-haired,
.wp-block-table .cross-haired {
    background-color: var(--extra-light-blue-color)!important;
}

/* head cell */
.wp-block-table .header-row .cell.empty,
.wp-block-table .header-row .cell.heading {
    border: none;
    padding: 12px;
}

.wp-block-table .header-row .cell.select {
    border: none;
    padding: 8px;
}

.wp-block-table .header-row .cell.heading {
   font-size: var(--small-font-size);
   line-height: var(--small-line-height);
   font-weight: var(--semibold-font-weight);
}

/* body cell */
.wp-block-table .row.odd .cell,
.wp-block-table .row.even .cell {
    border: none;
    padding: 12px;
}

.wp-block-table .row.odd .cell p,
.wp-block-table .row.even .cell p {
    font-size: var(--smallest-font-size);
    line-height: var(--small-line-height);
    padding: 0;
}

.wp-block-table .row.odd .cell.compare,
.wp-block-table .row.even .cell.compare {
    text-align: center;
}

/* tooltip */
.wp-block-table .description.active {
    font-size: var(--tiny-font-size);
    line-height: var(--small-line-height);
    color: var(--white-color);
    background-color: #373B3C;
    border-radius: 4px;
    padding: 4px 6px;
}

.wp-block-table .description + p:after {
    width: 14px!important;
    height: 14px!important;
    margin-left: 4px!important;
}

/* icons */
.comparison-table__label {
    display: block;
    width: 24px;
    height: 24px;
    mask-size: cover;
    -webkit-mask-size: cover;
    margin: 0 auto!important;
    padding: 0!important;
}

.comparison-table__label--yes {
    content: '';
    mask: url(/blog/wp-content/themes/dragon24/assets/img/icon/t1-check.svg) no-repeat 50% 50%;
    -webkit-mask: url(/blog/wp-content/themes/dragon24/assets/img/icon/t1-check.svg) no-repeat 50% 50%;
    background-color: var(--primary-cyan-color);
}

.comparison-table__label--no {
    content: '';
    mask: url(/blog/wp-content/themes/dragon24/assets/img/icon/t1-cross.svg) no-repeat 50% 50%;
    -webkit-mask: url(/blog/wp-content/themes/dragon24/assets/img/icon/t1-cross.svg) no-repeat 50% 50%;
    background-color: #FF1A1A;
}

/* control */
.wp-block-table .button {
    width: 46px!important;
    height: 46px!important;
    background: var(--white-color)!important;
    box-shadow: 0px 2px 10px 0px rgba(0, 8, 29, .12);
    border-radius: 6px!important;
    content: none!important;
}

.wp-block-table .button.right::before,
.wp-block-table .button.left::before {
    content: '';
    display: inline-block;
    width: 30px;
    height: 30px;
    mask-size: cover;
    -webkit-mask-size: cover;
    background: var(--primary-text-color);
}

.wp-block-table .button.right::before {
    mask: url(/blog/wp-content/themes/dragon24/assets/img/icon/t1-forward.svg) no-repeat 50% 50%;
    -webkit-mask: url(/blog/wp-content/themes/dragon24/assets/img/icon/t1-forward.svg) no-repeat 50% 50%;
}

.wp-block-table .button.left::before {
    mask: url(/blog/wp-content/themes/dragon24/assets/img/icon/t1-backward.svg) no-repeat 50% 50%;
    -webkit-mask: url(/blog/wp-content/themes/dragon24/assets/img/icon/t1-backward.svg) no-repeat 50% 50%;
}

.clearfix:after, .clearfix:before, .container:after, .container:before, .row:after, .row:before {
    display: none;
}