form[action*="Compare.aspx"] .xCfg:not(.xQVDialog) .xTb {
    border: 0;
}

form[action*="Compare.aspx"] .xCfg:not(.xQVDialog) .xTb .xTbBtns {
    gap: 4px
}

form[action*="Compare.aspx"] .xCfg:not(.xQVDialog) .xTb .xTbBtns a {
    width: 32px;
    height: 32px;
    justify-content: center;
    border: 1px solid var(--color-gray-5);
    border-radius: 4px;
    background-color: var(--white);
    color: var(--color-text-icon-default);
}

form[action*="Compare.aspx"] .xCfg:not(.xQVDialog) .xTb .xTbBtns a:hover {
    background-color: var(--color-gray-2);
    color: var(--brand-accessible-active);
}

form[action*="Compare.aspx"] .xCfg:not(.xQVDialog) .xTb .xTbBtns a:active {
    background-color: var(--color-gray-3);
    color: var(---brand-accessible-active);
}

form[action*="Compare.aspx"] .xCfg:not(.xQVDialog) .xTb .xTbBtns a::before {

    font-size: var(--font-size-4) !important;
}

.xCompareBody .xPage {
    padding: 0 16px;
}

.xCompareBody .title {
    --compare-title-padding: 4px;
    --compare-title-font-family: var(--font-family-heading);
    --compare-title-font-size: var(--font-size-4);
    --compare-title-font-weight: var(--font-weight-bold);
    --compare-title-font-style: var(--heading-01-font-style);
    --compare-title-line-height: var(--heading-01-line-height);
    --compare-title-letter-spacing: var(--heading-01-letter-spacing);
    --compare-title-text-color: var(--text-primary);
    --compare-title-border-width: 0 0 var(--border-width) 0;
    --compare-title-border-style: var(--border-style);
    --compare-title-border-color: var(--page-header-joined-color-border);
}

.xCompareBody .cat {
    --compare-category-padding: 16px 16px 4px;
    --compare-category-font-family: var(--base-font-family);
    --compare-category-font-size: var(--base-font-size);
    --compare-category-font-weight: var(--font-weight-regular);
    --compare-category-font-style: var(--base-font-style);
    --compare-category-line-height: var(--base-line-height);
    --compare-category-letter-spacing: var(--base-letter-spacing);
    --compare-category-text-color: var(--color-text-weak);
    --compare-category-border-width: 0 0 var(--border-width) 0;
    --compare-category-border-style: var(--border-style);
    --compare-category-border-color: var(--border-color);
}

.xCompare .opt {
    height: 32px;
    --compare-option-padding: 0px 4px;
    --compare-option-font-family: var(--font-family);
    --compare-option-font-size: var(--font-size-3);
    --compare-option-font-weight: var(--font-weight-bold);
    --compare-option-font-style: var(--base-font-style);
    --compare-option-line-height: var(--base-line-height);
    --compare-option-letter-spacing: var(--base-letter-spacing);
    --compare-option-text-color: var(--text-primary);
    --compare-option-border-width: 0;
    --compare-option-border-style: var(--border-style);
    --compare-option-border-color: var(--border-color);
    background-color: var(--color-gray-3);
    --compare-option-background-color--hover: var(--color-gray-3);
    --compare-option-background-color--selected: var(--color-gray-3);
    --compare-option-background-color--hover--selected: var(--color-gray-3);
}

.xCompare :is(.optProp, .optPropAlt) {
    --compare-option-property-padding: 0.2px;
    --compare-option-property-indent: 24px;
    --compare-option-property-font-family: var(--base-font-family);
    --compare-option-property-font-size: var(--font-size-2);
    --compare-option-property-font-weight: var(--base-font-weight);
    --compare-option-property-font-style: var(--base-font-style);
    --compare-option-property-line-height: var(--base-line-height);
    --compare-option-property-letter-spacing: var(--base-letter-spacing);
    --compare-option-property-text-color: var(--text-primary);
    --compare-option-property-border-width: 0;
    --compare-option-property-border-style: var(--border-style);
    --compare-option-property-border-color: var(--border-color);
    --compare-option-property-background-color: var(--color-gray-1);
    --compare-option-property-background-color--hover: var(--color-gray-2);
}

.xCompare .opt td {
    border-bottom: 8px solid var(--white);
}

.xCompare .opt td:first-child {
    border-radius: 4px 0 0 4px;
}

.xCompare .opt td:last-child {
    border-radius: 0 4px 4px 0;
}

td.rowHdr[expandButton]::before {
    width: 16px;
    display: inline-block;
}