/*
Star Wars Brand Stylesheet
created by jeffculbertson 07/20/26

This stylesheet should be loaded after the base support site stylesheet(s)
Brand tokens start after global SLDS CSS fixes
*/


/*
    0. (ignore) FIX for body height
    Prevents shorter content pages from displaying white background below the footer section
*/
HTML, body,
c-dtcvx_support-theme[c-dtcvx_supportTheme_dtcvx_supportTheme-host] {
    height: auto;
}
c-dtcvx_support-theme > div[class] {
    display: flex;
    flex-direction: column;
    min-height: 100dvh;
}
c-dtcvx_support-theme > div[class] section.plusBrands-content {
    flex: 1 1 auto;
}
.plusBrands-content.plusBrands-content-Article[c-dtcvx_supportTheme_dtcvx_supportTheme] {
    min-height: auto;
    background-color: var(--brand-color-background);
}
@media (width < 30em) {
    .plusBrands-footer .supportFooter-outside {
        min-height: auto;
    }
}

/*
    0. (ignore) FIX for malformed SLDS CSS
    Adjustments and overrides where base SLDS styles are not correct
*/
community_layout-hidden-region .component-wrapper-spacer {
    margin-bottom: 0;
}
.slds-input_faux {
    text-align: start;
}
.plus-brands-search-results-container .slds-input-has-icon_left-right .slds-input {
    --slds-c-input-spacing-inline-start: var(--help-search-field-padding-start, 2.5rem);
    --slds-c-input-spacing-inline-end: var(--help-search-field-padding-end, 3rem);
}
.slds-input-has-icon svg.slds-input__icon[data-key="search"] {
    height: var(--help-search-field-icon-size, 1rem);
    width: var(--help-search-field-icon-size, 1rem);
    margin-top: -0.5rem;
}
.slds-form-element .slds-form-element__help:empty {
    margin: 0;
}
.slds-form-element__control .slds-radio {
    padding-bottom: .75rem;
}
.slds-form-element__control .slds-radio .slds-radio__label {
    display: flex;
    align-items: center;
}
.slds-radio .slds-form-element__label {
    margin-bottom: 0;
    padding-inline-start: .25rem;
    hyphens: inherit;
}
.slds-breadcrumb .slds-breadcrumb__item:not(:first-child):before,
.slds-breadcrumb .slds-list__item:not(:first-child):before {
    content: '';
    background-image: var(--help-breadcrumbs-icon, var(--plus-icon-breadcrumb-divider));
    background-repeat: no-repeat;
    background-position: 0;
    background-origin: content-box;
    background-size: 100%;
    display: inline-flex;
    width: var(--help-breadcrumbs-icon-width, 20px);
    height: var(--help-breadcrumbs-icon-height, 19px);
    top: var(--help-breadcrumbs-icon-top, 5px);
    inset-inline-start: var(--help-breadcrumbs-icon-left, 3px);
    opacity: var(--help-breadcrumbs-icon-opacity, 1);
}
.slds-button_icon.slds-button_icon-bare {
    line-height: 0; /* Firefox line height inheritance (normal) bug */
}
.slds-radio [type="radio"]:checked+.slds-radio--faux,
.slds-radio [type="radio"]:checked+.slds-radio__label .slds-radio--faux,
.slds-radio [type="radio"]:checked+.slds-radio__label .slds-radio_faux,
.slds-radio [type="radio"]:checked+.slds-radio_faux,
.slds-radio [type="radio"]:checked~.slds-radio--faux,
.slds-radio [type="radio"]:checked~.slds-radio_faux {
    border-color: var(--sds-c-radio-color-border-checked, 
        var(--slds-c-radio-color-border, 
        var(--dxp-s-form-element-color-border-checked, 
        var(--dxp-s-form-element-color-border, 
        var(--dxp-g-neutral-3)))))
}
.slds-input-has-icon--left-right .slds-input__icon--left,
.slds-input-has-icon--left-right .slds-input__icon_left,
.slds-input-has-icon_left-right .slds-input__icon--left,
.slds-input-has-icon_left-right .slds-input__icon_left {
    inset-inline-start: .75rem;
}
.slds-input__icon-group_right,
.slds-input-has-icon--right .slds-input__icon,
.slds-input-has-icon_right .slds-input__icon {
    right: auto;
    inset-inline-end: 0;
    margin-inline-end: .25rem;
}
.fix-slds-input_faux {
    line-height: inherit !important;
}
.slds-form-element__label {
    padding-right: auto;
    padding-inline-end: .5rem;
}



/*      
    0. (ignore) FIX for missing SLDS tokens
    Lightning Component elements without tokens --
    No need to change these, just redefine the invented 'slds-z' token 
    in LWC components. Fallback value is the hard-coded SLDS definition.
*/
.slds-form-element__legend {
    font-family: var(--slds-z-form-legend-font-family, var(--dxp-s-body-font-family));
    font-size: var(--slds-z-form-legend-font-size, var(--dxp-s-body-font-size));
    font-style: var(--slds-z-form-legend-font-style, var(--dxp-s-body-font-style));
    font-weight: var(--slds-z-form-legend-font-weight, 700);
    text-transform: var(--slds-z-form-legend-font-transform, var(--dxp-s-body-text-transform));
    line-height: var(--slds-z-form-legend-line-height, var(--dxp-s-body-line-height));
    color: var(--slds-z-form-legend-font-color, var(--dxp-s-form-element-label-color));
}
.slds-radio .slds-radio--faux, .slds-radio .slds-radio_faux {
    width: var(--slds-z-radio-width, 1rem);
    height: var(--slds-z-radio-height, 1rem);
}
.slds-radio [type=radio]:checked+.slds-radio--faux:after,
.slds-radio [type=radio]:checked+.slds-radio__label .slds-radio--faux:after,
.slds-radio [type=radio]:checked+.slds-radio__label .slds-radio_faux:after,
.slds-radio [type=radio]:checked+.slds-radio_faux:after,
.slds-radio [type=radio]:checked~.slds-radio--faux:after,
.slds-radio [type=radio]:checked~.slds-radio_faux:after {
    width: var(--slds-z-radio-foreground-width, .5rem);
    height: var(--slds-z-radio-foreground-height, .5rem);
}
.slds-button_brand[disabled],
.slds-button_brand:disabled, .slds-button--brand[disabled],
.slds-button--brand:disabled,
lightning-button[variant="brand"]::part(button):disabled {
    background-color: var(--slds-z-button-brand-color-background-disabled, var(--dxp-g-neutral-2));
    border-color: var(--slds-z-button-brand-color-border-disabled, var(--dxp-g-neutral-2));
    color: var(--slds-z-button-brand-text-color-disabled, white);
}
.slds-has-error .slds-form-element__help {
    color: var(--slds-z-form-element-caption-font-color-error, var(--dxp-g-destructive));
}
.slds-has-error .slds-input,
.slds-has-error .slds-textarea {
    background-color: var(--slds-z-input-error-background-color, var(--dxp-g-root));
    border-color: var(--slds-z-input-error-border-color, var(--dxp-g-destructive));
    box-shadow: var(--slds-z-input-error-shadow, var(--dxp-g-destructive) 0 0 0 1px inset);
}
.slds-form-element__label {
    margin-bottom: var(--slds-z-form-element-label-margin-bottom, .125rem);
}

/*
    0. (ignore) RTL Accessibility adjustments
    This should mostly consist of flipping background image icons
*/
[dir="rtl"] {
    .help-popular-article-icon-container,
    .slds-breadcrumb .slds-breadcrumb__item:not(:first-child):before,
    .slds-breadcrumb .slds-list__item:not(:first-child):before,
    .help-article-feedback-message img,
    a.help-hero-contact-breadcrumbs-parent::after,
    a.help-hero-searchBar-breadcrumbs-parent::after,
    a.plus-brands-articleCat-breadcrumbs-parent::after,
    .help-article-item-icon-container,
    .slds-input-has-icon svg.slds-input__icon[data-key="search"],
    .slds-input__icon-group_right:has(button),
    .slds-input-has-icon--right .slds-input__icon,
    .slds-input-has-icon_right .slds-input__icon,
    .plus-brands-search-results-showSearchBar .slds-button,
    .help-breadcrumbs-divider,
    .plus-brands-notification-carousel .slds-button_icon svg.slds-button__icon,
    .pagination-container button.slds-button svg.slds-button__icon,
    .carousel-arrow .carousel-arrow-icon {
        transform: scaleX(-1);
    }
}




/*
    1. Define Brand Tokens

    Initial tokens defined for desktop, smaller breakpoint values follow.
    Not using nested media queries for widest compatibility.
*/

