:root {
    --blackOverlay20to20: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%);
    --blackOverlay30to30: linear-gradient(0deg, rgba(0, 0, 0, 0.30) 0%, rgba(0, 0, 0, 0.30) 100%);
    --blackOverlay40to40: linear-gradient(0deg, rgba(0, 0, 0, 0.40) 0%, rgba(0, 0, 0, 0.40) 100%);
    --blackOverlay50to50: linear-gradient(0deg, rgba(0, 0, 0, 0.50) 0%, rgba(0, 0, 0, 0.50) 100%);
    --blackOverlay60to60: linear-gradient(0deg, rgba(0, 0, 0, 0.60) 0%, rgba(0, 0, 0, 0.60) 100%);
    --blackOverlay70to70: linear-gradient(0deg, rgba(0, 0, 0, 0.70) 0%, rgba(0, 0, 0, 0.70) 100%);
    --blackOverlay80to80: linear-gradient(0deg, rgba(0, 0, 0, 0.80) 0%, rgba(0, 0, 0, 0.80) 100%);
    --whiteOverlay50to50: linear-gradient(0deg, rgba(255, 255, 255, 0.50) 0%, rgba(255, 255, 255, 0.50) 100%);
    --x50CoverNoRepeat: 50% / cover no-repeat;
    --RG-Off-White: #F1F5F1;
}

.slds-checkbox [type=checkbox]:focus+.slds-checkbox--faux,
.slds-checkbox [type=checkbox]:focus+.slds-checkbox__label .slds-checkbox--faux,
.slds-checkbox [type=checkbox]:focus+.slds-checkbox__label .slds-checkbox_faux,
.slds-checkbox [type=checkbox]:focus+.slds-checkbox_faux,
.slds-checkbox [type=checkbox]:focus~.slds-checkbox--faux,
.slds-checkbox [type=checkbox]:focus~.slds-checkbox_faux,
.slds-button--brand:focus,
.slds-button--destructive:focus,
.slds-button--success:focus,
.slds-button_brand:focus,
.slds-button_destructive:focus,
.slds-button_success:focus {
    --slds-c-checkbox-shadow: 0 !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

lightning-toast .slds-notify_container lightning-icon {
    align-self: center;
}

lightning-toast .slds-notify__content {
    margin: auto;
}

lightning-toast .slds-notify__content h2.slds-text-heading_small {
    display: none;
}

body:has(community_layout-section.myProfileHeroSection) lightning-toast .slds-notify__content h2.slds-text-heading_small {
    display: block;
}

body:has(.loginErrorTitle) {
    height: 100vh;

    & .riotbar-center-content,
    & .riotbar-account-reset,
    & .riotbar-mobile-nav-reset,
    & footer[data-f6-region] {
        display: none;
    }

    & .riotbar-header {
        justify-content: space-between;
    }
}

lightning-toast div.slds-list--inline {
    align-items: center;
    width: 100%;
}

/* FONTS START */
.errorTitle,
.gameSection4Title,
.aboutRPPSection1MainTitle,
.gameButtonLabel,
.aboutRPPSection2Title,
.aboutRPPSection3Title,
.faqsSection1MainTitle,
.eligibilityAndCriteriaSection1MainTitle,
.loginErrorTitle,
c-nf-riot-hero .hero-new__content-inner h1,
c-nf-creator-onboarding .onboardingContainer,
c-nf-creator-onboarding .buttonContainer,
c-nf-creator-onboarding .acceptButtonContainer,
c-nf-creator-onboarding .declineButtonContainer,
c-nf-creator-onboarding .declineLabel,
c-nf-creator-onboarding .declineSubLabel,
c-nf-creator-onboarding c-nf-creator-onboarding-accept-legal .slds-checkbox .slds-checkbox__label .slds-form-element__label,
c-nf-creator-onboarding-declined-final-screen .declinedFinalScreenTitle {
    font-family: 'Riot Sans';
}

.copyright,
.errorSubtitle,
.confirmationText,
.gameSection2SubTitle,
.gameSection4SubTitle,
.aboutRPPSection1Subtitle,
.aboutRPPSection2SubTitle,
.aboutRPPSection3Subtitle,
.behaviorExpectationsSection1 .behaviorExpectationsContainer,
.eligibilityAndCriteriaSection1Subtitle,
body.LOLGameTheme:not(:has(div.gameHeaderContainer)) .gameButtonLabel,
div.lol .gameButtonLabel,
.myApplicationsSubtitle,
.myApplicationsEmptyListMessage,
.applicationMessageContainer,
.blockedCreatorApplicationMessage,
.slds-popover__body,
.lolCard div.cardButton span.cardButtonLabel,
c-nf-list-view,
c-nf-riot-hero .hero-new__content-inner p,
c-nf-creator-onboarding lightning-input[data-id="optIn"],
c-nf-creator-onboarding c-nf-creator-onboarding-sign-n-d-a lightning-formatted-rich-text,
c-nf-creator-onboarding c-nf-creator-onboarding-intake-accept-details lightning-record-edit-form,
c-nf-creator-onboarding .legalSpecialMessage,
c-nf-creator-onboarding .ndaSpecialMessage,
c-nf-creator-onboarding .tncSpecialMessage,
c-nf-creator-onboarding .invitationSubHeading,
c-nf-creator-onboarding .legalSectionTitle,
c-nf-creator-onboarding .legalSectionText,
c-nf-creator-onboarding .tncText,
c-nf-creator-onboarding .tncText span,
c-nf-creator-onboarding .tncText div u,
c-nf-site-password-page-lwr .passwordInnerDiv lightning-formatted-rich-text,
c-nf-creator-onboarding .declineContainer .slds-checkbox .slds-checkbox__label .slds-form-element__label,
c-nf-creator-onboarding-declined-final-screen .declinedFinalScreenSubtitle,
c-nf-creator-onboarding-declined-final-screen .goToRiotWebsite,
c-nf-creator-onboarding c-nf-creator-onboarding-accept-t-n-c .tncContainer,
c-nf-creator-onboarding c-nf-creator-onboarding-sign-n-d-a lightning-record-edit-form,
c-nf-creator-onboarding c-nf-creator-onboarding-sign-n-d-a .ndaContainer lightning-formatted-rich-text span,
c-nf-creator-onboarding c-nf-creator-onboarding-sign-n-d-a .acceptNDA lightning-input[data-id="acceptCheckbox"] .slds-checkbox .slds-checkbox__label .slds-form-element__label,
c-nf-creator-onboarding c-nf-creator-onboarding-accept-t-n-c .tncContainer lightning-input[data-id="acceptCheckbox"] .slds-checkbox .slds-checkbox__label .slds-form-element__label {
    font-family: 'Inter' !important;
}

.gameSection1Title.val,
.gameSection2Title.val,
.gameSection3Title.val,
.gameSection3JoinUs.val,
body.VALGameTheme .aboutRPPSection1MainTitle,
body.VALGameTheme .aboutRPPSection2Title,
body.VALGameTheme .aboutRPPSection3Title,
body.VALGameTheme .faqsSection1MainTitle,
body.VALGameTheme .eligibilityAndCriteriaSection1MainTitle,
body.VALGameTheme .myProfileFlow button,
body.VALGameTheme c-nf-creator-profile-details .buttonContainer button,
body.VALGameTheme c-nf-riot-header .confirmationTitle,
body.VALGameTheme c-nf-riot-header .gameButtonContainer .gameButtonAnchor .gameButton .gameButtonLabelContainer .gameButtonLabel,
body.VALGameTheme c-nf-creator-content-codes .codes-wrapper h2,
body.VALGameTheme c-nf-left-navigation-menu .menuTitle,
body.VALGameTheme c-nf-creator-profile-details .menuTitle,
body.VALGameTheme c-nf-creator-profile-details .sectionLabel,
body.VALGameTheme c-nf-creator-opportunity-board .oppBoardNewTag,
body.VALGameTheme c-nf-creator-opportunity-board .learnMoreContainer,
body.VALGameTheme c-nf-creator-opportunity-board .interestedButton,
body.VALGameTheme c-nf-riot-hero .hero-new__content-inner h1,
body.VALGameTheme c-nf-game-accounts .accounts h2,
body.VALGameTheme c-nf-game-accounts .cancelBtn,
body.VALGameTheme c-nf-game-accounts .modalButtonContainer {
    font-family: 'Tungsten' !important;
}

.gameHeaderTitle.lol,
.gameSection1Title.lol,
.gameSection2Title.lol,
.gameSection3Title.lol,
.gameSection3JoinUs.lol,
body.LOLGameTheme .aboutRPPSection1MainTitle,
body.LOLGameTheme .aboutRPPSection2Title,
body.LOLGameTheme .aboutRPPSection3Title,
body.LOLGameTheme .faqsSection1MainTitle,
body.LOLGameTheme .eligibilityAndCriteriaSection1MainTitle,
body.LOLGameTheme .myProfileFlow button,
body.LOLGameTheme c-nf-creator-profile-details .buttonContainer button,
body.LOLGameTheme c-nf-riot-header .confirmationTitle,
body.LOLGameTheme c-nf-riot-header .gameButtonContainer .gameButtonAnchor .gameButton .gameButtonLabelContainer .gameButtonLabel,
body.LOLGameTheme c-nf-left-navigation-menu,
body.LOLGameTheme c-nf-creator-profile-details .sectionLabel,
body.LOLGameTheme c-nf-creator-profile-details .leftNavContainer,
body.LOLGameTheme c-nf-creator-content-codes .codes-wrapper h2,
body.LOLGameTheme c-nf-creator-opportunity-board .oppBoardNewTag,
body.LOLGameTheme c-nf-creator-opportunity-board .learnMoreContainer,
body.LOLGameTheme c-nf-creator-opportunity-board .interestedButton,
body.LOLGameTheme c-nf-riot-hero .hero-new__content-inner h1,
body.LOLGameTheme c-nf-game-accounts .accounts h2,
body.LOLGameTheme c-nf-game-accounts .cancelBtn,
body.LOLGameTheme c-nf-game-accounts .modalButtonContainer {
    font-family: 'Beaufort for LOL' !important;
    font-style: italic;
}

.gameHeaderTitle.tft,
.gameSection1Title.tft,
.gameSection2Title.tft,
.gameSection3JoinUs.tft,
body.TFTGameTheme .aboutRPPSection1MainTitle,
body.TFTGameTheme .aboutRPPSection2Title,
body.TFTGameTheme .aboutRPPSection3Title,
body.TFTGameTheme .faqsSection1MainTitle,
body.TFTGameTheme .eligibilityAndCriteriaSection1MainTitle,
body.TFTGameTheme .myProfileFlow button,
body.TFTGameTheme c-nf-creator-profile-details .buttonContainer button,
body.TFTGameTheme c-nf-riot-header .confirmationTitle,
body.TFTGameTheme c-nf-riot-header .gameButtonContainer .gameButtonAnchor .gameButton .gameButtonLabelContainer .gameButtonLabel,
body.TFTGameTheme c-nf-left-navigation-menu,
body.TFTGameTheme c-nf-creator-profile-details .sectionLabel,
body.TFTGameTheme c-nf-creator-profile-details .leftNavContainer,
body.TFTGameTheme c-nf-creator-content-codes .codes-wrapper h2,
body.TFTGameTheme c-nf-creator-opportunity-board .oppBoardNewTag,
body.TFTGameTheme c-nf-creator-opportunity-board .learnMoreContainer,
body.TFTGameTheme c-nf-creator-opportunity-board .interestedButton,
body.TFTGameTheme c-nf-riot-hero .hero-new__content-inner h1,
body.TFTGameTheme c-nf-game-accounts .accounts h2,
body.TFTGameTheme c-nf-game-accounts .cancelBtn,
body.TFTGameTheme c-nf-game-accounts .modalButtonContainer {
    font-family: 'Maleo' !important;
}

.gameSection1BenefitTitle.lol,
.gameSection1SubTitle.lol,
.gameSection2SubTitle.lol,
.gameSection3SubTitle.lol,
body.LOLGameTheme .aboutRPPSection1Subtitle,
body.LOLGameTheme .aboutRPPSection2SubTitle,
body.LOLGameTheme .aboutRPPSection3Subtitle,
body.LOLGameTheme .eligibilityAndCriteriaSection1Subtitle,
body.LOLGameTheme .behaviorExpectationsSection1 .behaviorExpectationsContainer,
body.LOLGameTheme .myProfileFlow flowruntime-display-text-lwc lightning-formatted-rich-text,
body.LOLGameTheme c-nf-riot-header .confirmationText,
body.LOLGameTheme c-nf-creator-content-codes .codes-wrapper,
body.LOLGameTheme c-nf-creator-opportunity-board .oppBoardTitle,
body.LOLGameTheme c-nf-creator-opportunity-board .oppBoardItemTitle,
body.LOLGameTheme c-nf-creator-opportunity-board .oppBoardItemBody,
body.LOLGameTheme c-nf-riot-hero .hero-new__content-inner p,
body.LOLGameTheme c-nf-game-accounts .accounts p,
body.LOLGameTheme c-nf-game-accounts .accounts .account,
body.LOLGameTheme c-nf-game-accounts .cmodal h2 {
    font-family: 'SpiegelSans';
}

.gameSection1BenefitTitle.tft,
.gameSection1SubTitle.tft,
.gameSection2SubTitle.tft,
.gameSection3Title.tft,
.gameSection3SubTitle.tft,
div.tft .gameButtonLabel,
.tftCard div.cardButton span.cardButtonLabel,
body.TFTGameTheme:not(:has(div.gameHeaderContainer)) .gameButtonLabel,
body.TFTGameTheme .aboutRPPSection1Subtitle,
body.TFTGameTheme .aboutRPPSection2SubTitle,
body.TFTGameTheme .aboutRPPSection3Subtitle,
body.TFTGameTheme .eligibilityAndCriteriaSection1Subtitle,
body.TFTGameTheme .behaviorExpectationsSection1 .behaviorExpectationsContainer,
body.TFTGameTheme .myProfileFlow flowruntime-display-text-lwc lightning-formatted-rich-text,
body.TFTGameTheme c-nf-riot-header .confirmationText,
body.TFTGameTheme c-nf-creator-content-codes .codes-wrapper,
body.TFTGameTheme c-nf-creator-opportunity-board .oppBoardTitle,
body.TFTGameTheme c-nf-creator-opportunity-board .oppBoardItemTitle,
body.TFTGameTheme c-nf-creator-opportunity-board .oppBoardItemBody,
body.TFTGameTheme c-nf-riot-hero .hero-new__content-inner p,
body.TFTGameTheme c-nf-game-accounts .accounts p,
body.TFTGameTheme c-nf-game-accounts .accounts .account,
body.TFTGameTheme c-nf-game-accounts .cmodal h2 {
    font-family: 'Beatrice';
}

c-nf-creator-onboarding .ndaContainer lightning-formatted-rich-text .signaturePanel span,
c-nf-creator-onboarding span.tncSignature {
    font-family: 'Lucida Handwriting', cursive !important;
}

.gameHeaderTitle.val,
.gameSection1SubTitle.val,
.gameSection1BenefitTitle.val,
.gameSection2SubTitle.val,
.gameSection3Title.val,
.gameSection3SubTitle.val,
div.val .gameButtonLabel,
.valCard div.cardButton span.cardButtonLabel,
body.VALGameTheme:not(:has(div.gameHeaderContainer)) .gameButtonLabel,
body.VALGameTheme .aboutRPPSection1Subtitle,
body.VALGameTheme .aboutRPPSection2SubTitle,
body.VALGameTheme .aboutRPPSection3Subtitle,
body.VALGameTheme .eligibilityAndCriteriaSection1Subtitle,
body.VALGameTheme .behaviorExpectationsSection1 .behaviorExpectationsContainer,
body.VALGameTheme .myProfileFlow flowruntime-display-text-lwc lightning-formatted-rich-text,
body.VALGameTheme c-nf-riot-header .confirmationText,
body.VALGameTheme c-nf-left-navigation-menu,
body.VALGameTheme c-nf-creator-profile-details .leftNavContainer,
body.VALGameTheme c-nf-creator-content-codes .codes-wrapper,
body.VALGameTheme c-nf-creator-opportunity-board .oppBoardTitle,
body.VALGameTheme c-nf-creator-opportunity-board .oppBoardItemTitle,
body.VALGameTheme c-nf-creator-opportunity-board .oppBoardItemBody,
body.VALGameTheme c-nf-riot-hero .hero-new__content-inner p,
body.VALGameTheme c-nf-game-accounts .accounts p,
body.VALGameTheme c-nf-game-accounts .accounts .account,
body.VALGameTheme c-nf-game-accounts .cmodal h2 {
    font-family: 'DIN Next LT Pro';
}

.footerContainer {
    font-family: 'Mark Pro';
}

/* FONTS END */

/* BACKGROUNDS START */
.oppBoardSection1,
.creatorDashboardSection1 {
    background-color: #282828;
}

body,
.codeDistributionsSection1,
.creatorApplicationSection1,
.applicationDetailSection1,
.footerContainer,
.aboutRPPSection1,
.eligibilityAndCriteriaSection1,
.faqsSection1,
.myApplicationsListSection,
.loginErrorSection,
.gameAccountsSection1,
.onboardingSection,
.errorSection1 {
    background-color: #252423;
}

.homeHeroSection,
.applicationHeroSection,
.applicationDetailHeroSection,
.myApplicationsHeroSection,
.aboutRPPHeroSection,
.faqsHeroSection,
.eligibilityAndCriteriaHeroSection,
.oppBoardHeroSection,
.codeDistributionsHeroSection,
.creatorDashboardHeroSection,
.gameAccountsHeroSection,
.gameHeaderContainer,
.myProfileHeroSection,
.eligibilityAndBehaviorHeroSection,
.creatorDashboardSection1,
.gameSection3Container {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.sitePasswordSection1 {
    background: url('/sfsites/c/file-asset/sitePasswordBG?isOptimized=true');
    background-size: cover;
    background-repeat: no-repeat;
}

.homeBenefitsSection {
    background: url('/sfsites/c/file-asset/homeBenefitsBG?isOptimized=true') transparent center center / cover no-repeat;
}

.footerRGLogo {
    background: url('/sfsites/c/file-asset/rgLogo?isOptimized=true') transparent 0 / contain no-repeat;
}

.footerX {
    background: url('/sfsites/c/file-asset/X?isOptimized=true') transparent 0 / contain no-repeat;
}

.aboutRPPSection2 {
    background: var(--whiteOverlay50to50), url('/sfsites/c/file-asset/aboutRPPSection2BG?isOptimized=true') var(--x50CoverNoRepeat);
}

.aboutRPPSection2FGImage {
    background: url('/sfsites/c/file-asset/aboutRPPSection2FG?isOptimized=true') 0px -136px / 100% 149.744% no-repeat;
}

.aboutRPPSection3 {
    background: var(--blackOverlay30to30), url('/sfsites/c/file-asset/aboutRPPSection3BG?isOptimized=true') var(--x50CoverNoRepeat);
}

/* VAL START */
.gameHeaderContainer.val .gameHeaderLogo {
    background: url('/sfsites/c/file-asset/valorantLogo?isOptimized=true') transparent 0 / contain no-repeat;
}

.gameSection1.val {
    background: var(--blackOverlay70to70), url('/sfsites/c/file-asset/valorantSection1BG?isOptimized=true') var(--x50CoverNoRepeat);
    background-position: top;
}

.doYouQualify.val {
    background: #ff4655;
}

.gameSection3Container.val {
    background-image: var(--blackOverlay60to60), url('/sfsites/c/file-asset/valorantSection3BG?isOptimized=true');
}

body.VALGameTheme .aboutRPPSection2 {
    background: var(--whiteOverlay50to50), url('/sfsites/c/file-asset/VALaboutRPPSection2BG?isOptimized=true') 0% 90% no-repeat;
    background-size: 335% 700%;
}

body.VALGameTheme .aboutRPPSection2FGImage {
    background: url('/sfsites/c/file-asset/VALaboutRPPSection2BG?isOptimized=true') -95.126px -9.361px / 183.574% 103.461% no-repeat;
}

body.VALGameTheme .aboutRPPSection3 {
    background: var(--blackOverlay30to30), url('/sfsites/c/file-asset/VALaboutRPPSection3BG?isOptimized=true') var(--x50CoverNoRepeat);
}

body.VALGameTheme .oppBoardSection1 {
    background: var(--blackOverlay80to80), url('/sfsites/c/file-asset/valOppBoardBG?isOptimized=true') var(--x50CoverNoRepeat);
}

body.VALGameTheme .creatorDashboardSection1 {
    background-image: var(--blackOverlay80to80), url('/sfsites/c/file-asset/VALcreatorDashboardsSection1BG?isOptimized=true');
}

/* VAL END */

/* LOL START */
.gameHeaderContainer.lol .gameHeaderLogo {
    background: url('/sfsites/c/file-asset/lolLogo?isOptimized=true') transparent 0 / cover no-repeat;
}

.gameSection1.lol {
    background: var(--blackOverlay60to60), url('/sfsites/c/file-asset/lolSection1BG?isOptimized=true') var(--x50CoverNoRepeat);
}

.doYouQualify.lol {
    background: #D9D9D9;
}

.gameSection3Container.lol {
    background-image: var(--blackOverlay60to60), url('/sfsites/c/file-asset/lolSection3BG?isOptimized=true');
}

body.LOLGameTheme .oppBoardSection1 {
    background: var(--blackOverlay80to80), url('/sfsites/c/file-asset/lolOppBoardBG?isOptimized=true') var(--x50CoverNoRepeat);
}

body.LOLGameTheme .aboutRPPSection2 {
    background: var(--whiteOverlay50to50), url('/sfsites/c/file-asset/LOLaboutRPPSection2BG?isOptimized=true') var(--x50CoverNoRepeat);
}

body.LOLGameTheme .aboutRPPSection2FGImage {
    background: url('/sfsites/c/file-asset/LOLaboutRPPSection2BG?isOptimized=true') 50% / contain no-repeat;
}

body.LOLGameTheme .aboutRPPSection3 {
    background: var(--blackOverlay30to30), url('/sfsites/c/file-asset/LOLaboutRPPSection3BG?isOptimized=true') var(--x50CoverNoRepeat);
}

body.LOLGameTheme .creatorDashboardSection1 {
    background-image: var(--blackOverlay60to60), url('/sfsites/c/file-asset/LOLcreatorDashboardsSection1BG?isOptimized=true');
}

/* LOL END */

/* TFT START */
.gameHeaderContainer.tft .gameHeaderLogo {
    background: url('/sfsites/c/file-asset/tftLogo?isOptimized=true') transparent 0 / contain no-repeat;
}

.gameSection1.tft {
    background: var(--blackOverlay70to70), url('/sfsites/c/file-asset/tftSection1BG?isOptimized=true') var(--x50CoverNoRepeat);
    background-position: top;
}

.doYouQualify.tft {
    background: url('/sfsites/c/file-asset/tftSection2BG?isOptimized=true') var(--x50CoverNoRepeat);
}

.gameSection3Container.tft {
    background-image: var(--blackOverlay60to60), url('/sfsites/c/file-asset/tftSection3BG?isOptimized=true');
}

body.TFTGameTheme .oppBoardSection1 {
    background: var(--blackOverlay80to80), url('/sfsites/c/file-asset/tftOppBoardBG?isOptimized=true') var(--x50CoverNoRepeat);
}

body.TFTGameTheme .aboutRPPSection2 {
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.20) 0%, rgba(255, 255, 255, 0.20) 100%),
        url('/sfsites/c/file-asset/TFTaboutRPPSection2BG?isOptimized=true') var(--x50CoverNoRepeat);
}