/*
Desktop
*/
:root { 

/*  Base color and font definitions */
    --brand-color-background: #000000;
    --brand-color-foreground: #FFFFFF; 
    --brand-color-primary: #FADE4B;
    --brand-color-secondary: #B5B7B7; /* 30 */
    --brand-color-accent: #48494A; /* 80 */
    --brand-color-text-link: #FADE4B;
    --brand-color-text-hover: #F7E171;
    --brand-ui-color-panel: #1D1E1F; /* 90 */
    --brand-ui-color-text: #848687; /* 50 */
    --brand-ui-color-border: #5A5C5D; /* 70 */
    --brand-ui-form-border-color: #CECFCF; /* 20 */
    --brand-ui-form-background-color: #1D1E1F; /* 90 */
    --brand-color-error: #FF7F7F;
    --brand-font-family-heading: 'DIN Next LT Pro', sans-serif;
    --brand-font-family-body: 'DIN Next LT Pro', sans-serif;

/*  Base (D+) token overrides */
    --plus-regular-font-family: var(--brand-font-family-body);
    --plus-medium-font-family: var(--brand-font-family-heading);
    --plus-heavy-font-family: var(--brand-font-family-heading);

/*  Help Dynamic Header component variables */
    --help-header-padding: 0 0 4rem 0;
    --help-header-nav-height: 68px;
    --help-header-nav-inner-height: 69px;
    --help-header-nav-background-color: var(--brand-color-background);
    --help-header-nav-border-decoration: 1px solid var(--brand-ui-color-border);
    --help-header-nav-search-width: min(100%, 392px);
    --help-header-hero-headline-font-family: var(--brand-font-family-heading);
    --help-header-hero-headline-font-size: 2.5rem;
    --help-header-hero-headline-font-style: normal;
    --help-header-hero-headline-font-weight: 700;
    --help-header-hero-headline-line-height: 1.2;
    --help-header-hero-headline-font-color: var(--brand-color-foreground);
    --help-header-hero-eyebrow-font-family: var(--brand-font-family-heading);
    --help-header-hero-eyebrow-font-size: 1.25rem;
    --help-header-hero-eyebrow-font-style: normal;
    --help-header-hero-eyebrow-font-weight: 500;
    --help-header-hero-eyebrow-font-transform: none;
    --help-header-hero-eyebrow-line-height: 1.5;
    --help-header-hero-eyebrow-font-color: var(--brand-color-foreground);
    --help-header-hero-content-width: 900px;
    --help-header-hero-headline-align: center;
    --help-header-hero-headline-padding: 12rem 0rem 1.5rem 0rem;
    --help-header-hero-spacer-height: var(--help-header-nav-height);
    --help-header-hero-background-image: url(/sfsites/c/resource/help_supportAssets/StarWars/images/sw-home-banner-l.jpg);
    --help-header-hero-background-image-overlay: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 34%, #000 64%);
    --help-header-hero-background-position: center 40px;
    --help-header-hero-background-size: max(100%, 1440px);
    --help-header-logo-width: 70px;
    --help-header-logo-height: auto;
    --help-header-site-title-background: var(--brand-color-foreground);
    --help-header-site-title-foreground: var(--brand-color-background);
    --help-header-site-title-border-radius: 4px;
    --help-header-site-title-font-family: var(--brand-font-family-body);
    --help-header-site-title-font-size: 1rem;
    --help-header-site-title-font-weight: 700;
    --help-header-site-title-font-transform: none;
    --help-header-site-title-line-height: 1;
    --help-header-site-title-padding: 6px 8px;
    --help-header-site-title-margin-top: 0;
    --help-header-nav-link-color: var(--brand-color-foreground);
    --help-header-nav-link-color-hover: var(--brand-color-primary);
    --help-header-nav-link-font-family: var(--brand-font-family-body);
    --help-header-nav-link-font-size: 1rem;
    --help-header-nav-link-font-weight: 500;
    --help-header-nav-link-line-height: 1;
    --help-header-nav-link-font-transform: none;
    --help-header-nav-link-decoration: none;
    --help-header-nav-link-decoration-hover: none;
    --help-header-nav-menu-icon-color: var(--brand-color-foreground);
    --help-header-nav-menu-border-radius: 5px;
    --help-header-nav-menu-background-color: var(--brand-ui-form-border-color);
    --help-header-nav-menu-border: 1px solid var(--brand-ui-color-border);
    --help-header-nav-menu-box-shadow: none;

/*  Help Dynamic Popular Articles component variables */
    --help-popular-articles-width: 900px;
    --help-popular-articles-section-font-family: var(--brand-font-family-heading);
    --help-popular-articles-section-font-size: 1.75rem;
    --help-popular-articles-section-font-style: normal;
    --help-popular-articles-section-font-weight: 500;
    --help-popular-articles-section-font-transform: none;
    --help-popular-articles-section-font-color: var(--brand-color-foreground);
    --help-popular-articles-section-font-line-height: 1.2;
    --help-popular-articles-section-margin: 0 0 1.5rem 0;
    --help-popular-articles-item-background-color: var(--brand-color-background);
    --help-popular-articles-item-background-color-hover: var(--brand-color-accent);
    --help-popular-articles-item-background-color-shadow-hover: none;
    --help-popular-articles-item-border: 1px solid transparent;
    --help-popular-articles-item-border-radius: 8px;
    --help-popular-articles-item-font-family: var(--brand-font-family-body);
    --help-popular-articles-item-font-size: 1.125rem;
    --help-popular-articles-item-font-style: normal;
    --help-popular-articles-item-font-weight: 500;
    --help-popular-articles-item-font-color: var(--brand-color-foreground);
    --help-popular-articles-item-font-line-height: 24px;
    --help-popular-articles-item-font-color-hover: var(--brand-color-foreground);
    --help-popular-articles-item-font-hover-underline: none;
    --help-popular-articles-item-icon: url(/sfsites/c/resource/help_supportAssets/StarWars/icons/icon-chevron-right-inverse.svg);
    --help-popular-articles-item-icon-hover: url(/sfsites/c/resource/help_supportAssets/StarWars/icons/icon-chevron-right-inverse-glow.svg);
    --help-popular-articles-item-icon-size: 24px;

/*  Help Dynamic Topic Home component variables */
    --help-topic-width: 900px;
    --help-topic-section-font-family: var(--brand-font-family-heading);
    --help-topic-section-font-size: 1.75rem;
    --help-topic-section-font-style: normal;
    --help-topic-section-font-weight: 500;
    --help-topic-section-font-transform: none;
    --help-topic-section-font-color: var(--brand-color-foreground);
    --help-topic-section-font-line-height: 1.2;
    --help-topic-section-margin: 0 0 1.5rem 0;
    --help-topic-card-background-color: var(--brand-ui-color-panel);
    --help-topic-card-background-color-hover: #2d2e2f;
    --help-topic-card-border: none;
    --help-topic-card-border-hover: none;
    --help-topic-card-border-radius: 8px;
    --help-topic-card-padding: 0;
    --help-topic-card-shadow: none;
    --help-topic-card-font-family: var(--brand-font-family-heading);
    --help-topic-card-font-size: 1.125rem;
    --help-topic-card-font-style: normal;
    --help-topic-card-font-weight: 400;
    --help-topic-card-font-color: var(--brand-color-foreground);
    --help-topic-card-font-color-hover: var(--brand-color-foreground);
    --help-topic-card-font-line-height: 24px;
    --help-topic-card-font-position: ;
    --help-topic-card-font-bottom: ;
    --help-topic-card-icon-width: 100%;
    --help-topic-card-icon-height: auto;
    --help-topic-item-icon: none;
    --help-topic-item-icon-hover: none;
    --help-topic-selector-button-background-color-active: #2d2e2f;
    --help-topic-selector-button-border-color-active: var(--brand-color-primary);
    --help-topic-selector-button-font-color-active: var(--brand-color-foreground);

    /*  Help Country/Language Selection variables */
    --help-region-selector-width: 550px;
    --help-region-selector-country-width: 50%;
    --help-region-selector-language-width: 50%;
    --help-region-selector-background-color: var(--brand-ui-color-panel);
    --help-region-selector-font-family: var(--brand-font-family-body);
    --help-region-selector-font-size: 1rem;
    --help-region-selector-font-style: normal;
    --help-region-selector-font-weight: 400;
    --help-region-selector-font-transform: none;
    --help-region-selector-font-color: var(--brand-color-foreground);
    --help-region-selector-font-line-height: 1.5;
    --help-region-selector-font-underline: none;
    --help-region-selector-align: center;
    --help-region-selector-border-width: 1px;
    --help-region-selector-border-color: var(--brand-ui-color-border);
    --help-region-selector-border-radius: 4px;
    --help-region-selector-background-color-focus: var(--brand-ui-color-panel);
    --help-region-selector-font-color-focus: var(--brand-color-foreground);
    --help-region-selector-border-color-focus: var(--brand-color-primary);

/*  Help Dynamic Contact Tray variables */
    --help-contact-width: 1200px;
    --help-contact-padding: 3.5rem 0 2.5rem 0;
    --help-contact-decoration: none;
    --help-contact-section-font-family: var(--brand-font-family-heading);
    --help-contact-section-font-size: 2rem;
    --help-contact-section-font-style: normal;
    --help-contact-section-font-weight: 700;
    --help-contact-section-font-transform: none;
    --help-contact-section-font-color: var(--brand-color-foreground);
    --help-contact-section-font-line-height: 1.125;
    --help-contact-section-padding: 0 1rem;
    --help-contact-section-align: center;
    --help-contact-section-margin: 0 0;
    --help-contact-card-height: auto;
    --help-contact-card-background-color: var(--brand-ui-color-panel);
    --help-contact-card-shadow: 0 4px 8px rgba(0, 0, 0, 0.12);
    --help-contact-card-padding: 1.5rem 2.5rem 1.5rem 2.5rem;
    --help-contact-card-border-radius: 4px;
    --help-contact-card-body-font-family: var(--brand-font-family-body);
    --help-contact-card-body-font-size: 1rem;
    --help-contact-card-body-font-style: normal;
    --help-contact-card-body-font-weight: 400;
    --help-contact-card-body-font-color: var(--brand-color-foreground);
    --help-contact-card-body-font-line-height: 1.5;
    --help-contact-card-body-padding: .5rem 0 0 0;
    --help-contact-card-title-font-family: var(--brand-font-family-heading);
    --help-contact-card-title-font-size: 1.125rem;
    --help-contact-card-title-font-style: normal;
    --help-contact-card-title-font-weight: 700;
    --help-contact-card-title-font-transform: none;
    --help-contact-card-title-font-color: var(--brand-color-foreground);
    --help-contact-card-title-font-line-height: 1.333;
    --help-contact-card-title-font-color-hover: var(--brand-color-foreground);
    --help-contact-card-title-font-hover-underline: underline;
    --help-contact-card-icon-size: 40px;

/*  Help Dynamic Footer variables */
    --help-footer-width: var(--help-header-hero-content-width);
    --help-footer-padding: 1.5rem 0;
    --help-footer-links-margin: 2rem auto;
    --help-footer-decoration: none;
    --help-footer-logo-width: 85px;
    --help-footer-category-font-family: var(--brand-font-family-heading);
    --help-footer-category-font-color: var(--brand-color-foreground);
    --help-footer-category-font-size: .875rem;
    --help-footer-category-font-style: normal;
    --help-footer-category-font-weight: 500;
    --help-footer-category-font-transform: uppercase;
    --help-footer-category-font-line-height: 1.25;
    --help-footer-font-family: var(--brand-font-family-body);
    --help-footer-font-size: .875rem;
    --help-footer-font-style: normal;
    --help-footer-font-weight: 400;
    --help-footer-font-transform: none;
    --help-footer-font-line-height: 1.25;
    --help-footer-font-color: var(--brand-color-foreground);
    --help-footer-font-color-link: var(--brand-color-foreground);
    --help-footer-font-color-hover: var(--brand-color-foreground);
    --help-footer-font-hover-underline: underline;

/*  Help Dynamic Article Category component variables */
    --help-category-width: 900px;
    --help-category-divider: 1px solid var(--brand-ui-color-border);
    --help-category-topics-padding: 2rem;
    --help-category-topics-title-font-family: var(--brand-font-family-heading);
    --help-category-topics-title-font-size: 1.75rem;
    --help-category-topics-title-font-style: normal;
    --help-category-topics-title-font-weight: 500;
    --help-category-topics-title-font-transform: none;
    --help-category-topics-title-font-color: var(--brand-color-foreground);
    --help-category-topics-title-font-line-height: 1.2;
    --help-category-topics-item-height: 3.5rem;
    --help-category-topics-item-padding: 0 1rem;
    --help-category-topics-item-background-color: var(--brand-ui-color-panel);
    --help-category-topics-item-background-color-hover: var(--brand-color-accent);
    --help-category-topics-item-border: none;
    --help-category-topics-item-border-radius: 8px;
    --help-category-topics-item-font-family: var(--brand-font-family-body);
    --help-category-topics-item-font-size: .875rem;
    --help-category-topics-item-font-style: normal;
    --help-category-topics-item-font-weight: 500;
    --help-category-topics-item-font-transform: none;
    --help-category-topics-item-font-color: var(--brand-color-foreground);
    --help-category-topics-item-font-line-height: 16px;
    --help-category-topics-item-font-color-hover: var(--brand-color-foreground);
    --help-category-topics-item-font-color-active: var(--brand-color-foreground);
    --help-category-topics-item-font-active-underline: none;
    --help-category-topics-item-font-hover-underline: none;
    --help-category-topics-item-font-alignment: start;
    --help-category-topics-item-shadow: none;
    --help-category-topics-item-icon-height: auto;
    --help-category-topics-item-icon-width: 100%;
    --help-category-topics-item-icon-position: center;
    --help-category-topics-item-icon-fit: fill;
    --help-category-articles-item-gap: .75rem;
    --help-category-articles-padding: 2rem;
    --help-category-articles-border: 1px solid var(--brand-ui-color-border);
    --help-category-articles-item-height: auto;
    --help-category-articles-item-padding: 1rem .5rem 1rem 1rem;
    --help-category-articles-item-background-color: var(--brand-color-background);
    --help-category-articles-item-background-color-hover: #2d2e2f;
    --help-category-articles-item-border: none;
    --help-category-articles-item-border-hover: none;
    --help-category-articles-item-border-radius: 8px;
    --help-category-articles-item-font-family: var(--brand-font-family-body);
    --help-category-articles-item-font-size: 1.125rem;
    --help-category-articles-item-font-style: normal;
    --help-category-articles-item-font-weight: 500;
    --help-category-articles-item-font-transform: none;
    --help-category-articles-item-font-color: var(--brand-color-foreground);
    --help-category-articles-item-font-color-hover: var(--brand-color-foreground);
    --help-category-articles-item-font-line-height: 24px;
    --help-category-articles-item-font-hover-underline: none;
    --help-category-articles-item-icon: url(/sfsites/c/resource/help_supportAssets/StarWars/icons/icon-chevron-right-inverse.svg);
    --help-category-articles-item-icon-hover: url(/sfsites/c/resource/help_supportAssets/StarWars/icons/icon-chevron-right-inverse-glow.svg);
    --help-category-articles-item-icon-size: 24px;
    --help-category-articles-item-shadow: none;
    --help-category-carousel-control-size: 3rem;
    --help-category-carousel-control-background-color: var(--brand-color-foreground);
    --help-category-carousel-control-border: 0 none;
    --help-category-carousel-control-border-radius: 100%;
    --help-category-carousel-control-icon-forward: url(/sfsites/c/resource/help_supportAssets/StarWars/icons/icon-chevron-right.svg);
    --help-category-carousel-control-icon-back: url(/sfsites/c/resource/help_supportAssets/StarWars/icons/icon-chevron-left.svg);
    --help-category-carousel-control-icon-size: 1.25rem;

/*  Breadcrumbs component variables */
    --help-breadcrumbs-margin: 1.25rem 0;
    --help-breadcrumbs-gap: .5rem;
    --help-breadcrumbs-font-family: var(--brand-font-family-body);
    --help-breadcrumbs-font-size: 1rem;
    --help-breadcrumbs-font-style: normal;
    --help-breadcrumbs-font-weight: 400;
    --help-breadcrumbs-font-transform: none;
    --help-breadcrumbs-font-color: var(--brand-color-foreground);
    --help-breadcrumbs-font-line-height: 1.25rem;
    --help-breadcrumbs-font-color-link: var(--brand-color-text-link);
    --help-breadcrumbs-font-color-hover: var(--brand-color-text-hover);
    --help-breadcrumbs-font-color-link-active: var(--brand-color-text-hover);
    --help-breadcrumbs-font-hover-underline: none;
    --help-breadcrumbs-icon: url(/sfsites/c/resource/help_supportAssets/StarWars/icons/icon-chevron-right-inverse.svg);
    --help-breadcrumbs-icon-position: 0;
    --help-breadcrumbs-icon-size: contain;
    --help-breadcrumbs-icon-width: 20px;
    --help-breadcrumbs-icon-height: 20px;
    --help-breadcrumbs-icon-top: 0;
    --help-breadcrumbs-icon-left: 0;
    --help-breadcrumbs-icon-opacity: 1;
    --help-breadcrumbs-font-color-inverse: var(--brand-color-foreground);
    --help-breadcrumbs-font-color-link-inverse: var(--brand-color-text-link);
    --help-breadcrumbs-font-color-link-hover-inverse: var(--brand-color-text-hover);
    --help-breadcrumbs-font-color-link-inverse-active: var(--brand-color-text-hover);
    --help-breadcrumbs-font-hover-underline-inverse: none;
    --help-breadcrumbs-icon-inverse: url(/sfsites/c/resource/help_supportAssets/StarWars/icons/icon-chevron-right-inverse.svg);
    --help-breadcrumbs-icon-opacity-inverse: 1;
    --help-breadcrumbs-margin-inverse: 1.25rem 2rem;

/*  Help Dynamic Article component variables */
    --help-article-padding: 0;
    --help-article-border-radius: 0;
    --help-article-shadow: none;
    --help-article-background-color: var(--brand-color-background);
    --help-article-summary-padding: 0 2.5rem .5rem 2.5rem;
    --help-article-summary-font-family: var(--brand-font-family-heading);
    --help-article-summary-font-size: 2rem;
    --help-article-summary-font-style: normal;
    --help-article-summary-font-weight: 700;
    --help-article-summary-font-color: var(--brand-color-foreground);
    --help-article-summary-font-transform: none;
    --help-article-summary-font-line-height: 1.125;
    --help-article-date-margin: .5rem 0 0 0;
    --help-article-date-font-family: var(--brand-font-family-body);
    --help-article-date-font-size: .75rem;
    --help-article-date-font-style: normal;
    --help-article-date-font-weight: 400;
    --help-article-date-font-color: var(--brand-ui-color-text);
    --help-article-date-font-transform: none;
    --help-article-date-font-line-height: 1.2;
    --help-article-section-margin: 1rem 0;
    --help-article-section-font-family: var(--brand-font-family-heading);
    --help-article-section-font-size-2: 1.5rem;
    --help-article-section-font-size-3: 1.25rem;
    --help-article-section-font-size-4: 1rem;
    --help-article-section-font-style: normal;
    --help-article-section-font-weight: 700;
    --help-article-section-font-color: var(--brand-color-secondary);
    --help-article-section-font-transform: none;
    --help-article-section-font-line-height: 1.5;
    --help-article-content-margin: 0 2.5rem 2.5rem;
    --help-article-content-gap: .5rem;
    --help-article-content-font-family: var(--brand-font-family-body);
    --help-article-content-font-size: 1.125rem;
    --help-article-content-font-style: normal;
    --help-article-content-font-weight: 400;
    --help-article-content-font-color: var(--brand-color-foreground);
    --help-article-content-font-color-link: var(--brand-color-text-link);
    --help-article-content-font-color-hover: var(--brand-color-text-hover);
    --help-article-content-font-transform: none;
    --help-article-content-font-line-height: 1.5;
    --help-article-content-font-weight-strong: 700;
    --help-article-content-font-style-emphasis: italic;
    --help-article-content-list-margin: 1rem 2rem 2rem 2rem;
    --help-article-content-list-gap: .5rem;

/*  Help Hero Image component variables */
    --help-hero-image-container-height: 280px;
    --help-hero-image-container-overlay: 
    linear-gradient(0deg, #000 0%, rgba(0, 0, 0, 0.00) 34.06%), 
    linear-gradient(81deg, rgba(0, 0, 0, 0.80) 0%, rgba(0, 0, 0, 0.00) 47.78%), 
    rgba(4, 4, 5, 0.60);
    --help-hero-image-title-font-alignment: center;
    --help-hero-image-title-margin: 0 1.5rem;
    --help-hero-image-title-width: 850px;
    --help-hero-image-title-font-family: var(--brand-font-family-heading);
    --help-hero-image-title-font-size: 2.5rem;
    --help-hero-image-title-font-style: normal;
    --help-hero-image-title-font-weight: 700;
    --help-hero-image-title-font-color: var(--brand-color-foreground);
    --help-hero-image-title-font-transform: none;
    --help-hero-image-title-font-line-height: 1.2;
    --help-hero-image-container-background-color: var(--brand-color-background);
    --help-hero-image-container-padding: 1.5rem 1rem;
    --help-hero-image-icon-height: 64px;
    --help-hero-image-icon-width: 64px;
    --help-hero-image-icon-border-radius: 4px;
    --help-hero-image-icon-font-family: var(--brand-font-family-heading);
    --help-hero-image-icon-font-size: 1rem;
    --help-hero-image-icon-font-style: normal;
    --help-hero-image-icon-font-weight: 700;
    --help-hero-image-icon-font-color: var(--brand-color-foreground);
    --help-hero-image-icon-font-transform: none;
    --help-hero-image-icon-font-line-height: 1.5;

/*  Help Dynamic Suggested Articles component variables */
    --help-suggested-articles-border-radius: 4px;
    --help-suggested-articles-shadow: none;
    --help-suggested-articles-background-color: var(--brand-ui-color-panel);
    --help-suggested-articles-title-padding: 1.5rem 2rem 1.25rem;
    --help-suggested-articles-title-border: solid var(--brand-ui-color-border);
    --help-suggested-articles-title-border-width: 0 0 1px 0;
    --help-suggested-articles-title-border-radius: 0;
    --help-suggested-articles-title-font-family: var(--brand-font-family-heading);
    --help-suggested-articles-title-font-size: 1.5rem;
    --help-suggested-articles-title-font-style: normal;
    --help-suggested-articles-title-font-weight: 500;
    --help-suggested-articles-title-font-color: var(--brand-color-foreground);
    --help-suggested-articles-title-font-transform: none;
    --help-suggested-articles-title-font-line-height: 1.25;
    --help-suggested-articles-item-container-padding: .5rem 0 .75rem 0;
    --help-suggested-articles-item-padding: .75rem 2rem;
    --help-suggested-articles-item-text-padding: 0;
    --help-suggested-articles-item-border: none;
    --help-suggested-articles-item-border-radius: 0;
    --help-suggested-articles-item-font-family: var(--brand-font-family-body);
    --help-suggested-articles-item-font-size: 1.125rem;
    --help-suggested-articles-item-font-style: normal;
    --help-suggested-articles-item-font-weight: 500;
    --help-suggested-articles-item-font-color: var(--brand-color-text-link);
    --help-suggested-articles-item-font-color-hover: var(--brand-color-text-hover);
    --help-suggested-articles-item-font-transform: none;
    --help-suggested-articles-item-font-line-height: 24px;
    --help-suggested-articles-item-font-underline: none;
    --help-suggested-articles-item-font-underline-hover: underline;

/*  Help Search component variables */
    --help-search-hero-padding: 2.5rem 2rem 1.5rem;
    --help-search-hero-title-margin: 1rem 0 0 0;
    --help-search-hero-title-font-family: var(--brand-font-family-heading);
    --help-search-hero-title-font-size: 2rem;
    --help-search-hero-title-font-style: normal;
    --help-search-hero-title-font-weight: 700;
    --help-search-hero-title-font-color: var(--brand-color-foreground);
    --help-search-hero-title-font-transform: none;
    --help-search-hero-title-font-line-height: 1.2;
    --help-search-page-width: 1040px;
    --help-search-page-search-container-background-color: var(--brand-ui-color-panel);
    --help-search-page-search-container-margin: 0 0 1.5rem;
    --help-search-page-search-container-padding: 0;
    --help-search-page-search-container-shadow: none;
    --help-search-page-search-container-border: none;
    --help-search-page-search-container-border-radius: 8px;
    --help-search-results-filter-column-gap: 1.5rem;
    --help-search-results-filter-column-width: 275px;
    --help-search-results-filter-gap: 1.5rem;
    --help-search-results-filter-padding: 1rem;
    --help-search-results-filter-background-color: var(--brand-ui-color-panel);
    --help-search-results-filter-border: 1px solid var(--brand-ui-form-border-color);
    --help-search-results-filter-border-radius: 8px;
    --help-search-results-container-padding-inline: 2rem;
    --help-search-results-topic-pill-padding: .25rem .75rem;
    --help-search-results-topic-pill-margin-top: .75rem;
    --help-search-results-topic-pill-background-color: var(--brand-color-background);
    --help-search-results-topic-pill-border: 1px solid var(--brand-color-foreground);
    --help-search-results-topic-pill-border-radius: 100px;
    --help-search-results-topic-pill-font-family: var(--brand-font-family-body);
    --help-search-results-topic-pill-font-size: .875rem;
    --help-search-results-topic-pill-font-style: normal;
    --help-search-results-topic-pill-font-weight: 500;
    --help-search-results-topic-pill-font-transform: none;
    --help-search-results-topic-pill-font-line-height: 16px;
    --help-search-results-topic-pill-font-color: var(--brand-color-foreground);
    --help-search-page-search-bar-padding: 1.5rem 1.5rem 1.5rem 2rem;
    --help-search-page-search-bar-margin: 0;
    --help-search-page-search-bar-border: none;
    --help-search-page-search-bar-border-width: 0;
    --help-search-page-filters-padding: 1rem 2rem;
    --help-search-field-margin-bottom: 0;
    --help-search-field-padding-start: 2.75rem;
    --help-search-field-padding-end: 2.5rem;
    --help-search-field-background-color: var(--brand-color-background);
    --help-search-field-background-color-focus: var(--brand-color-background);
    --help-search-field-font-color: var(--brand-color-foreground);
    --help-search-field-font-size: 1rem;
    --help-search-field-font-line-height: 48px;
    --help-search-field-border-color: var(--brand-color-foreground);
    --help-search-field-border-color-focus: var(--brand-color-primary);
    --help-search-field-border-width: 1px;
    --help-search-field-border-radius: 4px;
    --help-search-field-shadow: none;
    --help-search-field-shadow-focus: none;
    --help-search-field-icon-color: var(--brand-color-foreground);
    --help-search-field-icon-size: 1.5rem;
    --help-search-no-results-heading-font-family: var(--brand-font-family-heading);
    --help-search-no-results-heading-font-color: var(--brand-color-foreground);
    --help-search-no-results-heading-font-size: 1.5rem;
    --help-search-no-results-heading-font-weight: 500;
    --help-search-no-results-font-family: var(--brand-font-family-body);
    --help-search-no-results-font-color: var(--brand-color-foreground);
    --help-search-no-results-font-size: 1rem;
    --help-search-no-results-font-weight: 400;

/*  Button variables */
    --help-button-font-family: var(--brand-font-family-body);
    --help-button-font-size: 1rem;
    --help-button-font-style: normal;
    --help-button-font-weight: 700;
    --help-button-font-transform: none;
    --help-button-font-line-height: 44px;
    --help-button-padding: 0 1rem;
    --help-button-font-color: var(--brand-color-background);
    --help-button-font-color-hover: var(--brand-color-background);
    --help-button-font-color-disabled: var(--brand-ui-form-background-color);
    --help-button-background-color: var(--brand-color-primary);
    --help-button-background-color-hover: var(--brand-color-text-hover);
    --help-button-background-color-disabled: var(--brand-color-accent);
    --help-button-border-color: var(--brand-color-primary);
    --help-button-border-color-hover: var(--brand-color-text-hover);
    --help-button-border-color-disabled: var(--brand-color-accent);
    --help-button-border-width: 2px;
    --help-button-border-radius: 4px;
    --help-button-spacing-block-start: 0;
    --help-button-spacing-inline-end: 1rem;
    --help-button-spacing-block-end: 0;
    --help-button-spacing-inline-start: 1rem;

/*  Banner component variables */
    --help-banner-margin: 0;
    --help-banner-padding: 1rem 1.5rem;
    --help-banner-background-color: var(--brand-ui-color-panel);
    --help-banner-icon-color: var(--brand-color-foreground);
    --help-banner-type-icon-color: var(--brand-color-primary);
    --help-banner-font-color: var(--brand-color-foreground);
    --help-banner-font-family: var(--brand-font-family-body);
    --help-banner-font-size: 1rem;
    --help-banner-font-style: normal;
    --help-banner-font-weight: 400;
    --help-banner-font-transform: none;
    --help-banner-font-line-height: 1.25;
    --help-banner-font-color-link: var(--brand-color-text-link);
    --help-banner-font-color-link-hover: var(--brand-color-text-hover);
    --help-banner-font-decoration: none;
    --help-banner-font-decoration-hover: underline;
    --help-banner-border: 1px solid var(--brand-color-primary);
    --help-banner-border-radius: 4px;
    --help-banner-shadow: none;

/*  Help Error component variables */
    --help-error-title-font-family: var(--brand-font-family-heading);
    --help-error-title-font-color: var(--brand-color-foreground);
    --help-error-title-font-size: 2.5rem;
    --help-error-title-font-style: normal;
    --help-error-title-font-weight: 700;
    --help-error-title-font-transform: none;
    --help-error-title-font-line-height: 1.25;
    --help-error-font-family: var(--brand-font-family-body);
    --help-error-font-color: var(--brand-color-foreground);
    --help-error-font-size: 1.25rem;
    --help-error-font-style: normal;
    --help-error-font-weight: 400;
    --help-error-font-transform: none;
    --help-error-font-line-height: 1.2;
    --help-error-button-padding: 0 2rem;
    --help-error-button-border: none;
    
/*  Article Feedback component variables */
    --help-article-feedback-container-background-color: var(--brand-ui-form-background-color);
    --help-article-feedback-container-border: 2px solid var(--brand-color-accent);
    --help-article-feedback-container-border-radius: 4px;
    --help-article-feedback-container-margin: 0 2.5rem -1px 2.5rem;
    --help-article-feedback-container-padding: 1rem;
    --help-article-feedback-question-font-family: var(--brand-font-family-heading);
    --help-article-feedback-question-font-color: var(--brand-color-foreground);
    --help-article-feedback-question-font-size: 1.125rem;
    --help-article-feedback-question-font-style: normal;
    --help-article-feedback-question-font-weight: 400;
    --help-article-feedback-question-font-transform: none;
    --help-article-feedback-question-font-line-height: 24px;
    --help-article-feedback-answer-font-family: var(--brand-font-family-heading);
    --help-article-feedback-answer-font-color: var(--brand-color-foreground);
    --help-article-feedback-answer-font-size: 1.125rem;
    --help-article-feedback-answer-font-style: normal;
    --help-article-feedback-answer-font-weight: 500;
    --help-article-feedback-answer-font-transform: none;
    --help-article-feedback-answer-font-line-height: 24px;
    --help-article-feedback-fieldset-legend-font-family: var(--brand-font-family-body);
    --help-article-feedback-fieldset-legend-font-color: var(--brand-color-foreground);
    --help-article-feedback-fieldset-legend-font-size: 1.125rem;
    --help-article-feedback-fieldset-legend-font-style: normal;
    --help-article-feedback-fieldset-legend-font-weight: 400;
    --help-article-feedback-fieldset-legend-font-transform: none;
    --help-article-feedback-fieldset-legend-font-line-height: 24px;
    --help-article-feedback-fieldset-radio-diameter: 24px;
    --help-article-feedback-fieldset-radio-background-color: var(--brand-ui-form-background-color);
    --help-article-feedback-fieldset-radio-background-color-selected: var(--brand-ui-form-background-color);
    --help-article-feedback-fieldset-radio-border-color: var(--brand-color-foreground);
    --help-article-feedback-fieldset-radio-border-color-selected: var(--brand-color-foreground);
    --help-article-feedback-fieldset-radio-border-width: 1px;
    --help-article-feedback-fieldset-radio-foreground-diameter: 15px;
    --help-article-feedback-fieldset-radio-foreground-color-selected: var(--brand-color-foreground);
    --help-article-feedback-fieldset-label-font-family: var(--brand-font-family-body);
    --help-article-feedback-fieldset-label-font-color: var(--brand-color-foreground);
    --help-article-feedback-fieldset-label-font-size: 1.125rem;
    --help-article-feedback-fieldset-label-font-style: normal;
    --help-article-feedback-fieldset-label-font-weight: 400;
    --help-article-feedback-fieldset-label-font-transform: none;
    --help-article-feedback-fieldset-label-font-line-height: 24px;
    --help-article-feedback-textarea-label-font-family: var(--brand-font-family-body);
    --help-article-feedback-textarea-label-font-color: var(--brand-color-foreground);
    --help-article-feedback-textarea-label-font-size: 1rem;
    --help-article-feedback-textarea-label-font-style: normal;
    --help-article-feedback-textarea-label-font-weight: 400;
    --help-article-feedback-textarea-label-font-transform: none;
    --help-article-feedback-textarea-label-font-line-height: 20px;
    --help-article-feedback-textarea-font-family: var(--brand-font-family-body);
    --help-article-feedback-textarea-font-color: var(--brand-color-foreground);
    --help-article-feedback-textarea-font-size: 1rem;
    --help-article-feedback-textarea-font-style: normal;
    --help-article-feedback-textarea-font-weight: 400;
    --help-article-feedback-textarea-font-transform: none;
    --help-article-feedback-textarea-font-line-height: 20px;
    --help-article-feedback-textarea-background-color: var(--brand-ui-form-background-color);
    --help-article-feedback-textarea-background-color-focus: var(--brand-ui-form-background-color);
    --help-article-feedback-textarea-border-radius: 4px;
    --help-article-feedback-textarea-border-color: var(--brand-color-foreground);
    --help-article-feedback-textarea-border-color-focus: var(--brand-color-primary);
    --help-article-feedback-textarea-border-width: 1px;

/*  Modal component variables */
    --help-modal-background-color: var(--brand-ui-form-background-color);
    --help-modal-overlay-color: color-mix(in srgb, var(--brand-color-background), transparent 20%);
    --help-modal-header-background-color: var(--brand-ui-form-background-color);
    --help-modal-header-border: 1px solid var(--brand-ui-form-border-color);
    --help-modal-header-font-family: var(--brand-font-family-heading);
    --help-modal-header-font-color: var(--brand-color-foreground);
    --help-modal-header-font-size: 1.25rem;
    --help-modal-header-font-style: normal;
    --help-modal-header-font-weight: 500;
    --help-modal-header-font-transform: none;
    --help-modal-header-font-line-height: 1.2;
    --help-modal-font-family: var(--brand-font-family-body);
    --help-modal-font-color: var(--brand-color-foreground);
    --help-modal-font-size: 1rem;
    --help-modal-font-style: normal;
    --help-modal-font-weight: 400;
    --help-modal-font-transform: none;
    --help-modal-font-line-height: 1.2;

/*  Help Brands CTA component variables */
    --help-brands-width: 900px;
    --help-brands-section-font-family: var(--brand-font-family-heading);
    --help-brands-section-font-size: 2rem;
    --help-brands-section-font-style: normal;
    --help-brands-section-font-weight: 700;
    --help-brands-section-font-transform: none;
    --help-brands-section-font-color: var(--brand-color-foreground);
    --help-brands-section-font-line-height: 1.2;
    --help-brands-section-margin: 0 0 .75rem 0;
    --help-brands-paragraph-font-family: var(--brand-font-family-body);
    --help-brands-paragraph-font-size: 1rem;
    --help-brands-paragraph-font-style: normal;
    --help-brands-paragraph-font-weight: 500;
    --help-brands-paragraph-font-transform: none;
    --help-brands-paragraph-font-color: var(--brand-ui-color-text);
    --help-brands-paragraph-font-line-height: 1.5;
    --help-brands-group-font-family: var(--brand-font-family-heading);
    --help-brands-group-font-size: 1.125rem;
    --help-brands-group-font-style: normal;
    --help-brands-group-font-weight: 700;
    --help-brands-group-font-transform: none;
    --help-brands-group-font-color: var(--brand-color-foreground);
    --help-brands-group-font-line-height: 24px;
    --help-brands-group-columns: repeat(3, 1fr);
    --help-brands-card-background-color: var(--brand-color-background);
    --help-brands-card-background-color-hover: var(--brand-color-accent);
    --help-brands-card-border: 1px solid transparent;
    --help-brands-card-border-hover: 1px solid var(--brand-color-primary);
    --help-brands-card-border-radius: 1rem;
    --help-brands-card-padding: 1rem 1rem;
    --help-brands-card-shadow: 0 4px 8px rgba(0, 0, 0, 0.12);
    --help-brands-card-font-family: var(--brand-font-family-body);
    --help-brands-card-font-size: .875rem;
    --help-brands-card-font-style: normal;
    --help-brands-card-font-weight: 400;
    --help-brands-card-font-color: var(--brand-ui-color-text);
    --help-brands-card-font-color-hover: var(--brand-color-foreground);
    --help-brands-card-font-decoration-hover: none;
    --help-brands-card-font-line-height: 16px;
    --help-brands-card-icon-width: auto;
    --help-brands-card-icon-height: 32px;

/*  Help Feedback component variables */
    --help-feedback-container-background: 
        linear-gradient(0deg, #000 30%, rgba(0, 0, 0, 0.00) 60%), 
        url(/sfsites/c/resource/help_supportAssets/StarWars/images/sw-home-banner-l.jpg) no-repeat center 25px / cover;
    --help-feedback-container-height: 28rem;
    --help-feedback-container-offset: -14rem;
    --help-feedback-container-width: 986px;
    --help-feedback-form-width: 740px;
    --help-feedback-form-background-color: var(--brand-ui-form-background-color);
    --help-feedback-form-border: 1px solid var(--brand-ui-form-border-color);
    --help-feedback-form-border-radius: 8px;
    --help-feedback-form-shadow: none;
    --help-feedback-form-padding: 3rem 2rem;
    --help-feedback-form-title-alignment: center;
    --help-feedback-form-title-padding-bottom: 3rem;
    --help-feedback-form-title-font-family: var(--brand-font-family-heading);
    --help-feedback-form-title-font-size: 2rem;
    --help-feedback-form-title-font-style: normal;
    --help-feedback-form-title-font-weight: 700;
    --help-feedback-form-title-font-transform: none;
    --help-feedback-form-title-font-color: var(--brand-color-foreground);
    --help-feedback-form-title-font-line-height: 38px;
    --help-feedback-form-description-alignment: start;
    --help-feedback-form-description-padding-bottom: 2rem;
    --help-feedback-form-description-font-family: var(--brand-font-family-body);
    --help-feedback-form-description-font-size: 1rem;
    --help-feedback-form-description-font-style: normal;
    --help-feedback-form-description-font-weight: 400;
    --help-feedback-form-description-font-transform: none;
    --help-feedback-form-description-font-color: var(--brand-color-foreground);
    --help-feedback-form-description-font-line-height: 1.5rem;
    --help-feedback-questions-gap: 1.5rem;
    --help-feedback-form-question-padding: 0 4.5rem;
    --help-feedback-form-submit-padding-top: 4rem;
    --help-feedback-form-submit-width: 434px;
    --help-feedback-form-question-label-padding-bottom: .5rem;
    --help-feedback-form-question-label-font-family: var(--brand-font-family-body);
    --help-feedback-form-question-label-font-size: 1rem;
    --help-feedback-form-question-label-font-style: normal;
    --help-feedback-form-question-label-font-weight: 400;
    --help-feedback-form-question-label-font-transform: none;
    --help-feedback-form-question-label-font-line-height: 1.25;
    --help-feedback-form-question-label-font-color: var(--brand-color-foreground);
    --help-feedback-form-question-input-background-color: var(--brand-ui-color-panel);
    --help-feedback-form-question-input-background-color-focus: var(--brand-ui-color-panel);
    --help-feedback-form-question-input-border-color: var(--brand-color-foreground);
    --help-feedback-form-question-input-border-color-focus: var(--brand-color-primary);
    --help-feedback-form-question-input-border-width: 1px;
    --help-feedback-form-question-input-border-radius: 4px;
    --help-feedback-form-question-input-padding-top: .75rem;
    --help-feedback-form-question-input-padding-end: 1rem;
    --help-feedback-form-question-input-padding-bottom: .75rem;
    --help-feedback-form-question-input-padding-start: 1rem;
    --help-feedback-form-question-input-font-family: var(--brand-font-family-body);
    --help-feedback-form-question-input-font-size: 1rem;
    --help-feedback-form-question-input-font-weight: 400;
    --help-feedback-form-question-input-font-style: normal;
    --help-feedback-form-question-input-font-transform: none;
    --help-feedback-form-question-input-font-line-height: 1.25;
    --help-feedback-form-question-input-font-color: var(--brand-color-foreground);
    --help-feedback-form-question-input-shadow: none;
    --help-feedback-form-question-input-shadow-focus: none;
    --help-feedback-form-question-input-background-color-error: var(--brand-ui-color-panel);
    --help-feedback-form-question-input-border-color-error: var(--brand-color-error);
    --help-feedback-form-question-input-shadow-error: none;
    --help-feedback-form-question-error-font-color: var(--brand-color-error);
    --help-feedback-form-question-helper-font-size: .75rem;
    --help-feedback-form-question-helper-font-style: normal;
    --help-feedback-form-question-helper-font-weight: 400;
    --help-feedback-form-question-helper-font-transform: none;
    --help-feedback-form-question-helper-font-line-height: 1.5;
    --help-feedback-form-question-helper-font-color: var(--brand-color-secondary);
    --help-feedback-form-question-helper-alignment: start;
    --help-feedback-form-file-attachment-gap: .75rem;
    --help-feedback-form-file-attachment-padding: .75rem;
    --help-feedback-form-file-attachment-background-color: var(--brand-color-accent);
    --help-feedback-form-file-attachment-border: 1px solid var(--brand-color-secondary);
    --help-feedback-form-file-attachment-border-radius: 4px;
    --help-feedback-form-file-attachment-font-size: 1rem;
    --help-feedback-form-file-attachment-font-line-height: 1.5;
    --help-feedback-form-file-attachment-font-color: var(--brand-color-foreground);
    --help-feedback-form-file-details-font-size: .75rem;
    --help-feedback-form-file-details-font-line-height: 1.25;
    --help-feedback-form-file-details-font-color: var(--brand-color-secondary);

/*  Help Age Gate component variables */
    --help-age-gate-overlay-background-color: rgba(0, 0, 0, 0.80);
    --help-age-gate-width: 644px;
    --help-age-gate-background-color: var(--brand-ui-color-panel);
    --help-age-gate-border-radius: 8px;
    --help-age-gate-shadow: 0 10px 20px 0 rgba(4, 4, 5, 0.25);
    --help-age-gate-padding: 1.5rem;
    --help-age-gate-content-align: flex-start;
    --help-age-gate-content-gap: 1.5rem;
    --help-age-gate-title-font-family: var(--brand-font-family-body);
    --help-age-gate-title-font-size: 1.5rem;
    --help-age-gate-title-font-style: normal;
    --help-age-gate-title-font-weight: 500;
    --help-age-gate-title-font-transform: none;
    --help-age-gate-title-font-line-height: 1.25;
    --help-age-gate-title-align: start;
    --help-age-gate-title-font-color: var(--brand-color-foreground);
    --help-age-gate-form-gap: 1.5rem;
    --help-age-gate-question-error-color: #FF7F7F;
    --help-age-gate-question-background-color: var(--brand-ui-color-panel);
    --help-age-gate-question-background-color-focus: var(--brand-ui-color-panel);
    --help-age-gate-question-border-color: var(--brand-color-foreground);
    --help-age-gate-question-border-width: 1px;
    --help-age-gate-question-border-radius: 4px;
    --help-age-gate-question-padding-start: 1rem;
    --help-age-gate-question-padding-end: 2rem;
    --help-age-gate-question-padding-top: .5rem;
    --help-age-gate-question-padding-bottom: .5rem;
    --help-age-gate-question-label-margin-bottom: .5rem;
    --help-age-gate-question-label-font-family: var(--brand-font-family-body);
    --help-age-gate-question-label-font-size: 1rem;
    --help-age-gate-question-label-font-style: normal;
    --help-age-gate-question-label-font-weight: 400;
    --help-age-gate-question-label-font-transform: none;
    --help-age-gate-question-label-font-line-height: 1.25;
    --help-age-gate-question-label-font-color: var(--brand-color-foreground);
    --help-age-gate-question-text-font-family: var(--brand-font-family-body);
    --help-age-gate-question-text-font-size: 1rem;
    --help-age-gate-question-text-font-style: normal;
    --help-age-gate-question-text-font-weight: 400;
    --help-age-gate-question-text-font-transform: none;
    --help-age-gate-question-text-font-line-height: 1;
    --help-age-gate-question-text-font-color: var(--brand-color-foreground);

}

/*
Tablet (1024)
*/
@media (width <= 64em) {
    :root { 

        --help-header-nav-search-width: min(100%, 350px);

        --help-banner-margin: 0 auto;

        --help-popular-articles-width: 700px;

        --help-topic-width: 700px;

        --help-brands-width: 700px;

    }
}

/* 
Mobile Landscape/Large Format (768)
*/
@media (width <= 48em) {
    :root { 

        --help-header-hero-content-width: 700px;
        --help-header-hero-background-image: url(/sfsites/c/resource/help_supportAssets/StarWars/images/sw-home-banner-m.jpg);
        --help-header-padding: 0 0 2rem 0;
        --help-header-hero-background-image-overlay: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 35%, #000 62%);
        --help-header-hero-background-position: center 30px;
        --help-header-hero-background-size: max(100%, 600px);
        --help-header-hero-headline-align: start;
        --help-header-hero-headline-padding: 8.75rem 0 1.5rem 0;
        --help-header-hero-headline-font-size: 2.5rem;
        --help-header-logo-width: auto;
        --help-header-logo-height: 32px;
        --help-header-site-title-font-size: .875rem;
        --help-header-site-title-line-height: 24px;
        --help-header-site-title-padding: 1px 8px;

        --help-popular-articles-section-font-size: 24px;
        --help-popular-articles-section-font-line-height: 30px;
        --help-topic-section-font-size: 24px;
        --help-topic-section-font-line-height: 30px;

        --help-feedback-container-height: 17rem;
        --help-feedback-container-offset: -8rem;

    }
}
@media (width < 48em) {
    :root { 

        --help-contact-card-padding: 1.5rem;

        --help-region-selector-width: 100%;
        --help-region-selector-country-width: min(100%, 350px);
        --help-region-selector-language-width: min(100%, 350px);

        --help-search-page-search-bar-padding: 1rem;
        
        --help-topic-card-font-size: .875rem;

        --help-footer-width: min(100%, 480px);

        --help-brands-section-font-size: 1.5rem;
        --help-brands-group-columns: repeat(2, 1fr);

        --help-breadcrumbs-margin-inverse: .75rem 2rem;

        --help-feedback-form-question-padding: 0;

        --help-age-gate-form-gap: 1rem;

    }
}

/* 
Mobile Portrait/Small Format (480)
*/
@media (width < 30em) {
    :root { 

        --help-header-padding: 0 0 2rem 0;
        --help-header-hero-background-image-overlay: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 31%, #000 58%);;
        --help-header-hero-background-image: url(/sfsites/c/resource/help_supportAssets/StarWars/images/sw-home-banner-s.jpg);
        --help-header-hero-background-position: center 68px;
        --help-header-hero-background-size: max(100%, 380px);
        --help-header-logo-width: 40px;
        --help-header-logo-height: auto;
        --help-header-site-title-font-size: .875rem;
        --help-header-site-title-line-height: 1.25;
        --help-header-site-title-padding: 4px 6px;
        --help-header-hero-headline-padding: 3.75rem 0rem 1.5rem 0rem;
        --help-header-hero-headline-font-size: 2rem;
        --help-header-hero-headline-line-height: 36px;

        --help-breadcrumbs-margin: .75rem 0;
        --help-breadcrumbs-margin-inverse: 1.5rem 1rem;
        
        --help-popular-articles-section-font-size: 22px;
        --help-popular-articles-section-font-line-height: 28px;
        --help-topic-section-font-size: 22px;
        --help-topic-section-font-line-height: 28px;
        --help-popular-articles-item-font-size: 16px;
        --help-popular-articles-item-font-line-height: 20px;

        --help-topic-card-font-size: 14px;
        --help-topic-card-font-weight: 500;
        --help-topic-card-font-line-height: 16px;

        --help-search-hero-padding: 2.5rem 1rem 1.5rem;
        --help-search-results-container-padding-inline: 1rem;

        --help-banner-margin: 0;
        --help-banner-border-radius: 0;

        --help-brands-section-font-size: 1.125rem;
        --help-brands-group-columns: repeat(1, 1fr);

        --help-hero-image-container-height: 232px;
        --help-hero-image-title-font-alignment: start;
        --help-hero-image-title-font-size: 32px;
        --help-hero-image-title-font-line-height: 36px;
        --help-hero-image-container-padding: 2rem 1rem 1.5rem;

        --help-article-feedback-container-margin: 0;
        --help-article-summary-padding: 0 1rem 1.25rem 1rem;
        --help-article-content-margin: 0 1rem 1.5rem;

    }
}







/*
    2. Star Wars-specific overrides
*/
/* Global */
HTML, body,
c-dtcvx_support-theme[c-dtcvx_supportTheme_dtcvx_supportTheme-host] {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
/* Age Gate */
.age-gate-input-selector .slds-icon-utility-down.slds-icon_container {
    height: 1.25rem;
    width: 1.25rem;
    margin-top: -2px;
    top: 0;
}
.age-gate-input-selector .slds-icon-utility-down.slds-icon_container svg {
    background-image: url(/sfsites/c/resource/help_supportAssets/StarWars/icons/icon-chevron-down-inverse.svg);
    background-size: contain;
    height: 1.25rem;
    width: 1.25rem;
}
.age-gate-input-selector .slds-icon-utility-down.slds-icon_container svg g {
    display: none;
}
.age-modal-submit {
    --slds-c-button-radius-border: 100px;
    width: 100%;
    max-width: 150px;
    @media (width < 30em) {
        max-width: none;
    }
}
.age-gate-input-selector.slds-has-error {
    --slds-c-input-color-background: var(--brand-ui-color-panel) !important;
    --slds-c-input-shadow: transparent !important;
}
.age-modal-submit .slds-button {
    width: 100%;
    --slds-c-button-text-color-hover: var(--brand-color-background);
}
.age-modal-dropdowns .slds-input_faux {
    box-shadow: none !important;
}
/* Header */
.slds-input-has-icon svg.slds-input__icon[data-key="search"] g,
.plus-brands-search-results-bar-wrap .plus-brands-search-results-container .slds-input__icon-group button.slds-input__icon.slds-input__icon_right.slds-button.slds-button_icon svg g {
    display: none;
}
.slds-input-has-icon svg.slds-input__icon[data-key="search"] {
    background-image: url(/sfsites/c/resource/help_supportAssets/StarWars/icons/icon-search-inverse.svg);
    margin-top: -.75rem;
}
.plus-brands-search-results-bar-wrap .plus-brands-search-results-container .slds-input__icon-group button.slds-input__icon.slds-input__icon_right.slds-button.slds-button_icon svg {
    background-image: url(/sfsites/c/resource/help_supportAssets/StarWars/icons/icon-close-inverse.svg);
}
.plus-brands-search-results-bar-wrap .plus-brands-search-results-container .slds-input__icon-group button.slds-input__icon.slds-input__icon_right.slds-button.slds-button_icon:hover svg {
    background-image: url(/sfsites/c/resource/help_supportAssets/StarWars/icons/icon-close-inverse-glow.svg);
}
.help-hero-home .help-hero-navigation-bar {
    border-bottom: 0 none !important;
}
.plus-brands-notification-carousel .plus-brands-notification-brand-StarWars .support-banner-carousel-wrap .rightControls .plus-brands-notification-close,
.plus-brands-notification-single .plus-brands-notification-close,
.plus-brands-notification-carousel .plus-brands-notification-brand-StarWars .support-banner-carousel-wrap button.slds-button_icon svg[data-key="chevronright"],
.plus-brands-notification-carousel .plus-brands-notification-brand-StarWars .support-banner-carousel-wrap button.slds-button_icon svg[data-key="chevronleft"] {
    background-size: contain;
    width: 1.5rem !important;
    height: 1.5rem !important;
}
.plus-brands-notification-carousel .plus-brands-notification-brand-StarWars .support-banner-carousel-wrap .rightControls .plus-brands-notification-close,
.plus-brands-notification-single .plus-brands-notification-close {
    background-image: url(/sfsites/c/resource/help_supportAssets/StarWars/icons/icon-close-inverse.svg);
    flex-shrink: 0;
}
.plus-brands-notification-carousel .plus-brands-notification-brand-StarWars .support-banner-carousel-wrap .rightControls .plus-brands-notification-close:hover,
.plus-brands-notification-single .plus-brands-notification-close:hover {
    background-image: url(/sfsites/c/resource/help_supportAssets/StarWars/icons/icon-close-inverse-glow.svg);
}
.plus-brands-notification-carousel .plus-brands-notification-brand-StarWars .support-banner-carousel-wrap button.slds-button_icon svg[data-key="chevronright"],
.plus-brands-notification-carousel .plus-brands-notification-brand-StarWars .support-banner-carousel-wrap button.slds-button_icon svg[data-key="chevronleft"] {
    background-image: url(/sfsites/c/resource/help_supportAssets/StarWars/icons/icon-chevron-right-inverse.svg);
}
.plus-brands-notification-carousel .plus-brands-notification-brand-StarWars .support-banner-carousel-wrap button.slds-button_icon svg[data-key="chevronleft"] {
    transform: scaleX(-1);
}
.plus-brands-notification-carousel .plus-brands-notification-brand-StarWars .support-banner-carousel-wrap .rightControls .plus-brands-notification-close svg,
.plus-brands-notification-single .plus-brands-notification-close svg,
.plus-brands-notification-carousel .plus-brands-notification-brand-StarWars .support-banner-carousel-wrap button.slds-button_icon svg[data-key="chevronleft"] g,
.plus-brands-notification-carousel .plus-brands-notification-brand-StarWars .support-banner-carousel-wrap button.slds-button_icon svg[data-key="chevronright"] g {
    display: none;
}
/* Contact Tray */
.contact-tray-button .slds-button {
    border-radius: 30px;
    padding-block: .75rem;
    line-height: 1.25rem;
    font-size: 1rem;
    font-weight: 500;
    &:focus-visible, &:focus {
        color: var(--brand-color-background);
        outline-offset: 2px !important;
        outline: 2px solid var(--brand-color-foreground) !important;
        box-shadow: none;
    }
}
/* Region Selection */
.help-colang-selector {
    --dxp-s-form-element-spacing-block-start: .5rem;
    --dxp-s-form-element-spacing-block-end: .5rem;
}
.help-colang-selector .slds-combobox__input.slds-input_faux span {
    text-align: var(--help-region-selector-align);
    line-height: max(1.875rem, calc(1.2em - 2px)) !important;
    width: 100%;
}
/* Footer */
.supportFooter-outside:before {
    content: '';
    display: block;
    height: 49px;
    width: 52px;
    background-image: url(/sfsites/c/resource/help_supportAssets/StarWars/images/footer-decoration.svg);
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    inset-inline-start: 14%;
    @media (width <= 48em) {
        inset-inline-start: 17%;
    }
    @media (width <= 30em) {
        inset-inline-start: 22px;
    }
}
/* Home Page */
.help-hero-background-image::before {
    content: '';
    position: absolute;
    inset: 0;
    background: var(--help-header-hero-background-image-overlay);
}
.Home .plus-brands-notification-single .plus-brands-notification-wrap {
    margin-inline: 0 !important;
}
.plus-brands-notification-single .plus-brands-notification-outer {
    max-width: none !important;
}
.help-hero-inner .help-hero-searchBar, .help-hero-inner .result-container {
    max-width: 530px;
    margin-inline: auto;
    @media (width <= 48em) {
        max-width: none;
    }
}
h3.help-section-title::after {
    content: '';
    display: block;
    height: 2px;
    width: 100%;
    background-color: var(--brand-ui-color-border);
    border-radius: 2px;
    margin-top: .25rem;
    background-image: url(/sfsites/c/resource/help_supportAssets/StarWars/images/sw-line-decoration.svg);
    background-repeat: no-repeat;
}
c-help_dynamic-popular-articles .help-popular-article-inner[c-help_dynamicPopularArticles_help_dynamicPopularArticles] {
    padding-top: 0;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(300px, 100%), 1fr));
    gap: .75rem 1.5rem;
    @media (width <= 48em) {
        grid-template-columns: 1fr;
    }
}
c-help_dynamic-popular-articles a.help-popular-article-item[c-help_dynamicPopularArticles_help_dynamicPopularArticles] {
    margin: 0 !important;
    border-radius: var(--help-popular-articles-item-border-radius) !important;
    padding-inline-start: 1rem;
    padding-inline-end: .5rem;
    height: auto !important;
    padding-block: 1rem;
    max-width: none;
}
.help-popular-article-item:focus-visible {
    background-color: var(--help-popular-articles-item-background-color-hover) !important;
}
.plus-topics-wrap.plus-topics-not-list.plus-brands-home-topics {
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 1rem !important;
    @media (width <= 64em) {
        grid-template-columns: repeat(3, 1fr) !important;
    }
    @media (width < 30em) {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}
.plus-brands-home-topics .plus-topic-card {
    justify-content: flex-start !important;
}
.plus-brands-home-topics .plus-text-subtitle {
    padding: 2rem .75rem 2.25rem !important;
    display: grid;
    text-align: start !important;
    width: 100%;
    height: 100%;
    min-height: 140px;
    position: relative !important;
}
.plus-topic-card .plus-text-subtitle {
    white-space: normal;
}
.plus-brands-home-topics .plus-text-subtitle::before,
c-help_dynamic-article-category .minimal-view .plus-brands-article-categories .plus-text-subtitle::before {
    content: '';
    position: absolute;
    width: 42px;
    height: 14px;
    display: block;
    top: .75rem;
    inset-inline-start: .5rem;
    background-image: url(/sfsites/c/resource/help_supportAssets/StarWars/images/card-decoration.svg);
    background-repeat: no-repeat;
    background-position: center;
}
.plus-brands-home-topics .plus-topic-card:hover .plus-text-subtitle::before,
.plus-brands-home-topics .plus-topic-card:focus-visible .plus-text-subtitle::before,
c-help_dynamic-article-category .minimal-view .plus-brands-article-categories .plus-topic-card:hover .plus-text-subtitle::before,
c-help_dynamic-article-category .minimal-view .plus-brands-article-categories .plus-topic-card:focus-visible .plus-text-subtitle::before,
c-help_dynamic-article-category .minimal-view .plus-brands-article-categories .hds-contact-category-button-active .plus-text-subtitle::before {
    background-image: url(/sfsites/c/resource/help_supportAssets/StarWars/images/card-decoration-glow.svg);
}
.plus-brands-home-topics .plus-text-subtitle::after,
c-help_dynamic-article-category .minimal-view .plus-brands-article-categories .plus-text-subtitle::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 12px;
    display: block;
    background-image: url(/sfsites/c/resource/help_supportAssets/StarWars/images/notch-bottom.svg);
    background-repeat: no-repeat;
    bottom: 0;
    inset-inline-start: 0;
    background-position: center bottom;
}
.plus-brands-home-topics-wrap .plus-topics-wrap .plus-topic-card:focus-visible {
    outline-offset: 0px !important;
}
.help-hero-background-image {
    background-repeat: no-repeat;
}
.help-popular-article-inner .help-popular-article-item,
.plus-brands-articleCat-results .plus-brands-articleCat-items {
    --dxp-s-link-text-decoration-focus: none;
}
.help-popular-article-inner .help-popular-article-item:focus-visible .help-popular-article-icon-container {
    background-image: var(--help-popular-articles-item-icon-hover);
}
/* Category Page */
.minimal-view[c-help_dynamicArticleCategory_help_dynamicArticleCategory] {
    reading-flow: flex-visual;
}
.help-hero-container::after {
    opacity: .27;
}
.minimal-view .plus-brands-articleCat-breadcrumbs-mobile {
    display: none !important;
}
.minimal-view.plus-brands-articleCat-viewer {
    flex-direction: column-reverse;
    padding-bottom: 3.5rem;
}
.minimal-view h2.plus-brands-section-title::after {
    content: '';
    display: block;
    height: 2px;
    width: 100%;
    background-color: var(--brand-ui-color-border);
    border-radius: 2px;
    margin-top: .25rem;
    background-image: url(/sfsites/c/resource/help_supportAssets/StarWars/images/sw-line-decoration.svg);
    background-repeat: no-repeat;
    
}
.minimal-view .plus-brands-articleCat-inner {
    padding-inline: 1rem;
}
.plus-brands-articleCat-items:focus-visible {
    background-color: var(--help-category-articles-item-background-color-hover) !important;
}
c-help_dynamic-article-category [c-help_dynamicTopic_help_dynamicTopic-host].minimal-view .plus-topics-wrap.plus-topics-list.plus-brands-article-categories[c-help_dynamicTopic_help_dynamicTopic] {
    overflow-x: scroll;
    scroll-behavior: smooth;
    padding: .75rem 1rem 1rem;
}
.plus-brands-articleCat-results .plus-brands-articleCat-items:focus-visible .help-article-item-icon-container {
    background-image: var(--help-category-articles-item-icon-hover);
}
c-help_dynamic-article-category [c-help_dynamicTopic_help_dynamicTopic-host].minimal-view .plus-brands-article-categories[c-help_dynamicTopic_help_dynamicTopic] .plus-topic-card[c-help_dynamicTopic_help_dynamicTopic] {
    display: flex;
    flex-direction: column;
    flex-basis: calc(20% - 1rem);
    padding: 0;
    transition: all 150ms;
    &:hover {
        background-color: var(--help-category-articles-item-background-color-hover) !important;
    }
    &:focus-visible {
        outline: 2px solid var(--brand-color-foreground) !important;
        outline-offset: 0px !important;
    }
    @media (width <= 64em) {
        flex-basis: calc(25% - 1rem);
    }
    @media (width < 48em) {
        flex-basis: calc(33% - 1rem);
    }
    @media (width < 30em) {
        flex-basis: calc(50% - 1rem);
    }
}
c-help_dynamic-article-category [c-help_dynamicTopic_help_dynamicTopic-host].minimal-view .plus-brands-article-categories[c-help_dynamicTopic_help_dynamicTopic] .plus-topic-card[c-help_dynamicTopic_help_dynamicTopic] img[c-help_dynamicTopic_help_dynamicTopic] {
    display: block !important;
    aspect-ratio: 1 / 1;
    margin: 0;
}
c-help_dynamic-article-category [c-help_dynamicTopic_help_dynamicTopic-host].minimal-view .plus-brands-article-categories[c-help_dynamicTopic_help_dynamicTopic] .plus-text-subtitle[c-help_dynamicTopic_help_dynamicTopic] {
    position: relative;
    flex: 1;
    text-align: start;
    padding: 2rem .75rem 2.25rem;
}
/* Search Page */
.help-hero-searchBar-background .help-hero-searchBar-chrome[c-help_dynamicHeader_help_dynamicHeader] {
    width: 100%;
    padding: 0;
    max-width: none;
}
.help-hero-searchBar-chrome h1.help-section-title[c-help_dynamicHeader_help_dynamicHeader] {
    max-width: var(--help-search-page-width);
    margin: auto;
    padding: 2.5rem 2rem 1.75rem;
}
.help-hero-searchBar-chrome .help-breadcrumbs[c-help_dynamicHeader_help_dynamicHeader] {
    padding-block: 1.25rem;
    border-bottom: 1px solid var(--brand-ui-color-border);
    padding-inline: max(1.25rem, calc((100vw - 1454px) / 2));
}
.plus-brands-search-results-wrap .search-container.plus-brands-search-results-bar-wrap::after {
    content: '';
    position: absolute;
    width: 11px;
    height: 100%;
    display: block;
    background-image: url(/sfsites/c/resource/help_supportAssets/StarWars/images/notch-start.svg);
    background-repeat: no-repeat;
    top: 0;
    inset-inline-start: 0;
    background-position: center;
}
.results-layout-container .filter-column .filter-column-container {
    --slds-z-form-legend-font-size: 18px;
    --slds-z-form-legend-font-weight: 500;
    --slds-z-form-legend-line-height: 24px;
    --slds-z-form-element-label-margin-bottom: 1.5rem;
}
.results-layout-container .filter-column .filter-column-container .slds-form-element__legend {
    width: 100%;
    border-bottom: 1px solid var(--brand-ui-form-border-color);
    padding-bottom: .5rem;
}
.filter-column-container .slds-form-element__control {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}
.filter-column-container .slds-checkbox__label,
.filter-column-container .slds-radio__label {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: .5rem;
}
.filter-column-container .slds-checkbox__label .slds-checkbox_faux {
    margin: 0 !important;
    --slds-c-checkbox-color-background: var(--brand-ui-color-panel);
    --slds-c-checkbox-color-border: var(--brand-color-foreground);
    --slds-c-checkbox-color-background-checked: var(--brand-color-foreground);
    --slds-c-checkbox-color-border-checked: var(--brand-color-foreground);
    --slds-c-checkbox-mark-color-foreground: var(--brand-color-background);
    --slds-c-checkbox-radius-border: 2px;
}
.filter-column-container .slds-checkbox__label .slds-form-element__label,
.filter-column-container .slds-radio__label .slds-form-element__label {
    margin: 0;
    padding: 0;
}
.filter-column-container .slds-form-element__control .slds-radio {
    padding: 0;
}
.filter-column-container .slds-radio__label .slds-radio_faux {
    margin: 0 !important;
    --radio-color-background: var(--brand-ui-color-panel);
    --slds-c-radio-color-border: var(--brand-color-foreground);
    --radio-color-background-checked: var(--brand-color-background);
    --sds-c-radio-color-border-checked: var(--brand-color-foreground);
    --slds-c-radio-mark-color-foreground: var(--brand-color-foreground);
}
c-help_topic-carousel .help-section-title {
    color: var(--brand-color-foreground);
    font-size: 1.125rem;
    line-height: 24px;
    font-weight: 500;
    margin-block: 2.5rem .75rem;
}
c-help_topic-carousel .plus-topics-wrap.plus-topics-not-list.plus-brands-home-topics {
    overflow-x: scroll;
    scroll-behavior: smooth;
    padding: .75rem 1rem 1rem;
    margin-inline: 0rem !important;
    display: flex !important;
    scrollbar-width: none;
    @media (width <= 30em) {
        margin-inline: -1rem !important;
    }
}
c-help_topic-carousel .plus-brands-home-topics .plus-topic-card {
    flex: 1 0 calc(18% - 1rem);
    @media (width <= 48em) {
        flex-basis: calc(25% - 1rem);
    }
    @media (width <= 30em) {
        flex-basis: calc(60% - 1rem);
    }
}
c-help_topic-carousel .help-section-title::after {
    display: none;
}
c-help_topic-carousel .plus-text-subtitle {
    --help-topic-card-font-size: .875rem;
    --help-topic-card-font-line-height: 16px;
    --help-topic-card-font-weight: 500;
}
.help-hero-banner-search .plus-brands-notification-outer {
    margin: 1px 0 0 0 !important;
}
.results-footer-container {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
    justify-content: space-between;
}
.page-size-menu-container .page-size-menu {
    margin-bottom: 0;
}
.results-footer-container .pagination-container {
    top: 0;
}
.mobile-filter-button .mobile-filter .slds-button {
    display: flex;
    flex-direction: row-reverse;
    gap: .5rem;
    --slds-c-button-shadow-focus: none;
}
.mobile-filter-button .mobile-filter .slds-button__icon {
    margin: 0;
    background-image: url(/sfsites/c/resource/help_supportAssets/StarWars/images/game-controller.svg);
    width: 27px;
    height: 20px;
    background-size: contain;
    background-repeat: no-repeat;
}
.mobile-filter-button .mobile-filter .slds-button__icon g {
    display: none;
}
.mobile-filter-button:nth-child(2) .mobile-filter .slds-button__icon {
    display: none;
}
/* Article Page */
.plus-brands-article-content {
    font-size: var(--help-article-content-font-size);
}
.plus-brands-article-content hr {
    --dxp-c-hr-color-border: var(--brand-ui-color-border);
}
.help-article-feedback-button {
    --help-button-font-size: 1rem;
    --help-button-font-weight: 400;
    --help-button-background-color: var(--brand-ui-color-panel);
    --help-button-border-color: var(--brand-color-foreground);
    --help-button-font-color: var(--brand-color-foreground);
}
.help-article-feedback-form .slds-form-element__legend {
    --slds-z-form-element-label-margin-bottom: 1rem;
}
.help-article-feedback-wrap.closed .article-feedback-helpful-container.help-article-feedback-inner.article-feedback-sticky-wrap:empty {
    display: none !important;
}
.article-feedback-sticky-submit-action-container .help-article-feedback-button[c-help_articleFeedback_help_articleFeedback] {
    width: -webkit-fill-available;
    --help-button-border-width: 1px;
    --help-button-border-radius: 100px;
    --help-button-font-weight: 500;
    --help-button-border-color: var(--brand-color-primary);
}
.article-feedback-sticky-submit-action-container .help-article-feedback-button[c-help_articleFeedback_help_articleFeedback]:nth-child(2) {
    --help-button-background-color: var(--brand-color-primary);
    --help-button-font-color: var(--brand-color-background);
}
c-help_bread-crumbs .help-breadcrumbs-container .slds-breadcrumb {
    flex-wrap: nowrap;
}
c-help_bread-crumbs .help-breadcrumbs-container .slds-breadcrumb,
c-help_bread-crumbs .help-breadcrumbs-container .slds-breadcrumb .slds-breadcrumb__item:not(:first-child) {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
c-help_bread-crumbs .help-breadcrumbs-container .slds-breadcrumb .slds-breadcrumb__item a {
    display: inline;
}
.article-feedback-yn-button-container[c-help_articleFeedback_help_articleFeedback] {
    gap: 1rem !important;
}
.help-hero-container {
    border-top: 1px solid var(--brand-ui-color-border);
}
@media (width <= 64em) {
    .plus-brands-suggested-article-outer[c-help_suggestedArticles_help_suggestedArticles] {
        margin-inline: 2.5rem !important;
    }
}
@media (30em <= width < 48em) {
    .plus-brands-article-summary[c-help_dynamicArticle_help_dynamicArticle] {
        margin-top: 2.5rem;
    }
}
@media (width <= 30em) {
    .help-article-feedback-button[c-help_articleFeedback_help_articleFeedback] {
        width: 100% !important;
    }
    .plus-brands-suggested-article-outer[c-help_suggestedArticles_help_suggestedArticles] {
        margin-inline: 1.5rem !important;
    }
}
/* Feedback Form Page */
.help-hero-contact-chrome[c-help_dynamicHeader_help_dynamicHeader] {
    padding: 0 !important;
    max-width: none !important;
    background-color: var(--brand-color-background);
}
.help-hero-contact-chrome .help-breadcrumbs[c-help_dynamicHeader_help_dynamicHeader] {
    padding-block: 1.25rem;
    border-bottom: 1px solid var(--brand-ui-color-border);
    padding-inline: max(1.25rem, calc((100vw - 1454px) / 2));
}
.slds-combobox__input.fix-slds-input_faux {
    line-height: var(--help-feedback-form-question-input-font-line-height) !important;
}
.help-feedback-input .slds-form-element {
    --slds-c-textarea-sizing-min-height: 150px;
}
.slds-has-error .slds-combobox__input {
    --slds-c-input-color-border: var(--help-feedback-form-question-input-border-color-error);
}
.slds-has-error .slds-textarea:focus, .slds-has-error .slds-textarea:active {
    --slds-c-textarea-color-background-error-focus: var(--help-feedback-form-question-input-background-color);
}
.slds-listbox {
    background-color: var(--brand-ui-color-panel);
    border-radius: 4px;
    border-color: var(--brand-ui-color-text);
    padding-block: 0;
}
.slds-listbox .slds-listbox__option {
    padding-block: .75rem;
    padding-inline: 1rem;
    border-bottom: 1px solid var(--brand-color-accent);
    --dxp-s-dropdown-color-background-hover: var(--brand-color-accent);
}
.slds-listbox .slds-listbox__option:last-child {
    border-bottom: none;
}
.help-feedback-input {
    position: relative;
}
.slds-dropdown.slds-dropdown_length-5.slds-dropdown_fluid {
    width: calc(100% - 9rem);
}
.help-brands-searchable-input.slds-form-element .slds-input {
    --slds-c-input-spacing-inline-start: 2.75rem;
}
input.help-brands-file-input {
    width: 100%;
    background-color: var(--brand-ui-color-panel);
    border: 1px solid var(--brand-color-primary);
    border-radius: 4px;
    font-size: 0;
    padding: 1.125rem 1.5rem;
    cursor: pointer;
}
input.help-brands-file-input::file-selector-button {
    display: none;
}
input.help-brands-file-input::before {
    content: attr(data-file-link);
    font-family: var(--brand-font-family-body);
    font-size: 1rem;
    font-weight: 400;
    color: var(--brand-color-text-link);
    text-align: center;
    display: block;
}
c-help_support-banner .Contact_Us__c {
    top: 0;
}
.searchNoResults-loading {
    width: fit-content;
    margin-inline: auto;
}
.success-container .success-message .title {
    color: var(--brand-color-foreground);
}
.success-icon-container .supportFooter-logo-white {
    outline: 2px solid var(--brand-color-primary);
    outline-offset: -6px;
    border-radius: 50%;
}
.plus-brands-feedback-radio-description {
    font-size: .875rem;
    line-height: 1.2;
    margin-bottom: .75rem;
    font-weight: 500;
}
.help-colang-selector-wrapper {
    justify-content: center;
}
.help-feedback-input .slds-icon-utility-down.slds-icon_container {
    height: 1.25rem;
    width: 1.25rem;
    margin-top: -2px;
    top: 0;
}
.help-feedback-input .slds-icon-utility-down.slds-icon_container svg {
    background-image: url(/sfsites/c/resource/help_supportAssets/StarWars/icons/icon-chevron-down-inverse.svg);
    background-size: contain;
    height: 1.25rem;
    width: 1.25rem;
}
.help-feedback-input .slds-icon-utility-down.slds-icon_container svg g {
    display: none;
}
.plus-brands-feedback-submit-wrap .help-brand-button {
    --help-button-border-radius: 100px;
}
.plus-brands-feedback-wrap {
    margin-top: var(--help-feedback-container-offset) !important;
}
.help-hero-contact-background {
    height: var(--help-feedback-container-height) !important;
}





/*
    3. Banner class overrides -
    Find/Replace the brand name in ech of the classes in this section

    Unfortunately, to beat specificity of the stylesheet that is loaded in the component, 
    the brand name in the class must be changed to match this stylesheet.
*/
.plus-brands-notification-single .plus-brands-notification-brand-StarWars .plus-brands-notification-outer {
    padding: var(--help-banner-padding);
    margin: var(--help-banner-margin);
    background: var(--help-banner-background-color);
    border: var(--help-banner-border);
    border-radius: var(--help-banner-border-radius) !important;
    box-shadow: var(--help-banner-shadow);
}
.plus-brands-notification-single .plus-brands-notification-brand-StarWars .plus-brands-notification-text,
.plus-brands-notification-carousel .plus-brands-notification-brand-StarWars .plus-brands-notification-inner {
    font-family: var(--help-banner-font-family);
    color: var(--help-banner-font-color);
    font-size: var(--help-banner-font-size);
    --dxp-c-link-text-color: var(--help-banner-font-color-link);
    --dxp-c-link-text-color-hover: var(--help-banner-font-color-link-hover);
    --dxp-c-link-text-decoration: var(--help-banner-font-decoration);
    --dxp-s-link-text-decoration-hover: var(--help-banner-font-decoration-hover);
}
.plus-brands-notification-carousel .plus-brands-notification-brand-StarWars .plus-brands-notification-outer {
    padding: var(--help-banner-padding);
    margin: 0;
    background: var(--help-banner-background-color);
    border: var(--help-banner-border);
    border-radius: var(--help-banner-border-radius);
    box-shadow: none;
}
.plus-brands-notification-carousel .plus-brands-notification-brand-StarWars .support-banner-carousel-wrap .support-banner-play-pause button.slds-button_icon {
    border: 2px solid var(--brand-color-foreground);
    border-radius: 50%;
    width: 24px;
    height: 24px;
}
.plus-brands-notification-carousel .plus-brands-notification-brand-StarWars .support-banner-carousel-wrap button.slds-button_icon svg.slds-button__icon {
    fill: var(--brand-color-foreground);
}
.plus-brands-notification-carousel .plus-brands-notification-brand-StarWars .support-banner-carousel-wrap .rightControls .plus-brands-notification-close {
    width: 16px;
    height: 16px;
    padding: 0;
}
.plus-brands-notification-carousel .plus-brands-notification-brand-StarWars .dots {
    margin-inline-start: 0;
}

.plus-brands-notification-carousel .plus-brands-notification-brand-StarWars .dot {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border: 2px solid var(--brand-color-foreground);
    background: transparent;
}
.plus-brands-notification-carousel .plus-brands-notification-brand-StarWars .dot--active {
    background: var(--brand-color-foreground);
}

@media (width < 30em) {
    .Home .plus-brands-notification-single .plus-brands-notification-wrap {
        margin-inline: 0 !important;
    }
    .plus-brands-notification-carousel .plus-brands-notification-brand-GamesApps .dots {
        margin-inline-start: 0;
    }
    .plus-brands-notification-carousel .plus-brands-notification-brand-GamesApps .plus-brands-notification-inner {
        align-items: flex-start;
        gap: 1rem;
    }
    .plus-brands-notification-carousel .plus-brands-notification-brand-GamesApps .support-banner-carousel-viewport {
        padding-right: 0;
    }
    .plus-brands-notification-carousel .plus-brands-notification-brand-GamesApps .rightControls {
        position: relative;
        align-items: flex-end;
        gap: 1rem;
        right: auto;
        height: stretch;
    }
    .plus-brands-notification-carousel .plus-brands-notification-brand-GamesApps .support-banner-carousel-wrap .rightControls .plus-brands-notification-close {
        position: relative;
        top: auto;
        width: 16px !important;
        height: 16px !important;
    }
    .plus-brands-notification-carousel .plus-brands-notification-brand-GamesApps .rightControls lightning-button-icon.support-banner-play-pause {
        position: relative;
    }
    .banner.plus-brands-notification-inner.support-banner-carousel-wrap {
        display: grid;
        grid-template-columns: 1fr 24px;
    }
    .plus-brands-notification-carousel .support-banner-carousel-viewport {
        padding-right: 0 !important;
    }
}







/* 
    4. Overrides for dtcvx_support_search styles
    
    Because the styles for the search components are in separate stylesheets that can't 
    be updated with variables (at this time), all of the relevant styles for the 
    help_search LWCs are duplicated here.
*/
.plus-brands-search-results-wrap {
    padding-inline: var(--help-search-results-container-padding-inline);
    max-width: var(--help-search-page-width);
    margin-inline: auto;
}
.plus-brands-search-results-wrap .plus-brands-search-results-top-section {
    display: block;
    background: var(--help-search-page-search-container-background-color, #FFF);
    box-shadow: var(--help-search-page-search-container-shadow, 0rem 0.2rem 0.6rem rgba(0, 0, 0, .15));
    margin: var(--help-search-page-search-container-margin, 1rem 0);
    padding: var(--help-search-page-search-container-padding, 0);
    border: var(--help-search-page-search-container-border, 0 none);
    border-radius: var(--help-search-page-search-container-border-radius, 4px);
}
.plus-brands-search-results-wrap .search-container.plus-brands-search-results-bar-wrap {
    margin: var(--help-search-page-search-bar-margin, 0 0 1rem 0);
    padding: var(--help-search-page-search-bar-padding, 1.5rem 2rem .6rem 2rem);
    border: var(--help-search-page-search-bar-border, solid #C5CAD3);
    border-width: var(--help-search-page-search-bar-border-width, 0 0 1px 0);
}
.plus-brands-search-results-bar-wrap .plus-brands-search-results-container {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    gap: .75em;
}
.plus-brands-search-results-bar-wrap .search-field-container.plus-brands-search-field-container,
.plus-brands-search-results-wrap .plus-brands-search-results-footer .search-topic-filter .slds-form-element {
    --dxp-g-spacing-medium: var(--help-search-field-margin-bottom, 1rem);
}
.plus-brands-search-results-wrap .plus-brands-search-results-sort-by .slds-form-element {
    padding: 0;
    margin: 0;
    justify-content: flex-end;
}
.plus-brands-search-results-wrap .plus-brands-search-results-sort-by .slds-form-element__label {
    text-align: end;
}
.search-field-container.plus-brands-search-field-container {
    --slds-c-input-spacing-inline-start: var(--help-search-field-padding-start, 2.5rem);
    --slds-c-input-spacing-inline-end: var(--help-search-field-padding-end, 3rem);
    --slds-c-input-color-background: var(--help-search-field-background-color, #FFF);
    --slds-c-input-color-background-focus: var(--help-search-field-background-color-focus, #FFF);
    --dxp-c-input-text-font-size: var(--help-search-field-font-size, 1rem);
    --slds-c-input-text-color: var(--help-search-field-font-color, var(--dxp-s-form-element-text-color));
    --dxp-s-form-element-text-line-height: var(--help-search-field-font-line-height, 3.2em);
    --slds-c-input-color-border: var(--help-search-field-border-color, #C5CAD3);
    --slds-c-input-color-border-focus: var(--help-search-field-border-color-focus, #C5CAD3);
    --dxp-c-input-width-border: var(--help-search-field-border-width, 1px);
    --slds-c-input-radius-border: var(--help-search-field-border-radius, 0.3rem);
    --slds-c-input-shadow: var(--help-search-field-shadow, none);
    --slds-c-input-shadow-focus: var(--help-search-field-shadow-focus, 0 0 3px 0 var(--dxp-g-brand-1));
    --slds-g-color-neutral-base-50: var(--help-search-field-icon-color, #000);
    --dxp-s-button-font-size: var(--help-search-field-icon-size, 1rem);
}
.plus-brands-search-results-wrap .plus-brands-search-results-container .slds-input[type="search"] {
    background-color: var(--help-search-field-background-color, #FFF);
    height: auto;
    line-height: var(--help-search-field-font-line-height, 3.2em);
    border-radius: var(--help-search-field-border-radius, 0.3rem);
    font-size: var(--help-search-field-font-size, 1rem);
    --slds-c-input-spacing-horizontal-start: 2.5rem;
    border: var(--help-search-field-border-width, 1px) solid var(--help-search-field-border-color, #C5CAD3);
    --slds-c-input-spacing-inline-start: var(--help-search-field-padding-start, 2.5rem);
    --slds-c-input-spacing-inline-end: var(--help-search-field-padding-end, 3rem);
}
.plus-brands-search-results-wrap .plus-brands-search-results-container .slds-input[type="search"]:focus {
    border-color: var(--help-search-field-border-color-focus);
}
.plus-brands-search-results-bar-wrap .plus-brands-search-button button.slds-button {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    white-space: nowrap;
    padding: var(--help-button-spacing-block-start) var(--help-button-spacing-inline-end) var(--help-button-spacing-block-end) var(--help-button-spacing-inline-start);
    --slds-c-button-brand-color-background: var(--help-button-background-color);
    --slds-c-button-brand-text-color: var(--help-button-font-color);
    --dxp-s-button-font-family: var(--help-button-font-family);
    --dxp-s-button-font-size: var(--help-button-font-size);
    --dxp-s-button-font-style: var(--help-button-font-style);
    --dxp-s-button-font-weight: var(--help-button-font-weight);
    --dxp-s-button-text-transform: var(--help-button-font-transform);
    --dxp-s-button-line-height: var(--help-button-font-line-height);
    --slds-c-button-brand-color-border: var(--help-button-border-color);
    --slds-c-button-sizing-border: var(--help-button-border-width);
    --slds-c-button-radius-border: var(--help-button-border-radius);
    --slds-c-button-brand-color-background-hover: var(--help-button-background-color-hover);
    --slds-c-button-brand-text-color-hover: var(--help-button-font-color-hover);
    --slds-c-button-brand-color-border-hover: var(--help-button-border-color-hover);
}
.plus-brands-search-results-wrap .plus-brands-search-results-container svg.slds-input__icon[data-key="search"],
.help-hero-searchBar .plus-brands-search-results-container svg.slds-input__icon[data-key="search"] {
    fill: var(--help-search-field-icon-color) !important;
    height: var(--help-search-field-icon-size, 1rem);
    width: var(--help-search-field-icon-size, 1rem);
    margin-top: -9px;
    margin-inline-start: .25rem;
}
.help-hero-searchBar .plus-brands-search-results-container svg.slds-input__icon[data-key="search"] {
    margin-top: -12px;
}
.search-field-container .slds-button_icon svg.slds-button__icon[data-key="clear"] {
    height: var(--help-search-field-icon-size, 18px);
    width: var(--help-search-field-icon-size, 18px);
    background-size: contain;
}
.plus-brands-search-results-bar-wrap .plus-brands-search-results-container .slds-input__icon-group button.slds-input__icon.slds-input__icon_right.slds-button.slds-button_icon svg {
    fill: var(--help-search-field-icon-color, #636E85);
}
.plus-brands-search-results-wrap .plus-brands-search-results-footer {
    padding: var(--help-search-page-filters-padding, 0 2rem);
}
.plus-brands-search-results-wrap .plus-brands-search-results-footer .search-topic-filter a.plus-brands-search-footer-clear {
    color: var(--brand-color-text-link, (--plus-dark-grey-1-color));
    font-family: var(--brand-font-family-body, (--plus-medium-font-family));
    top: 0;
}
.plus-brands-search-results-showing {
    padding: 0 0 1rem 0;
}
.plus-brands-search-results-wrap .results-meta-display.plus-brands-search-results-text {
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.5rem;
    font-family: var(--brand-font-family-body);
    color: var(--brand-color-foreground);
    margin-bottom: 1.5rem;
}
.plus-brands-search-results-sort-by .slds-combobox_container .slds-combobox button {
    padding: .5rem 1rem;
    display: block;
    background-color: var(--brand-ui-form-background-color, #FFF);
    border: 1px solid var(--brand-ui-form-border-color);
    line-height: 1.5;
    border-radius: var(--help-search-field-border-radius);
}
.help-hero-searchBar .search-field-container.plus-brands-search-field-container .slds-input[type="search"] {
    --input-color-background: var(--brand-color-background);
    --input-color-background-focus: var(--brand-color-background);
    --slds-c-input-text-color: var(--brand-color-foreground);
    --slds-c-input-text-color-focus: var(--brand-color-foreground);
    --slds-c-input-radius-border: 4px;
    --border-width: 1px;
    --border-color: var(--brand-color-foreground);
}
.help-hero-searchBar .search-field-container.plus-brands-search-field-container .slds-input[type="search"]::placeholder {
    color: var(--brand-ui-color-text);
}
.result-container {
    border-radius: 4px;
    margin-top: 8px;
    position: absolute;
    width: 100%;
    box-shadow: var(--hds-shadow-large);
    z-index: 1000;
    background-color: var(--brand-color-background);
    border: 1px solid var(--brand-ui-color-border);
}
.result-container::before {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 8px 8px 8px;
    border-color: transparent transparent var(--brand-ui-color-border) transparent;
    position: absolute;
    top: -8px;
    inset-inline-start: 40px;
}
.search-results-header {
    padding: 12px 24px 0 24px;
    border-radius: 0;
}.plus-brands-search-results-wrap .plus-brands-search-wrap .plus-brands-search-item:hover
.plusBrands-header .result-container .search-results-header.text-subtitle {
    font-family: var(--plus-medium-font-family);
    font-weight: 500;
    color: var(--brand-color-foreground);
}
.plusBrands-header .result-container .search-result-item {
    color: var(--brand-ui-color-text);
    font-family: var(--brand-font-family-body);
}
.plus-brands-search-wrap .searchNoResults {
    padding-inline: 0;
    padding-top: 0;
}
.plus-brands-search-results-wrap .plus-brands-search-wrap .plus-brands-search-item {
    border-radius: 4px;
    background-color: var(--brand-ui-color-panel);
    box-shadow: none;
    display: block;
    margin-bottom: 1.25rem;
    border: none;
    width: 100%;
    text-align: start;
    color: var(--brand-color-foreground);
}
.plus-brands-search-results-wrap .plus-brands-search-item-body {
    padding: 1.25rem 1.5rem;
}
.plus-brands-search-results-wrap .plus-brands-search-wrap .plus-brands-search-item-subtitle {
    font-size: 1.125rem;
    font-family: var(--plus-medium-font-family);
    font-weight: 500;
    line-height: 24px;
    color: var(--brand-color-foreground);
    margin-bottom: .75rem;
}
.plus-brands-search-results-wrap .plus-brands-search-wrap .plus-brands-search-item:hover .plus-brands-search-item-subtitle {
    color: var(--brand-color-foreground);
    text-decoration: none;
}
.plus-brands-search-results-wrap .plus-brands-search-wrap .plus-brands-search-item-summary {
    margin-bottom: 0;
}
.plus-brands-search-results-wrap .plus-brands-search-wrap .plus-brands-search-item:hover {
    text-decoration: none !important;
    outline: none !important;
    background-color: var(--brand-color-accent) !important;
    border-color: transparent;
}
.plus-brands-search-results-wrap .plus-brands-search-wrap .plus-brands-search-item:focus-visible {
    outline: 2px solid var(--brand-color-foreground) !important;
    outline-offset: -2px !important;
    background-color: var(--brand-color-accent);
}
.plus-brands-search-results-wrap .plus-brands-search-wrap .plus-brands-search-item:hover .plus-brands-search-item-summary {
    color: var(--brand-color-foreground);
    text-decoration: underline;
}
.plus-brands-search-results-wrap .plus-brands-search-results-footer .search-topic-filter input.slds-combobox__input {
    height: 2.8rem;
    line-height: 2.8rem;
    border-radius: var(--help-search-field-border-radius) !important;
    font-size: 1rem;
    --slds-c-input-spacing-horizontal-start: 2.5rem;
    border: 1px solid var(--brand-ui-form-border-color);
    font-family: var(--plus-regular-font-family);
    background-color: var(--brand-ui-form-background-color);
}
.help-hero-searchBar-secondary .slds-input[type="search"] {
    height: 2.75rem;
    font-size: 1rem;
    line-height: 1;
    background-color: var(--help-search-field-background-color);
}
.help-hero-searchBar-secondary .result-container {
    margin-top: 5px;
    max-width: var(--help-header-nav-search-width);
    width: 100%;
    z-index: 10000;
}
.slds-modal__container .slds-modal__content.search-modal-container .hds-modal-content {
    padding: 1rem;
}
.plus-brands-search-results-wrap .pagination-container lightning-button-group.pagination-button-group.slds-button-group {
    color: var(--brand-color-foreground);
}
.slds-modal__container .slds-modal__content.search-modal-container .hds-modal-header svg.slds-button__icon {
    fill: var(--brand-color-foreground, #000);
}
.plus-brands-search-results-wrap .pagination-container button.slds-button[disabled] {
    color: var(--brand-ui-color-border);
}
.plus-brands-search-results-wrap .pagination-container button.slds-button svg.slds-button__icon {
    fill: currentColor !important;
}
.plus-brands-search-results-wrap .pagination-container button.slds-button {
    color: var(--brand-color-foreground);
}
.plus-brands-search-results-wrap .pagination-container lightning-button.selected-button {
    background-color: var(--brand-color-foreground);
}
.plus-brands-search-results-wrap .pagination-container .selected-button button.slds-button {
    color: var(--brand-color-background);
}
.plus-brands-search-results-wrap .pagination-container lightning-button-icon {
    top: 0;
    display: flex;
}
.plus-brands-search-results-wrap .page-size-menu-container .slds-combobox_container button {
    border: 1px solid var(--brand-ui-form-border-color);
    font-family: var(--brand-font-family-body);
    background-color: var(--brand-color-background);
}
.search-modal-container .hds-modal-content .slds-align_absolute-center .slds-button[aria-disabled="false"] {
    --plus-hyperlink-color: var(--brand-color-text-link);
    --plus-hyperlink-color-hover: var(--brand-color-text-hover);
}
.contact-tray-sub-title:has(.slds-rich-text-editor__output span:empty) {
    display: none;
}
.search-field-container .slds-input__icon-group button[data-element-id="searchClear"].slds-input__icon:focus-visible {
    height: 1.25rem;
    width: 1.25rem;
    background-color: transparent;
    outline: 2px solid white !important;
    border-radius: 1px;
    outline-offset: 2px !important;
    margin-top: -10px;
    margin-inline-end: -3px;
}
@media (width < 48em) {
    .plus-brands-search-results-top-section .mobile-filter-container {
        display: flex;
        justify-content: center;
        gap: 0.5rem;
        padding: var(--help-search-page-search-bar-padding);
    }
    .mobile-filter-button .mobile-filter {
        --slds-c-button-radius-border: 4px;
        --slds-c-button-sizing-border: 1px;
        --slds-c-button-neutral-color-border: var(--brand-color-primary);
        --slds-c-button-text-color: var(--brand-color-foreground);
        --slds-c-button-neutral-color-background: var(--brand-color-background);
        --slds-c-button-neutral-color-border-hover: var(--brand-color-foreground);
        --slds-c-button-spacing-blockstart: .25rem;
        --slds-c-button-spacing-blockend: .25rem;
    }
    .slds-modal__container .slds-modal__content.search-modal-container .hds-modal-header {
        padding: 1.2rem 1.5rem .8rem 1.5rem;
        border-bottom: var(--help-modal-header-border, var(--border-color));
        font-family: var(--help-modal-header-font-family, var(--plus-medium-font-family));
        color: var(--help-modal-header-font-color, var(--plus-text-color));
        font-size: var(--help-modal-header-font-size, 1.1rem);
        font-style: var(--help-modal-header-font-style, 1.1rem);
        font-weight: var(--help-modal-header-font-weight, 1.1rem);
        text-transform: var(--help-modal-header-font-transform, 1.1rem);
        line-height: var(--help-modal-header-line-height, 1.1rem);
    }
}
@media (width < 30em) {
    .plus-brands-search-results-top-section .mobile-filter-container {
        flex-direction: column;
        gap: .5rem;
        padding-top: .5rem;
    }
    .plus-brands-search-results-top-section .mobile-filter-button {
        padding-bottom: 0;
    }
}




/* 
    5. Miscellaneous Accessibility fixes
    These may not be necessary for all brand sites and can probably be ignored.
*/
/* 
Popular Articles Home accessibility overrides
*/
.help-popular-article-inner .help-popular-article-item:focus,
.help-popular-article-inner .help-popular-article-item:focus-visible {
    outline-offset: -3px !important;
    outline-width: 2px;
}
.slds-radio [type="radio"]:focus+.slds-radio__label .slds-radio_faux,
.slds-radio [type="radio"]:focus:checked+.slds-radio__label .slds-radio_faux {
    border-color: var(--help-article-feedback-fieldset-radio-border-color-selected);
}
.help-article-feedback-button .slds-button_neutral {
    --slds-c-button-neutral-color-background: var(--brand-color-background);
    --slds-c-button-neutral-color-background-hover: var(--brand-color-background);
    --slds-c-button-text-color: var(--brand-color-foreground);
    --slds-c-button-text-color-hover: var(--brand-color-primary);
    --slds-c-button-neutral-color-border: var(--brand-color-foreground);
    --slds-c-button-neutral-color-border-hover: var(--brand-color-primary);
    --slds-c-button-sizing-border: var(--help-button-border-width);
}
/* 
Region/Language Combobox accessibility overrides
*/
.plus-brands-colang-inner .slds-listbox {
    background-color: var(--brand-color-background) !important;
    --dxp-s-dropdown-color-background-hover: var(--brand-color-background-highlight);
    --dxp-s-dropdown-color-border: var(--brand-ui-color-border);
}
.plus-brands-colang-inner .slds-combobox_container .slds-listbox__option-icon svg.slds-icon {
    fill: var(--brand-color-accent);
}

/* IMPORTANT: this fixes banner content overflow from the next slide, and clears up sloppy subpixel rendering */
.plus-brands-notification-carousel .leftBtn {
    margin-left: 0 !important;
}


/* 
Mobile Header Search conditionals
*/
@media (width < 48em) {
    .help-hero-logo-secondary:has(+ .help-hero-search-login-wrap .search-field-container) {
        display: none;
    }
    .help-hero-searchBar, 
    .help-hero-searchBar-secondary:has(.search-field-container) {
        --help-header-nav-search-width: 100%;
    }
    .help-hero-searchBar .result-container, 
    .help-hero-searchBar-secondary .result-container {
        max-width: calc(var(--help-header-nav-search-width) - 2rem);
    }
    .plus-brands-search-results-container .search-field-container .search-field.slds-form-element {
        z-index: 0;
    }
    .search-container.plus-brands-search-results-bar-wrap .plus-brands-search-results-container .slds-form-element__control .slds-input__icon-group_right {
        top: 50% !important;
        right: 0px;
    }
    .plus-brands-search-results-showSearchBar .slds-button,
    .plus-brands-search-results-showSearchIcon .slds-button {
        border: 1px solid var(--brand-color-foreground);
        border-radius: 50%;
        background-color: var(--brand-color-foreground);
        height: 2.5rem;
        width: 2.5rem;
        --dxp-s-button-font-size: 1.5rem;
    }
    .plus-brands-search-results-showSearchBar .slds-button svg[data-key="search"] {
        background-image: url(/sfsites/c/resource/help_supportAssets/StarWars/icons/icon-search.svg);
        background-size: contain;
    }
    .plus-brands-search-results-showSearchIcon .slds-button svg[data-key="close"] {
        background-image: url(/sfsites/c/resource/help_supportAssets/StarWars/icons/icon-close.svg);
        background-size: contain;
    }
    .plus-brands-search-results-showSearchBar .slds-button svg g,
    .plus-brands-search-results-showSearchIcon .slds-button svg g {
        display: none;
    }
}