body.TFTGameTheme .aboutRPPSection2FGImage {
    background: url('/sfsites/c/file-asset/TFTaboutRPPSection2FG?isOptimized=true') var(--x50CoverNoRepeat);
}

body.TFTGameTheme .aboutRPPSection3 {
    background: var(--blackOverlay30to30), url('/sfsites/c/file-asset/TFTaboutRPPSection3BG?isOptimized=true') var(--x50CoverNoRepeat);
}

body.TFTGameTheme .creatorDashboardSection1 {
    background-image: var(--blackOverlay80to80), url('/sfsites/c/file-asset/TFTcreatorDashboardsSection1BG?isOptimized=true');
}

/* TFT END */

/* HERO SECTION START */

.homeHeroSection {
    background-image: linear-gradient(90deg, black -10.45%, rgba(97, 97, 97, 0.00) 67.95%), url('/sfsites/c/file-asset/homeHeroBG?isOptimized=true');
}

.applicationHeroSection {
    background-image: var(--blackOverlay50to50), url('/sfsites/c/file-asset/applicationHeroBG?isOptimized=true');
}

.myApplicationsHeroSection {
    background-image: var(--blackOverlay50to50), url('/sfsites/c/file-asset/myApplicationsHeroBG?isOptimized=true');
}

.aboutRPPHeroSection {
    background-image: var(--blackOverlay40to40), url('/sfsites/c/file-asset/aboutRPPHeaderBG?isOptimized=true');
}

body.LOLGameTheme .aboutRPPHeroSection {
    background-image: var(--blackOverlay40to40), url('/sfsites/c/file-asset/LOLaboutRPPHeaderBG?isOptimized=true');
}

body.VALGameTheme .aboutRPPHeroSection {
    background-image: var(--blackOverlay40to40), url('/sfsites/c/file-asset/VALaboutRPPHeaderBG?isOptimized=true');
}

body.TFTGameTheme .aboutRPPHeroSection {
    background-image: var(--blackOverlay40to40), url('/sfsites/c/file-asset/TFTaboutRPPHeaderBG?isOptimized=true');
}

.faqsHeroSection {
    background-image: var(--blackOverlay40to40), url('/sfsites/c/file-asset/faqsHeaderBG?isOptimized=true');
}

body.LOLGameTheme .faqsHeroSection {
    background-image: var(--blackOverlay40to40), url('/sfsites/c/file-asset/LOLfaqsHeaderBG?isOptimized=true');
}

body.VALGameTheme .faqsHeroSection {
    background-image: var(--blackOverlay40to40), url('/sfsites/c/file-asset/VALfaqsHeaderBG?isOptimized=true');
}

body.TFTGameTheme .faqsHeroSection {
    background-image: var(--blackOverlay40to40), url('/sfsites/c/file-asset/TFTfaqsHeaderBG?isOptimized=true');
}

.eligibilityAndCriteriaHeroSection {
    background-image: var(--blackOverlay40to40), url('/sfsites/c/file-asset/eligibilityAndCriteriaHeaderBG?isOptimized=true');
}

body.LOLGameTheme .eligibilityAndCriteriaHeroSection {
    background-image: var(--blackOverlay40to40), url('/sfsites/c/file-asset/LOLeligibilityAndCriteriaHeaderBG?isOptimized=true');
}

body.VALGameTheme .eligibilityAndCriteriaHeroSection {
    background-image: var(--blackOverlay20to20), url('/sfsites/c/file-asset/VALeligibilityAndCriteriaHeaderBG?isOptimized=true');
}

body.TFTGameTheme .eligibilityAndCriteriaHeroSection {
    background-image: url('/sfsites/c/file-asset/TFTeligibilityAndCriteriaHeaderBG?isOptimized=true');
}

.oppBoardHeroSection {
    background-image: darkgray;
}

body.LOLGameTheme .oppBoardHeroSection {
    background-image: var(--blackOverlay60to60), url('/sfsites/c/file-asset/LOLopportunityBoardHeaderBG?isOptimized=true');
}

body.VALGameTheme .oppBoardHeroSection {
    background-image: var(--blackOverlay20to20), url('/sfsites/c/file-asset/VALopportunityBoardHeaderBG?isOptimized=true');
}

body.TFTGameTheme .oppBoardHeroSection {
    background-image: var(--blackOverlay60to60), url('/sfsites/c/file-asset/TFTopportunityBoardHeaderBG?isOptimized=true');
}

.codeDistributionsHeroSection {
    background-color: darkgray;
}

body.LOLGameTheme .codeDistributionsHeroSection {
    background-image: var(--blackOverlay40to40), url('/sfsites/c/file-asset/LOLcodeDistributionBG?isOptimized=true');
}

body.VALGameTheme .codeDistributionsHeroSection {
    background-image: var(--blackOverlay20to20), url('/sfsites/c/file-asset/VALcodeDistributionBG?isOptimized=true');
}

body.TFTGameTheme .codeDistributionsHeroSection {
    background-image: var(--blackOverlay40to40), url('/sfsites/c/file-asset/TFTcodeDistributionBG?isOptimized=true');
}

.creatorDashboardHeroSection {
    background-color: darkgray;
}

body.LOLGameTheme .creatorDashboardHeroSection {
    background-image: var(--blackOverlay60to60), url('/sfsites/c/file-asset/LOLcreatorDashboardBG?isOptimized=true');
}

body.VALGameTheme .creatorDashboardHeroSection {
    background-image: var(--blackOverlay40to40), url('/sfsites/c/file-asset/VALcreatorDashboardBG?isOptimized=true');
}

body.TFTGameTheme .creatorDashboardHeroSection {
    background-image: var(--blackOverlay40to40), url('/sfsites/c/file-asset/TFTcreatorDashboardBG?isOptimized=true');
}

.gameAccountsHeroSection {
    background-color: darkgray;
}

body.LOLGameTheme .gameAccountsHeroSection {
    background-image: var(--blackOverlay40to40), url('/sfsites/c/file-asset/LOLgameAccountsBG?isOptimized=true');
}

body.VALGameTheme .gameAccountsHeroSection {
    background-image: var(--blackOverlay40to40), url('/sfsites/c/file-asset/VALgameAccountsBG?isOptimized=true');
}

body.TFTGameTheme .gameAccountsHeroSection {
    background-image: var(--blackOverlay40to40), url('/sfsites/c/file-asset/TFTgameAccountsBG?isOptimized=true');
}

.gameHeaderContainer.val {
    background-image: var(--blackOverlay40to40), url('/sfsites/c/file-asset/valorantHeaderBG?isOptimized=true');
    height: 720px;
}

.gameHeaderContainer.lol {
    background-image: var(--blackOverlay40to40), url('/sfsites/c/file-asset/lolHeaderBG?isOptimized=true');
    height: 720px;
}

.gameHeaderContainer.tft {
    background-image: var(--blackOverlay40to40), url('/sfsites/c/file-asset/tftHeaderBG?isOptimized=true');
    height: 720px;
}

body.LOLGameTheme .myProfileHeroSection {
    background-image: var(--blackOverlay40to40), url('/sfsites/c/file-asset/lolMyProfileHeroBG?isOptimized=true');
}

body.VALGameTheme .myProfileHeroSection {
    background-image: var(--blackOverlay40to40), url('/sfsites/c/file-asset/valMyProfileHeroBG?isOptimized=true');
}

body.TFTGameTheme .myProfileHeroSection {
    background-image: var(--blackOverlay40to40), url('/sfsites/c/file-asset/tftMyProfileHeroBG?isOptimized=true');
}

.eligibilityAndBehaviorHeroSection {
    background-image: var(--blackOverlay40to40), url('/sfsites/c/file-asset/behaviorExpectationsHeroBG?isOptimized=true');
}

body.LOLGameTheme .eligibilityAndBehaviorHeroSection {
    background-image: var(--blackOverlay40to40), url('/sfsites/c/file-asset/LOLbehaviorExpectationsHeroBG?isOptimized=true');
}

body.VALGameTheme .eligibilityAndBehaviorHeroSection {
    background-image: var(--blackOverlay40to40), url('/sfsites/c/file-asset/VALbehaviorExpectationsHeroBG?isOptimized=true');
}

body.TFTGameTheme .eligibilityAndBehaviorHeroSection {
    background-image: var(--blackOverlay40to40), url('/sfsites/c/file-asset/TFTbehaviorExpectationsHeroBG?isOptimized=true');
}

/* HERO SECTION END */
/* BACKGROUNDS END */

lightning-toast-container {
    z-index: 99999999999 !important;
}

.slds-notify_container {
    top: 15vh;
}

.slds-popover--tooltip,
.slds-popover_tooltip {
    border-radius: 6px;
    background: #CFCFCF;
}

.slds-popover__body {
    color: black !important;
    font-size: 16px !important;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-align: center;
}

.isCreator .homeHeroSection .gameButtonContainer.heroButtonContainer {
    display: none !important;
}

/*Game Accounts Start*/

body.LOLGameTheme c-nf-game-accounts .cancelBtn {
    font-weight: 900;
    color: #4500d5;
    border: 2px solid #4500d5;
}

body.LOLGameTheme c-nf-game-accounts .addAccountBtn {
    font-weight: 900;
    background: linear-gradient(90deg, #6146e9 0%, #432ac0 97.5%);
}

body.LOLGameTheme c-nf-game-accounts .cancelBtn:hover,
body.LOLGameTheme c-nf-game-accounts .addAccountBtn:hover {
    background: #3923A5;
    color: var(--RG-Off-White);
}

body.LOLGameTheme c-nf-game-accounts .cancelBtn:hover {
    border: 2px solid #3923A5;
}

body.VALGameTheme c-nf-game-accounts .cancelBtn {
    color: #FF4655;
    border: 2px solid #FF4655;
}

body.VALGameTheme c-nf-game-accounts .addAccountBtn {
    background: #FF4655;
}

body.VALGameTheme c-nf-game-accounts .cancelBtn:hover,
body.VALGameTheme c-nf-game-accounts .addAccountBtn:hover {
    background: white;
    color: black;
}

body.VALGameTheme c-nf-game-accounts .cancelBtn:hover {
    border: 2px solid white;
}

body.TFTGameTheme c-nf-game-accounts .cancelBtn {
    color: #FF6934;
    border: 2px solid #FF6934;
}

body.TFTGameTheme c-nf-game-accounts .addAccountBtn {
    background: #FF6934;
}

body.TFTGameTheme c-nf-game-accounts .cancelBtn:hover,
body.TFTGameTheme c-nf-game-accounts .addAccountBtn:hover {
    background: #D8572A;
    color: white;
}

body.TFTGameTheme c-nf-game-accounts .cancelBtn:hover {
    border: 2px solid #D8572A;
}

/*Game Accounts End*/

/* Creator Onboarding Start */
c-nf-creator-onboarding .onboardingContainer {
    padding-top: 75px;
    color: white;
}

c-nf-creator-onboarding .pageContainer {
    padding: 5vh;
    margin: auto;
}

c-nf-creator-onboarding lightning-input[data-id="optIn"].slds-form-element_horizontal .slds-form-element__control,
c-nf-creator-onboarding lightning-input[data-id="optIn"].slds-form_horizontal .slds-form-element .slds-form-element__control,
c-nf-creator-onboarding lightning-input[data-id="optIn"].slds-form_stacked .slds-form-element_horizontal .slds-form-element__control {
    padding-left: unset;
}

c-nf-creator-onboarding lightning-input[data-id="optIn"] lightning-primitive-input-checkbox {
    display: flex;
}

c-nf-creator-onboarding lightning-input[data-id="optIn"] lightning-helptext {
    align-self: center;
}

c-nf-creator-onboarding lightning-input[data-id="optIn"] lightning-helptext .slds-button svg.slds-button__icon {
    height: 20px;
    width: 20px;
}

c-nf-creator-onboarding lightning-input[data-id="optIn"] lightning-helptext .slds-button:hover svg.slds-button__icon,
c-nf-list-view .slds-is-sortable .slds-th__action:hover .slds-is-sortable__icon {
    fill: #DF3B43;
}

c-nf-creator-onboarding c-nf-creator-onboarding-sign-n-d-a lightning-formatted-rich-text {
    display: block;
    padding: 25px;
    color: black;
}

c-nf-creator-onboarding c-nf-creator-onboarding-sign-n-d-a lightning-record-edit-form,
c-nf-creator-onboarding c-nf-creator-onboarding-intake-accept-details lightning-record-edit-form {
    color: black;
}

c-nf-creator-onboarding c-nf-creator-onboarding-sign-n-d-a .unsignedNDA .signaturePanel,
c-nf-creator-onboarding c-nf-creator-onboarding-accept-t-n-c .unsignedTNC .signaturePanel {
    display: none !important;
}

c-nf-creator-onboarding c-nf-creator-onboarding-accept-t-n-c .dateAndSignaturePanel {
    justify-content: space-between;
}

c-nf-creator-onboarding c-nf-creator-onboarding-accept-t-n-c .tncContainer,
c-nf-creator-onboarding c-nf-creator-onboarding-sign-n-d-a .ndaContainer lightning-formatted-rich-text span,
c-nf-creator-onboarding c-nf-creator-onboarding-sign-n-d-a .acceptNDA lightning-input[data-id="acceptCheckbox"] .slds-checkbox .slds-checkbox__label .slds-form-element__label,
c-nf-creator-onboarding c-nf-creator-onboarding-accept-t-n-c .tncContainer lightning-input[data-id="acceptCheckbox"] .slds-checkbox .slds-checkbox__label .slds-form-element__label {
    font-size: 18px !important;
}

c-nf-creator-onboarding c-nf-creator-onboarding-sign-n-d-a .acceptNDA lightning-input[data-id="acceptCheckbox"] .slds-checkbox .slds-checkbox__label .slds-form-element__label,
c-nf-creator-onboarding c-nf-creator-onboarding-accept-t-n-c .tncContainer lightning-input[data-id="acceptCheckbox"] .slds-checkbox .slds-checkbox__label .slds-form-element__label {
    line-height: normal;
}

c-nf-creator-onboarding c-nf-creator-onboarding-accept-t-n-c .tncContainer span.title {
    font-size: 24px;
}

c-nf-creator-onboarding .invitationContainer {
    height: 100%;
}

c-nf-creator-onboarding .progressContainer {
    width: 100%;
    height: 50px;
    background: white;
}

c-nf-creator-onboarding .progress {
    height: 50px;
    background-color: #DF3B43;
    clip-path: polygon(0 0, 100% 0, 85% 50px, 0 100%);
    font-size: 20px;
    font-weight: 600;
    line-height: normal;
    display: inline-flex;
    align-items: center;
    padding-left: 16px;
}

c-nf-creator-onboarding .invitationContainer .progress span {
    max-width: 137px;
}

c-nf-creator-onboarding c-nf-creator-onboarding-intake-accept-details .progress {
    clip-path: unset;
}

c-nf-creator-onboarding .progressTitle {
    margin: auto 16px;
}

c-nf-creator-onboarding .invitationHeading {
    font-size: 64px;
    font-weight: 600;
    line-height: normal;
}

c-nf-creator-onboarding c-nf-creator-onboarding-welcome-page .slds-form-element_horizontal .slds-form-element__label,
c-nf-creator-onboarding c-nf-creator-onboarding-welcome-page .slds-form-element_stacked .slds-form-element__label {
    font-size: 20px;
    max-width: unset;
}

c-nf-creator-onboarding c-nf-creator-onboarding-welcome-page .slds-form-element_horizontal .slds-checkbox_standalone {
    margin-left: 15px;
}

c-nf-creator-onboarding c-nf-creator-onboarding-welcome-page lightning-primitive-input-checkbox span[part="indicator"],
c-nf-creator-onboarding c-nf-creator-onboarding-welcome-page .slds-checkbox_standalone [type=checkbox] {
    width: 2rem !important;
    height: 2rem !important;
}

c-nf-creator-onboarding c-nf-creator-onboarding-welcome-page lightning-input-field div.slds-form-element__icon {
    padding-top: 1% !important;
}

c-nf-creator-onboarding c-nf-creator-onboarding-welcome-page lightning-input-field div.slds-form-element__icon svg.slds-button__icon {
    height: 20px;
    width: 20px;
}

c-nf-creator-onboarding c-nf-creator-onboarding-sign-n-d-a lightning-primitive-input-checkbox abbr {
    font-size: 18px;
}

c-nf-creator-onboarding c-nf-creator-onboarding-sign-n-d-a lightning-primitive-input-checkbox span[part="indicator"],
c-nf-creator-onboarding c-nf-creator-onboarding-accept-t-n-c lightning-primitive-input-checkbox span[part="indicator"],
c-nf-creator-onboarding c-nf-creator-onboarding-sign-n-d-a .slds-checkbox_standalone [type=checkbox],
c-nf-creator-onboarding c-nf-creator-onboarding-accept-t-n-c .slds-checkbox_standalone [type=checkbox] {
    width: 1.5rem !important;
    height: 1.5rem !important;
}

c-nf-creator-onboarding .slds-checkbox .slds-checkbox--faux,
c-nf-creator-onboarding .slds-checkbox .slds-checkbox_faux,
.myProfile .slds-checkbox .slds-checkbox_faux,
c-nf-creator-profile-details [data-id="userField"] .slds-checkbox .slds-checkbox_faux {
    border: 1px solid #DF3B43;
}

c-nf-creator-onboarding .slds-checkbox [type=checkbox]:checked+.slds-checkbox_faux,
c-nf-creator-onboarding .slds-checkbox [type=checkbox]:checked~.slds-checkbox_faux,
c-nf-creator-onboarding .slds-checkbox [type=checkbox]:checked+.slds-checkbox__label .slds-checkbox_faux,
.myProfile .slds-checkbox [type=checkbox]:checked+.slds-checkbox__label .slds-checkbox_faux,
.myProfile .slds-checkbox [type=checkbox]:checked+.slds-checkbox_faux,
.myProfile .slds-checkbox [type=checkbox]:checked~.slds-checkbox_faux,
c-nf-creator-profile-details [data-id="userField"] [type=checkbox]:checked~.slds-checkbox_faux {
    background-color: #22711B !important;
    border: 0;
}

c-nf-creator-onboarding [type=checkbox]:not(:checked)+.slds-checkbox_faux:hover,
c-nf-creator-onboarding [type=checkbox]:not(:checked)~.slds-checkbox_faux:hover,
c-nf-creator-onboarding [type=checkbox]:not(:checked):hover+.slds-checkbox_faux,
c-nf-creator-onboarding [type=checkbox]:not(:checked):hover~.slds-checkbox_faux,
c-nf-creator-onboarding .slds-checkbox [type=checkbox]:not(:checked)+.slds-checkbox__label .slds-checkbox_faux:hover,
c-nf-creator-onboarding .slds-checkbox>[type=checkbox]:not(:checked)+.slds-checkbox__label span[part="indicator"].slds-checkbox_faux:hover,
.myProfile [type=checkbox]:not(:checked):hover+.slds-checkbox_faux,
.myProfile [type=checkbox]:not(:checked):hover~.slds-checkbox_faux,
c-nf-creator-profile-details [data-id="userField"] [type=checkbox]:not(:checked):not(:disabled):hover~.slds-checkbox_faux {
    background-color: #DF3B43;
}

c-nf-creator-onboarding c-nf-creator-onboarding-welcome-page .slds-checkbox__label {
    pointer-events: none;
}

c-nf-creator-onboarding c-nf-creator-onboarding-sign-n-d-a .slds-checkbox [type=checkbox]:checked+.slds-checkbox__label .slds-checkbox_faux:after,
c-nf-creator-onboarding c-nf-creator-onboarding-accept-t-n-c .slds-checkbox [type=checkbox]:checked+.slds-checkbox__label .slds-checkbox_faux:after {
    height: 0.5rem !important;
    width: .75rem !important;
    border-bottom: 2.5px solid;
    border-left: 2.5px solid;
}

c-nf-creator-onboarding .legalSpecialMessage,
c-nf-creator-onboarding .ndaSpecialMessage,
c-nf-creator-onboarding .tncSpecialMessage {
    color: white;
    font-size: 20px;
    font-weight: 400;
    line-height: normal;
    display: block;
}

c-nf-creator-onboarding .slds-checkbox [type=checkbox]:checked+.slds-checkbox__label .slds-checkbox_faux:after,
c-nf-creator-onboarding .slds-checkbox [type=checkbox]:checked+.slds-checkbox_faux:after,
c-nf-creator-onboarding .slds-checkbox [type=checkbox]:checked~.slds-checkbox_faux:after,
.myProfile .slds-checkbox [type=checkbox]:checked+.slds-checkbox_faux:after,
.myProfile .slds-checkbox [type=checkbox]:checked~.slds-checkbox_faux:after,
c-nf-creator-profile-details [data-id="userField"] [type=checkbox]:checked~.slds-checkbox_faux:after {
    border-left-color: white !important;
    border-bottom-color: white !important;
}

c-nf-creator-onboarding .ndaContainer {
    height: 300px;
    overflow: auto;
    background-color: white;
}

c-nf-creator-onboarding c-nf-creator-onboarding-welcome-page .slds-checkbox [type=checkbox]:checked+.slds-checkbox_faux:after,
c-nf-creator-onboarding c-nf-creator-onboarding-welcome-page .slds-checkbox [type=checkbox]:checked~.slds-checkbox_faux:after {
    height: 0.5rem !important;
    width: 1rem !important;
    border-bottom: 3px solid;
    border-left: 3px solid;
}

c-nf-creator-onboarding c-nf-creator-onboarding-welcome-page .slds-form-element_horizontal:not(.slds-is-editing),
c-nf-creator-onboarding c-nf-creator-onboarding-welcome-page .slds-form-element_stacked:not(.slds-is-editing),
c-nf-creator-onboarding c-nf-creator-onboarding-welcome-page .slds-form_horizontal .slds-form-element_stacked:not(.slds-is-editing),
c-nf-creator-onboarding c-nf-creator-onboarding-welcome-page .slds-form_stacked .slds-form-element:not(.slds-is-editing) {
    padding: 0;
}

c-nf-creator-onboarding c-nf-creator-onboarding-welcome-page .slds-form-element_stacked:not(.slds-form-element_readonly) {
    margin: 0;
}

c-nf-creator-onboarding .invitationSubHeading {
    font-size: 20px;
    font-weight: 400;
    line-height: 30.42px;
    white-space: break-spaces;
}

c-nf-creator-onboarding .buttonContainer,
c-nf-creator-onboarding .acceptButtonContainer,
c-nf-creator-onboarding .declineButtonContainer {
    font-size: 18px;
    font-weight: 700;
    line-height: 40px;
    display: block;
}

c-nf-creator-onboarding .declineButtonContainer {
    margin: 20vh 0 5vh 0;
}

c-nf-creator-onboarding .onboardingButton {
    cursor: pointer;
    padding: 5px 45px;
    border-radius: 24px;
    border: 0;
    font-size: 18px;
    font-weight: 600;
    line-height: 40px;
}

c-nf-creator-onboarding .onboardingButton.back:hover,
c-nf-creator-onboarding .onboardingButton.accept,
c-nf-creator-onboarding .onboardingButton.acceptNDA,
c-nf-creator-onboarding .onboardingButton.submit {
    background: #D1363A;
    color: var(--RG-Off-White);
}

c-nf-creator-onboarding .onboardingButton.back {
    background: var(--RG-Off-White);
    color: #252525;
}

c-nf-creator-onboarding .onboardingButton.accept:hover,
c-nf-creator-onboarding .onboardingButton.acceptNDA:hover,
c-nf-creator-onboarding .onboardingButton.submit:hover {
    background: #C62833;
}

c-nf-creator-onboarding button.onboardingButton.accept[disabled] {
    background: #626262;
    cursor: not-allowed;
}

c-nf-creator-onboarding button.onboardingButton.accept[disabled]:hover {
    color: var(--RG-Off-White);
}

c-nf-creator-onboarding .decline {
    text-decoration: underline;
    cursor: pointer;
    color: var(--RG-Off-White);

    &:hover {
        color: #FF4655;
    }
}

c-nf-creator-onboarding .legalSectionContainer,
c-nf-creator-onboarding .tncContainer {
    background: white;
    color: black;
    border-radius: 5px;
    padding: 25px;
    padding-bottom: 0.1px;
    max-height: 300px;
    overflow: scroll;
}

c-nf-creator-onboarding .legalSectionTitle {
    font-size: 18px;
    font-weight: 700;
    line-height: normal;
    display: inline-block;
}

c-nf-creator-onboarding .legalSectionText,
c-nf-creator-onboarding .tncText,
c-nf-creator-onboarding .tncText span,
c-nf-creator-onboarding .tncText a,
c-nf-creator-onboarding .tncText div u {
    font-size: 18px !important;
    font-weight: 400;
    line-height: normal;
    white-space: break-spaces;
}

div.ql-indent-1+div.ql-indent-1 {
    padding-top: 10px;
}

div.ql-indent-2+div.ql-indent-2 {
    padding-top: 8px;
}

c-nf-creator-onboarding .tncText strong {
    font-size: 18px !important;
}

c-nf-creator-onboarding .slds-form-element__label {
    color: var(--RG-Off-White);
    font-size: 16px;
}

c-nf-creator-onboarding c-nf-creator-onboarding-accept-t-n-c lightning-input[data-id="tncAcceptance"] .slds-form-element__label {
    color: black;
}

c-nf-creator-onboarding c-nf-creator-onboarding-accept-legal .slds-form-element__label,
c-nf-creator-onboarding .declineContainer .slds-form-element__label,
c-nf-creator-onboarding .acceptNDA .slds-form-element__label {
    color: black;
}

c-nf-creator-onboarding .close,
c-nf-riot-header .close {
    position: absolute;
    top: 5px;
    right: 15px;
}

c-nf-creator-onboarding .modal-custom-header,
c-nf-riot-header .modal-custom-header {
    background-color: var(--RG-Off-White);
    border-bottom: 0;
    border-radius: 16px 16px 0 0;
}

c-nf-creator-onboarding .modal-custom-body,
c-nf-riot-header .modal-custom-body {
    border: none;
    padding: 0;
    background-color: var(--RG-Off-White);
    white-space: break-spaces;
    text-align: center;
    color: black;
}

c-nf-creator-onboarding .confirmationTitle,
c-nf-riot-header .confirmationTitle {
    font-size: 24px;
    font-weight: 600;
    line-height: normal;
    display: block;
    padding-bottom: 30px;
}

c-nf-creator-onboarding .confirmationText,
c-nf-riot-header .confirmationText {
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    display: block;
}

c-nf-creator-onboarding .modal-custom-footer,
c-nf-riot-header .modal-custom-footer {
    border: none;
    padding: 30px 0 45px;
    background-color: var(--RG-Off-White);
    border-radius: 0 0 16px 16px;
}

c-nf-creator-onboarding .modal-custom-footer .slds-button,
c-nf-riot-header .modal-custom-footer .slds-button {
    width: 235px;
    padding: 5px 0;
    font-weight: 600;
    align-items: center;
    border-radius: 24px;
    font-size: 20px;
    line-height: normal;
    border: 2px solid;
}

c-nf-creator-onboarding .modal-custom-footer .cancelButton,
c-nf-creator-onboarding .modal-custom-footer .cancelButton:focus {
    background: linear-gradient(90deg, #FF4655 -32.7%, #D1363A 134.34%);
    color: var(--RG-Off-White);
    border-color: transparent;
}

c-nf-creator-onboarding .modal-custom-footer .confirmButton,
c-nf-creator-onboarding .modal-custom-footer .confirmButton:focus {
    background: white;
    color: #FF4655;
    border-color: #FF4655;
}

c-nf-creator-onboarding .modal-custom-footer .cancelButton:hover,
c-nf-creator-onboarding .modal-custom-footer .cancelButton:active,
c-nf-creator-onboarding .modal-custom-footer .cancelButton:focus:hover,
c-nf-creator-onboarding .modal-custom-footer .confirmButton:hover,
c-nf-creator-onboarding .modal-custom-footer .confirmButton:active,
c-nf-creator-onboarding .modal-custom-footer .confirmButton:focus:hover {
    background: #C62833;
    color: white;
    border-color: transparent;
}

c-nf-creator-onboarding-declined-final-screen {
    height: 75vh;
    align-content: center;
}

c-nf-creator-onboarding-declined-final-screen .goToRiotWebsite {
    border-radius: 24px;
    padding: 5px 45px;
    font-size: 18px;
    font-weight: 600;
    line-height: 40px;
    color: var(--RG-Off-White);
    border: 0;
    background: linear-gradient(90deg, #FF4655 -32.7%, #D1363A 134.34%);

    &:hover {
        background: #C62833;
    }
}

c-nf-creator-onboarding-declined-final-screen .declinedFinalScreenTitle,
c-nf-creator-onboarding-declined-final-screen .declinedFinalScreenSubtitle,
c-nf-creator-onboarding-declined-final-screen .declinedFinalScreenButton {
    margin-top: 24px;
}

c-nf-creator-onboarding-declined-final-screen .declinedFinalScreenTitle {
    font-size: 80px;
    font-weight: 600;
    line-height: normal;
}

c-nf-creator-onboarding-declined-final-screen .declinedFinalScreenSubtitle {
    font-size: 24px;
    font-weight: 400;
    line-height: normal;
}

c-nf-creator-onboarding-declined-final-screen .declinedFinalScreenButton {
    margin-bottom: 150px;
}

c-nf-creator-onboarding-declined-final-screen lightning-layout {
    text-align: center;
    color: var(--RG-Off-White);
    margin-top: 150px;
}

c-nf-creator-onboarding .modal-custom-footer lightning-layout-item:has(button.cancelButton) {
    padding-right: 15px;
}

c-nf-creator-onboarding .modal-custom-footer lightning-layout-item:has(button.confirmButton) {
    text-align: left !important;
    padding-left: 15px;
}

c-nf-creator-onboarding .slds-textarea,
c-nf-creator-onboarding .slds-textarea:focus,
c-nf-creator-onboarding .slds-textarea:active,
c-nf-creator-onboarding .slds-input_faux,
c-nf-creator-onboarding .slds-dueling-list__options,
c-nf-creator-onboarding .slds-picklist__options,
c-nf-creator-onboarding .slds-dropdown,
.myProfile .slds-textarea,
.myProfile .slds-textarea:focus,
.myProfile .slds-textarea:active {
    color: #252525;
}

c-nf-creator-onboarding .slds-dueling-list__options [aria-selected=true],
c-nf-creator-onboarding .slds-picklist__options [aria-selected=true] {
    background-color: #5F5F5F;
    color: var(--RG-Off-White);
}

c-nf-creator-onboarding .slds-dueling-list svg {
    fill: var(--RG-Off-White);
}

c-nf-creator-onboarding .declineLabel {
    font-size: 45px;
    font-weight: 500;
    line-height: 57.04px;
    color: white;
}

c-nf-creator-onboarding .declineSubLabel {
    font-size: 24px;
    font-weight: 400;
    line-height: 30.42px;
    color: white;
}

c-nf-creator-onboarding lightning-checkbox-group[data-id="declineReasons"] {
    color: black;
    text-align: left;
}

c-nf-creator-onboarding .declineContainer {
    padding: 30px 100px 0;
}

c-nf-creator-onboarding .declineContainer span.slds-checkbox+span.slds-checkbox {
    margin-top: 0.5rem;
}

c-nf-creator-onboarding .declineContainer .slds-checkbox .slds-checkbox__label .slds-form-element__label {
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
}

c-nf-creator-onboarding c-nf-creator-onboarding-accept-legal .slds-checkbox .slds-checkbox__label .slds-form-element__label {
    color: #DF3B43;
    font-size: 20px;
    font-weight: 600;
    line-height: normal;
}

c-nf-creator-onboarding .declineContainer abbr.slds-required {
    align-self: flex-start;
}

c-nf-creator-onboarding .declineContainer [data-id="otherDeclineReasons"] {
    width: 100%;
    display: inline-block;
}

c-nf-creator-onboarding lightning-spinner.slds-spinner_container {
    position: fixed !important;
}

/* Creator Onboarding End */

/*Riot Header Start*/

c-nf-riot-header .confirmationTitle {
    font-size: 32px;
    text-transform: uppercase;
}

c-nf-riot-header .modal-custom-body {
    padding: 0 20px;
}

c-nf-riot-header .modal-custom-header .slds-button:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

c-nf-riot-header .modal-custom-header .slds-button:active {
    border: 0;
}

body.LOLGameTheme c-nf-riot-header .confirmationTitle {
    font-weight: 900;
    line-height: normal;
}

body.VALGameTheme c-nf-riot-header .confirmationTitle,
body.TFTGameTheme c-nf-riot-header .confirmationTitle {
    font-weight: 700;
    line-height: 102%;
}

c-nf-riot-header .confirmationText {
    font-size: 18px;
    font-style: normal;
}

body.LOLGameTheme c-nf-riot-header .confirmationText,
body.VALGameTheme c-nf-riot-header .confirmationText {
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
}

body.TFTGameTheme c-nf-riot-header .confirmationText {
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px;
}

c-nf-riot-header .gameButtonContainer {
    pointer-events: none;

    & .gameButtonAnchor {
        margin: 0;

        & .gameButton {
            border: 0 !important;

            & .gameButtonLabelContainer .gameButtonLabel {
                border-radius: 24px;
                pointer-events: all;
            }
        }
    }
}

body.LOLGameTheme c-nf-riot-header .gameButtonContainer .gameButtonAnchor .gameButton .gameButtonLabelContainer .gameButtonLabel {
    background: linear-gradient(90deg, #6146E9 0%, #432AC0 97.5%);
    color: white;
    font-size: 20px;
    font-style: italic;
    font-weight: 900;
    line-height: normal;

    &:hover {
        background: #432AC0;
    }
}

body.VALGameTheme c-nf-riot-header .gameButtonContainer .gameButtonAnchor .gameButton .gameButtonLabelContainer .gameButtonLabel {
    background: #FF4655;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;

    &:hover {
        background: #E63F4D;
        color: white;
    }
}

body.TFTGameTheme c-nf-riot-header .gameButtonContainer .gameButtonAnchor .gameButton .gameButtonLabelContainer .gameButtonLabel {
    background: #FF6934;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;

    &:hover {
        background: #E65C2B;
    }
}

/*Riot Header End*/

/* Creator Application Start */
c-nf-creator-application .messageContainer lightning-formatted-rich-text {
    color: white;
    font-size: 18px;
    font-weight: 400;
    line-height: normal;
}

c-nf-creator-application .messageContainer lightning-formatted-rich-text a {
    text-decoration: underline !important;
    color: #D1373B;

    &:hover {
        color: #C62833 !important;
    }
}

/* Creator Application End */

/* Left Navigation Start */
body.LOLGameTheme {

    c-nf-left-navigation-menu,
    c-nf-creator-profile-details .leftNavContainer {
        font-weight: 700;

        .menuTitle {
            font-size: 24px;
            font-weight: 900;
        }

        .menuItem[href="#"] {
            background: linear-gradient(90deg, #6146E9 0%, #432AC0 97.5%);
        }

        .menuItemNewTag {
            background: #0BC6E3;
            font-weight: 700;
        }
    }
}

body.VALGameTheme {

    c-nf-left-navigation-menu,
    c-nf-creator-profile-details .leftNavContainer {
        font-weight: 500;

        .menuItemTitle {
            font-weight: 500;
        }

        .menuItem[href="#"] {
            background: white;
        }

        .menuItemNewTag {
            background: #FF4655;
            color: #F0F0F0;
            font-weight: 400;
        }
    }
}

body.TFTGameTheme {

    c-nf-left-navigation-menu,
    c-nf-creator-profile-details .leftNavContainer {
        font-weight: 700;

        .menuItem[href="#"] {
            background: linear-gradient(132.87deg, #FF6433 0%, #FE9D3A 96.39%);
        }

        .menuItemNewTag {
            background: #39C7FF;
            font-weight: 900;
        }
    }
}

c-nf-left-navigation-menu,
c-nf-creator-profile-details {
    .menuTitle {
        color: #DBDBDB;
        font-size: 28px;
        line-height: 100%;
        word-wrap: break-word;
        text-transform: uppercase;
        height: 66px;
        align-content: center;
        font-weight: 700;
    }

    .leftNavContainer {
        width: 100%;
        max-width: 400px;
        margin-left: auto;
    }

    .menuItemsContainer {
        margin-top: 6px;
        gap: 6px;
    }

    .menuItemDetailsContainer {
        width: 100%;
        justify-content: space-between;
        align-items: center;
        display: inline-flex;
    }

    .menuItemTitleAndIconContainer {
        width: 85%;
    }

    .menuItemTitleAndIcon {
        justify-content: flex-start;
        align-items: center;
        gap: 16px;
        display: flex;
    }

    .menuItemTitle {
        letter-spacing: 0;
        color: #F0F0F0;
        font-size: 20px;
        font-weight: 700;
        word-wrap: break-word;
        line-height: 100%;
        text-transform: uppercase;
        word-break: break-word;
    }

    .menuItem {
        padding: 17px 24px;
        background: rgba(128, 128, 128, 0.20);
        border-radius: 6px;
        backdrop-filter: blur(4px);
    }

    .menuItem:not([href="#"]):hover {
        background: rgba(128, 128, 128, 0.60)
    }

    .menuItem[href="#"] .arrowIcon {
        visibility: hidden;
    }

    .menuItemExternalLinkIcon {
        margin-left: auto;
    }

    .menuItem .menuItemIcon svg {
        fill: white;
    }

    .menuItemNewTag {
        padding: 3px 16px;
        border-radius: 6px;
        color: black;
        font-size: 14px;
        text-transform: uppercase;
        word-wrap: break-word;
        line-height: normal;
    }

    .arrowIcon {
        min-width: 32px;
    }
}

body.VALGameTheme,
body.TFTGameTheme {

    c-nf-left-navigation-menu,
    c-nf-creator-profile-details {
        .menuItem[href="#"] {
            .menuItemTitle {
                color: black;
            }

            .menuItemIcon svg,
            .menuItemIcon svg .blackFill {
                fill: black;
            }

            .menuItemIcon svg .blackStroke {
                stroke: black;
            }
        }
    }
}

/* Left Navigation End */

/*Login Error Start*/
.loginErrorTitle {
    color: var(--RG-Off-White);
    text-align: center;
    font-size: 64px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.loginErrorImage,
.errorImage {
    width: 200px;
    height: 200px;
    margin: 45px auto;
    display: block;
}

.loginErrorSection {
    padding: 144px 0 80px !important;
}

c-nf-login-error {
    width: 90%;
    margin: auto;
}

c-nf-login-error .gameButton,
c-nf-creator-application .gameButton {
    font-size: 24px;
    line-height: normal;
}

/*Login Error End*/

/*Application Start*/
.applicationMessageContainer,
.blockedCreatorApplicationMessage {
    color: var(--RG-Off-White);
    text-align: center;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding: 100px 0;
    max-width: 900px;
    margin: auto;
}

.myApplicationsSubtitle {
    padding: 100px 0 50px 0;
    color: rgba(249, 249, 249, 0.60);
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
    word-wrap: break-word;
    max-width: 1000px;
    margin: auto;
    display: var(--myApplicationsSubtitleDisplay, block);
}

.myApplicationsEmptyListMessage {
    padding: 100px 0 50px 0;
    color: var(--RG-Off-White);
    text-align: center;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    display: var(--myApplicationsEmptyListMessageDisplay, none);
}

.applicationListViewColumnHeader {
    color: #F1F1F1;
    font-weight: bold;
    padding-left: 0.75rem;
    padding-bottom: 5px;
    display: inline-block;
}

.myApplicationsListSection .headerColumns dxp_layout-column {
    border-right: 1px solid #AEAEAE;
    border-bottom: 1px solid white;
}

.myApplicationsListSection .dataColumns dxp_layout-column {
    border-bottom: 1px solid white;
}

/*Application End*/

/*Game Info, About RPP, FAQs, Eligibility & Criteria Start*/
.gameHeaderContainer {
    position: relative;
}

.gameHeaderApplyDiv {
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    text-align: center;
    color: white;
}

.gameHeaderLogo {
    width: 20vw;
    display: block;
    margin: auto;
}

.gameHeaderContainer.lol .gameHeaderLogo {
    height: 210px;
    width: 460px;
}

.gameHeaderContainer.tft .gameHeaderLogo {
    min-height: 130px;
}

.gameHeaderContainer.val .gameHeaderLogo {
    min-height: 70px;
}

.gameHeaderTitle {
    display: block;
    font-size: 24px;
    font-weight: 700;
    line-height: 25px;
    text-transform: uppercase;
}

.gameHeaderTitle.val {
    font-size: 36px;
    font-weight: 750;
}

.gameHeaderTitle.tft {
    font-size: 36px;
    letter-spacing: 0.96px;
}

a.gameHeaderApplyNow,
a.gameHeaderApplyNow:hover {
    padding: 13px 34px 10px;
    cursor: pointer;
    display: inline-block;
    text-transform: uppercase;
    text-decoration: none !important;
    outline: 1px solid #F1F2F1;
    outline-offset: 4px;
    font-weight: 700;
}

a.gameHeaderApplyNow.tft,
a.gameHeaderApplyNow.tft:hover {
    background: #FFB50D !important;
    color: black !important;
}

a.gameHeaderApplyNow.valorant {
    background: #FF4655 !important;
    color: #ECE8E1 !important;

    &:hover {
        background: #C62833 !important;
        color: #ECE8E1 !important;
    }
}

.gameHeaderApplyNowImage {
    cursor: pointer;
}

.gameSection1MainDiv,
.gameSection2MainDiv,
.gameSection3MainDiv,
.aboutRPPSection2MainDiv,
.aboutRPPSection3MainDiv {
    padding: 150px 0;
    margin: auto;
}

.gameSection4MainDiv {
    padding: 90px 0;
    margin: auto;
}

.gameSection1Title,
.gameSection2Title,
.gameSection3JoinUs {
    word-wrap: break-word;
    font-size: 64px;
    line-height: 60px;
    text-align: center;
    text-transform: uppercase;
}

.gameSection1Title {
    color: var(--RG-Off-White);
    max-width: 760px;
}

.gameSection1Title.val,
.gameSection1Title.lol,
.gameSection1Title.tft {
    margin: auto;
}

.gameSection1Title.lol {
    font-weight: 900;
}

.gameSection1Title.tft {
    font-weight: 700;
    font-size: 72px;
    line-height: 102%;
}

.gameSection1Title.val,
.gameSection2Title.val,
.gameSection3JoinUs.val {
    font-weight: 400;
    font-size: 80px;
    line-height: 70px;
}

.gameSection1SubTitle {
    color: var(--RG-Off-White);
    font-size: 20px;
    font-weight: 400;
    line-height: normal;
    word-wrap: break-word;
    margin-top: 6px;
}

.gameSection1SubTitle .subtitle {
    display: block;
    margin: auto;
    text-align: center;
    max-width: 760px;
}

.gameSection1SubTitle.lol .subtitle,
.gameSection1SubTitle.val .subtitle {
    font-size: 18px;
    line-height: 26px;
}

.gameSection1SubTitle.tft .subtitle {
    font-weight: 500;
    font-size: 18px;
    line-height: 28px;
}

.gameSection1BenefitsContainer {
    margin: 40px auto auto;
    max-width: 1160px;
}

.gameSection1Benefit {
    width: 530px;
    max-width: 90vw;
    height: 90px;
    background: rgba(127.50, 127.50, 127.50, 0.20);
    border-radius: 6px;
    margin-top: 0;
}

.gameSection1Benefit div+div {
    align-self: baseline;
    height: 90px;
    border-radius: 0 6px 6px 0;
    text-align: center;
    align-content: center;
    clip-path: polygon(10% 0%, 100% 0, 100% 100%, 0% 100%);
}

.gameSection1MainDiv.lol .gameSection1Benefit div+div {
    background: #785A28;
}

.gameSection1MainDiv.val .gameSection1Benefit div+div {
    background: #FF4655;
}

.gameSection1MainDiv.tft .gameSection1Benefit div+div {
    background: #4D33CC;
}

.gameSection1BenefitsColumn:nth-child(odd) .gameSection1Benefit {
    float: right;
    margin-right: 50px;
}

.gameSection1BenefitsColumn:nth-child(even) .gameSection1Benefit {
    float: left;
    margin-left: 50px;
}

.gameSection1BenefitTitle {
    color: #F0F0F0;
    font-size: 18.75px;
    font-weight: 700;
    line-height: 100%;
    word-wrap: break-word;
}

.gameSection1BenefitTitle.lol,
.gameSection1BenefitTitle.val {
    font-size: 22px;
    line-height: 26px;
}

.gameSection1BenefitTitle.tft {
    font-size: 22px;
    line-height: 28px;
}

.gameSection1BenefitImage {
    height: 40px;
    width: 40px;
}

.gameSection2FGImage,
.aboutRPPSection2FGImage {
    width: 40vw;
    max-width: 590px;
    aspect-ratio: 1;
}

.aboutRPPSection2FGImage {
    object-fit: cover;
}

.gameSection2FGImage.lol {
    object-position: -100px 0px;
    object-fit: cover;
}

.gameSection2FGImage.val {
    aspect-ratio: auto;
}

.gameSection2RightContainer.lol,
.gameSection2RightContainer.tft,
.gameSection2RightContainer.val,
.aboutRPPSection2RightContainer {
    vertical-align: top;
    padding-left: 40px;
}

.gameSection2RightContainerMainDiv.lol,
.gameSection2RightContainerMainDiv.tft,
.gameSection2RightContainerMainDiv.val,
.aboutRPPSection2RightContainerMainDiv {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 45px;
    display: inline-flex;
}

.gameSection2Title,
.aboutRPPSection2Title {
    word-wrap: break-word;
    color: #2F2F2F;
    font-size: 64px;
    line-height: 100%;
    word-wrap: break-word;
}

.gameSection2Title {
    text-transform: uppercase;
    text-align: left;
}

.gameSection2Title.tft {
    line-height: 60px;
}

.gameSection2Title.lol {
    line-height: 100%;
    font-weight: 900;
}

.gameSection2Title.tft {
    color: white;
    font-weight: 900;
    font-size: 72px;
}

.gameSection2Title.val {
    font-size: 80px;
    font-weight: 400;
    line-height: 70px;
    color: white;
}

.aboutRPPSection2Title {
    color: #050505;
    font-weight: 600;
}

body.LOLGameTheme .aboutRPPSection2Title {
    font-weight: 700;
    text-transform: uppercase;
}

body.VALGameTheme .aboutRPPSection2Title {
    font-weight: 400;
    text-transform: uppercase;
    line-height: 60px;
}

body.TFTGameTheme .aboutRPPSection2Title {
    color: white;
    font-weight: 900;
    text-transform: uppercase;
}

.gameSection2SubTitle,
.aboutRPPSection2SubTitle {
    color: #050505;
    font-size: 20px;
    font-weight: 500;
    line-height: 40px;
    word-wrap: break-word
}

.gameSection2SubTitle {
    font-weight: 600;
}

body.VALGameTheme .aboutRPPSection2SubTitle {
    font-weight: 400;
    line-height: 40px;
}

body.LOLGameTheme .aboutRPPSection2SubTitle {
    font-weight: 600;
    line-height: 40px;
}

body.TFTGameTheme .aboutRPPSection2SubTitle {
    color: white;
    font-weight: 400;
    line-height: 40px;
}

.gameSection2SubTitle.lol,
.gameSection2SubTitle.val,
.gameSection2SubTitle.tft {
    font-weight: 400;
}

.gameSection2SubTitle.lol {
    font-size: 18px;
    line-height: 26px;
}

.gameSection2SubTitle.val {
    color: white;
    line-height: 40px;
}

.gameSection2SubTitle.tft {
    color: white;
    font-size: 18px;
    line-height: 28px;
}

.gameSection2SubTitle ul {
    list-style: disc;
    padding-left: 10px;
}

.aboutRPPSection2SubTitle ul ul {
    list-style: disc;
    padding-left: 20px;
}

.eligibilityAndCriteriaSection1Subtitle ul,
.qualify_body ul {
    list-style: disc;
}

.gameSection3MainDiv {
    padding: 200px 0px;
    width: 50%;
    max-width: 1260px;
    margin: auto;
    text-align: center;
}

.gameSection3Title {
    color: white;
    text-align: center;
    font-size: 24px;
    font-weight: 700;
    line-height: 25px;
    text-transform: uppercase;
}

.gameSection3Title.lol {
    font-weight: 900;
}

.gameSection3Title.val {
    font-size: 32px;
    line-height: 34px;
    font-weight: 750;
}

.gameSection3SubTitle {
    color: white;
    text-align: center;
    font-size: 20px;
    font-weight: 400;
    line-height: 26px;
}

.gameSection3SubTitle.lol,
.gameSection3SubTitle.val {
    font-size: 18px;
    line-height: 26px;
}

.gameSection3SubTitle.tft {
    font-weight: 500;
    font-size: 18px;
    line-height: 28px;
}

.gameSection3JoinUs {
    margin: 16px 0;
    color: white;
    text-align: center;
    font-size: 80px;
    font-weight: 900;
    line-height: 80px;
    text-transform: uppercase;
}

.gameSection3Container .gameButtonContainer {
    margin-bottom: 16px;
}

.gameSection3JoinUs.lol {
    font-size: 64px;
    font-weight: 900;
    line-height: 100%;
}

.gameSection3JoinUs.val {
    font-size: 80px;
    font-weight: 400;
    line-height: 70px;
}

.gameSection3JoinUs.tft {
    font-size: 72px;
    font-weight: 700;
    line-height: 102%;
}

.gameSection3ApplyNow {
    margin-top: 50px;
}

a,
a:hover {
    cursor: pointer;
    display: inline-block;
    text-decoration: none !important;
}

a.gameSection3ApplyNow,
a.gameSection3ApplyNow:hover {
    padding: 13px 34px 10px;
    color: black !important;
    text-transform: uppercase;
    outline: 1px solid #F1F2F1;
    outline-offset: 4px;
    font-weight: 700;
}

a.gameSection3ApplyNow.lol,
a.gameSection3ApplyNow.lol:hover {
    background: #C8AA6E !important;
}

a.gameSection3ApplyNow.tft,
a.gameSection3ApplyNow.tft:hover {
    background: #FFB50D !important;
}

a.gameSection3ApplyNow.val {
    background: #FF4655 !important;
    color: #ECE8E1 !important;

    &:hover {
        background: #C62833 !important;
        color: #ECE8E1 !important;
    }
}

.gameSection4 {
    background: #EBEBEB;
}

.gameSection4MainDiv {
    text-align: center;
}

.gameSection4Title {
    color: #050505;
    font-size: 64px;
    font-weight: 600;
    word-wrap: break-word;
}

.gameSection4SubTitle {
    text-align: center;
    color: #636363;
    font-size: 20px;
    font-weight: 500;
    word-wrap: break-word;
    margin-top: 45px;
}

.gameSection4ImageContainer {
    margin-top: 60px;
}

.gameSection4ImageDiv {
    max-height: 280px;

    & a {
        max-height: 280px;
    }

    &:nth-child(odd) {
        padding-right: 15px;
    }

    &:nth-child(even) {
        padding-left: 15px;
    }
}

.gameSection4Image {
    object-fit: cover;
    width: 100%;
}

.aboutRPPSection3MainDiv {
    flex-direction: column;
    justify-content: flex-start;
    gap: 40px;
    display: flex;
}

.aboutRPPSection3Title {
    color: white;
    font-size: 64px;
    font-weight: 600;
    word-wrap: break-word;
}

body.VALGameTheme .aboutRPPSection3Title {
    font-weight: 400;
    text-transform: uppercase;
    line-height: 60px;
}

body.LOLGameTheme .aboutRPPSection3Title {
    font-weight: 700;
    text-transform: uppercase;
}

body.TFTGameTheme .aboutRPPSection3Title {
    font-weight: 900;
    text-transform: uppercase;
}

.aboutRPPSection3Subtitle {
    color: white;
    font-size: 20px;
    font-weight: 500;
    word-wrap: break-word;
    width: 40%;
    line-height: normal;
}

body.VALGameTheme .aboutRPPSection3Subtitle,
body.TFTGameTheme .aboutRPPSection3Subtitle {
    font-weight: 400;
}

body.LOLGameTheme .aboutRPPSection3Subtitle {
    font-weight: 600;
}

.aboutRPPSection1,
.eligibilityAndCriteriaSection1,
.faqsSection1 {
    padding: 64px 0 !important;
}

.aboutRPPSection1MainDiv,
.eligibilityAndCriteriaSection1MainDiv,
.faqsSection1MainDiv {
    margin: auto;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 35px;
    display: flex;
    color: var(--RG-Off-White);
}

.aboutRPPSection1MainTitle,
.eligibilityAndCriteriaSection1MainTitle,
.faqsSection1MainTitle {
    text-align: center;
    font-size: 64px;
    font-weight: 600;
    word-wrap: break-word;
    line-height: normal;
}

body.LOLGameTheme .aboutRPPSection1MainTitle,
body.LOLGameTheme .eligibilityAndCriteriaSection1MainTitle,
body.LOLGameTheme .faqsSection1MainTitle {
    font-weight: 900;
    text-transform: uppercase;
    line-height: 100%;

}

body.VALGameTheme .aboutRPPSection1MainTitle,
body.VALGameTheme .eligibilityAndCriteriaSection1MainTitle,
body.VALGameTheme .faqsSection1MainTitle {
    font-weight: 400;
    text-transform: uppercase;
    line-height: 60px;
}

body.TFTGameTheme .aboutRPPSection1MainTitle,
body.TFTGameTheme .eligibilityAndCriteriaSection1MainTitle,
body.TFTGameTheme .faqsSection1MainTitle {
    font-size: 72px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 102%;
}

.aboutRPPSection1Subtitle,
.eligibilityAndCriteriaSection1Subtitle {
    font-size: 20px;
    font-weight: 400;
    word-wrap: break-word;
    display: block;
    line-height: normal;
}

.aboutRPPSection1Subtitle {
    white-space: break-spaces;
}

.aboutRPPSection1Subtitle+.aboutRPPSection1Subtitle,
.eligibilityAndCriteriaSection1Subtitle+.eligibilityAndCriteriaSection1Subtitle {
    margin: 20px 0;
}

.gameButtonContainer {
    text-align: center;
    white-space: normal;
}

.gameButtonContainer .gameButtonAnchor {
    margin: 24px;
    color: unset;
    display: inline-block;
}

/*Game Info, About RPP, FAQs, Eligibility & Criteria End*/

/*Footer Start*/
.footerMainDiv {
    padding: 48px 32px 0 32px;
    gap: 48px;
}

.footerMainDiv .creatorSupportAnchor {
    margin-left: 8px;
    vertical-align: bottom;
}

.footerContainer .footerRGLogo {
    display: block;
    height: 45px;
    width: 45px;
}

.footerContainer .footerX {
    display: block;
    height: 16.5px;
    width: 16.5px;
}

.navContainer {
    width: min-content;
    gap: 16px;
}

.nav {
    color: white;
    font-size: 11px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 0.32px;
    word-wrap: break-word;
    white-space: nowrap;
}

.navTitle {
    color: #8E8E8E;
}

.navItem a {
    color: white;
    display: inline-block;
}

.navItem:hover,
.navItem:hover a {
    color: #B8B8B8;
}

.copyrightBorder {
    margin: 48px 0 0 0;
    border-color: #BEC4CD;
    height: 0.5px;
}

.copyright {
    padding: 24px 0 24px 32px;
    color: #8D939B;
    font-size: 11px;
    font-weight: 400;
    letter-spacing: 0.11px;
    word-wrap: break-word;
    text-align: left;
}

html[lang="ar"] {
    direction: rtl;

    .copyright {
        text-align: right;
    }

    .riotbar-left-content {
        padding-right: 36px;
    }

    .riotbar-desktop-navigation-wrapper {
        text-align: right;
    }

    c-nf-riot-hero .hero-new__content {
        margin-left: 0;
        margin-right: 140px;
    }

    c-nf-left-navigation-menu,
    c-nf-creator-profile-details {
        .arrowIcon {
            transform: rotate(180deg);
        }

        .menuItemNewTag {
            margin-right: auto;
        }

        .menuItemExternalLinkIcon {
            margin-left: 0;
            margin-right: auto;
        }
    }

    c-nf-riot-header-select {
        .riotbar-select-name {
            padding-left: 19px;
            padding-right: 0;

            svg {
                left: 0;
                right: auto !important;
            }
        }

        .riotbar-dropdown-container,
        .riotbar-dropdown-riot-id {
            text-align: right !important;
        }
    }

    .gameSection4ImageContainer>.gameSection4ImageDiv,
    .partner-program_cards>div,
    .homeHeroSection {
        direction: ltr;
    }

    .benefits .slds-col:nth-child(2) {
        padding-left: 0;
        padding-right: 150px;

        .benefits_row-img {
            margin-left: 0;
            margin-right: auto;
            left: 0;
            right: 100%;
        }
    }

    .qualify_body {
        padding-left: 0;
        padding-right: 64px;
    }

    .gameSection1BenefitsColumn:nth-child(odd) .gameSection1Benefit {
        float: left;
        margin-right: 0;
        margin-left: 50px;
    }

    .gameSection1BenefitsColumn:nth-child(even) .gameSection1Benefit {
        float: right;
        margin-left: 0;
        margin-right: 50px;
    }

    .gameSection1Benefit div+div,
    .benefits .slds-col:nth-child(2) .benefits_row-img {
        clip-path: polygon(0 0, 90% 0, 100% 100%, 0% 100%);
        border-radius: 6px 0 0 6px;
    }

    .gameSection1Benefit>.slds-p-left_medium {
        padding-left: 0;
        padding-right: 1rem;
    }

    .gameSection4ImageDiv {
        &:nth-child(odd) {
            padding-right: 0;
            padding-left: 15px;
        }

        &:nth-child(even) {
            padding-left: 0;
            padding-right: 15px;
        }
    }

    .copyright {
        padding: 24px 32px 24px 0;
    }

    c-nf-game-accounts .account-list {
        .account:nth-child(odd) {
            margin-left: 24px;
            margin-right: 0;
        }

        .account:nth-child(even) {
            margin-left: 0;
            margin-right: 24px;
        }
    }

    .myProfile .slds-form-element__label {
        padding-right: 0;
    }

    c-nf-list-view {
        a.slds-th__action {
            display: flex;
            flex-direction: row-reverse;
        }

        table thead tr {
            direction: ltr;
        }

        table tbody tr {

            th div,
            td div {
                text-align: right;
            }
        }
    }

    c-nf-creator-profile-details .buttonContainer lightning-layout-item:has(button[data-id="cancel"]) {
        text-align: left !important;
    }
}

/*Footer Start*/

.qualify_body {
    font-size: 20px;
}

/*Game Button Start*/
.gameButton {
    font-size: 32px;
    font-weight: 600;
    line-height: 40px;
    word-wrap: break-word;
    padding: 12px 44px;
    border-radius: 24px;
    display: inline-block;
    color: var(--RG-Off-White);
    background: linear-gradient(85deg, #FF4655 0%, #D1363A 100%);
    border: 0;
    position: relative;

    &:hover {
        background: #C62833;
    }
}

body.LOLGameTheme:not(:has(div.gameHeaderContainer)) .gameButton,
div.lol .gameButton,
body.VALGameTheme:not(:has(div.gameHeaderContainer)) .gameButton,
div.val .gameButton,
body.TFTGameTheme:not(:has(div.gameHeaderContainer)) .gameButton,
div.tft .gameButton {
    color: black;
    padding: 0;
    font-weight: 400;
    border-radius: 0;
    text-transform: uppercase;
    border: 1px solid #FFFEF9;
    background: transparent;
}

body.LOLGameTheme:not(:has(div.gameHeaderContainer)) .gameButton,
div.lol .gameButton {
    color: #0A1428;
    font-size: 15.33px;
    line-height: 26px;
}

body.VALGameTheme:not(:has(div.gameHeaderContainer)) .gameButton,
div.val .gameButton {
    color: white;
    font-size: 18px;
    font-weight: 500;
    line-height: 26px;
}

body.TFTGameTheme:not(:has(div.gameHeaderContainer)) .gameButton,
div.tft .gameButton {
    color: #FFFEF9;
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
}

body.LOLGameTheme:not(:has(div.gameHeaderContainer)) .gameButtonLabelContainer,
div.lol .gameButtonLabelContainer,
body.TFTGameTheme:not(:has(div.gameHeaderContainer)) .gameButtonLabelContainer,
div.tft .gameButtonLabelContainer {
    padding: 3px;
}


body.VALGameTheme:not(:has(div.gameHeaderContainer)) .gameButtonLabelContainer,
div.val .gameButtonLabelContainer {
    padding: 4px;
}

body.LOLGameTheme:not(:has(div.gameHeaderContainer)) .gameButtonLabel,
div.lol .gameButtonLabel,
body.TFTGameTheme:not(:has(div.gameHeaderContainer)) .gameButtonLabel,
div.tft .gameButtonLabel {
    padding: 13px 34px;
}

body.VALGameTheme:not(:has(div.gameHeaderContainer)) .gameButtonLabel,
div.val .gameButtonLabel {
    padding: 15px 40px;
}

body.LOLGameTheme:not(:has(div.gameHeaderContainer)) .gameButtonLabel,
div.lol .gameButtonLabel {
    background: #C8AA6E;
}

body.LOLGameTheme:not(:has(div.gameHeaderContainer)) .gameButton:hover .gameButtonLabel,
div.lol .gameButton:hover .gameButtonLabel {
    background: #D3BB8B;
}

body.VALGameTheme:not(:has(div.gameHeaderContainer)) .gameButtonLabel,
div.val .gameButtonLabel {
    background: #FF4655;
}

body.VALGameTheme:not(:has(div.gameHeaderContainer)) .gameButton:hover .gameButtonLabel,
div.val .gameButton:hover .gameButtonLabel {
    background: white;
    color: black;
}

body.TFTGameTheme:not(:has(div.gameHeaderContainer)) .gameButtonLabel,
div.tft .gameButtonLabel {
    background: #6957FF;
}

body.TFTGameTheme:not(:has(div.gameHeaderContainer)) .gameButton:hover .gameButtonLabel,
div.tft .gameButton:hover .gameButtonLabel {
    background: #8778FF;
}

.gameButtonLabelContainer {
    overflow: hidden;
    position: relative;
}

.gameButtonLabel {
    background-color: transparent;
    display: block;
    position: relative;
    z-index: 1;
    white-space: pre;
}

/*Game Button End*/


/*Opp Board Start*/
c-nf-creator-opportunity-board .oppBoardContainer {
    width: 80%;
    margin: 0 auto;
    padding-top: 70px;
}

c-nf-creator-opportunity-board .oppBoardTitle {
    color: #F0F0F0;
    font-size: 16px;
    font-weight: 400;
    line-height: 16px;
    word-wrap: break-word;
    margin-bottom: 20px;
}

body.LOLGameTheme c-nf-creator-opportunity-board .oppBoardTitle,
body.VALGameTheme c-nf-creator-opportunity-board .oppBoardTitle {
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
}

body.TFTGameTheme c-nf-creator-opportunity-board .oppBoardTitle {
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
}

c-nf-creator-opportunity-board .oppBoardItem:not(:has(.oppBoardNewTag)) {
    margin-top: 15px;
}

c-nf-creator-opportunity-board .oppBoardNewTag {
    left: 12px;
    position: relative;
    border-radius: 6px;
    padding: 3px 16px;
    font-size: 14px;
    text-transform: uppercase;
    z-index: 99;
    display: inline-block;
    background: #d3d3d3;
    color: black;
}

body.VALGameTheme c-nf-creator-opportunity-board .oppBoardNewTag {
    background: #FF4655;
    color: white;
    font-weight: 700;
}

body.LOLGameTheme c-nf-creator-opportunity-board .oppBoardNewTag {
    background: #0BC6E3;
    color: black;
    font-weight: 700;
}

body.TFTGameTheme c-nf-creator-opportunity-board .oppBoardNewTag {
    background: #39C7FF;
    color: black;
    font-weight: 900;
}

c-nf-creator-opportunity-board .oppBoardItemDetailsContainer {
    width: 100%;
    padding: 20px 25px;
    background: rgba(137, 137, 137, 0.6);
    border-radius: 6px;
    backdrop-filter: blur(8px);
    justify-content: space-between;
    display: inline-flex;
    gap: 24px;
    top: -15px;
    position: relative;
    flex-wrap: wrap;
}

c-nf-creator-opportunity-board .oppBoardTitleAndLearnMoreContainer {
    width: 100%;
    display: inline-flex;
    gap: 16px;
    position: relative;
    flex-wrap: wrap;
    justify-content: space-between;
}

c-nf-creator-opportunity-board .oppBoardItemTitle {
    width: 70%;
    color: #F0F0F0;
    font-size: 22px;
    word-wrap: break-word
}

body.LOLGameTheme c-nf-creator-opportunity-board .oppBoardItemTitle {
    font-weight: 600;
    line-height: normal;
}

body.VALGameTheme c-nf-creator-opportunity-board .oppBoardItemTitle {
    width: 75%;
    font-weight: 500;
    line-height: normal;
}

body.TFTGameTheme c-nf-creator-opportunity-board .oppBoardItemTitle {
    font-weight: 400;
}

c-nf-creator-opportunity-board .learnMoreContainer {
    border-radius: 24px;
    justify-content: center;
    align-items: flex-start;
    gap: 8px;
    display: flex;
    align-self: center;
    text-align: center;
    color: white;
    font-size: 20px;
    text-transform: uppercase;
    word-wrap: break-word;
    cursor: pointer;
}

body.VALGameTheme c-nf-creator-opportunity-board .learnMoreContainer {
    font-weight: 700;
    letter-spacing: 0.4px;
}

body.LOLGameTheme c-nf-creator-opportunity-board .learnMoreContainer {
    font-size: 18px;
    font-weight: 900;
}

body.TFTGameTheme c-nf-creator-opportunity-board .learnMoreContainer {
    font-weight: 900;
    letter-spacing: 0.4px;
}

c-nf-creator-opportunity-board .learnMoreIcon {
    align-self: center;
    pointer-events: none;
}

c-nf-creator-opportunity-board .oppBoardItemBody {
    color: #F0F0F0;
    font-size: 18px;
    line-height: 26px;
    font-weight: 400;
    word-wrap: break-word;
    white-space: break-spaces;
    width: 100%;
}

body.TFTGameTheme c-nf-creator-opportunity-board .oppBoardItemBody {
    line-height: 28px;
    font-weight: 500;
}

body.LOLGameTheme c-nf-creator-opportunity-board .oppBoardItemBody a {
    color: #0BC6E3;

    &:hover {
        color: #88EFFF;
    }
}

body.VALGameTheme c-nf-creator-opportunity-board .oppBoardItemBody a {
    color: #FF4655;

    &:hover {
        color: #FFDADD;
    }
}

body.TFTGameTheme c-nf-creator-opportunity-board .oppBoardItemBody a {
    color: #39C7FF;

    &:hover {
        color: #88EFFF;
    }
}

c-nf-creator-opportunity-board .interestedButton {
    cursor: pointer;
    border-radius: 24px;
    color: var(--RG-Off-White);
    font-size: 18px;
    text-transform: uppercase;
    word-wrap: break-word;
    text-align: center;
    align-content: center;
}

body.VALGameTheme c-nf-creator-opportunity-board .interestedButton {
    border: 2px solid #ED404B;
    font-weight: 400;
    height: 54px;
    width: 166px;
}

body.VALGameTheme c-nf-creator-opportunity-board .interestedButton:hover,
body.VALGameTheme c-nf-creator-opportunity-board .interestedButton.optedIn:hover {
    background-color: #FF465566;
}

body.LOLGameTheme c-nf-creator-opportunity-board .interestedButton {
    border: 2px solid #39C7FF;
    font-weight: 700;
    height: 55px;
    width: 254px;
}

body.TFTGameTheme c-nf-creator-opportunity-board .interestedButton {
    border: 2px solid #39C7FF;
    font-weight: 900;
    height: 54px;
    width: 166px;
}

body.LOLGameTheme c-nf-creator-opportunity-board .interestedButton:hover,
body.LOLGameTheme c-nf-creator-opportunity-board .interestedButton.optedIn:hover,
body.TFTGameTheme c-nf-creator-opportunity-board .interestedButton:hover,
body.TFTGameTheme c-nf-creator-opportunity-board .interestedButton.optedIn:hover {
    background-color: #6F838B;
    color: white;
}

body.VALGameTheme c-nf-creator-opportunity-board .interestedButton.optedIn {
    background-color: #ED404B;
}

body.LOLGameTheme c-nf-creator-opportunity-board .interestedButton.optedIn,
body.TFTGameTheme c-nf-creator-opportunity-board .interestedButton.optedIn {
    background-color: #39C7FF;
    color: black;
}

/*Opp Board End*/

/*Hero Start*/
c-nf-riot-hero {
    display: block;
    height: 536px;
    position: relative;
}

.homeHeroSection c-nf-riot-hero {
    height: 720px;
}

body.LOLGameTheme c-nf-riot-hero .hero-new__content-inner p {
    font-weight: 700;
}

body.TFTGameTheme c-nf-riot-hero .hero-new__content-inner p {
    font-weight: 600;
}

div.columns-content:has(c-nf-riot-hero) {
    max-width: 1400px;
}

c-nf-riot-hero .hero-new__background-image {
    background-image: var(--nfHero-backgroundImage);
}

c-nf-riot-hero .hero-new {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    z-index: 1;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

c-nf-riot-hero .hero-new__background {
    overflow: hidden;
}

c-nf-riot-hero .hero-new__background video,
c-nf-riot-hero .hero-new__background-image {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

c-nf-riot-hero .hero-new__content {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    text-align: center;
    margin-left: 140px;
    width: 100%;
}

c-nf-riot-hero .hero-new__content-inner h1,
c-nf-riot-hero .hero-new__content-inner p,
c-nf-riot-hero .heroButtonContainer {
    text-align: var(--nfHero-bodyTextAlign, left) !important;
}

c-nf-riot-hero .hero-new__content-inner h1 {
    color: var(--RG-Off-White);
    font-size: 96px;
    font-weight: 600;
    line-height: 110px;
    white-space: break-spaces;
}

c-nf-riot-hero .hero-new__content-inner p {
    color: rgba(249, 249, 249, 0.6);
    font-size: 20px;
    font-weight: 500;
    line-height: 120%;
    padding: 40px 0;
    max-width: 560px;
    letter-spacing: -0.6px;
}

c-nf-riot-hero .heroButtonContainer.gameButtonContainer .gameButtonAnchor {
    margin: 0;
}

body.LOLGameTheme c-nf-riot-hero .hero-new__content-inner h1,
body.VALGameTheme c-nf-riot-hero .hero-new__content-inner h1,
body.TFTGameTheme c-nf-riot-hero .hero-new__content-inner h1 {
    text-transform: uppercase;
}

body.LOLGameTheme c-nf-riot-hero .hero-new__content-inner h1 {
    font-size: 100px;
    font-weight: 900;
    line-height: 100px;
}

body.VALGameTheme c-nf-riot-hero .hero-new__content-inner h1 {
    font-size: 150px;
    font-weight: 400;
    line-height: 140px;
}

body.TFTGameTheme c-nf-riot-hero .hero-new__content-inner h1 {
    font-size: 100px;
    font-weight: 900;
    line-height: 100px;
}

/*Hero End*/

/*My Profile Start*/
.myProfile.slds-card {
    border: none;
    width: 90%;
    max-width: 750px;
    margin: auto;
}

.myProfile .slds-section__title {
    display: none;
}

.myProfile .slds-form-element__label,
.myProfileFlow flowruntime-flow-screen-input .slds-form-element__label {
    color: white;
    font-weight: 700;
}

.myProfile a,
.myProfile .slds-form-element__static {
    color: #F1F1F1;
}

.myProfile .slds-input,
.myProfileFlow flowruntime-flow-screen-input lightning-input {
    color: #282828;
}

.myProfile .slds-checkbox [type=checkbox]:checked+.slds-checkbox__label .slds-checkbox_faux {
    background-color: #22711B !important;
}

.myProfile .slds-dueling-list__options,
.myProfile lightning-base-combobox button.slds-combobox__input.slds-combobox__input-value {
    background-color: white !important;
    color: #282828 !important;
}

.myProfile lightning-base-combobox lightning-icon svg {
    fill: #282828 !important;
}

.myProfile .slds-listbox__option:hover {
    background-color: gray;
    color: #F1F1F1;
}

.myProfile .slds-listbox__option:hover lightning-icon[icon-name="utility:check"] svg {
    fill: #F1F1F1 !important;
}

.myProfile .slds-listbox__option.slds-is-selected {
    background-color: #282828;
    color: #F1F1F1;
}

.myProfile .slds-card__footer {
    background-color: transparent;
    border: none;
}

.myProfile .slds-checkbox [type=checkbox][disabled]+.slds-checkbox__label .slds-checkbox_faux:after {
    border-color: white;
}

body.TFTGameTheme .profileViewOppBoard .gameButtonLabel {
    line-height: 20px;
}

.myProfileFlow {
    margin-bottom: 30px;
    display: none;
}

c-nf-creator-profile-details .buttonContainer button,
.myProfileFlow button {
    padding: 0;
    border-radius: 24px;
    font-size: 18px;
    font-style: normal;
    line-height: normal;
    text-transform: uppercase;
    background: white;
}

.myProfileFlow .slds-align_absolute-center.notToggle {
    gap: 48px;
}

.myProfileFlow .slds-button:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.myProfileFlow select,
.myProfileFlow .slds-select:active,
.myProfileFlow .slds-select:focus {
    color: black;
}

body.LOLGameTheme c-nf-creator-profile-details .buttonContainer button,
body.LOLGameTheme .myProfileFlow button {
    font-style: italic;
    font-weight: 900;
    border: 1px solid #6246EB;
    color: #6246EB;
    height: 48px;
    width: 314px;
}

body.LOLGameTheme c-nf-creator-profile-details .buttonContainer button[data-id="cancel"],
body.LOLGameTheme .myProfileFlow button[value="NO, TAKE ME BACK"],
body.LOLGameTheme .myProfileFlow button[value="BACK"] {
    color: white;
    background: linear-gradient(90deg, #6146E9 0%, #432AC0 97.5%);
}

body.LOLGameTheme .myProfileFlow button:hover,
body.LOLGameTheme c-nf-creator-profile-details .buttonContainer button:not(:disabled):hover,
body.LOLGameTheme c-nf-creator-profile-details .buttonContainer button[data-id="cancel"]:not(:disabled):hover,
body.LOLGameTheme .myProfileFlow button[value="NO, TAKE ME BACK"]:not(:disabled):hover,
body.LOLGameTheme .myProfileFlow button[value="BACK"]:not(:disabled):hover {
    color: white;
    background: #432AC0;
}

body.VALGameTheme c-nf-creator-profile-details .buttonContainer button,
body.VALGameTheme .myProfileFlow button {
    font-size: 24px;
    font-weight: 400;
    font-size: 24px;
    border: 1px solid #FF4655;
    color: #FF4655;
    height: 45px;
    width: 328px;
}

body.VALGameTheme c-nf-creator-profile-details .buttonContainer button[data-id="cancel"],
body.VALGameTheme .myProfileFlow button[value="NO, TAKE ME BACK"],
body.VALGameTheme .myProfileFlow button[value="BACK"] {
    color: white;
    background: #FF4655;
}

body.VALGameTheme .myProfileFlow button:not(:disabled):hover,
body.VALGameTheme c-nf-creator-profile-details .buttonContainer button:not(:disabled):hover,
body.VALGameTheme c-nf-creator-profile-details .buttonContainer button[data-id="cancel"]:not(:disabled):hover,
body.VALGameTheme .myProfileFlow button[value="NO, TAKE ME BACK"]:not(:disabled):hover,
body.VALGameTheme .myProfileFlow button[value="BACK"]:not(:disabled):hover {
    color: white;
    background: #E63F4D;
}

body.TFTGameTheme c-nf-creator-profile-details .buttonContainer button,
body.TFTGameTheme .myProfileFlow button {
    font-size: 24px;
    font-weight: 700;
    border: 1px solid #FF6934;
    color: #FF6934;
    height: 48px;
    width: 315px;
}

body.TFTGameTheme c-nf-creator-profile-details .buttonContainer button[data-id="cancel"],
body.TFTGameTheme .myProfileFlow button[value="NO, TAKE ME BACK"],
body.TFTGameTheme .myProfileFlow button[value="BACK"] {
    color: white;
    background: #FF6934;
}

body.TFTGameTheme .myProfileFlow button:not(:disabled):hover,
body.TFTGameTheme c-nf-creator-profile-details .buttonContainer button:not(:disabled):hover,
body.TFTGameTheme c-nf-creator-profile-details .buttonContainer button[data-id="cancel"]:not(:disabled):hover,
body.TFTGameTheme .myProfileFlow button[value="NO, TAKE ME BACK"]:not(:disabled):hover,
body.TFTGameTheme .myProfileFlow button[value="BACK"]:not(:disabled):hover {
    color: white;
    background: #E65C2B;
}

.buttonContainer button:disabled:hover {
    cursor: not-allowed;
}

body.LOLGameTheme c-nf-creator-profile-details .buttonContainer button,
body.VALGameTheme c-nf-creator-profile-details .buttonContainer button,
body.TFTGameTheme c-nf-creator-profile-details .buttonContainer button {
    width: 200px;
}

.myProfileFlow flowruntime-display-text-lwc lightning-formatted-rich-text {
    color: white;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.myProfileFlow flowruntime-display-text-lwc lightning-formatted-rich-text p,
.myProfileFlow flowruntime-picklist-input-lwc lightning-select .slds-form-element__control {
    margin-bottom: 50px;
}

body.LOLGameTheme .myProfileFlow flowruntime-display-text-lwc lightning-formatted-rich-text {
    font-weight: 700;
}

body.VALGameTheme .myProfileFlow flowruntime-display-text-lwc lightning-formatted-rich-text,
body.TFTGameTheme .myProfileFlow flowruntime-display-text-lwc lightning-formatted-rich-text {
    font-weight: 500;
}

.myProfileFlow .slds-select_container:before {
    border-bottom-color: black;
}

.myProfileFlow .slds-select_container:after {
    border-top-color: black;
}

/*My Profile End*/

/*List View Start*/
c-nf-list-view .slds-badge {
    margin-top: 3px;
}

c-nf-list-view .slds-card {
    border-style: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

c-nf-list-view input[type=search] {
    border-radius: 25px;
    line-height: 3 !important;
}

c-nf-list-view,
c-nf-list-view .slds-cell-fixed,
c-nf-list-view .slds-card,
c-nf-list-view div.slds-table_header-fixed_container,
c-nf-list-view .slds-table_header-fixed,
c-nf-list-view .slds-th__action:hover,
c-nf-list-view .slds-th__action:focus,
c-nf-list-view .slds-has-focus .slds-th__action,
c-nf-list-view lightning-datatable tbody tr:hover>th,
c-nf-list-view lightning-datatable tbody tr:hover>td {
    background: transparent !important;
}

c-nf-list-view lightning-primitive-cell-factory .slds-grid.slds-grid_align-spread {
    display: initial;
}

c-nf-list-view,
c-nf-list-view .slds-cell-fixed,
c-nf-list-view .slds-max-medium-table--stacked-horizontal td:before,
c-nf-list-view .slds-max-medium-table--stacked-horizontal th:before,
c-nf-list-view .slds-max-medium-table_stacked-horizontal td:before,
c-nf-list-view .slds-max-medium-table_stacked-horizontal th:before {
    color: white;
}

c-nf-list-view .slds-table_header-fixed tbody tr:first-child td,
c-nf-list-view .slds-table_header-fixed tbody tr:first-child th,
c-nf-list-view .slds-table--header-fixed tbody tr:first-child td,
c-nf-list-view .slds-table--header-fixed tbody tr:first-child th {
    border-top: var(--lwc-borderWidthThin) solid var(--lwc-colorBorder);
}

c-nf-list-view .slds-max-medium-table_stacked-horizontal tr,
c-nf-list-view .slds-max-medium-table--stacked-horizontal tr {
    border-top-color: #666;
}

c-nf-list-view .whiteIconForeground {
    --sds-c-icon-color-foreground-default: white;
}

c-nf-list-view c-nf-search svg[data-key=clear] {
    height: 20px;
    width: 20px;
    margin-right: 10px;
}

/*List View End*/

/*Game Cards Start*/

img.lolCardMobile,
img.valCardMobile,
img.tftCardMobile {
    display: none;
    border-radius: 7px;
}

img.lolCard,
img.valCard,
img.tftCard {
    border-radius: 7px;
}

.cardButtonContainer {
    pointer-events: none;
    position: relative;
    top: -100px;

    div.cardButton {
        outline: 1px solid white;
        outline-offset: 3px;
        width: fit-content;

        span.cardButtonLabel {
            font-style: normal;
            text-transform: uppercase;
        }
    }
}

html[lang="in"],
html[lang="ms"],
html[lang="el"],
html[lang="tr"] {
    .cardButtonContainer {
        margin-left: 12px;
    }
}

html[lang="hu"] .cardButtonContainer {
    margin-left: 14px;
}

html[lang="pl"] .cardButtonContainer {
    margin-left: 15px;
}

html[lang="es"] .cardButtonContainer {
    margin-left: 16px;
}

html[lang="de"],
html[lang="es-MX"] {
    .cardButtonContainer {
        margin-left: 20px;
    }
}

html[lang="ro"],
html[lang="ru"] {
    .cardButtonContainer {
        margin-left: 23px;
    }
}

html[lang="fr"] .cardButtonContainer {
    margin-left: 25px;
}

html[lang="cs"] .cardButtonContainer {
    margin-left: 28px;
}

html[lang="vi"] .cardButtonContainer {
    margin-left: 30px;
}

html[lang="it"],
html[lang="en-US"] {
    .cardButtonContainer {
        margin-left: 33px;
    }
}

html[lang="th"] .cardButtonContainer {
    margin-left: 35px;
}

html[lang="pt-BR"] .cardButtonContainer {
    margin-left: 40px;
}

html[lang="ko"],
html[lang="ar"] {
    .cardButtonContainer {
        margin-left: 42px;
    }
}

html[lang="zh-TW"] .cardButtonContainer {
    margin-left: 48px;
}

html[lang="ja"] .cardButtonContainer {
    margin-left: 60px;
}

.lolCard,
.valCard,
.tftCard {
    width: 615px;
    height: 280px;

    & a {
        max-height: 280px;
        display: contents;
    }
}

.lolCard {
    & div.cardButton {
        padding: 10px 25px;
        background: #C8AA6E;

        & span.cardButtonLabel {
            color: #0A1428;
            font-size: 12px;
            font-weight: 400;
            line-height: 19.891px;
        }
    }
}

.valCard {
    & div.cardButton {
        padding: 12px 20px;
        background: #FF4655;

        & span.cardButtonLabel {
            color: white;
            font-size: 14px;
            font-weight: 500;
            line-height: 19.334px;
        }
    }
}

.tftCard {
    & div.cardButton {
        padding: 10px 20px;
        background: #6957FF;

        & span.cardButtonLabel {
            color: #FFFEF9;
            font-size: 12px;
            font-weight: 500;
            line-height: 13.402px;
        }
    }
}

.lolCard a:hover div.cardButton {
    background: #D3BB8B;
}

.valCard a:hover div.cardButton {
    background: white;

    & span.cardButtonLabel {
        color: #0A1428;
    }
}

.tftCard a:hover div.cardButton {
    background: #8778FF;
}

/*Game Cards End*/

/*Behavior Expectations Start*/
.behaviorExpectationsSection1 {
    background: #252423;
    color: var(--RG-Off-White);
    white-space: break-spaces;
}

.behaviorExpectationsSection1 .subTitle {
    margin: 64px 0 45px 0;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

body.LOLGameTheme .behaviorExpectationsSection1 .subTitle,
body.VALGameTheme .behaviorExpectationsSection1 .subTitle {
    font-size: 18px;
    line-height: 26px;
}

body.TFTGameTheme .behaviorExpectationsSection1 .subTitle {
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
}

.behaviorExpectationsSection1 input {
    position: absolute;
    opacity: 0;
    z-index: -1;
}

.behaviorExpectationsSection1 .tab {
    border-top: 1px solid #d3d1cf;
}

.behaviorExpectationsSection1 .tab:first-child {
    border-top: 0px;
}

.behaviorExpectationsSection1 input:checked~.tab__content {
    display: block;
    padding-bottom: 45px;
}

.behaviorExpectationsSection1 .tab__label {
    font-size: 20px;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.20px;
    word-wrap: break-word;
    justify-content: space-between;
    padding: 40px 0;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 16px;
}

body.LOLGameTheme .behaviorExpectationsSection1 .tab__label,
body.VALGameTheme .behaviorExpectationsSection1 .tab__label,
body.TFTGameTheme .behaviorExpectationsSection1 .tab__label {
    font-weight: 700;
    line-height: 28px;
}

.behaviorExpectationsSection1 .tab__label:hover,
body.VALGameTheme .behaviorExpectationsSection1 .tab__label:hover,
c-nf-creator-onboarding .legalSectionText a,
c-nf-creator-onboarding .tncText a {
    color: #FF4655 !important;
}

.behaviorExpectationsSection1 .tab__content a {
    color: #D1373B !important;

    &:hover {
        color: #C62833 !important;
    }
}

body.LOLGameTheme .behaviorExpectationsSection1 .tab__label:hover {
    color: #0BC6E3;
}

body.TFTGameTheme .behaviorExpectationsSection1 .tab__label:hover {
    color: #FF6934;
}

.behaviorExpectationsSection1 .tab__label::after {
    content: "+";
    font-size: 23px;
    width: 23px;
    height: 23px;
    text-align: center;
    transition: all 0.35s;
    margin-top: -7px;
}

.behaviorExpectationsSection1 input:checked+.tab__label::after {
    content: "-";
}

.behaviorExpectationsSection1 .tab__content {
    display: none;
    overflow: hidden;
    transition: all 0.35s;
    white-space: break-spaces;
    font-size: 20px;
    font-weight: 400;
    line-height: normal;
    word-wrap: break-word;
}

.behaviorExpectationsSection1 .tab__content .slds-rich-text-editor__output {
    line-height: normal;
}

body.VALGameTheme .behaviorExpectationsSection1 .tab__content .slds-rich-text-editor__output {
    font-size: 18px;
    line-height: 26px;
}

.behaviorExpectationsSection1 .tab__content .slds-rich-text-editor__output ul {
    line-height: 2;
}

.behaviorExpectationsSection1 .accordion {
    overflow: hidden;
    width: 100%;
}

.behaviorExpectationsSection1 .tab__close {
    display: flex;
    color: white;
    cursor: pointer;
    justify-content: flex-end;
    padding: 0.5rem 1rem;
    font-size: 0.75rem;
}

/*Behavior Expectations End*/

/*Game Accounts Start*/
c-nf-game-accounts {
    max-width: 770px;
    margin: auto;
}

c-nf-game-accounts .account-wrapper {
    text-align: center;
    padding: 64px 0 0;
    margin-right: auto;
}

c-nf-game-accounts .accounts+.accounts {
    margin: 32px 0;
}

c-nf-game-accounts .accounts h2 {
    color: var(--RG-Off-White);
    max-width: 595px;
    margin: auto;
    text-align: center;
    font-size: 64px;
    font-weight: 900;
    line-height: 100%;
    text-transform: uppercase;
}

c-nf-game-accounts .accounts p {
    color: var(--RG-Off-White);
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
    margin-top: 10px;
}

body.LOLGameTheme c-nf-game-accounts .accounts p,
body.VALGameTheme c-nf-game-accounts .accounts p {
    font-size: 18px;
    line-height: 26px;
}

body.TFTGameTheme c-nf-game-accounts .accounts p {
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
}

c-nf-game-accounts .account-list {
    text-align: center;
    margin: 48px auto;
}

c-nf-game-accounts .account-list .account {
    width: 360px;
    display: inline-block;
    border-radius: 6px;
    background: rgba(137, 137, 137, 0.6);
    backdrop-filter: blur(4px);
    color: #f0f0f0;
    text-align: center;
    font-size: 22px;
    font-weight: 600;
    line-height: normal;
    padding: 25px 50px;
    margin: 12px 0;
}

c-nf-game-accounts .account-list .account:nth-child(odd) {
    margin-left: 0;
    margin-right: 24px;
}

c-nf-game-accounts .account-list .account:nth-child(even) {
    margin-left: 24px;
    margin-right: 0;
}

body.VALGameTheme c-nf-game-accounts .account-list .account {
    font-weight: 500;
}

c-nf-game-accounts .accounts .account-list .account {
    font-style: normal !important;
}

c-nf-game-accounts .modal-backdrop {
    position: fixed;
    height: 100vh;
    width: 100vw;
    top: 0;
    left: 0;
    z-index: 999;
    background: rgba(0, 0, 0, 0.4);
}

c-nf-game-accounts .cmodal {
    position: fixed;
    border-radius: 16px;
    background: var(--RG-Off-White);
    padding: 50px;
    left: 50%;
    top: 50%;
    z-index: 9999;
    transform: translate(-50%, -50%);
}

c-nf-game-accounts .cmodal h2 {
    color: #000;
    text-align: center;
    font-size: 18px;
    font-weight: 400;
    line-height: normal;
    padding-bottom: 20px;
}

c-nf-game-accounts .cmodal .close {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
}

c-nf-game-accounts .cmodal lightning-input,
c-nf-game-accounts .cmodal lightning-combobox {
    padding-bottom: 20px;
}

c-nf-game-accounts .modalButtonContainer {
    display: flex;
    flex-wrap: wrap;
    gap: 25px;
    justify-content: center;
}

c-nf-game-accounts .cancelBtn,
c-nf-game-accounts .addAccountBtn {
    font-size: 20px;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    border-radius: 24px;
    padding: 10px 35px;
}

c-nf-game-accounts .cancelBtn {
    background: white;
}

c-nf-game-accounts .addAccountBtn {
    color: var(--RG-Off-White);
    border: 0;
}

c-nf-game-accounts button[disabled].addAccountBtn {
    background: #626262 !important;
    color: var(--RG-Off-White) !important;
    border: 0 !important;
    cursor: not-allowed !important;
}

body.VALGameTheme c-nf-game-accounts .accounts h2 {
    font-weight: 400;
    line-height: 60px;
}

/*Game Accounts End*/

/*Creator Content Codes Start*/
c-nf-creator-content-codes {
    color: var(--RG-Off-White);
}

c-nf-creator-content-codes .codes-wrapper {
    max-width: 1155px;
    margin: auto;
    margin-top: 50px;
    margin-bottom: 50px;
}

c-nf-creator-content-codes .codes-wrapper h2 {
    font-size: 64px;
    padding-bottom: 16px;
    text-transform: uppercase;
}

c-nf-creator-content-codes .codes-wrapper p {
    font-size: 16px;
}

c-nf-creator-content-codes .codes-wrapper .code-tbl {
    max-width: 1000px;
    margin: 48px auto;
}

c-nf-creator-content-codes .txt-center {
    text-align: center;
}

c-nf-creator-content-codes .bdr-right {
    border-right: solid 1px rgba(172, 172, 172, 1);
}

c-nf-creator-content-codes .bdr-bottom {
    border-bottom: solid 1px rgba(172, 172, 172, 1);
}

c-nf-creator-content-codes .code {
    position: relative;
}

c-nf-creator-content-codes .button-group {
    position: relative;
}

c-nf-creator-content-codes .code img {
    cursor: pointer;
    margin-left: 5px;
}

c-nf-creator-content-codes .codes-wrapper td,
c-nf-creator-content-codes .codes-wrapper th {
    padding: 10px 16px;
}

c-nf-creator-content-codes .blur-text .copy-code {
    color: transparent;
    text-shadow: 0 0 20px rgb(255, 255, 255);
}

c-nf-creator-content-codes .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    bottom: 136%;
    left: 50%;
    margin-left: -57px;
    opacity: 0;
    transition: opacity 0.5s;
}

c-nf-creator-content-codes .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

c-nf-creator-content-codes .active {
    visibility: visible;
    opacity: 1;
}

c-nf-creator-content-codes .no-wrap {
    white-space: nowrap;
}

c-nf-creator-content-codes .hide-desktop,
c-nf-creator-content-codes .hide-desktop-inline,
c-nf-creator-content-codes .hide-desktop-cell,
c-nf-creator-content-codes .hide-desktop-block {
    display: none;
}

body.LOLGameTheme c-nf-creator-content-codes .codes-wrapper h2 {
    font-size: 64px;
    font-weight: 900;
    line-height: 100%;
}

body.VALGameTheme c-nf-creator-content-codes .codes-wrapper h2 {
    font-size: 64px;
    font-weight: 400;
    line-height: 60px;
}

body.TFTGameTheme c-nf-creator-content-codes .codes-wrapper h2 {
    font-size: 72px;
    font-weight: 700;
    line-height: 102%;
}

/*Creator Content Codes End*/

c-nf-download-content-codes-lwr {
    width: 80%;
    margin: 0 auto;
}

.underConstructionImage {
    height: 100px;
    width: 100px;
    position: absolute;
    left: 25px;
    top: 70px;
}

.isGuest .underConstructionImage {
    display: none;
}

.applicantOnly,
.creatorOnly,
.guestOnly {
    display: none !important;
}

.isApplicant .applicantOnly,
.isCreator .creatorOnly,
.isGuest .guestOnly {
    display: block !important;
}

.isApplicant .applicantOnly.gameButtonContainer {
    display: inline-block !important;
}

/*Error Page Start*/
.errorTitle {
    font-size: 64px;
    font-weight: 600;
    line-height: normal;
    color: var(--RG-Off-White);
    text-align: center;
}

.errorSubtitle {
    font-size: 24px;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 45px;
    color: var(--RG-Off-White);
    text-align: center;
}

.errorSection1 .gameButton {
    font-size: 24px;
    line-height: normal;
}

/*Error Page End*/

/*Site Password Start*/
c-nf-site-password-page-lwr .passwordInput input {
    height: 44px;
    border: 0;
    background: #F8F8F8;
}

c-nf-site-password-page-lwr .passwordInput:hover input {
    background: #BABABA33;
}

c-nf-site-password-page-lwr .passwordInput:focus-within input {
    background: white;
    --slds-c-input-shadow: none;
}

c-nf-site-password-page-lwr .passwordInput:not(.slds-has-error):focus-within input {
    border: 2px solid #1f1f1f;
}

c-nf-site-password-page-lwr .passwordInput.slds-has-error .slds-input:focus {
    --slds-c-input-shadow: #ea001e 0 0 0 1px inset, 0 0 3px #ea001e;
}

c-nf-site-password-page-lwr .submitButton svg {
    fill: #FCFCFC;
}

c-nf-site-password-page-lwr .submitButton:disabled svg {
    fill: #ADADAD;
}

c-nf-site-password-page-lwr .passwordInnerDiv lightning-formatted-rich-text {
    color: black;
    font-style: normal;
    font-size: 10px;
    font-weight: 700;
    line-height: normal;
    display: block;
    text-transform: uppercase;

    & a {
        color: black;
        text-decoration: underline !important;

        &:hover {
            color: #df3b43;
        }
    }
}

/*Site Password End*/

/*Creator Profile Start*/
c-nf-creator-profile-details {
    lightning-layout.blurValue .blurredValue .slds-form-element__control {

        input,
        textarea,
        .slds-dueling-list,
        lightning-base-combobox .slds-combobox__form-element {
            filter: blur(5px);

            &:hover {
                filter: none;
                transition: filter 0s ease 0.5s;
            }
        }
    }

    div.menuItemDetailsContainer {
        pointer-events: none;
    }

    [data-id="userField"] {
        color: var(--RG-Off-White);

        .slds-textarea,
        .slds-datepicker {
            border: 0;
        }

        .slds-input[readonly] {
            cursor: not-allowed;
            --slds-c-input-spacing-horizontal-start: unset;
        }

        input,
        .slds-input,
        .slds-input[disabled],
        .slds-form-element__label,
        .slds-dueling-list__options,
        .slds-dueling-list__options[disabled],
        .slds-combobox__input,
        .slds-datepicker,
        .slds-textarea,
        .slds-textarea.slds-is-disabled,
        .slds-textarea[disabled] {
            color: var(--RG-Off-White);
        }

        input,
        .slds-input,
        .slds-input[disabled],
        .slds-dueling-list__options,
        .slds-dueling-list__options[disabled],
        .slds-combobox__input,
        .slds-textarea,
        .slds-textarea.slds-is-disabled,
        .slds-textarea[disabled] {
            background-color: rgba(138, 138, 138, 0.1);
            border: 0;
        }

        .slds-datepicker,
        .slds-dueling-list__options [aria-selected=true],
        .slds-picklist__options [aria-selected=true],
        .slds-listbox_vertical .slds-listbox__option:focus,
        .slds-listbox_vertical .slds-listbox__option:hover,
        .slds-listbox_vertical .slds-listbox__option.slds-is-selected:focus {
            background-color: #252423;
        }

        .slds-datepicker {

            .slds-button:focus,
            .slds-button:hover {
                color: var(--RG-Off-White);
            }

            tbody>tr>td:hover>.slds-day {
                color: #252423;
                background-color: var(--RG-Off-White);
            }

            tbody>tr>td.slds-is-selected>.slds-day,
            .slds-select_container .slds-select {
                background-color: #8a8a8a;
            }
        }

        .slds-text-link,
        table thead tr th abbr[title] {
            color: var(--RG-Off-White);

            &:hover,
            &:focus {
                color: white;
            }
        }

        lightning-base-combobox-item {
            background-color: #8a8a8a;

            &:hover {
                background-color: #252423;
                color: var(--RG-Off-White);
            }

            svg {
                fill: black;
            }

            &.slds-has-focus svg {
                fill: white;
            }
        }

        .slds-listbox_vertical .slds-listbox__option.slds-has-focus {
            background-color: #252423;
            color: var(--RG-Off-White);
        }

        .slds-input:focus,
        .slds-listbox_vertical .slds-listbox__option.slds-has-focus,
        .slds-combobox__input.slds-has-focus,
        .slds-combobox__input:focus,
        .slds-dueling-list__options [aria-selected=true],
        .slds-picklist__options [aria-selected=true],
        .slds-listbox_vertical .slds-listbox__option:focus,
        .slds-listbox_vertical .slds-listbox__option:hover,
        .slds-listbox_vertical .slds-listbox__option.slds-is-selected:focus,
        .slds-textarea:active,
        .slds-textarea:focus {
            -webkit-box-shadow: none;
            box-shadow: none;
        }
    }

    lightning-layout-item {
        padding: 5px 10px;
    }

    .buttonContainer {
        margin: 20px 0;
        text-align: center;

        lightning-layout-item:has(button[data-id="edit"]) {
            text-align: center;
        }

        lightning-layout-item:has(button[data-id="cancel"]) {
            text-align: right;
        }
    }

    span.sectionLabel {
        font-size: 25px;
        margin: 20px 0 0;
        display: block;
        padding-top: 10px;
        border-top: 1px solid white;
        font-style: normal !important;
    }

    .slds-button,
    button.slds-combobox__input,
    lightning-datepicker lightning-button-icon {

        &:focus,
        &:hover {
            -webkit-box-shadow: none;
            box-shadow: none;

            svg,
            +.slds-input__icon-group svg {
                fill: var(--RG-Off-White) !important;
            }
        }
    }

    lightning-datepicker .slds-input-has-icon .slds-input__icon:not(button) {
        pointer-events: all;
    }

    .myProfileFlow {
        display: inline;
    }
}

c-nf-social-links {
    .mainWrapper {
        text-align: center;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        margin: auto;
        max-width: 1044px;
        align-items: center;
        justify-content: center;
        gap: 54px;
        padding: 24px 0;
    }

    c-nf-social-link .customInput .slds-input {
        padding-top: 5px;
        padding-bottom: 5px;
    }
}

/*Creator Profile End*/

@media only screen and (min-width: 1680px) {

    .gameHeaderContainer,
    .gameSection3Container,
    .riotbar-header-wrapper,
    .footerContainer,
    .sitePasswordSection1,
    community_layout-section.homeBenefitsSection,
    community_layout-section.onboardingSection,
    community_layout-section.creatorDashboardSection1,
    community_layout-section.oppBoardSection1,
    community_layout-section.qualifyBg,
    community_layout-section.doYouQualify,
    community_layout-section.gameSection1,
    community_layout-section.gameSection4,
    community_layout-section.partner-program-wrapper,
    community_layout-section.codeDistributionsSection1,
    community_layout-section:has(c-nf-riot-hero),
    community_layout-section:has(c-nf-creator-content-codes) {
        width: 100% !important;
        max-width: 1680px;
        margin: auto !important;
    }

    .riotbar-header-wrapper {
        left: 50% !important;
        right: 50% !important;
        transform: translate(-50%, 0) !important;
    }

    .community_byo-scoped-header-and-footer__footer-content {
        background: #252423 !important;
    }
}

@media only screen and (max-width: 1360px) {

    .gameSection1MainDiv,
    .gameSection2MainDiv,
    .gameSection3MainDiv,
    .gameSection4MainDiv,
    .aboutRPPSection1MainDiv,
    .eligibilityAndCriteriaSection1MainDiv,
    .faqsSection1MainDiv,
    .aboutRPPSection2MainDiv,
    .aboutRPPSection3MainDiv {
        width: 90%;
    }
}

@media only screen and (max-width: 1024px) {

    .gameSection2FGImage,
    .aboutRPPSection2FGImage {
        width: 100% !important;
        height: 100% !important;
        aspect-ratio: 1;
        margin: auto;
    }

    .gameSection2RightContainer,
    .aboutRPPSection2RightContainer {
        padding: 0 !important;
    }

    .gameSection2SubTitle,
    .aboutRPPSection2SubTitle {
        text-align: left !important;
    }

    .gameSection2SubTitle ul,
    .aboutRPPSection2SubTitle ul {
        width: fit-content;
        margin: auto;
    }

    .gameSection2RightContainerMainDiv,
    .aboutRPPSection2RightContainerMainDiv {
        text-align: center !important;
        display: block !important;
    }

    .gameSection1BenefitsColumn+.gameSection1BenefitsColumn {
        margin-top: -3px;
    }

    .gameSection1BenefitsColumn:nth-child(odd) .gameSection1Benefit,
    .gameSection1BenefitsColumn:nth-child(even) .gameSection1Benefit {
        float: none !important;
        margin: 3px auto;
    }

    .gameSection4ImageDiv+.gameSection4ImageDiv {
        margin-top: 32px;
    }

    .gameSection4ImageDiv:nth-child(odd),
    .gameSection4ImageDiv:nth-child(even) {
        padding-right: unset;
        padding-left: unset;
    }

    .footerContainer {
        text-align: center;
    }

    .footerContainer .footerRGLogo {
        margin: auto;
    }

    .footerMainDiv {
        padding: 0;
    }

    .aboutRPPSection3MainDiv {
        gap: 30px;
    }

    .aboutRPPSection3Title {
        text-align: center;
    }

    .aboutRPPSection3Subtitle {
        width: 100%;
    }

    .gameButton {
        font-size: 16px;
        font-weight: 600;
        line-height: normal;
    }

    body.LOLGameTheme:not(:has(div.gameHeaderContainer)) .gameButton,
    body.VALGameTheme:not(:has(div.gameHeaderContainer)) .gameButton,
    body.TFTGameTheme:not(:has(div.gameHeaderContainer)) .gameButton,
    div.lol .gameButton,
    div.val .gameButton,
    div.tft .gameButton {
        font-size: 14px;
        font-weight: 700;
        line-height: 28.483px;
    }

    .gameButtonContainer .gameButtonAnchor {
        margin: 15px;
    }

    .gameButtonLabel {
        padding: 0;
    }

    body.LOLGameTheme:not(:has(div.gameHeaderContainer)) .gameButton .gameButtonLabel,
    div.lol .gameButton .gameButtonLabel,
    body.VALGameTheme:not(:has(div.gameHeaderContainer)) .gameButton .gameButtonLabel,
    div.val .gameButton .gameButtonLabel,
    body.TFTGameTheme:not(:has(div.gameHeaderContainer)) .gameButton .gameButtonLabel,
    div.tft .gameButton .gameButtonLabel {
        padding: 12px 44px;
    }

    .aboutRPPSection1,
    .eligibilityAndCriteriaSection1,
    .faqsSection1 {
        padding: 6vh 12vw !important;
    }

    .aboutRPPSection1MainDiv,
    .eligibilityAndCriteriaSection1MainDiv,
    .faqsSection1MainDiv {
        gap: 25px;
    }

    .gameSection2Title,
    .gameSection2LeftContainer {
        text-align: center;
    }

    c-nf-riot-hero .hero-new__content {
        align-items: center;
    }

    c-nf-riot-hero .hero-new__content-inner p {
        padding: 8px 0;
    }

    /* Left Navigation Start */
    c-nf-left-navigation-menu,
    c-nf-creator-profile-details {
        .leftNavContainer {
            padding: 0;
            width: 100%;
            max-width: 340px;
            margin: auto;
        }
    }

    /* Left Navigation End */

    c-nf-game-accounts {
        width: 80%;
    }
}

@media (min-width: 760px) {
    c-nf-riot-hero .hero-new__background-image {
        background-image: var(--nfHero-backgroundImage);
    }
}

@media only screen and (480px < width <=1024px) {

    .gameSection1MainDiv,
    .aboutRPPSection2MainDiv,
    .aboutRPPSection3MainDiv {
        padding: 100px 0 !important;
    }

    .gameHeaderLogo {
        width: 35vw;
    }

    .gameSection1Title {
        font-size: 64px;
    }

    .gameSection1BenefitsContainer {
        margin-top: 64px;
    }

    .gameSection1SubTitle .subtitle {
        width: 85%;
    }

    .gameSection1Benefit {
        margin-left: auto;
        margin-right: auto;
    }

    .gameSection2RightContainer,
    .aboutRPPSection2RightContainer {
        margin-top: 64px !important;
    }

    .gameSection2Title,
    .aboutRPPSection2Title {
        font-size: 64px !important;
    }

    .gameSection2SubTitle,
    .aboutRPPSection2SubTitle {
        font-size: 20px !important;
        line-height: 40px !important;
        margin-top: 45px !important;
        max-width: 525px;
        margin: auto;
    }

    .gameSection2SubTitle ul,
    .aboutRPPSection2SubTitle ul {
        padding-left: unset;
    }

    .gameSection3MainDiv {
        padding: 250px 0 !important;
        width: 75% !important;
    }

    .gameSection4MainDiv {
        padding: 100px 12vw !important;
    }

    .gameSection4SubTitle {
        margin-top: 48px;
    }

    .gameSection4ImageContainer {
        margin-top: 64px;
    }

    .gameHeaderContainer.lol .gameHeaderLogo {
        height: 135px;
        width: 345px;
    }

    .aboutRPPSection1MainTitle,
    .eligibilityAndCriteriaSection1MainTitle,
    .faqsSection1MainTitle {
        font-size: 32px;
        line-height: normal;
    }

    .aboutRPPSection1Subtitle,
    .eligibilityAndCriteriaSection1Subtitle {
        font-size: 18px;
    }

    .footerMainDiv {
        gap: unset;
        justify-content: space-around;
        max-width: 440px;
        margin: auto;
    }

    .footerMainDiv .creatorSupportAnchor {
        margin-left: 6px;
    }

    .footerRGLogoContainer {
        padding: 48px 0;
    }

    .navContainer {
        width: 50%;
        text-align: left;
        gap: 16px;
    }

    .navContainer:nth-child(even) {
        padding-left: 60px;
    }

    .navContainer+.navContainer+.navContainer {
        padding-top: 32px;
    }

    /* Left Navigation Start */
    c-nf-left-navigation-menu,
    c-nf-creator-profile-details {
        .menuItem {
            padding: 14px 22px;
            backdrop-filter: blur(5px);
        }

        .menuItemNewTag {
            padding: 3px 15px;
            font-size: 12px;
        }
    }

    /* Left Navigation End */

    c-nf-riot-hero .hero-new {
        padding: 100px 0 75px;
    }

    c-nf-riot-hero .hero-new__content-inner h1 {
        font-size: 70px;
        line-height: normal;
    }

    c-nf-creator-onboarding c-nf-creator-onboarding-welcome-page lightning-input-field div.slds-form-element__control {
        display: inline-block;
        padding-left: 10px !important;
        width: unset;
        margin-bottom: -5px;
        width: auto !important;
    }

    c-nf-creator-onboarding c-nf-creator-onboarding-welcome-page lightning-input-field div.slds-form-element__icon {
        padding-top: 2% !important;
    }
}

@media (max-width: 1023px) {
    c-nf-game-accounts .account-list .account:nth-child(odd) {
        margin-left: 0;
        margin-right: 0;
    }

    c-nf-game-accounts .account-list .account:nth-child(even) {
        margin-left: 0;
        margin-right: 0;
    }

    c-nf-game-accounts .account-list .account:first-child {
        margin-top: 0;
    }

    c-nf-game-accounts .account-list .account:last-child {
        margin-bottom: 0;
    }
}

@media (max-width: 640px) {
    c-nf-creator-content-codes .hide-mobile {
        display: none;
    }

    c-nf-creator-content-codes .hide-desktop {
        display: table-row;
    }

    c-nf-creator-content-codes .hide-desktop-block {
        display: block;
    }

    c-nf-creator-content-codes .hide-desktop-cell {
        display: table-cell;
    }

    c-nf-creator-content-codes .hide-desktop-inline {
        display: inline-block;
    }

    c-nf-creator-content-codes .bdr-right {
        border-right: none;
    }

    c-nf-creator-content-codes .game-logo-mobile {
        margin-left: 15px;
    }

    c-nf-creator-content-codes .bdr-bottom {
        border-bottom: none;
    }

    c-nf-creator-content-codes .bdr-bottom-mobile {
        border-bottom: solid 1px rgba(172, 172, 172, 1);
    }

    c-nf-creator-content-codes .code {
        padding-left: 0 !important;
    }

    c-nf-creator-content-codes .copy-code {
        position: relative;
        left: -15px;
    }

    c-nf-creator-content-codes .description-header {
        text-align: right;
    }

    c-nf-creator-content-codes .svg-dot {
        margin: 0 15px;
    }

    c-nf-creator-content-codes .count {
        color: #969696;
        padding-right: 0 !important;
    }

    c-nf-social-links .mainWrapper {
        text-align: center;
        display: block;
    }
}

@media only screen and (max-width: 480px) {

    .gameSection1Title,
    .gameSection1SubTitle .subtitle,
    .gameSection1BenefitsContainer,
    div.columns-content:has(c-nf-riot-hero),
    c-nf-riot-hero .hero-new__content-inner,
    c-nf-riot-hero .hero-new__content-inner p {
        max-width: unset;
    }

    .gameHeaderLogo {
        width: 40vw;
        padding-top: 50px;
    }

    .gameSection1Title.lol,
    .gameSection1Title.tft {
        font-size: 36px;
        line-height: 36px;
    }

    .gameSection1Title.tft {
        font-weight: 900;
    }

    .gameSection1Title.val {
        font-size: 36px;
        font-weight: 450;
        line-height: 35px;
    }

    .gameSection3JoinUs {
        font-size: 28px;
        line-height: normal;
    }

    .gameSection1MainDiv,
    .gameSection2MainDiv,
    .gameSection3MainDiv,
    .gameSection4MainDiv,
    .aboutRPPSection1MainDiv,
    .aboutRPPSection2MainDiv,
    .aboutRPPSection3MainDiv,
    .eligibilityAndCriteriaSection1MainDiv,
    .faqsSection1MainDiv {
        padding: 80px 0 !important;
        width: 80%;
        margin: auto;
    }

    .gameSection1MainDiv.lol {
        width: 85%;
    }

    .gameSection1BenefitTitle {
        font-size: 12px !important;
        font-weight: 700;
        line-height: normal;
        letter-spacing: -0.36px;
    }

    .gameSection1BenefitTitle.lol {
        font-size: 14px !important;
        line-height: 18px;
    }

    .gameSection1BenefitTitle.val {
        font-weight: 750;
        font-size: 14px !important;
        line-height: 18px;
    }

    .gameSection1BenefitTitle.tft {
        letter-spacing: normal;
    }

    .gameSection2Title.lol {
        line-height: 32px;
    }

    .gameSection2Title.tft {
        line-height: normal;
    }

    .gameSection2SubTitle {
        font-weight: 400;
        line-height: 200%;
    }

    .gameSection1SubTitle {
        font-size: 16px !important;
        margin-top: 8px;
    }

    .gameSection1SubTitle .subtitle {
        width: 100% !important;
    }

    .gameSection1SubTitle.lol .subtitle,
    .gameSection1SubTitle.val .subtitle {
        font-size: 14px !important;
        line-height: 18px;
    }

    .gameSection1SubTitle.tft .subtitle {
        font-size: 14px !important;
    }

    .gameSection1BenefitsContainer {
        margin-top: 32px;
    }

    .gameSection1Benefit {
        width: 300px;
        height: 50px;
    }

    .gameSection1Benefit div+div {
        height: 50px;
    }

    .gameSection1BenefitImage {
        height: 20px;
        width: 20px;
    }

    .gameSection2RightContainer,
    .aboutRPPSection2RightContainer {
        margin-top: 32px !important;
    }

    .aboutRPPSection2Title {
        font-size: 28px !important;
        line-height: 32px !important;
        text-align: center;
    }

    .gameSection2Title.lol {
        font-size: 36px !important;
        font-weight: 900;
        line-height: 100% !important;
    }

    .gameSection2Title.val {
        font-size: 32px !important;
        font-style: normal;
        font-weight: 400;
        line-height: normal !important;
    }

    .gameSection2Title.tft {
        font-size: 36px !important;
        font-style: normal;
        font-weight: 700;
        line-height: 100% !important;
    }

    .gameSection2SubTitle,
    .aboutRPPSection2SubTitle {
        font-size: 16px !important;
        font-weight: 400;
        line-height: 200%;
        margin-top: 16px !important;
    }

    .gameSection2SubTitle ul,
    .aboutRPPSection2SubTitle ul {
        padding-left: 5vw;
    }

    .gameSection2SubTitle.lol {
        font-size: 14px !important;
        line-height: 18px !important;
    }

    .gameSection3MainDiv {
        padding: 140px 0 !important;
    }

    .gameSection3Title {
        font-size: 20px !important;
    }

    .gameSection3Title.val {
        line-height: 25px;
    }

    .gameSection3Title.tft {
        font-weight: 700;
    }

    .gameSection3JoinUs {
        font-size: 64px !important;
    }

    .gameSection3JoinUs.lol {
        font-size: 36px !important;
        line-height: 100%;
    }

    .gameSection3SubTitle {
        font-size: 16px !important;
        line-height: normal;
    }

    .gameSection3SubTitle.lol,
    .gameSection3SubTitle.val {
        font-size: 14px !important;
        line-height: 18px;
    }

    .gameSection3SubTitle.tft {
        font-size: 14px !important;
    }

    .gameSection4Title {
        font-size: 28px !important;
    }

    .gameSection4SubTitle {
        font-size: 16px !important;
        margin-top: 32px;
    }

    .gameSection4ImageContainer {
        margin-top: 32px;
    }

    .gameSection1Title.val,
    body.VALGameTheme .aboutRPPSection1MainTitle {
        line-height: 35px !important;
    }

    .gameSection3JoinUs.val,
    .gameSection3JoinUs.tft {
        line-height: 60px;
    }

    .gameSection3JoinUs.tft {
        font-size: 72px !important;
    }

    .footerRGLogoContainer .footerRGLogo {
        margin: auto;
    }

    .behaviorExpectationsSection1 .behaviorExpectationsContainer {
        width: 80%;
        margin: auto;
        max-width: 340px;
    }

    body.LOLGameTheme .aboutRPPSection1MainTitle,
    body.LOLGameTheme .eligibilityAndCriteriaSection1MainTitle,
    body.LOLGameTheme .faqsSection1MainTitle {
        font-weight: 700;
        line-height: normal
    }

    body.TFTGameTheme .aboutRPPSection1MainTitle,
    body.TFTGameTheme .eligibilityAndCriteriaSection1MainTitle,
    body.TFTGameTheme .faqsSection1MainTitle {
        line-height: 32px !important;
    }

    .footerMainDiv {
        gap: 24px;
    }

    .footerMainDiv .creatorSupportAnchor {
        margin-left: 4px;
    }

    .navContainer {
        width: 100%;
        gap: 24px;
    }

    .footerRGLogoContainer {
        padding: 32px 0 24px 0;
    }

    .copyrightBorder {
        margin: 32px 10vw 0;
    }

    .copyright {
        text-align: center;
        padding: 25px 0;
    }

    .aboutRPPSection3Title {
        font-size: 46px;
        font-weight: 600;
    }

    .aboutRPPSection3Subtitle {
        font-size: 18px;
        font-weight: 500;
        width: 100%;
    }

    .aboutRPPSection1MainTitle,
    .eligibilityAndCriteriaSection1MainTitle,
    .faqsSection1MainTitle {
        font-size: 32px;
        line-height: normal;
    }

    .aboutRPPSection1Subtitle,
    .eligibilityAndCriteriaSection1Subtitle {
        font-size: 14px;
        line-height: 18px;
    }

    /*Login Error Start*/
    .loginErrorSection {
        padding: 180px 0 70px !important;
    }

    c-nf-login-error .gameButton,
    c-nf-creator-application .gameButton {
        font-size: 16px;
    }

    /*Login Error End*/

    /* Creator Onboarding Start */
    c-nf-creator-onboarding .onboardingContainer {
        padding-top: 60px;
    }

    c-nf-creator-onboarding .invitationHeading {
        font-size: 32px;
    }

    c-nf-creator-onboarding .pageContainer {
        padding-left: unset;
        padding-right: unset;
        width: 90%;
    }

    c-nf-creator-onboarding .progressContainer,
    c-nf-creator-onboarding .progress {
        height: 40px;
    }

    c-nf-creator-onboarding .progress {
        font-size: 14px;
        padding-left: 5px;
    }

    c-nf-creator-onboarding .invitationSubHeading {
        font-size: 16px;
        line-height: normal;
    }

    c-nf-creator-onboarding c-nf-creator-onboarding-welcome-page lightning-primitive-input-checkbox {
        display: -webkit-box;
    }

    c-nf-creator-onboarding .slds-checkbox__label span.slds-form-element__label {
        font-size: 16px;
    }

    c-nf-creator-onboarding c-nf-creator-onboarding-welcome-page lightning-primitive-input-checkbox div.slds-form-element__control.slds-grow {
        align-content: center;
        padding-left: 10px;
    }

    c-nf-creator-onboarding c-nf-creator-onboarding-welcome-page lightning-primitive-input-checkbox span[part="indicator"],
    c-nf-creator-onboarding c-nf-creator-onboarding-welcome-page .slds-checkbox_standalone [type=checkbox],
    c-nf-creator-onboarding c-nf-creator-onboarding-sign-n-d-a lightning-primitive-input-checkbox span[part="indicator"],
    c-nf-creator-onboarding c-nf-creator-onboarding-sign-n-d-a .slds-checkbox_standalone [type=checkbox],
    c-nf-creator-onboarding c-nf-creator-onboarding-accept-t-n-c lightning-primitive-input-checkbox span[part="indicator"],
    c-nf-creator-onboarding c-nf-creator-onboarding-accept-t-n-c .slds-checkbox_standalone [type=checkbox] {
        width: 1.25rem !important;
        height: 1.25rem !important;
    }

    c-nf-creator-onboarding c-nf-creator-onboarding-welcome-page .slds-checkbox [type=checkbox]:checked+.slds-checkbox_faux:after,
    c-nf-creator-onboarding c-nf-creator-onboarding-welcome-page .slds-checkbox [type=checkbox]:checked~.slds-checkbox_faux:after,
    c-nf-creator-onboarding c-nf-creator-onboarding-sign-n-d-a .slds-checkbox [type=checkbox]:checked+.slds-checkbox__label .slds-checkbox_faux:after,
    c-nf-creator-onboarding c-nf-creator-onboarding-accept-t-n-c .slds-checkbox [type=checkbox]:checked+.slds-checkbox__label .slds-checkbox_faux:after {
        height: 0.5rem !important;
        width: 1rem !important;
        border-bottom: 2.5px solid;
        border-left: 2.5px solid;
    }

    c-nf-creator-onboarding .buttonContainer,
    c-nf-creator-onboarding .acceptButtonContainer,
    c-nf-creator-onboarding .declineButtonContainer {
        display: flex;
        text-align: center;
        flex-wrap: wrap;
        flex-direction: column;
        align-items: center;
        gap: 28px;
    }

    c-nf-creator-onboarding .onboardingButton {
        font-size: 16px;
        font-weight: 600;
        line-height: normal;
        padding: 12px 28px;
    }

    c-nf-creator-onboarding .decline.slds-m-left_xx-large {
        margin-left: 0;
    }

    c-nf-creator-onboarding c-nf-creator-onboarding-sign-n-d-a lightning-formatted-rich-text {
        padding: 15px;
    }

    c-nf-creator-onboarding .modal-custom-footer lightning-layout {
        text-align: center;
        gap: 10px;
    }

    c-nf-creator-onboarding .modal-custom-footer lightning-layout-item:has(button.cancelButton),
    c-nf-creator-onboarding .modal-custom-footer lightning-layout-item:has(button.confirmButton) {
        padding: 0;
        text-align: unset;
    }

    /* Creator Onboarding End */

    /* Left Navigation Start */
    c-nf-left-navigation-menu,
    c-nf-creator-profile-details {
        .menuTitle {
            font-size: 24px;
        }

        .menuItemTitle {
            font-size: 18px;
        }

        .menuItem {
            padding: 12px 20px;
            backdrop-filter: blur(4px);
        }

        .menuItemNewTag {
            padding: 3px 14px;
            font-size: 10px;
        }
    }

    body.LOLGameTheme {

        c-nf-left-navigation-menu,
        c-nf-creator-profile-details {
            .menuTitle {
                font-size: 20px;
            }
        }
    }

    /* Left Navigation End */

    /* Opp Board Start */
    c-nf-creator-opportunity-board .oppBoardContainer {
        max-width: 340px;
    }

    c-nf-creator-opportunity-board .oppBoardItemTitle {
        font-size: 14px;
        font-weight: 400;
    }

    body.VALGameTheme c-nf-creator-opportunity-board .learnMoreContainer,
    body.TFTGameTheme c-nf-creator-opportunity-board .learnMoreContainer {
        font-size: 16px;
        font-weight: 700;
    }

    body.LOLGameTheme c-nf-creator-opportunity-board .learnMoreContainer {
        font-size: 14px;
    }

    c-nf-creator-opportunity-board .oppBoardItemDetailsContainer {
        padding: 15px;
    }

    body.VALGameTheme c-nf-creator-opportunity-board .oppBoardItemTitle {
        width: 65%;
    }

    body.LOLGameTheme c-nf-creator-opportunity-board .oppBoardItemTitle,
    body.TFTGameTheme c-nf-creator-opportunity-board .oppBoardItemTitle {
        width: 55%;
    }

    c-nf-creator-opportunity-board .oppBoardTitleAndLearnMoreContainer {
        gap: 12px;
    }

    body.VALGameTheme c-nf-creator-opportunity-board .interestedButton,
    body.TFTGameTheme c-nf-creator-opportunity-board .interestedButton {
        height: 47px;
        width: 154px;
    }

    body.LOLGameTheme c-nf-creator-opportunity-board .interestedButton {
        height: 47px;
        width: 208px;
    }

    body.LOLGameTheme c-nf-creator-opportunity-board .oppBoardItemBody,
    body.VALGameTheme c-nf-creator-opportunity-board .oppBoardItemBody {
        font-size: 14px;
        font-weight: 400;
    }

    body.TFTGameTheme c-nf-creator-opportunity-board .oppBoardItemBody {
        font-size: 14px;
        font-weight: 500;
    }

    /* Opp Board End */

    body.TFTGameTheme .aboutRPPSection3 {
        background-position: 50%;
        background-size: cover;
    }

    .gameSection3Container.val {
        background-position: 50%;
        background-size: 250% 100%;
    }

    .gameHeaderContainer.val .gameHeaderLogo {
        min-height: 50px;
    }

    .gameHeaderContainer.lol,
    .gameHeaderContainer.val,
    .gameHeaderContainer.tft {
        height: 430px;
    }

    .gameHeaderContainer.lol .gameHeaderLogo {
        height: 115px;
        width: 270px;
    }

    .gameHeaderContainer.tft .gameHeaderLogo {
        min-height: 80px;
    }

    .gameHeaderContainer.lol .gameHeaderLogo {
        background-size: contain;
    }

    .gameHeaderTitle {
        font-size: 18px;
        line-height: normal;
        font-weight: 700;
    }

    .gameHeaderTitle.val {
        font-size: 24px;
        font-weight: 750;
    }

    .gameHeaderTitle.lol {
        font-weight: 900;
    }

    .gameHeaderTitle.tft {
        font-size: 24px;
    }

    .gameSection2SubTitle.lol,
    .gameSection2SubTitle.tft {
        font-weight: 600;
    }

    .gameHeaderApplyDiv {
        top: 60%;
    }

    .aboutRPPSection1,
    .eligibilityAndCriteriaSection1,
    .faqsSection1 {
        padding: 0 !important;
    }

    .gameSection4ImageDiv {
        max-width: 325px;
        max-height: 150px;
        margin-left: auto;
        margin-right: auto;

        & a {
            max-height: 150px;
        }
    }

    c-nf-riot-hero {
        height: 390px !important;
    }

    c-nf-riot-hero div.hero-new {
        left: 50%;
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    .homeHeroSection c-nf-riot-hero div.hero-new {
        align-items: flex-end;
        top: unset;
        bottom: 0;
    }

    .homeHeroSection c-nf-riot-hero div.hero-new .hero-new__content-inner p {
        font-size: 14px;
    }

    .homeHeroSection c-nf-riot-hero div.hero-new .hero-new__content-inner h1 {
        font-size: 32px !important;
    }

    c-nf-riot-hero .hero-new__content {
        padding: 0;
        margin: 0;
    }

    c-nf-riot-hero .hero-new__content-inner {
        width: 350px;
        margin: auto;
    }

    c-nf-riot-hero .hero-new__content-inner h1,
    c-nf-riot-hero .hero-new__content-inner p,
    c-nf-riot-hero .heroButtonContainer {
        text-align: center !important;
    }

    c-nf-riot-hero .hero-new__content-inner h1 {
        font-size: 36px;
        line-height: normal;
    }

    body.LOLGameTheme c-nf-riot-hero .hero-new__content-inner h1 {
        font-size: 36px;
        line-height: normal;
    }

    body.VALGameTheme c-nf-riot-hero .hero-new__content-inner h1,
    body.TFTGameTheme c-nf-riot-hero .hero-new__content-inner h1 {
        font-size: 48px;
        line-height: normal;
    }

    c-nf-riot-hero .hero-new__content-inner p {
        font-size: 23.066px;
        letter-spacing: -0.692px;
    }

    body.LOLGameTheme c-nf-riot-hero .hero-new__content-inner p {
        font-size: 16px;
        font-weight: 400;
        line-height: 120%;
        letter-spacing: -0.48px;
    }

    body.VALGameTheme c-nf-riot-hero .hero-new__content-inner p {
        font-size: 16px;
        letter-spacing: -0.48px;
    }

    body.TFTGameTheme c-nf-riot-hero .hero-new__content-inner p {
        font-size: 18px;
        letter-spacing: normal
    }

    .myApplicationsSubtitle {
        padding: 50px 0 0;
    }

    c-nf-list-view,
    .myApplicationsSubtitle {
        width: 90%;
        margin: auto;
        max-width: 335px;
    }

    c-nf-list-view .slds-max-medium-table_stacked-horizontal th:before {
        float: left;
    }

    c-nf-list-view .slds-max-medium-table_stacked-horizontal th {
        text-align: right;
    }

    body.LOLGameTheme .myProfileFlow button {
        font-size: 16px;
        height: 32px;
        width: 300px;
    }

    body.VALGameTheme .myProfileFlow button {
        font-size: 18px;
        height: 44px;
        width: 250px;
    }

    body.TFTGameTheme .myProfileFlow button {
        font-size: 18px;
        height: 40px;
        width: 250px;
    }

    .myProfileFlow .slds-align_absolute-center.notToggle {
        flex-direction: column;
        gap: 24px;
    }

    .myProfileFlow flowruntime-display-text-lwc lightning-formatted-rich-text {
        font-size: 18px;
    }

    .myProfileFlow flowruntime-display-text-lwc lightning-formatted-rich-text p,
    .myProfileFlow flowruntime-picklist-input-lwc lightning-select .slds-form-element__control {
        margin-bottom: 24px;
    }

    /*Game Cards Start*/
    img.lolCard,
    img.valCard,
    img.tftCard {
        display: none !important;
    }

    img.lolCardMobile,
    img.valCardMobile,
    img.tftCardMobile {
        display: inline;
    }

    div.cardButton {
        top: -55px;
        left: -105px;
        outline: 0.5px solid white;
        outline-offset: 1.5px;

        & span.cardButtonLabel {
            vertical-align: middle;
        }
    }

    .lolCard,
    .valCard,
    .tftCard {
        height: 150px;
        width: 325px;
    }

    .lolCard div.cardButton {
        padding: 1.25px 13.75px;

        & span.cardButtonLabel {
            font-size: 5.75px;
            line-height: normal;
        }
    }

    .valCard div.cardButton {
        padding: 1.25px 16.75px;

        & span.cardButtonLabel {
            font-size: 5px;
            line-height: normal;
        }
    }

    .tftCard div.cardButton {
        padding: 0.25px 12.25px;
        left: -108px;

        & span.cardButtonLabel {
            font-size: 5.8px;
            line-height: normal;
        }
    }

    /*Game Cards End*/

    /*behavior expectations*/
    .behaviorExpectationsSection1 .tab__label,
    .behaviorExpectationsSection1 .tab__content {
        font-size: 16px;
    }

    .behaviorExpectationsSection1 .tab__content {
        line-height: normal;
    }

    .behaviorExpectationsSection1 .tab__label {
        padding: 24px 0;
    }

    .behaviorExpectationsSection1 input:checked~.tab__content {
        padding-bottom: 24px;
    }

    body.LOLGameTheme .behaviorExpectationsSection1 .subTitle,
    body.VALGameTheme .behaviorExpectationsSection1 .subTitle,
    body.TFTGameTheme .behaviorExpectationsSection1 .subTitle {
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 18px;
    }

    body.TFTGameTheme .behaviorExpectationsSection1 .subTitle {
        font-weight: 500;
        line-height: normal;
    }

    body.LOLGameTheme .behaviorExpectationsSection1 .tab__label,
    body.VALGameTheme .behaviorExpectationsSection1 .tab__label,
    body.TFTGameTheme .behaviorExpectationsSection1 .tab__label {
        font-size: 16px;
        font-weight: 700;
        line-height: 28px;
        letter-spacing: 0.2px;
    }

    /*behavior expectations End*/

    c-nf-creator-content-codes .codes-wrapper {
        width: 80%;
        max-width: 340px;
    }

    /*creator content codes Start*/
    body.LOLGameTheme c-nf-creator-content-codes .codes-wrapper h2,
    body.VALGameTheme c-nf-creator-content-codes .codes-wrapper h2,
    body.TFTGameTheme c-nf-creator-content-codes .codes-wrapper h2 {
        font-size: 36px;
    }

    body.VALGameTheme c-nf-creator-content-codes .codes-wrapper h2 {
        line-height: 100%;
    }

    body.TFTGameTheme c-nf-creator-content-codes .codes-wrapper h2 {
        font-weight: 900;
        line-height: 100%;
    }

    /*creator content codes End*/

    /*game accounts Start*/
    c-nf-game-accounts .account-wrapper {
        width: 100%;
        max-width: 340px;
        margin: auto;
    }

    c-nf-game-accounts .account-list .account {
        margin: 12px 0;
        width: 340px;
    }

    c-nf-game-accounts .accounts h2 {
        font-size: 37.895px;
        line-height: 100%;
    }

    c-nf-game-accounts .accounts p {
        font-size: 14.737px;
    }

    c-nf-game-accounts .accounts .account {
        font-size: 23.158px;
    }

    c-nf-game-accounts .cmodal {
        padding: 40px 15px 30px;
        width: 90%;
        max-width: 340px;
    }

    c-nf-game-accounts .cmodal h2 {
        font-size: 18px;
        font-weight: 500;
    }

    c-nf-game-accounts .modalButtonContainer {
        gap: 16px;
    }

    c-nf-game-accounts .cancelBtn,
    c-nf-game-accounts .addAccountBtn {
        font-size: 16px;
    }

    /*game accounts End*/

    /*Error page Start*/
    .loginErrorImage,
    .errorImage {
        height: 175px;
        width: 175px;
    }

    .errorTitle {
        font-size: 32px;
    }

    .errorSubtitle {
        font-size: 18px;
    }

    .errorSection1 .gameButton {
        font-size: 24px;
        line-height: normal;
        padding: 12px 21px;
    }

    /*Error page End*/

    .underConstructionImage {
        left: 50%;
        top: unset;
        bottom: 50px;
        transform: translateX(-50%);
    }

    c-nf-creator-profile-details {
        span.sectionLabel {
            font-size: 16px;
        }

        .buttonContainer {
            margin: 10px 0;
            display: grid;

            lightning-layout-item {
                text-align: center !important;
                padding: 10px;
            }
        }

        lightning-layout-item.userField:has(lightning-dual-listbox) {
            width: 100% !important;
        }
    }

    /*heros & background-images Start*/

    .homeHeroSection {
        background-image: linear-gradient(180deg, rgba(97, 97, 97, 0.00) 60.51%, black 113.21%), url('/sfsites/c/file-asset/homeHeroBGMobile?isOptimized=true');
    }

    .gameHeaderContainer.val {
        background-image: var(--blackOverlay40to40), url('/sfsites/c/file-asset/valorantHeaderBGMobile?isOptimized=true');
    }

    .gameHeaderContainer.lol {
        background-image: var(--blackOverlay40to40), url('/sfsites/c/file-asset/lolHeaderBGMobile?isOptimized=true');
    }

    .gameHeaderContainer.tft {
        background-image: var(--blackOverlay40to40), url('/sfsites/c/file-asset/tftHeaderBGMobile?isOptimized=true');
    }

    .applicationHeroSection {
        background-image: var(--blackOverlay50to50), url('/sfsites/c/file-asset/applicationHeroBGMobile?isOptimized=true');
    }

    .myApplicationsHeroSection {
        background-image: var(--blackOverlay50to50), url('/sfsites/c/file-asset/myApplicationsHeroBGMobile?isOptimized=true');
    }

    .aboutRPPHeroSection {
        background-image: var(--blackOverlay40to40), url('/sfsites/c/file-asset/aboutRPPHeaderBGMobile?isOptimized=true');
    }

    body.LOLGameTheme .aboutRPPHeroSection {
        background-image: var(--blackOverlay40to40), url('/sfsites/c/file-asset/LOLaboutRPPHeaderBGMobile?isOptimized=true');
    }

    body.VALGameTheme .aboutRPPHeroSection {
        background-image: var(--blackOverlay40to40), url('/sfsites/c/file-asset/VALaboutRPPHeaderBGMobile?isOptimized=true');
    }

    body.TFTGameTheme .aboutRPPHeroSection {
        background-image: var(--blackOverlay40to40), url('/sfsites/c/file-asset/TFTaboutRPPHeaderBGMobile?isOptimized=true');
    }

    .faqsHeroSection {
        background-image: var(--blackOverlay40to40), url('/sfsites/c/file-asset/faqsHeaderBGMobile?isOptimized=true');
    }

    body.LOLGameTheme .faqsHeroSection {
        background-image: var(--blackOverlay40to40), url('/sfsites/c/file-asset/LOLfaqsHeaderBGMobile?isOptimized=true');
    }

    body.VALGameTheme .faqsHeroSection {
        background-image: var(--blackOverlay40to40), url('/sfsites/c/file-asset/VALfaqsHeaderBGMobile?isOptimized=true');
    }

    body.TFTGameTheme .faqsHeroSection {
        background-image: var(--blackOverlay40to40), url('/sfsites/c/file-asset/TFTfaqsHeaderBGMobile?isOptimized=true');
    }

    .eligibilityAndCriteriaHeroSection {
        background-image: var(--blackOverlay40to40), url('/sfsites/c/file-asset/eligibilityAndCriteriaHeaderBGMobile?isOptimized=true');
    }

    body.LOLGameTheme .eligibilityAndCriteriaHeroSection {
        background-image: var(--blackOverlay40to40), url('/sfsites/c/file-asset/LOLeligibilityAndCriteriaHeaderBGMobile?isOptimized=true');
    }

    body.VALGameTheme .eligibilityAndCriteriaHeroSection {
        background-image: var(--blackOverlay20to20), url('/sfsites/c/file-asset/VALeligibilityAndCriteriaHeaderBGMobile?isOptimized=true');
    }

    body.TFTGameTheme .eligibilityAndCriteriaHeroSection {
        background-image: url('/sfsites/c/file-asset/TFTeligibilityAndCriteriaHeaderBGMobile?isOptimized=true');
    }

    body.LOLGameTheme .oppBoardHeroSection {
        background-image: var(--blackOverlay60to60), url('/sfsites/c/file-asset/LOLopportunityBoardHeaderBGMobile?isOptimized=true');
    }

    body.VALGameTheme .oppBoardHeroSection {
        background-image: var(--blackOverlay20to20), url('/sfsites/c/file-asset/VALopportunityBoardHeaderBGMobile?isOptimized=true');
    }

    body.TFTGameTheme .oppBoardHeroSection {
        background-image: var(--blackOverlay60to60), url('/sfsites/c/file-asset/TFTopportunityBoardHeaderBGMobile?isOptimized=true');
    }

    body.LOLGameTheme .codeDistributionsHeroSection {
        background-image: var(--blackOverlay40to40), url('/sfsites/c/file-asset/LOLcodeDistributionBGMobile?isOptimized=true');
    }

    body.VALGameTheme .codeDistributionsHeroSection {
        background-image: var(--blackOverlay20to20), url('/sfsites/c/file-asset/VALcodeDistributionBGMobile?isOptimized=true');
    }

    body.TFTGameTheme .codeDistributionsHeroSection {
        background-image: var(--blackOverlay40to40), url('/sfsites/c/file-asset/TFTcodeDistributionBGMobile?isOptimized=true');
    }

    body.LOLGameTheme .creatorDashboardHeroSection {
        background-image: var(--blackOverlay60to60), url('/sfsites/c/file-asset/LOLcreatorDashboardBGMobile?isOptimized=true');
    }

    body.VALGameTheme .creatorDashboardHeroSection {
        background-image: var(--blackOverlay40to40), url('/sfsites/c/file-asset/VALcreatorDashboardBGMobile?isOptimized=true');
    }

    body.TFTGameTheme .creatorDashboardHeroSection {
        background-image: var(--blackOverlay40to40), url('/sfsites/c/file-asset/TFTcreatorDashboardBGMobile?isOptimized=true');
    }

    body.LOLGameTheme .gameAccountsHeroSection {
        background-image: var(--blackOverlay40to40), url('/sfsites/c/file-asset/LOLgameAccountsBGMobile?isOptimized=true');
    }

    body.VALGameTheme .gameAccountsHeroSection {
        background-image: var(--blackOverlay40to40), url('/sfsites/c/file-asset/VALgameAccountsBGMobile?isOptimized=true');
    }

    body.TFTGameTheme .gameAccountsHeroSection {
        background-image: var(--blackOverlay40to40), url('/sfsites/c/file-asset/TFTgameAccountsBGMobile?isOptimized=true');
    }

    body.LOLGameTheme .myProfileHeroSection {
        background-image: var(--blackOverlay40to40), url('/sfsites/c/file-asset/lolMyProfileHeroBGMobile?isOptimized=true');
    }

    body.VALGameTheme .myProfileHeroSection {
        background-image: var(--blackOverlay40to40), url('/sfsites/c/file-asset/valMyProfileHeroBGMobile?isOptimized=true');
    }

    body.TFTGameTheme .myProfileHeroSection {
        background-image: var(--blackOverlay40to40), url('/sfsites/c/file-asset/tftMyProfileHeroBGMobile?isOptimized=true');
    }

    .eligibilityAndBehaviorHeroSection {
        background-image: var(--blackOverlay40to40), url('/sfsites/c/file-asset/behaviorExpectationsHeroBGMobile?isOptimized=true');
    }

    body.LOLGameTheme .eligibilityAndBehaviorHeroSection {
        background-image: var(--blackOverlay40to40), url('/sfsites/c/file-asset/LOLbehaviorExpectationsHeroBGMobile?isOptimized=true');
    }

    body.VALGameTheme .eligibilityAndBehaviorHeroSection {
        background-image: var(--blackOverlay40to40), url('/sfsites/c/file-asset/VALbehaviorExpectationsHeroBGMobile?isOptimized=true');
    }

    body.TFTGameTheme .eligibilityAndBehaviorHeroSection {
        background-image: var(--blackOverlay40to40), url('/sfsites/c/file-asset/TFTbehaviorExpectationsHeroBGMobile?isOptimized=true');
    }

    body.LOLGameTheme .creatorDashboardSection1 {
        background-image: var(--blackOverlay60to60), url('/sfsites/c/file-asset/LOLcreatorDashboardsSection1BGMobile?isOptimized=true');
    }

    body.VALGameTheme .creatorDashboardSection1 {
        background-image: var(--blackOverlay80to80), url('/sfsites/c/file-asset/VALcreatorDashboardsSection1BGMobile?isOptimized=true');
    }

    body.TFTGameTheme .creatorDashboardSection1 {
        background-image: var(--blackOverlay80to80), url('/sfsites/c/file-asset/TFTcreatorDashboardsSection1BGMobile?isOptimized=true');
    }

    /*heros & background-images End*/
}