.changeIntegrationModal_confirmModalContainer__St1f5 .changeIntegrationModal_confirmModalHeader__-I\+4R {
    display: flex;
    font-weight: 600;
    font-size: 20px;
    margin: 16px 0;
    justify-content: space-between;
    line-height: 28px;
}

.changeIntegrationModal_confirmModalContainer__St1f5 .changeIntegrationModal_closeIcon__752CD {
    color: #666;
}

.changeIntegrationModal_confirmModalContainer__St1f5 {
    min-width: 500px;
    max-width: 680px;
    padding: 15px 20px;
    top: 330px;
    position: absolute;
}

.changeIntegrationModal_confirmModalContainer__St1f5 .changeIntegrationModal_embeddedContent__-GQo9 {
    min-height: unset;
}

.changeIntegrationModal_confirmModalContainer__St1f5 .changeIntegrationModal_buttonsContainer__tCPsX {
    margin-top: 24px;
    display: flex;
    justify-content: flex-end;
}

.changeIntegrationModal_confirmModalContainer__St1f5 .changeIntegrationModal_buttonsContainer__tCPsX .changeIntegrationModal_confirmModalIntegrationButton__AbpdD {
    margin-right: 15px;
}

.changeIntegrationModal_darkOverlay__9cyOX {
    background-color: rgb(0 0 0 / 70%);
}

.changeIntegrationModal_confirmModalContainer__St1f5 .changeIntegrationModal_projectLoadingScreen__rmgxC {
    width: 100%;
    padding: 20px 5px;
    box-shadow: none;
}

@media only screen and (max-width: 700px) {    
    .changeIntegrationModal_confirmModalContainer__St1f5 {
        width: unset;
        min-width: unset;
        margin: 0 10px;
    }
}

@media only screen and (max-width: 900px) {
    .changeIntegrationModal_confirmModalContainer__St1f5 .changeIntegrationModal_projectLoadingScreen__rmgxC {
        width: 100%;
    }
}

.embedLandingPage_embeddedPage__2nYQo {
    background-color: #eff6fc;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    padding-top: 160px;
    min-height: 100vh;
    box-sizing: border-box;
}

.embedLandingPage_embeddedBackground__M1Gij {
    height: 100vh;
    max-height: 100vh;
    background-color: white;
    background-image: url("https://claritystatic.azureedge.net/images/embedBackground.png");
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-position: bottom;
    background-size: contain;
    background-repeat: no-repeat;
}

/* Partner integration popup background. Standalone (does not reuse .embeddedBackground) so the popup can
   grow with its content via min-height without altering the shared embed background used elsewhere. */
.embedLandingPage_partnerBackground__idqaI {
    min-height: 100vh;
    background-color: white;
    background-image: url("https://claritystatic.azureedge.net/images/embedBackground.png");
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-position: bottom;
    background-size: contain;
    background-repeat: no-repeat;
}

.embedLandingPage_partnerErrorScreen__8EmEQ {
    flex: 1;
    min-height: 100vh;
    display: flex;
}

/* Persistent account footer, pinned to the bottom of the partner-integration popup on every screen while
   signed in. Fixed so it stays put regardless of which centered/scrolling screen is shown underneath. */
.embedLandingPage_partnerAccountFooter__pOvca {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 8px;
    padding: 10px 16px;
    background-color: rgba(255, 255, 255, 0.92);
    border-top: 1px solid #e1dfdd;
    font-size: 12px;
    color: #605e5c;
    z-index: 10;
}

.embedLandingPage_partnerAccountFooterEmail__qT8oK {
    overflow-wrap: anywhere;
}

.embedLandingPage_partnerAccountFooterSkeleton__1MHeq {
    display: flex;
    align-items: center;
    gap: 12px;
}

.embedLandingPage_partnerAccountFooterSkeletonBar__rVXdf {
    height: 12px;
    border-radius: 999px;
    background-color: #e6e4e2;
}

.embedLandingPage_partnerAccountFooterSkeletonEmail__YtXs2 {
    width: 190px;
}

.embedLandingPage_partnerAccountFooterSkeletonAction__3IoqZ {
    width: 56px;
}

.embedLandingPage_embeddedBackground__M1Gij .loadingContainer,
.embedLandingPage_embeddedBackground__M1Gij.loadingContainer {
    padding-top: 0px;
}

.embedLandingPage_partnerBackground__idqaI .loadingContainer,
.embedLandingPage_partnerBackground__idqaI.loadingContainer {
    padding-top: 0px;
}

.embedLandingPage_embeddedCard__BhQYj {
    width: 640px;
    border-radius: 8px;
    background-color: white;
    box-shadow: 0px 4.8px 14.4px 0px #0000002e;
}

/* Partner integration popup card elevation. Separate class so the heavier partner shadow does not affect
   other embedded cards (e.g. ProjectLoadingScreen) that share .embeddedCard. */
.embedLandingPage_partnerCard__taMkO {
    box-shadow:
        0px 25.6px 57.6px 0px #00000038,
        0px 4.8px 14.4px 0px #0000002e;
}

.embedLandingPage_embeddedCardHeader__hF2hR {
    padding: 20px 32px 0px;
}

.embedLandingPage_embeddedCardBody__ZSXk7 {
    padding: 20px;
    display: flex;
    flex-direction: column;
    min-height: 136px;
    gap: 16px;
}

.embedLandingPage_embeddedCardBody__ZSXk7 h1 {
    font-weight: 600;
    font-size: 16px;
    line-height: 32px;
}

.embedLandingPage_embeddedCardBody__ZSXk7 .attestationContainerWrapper {
    max-height: 200px;
}

.embedLandingPage_embeddedCardBody__ZSXk7 .cookiesBlockedContent {
    margin-top: 0px;
    width: 100%;
    gap: 16px;
}

.embedLandingPage_embeddedCardBody__ZSXk7 .copyEmailText {
    color: #2b88d8;
    margin-left: 2px;
}

.embedLandingPage_embeddedCardBody__ZSXk7 .firstRunConfirmation {
    width: 100%;
}

.embedLandingPage_projectLoadingCard__lmzI4 {
    justify-content: space-evenly;
    align-items: center;
}

.embedLandingPage_newProjectLongCard__YvD7m {
    min-height: 315px;
}

.embedLandingPage_newProjectLongCard__YvD7m .loadingContainer {
    margin: auto;
}

.embedLandingPage_chooseOrCreateProjectCard__sZOZN p,
.embedLandingPage_FREConfirmationCard__X\+2vT p {
    color: #605e5c;
}

.embedLandingPage_embeddedCardBody__ZSXk7 .ms-Button {
    min-width: 100px;
    padding: 5px 8px;
    width: fit-content;
    margin: 0px;
}

.embedLandingPage_embeddedCardBody__ZSXk7 .cookiesSideToSideButtons {
    margin-top: 0px;
    justify-content: end;
}

.embedLandingPage_chooseOrCreateProjectDropdown__OsghH .ms-Dropdown-container {
    padding-top: 4px;
}

@media only screen and (max-width: 720px) {
    .embedLandingPage_embeddedCard__BhQYj {
        width: 510px;
    }
}

.embedProjectSettings_settingsBackground__i2\+fp {
    background-color: #eff6fc;
    height: 100%;
    margin-right: 20px;
    margin-bottom: 20px;
}

.embedProjectSettings_settingsContainer__AQhu3 {
    padding: 16px 48px 30px;
    height: 100%;
}

.embedProjectSettings_settingsContainer__AQhu3 h3 {
    color: #323130;
    font-weight: 600;
    font-size: 26px;
    line-height: 36px;
    margin: 8px 0;
}

.embedProjectSettings_settingsContainer__AQhu3 .embedProjectSettings_editProjectText__QCrUW a:active {
    color: #0078d4;
}

.embedProjectSettings_settingsContainer__AQhu3 .embedProjectSettings_editProjectText__QCrUW a:focus {
    outline: auto;
}

.embedProjectSettings_settingsContainer__AQhu3 .embedProjectSettings_collapsibleTitle__U5ZEs .embedProjectSettings_collapsibleContentHeader__joJtw {
    display: flex;
    align-items: center;
    margin-top: 10px;
}

.embedProjectSettings_settingsContainer__AQhu3 .embedProjectSettings_collapsibleTitle__U5ZEs > * {
    font-size: 18px;
    line-height: 24px;
    cursor: pointer;
    color: #0078d4;
}

.embedProjectSettings_settingsContainer__AQhu3 .embedProjectSettings_collapsibleTitle__U5ZEs .embedProjectSettings_ms-Icon__WuXhJ {
    margin-right: 10px;
}

.embedProjectSettings_settingsContainer__AQhu3 .embedProjectSettings_loadingContainer__Bfm2b {
    padding-top: 0;
}

.embedProjectSettings_settingsContainer__AQhu3 .embedProjectSettings_editProjectText__QCrUW {
    font-size: 14px;
    line-height: 19px;
    max-width: 550px;
    margin-top: 16px;
}

.embedProjectSettings_settingsContainer__AQhu3 .embedProjectSettings_editProjectText__QCrUW a {
    display: block;
    width: fit-content;
    padding: 5px 0;
    color: #0078d4;
}

.embedProjectSettings_embedSetupCard__XGSiU {
    padding: 32px;
    width: 535px;
    min-width: 535px;
    position: relative;
    box-shadow: 0px 4px 14px 0px rgb(131, 126, 255, 0.3);
    background-color: white;
    border-radius: 8px;
}

.embedProjectSettings_embedSetupCardDescription__rPsbK {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    min-height: 73px;
    padding-bottom: 16px;
}

.embedProjectSettings_embedSetupCard__XGSiU .embedProjectSettings_titleContainer__SBjhP {
    display: flex;
    align-items: center;
    margin: 4px 0 16px;
    gap: 4px;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
}

.embedProjectSettings_embedSetupCard__XGSiU img {
    height: 80px;
    width: 80px;
    min-width: 80px;
    margin: 6px 0;
    object-fit: contain;
}

.embedProjectSettings_embedEmojiDescription__jIlIy {
    background-color: #2f9596;
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    border-radius: 127.273px;
    padding: 2px 10px;
    color: white;
    max-width: fit-content;
    margin: 14px 0;
    gap: 8px;
}

@media only screen and (max-width: 500px) {
    .embedProjectSettings_settingsContainer__AQhu3 {
        padding: 16px 24px 30px;
    }

    .embedProjectSettings_embedSetupCard__XGSiU {
        width: unset;
        text-align: center;
    }

    .embedProjectSettings_embedEmojiDescription__jIlIy {
        margin: 14px auto;
    }

    .embedProjectSettings_embedSetupCard__XGSiU .embedProjectSettings_titleContainer__SBjhP {
        flex-direction: column;
        align-items: center;
    }
}

.embedProjectSettings_projectActionButton__kdT9t {
    display: block;
    margin-top: 10px;
}

.embedProjectSettings_allIntegrationNote__iXhIK {
    margin-top: 16px;
    margin-bottom: 6px;
    font-size: 14px;
    line-height: 19px;
    color: #484644;
}

.embedProjectSettings_allIntegrationNote__iXhIK a {
    margin-left: 4px;
    color: #0078d4;
}

.embedProjectSettings_embedSetupCard__XGSiU .embedProjectSettings_connectedToContainer__VX0SV {
    margin-bottom: 55px;
}

.embedProjectSettings_editProjectContainer__wzZD\+ {
    padding: 20px;
}

.embedProjectSettings_embedSettingsDropDown__PuQE5 {
    max-width: 370px;
    margin: 16px 0px;
}

.embedProjectSettings_settingsContainer__AQhu3 .embedProjectSettings_editProjectText__QCrUW {
    font-size: 14px;
    line-height: 19px;
    max-width: 550px;
    margin-top: 16px;
}

.embedUpsellCard_upsellCard__ymGYm {
    display: flex;
    max-height: unset;
    min-height: 120px;
    box-shadow: none;
    flex-direction: column;
    align-items: center;
    margin-right: 0;
    margin-bottom: 24px;
    overflow: hidden;
    width: 400px;
}

.embedUpsellCard_upsellCardTexth1__gvHrV {
    margin: 18px 0 12px;
}

.embedUpsellCard_upsellCardImg__zcqHZ {
    background: transparent;
    max-width: 100%;
    max-height: unset;
}

.embedUpsellCard_upsellLearnMore__I8yMY {
    border: 1px solid #827DFF;
    border-radius: 4px;
    padding: 5px 12px;
    color: #000;
    margin: 24px;
    text-decoration: none;
    font-weight: 600;
}

.embedUpsellCard_upsellLearnMore__I8yMY:focus,
.embedUpsellCard_upsellLearnMore__I8yMY:hover {
    border: 1px solid #827DFF;
    border-radius: 4px;
    padding: 5px 12px;
    color: #000;
    margin: 24px;
    text-decoration: none;
    font-weight: 600;
}

.firstRunConfirmation_continueButton__y1qxD {
    width: 100%;
    align-items: flex-end;
    display: flex;
    flex-direction: column;

    margin-top: 40px;
    margin-bottom: 10px;
}

.projDelInacc_embeddedContentText__kHAH9 {
    display: flex;
    flex-direction: column;
}

.projDelInacc_projectDeletedAction__KuFOf {
    width: 95px;
    align-self: flex-end;
    margin-right: 20px;
    margin-top: 30px;
}

.projDelInacc_projectInaccessibleAction__XnkSs {
    width: 266px;
    align-self: flex-end;
    margin-right: 20px;
    margin-top: 30px;
}

.projDelInacc_projectRelodAction__297oD {
    width: fit-content;
    margin-top: 30px;
}

.projDelInacc_projectDeletedOrInaccessibleCard__rLPOJ .loadingContainer {
    padding: 0;
    margin: auto 0px;
}
.projectLoadingScreen_projectLoadingScreenContainer__7ccU0 {
    display: flex;
    width: 100%;
    padding: 20px 5px;
    box-shadow: none;
}

.projectLoadingScreen_projectLoadingScreenText__kHBOU {
    justify-content: center;
    display: flex;
    flex-direction: column;
}

.projectLoadingScreen_projectLoadingScreenContainer__7ccU0 img {
    width: 40%;
    height: fit-content;
    max-width: 380px;
}

.projectLoadingScreen_projectLoadingScreenText__kHBOU h1 {
    font-weight: 600;
    font-size: 20px;
    line-height: 32px;
}

.projectLoadingScreen_projectLoadingScreenText__kHBOU > span {
    margin-top: 20px;
}

@media only screen and (max-width: 900px) {
    .projectLoadingScreen_projectLoadingScreenContainer__7ccU0 {
        width: 100%;
        max-height: none;
    }
}

@media only screen and (max-width: 700px) {
    .projectLoadingScreen_projectLoadingScreenContainer__7ccU0 img {
        display: none;
    }

    .projectLoadingScreen_projectLoadingScreenContainer__7ccU0 {
        justify-content: flex-start;
    }

    .projectLoadingScreen_projectLoadingScreenText__kHBOU {
        text-align: center;
    }
}

@media only screen and (max-width: 500px) {
    .projectLoadingScreen_projectLoadingScreenText__kHBOU h1 {
        font-size: 18px;
        line-height: 24px;
    }
}

.projectv3_embedProjectTitleRebrand__0Dl7F {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #3B3A39;
    padding: 12px 16px;
}

.projectv3_tabsrebrand__UcVQJ {
    position: absolute;
}

.projectv3_tabsrebrand__UcVQJ button {
    padding: 0;
}

.projectv3_tabsrebrand__UcVQJ button:last-child {
    margin: 0;
}

.projectv3_tabsrebrand__UcVQJ .ms-Pivot-linkContent {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
}

.projectv3_tabsrebrand__UcVQJ .ms-Pivot-icon {
    line-height: 14px;
    margin: 0;
}

.projectv3_tabsrebrand__UcVQJ .ms-Pivot-text {
    line-height: 20px;
    margin: 0;
}

.projectv3_tabsrebrand__UcVQJ button {
    text-transform: capitalize;
}

.projectv3_tabsrebrand__UcVQJ button:hover {
    background-color: inherit;
    font-weight: 600;
}

.projectv3_embedClarityHeaderRebrand__qD54I {
    width: 100%;
    display: flex;
    background: #fff;
    color: #3B3A39;
    align-items: center;
    justify-content: center;
    padding: 14px 16px;
    box-sizing: border-box;
    height: 60px;
    top: 0;
    position: sticky;
    z-index: 1000;
}

.projectv3_embedClarityHeaderRebrand__qD54I a:not(.projectv3_signOutRebrand__2kOi\+),
.projectv3_embedClarityHeaderRebrand__qD54I a:not(.projectv3_signOutRebrand__2kOi\+):hover,
.projectv3_embedClarityHeaderRebrand__qD54I a:not(.projectv3_signOutRebrand__2kOi\+):focus,
.projectv3_embedClarityHeaderRebrand__qD54I a:not(.projectv3_signOutRebrand__2kOi\+):active,
.projectv3_embedClarityHeaderRebrand__qD54I a:not(.projectv3_signOutRebrand__2kOi\+):active:hover {
    color: #3B3A39;
    text-decoration: none;
}

.projectv3_signOutRebrand__2kOi\+,
.projectv3_signOutRebrand__2kOi\+:hover,
.projectv3_signOutRebrand__2kOi\+:focus,
.projectv3_signOutRebrand__2kOi\+:active,
.projectv3_signOutRebrand__2kOi\+:active:hover {
    height: 21px;
    margin-left: auto;
}

.projectv3_embedClarityHeaderRebrand__qD54I .logos {
    margin-bottom: 0;
}

.promo_welcome__D7iA4 {
    color: #000;
    font-weight: 600;
    font-size: 48px;
    line-height: 56px;
}

.promo_subtitle__dnfoY {
    font-size: 20px;
    line-height: 28px;
    font-weight: 400;
    color: #000;
}

.promo_firsth3__FQiMA {
    margin-top: 16px;
}

.promo_bannerImg__jgaDo {
    max-width: 50%;
}

.promo_signInButton__5Vamx, .promo_signInButton__5Vamx:hover {
    background: #0078D4 !important;
    box-shadow: 0px 3.2px 7.2px 0px rgba(0, 0, 0, 0.13), 0px 0.6px 1.8px 0px rgba(0, 0, 0, 0.10);
    border-radius: 47px !important;
    color: #fff;
    min-width: 180px;
    font-size: 20px;
    line-height: 28px;
    min-height: 48px;
    margin-top: 36px;
}

.promo_promoContent__OX6U6 {
    margin: 41px 0;
}

.promo_promoLanding__TZLvf {
    background: linear-gradient(280deg, #A0D6FF 0%, #C2E3FF 36.46%, #DFF0FF 50%, #F5FBFF 77.08%);
    width: 100%;
    padding: 50px 96px;
    justify-content: space-between;
    align-items: center;
    margin: auto;
    display: flex;
    min-height: 280px;
    position: relative;
    box-sizing: border-box;
}

.promo_promoSignInOptionsContainer__LMTTr {
    padding-top: 32px;
}

.promo_promoSignInOptionsContainer__LMTTr .signInButton {
    margin-left: 0px;
    margin-right: 0px;
    padding: 5px 20px;
    width: 200px;
    height: 30px;
    box-sizing: border-box;
}

@media only screen and (max-width: 900px) {
    .promo_bannerImg__jgaDo {
        max-width: 330px;
    }

    .promo_promoBody__7bhV\+{
        padding: 35px 67px;
    }
}

@media only screen and (max-width: 700px) {
    .promo_bannerImg__jgaDo {
        display: none;
    }

    .promo_promoContent__OX6U6 {
        text-align: center;
    }

    .promo_promoLanding__TZLvf{
        padding: 30px;
        justify-content: center;
    }
}

.promoPage_embedLanding__-t\+Dz {
    width: 100%;
    background-color: #fff;
}

.promoPage_newPromoLanding__m1Lcd {
    height: calc(100% - 96px);
    background: linear-gradient(343.97deg, #E5F4FF 13.18%, #E2F1FF 41.52%, #E7F4FF 52.05%, #F5FBFF 73.11%);
    padding: 96px 64px 0px;
    display: flex;
    flex-direction: column;
    gap: 80px;
    align-items: center;
}

.promoPage_promoTitle__AAHYO {
    font-weight: 600;
    font-size: 54px;
    line-height: 116%;
    color: #353535;
    text-align: center;
}

.promoPage_promoSubtitle__4Up6w {
    font-weight: 400;
    font-size: 20px;
    line-height: 28px;
    text-align: center;
    color: #3B3A39;
    margin-top: 16px;
}

.promoPage_newPromoSignInOptionsContainer__3pAq1 {
    margin-top: 42px;
    display: flex;
    width: 100%;
    justify-content: space-evenly;
}

.promoPage_newPromoSignInOptionsContainer__3pAq1 .signInButton {
    margin: 0px;
    padding: 5px 20px;
    width: 200px;
    height: 32px;
    box-sizing: border-box;
}

.promoPage_promoBanner__cZu1n {
    content: url("https://claritystatic.azureedge.net/images/embedLandingNew.png");
    width: 100%;
    max-width: 1280px;
    object-fit: scale-down;
}

.promoPage_upsellCardsContainer__QFFdt {
    max-width: 1348px;
    margin: auto;
    text-align: center;
    padding: 96px 0;
    background-color: #fff;
}

.promoPage_upsellCardsTitle__Lxj0A {
    background: linear-gradient(90deg, #8F58AB -8.93%, #3D60E0 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 24px;
    font-weight: 600;
    line-height: 32px; 
}

.promoPage_upsellCards__Vobbe {
    display: flex;
    margin-top: 40px;
    flex-flow: wrap;
    justify-content: center;
}

@media only screen and (max-width: 900px) {
    .promoPage_upsellCardsContainer__QFFdt {
        padding: 96px 67px;
    }
}

@media only screen and (max-width: 740px) {
    .promoPage_newPromoLanding__m1Lcd {
        padding: 48px 64px 0px;
        gap: 48px;
    }

    .promoPage_newPromoSignInOptionsContainer__3pAq1 {
        flex-direction: column;
        gap: 16px;
        align-items: center;
    }
}

@media only screen and (max-width: 560px) {
    .promoPage_newPromoLanding__m1Lcd {
        padding: 48px 64px;
        gap: 48px;
    }
}

.webflowDone_publishActionButton__lfbbB {
    width: fit-content;
    padding: 6px 20px;
    color: #fff;
    border-radius: 2px;
    align-self: end;
}

.webflowDone_actionButtons__PAvis {
    display: flex;
    gap: 8px;
    margin: 0;
    justify-content: flex-end;
}

.webflowDone_webflowdoneflpcontainer__fMPCl{
    display: flex;
    flex-direction: column;
    gap: 24px;
    width: 100%;
}

.webflowDone_webflowdoneflpelementscontainer__gecc\+ {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
}

.webflowDone_webflowdoneflpelementscontainer__gecc\+ h1 {
    align-self: flex-start;
}

.webflowDone_webflowdoneflpelementscontainer__gecc\+ .webflowDone_publishActionButton__lfbbB {
    align-self: unset;
    margin-top: 10px;
}

.shared_hide__I24ob {
    display: none !important;
}

.shared_bold__Dlnqb {
    font-weight: 600;
}

.shared_normal__AGbmz {
    font-weight: 400;
}

.shared_pointer__CJfQS {
    cursor: pointer;
}

.shared_darkBlueFont__owkq3 {
    color: #004578;
}

.shared_darkGrayFontBold__bK3Bp {
    color: #1b1a19;
    font-weight: 600;
}

.shared_darkGrayFont__0lQKR {
    color: #323130;
}

.shared_lightGrayFont__IAlG3 {
    color: #605e5c;
}

.shared_linkColor__niUKx {
    color: #0078d4;
}

.shared_regularFont__8a4Vb {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
}

.shared_flip__j5YnL {
    transform: rotate(180deg);
}

.shared_absolute__D6fiX {
    position: absolute;
}

.shared_absoluteTopRight__XjT6K {
    position: absolute;
    top: 16px;
    right: 16px;
}

.shared_flex__bW95Y {
    display: flex;
}

.shared_wrap__9gLie {
    flex-flow: wrap;
}

.shared_hidden__w7KpR {
    display: none;
}

.shared_visibilityHidden__tYFZV {
    visibility: hidden;
}

.shared_absolutePosition__wX8j\+ {
    position: absolute;
}

.shared_verticalFlex__rAS0M {
    flex-direction: column;
}

.shared_verticalCenteredFlex__Ehs7- {
    justify-content: center;
    align-items: center;
}

.shared_horizontalFlex__3OY6i {
    flex-direction: row;
}

.shared_horizontalCenteredFlex__RU29j {
    justify-content: center;
    align-items: center;
}

.shared_horizontalSpacedFlex__PWCyz {
    align-items: center;
    justify-content: space-between;
}

.shared_horizontalAlignCenteredFlex__12A87 {
    align-items: center;
}

.shared_alignEnd__wdHVN {
    align-items: flex-end;
}

.shared_rowReverseFlex__v-tpC {
    flex-direction: row-reverse;
}

.shared_shadowBold__dOyIg::before {
    display: block;
    content: attr(title);
    font-weight: bold;
    height: 1px;
    color: transparent;
    overflow: hidden;
    visibility: hidden;
}

.shared_breakLongWords__79IOm {
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-word;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}

.shared_tabContent__c7sZa {
    display: flex;
    overflow-y: hidden;
    flex: 1;
    position: relative;
}

.shared_projContent__nZv89,
.shared_tabContentWithFilter__opvdU {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    flex: 1;
    position: relative;
}

.shared_chartContentLoading__a2vWq {
    height: 350px;
}

.shared_capitalizeText__K4Itj {
    text-transform: capitalize;
}

.shared_fullHeight__sNI5B {
    height: 100%;
}

.shared_fullWidth__8U\+Sq {
    width: 100%;
}

.shared_forceFullWidth__VFFWX {
    width: 100% !important;
}

.shared_autoOverflow__Jgnu7 {
    overflow: auto;
}

.shared_hiddenOverflow__t0prM {
    overflow: hidden;
}

.shared_oneLineText__6z5KE {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.shared_filterButton__4bxHY i {
    height: 20px;
}

.shared_clearFiltersButton__-3\+No {
    background: transparent;
}

.shared_clearFiltersButton__-3\+No span {
    color: #424242;
}

.shared_clearFiltersButton__-3\+No path {
    fill: #424242;
}

.shared_horizontalDivider__hrc6y {
    width: 100%;
    height: 1px;
    background-color: #edebe9;
}

.shared_modalHeader__hR1UB {
    display: flex;
    font-weight: 600;
    font-size: 20px;
    margin: 16px 24px;
    justify-content: space-between;
}

.shared_modalHeader__hR1UB .shared_title__TeR3r {
    display: flex;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.shared_modalHeader__hR1UB .shared_title__TeR3r:focus {
    outline: none;
}

.shared_modalHeader__hR1UB .shared_title__TeR3r:focus-visible {
    outline: 3px solid;
}

.shared_removeElementContainer__AvErT {
    margin: 24px;
}

.shared_uploadScreenshot__WRVr6 button.is-disabled .ms-Button-label {
    color: #bebbb8;
}

.shared_uploadScreenshot__WRVr6 button.is-disabled {
    background: #e0e0e0;
}

.shared_errorMessage__PLChM {
    color: #a80000;
    font-size: 12px;
    line-height: 16px;
}

/* OVERRIDES */
.project .tabContentHeader {
    border-bottom: 0;
    padding: 12px 16px;
}

.scrolledDashboard .tabContentHeader {
    box-shadow:
        0px 0.6px 1.8px rgba(131, 126, 255, 0.1),
        0px 3.2px 7.2px rgba(131, 126, 255, 0.12);
    z-index: 3;
}

body a:hover {
    color: inherit;
}

.shared_flexSpacer__Ewb0O {
    flex: 1 1 auto;
}

.shared_loadingContainer__k7h6y {
    align-items: center;
    justify-content: center;
    display: flex;
    flex: 1 1 auto;
}

.shared_linkDescriptionHidden__JhnBg {
    clip-path: inset(100%);
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}

.shared_visuallyHidden__6GmVQ {
    clip-path: inset(100%);
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}

.shared_shimmerElement__aQ-Xs {
    border-radius: 4px;
    background: linear-gradient(90deg, #f3f2f1 50%, #edebea, #f3f2f1 75%);
    background-size: 400px 100%;
    animation: shared_shimmer__1bsoT 2s infinite linear;
}

.shared_buttonShimmerR__gQEpS {
    border-radius: 47px;
}

.shared_textAlignRight__0IR84 {
    text-align: right;
}

@keyframes shared_shimmer__1bsoT {
    0% {
        background-position: -400px 0;
    }
    100% {
        background-position: 400px 0;
    }
}

.fre_gettingStarted__mYvIF {
    background-color: #fff;
    overflow: auto;
    height: 100%;
    margin: 0 auto;
    width: 100%;
    position: relative;
}

.fre_preTagGettingStarted__eaGA8,
.fre_preTagDomainVerification__xYaMR {
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    min-height: 0;
    overflow: auto;
    color: #161514;
    background: linear-gradient(139deg, rgba(222, 236, 249, 0.5) 24%, rgba(250, 233, 255, 0.5) 91%);
}

.fre_preTagGettingStarted__eaGA8 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 56px;
    padding: 80px 150px;
}

.fre_preTagHeader__csG0W,
.fre_preTagDomainHeader__0xCRg {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    text-align: center;
}

.fre_preTagHeader__csG0W h3 {
    color: #827dff;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
}

.fre_preTagHeader__csG0W h2,
.fre_preTagDomainHeader__0xCRg h1 {
    margin: 0;
    font-size: 20px;
    font-weight: 600;
    line-height: 28px;
    letter-spacing: 0;
    color: #161514;
}

.fre_preTagCards__PNE4G {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: end;
    gap: 32px;
    width: min(100%, 1140px);
}

.fre_preTagCard__j9uHf {
    position: relative;
    box-sizing: border-box;
    min-height: 390px;
    overflow: hidden;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 10px 24px rgba(22, 55, 101, 0.08);
    height: 100%;
}

.fre_preTagCompleteCard__sxcZ8 {
    border: 1px solid #eaeaff;
    box-shadow: 0 10px 24px rgba(22, 55, 101, 0.1);
}

.fre_preTagRecommended__FN1dd {
    padding: 8px 12px;
    color: #020057;
    background: #eaeaff;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.66px;
    line-height: 14px;
    text-align: center;
}

.fre_preTagCardContent__\+6V12 {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    padding: 20px;
    height: 100%;
}

.fre_preTagCompleteCard__sxcZ8 .fre_preTagCardContent__\+6V12 {
    justify-content: space-between;
    gap: 32px;
    padding: 24px;
    height: calc(100% - 30px);
}

.fre_preTagCardBody__Wbbl1 {
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
}

.fre_preTagCardBody__Wbbl1 p {
    font-size: 12px;
    line-height: 16px;
}

.fre_preTagCardTitle__uD-P5 {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #161514;
}

.fre_preTagCardTitle__uD-P5 h2 {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    letter-spacing: 0;
}

.fre_preTagProductIcon__bo\+wX {
    display: inline-flex;
    width: 34px;
    height: 34px;
    flex: 0 0 34px;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-radius: 10px;
}

.fre_preTagFeatureList__YrNF8 {
    display: flex;
    width: 100%;
    flex-direction: column;
    gap: 12px;
}

.fre_preTagFeatureItem__PEtuX {
    display: flex;
    min-width: 0;
    align-items: flex-start;
    gap: 8px;
}

.fre_preTagFeatureIcon__txkpX {
    box-sizing: border-box;
    display: inline-flex;
    width: 32px;
    height: 32px;
    flex: 0 0 32px;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border: 1px solid #eaeaff;
    border-radius: 50%;
    background: #fff;
}

.fre_preTagFeatureText__v\+Eg8 {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 4px;
    font-size: 12px;
    line-height: 16px;
}

.fre_preTagFeatureText__v\+Eg8 strong {
    font-weight: 600;
}

.fre_preTagFeatureText__v\+Eg8 > span {
    color: #605e5c;
}

.fre_preTagAiBenefits__nIkJ6 {
    flex: 1;
    gap: 8px;
}

.fre_preTagAiBenefits__nIkJ6 .fre_preTagFeatureItem__PEtuX {
    align-items: center;
}

.fre_preTagAiBenefits__nIkJ6 .fre_preTagFeatureText__v\+Eg8 > span:empty {
    display: none;
}

.fre_preTagAiBenefits__nIkJ6 path {
    fill: #009af9;
}

.fre_preTagDomainVerification__xYaMR {
    padding: 80px 150px;
}

.fre_preTagDomainContent__G4k11 {
    display: flex;
    width: min(100%, 1140px);
    margin: 0 auto;
    flex-direction: column;
    align-items: stretch;
    gap: 24px;
}

.fre_agentUpsell__sdVAh .fre_preTagBackButton__PtOfF {
    position: absolute;
    top: 20px;
    left: 38px;
    z-index: 1;
}

.fre_preTagBackButton__PtOfF.ms-Button {
    border: none;
    background: transparent;
    width: fit-content;
}

.fre_preTagBackButton__PtOfF.ms-Button .ms-Button-label {
    color: #0078d4;
    font-weight: 400;
}

.fre_preTagDomainHeader__0xCRg p {
    margin: 0;
    font-size: 14px;
    line-height: 20px;
}

.fre_preTagDomainName__aVuhC {
    display: flex;
    align-items: center;
    gap: 4px;
}

.fre_preTagDomainName__aVuhC h3 {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
}

.fre_preTagVerificationCard__tydW0 {
    display: flex;
    margin-top: 32px;
    padding: 50px;
    overflow: hidden;
    flex-direction: column;
    gap: 24px;
    border-radius: 12px;
    background: #fff;
}

.fre_preTagVerificationOption__NUm7b {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 32px;
    padding-bottom: 24px;
    border-bottom: 1px solid #e1dfdd;
}

.fre_preTagVerificationOption__NUm7b:last-child {
    padding-bottom: 0;
    border-bottom: 0;
}

.fre_preTagVerificationDetails__AoIY6 {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 32px;
}

.fre_preTagVerificationDetails__AoIY6 .emoji {
    position: relative;
}

.fre_preTagVerificationDetails__AoIY6 svg,
.fre_preTagVerificationDetails__AoIY6 img {
    height: 40px;
    width: 40px;
}

.fre_preTagVerificationDetails__AoIY6 > span:last-child {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 8px;
}

.fre_preTagVerificationTitle__KE0oG {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
    font-size: 16px;
    line-height: 22px;
}

.fre_preTagBadge__2TG1b {
    padding: 3px 6px;
    border-radius: 4px;
    color: #020057;
    background: #eaeaff;
    font-size: 10px;
    font-weight: 600;
    line-height: 14px;
}

.fre_preTagVerificationDescription__7BRw\+ {
    color: #605e5c;
    font-size: 14px;
    line-height: 20px;
}

@media screen and (max-width: 1100px) {
    .fre_preTagGettingStarted__eaGA8,
    .fre_preTagDomainVerification__xYaMR {
        padding: 48px 32px;
    }

    .fre_preTagCards__PNE4G {
        grid-template-columns: 1fr;
        max-width: 560px;
    }

    .fre_preTagCard__j9uHf {
        min-height: 0;
    }

    .fre_preTagHeader__csG0W {
        margin-top: 80px;
    }
}

@media screen and (max-width: 600px) {
    .fre_preTagGettingStarted__eaGA8,
    .fre_preTagDomainVerification__xYaMR {
        padding: 32px 16px;
    }

    .fre_preTagGettingStarted__eaGA8 {
        justify-content: flex-start;
        gap: 32px;
    }

    .fre_preTagVerificationCard__tydW0 {
        padding: 24px;
    }

    .fre_preTagVerificationOption__NUm7b,
    .fre_preTagVerificationDetails__AoIY6 {
        align-items: flex-start;
    }

    .fre_preTagVerificationOption__NUm7b {
        flex-direction: column;
    }

    .fre_preTagVerificationDetails__AoIY6 {
        gap: 16px;
    }

    .fre_preTagHeader__csG0W {
        margin-top: 0;
    }
}

.fre_centered__wKzAv {
    max-width: 1340px;
    margin: 0 auto;
}

.fre_gettingStarted__mYvIF .fre_centered__wKzAv {
    margin: 0 auto;
    width: fit-content;
    position: relative;
}

.fre_gettingStarted__mYvIF .fre_centered__wKzAv.fre_agentUpsell__sdVAh {
    padding: 60px;
    display: flex;
    flex-direction: column;
    gap: 32px;
    width: 100%;
    max-width: 940px;
}

.fre_checklistArea__-Q\+e8 {
    display: flex;
    border-radius: 8px;
    user-select: none;
    margin-top: 20px;
}

.fre_mountainArea__sGU1B {
    border-radius: 8px;
    box-sizing: border-box;
    width: 560px;
    height: 594px;
    display: flex;
    align-items: end;
    overflow: hidden;
    justify-content: center;
    background: linear-gradient(180deg, #e9f7ff 0%, #ffffff 72.07%);
}

.fre_checklistItem__Mdonn {
    display: flex;
    border-bottom: 1px solid #f4f4f4;
}

.fre_aiVisibilityChecklistItem__oF-gA {
    border: 1px solid transparent;
    border-radius: 8px 8px 0 0;
    background:
        linear-gradient(#fff, #fff) padding-box,
        linear-gradient(97deg, #aa65ff 0%, #009af9 49.25%, #656aff 98.5%) border-box;
}

.fre_aiVisibilityChecklistItem__oF-gA .checklistItemTitle {
    margin-bottom: 0;
    color: transparent;
    background: linear-gradient(97deg, #aa65ff 0%, #009af9 49.25%, #656aff 98.5%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 600;
}

.fre_aiVisibilityChecklistItem__oF-gA a {
    width: fit-content;
}

.fre_checklistItem__Mdonn:last-child {
    border: none;
}

@media (forced-colors: active) {
    .fre_aiVisibilityChecklistItem__oF-gA .checklistItemTitle {
        color: CanvasText;
        -webkit-text-fill-color: CanvasText;
    }
}

.fre_checklistItems__NLGRN {
    margin-right: 24px;
    width: 509px;
    max-width: 509px;
    border-radius: 8px;
    box-shadow:
        0px 3px 7px 0px rgba(131, 126, 255, 0.12),
        0px 1px 2px 0px rgba(131, 126, 255, 0);
}

.fre_checklistTextArea__FWQfC {
    padding: 15px 10px;
    width: 100%;
}

.fre_aiVisibilityChecklistItem__oF-gA .fre_checklistTextArea__FWQfC {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.fre_checklistCircle__jqFIj {
    border-radius: 28px;
    height: 28px;
    width: 28px;
    margin: 26px;
    flex: 1 0 auto;
}

.fre_checklistCircle__jqFIj circle {
    fill: #827dff;
}

.fre_checklistCircle__jqFIj.fre_unChecked__HIrrn circle {
    fill: white;
}

.fre_appsCheckList__E\+rUG .fre_checklistItem__Mdonn {
    min-height: 98px;
}

.fre_mountainIllustration__LgGRS {
    width: 738px;
    height: 530px;
}

.fre_checklistTitle__FbsPu,
.fre_blogTitle__9bHTf {
    font-weight: 600;
    font-size: 40px;
    line-height: 35px;
    margin-bottom: 8px;
    letter-spacing: 3.2px;
    text-transform: uppercase;
}

.fre_checklist__2BTPW.fre_isSettings__ZKH6b,
.fre_blogUpsell__D1Iak.fre_isSettings__ZKH6b {
    padding: 60px 0px 67px 0px;
    position: relative;
}

.fre_checklistSubtitle__Vv1hA {
    margin-bottom: 32px;
    font-size: 16px;
    line-height: 20px;
    font-style: italic;
    color: #605e5c;
}

.fre_percentageBar__TLT4N {
    width: 509px;
    max-width: 509px;
}

.fre_bar__Xe5yh {
    display: grid;
    gap: 2px;
    width: 509px;
    max-width: 509px;
    margin-top: 5px;
}

.fre_percentageBar__TLT4N span:first-child {
    margin-right: 5px;
    font-weight: 600;
}

.fre_percentageBar__TLT4N span:nth-of-type(2) {
    font-style: italic;
}

.fre_totalBar__qqbuH {
    background-color: #dbdbdb;
    border-radius: 0 8px 8px 0;
    height: 20px;
}

.fre_progressBar__gwYu7 {
    align-items: center;
    background-color: #ed36ff;
    border-radius: 8px 0 0 8px;
    height: 20px;
}

.fre_totalBar__qqbuH.fre_fullBar__kpFjv,
.fre_progressBar__gwYu7.fre_fullBar__kpFjv {
    border-radius: 8px;
}

.fre_blogTitleArea__feUGD {
    text-align: center;
}

.fre_blogUpsell__D1Iak {
    background: linear-gradient(180deg, #ddefff 0%, #f2f9ff 100%);
}

.fre_blogUpsell__D1Iak .fre_centered__wKzAv {
    margin-bottom: 0;
}

.fre_blogItems__OfD90 {
    display: grid;
    grid-template-columns: auto auto;
    grid-row-gap: 24px;
    grid-column-gap: 24px;
    margin-top: 48px;
}

.fre_isSettings__ZKH6b .fre_blogItems__OfD90 {
    padding: 60px 50px 67px 50px;
}

.fre_blogItem__NvzHh {
    display: flex;
    /* this shadow is not noticeable without the decimal points on top of the blue background */
    box-shadow:
        0px 3.2px 7.2px 0px rgba(131, 126, 255, 0.12),
        0px 0.6px 1.8px 0px rgba(131, 126, 255, 0.1);
    border-radius: 8px;
    min-height: 120px;
    overflow: hidden;
    background-color: #fff;
    align-items: center;
    padding-right: 16px;
    max-width: 559px;
}

.fre_blogItem__NvzHh iframe {
    min-width: 150px;
    min-height: 150px;
}

.fre_blogItem__NvzHh:hover {
    color: #323130;
}

.fre_blogItems__OfD90 img {
    background-color: #fff;
}

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

.fre_blogItemTextArea__m9SM7 {
    padding: 24px 23px 16px;
    color: #323130;
    font-size: 14px;
    line-height: 19px;
}

.fre_blogItemTitle__Noi9Q {
    font-weight: 600;
    margin-bottom: 4px;
}

.fre_checkBlogButton__NhM-a {
    margin-top: 24px;
    left: 50%;
    transform: translateX(-50%);
}

.fre_setupOptions__bVikQ {
    background: linear-gradient(307deg, #fae9ff -9.47%, #deecf9 75.93%);
    padding: 60px 150px 67px 150px;
}

.fre_setupOptions__bVikQ.fre_agentUpsell__sdVAh {
    background: #eff6fc;
    padding: 0;
    display: flex;
    flex-direction: row;
}

@media screen and (max-width: 1350px) {
    .fre_gettingStarted__mYvIF .fre_setupOptions__bVikQ.fre_agentUpsell__sdVAh {
        flex-wrap: wrap;
    }

    .fre_gettingStarted__mYvIF .fre_setupOptions__bVikQ.fre_agentUpsell__sdVAh .fre_brandAgentUpsellContainer__o5aEL {
        width: 100%;
        border-left: unset;
        border-top: 1px solid #b7d3eb;
    }
}

.fre_setupOptions__bVikQ,
.fre_checklist__2BTPW,
.fre_blogUpsell__D1Iak {
    padding: 60px 150px 67px 150px;
}

.fre_setupTitle__ALire {
    text-align: center;
}

.fre_setupTitle__ALire span {
    font-size: 73px;
    font-weight: 700;
    line-height: 72px;
    letter-spacing: 8px;
    text-transform: uppercase;
}

.fre_agentUpsell__sdVAh .fre_setupTitle__ALire span {
    font-size: 40px;
}

.fre_setupTitle__ALire.fre_appsSubtitle__FTLRC {
    margin-bottom: 88px;
}

.fre_stillnoData__yMNKX {
    color: #004578;
    text-align: center;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    font-weight: 600;
    display: flex;
    margin-top: 52px;
    justify-content: center;
}

.fre_stillnoData__yMNKX.fre_brandAgent__MHb3x {
    color: #ae3af1;
}

.fre_stillnoData__yMNKX ~ a:hover,
.fre_stillnoData__yMNKX ~ a:focus,
.fre_stillnoData__yMNKX ~ a:active,
.fre_stillnoData__yMNKX ~ a:active:hover,
.fre_stillnoData__yMNKX .ms-Spinner-label {
    color: #004578;
}

.fre_socialBar__CMmIz {
    padding: 54px 0;
    background-color: #eaeaff;
}

.fre_socialMediaTitle__\+oy8f {
    text-align: center;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 12px;
    line-height: 16px;
    color: #323130;
    margin-bottom: 20px;
}

.fre_socialMediaItems__-vGG-,
.fre_socialMediaItem__0U-C4 {
    display: flex;
    font-size: 12px;
    line-height: 16px;
}

.fre_socialMediaItem__0U-C4 {
    border: 2px solid white;
    border-radius: 38px;
    align-items: center;
    margin-right: 16px;
    padding: 2px 20px 2px 2px;
    background-color: rgba(255, 255, 255, 0.5);
}

.fre_shortSetupOptions__7jseV.fre_setupTittle__-HwMz {
    text-align: center;
}

.fre_shortSetupOptions__7jseV.fre_setupTittle__-HwMz span {
    font-size: 43px;
    line-height: 43px;
}

.fre_setupSubtitle__NNhqq {
    font-size: 16px;
    font-style: italic;
    line-height: 28px;
    color: #323130;
    margin-top: 16px;
    text-align: center;
    margin-bottom: 44px;
}

.fre_socialMediaIcon__d7zhw {
    overflow: hidden;
    transform-origin: top left;
    width: 30px;
    height: 30px;
    margin-right: 12px;
}

.fre_socialMediaIcon__d7zhw::after {
    content: url(https://claritystatic.azureedge.net/images/SocialMediaIcons.png);
    position: relative;
}

.fre_socialMediaItem__0U-C4:nth-child(2) .fre_socialMediaIcon__d7zhw::after {
    left: -32px;
}

.fre_socialMediaItem__0U-C4:last-child .fre_socialMediaIcon__d7zhw::after {
    left: -63px;
}

.fre_socialMediaName__MetO2 {
    color: #323130;
}

.fre_clementineIllustration__LM1GH,
.fre_clementineIllustrationGTM__AX\+kA,
.fre_clementineIllustrationApp__UnVgz {
    position: absolute;
    z-index: 10;
    left: 150px;
}

.fre_clementineIllustration__LM1GH,
.fre_clementineIllustrationApp__UnVgz {
    bottom: 327px;
}

.fre_clementineIllustrationGTM__AX\+kA {
    bottom: 363px;
}

.fre_updatedClemKnockingCupAnimation__n5SKN,
.fre_clemKnockingCupAnimation__VDE5l {
    position: absolute;
    height: 180px;
    left: 32px;
    top: 74px;
    z-index: 2;
}

.fre_updatedClemKnockingCupAnimation__n5SKN {
    left: 0;
    top: -87px;
}

.fre_clementineIllustrationApp__UnVgz {
    left: 50px;
}

.fre_stillnoData__yMNKX .fre_loadingState__FN2Wl {
    height: 376px;
}

.fre_loadingState__FN2Wl > :first-child {
    margin-bottom: 5px;
}

.fre_loadingState__FN2Wl .fre_ms-Spinner-label__sc21- {
    color: white;
}

.fre_setupOptions__bVikQ.fre_fullHeight__sRUMD {
    background: linear-gradient(180deg, #ddefff 0%, #f2f9ff 100%);
    padding: 48px 48px 52px;
    min-height: 400px;
    height: 100%;
    position: relative;
    overflow: auto;
}

.fre_setupOptions__bVikQ.fre_fullHeight__sRUMD.fre_noCrumbs__\+pShk {
    min-height: 352px;
}

.fre_setupOptions__bVikQ.fre_fullHeight__sRUMD.fre_embedded__Hu6eo {
    background: transparent;
    padding: 48px 48px 52px 10px;
    min-height: 400px;
    height: 100%;
    position: relative;
    overflow: auto;
}

.fre_firstStep__mifib,
.fre_trackinStep__dVNHa {
    padding: 24px 32px;
    width: 764px;
}

.fre_trackinStep__dVNHa span {
    font-weight: 600;
}

.fre_thirdPlatformsContent__EeCyK,
.fre_needHelpContent__BKnh0,
.fre_trackingCodeContent__Lgyzc {
    border-radius: 8px;
    background: #fff;
    width: 100%;
    margin: 0 auto;
}

.fre_thirdPlatformsContentEmbedded__JnZMN {
    box-shadow: 0px 4px 14px 0px rgb(131, 126, 255, 0.3);
}

.fre_needHelpContent__BKnh0,
.fre_trackingCodeContent__Lgyzc {
    display: flex;
    justify-content: space-between;
}

.fre_thirdPlatformsContainer__UZr9h,
.fre_needHelpContainer__v29M1 {
    margin: 0 auto;
    position: relative;
}

.fre_needHelpContent__BKnh0 .fre_step__2gGeP {
    min-width: 480px;
}

.fre_emailTextField__grlnF {
    margin: 25px 0 32px 0;
    height: 75px;
}

.fre_thirdPlatformsContent__EeCyK {
    display: inline-block;
}

.fre_trackingCodeContainer__j5LA9 {
    margin: 0 auto;
    width: 100%;
    position: relative;
}

.fre_trackingCodeContent__Lgyzc .fre_code__p\+Qcb {
    margin: 8px 0 0 0;
}

.fre_trackingCodeContainer__j5LA9 .fre_markdownCode__J9lXa,
.fre_thirdPlatformsContainer__UZr9h .fre_markdownCode__J9lXa {
    margin-bottom: 24px;
}

.fre_markdownCode__J9lXa.fre_appsMarkdownCode__qyFl3 {
    margin-bottom: 8px;
}

.fre_thirdPlatformsContainer__UZr9h .fre_copyProjectId__orQd0 {
    margin-left: 12px;
}

.fre_thirdPlatformsContainer__UZr9h .fre_copyProjectId__orQd0 svg {
    filter: none;
}

.fre_thirdPlatformsContent__EeCyK > span:first-child {
    font-weight: 600;
    margin: 32px 0 0 32px;
    display: inline-block;
}

.fre_appsBackBreadcrumb__FsP49 {
    display: flex;
    align-items: center;
    column-gap: 4px;
}

.fre_appsIntegrationVerificationContainer__Xp75t {
    padding-left: 32px;
    padding-bottom: 32px;
}

.fre_platformFactsContainer__cGdk6 {
    display: flex;
}

.fre_thirdPlatformsContainer__UZr9h .fre_platformFacts__4dvVI {
    width: 1377px;
    display: grid;
    gap: 24px;
    grid-template-columns: auto auto auto;
}

.fre_stepsContainer__09Kxw {
    background-color: #fff;
    border-radius: 8px;
    padding: 5px 0;
    margin-top: 24px;
}

.fre_stepsContainerEmbedded__k2CuH {
    box-shadow: 0px 4px 14px 0px rgb(131, 126, 255, 0.3);
}

.fre_stepsContainer__09Kxw .fre_code__p\+Qcb {
    margin-left: 34px;
}

.fre_stepsContainer__09Kxw code {
    text-wrap: wrap;
}

.fre_platformFact__O2o1P {
    border: 1px solid #deecf9;
    border-radius: 8px;
    padding: 16px 24px;
    max-width: 508px;
    display: flex;
    align-items: start;
    margin-bottom: 12px;
}

.fre_thirdPlatformsContainer__UZr9h .fre_platformFact__O2o1P {
    width: 442px;
    background-color: #fff;
}

.fre_thirdPlatformsContainer__UZr9h .fre_platformFact__O2o1P.fre_platformFactEmbedded__wz2Aq {
    width: auto;
    background-color: #fff;
    box-shadow: 0px 4px 14px 0px rgb(131, 126, 255, 0.3);
}

.fre_platformFacts__4dvVI.fre_installation__9JrAb {
    margin: 45px 32px 24px 0;
}

.fre_platformFact__O2o1P .fre_fact__YVYRH {
    display: flex;
    flex-direction: column;
    margin-left: 12px;
    gap: 8px;
}

.fre_platformFact__O2o1P .fre_fact__YVYRH a {
    padding: 5px 12px 5px 0;
}

.fre_code__p\+Qcb {
    margin-left: 34px;
}

.fre_markdownCode__J9lXa {
    padding: 2px 8px 6px;
    margin-top: 4px;
    overflow: auto;
    background: #faf9f8;
}

.fre_platformFact__O2o1P i {
    display: flex;
    justify-content: center;
    align-items: center;
}

.fre_platformFact__O2o1P div > i {
    border-radius: 24px;
    background: #eaeaff;
    height: 38px;
    width: 38px;
}

.fre_thirdPartyPlatforms__QOQPp {
    display: grid;
    gap: 24px;
    border-radius: 6px;
    justify-content: center;
    margin: 24px 0;
    grid-template-columns: repeat(auto-fill, 247px);
    background-color: #fff;
}

.fre_thirdPartyPlatform__DYM3b {
    width: 243px;
    height: 64px;
    background: #ffffff;
    box-shadow:
        0px 3px 7px 0px rgba(131, 126, 255, 0.12),
        0px 0px 1px 0px rgba(131, 126, 255, 0.1);
    border-radius: 6px;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.fre_thirdPartyPlatform__DYM3b span {
    margin-left: 68px;
    font-weight: 600;
}

.fre_brunoLookingBack__LShxZ {
    position: absolute;
    right: 0;
}

.fre_installationBreadcrumb__zZeMY {
    margin-bottom: 24px;
}

.fre_installationBreadcrumb__zZeMY ol a {
    font-size: 18px;
}

.fre_installationBreadcrumb__zZeMY ol li:not(:first-child) {
    margin-left: 16px;
}

.fre_installationBreadcrumb__zZeMY li a:focus-visible {
    outline: -webkit-focus-ring-color auto 1px;
}

.fre_installationBreadcrumb__zZeMY ol a,
.fre_installationBreadcrumb__zZeMY .ms-Breadcrumb-chevron {
    color: #605e5c;
}

.fre_installationBreadcrumb__zZeMY ol > :last-child a {
    font-weight: 600;
    color: #323130;
}

/* Bug 10698257 — the "Installation methods" breadcrumb link and the chevron use
   fixed grays (#605e5c / #323130) that stay low-contrast in High Contrast
   (Aquatic ~2.5:1). Map the breadcrumb text and chevron to CanvasText so they
   meet contrast in every contrast theme. */
/* biome-ignore lint/correctness/noUnknownMediaFeatureName: -ms-high-contrast is a css known media feature */
@media screen and (-ms-high-contrast: active), (forced-colors: active) {
    .fre_installationBreadcrumb__zZeMY ol a,
    .fre_installationBreadcrumb__zZeMY ol > :last-child a,
    .fre_installationBreadcrumb__zZeMY .ms-Breadcrumb-chevron,
    .fre_installationBreadcrumb__zZeMY .ms-Breadcrumb-itemLink,
    .fre_installationBreadcrumb__zZeMY .fre_breadCrumbItem__2rxn5,
    .fre_installationBreadcrumb__zZeMY .fre_goBackBreadcrumb__1RMuH {
        /* biome-ignore lint/complexity/noImportantStyles: needs the important */
        color: CanvasText !important;
    }
}

.fre_installationBreadcrumb__zZeMY ol a:hover {
    color: #605e5c;
    text-decoration: none;
}

.fre_goBackBreadcrumb__1RMuH {
    margin-right: 8px;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.fre_goBackBreadcrumb__1RMuH:focus-visible {
    outline: 1px solid #000;
}

.fre_installationBreadcrumb__zZeMY .ms-Breadcrumb-itemLink {
    margin-right: 8px;
    padding-left: 0;
}

.fre_installationBreadcrumb__zZeMY .ms-Breadcrumb-itemLink:hover {
    background: unset;
    font-weight: 600;
}

.fre_installationBreadcrumb__zZeMY .ms-Breadcrumb-itemLink::after,
.fre_breadCrumbItem__2rxn5::after {
    display: block;
    content: attr(title);
    font-weight: 600;
    height: 0;
    color: transparent;
    overflow: hidden;
    visibility: hidden;
    pointer-events: none;
}

.fre_installationBreadcrumb__zZeMY .ms-Breadcrumb-itemLink::after {
    content: attr(content);
}

.fre_installationBreadcrumb__zZeMY .ms-Breadcrumb-listItem a:focus-visible {
    outline: 1px solid #000;
}

.fre_breadCrumbItem__2rxn5 {
    margin-right: 8px;
}

.fre_breadCrumbItem__2rxn5:hover {
    font-weight: 600;
}

.fre_fennickSitting__UdVbK {
    position: absolute;
    right: calc(50% - 450px);
    top: 290px;
}

.fre_step__2gGeP {
    margin: 32px 24px;
}

.fre_stepContent__AKJkG {
    max-width: 1300px;
}

.fre_firstStep__mifib {
    display: flex;
}

.fre_firstStep__mifib.fre_withCode__aXCIw {
    display: block;
}

.fre_letterIcon__Ggq3R {
    width: 28px;
    height: 28px;
    background: #0078d4;
    text-align: center;
    position: relative;
    top: 2px;
    border-radius: 45px;
    padding-top: 3px;
    font-weight: 600;
    color: #fff;
    margin-right: 8px;
}

.fre_stepNumber__k2gip {
    margin-right: 12px;
    display: flex;
    justify-content: center;
}

.fre_appsSetupStepsContainer__9VOV9 {
    margin-left: 6px;
}

.fre_setupOptions__bVikQ.fre_fullHeight__sRUMD .fre_appsSetupStepsContainer__9VOV9 {
    margin: 24px 32px;
}

.fre_appSetupTextContainer__0vwEO {
    display: inline-grid;
}

.fre_titleNoOrder__JJosw {
    margin-left: 38px;
}

.fre_subtitleNoOrder__JBelw {
    margin: 18px 0px 4px 38px;
}

.fre_instructionsList__5PXYD {
    margin-top: 2px;
    margin-left: 78px;
}

.fre_appsSetupStepsContainer__9VOV9 .fre_copyProjectId__orQd0.fre_withText__kA15u {
    margin: 4px 0 0 38px;
    min-height: 32px;
    padding: 0;
    width: fit-content;
}

.fre_appSetupTextContainer__0vwEO span:first-child {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 8px;
}

.fre_setupStep__MCJzF .fre_markdownCode__J9lXa {
    font-weight: 400;
    margin-left: 38px;
    max-width: 1000px;
}

.fre_copyProjectId__orQd0 svg {
    filter: invert();
}

.fre_stepNumber__k2gip + span {
    font-weight: 600;
}

.fre_setupStep__MCJzF div {
    display: flex;
    align-items: center;
    width: 100%;
}

.fre_setupSubStep__a2V-n {
    display: flex;
    flex-direction: column;
    align-items: stretch;
}

.fre_setupStep__MCJzF {
    margin-top: 24px;
}

.fre_setupStep__MCJzF svg path,
.fre_firstStep__mifib svg path {
    fill: white;
}

.fre_appsVerifyIntegrationContainer__FSNDv {
    margin-top: 24px;
    display: flex;
    align-items: center;
    max-width: 1000px;
}

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

.fre_appsVerifyIntegrationLeft__2nOZ5 {
    display: flex;
    flex-direction: column;
    row-gap: 8px;
    max-width: 600px;
    padding-right: 8px;
}

.fre_appsVerifyIntegrationLeft__2nOZ5 .fre_titleNoOrder__JJosw {
    margin-left: 0;
}

.fre_appsVerifyIntegrationStepsTitle__gqB6F {
    font-weight: 600;
}

.fre_appsVerifyIntegrationRight__X8SBw {
    display: flex;
    align-items: center;
    padding-left: 8px;
}

.fre_appsVerifyIntegrationIcon__JDxs5 {
    height: 20px;
}

.fre_appsVerifyIntegrationIcon__JDxs5 svg {
    width: 100%;
    height: 100%;
}

.fre_appsVerifyIntegrationText__X-2rc {
    margin-right: 8px;
}

.fre_appsSetupNpmLink__6tsGz {
    margin-top: 22px;
    margin-left: 38px;
}

.fre_appsSetupNpmLink__6tsGz a {
    margin-left: 6px;
}

.fre_appsSetupConfigTitle__im6Yi {
    display: flex;
    align-items: center;
    font-weight: 600;
    color: #161514;
}

.fre_appsSetupConfigSubtitle__Ea-iU {
    color: #323130;
    margin-top: 4px;
}

.fre_appsInfoIcon__N7q6k {
    display: flex;
    align-items: center;
    height: 20px;
    margin-left: 4px;
}

.fre_appsInfoIcon__N7q6k svg {
    margin-top: 3px;
}

.fre_appsSetupInput__iYGzg {
    display: flex;
    align-items: center;
    gap: 4px;
    margin-top: 8px;
    height: 32px;
}

.fre_instructionSetupLink__X-3MG a {
    margin-left: 6px;
    margin-right: 6px;
}

.fre_gettingStartedTilesSeparator__LWcoI {
    height: 1px;
    background: white;
    margin-top: 24px;
}

.fre_appsGettingStartedTitle__7WN-Y {
    color: #161514;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 24px;
}

.fre_appsGettingStartedPlatformsGrid__Cv\+Sk {
    width: 606px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 24px;
    flex-wrap: wrap;
}

.fre_appsGettingStartedPlatformCard__Mf3sL {
    width: 243px;
    display: flex;
    align-items: center;
    padding: 10px;
    border-radius: 8px;
    box-shadow:
        0px 0.6px 1.8px 0px rgba(131, 126, 255, 0.1),
        0px 3.2px 7.2px 0px rgba(131, 126, 255, 0.12);
}

.fre_appsGettingStartedPlatformCardDisabled__23e0m {
    cursor: default;
}

.fre_appsGettingStartedPlatformCardImgContainer__xcl7L {
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 26px;
}

.fre_appsGettingStartedPlatformCardImg__awJUt {
    height: 100%;
}

.fre_appsGettingStartedPlatformCardTitle__58i6M {
    color: #161514;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
}

.fre_appsGettingStartedPlatformCardComingSoon__RhSnA {
    margin-left: 16px;
    display: flex;
    padding: 4px 8px;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    border: 1px solid #827dff;
    color: #827dff;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
}

@media only screen and (max-width: 1300px) {
    .fre_isSettings__ZKH6b .fre_checklistArea__-Q\+e8 {
        margin-top: 20px;
        display: grid;
        grid-template-columns: auto;
        gap: 24px;
        justify-items: center;
    }

    .fre_isSettings__ZKH6b .fre_checklistItems__NLGRN {
        max-width: 100%;
        width: 100%;
        margin: unset;
    }

    .fre_isSettings__ZKH6b .fre_blogItems__OfD90 {
        display: grid;
        grid-row-gap: 24px;
        grid-template-columns: auto;
        grid-column-gap: 24px;
        margin-top: 48px;
        justify-content: center;
    }
}

@media only screen and (max-width: 1440px) {
    .fre_clemKnockingCupAnimation__VDE5l,
    .fre_clementineIllustration__LM1GH,
    .fre_clementineIllustrationGTM__AX\+kA,
    .fre_clementineIllustrationApp__UnVgz {
        display: none;
    }

    .fre_checklistArea__-Q\+e8 {
        margin-top: 20px;
        display: grid;
        grid-template-columns: auto;
        gap: 24px;
        justify-items: center;
    }

    .fre_checklistItems__NLGRN {
        max-width: 100%;
        width: 100%;
        margin: unset;
    }

    .fre_mountainArea__sGU1B {
        max-width: 100%;
        width: 100%;
    }
}
@media only screen and (max-width: 1300px) {
    .fre_blogItems__OfD90 {
        display: grid;
        grid-row-gap: 24px;
        grid-template-columns: auto;
        grid-column-gap: 24px;
        margin-top: 48px;
    }

    .fre_blogUpsell__D1Iak {
        padding: 60px 80px 67px 80px;
    }
}

@media only screen and (max-width: 1110px) {
    .fre_stepsContainerEmbedded__k2CuH .fre_firstStep__mifib.fre_firstStep__mifib.fre_withCode__aXCIw {
        width: unset;
    }
}

@media only screen and (max-width: 1100px) {
    .fre_thirdPlatformsContainer__UZr9h .fre_platformFacts__4dvVI {
        display: grid;
        grid-template-columns: auto;
    }

    .fre_thirdPlatformsContainer__UZr9h .fre_platformFact__O2o1P {
        width: 100%;
        min-width: 100%;
    }
}

@media only screen and (max-width: 900px) {
    .fre_blogItems__OfD90 {
        display: grid;
        grid-row-gap: 24px;
        grid-template-columns: auto;
        grid-column-gap: 24px;
        margin-top: 48px;
    }

    .fre_blogUpsell__D1Iak {
        padding: 60px 80px 67px 80px;
    }

    .fre_setupOptionTiles__hWwv2 {
        display: grid;
        gap: 16px;
        grid-auto-columns: auto;
    }

    .fre_trackingCodeContent__Lgyzc {
        display: inline-block;
    }

    .fre_trackinStep__dVNHa {
        width: 100%;
        min-width: 100%;
    }

    .fre_thirdPlatformsContainer__UZr9h .fre_platformFacts__4dvVI {
        display: grid;
        grid-template-columns: auto;
    }

    .fre_platformFacts__4dvVI.fre_installation__9JrAb {
        margin: 45px 32px 24px 32px;
    }

    .fre_thirdPlatformsContainer__UZr9h .fre_platformFact__O2o1P {
        width: 100%;
        min-width: 100%;
    }
}

@media only screen and (max-width: 800px) {
    .fre_setupOptions__bVikQ,
    .fre_checklist__2BTPW,
    .fre_blogUpsell__D1Iak {
        padding: 60px 80px 67px 80px;
    }

    .fre_firstStep__mifib {
        width: unset;
    }

    .fre_platformFact__O2o1P {
        width: 100%;
        max-width: 100%;
    }
}

@media only screen and (max-width: 650px) {
    .fre_setupOptions__bVikQ,
    .fre_checklist__2BTPW,
    .fre_blogUpsell__D1Iak {
        padding: 60px 24px 67px 24px;
    }
}

@media only screen and (max-width: 500px) {
    .fre_needHelpContent__BKnh0 .fre_step__2gGeP {
        min-width: unset;
    }
}

.fre_projectCreation__p9pqB,
.fre_promoEmails__\+aW86,
.fre_fre__P3lkr {
    padding: 0 0 16px;
    border-radius: 8px;
    background: #fff;
    box-shadow:
        0px 25.6px 57.6px 0px rgba(0, 0, 0, 0.22),
        0px 4.8px 14.4px 0px rgba(0, 0, 0, 0.18);
}

.fre_titleContainer__Mq3e2 {
    display: flex;
    align-items: flex-end;
    gap: 16px;
    margin: 16px 24px 20px 24px;
}

.fre_newProjectModalTitle__ElZbp {
    font-size: 20px;
    line-height: 28px;
}

.fre_title__pjNAN {
    font-size: 20px;
    line-height: 28px;
    margin: 16px 24px 20px 24px;
}

.fre_projectCreation__p9pqB .fre_close__kcJni {
    color: #323130;
    text-align: center;
    margin-left: auto;
}

.fre_projectCreation__p9pqB .fre_close__kcJni:hover {
    color: #323130;
}

.fre_container__dHIj1 {
    margin: 0 20px 8px;
    gap: 32px;
}

.newProjFormContainer .fre_form__PmoyO {
    min-width: unset;
}

.fre_form__PmoyO {
    gap: 16px;
    min-width: 398px;
    justify-content: center;
}

.fre_form__PmoyO > .fre_form__PmoyO {
    min-height: 284px;
    height: 100%;
}

.fre_wihtIndustryProjectCreation__rx3GJ .fre_unsupportedPlatformForm__xuZGf,
.fre_wihtIndustryProjectCreation__rx3GJ .fre_form__PmoyO > .fre_form__PmoyO {
    min-height: 356px;
}

.fre_platformSelectorContainer__kXsY3 > button {
    margin-top: 8px;
}

.fre_platformSelectorContainer__kXsY3 .fre_versionSupportMessage__Z0rTg {
    display: flex;
    margin-top: 8px;
    color: #605e5c;
}

.fre_versionSupportMessage__Z0rTg > i {
    height: 20px;
}

.fre_versionSupportMessage__Z0rTg > button {
    margin-left: 4px;
}

.fre_pivots__428g8 {
    margin-bottom: 8px;
}

.fre_projectCreation__p9pqB .fre_pivots__428g8 button {
    flex: 1;
    font-size: 14px;
    font-weight: 600;
    color: #242424;
    line-height: 20px;
}

.fre_projectCreation__p9pqB .fre_relative__ifMfW svg,
.fre_projectCreation__p9pqB .fre_relative__ifMfW .fre_image__1huR1 {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
}

.fre_projectCreation__p9pqB .fre_container__dHIj1 {
    flex-grow: 1;
}

.fre_projectCreation__p9pqB .fre_form__PmoyO {
    justify-content: flex-start;
}

.fre_projectCreation__p9pqB .fre_action__vM-P4 {
    margin-top: auto;
}

.fre_relative__ifMfW.fre_finnickPlaceholder__SjJ1O {
    top: -24px;
}

.fre_backChevron__2JUD4 {
    margin: 16px -16px 20px 16px;
    height: 28px;
}

.fre_backChevron__2JUD4 i {
    height: 24px;
}

.fre_unsupportedPlatformForm__xuZGf {
    gap: 24px;
    min-width: 398px;
}

.fre_unsupportedPlatformForm__xuZGf > span {
    margin-top: 12px;
}

.fre_unsupportedPlatformForm__xuZGf .ms-Checkbox label {
    gap: 0;
}

.fre_unsupportedPlatformForm__xuZGf .ms-Checkbox-text {
    margin: -4px 0 0 8px;
}

.fre_unsupportedPlatformForm__xuZGf .fre_action__vM-P4 {
    margin-top: auto;
}

@media screen and (max-width: 890px) {
    .fre_projectCreation__p9pqB .fre_relative__ifMfW {
        display: none;
    }

    .fre_projectCreation__p9pqB .fre_image__1huR1,
    .fre_promoEmails__\+aW86 .fre_image__1huR1,
    .fre_fre__P3lkr .fre_image__1huR1 {
        display: none;
    }
}

@keyframes fre_fadeOut__2HAes {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.fre_promoEmails__\+aW86 .fre_image__1huR1,
.fre_fre__P3lkr .fre_image__1huR1 {
    height: 310px;
}

.fre_projectCreation__p9pqB .fre_image__1huR1.fre_fadeIn__JbI5Y {
    animation: fre_fadeOut__2HAes 0.25s reverse;
}

.fre_projectCreation__p9pqB .fre_image__1huR1.fre_fadeOut__2HAes {
    animation: fre_fadeOut__2HAes 0.25s;
    opacity: 0;
}

.fre_projectCreation__p9pqB .fre_relative__ifMfW {
    position: relative;
    min-width: 400px;
    width: 400px;
    height: 300px;
    align-self: center;
}

.projectModalContainerInstall {
    max-height: calc(100% - 28px);
}

.fre_action__vM-P4 {
    gap: 8px;
    width: 100%;
    height: 48px;
    align-items: end;
    justify-content: end;
    margin-bottom: 8px;
}

.fre_websitePivotReplacement__m6eFx {
    font-weight: 600;
}

.fre_statement__fvr2H {
    color: #605e5c;
    font-size: 12px;
}

.fre_statement__fvr2H a {
    color: #0078d4;
    text-decoration-line: none;
}

.fre_statement__fvr2H a:hover {
    text-decoration-line: underline;
}

.fre_statement__fvr2H a:focus-visible {
    outline: 1px solid #000;
}

.fre_projectCreation__p9pqB .ms-TextField,
.fre_promoEmails__\+aW86 .ms-TextField,
.fre_fre__P3lkr .ms-TextField {
    height: 68px;
}

.fre_projectCreation__p9pqB .ms-TextField-errorMessage,
.fre_promoEmails__\+aW86 .ms-TextField-errorMessage,
.fre_fre__P3lkr .ms-TextField-errorMessage {
    padding-top: 2px;
}

.fre_projectCreation__p9pqB .ms-TextField label,
.fre_projectCreation__p9pqB .ms-Dropdown-container label,
.fre_promoEmails__\+aW86 .ms-TextField label,
.fre_fre__P3lkr .ms-TextField label {
    padding: 0;
    margin: 0 0 4px;
    font-size: 14px;
    font-weight: 400;
    color: #242424;
    line-height: 20px;
}

.fre_projectCreation__p9pqB .ms-Checkbox label,
.fre_promoEmails__\+aW86 .ms-Checkbox label,
.fre_fre__P3lkr .ms-Checkbox label {
    gap: 4px;
    margin: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}

.fre_checkboxLabel__j5Edl {
    margin-left: 4px;
    white-space: nowrap;
}

.fre_checkboxLabel__j5Edl.fre_mobile__eLuFl {
    white-space: normal;
}

.fre_checkboxLabel__j5Edl a {
    margin-left: 4px;
    color: #0078d4;
    text-decoration-line: underline;
}

.fre_checkboxLabel__j5Edl a:focus-visible {
    outline: 1px solid #000;
}

.fre_checkboxLabel__j5Edl span {
    margin-left: 0;
}

.fre_backgroundLayer__AbTvo {
    display: flex;
    align-content: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background-color: #eff6fc;
}

.fre_modal__Q\+Sk4 {
    width: min-content;
    height: min-content;
    max-height: 80%;
    overflow: auto;
    background-color: white;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 8px;
    box-shadow:
        0px 0.3px 0.9px rgba(0, 0, 0, 0.1),
        0px 1.6px 3.6px rgba(0, 0, 0, 0.13);
}

.fre_modal__Q\+Sk4 .fre_projectCreation__p9pqB {
    min-height: 430px;
}

.fre_modal__Q\+Sk4 .fre_projectCreation__p9pqB.fre_wihtIndustryProjectCreation__rx3GJ {
    max-height: calc(100vh - 92px); /*60px for header and 32px margin*/
    min-height: unset;
    overflow: auto;
}

.fre_modal__Q\+Sk4 .fre_projectCreation__p9pqB.fre_wihtIndustryProjectCreation__rx3GJ .fre_form__PmoyO > .fre_form__PmoyO,
.fre_modal__Q\+Sk4 .fre_projectCreation__p9pqB.fre_wihtIndustryProjectCreation__rx3GJ .fre_unsupportedPlatformForm__xuZGf {
    min-height: 414px;
}

.fre_projectCreation__p9pqB.fre_wihtIndustryProjectCreation__rx3GJ .ms-TextField-errorMessage {
    font-size: 11px;
}

.fre_modal__Q\+Sk4.fre_mobile__eLuFl {
    width: 90%;
}

.fre_modal__Q\+Sk4.fre_mobile__eLuFl .fre_form__PmoyO {
    min-width: unset;
    width: 100%;
}

.fre_modal__Q\+Sk4.fre_mobile__eLuFl .fre_subtitle__T-lWk {
    width: 100%;
}

.fre_attestationContainerWrapper__16\+bv {
    max-height: 252px;
    border: 1px solid #d1d1d1;
    background: #fafafa;
    border-radius: 4px;
    display: flex;
    flex-direction: column;
}

.fre_attestationContainer__Feaoc {
    overflow-y: auto;
    padding: 16px 8px 16px 30px;
}

.fre_attestationContainer__Feaoc p {
    margin-left: -14px;
}

.fre_attestationContainer__Feaoc strong {
    text-decoration: underline;
}

.fre_attestationContainer__Feaoc li::marker {
    font-weight: 600;
}

.fre_attestationContainer__Feaoc .fre_alphaList__cXT9J {
    list-style-type: lower-alpha;
    padding-left: 24px;
}

.fre_attestationContainer__Feaoc .fre_romanList__IjMpf {
    list-style-type: lower-roman;
    padding-left: 24px;
}

.fre_attestationContainerWrapper__16\+bv .fre_acceptTerms__iFChP {
    width: auto;
    background: #fff;
    box-shadow:
        0px -3.2px 7.2px 0px rgba(0, 0, 0, 0.08),
        0px -0.6px 1.8px 0px rgba(0, 0, 0, 0.1);
    border-radius: 0 0 4px 4px;
    padding: 14px 24px;
    display: flex;
    justify-content: center;
}

.fre_attestationContainerWrapper__16\+bv .fre_acceptTerms__iFChP label {
    align-items: center;
    gap: 0;
}

.fre_attestationContainerWrapper__16\+bv .fre_acceptTerms__iFChP .ms-Checkbox-checkbox {
    margin-right: 0;
}

.fre_brandAgentFREContainer__VRn7a {
    background-image:
        url("data:image/svg+xml,<svg width=\"462\" height=\"626\" viewBox=\"0 0 462 626\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><g filter=\"url%28%23filter0_f_3751_106649%29\"><ellipse cx=\"244.826\" cy=\"249.033\" rx=\"244.826\" ry=\"249.033\" transform=\"matrix%280.335127 0.942173 -0.500911 0.865499 125.181 -260.961%29\" fill=\"url%28%23paint0_radial_3751_106649%29\" fill-opacity=\"0.2\"/></g><defs><filter id=\"filter0_f_3751_106649\" x=\"-296.423\" y=\"-360.037\" width=\"757.817\" height=\"1090.57\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/><feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"BackgroundImageFix\" result=\"shape\"/><feGaussianBlur stdDeviation=\"114.792\" result=\"effect1_foregroundBlur_3751_106649\"/></filter><radialGradient id=\"paint0_radial_3751_106649\" cx=\"0\" cy=\"0\" r=\"1\" gradientUnits=\"userSpaceOnUse\" gradientTransform=\"translate%28244.826 249.033%29 rotate%2890%29 scale%28249.033 244.826%29\"><stop stop-color=\"%234E83FF\"/><stop offset=\"1\" stop-color=\"%23AE3AF1\" stop-opacity=\"0\"/></radialGradient></defs></svg>"),
        url("data:image/svg+xml,<svg width=\"402\" height=\"626\" viewBox=\"0 0 402 626\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><g filter=\"url%28%23filter0_f_3751_106650%29\"><ellipse cx=\"351.999\" cy=\"271.673\" rx=\"122.222\" ry=\"345.907\" fill=\"url%28%23paint0_radial_3751_106650%29\" fill-opacity=\"0.26\"/></g><defs><filter id=\"filter0_f_3751_106650\" x=\"0.192734\" y=\"-303.819\" width=\"703.613\" height=\"1150.98\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/><feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"BackgroundImageFix\" result=\"shape\"/><feGaussianBlur stdDeviation=\"114.792\" result=\"effect1_foregroundBlur_3751_106650\"/></filter><radialGradient id=\"paint0_radial_3751_106650\" cx=\"0\" cy=\"0\" r=\"1\" gradientUnits=\"userSpaceOnUse\" gradientTransform=\"translate%28351.999 271.673%29 rotate%2890%29 scale%28345.907 122.222%29\"><stop stop-color=\"%23EE5E36\"/><stop offset=\"1\" stop-color=\"white\" stop-opacity=\"0\"/></radialGradient></defs></svg>"),
        url("data:image/svg+xml,<svg width=\"500\" height=\"558\" viewBox=\"0 0 500 558\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><g filter=\"url%28%23filter0_f_3751_106648%29\"><path d=\"M500.001 442.444C500.001 559.519 352.24 654.427 169.966 654.427C-12.3068 654.427 -160.068 559.519 -160.068 442.444C-160.068 325.369 -12.3068 230.461 169.966 230.461C352.24 230.461 500.001 325.369 500.001 442.444Z\" fill=\"url%28%23paint0_radial_3751_106648%29\" fill-opacity=\"0.26\"/></g><defs><filter id=\"filter0_f_3751_106648\" x=\"-389.653\" y=\"0.876572\" width=\"1119.24\" height=\"883.137\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/><feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"BackgroundImageFix\" result=\"shape\"/><feGaussianBlur stdDeviation=\"114.792\" result=\"effect1_foregroundBlur_3751_106648\"/></filter><radialGradient id=\"paint0_radial_3751_106648\" cx=\"0\" cy=\"0\" r=\"1\" gradientTransform=\"matrix%280.15531 315.296 -490.882 1.46771 169.966 442.444%29\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"%23DF3C99\"/><stop offset=\"0.73302\" stop-color=\"white\" stop-opacity=\"0\"/></radialGradient></defs></svg>");
    background-position:
        left top,
        right center,
        left bottom;
    background-repeat: no-repeat;
    background-size:
        80% auto,
        auto 120%,
        80% auto;
}

.fre_brandAgentUpsellContainer__o5aEL {
    width: 33%;
    min-width: 500px;
    padding: 110px 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-left: 1px solid #b7d3eb;
    overflow: hidden;
    background: #faf9f8;
    position: relative;
    background-image:
        url("data:image/svg+xml,<svg width=\"462\" height=\"626\" viewBox=\"0 0 462 626\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><g filter=\"url%28%23filter0_f_3751_106649%29\"><ellipse cx=\"244.826\" cy=\"249.033\" rx=\"244.826\" ry=\"249.033\" transform=\"matrix%280.335127 0.942173 -0.500911 0.865499 125.181 -260.961%29\" fill=\"url%28%23paint0_radial_3751_106649%29\" fill-opacity=\"0.2\"/></g><defs><filter id=\"filter0_f_3751_106649\" x=\"-296.423\" y=\"-360.037\" width=\"757.817\" height=\"1090.57\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/><feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"BackgroundImageFix\" result=\"shape\"/><feGaussianBlur stdDeviation=\"114.792\" result=\"effect1_foregroundBlur_3751_106649\"/></filter><radialGradient id=\"paint0_radial_3751_106649\" cx=\"0\" cy=\"0\" r=\"1\" gradientUnits=\"userSpaceOnUse\" gradientTransform=\"translate%28244.826 249.033%29 rotate%2890%29 scale%28249.033 244.826%29\"><stop stop-color=\"%234E83FF\"/><stop offset=\"1\" stop-color=\"%23AE3AF1\" stop-opacity=\"0\"/></radialGradient></defs></svg>"),
        url("data:image/svg+xml,<svg width=\"402\" height=\"626\" viewBox=\"0 0 402 626\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><g filter=\"url%28%23filter0_f_3751_106650%29\"><ellipse cx=\"351.999\" cy=\"271.673\" rx=\"122.222\" ry=\"345.907\" fill=\"url%28%23paint0_radial_3751_106650%29\" fill-opacity=\"0.26\"/></g><defs><filter id=\"filter0_f_3751_106650\" x=\"0.192734\" y=\"-303.819\" width=\"703.613\" height=\"1150.98\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/><feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"BackgroundImageFix\" result=\"shape\"/><feGaussianBlur stdDeviation=\"114.792\" result=\"effect1_foregroundBlur_3751_106650\"/></filter><radialGradient id=\"paint0_radial_3751_106650\" cx=\"0\" cy=\"0\" r=\"1\" gradientUnits=\"userSpaceOnUse\" gradientTransform=\"translate%28351.999 271.673%29 rotate%2890%29 scale%28345.907 122.222%29\"><stop stop-color=\"%23EE5E36\"/><stop offset=\"1\" stop-color=\"white\" stop-opacity=\"0\"/></radialGradient></defs></svg>"),
        url("data:image/svg+xml,<svg width=\"500\" height=\"558\" viewBox=\"0 0 500 558\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><g filter=\"url%28%23filter0_f_3751_106648%29\"><path d=\"M500.001 442.444C500.001 559.519 352.24 654.427 169.966 654.427C-12.3068 654.427 -160.068 559.519 -160.068 442.444C-160.068 325.369 -12.3068 230.461 169.966 230.461C352.24 230.461 500.001 325.369 500.001 442.444Z\" fill=\"url%28%23paint0_radial_3751_106648%29\" fill-opacity=\"0.26\"/></g><defs><filter id=\"filter0_f_3751_106648\" x=\"-389.653\" y=\"0.876572\" width=\"1119.24\" height=\"883.137\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/><feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"BackgroundImageFix\" result=\"shape\"/><feGaussianBlur stdDeviation=\"114.792\" result=\"effect1_foregroundBlur_3751_106648\"/></filter><radialGradient id=\"paint0_radial_3751_106648\" cx=\"0\" cy=\"0\" r=\"1\" gradientTransform=\"matrix%280.15531 315.296 -490.882 1.46771 169.966 442.444%29\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"%23DF3C99\"/><stop offset=\"0.73302\" stop-color=\"white\" stop-opacity=\"0\"/></radialGradient></defs></svg>");
    background-position:
        left top,
        right center,
        left bottom;
    background-repeat: no-repeat;
    background-size:
        80% auto,
        auto 120%,
        80% auto;
}

.fre_brandAgentUpsellContainer__o5aEL .fre_contentContainer__uwaxU {
    display: flex;
    flex-direction: column;
    width: min-content;
    padding: 24px 60px 0 60px;
    gap: 32px;
    align-items: center;
}

.fre_brandAgentUpsellContainer__o5aEL .fre_buttonContainer__6j9eJ {
    display: flex;
    gap: 16px;
}

.fre_availableForYourPlatform__J7JSk {
    width: 280px;
    font-weight: 600;
    color: #323130;
    text-align: center;
}

.fre_brandAgentFREContainer__VRn7a .fre_agentTitleContainer__XxMNB,
.fre_brandAgentUpsellContainer__o5aEL .fre_agentTitleContainer__XxMNB {
    display: flex;
    gap: 0;
    align-items: flex-start;
    width: fit-content;
}

.fre_brandAgentFREContainer__VRn7a .fre_agentTitleContainer__XxMNB {
    width: 100%;
    justify-content: center;
    display: flex;
    gap: 4px;
}

.fre_brandAgentFREContainer__VRn7a .fre_beta__btT9Y,
.fre_brandAgentUpsellContainer__o5aEL .fre_beta__btT9Y {
    color: white;
    border-radius: 4px;
    border: 1px solid rgba(255, 255, 255, 0.3);
    background: #ae3af1;
    box-shadow:
        0 0.6px 1.8px 0 rgba(0, 0, 0, 0.1),
        0 3.2px 7.2px 0 rgba(0, 0, 0, 0.13);
    font-size: 12px;
    width: 40px;
    height: 20px;
    display: flex;
    justify-content: center;
    font-weight: 600;
}

.fre_brandAgentFREContainer__VRn7a .fre_beta__btT9Y {
    align-self: flex-start;
}

.fre_brandAgentUpsellContainer__o5aEL .fre_description__Ejxcs {
    text-align: center;
    color: #424242;
    width: 320px;
}

.fre_brandAgentUpsellContainer__o5aEL .ms-Button--default {
    border: 1px solid #ae3af1;
    color: #ae3af1;
}

.fre_notYourPlatformLink__5nhM4 {
    margin-top: 16px;
}

.fre_notYourPlatformLink__5nhM4.fre_brandAgent__MHb3x .ms-Link {
    color: #ae3af1;
    font-weight: 600;
}

.fre_brandAgentUpsellOnWaitlistDiv__J\+S5g {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
}

.fre_brandAgentUpsellModal__e7mSu .ms-Dialog-main {
    padding: 24px;
    max-width: 600px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.ms-Modal .fre_brandAgentUpsellModal__e7mSu .ms-Dialog-main {
    min-height: fit-content;
}

.fre_brandAgentUpsellModal__e7mSu .fre_header__sXxDh {
    display: flex;
    justify-content: space-between;
    margin-bottom: 8px;
}

.fre_brandAgentUpsellModal__e7mSu .fre_header__sXxDh .ms-Button-icon {
    color: #424242;
}

.fre_brandAgentUpsellModal__e7mSu .fre_footer__Xbvlz {
    display: flex;
    justify-content: flex-end;
    gap: 4px;
    margin-top: 16px;
}

.fre_brandAgentUpsellModal__e7mSu h1 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 4px;
}

.fre_projectCreationAttContainer__jgQAk > div:first-of-type {
    color: #605e5c;
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 12px;
}

.fre_baIncompatibilityWarning__-Feci {
    border-radius: 8px;
    border: 1px solid #eaeaff;
    background: #fbfbfe;
    box-shadow:
        0 0.6px 1.8px 0 rgba(131, 126, 255, 0.1),
        0 3.2px 7.2px 0 rgba(131, 126, 255, 0.12);
    padding: 16px 20px;
}

.fre_baIncompatibilityWarning__-Feci span {
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
}

.fre_baSetupButtonWrapper__IdLwq {
    margin-top: 16px;
    width: 100%;
    display: flex;
    justify-content: center;
}

.fre_baUnavailableTitle__SuYsS span {
    display: flex;
    justify-content: center;
    font-size: 24px;
    font-weight: 600;
    line-height: 32px;
}

.fre_carouselModalContent__5LmhQ {
    width: 600px;
    max-height: 565px;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.fre_carouselModalTextContent__vddLx {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.fre_carouselModalTextContent__vddLx .fre_carouselModalHeader__doLCT {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.fre_carouselModalTextContent__vddLx .fre_carouselModalHeader__doLCT h2 {
    font-size: 20px;
    line-height: 28px;
    font-weight: 600;
    color: #242424;
}

.fre_carouselModalContent__5LmhQ .fre_carouselModalCloseButton__C3xvf {
    display: block;
    position: absolute;
    align-self: flex-end;
    margin: 8px;
}

.fre_carouselModalContent__5LmhQ .fre_carouselModalCloseButton__C3xvf i {
    color: #424242;
}

.fre_carouselModalContent__5LmhQ.fre_lightCloseButton__5P\+LW .fre_carouselModalCloseButton__C3xvf i {
    color: #fff;
}

.fre_carouselModalContent__5LmhQ.fre_lightCloseButton__5P\+LW .fre_carouselModalCloseButton__C3xvf:hover {
    background: #424242;
}

.fre_carouselModalTextContent__vddLx p {
    color: #424242;
    min-height: 90px;
}

.fre_carouselModalContent__5LmhQ img {
    width: 600px;
}

.fre_carouselModalContent__5LmhQ > div {
    padding: 0px 24px;
}

.fre_carouselModalDots__NinXu {
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 8px;
}

.fre_carouselModalDots__NinXu .fre_activeDot__vI7gO,
.fre_carouselModalDots__NinXu .fre_inactiveDot__z1BFy {
    background: #0078d4;
    width: 16px;
    height: 8px;
    border-radius: 100px;
    display: block;
}

.fre_carouselModalDots__NinXu .fre_inactiveDot__z1BFy {
    background: #b3d7f3;
    width: 8px;
}

.fre_carouselModalFooter__4fMc4 {
    display: grid;
    grid-template-columns: 184px 184px 184px;
    margin-bottom: 24px;
    align-items: center;
}

.fre_carouselModalFooter__4fMc4 button {
    width: fit-content;
}

.fre_carouselModalFooter__4fMc4 .fre_rightButtonContainer__VHoF0 {
    text-align: right;
}

@media only screen and (max-width: 680px) {
    .solidLightBlueOverlay {
        background: #eff6fc;
        top: 60px;
    }

    .projectModalContainerInstall {
        top: 84px;
        align-self: flex-start;
    }

    .projectModalContainerInstall .ms-Modal-scrollableContent {
        max-height: calc(100svh - 86px - 25px);
    }

    .fre_projectCreation__p9pqB {
        border-radius: 0px;
    }

    .fre_projectCreation__p9pqB .ms-TextField label,
    .fre_projectCreation__p9pqB .ms-Dropdown-container label {
        font-weight: 600;
    }

    .fre_projectCreation__p9pqB .ms-TextField {
        height: 80px;
    }

    .fre_form__PmoyO .ms-TextField-fieldGroup,
    .fre_form__PmoyO .ms-Dropdown-title,
    .fre_platformSelectorContainer__kXsY3 .ms-Dropdown-title,
    .fre_unsupportedPlatformForm__xuZGf .ms-Dropdown-title {
        border-width: 0 0 1px 0;
        border-radius: 0;
    }

    .fre_form__PmoyO .ms-TextField-fieldGroup::after,
    .fre_form__PmoyO .ms-Dropdown:focus::after,
    .fre_platformSelectorContainer__kXsY3 .ms-Dropdown:focus::after,
    .fre_unsupportedPlatformForm__xuZGf .ms-Dropdown:focus::after {
        border-color: #827dff;
        border-width: 0 0 1px 0;
        border-radius: 0;
    }

    .fre_carouselModalContent__5LmhQ,
    .fre_carouselModalContent__5LmhQ img {
        width: 495px;
    }

    .fre_carouselModalFooter__4fMc4 {
        display: grid;
        grid-template-columns: 149px 149px 149px;
        margin-bottom: 24px;
        align-items: center;
    }
}

@media only screen and (max-width: 470px) {
    .fre_form__PmoyO,
    .fre_unsupportedPlatformForm__xuZGf {
        min-width: 300px;
    }
}

.settings_settingsVertical__xrY3s {
    background: #eff6fc;
    display: flex;
    height: 100%;
}

.settings_navContent__YRdqO ul li:first-child {
    margin-top: 24px;
}

.settings_navContent__YRdqO {
    margin: 12px 0;
    border-radius: 8px;
    border-right: 1px solid rgb(237, 235, 233);
    background: #fff;
    overflow-y: auto;
    overflow-x: hidden;
    min-width: 222px;
}

.settings_navContent__YRdqO .is-selected a,
.settings_navContent__YRdqO .ms-Nav-compositeLink a:hover {
    background-color: #eaeaff;
    color: #020057;
}

.settings_navContent__YRdqO a {
    height: 60px;
    padding: 24px;
}

.settings_navContent__YRdqO .is-selected a::after {
    border-right: 2px solid #827dff;
    border-left: 0px;
}

.settings_settingsContent__HfAm8 {
    width: 100%;
    overflow: auto;
    margin: 12px;
    border-radius: 8px;
    background-color: #fff;
}

.settings_settingsContent__HfAm8.settings_hiddenOverflow__0x\+4m {
    overflow: hidden;
}

.settings_settingsContent__HfAm8.settings_base__i0xYZ {
    padding: 22px 48px;
}

.settings_productSuggestContainer__4N2yP .settings_title__GiOyv,
.settings_productItem__ZqAwv .settings_productTitle__Ehoob,
.settings_productPreviewContainer__7FuOr .settings_productPreviewTitle__8IhSS {
    font-weight: 700;
    font-family: inherit;
    color: var(--colorNeutralForeground1, #242424);
}

.settings_settingsContent__HfAm8.settings_base__i0xYZ .settings_title__GiOyv {
    font-size: 20px;
    font-weight: 600;
    line-height: 28px;
}

.settings_settingsTitleHeader__opKEB.settings_settingsTitleHeaderWithIcon__yOlqU {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 12px;
}

.settings_settingsContent__HfAm8.settings_base__i0xYZ .settings_settingsSubtitle__QKS5u {
    font-size: 26px;
    line-height: 32px;
    margin: 24px 0 40px 0;
    font-weight: 600;
}

.settings_instructions__uGQAt {
    margin-bottom: 16px;
}

.settings_settingsContent__HfAm8.settings_base__i0xYZ .settings_subtitle__XgnNr,
.settings_settingsContent__HfAm8.settings_base__i0xYZ .settings_instructions__uGQAt {
    font-size: 16px;
    font-weight: 600;
    border-top: 1px solid #edebe9;
    margin-top: 16px;
    padding-top: 10px;
}

.settings_settingsContent__HfAm8.settings_smartEvents__\+O4ff {
    overflow: hidden;
    display: flex;
    flex-direction: column;
    padding-bottom: 0;
}

.settings_settingsContent__HfAm8.settings_smartEvents__\+O4ff .content {
    height: 100%;
    overflow-y: hidden;
    display: flex;
    flex-direction: column;
}

/*Overview*/
.settings_overviewContainer__f1e0n {
    margin-top: 16px;
    max-width: 404px;
}

.settings_overviewContainer__f1e0n .ms-Dropdown-label {
    font-weight: 400;
}

.settings_settingsFieldContainer__08iHh .ms-TextField-fieldGroup {
    border: 1px solid #d1d1d1;
}

.settings_settingsFieldContainer__08iHh input {
    border-bottom: 1px solid #616161;
}

.settings_ipNameModalContainer__4aMnF,
.settings_ipAddressModalContainer__pMh96,
.settings_addElementContainer__xyARv,
.settings_addApiTokenContainer__zoqqh,
.settings_email__Qi0mF {
    height: 75px;
}

.settings_email__Qi0mF {
    margin: 24px 24px 0px;
}

.settings_role__AOtnn {
    margin: 5px 24px 24px;
}

.settings_role__AOtnn i {
    color: #616161;
}

.settings_addUserButtonsContainer__wf8sJ {
    margin: 24px;
    display: flex;
    justify-content: flex-end;
    gap: 16px;
}

.settings_ipNameModalContainer__4aMnF,
.settings_ipAddressModalContainer__pMh96,
.settings_ipCurrentContainer__fEDY5,
.settings_addElementContainer__xyARv {
    margin: 20px;
}

.settings_settingsContainer__D4Wy3 {
    margin-top: 24px;
}

.settings_overviewLabel__p8h-M {
    font-weight: 400;
    margin-bottom: 5px;
    -webkit-user-select: none;
    user-select: none;
}

.settings_projectIdLabel__RwMmr {
    margin-left: 0 12px;
    color: #424242;
}

.settings_projectIdLabel__RwMmr + button {
    min-width: 32px;
    min-height: 32px;
}

.settings_overviewContainer__f1e0n > * {
    margin-bottom: 24px;
}

.settings_actionsContainer__3eTYS {
    display: flex;
}

.settings_actionsContainer__3eTYS button:first-child {
    margin-right: 12px;
}

.settings_projectIdContainer__-YwyK,
.settings_endpointContainer__fBUdS {
    display: flex;
    align-items: center;
    gap: 12px;
}

.settings_projectIdContainer__-YwyK .settings_overviewLabel__p8h-M,
.settings_endpointContainer__fBUdS .settings_overviewLabel__p8h-M {
    margin-bottom: 0px;
}

.settings_funnelsCardTitle__Pz-g5 path {
    fill: #161514;
}

.settings_projectIdContainer__-YwyK svg path,
.settings_endpointContainer__fBUdS svg path {
    fill: white;
}

.settings_projectIdContainer__-YwyK .settings_copyButtonClass__PfHFn,
.settings_endpointContainer__fBUdS .settings_copyButtonClass__PfHFn {
    margin-top: 0px;
}

.settings_industryDropdown__pETWW label {
    color: #000;
    padding-top: 0;
}

.settings_attestationCollapsible__ifGbx #attestationComplete {
    display: flex;
    align-items: center;
    gap: 16px;
}

.settings_attestationCollapsible__ifGbx.collapsed {
    margin-bottom: 36px;
}

.settings_attestationCollapsible__ifGbx.expanded {
    margin-bottom: 12px;
}

.settings_attestationModalContainer__NxOxm {
    max-width: 560px;
}

.settings_attestationModalContainer__NxOxm .ms-Modal-scrollableContent {
    margin: 16px 24px 24px;
}

.settings_attestationModalTitle__hxFNt {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}

.settings_attestationModalTitle__hxFNt h1 {
    font-size: 20px;
    font-weight: 600;
    line-height: 28px;
}

.settings_attestationModalBody__C0kGE {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.settings_attestationModalFooter__bCZrr {
    margin-top: 36px;
    gap: 8px;
    display: flex;
    justify-content: end;
}

.settings_attestationCompleteIndicator__Rcg-v {
    display: flex;
    align-items: center;
    color: #707070;
}

.settings_attestationCompleteIndicator__Rcg-v i {
    height: 16px;
    margin-right: 4px;
}

a.settings_attestationTermsLink__SFVGk.ms-Link {
    padding-left: 0;
    color: #424242;
    text-decoration: underline;
}

.settings_gtmErrorMessage__p5XW0 a:hover {
    color: rgb(0, 69, 120);
    text-decoration: underline;
}

a.settings_attestationTermsLink__SFVGk.ms-Link:hover {
    color: #005a9e;
}

/*Team*/
.settings_userIcon__DKUkP {
    width: 28px;
    height: 28px;
    background: #008066;
    text-align: center;
    position: relative;
    top: 2px;
    border-radius: 45px;
}

.settings_userIcon__DKUkP > span {
    color: white;
    font-size: 10px;
    font-weight: 600;
    position: relative;
    top: -3px;
}

.settings_team__WULYl tr {
    border-bottom: 1px solid #edebe9;
    height: 48px;
}

.settings_team__WULYl thead {
    position: absolute;
    left: -999px;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

.settings_emptyMessage__EcASY {
    text-align: center;
    max-width: 301px;
    margin: 0 auto;
}

.settings_emptyMessage__EcASY img {
    margin-bottom: 24px;
}

.settings_emptyMessage__EcASY svg {
    width: 301px;
    height: 249px;
}

.settings_removeUserContainer__DGD36.settings_withContent__7Ym5- {
    margin: 24px;
}

.settings_removeUserContainer__DGD36 {
    margin: 70px 24px 24px 24px;
}

.settings_modalContainerClass__eI0l2.ms-Dialog-main,
.settings_removeElementContainer__cKWId .ms-Dialog-main {
    width: 560px;
    max-width: 80%;
}

.settings_smallModalContainer__IqOPU .ms-Dialog-main {
    width: 480px;
    max-width: 80%;
}

.settings_mediumModalContainer__bQDjs .ms-Dialog-main {
    width: 560px;
    max-width: 80%;
}

/* Masking */
.settings_maskingContainer__FT9x9 {
    max-width: 1195px;
}

.settings_maskChoiceGroup__8B4-R .ms-ChoiceField {
    background-color: white;
    margin-right: 24px;
}

.settings_maskChoiceGroup__8B4-R .ms-ChoiceField-field {
    border-radius: 8px;
    width: 349px;
    height: 252px;
    box-shadow:
        0px 3px 7px 0px rgba(131, 126, 255, 0.12),
        0px 0px 1px 0px rgba(131, 126, 255, 0.1);
}

.settings_maskChoiceGroup__8B4-R .ms-ChoiceField-labelWrapper > div:first-child {
    font-weight: 600;
    margin-top: 12px;
}

.settings_maskChoiceGroup__8B4-R label:hover,
.settings_maskChoiceGroup__8B4-R label.ms-ChoiceField-field::before:hover {
    border: 1px solid #827dff;
}

.settings_maskChoiceGroup__8B4-R .is-checked {
    border: 1px solid #827dff;
    box-shadow: 0px 4px 14px 0px rgb(131, 126, 255, 0.3);
}

.settings_maskChoiceGroup__8B4-R .ms-ChoiceField-innerField {
    padding: 0px;
}

.settings_maskChoiceGroup__8B4-R label.ms-ChoiceField-field.is-checked::after,
.settings_maskChoiceGroup__8B4-R label.ms-ChoiceField-field.is-checked::before {
    border-color: #827dff;
}

.settings_maskChoiceGroup__8B4-R .ms-ChoiceField-labelWrapper {
    position: static;
}
.settings_maskChoiceGroup__8B4-R .ms-ChoiceField-labelWrapper:nth-child(2) {
    margin-top: 12px;
}

.settings_maskingChoiceGroupeTitle__gReHi {
    position: absolute;
    top: 0;
    margin: 16px 12px;
    left: 0;
    font-weight: 600;
}

.settings_maskingElements__lc3V0 .ms-Button.ms-Button--default.is-checked {
    background-color: #eff6fc;
}

.settings_maskButton__StyxE.ms-Button.ms-Button--default {
    width: 99px;
    border-radius: 8px 0px 0px 8px;
}

.settings_unmaskButton__73inZ.ms-Button.ms-Button--default {
    width: 112px;
    border-left: 0px;
    border-radius: 0px 8px 8px 0px;
    text-wrap: wrap;
}

.settings_maskButton__StyxE .is-checked i.ms-Icon.ms-Button-icon,
.settings_unmaskButton__73inZ .is-checked i.ms-Icon.ms-Button-icon {
    font-weight: 600;
}

button.settings_bannerButton__UzpIV.ms-Button {
    border: none;
    color: #0078d4;
    background-color: transparent;
}

button.settings_bannerButton__UzpIV.ms-Button:hover {
    color: #005a9e;
    background-color: transparent;
}

/*Setup*/
.settings_setupContainer__pGgU1,
.settings_appsSetupContainer__kuEpk {
    margin-top: 24px;
    max-width: 100%;
}

.settings_appsSetupContainer__kuEpk .ms-Toggle-innerContainer {
    margin-left: 8px;
}

.settings_appsSetupContainer__kuEpk .ms-Toggle.is-checked.is-disabled button {
    background-color: #c8c6c4;
}

.settings_appsSetupContainer__kuEpk .ms-ChoiceFieldGroup {
    margin-left: 8px;
}

.settings_appsSetupContainer__kuEpk input.ms-ChoiceField-input.is-disabled + label.ms-ChoiceField-field:hover::before,
.settings_appsSetupContainer__kuEpk input.ms-ChoiceField-input.is-disabled + label.ms-ChoiceField-field:hover::after {
    border: 1px solid #c8c6c4;
}

.settings_appsSetupContainer__kuEpk input.ms-ChoiceField-input.is-disabled + label.ms-ChoiceField-field.is-checked::after,
.settings_appsSetupContainer__kuEpk input.ms-ChoiceField-input.is-disabled + label.ms-ChoiceField-field.is-checked::before {
    border-color: #c8c6c4;
}

.settings_appsSetupContainer__kuEpk input.ms-ChoiceField-input.is-disabled + label.ms-ChoiceField-field:hover::after,
.settings_appsSetupContainer__kuEpk input.ms-ChoiceField-input.is-disabled + .ms-Toggle.is-checked.is-enabled button {
    background-color: #c8c6c4;
}

.settings_setupOptionTitle__yI8kU {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 12px;
    letter-spacing: 1px;
    line-height: 22px;
}

.settings_simpleTile__u5sVw .settings_setupOptionTitle__yI8kU {
    margin-bottom: 0px;
}

.settings_setupOptionTile__4t7YO,
.settings_simpleTile__u5sVw {
    background-color: white;
    border-radius: 8px;
}

.settings_setupOptionTile__4t7YO.settings_largeTile__qUu3u {
    height: 221px;
}

.settings_setupOptionTile__4t7YO.settings_largeTile__qUu3u .settings_setupOptionTitle__yI8kU {
    margin-top: 20px;
}

.settings_setupButtonWrapper__0AE7k {
    flex: 1;
    display: flex;
    align-items: flex-end;
    margin-top: 16px;
}

.settings_setupOptionTile__4t7YO.settings_largeTile__qUu3u .settings_setupButtonWrapper__0AE7k {
    margin-top: 35px;
}

.settings_setupOptionTile__4t7YO {
    padding: 32px;
    width: 535px;
    min-width: 535px;
    position: relative;
    box-shadow: 0px 4px 14px 0px rgb(131, 126, 255, 0.3);
}

.settings_setupOptionTile__4t7YO.settings_setupOptionTile__4t7YO:focus,
.settings_setupOptionTile__4t7YO.settings_setupOptionTile__4t7YO:focus-visible {
    /* biome-ignore lint/complexity/noImportantStyles: dashboard.css [tabindex="-1"]:focus removes outline with !important at (0,2,0). Double class selector raises specificity to (0,3,0) so this outline wins for keyboard/programmatic focus. */
    outline: 2px solid #0078d4 !important;
    outline-offset: 2px;
    border-radius: 4px;
}

.settings_setupOptionTiles__T\+CwC .settings_agentUpsell__Z44hj.settings_setupOptionTile__4t7YO {
    width: 100%;
}

.settings_setupOptionTilesWithAgentUpsell__opnm4 .settings_agentUpsell__Z44hj.settings_setupOptionTile__4t7YO {
    width: auto;
}

.settings_setupOptionTiles__T\+CwC .settings_setupOptionTile__4t7YO {
    min-width: unset;
    width: auto;
}

.settings_appsOptionTiles__qursi .settings_setupOptionTile__4t7YO {
    width: 100%;
}

.settings_simpleTile__u5sVw {
    display: flex;
    border: 1px solid #deecf9;
    justify-content: space-between;
    padding: 20px 32px;
    margin-top: 24px;
    align-items: center;
}

.settings_appsShareCodeContainer__E3C5x {
    max-width: 1000px;
}

.settings_setupOptionTile__4t7YO.settings_isSmall__DlnGY {
    width: 189px;
}

.settings_coworkerSettingsDescription__LflhX {
    max-width: 717px;
    margin: 0 0 24px;
    line-height: 20px;
}

.settings_setupOptionTile__4t7YO.settings_coworkerWideTile__Eea5r {
    width: 1095px;
    min-width: 1095px;
    box-sizing: border-box;
}

.settings_coworkerTileDescription__l1NB0 {
    color: #605e5c;
    font-size: 14px;
    line-height: 20px;
    overflow-wrap: anywhere;
}

.settings_coworkerTileDescription__l1NB0 a {
    color: #0078d4;
}

.settings_coworkerTileDescription__l1NB0 a:hover {
    text-decoration: underline;
}

.settings_coworkerTileTitle__VMrVC {
    margin: 0;
    font-size: 20px;
    line-height: 28px;
    font-weight: 600;
    letter-spacing: 0;
}

.settings_coworkerOnWaitlistTitle__ChK9i {
    background: linear-gradient(97deg, #aa65ff 0%, #009af9 49.25%, #656aff 98.5%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.settings_coworkerCardStackContent__C3wVu {
    display: flex;
    flex-direction: column;
    gap: 16px;
    min-width: 0;
}

.settings_coworkerNotifyButton__3C97Y {
    min-width: unset;
    max-width: 100%;
    height: auto;
    min-height: 32px;
    padding: 6px 16px;
    flex: 0 0 auto;
}

.settings_coworkerJoinButton__8PrEA:not(:disabled) {
    background: linear-gradient(100deg, #0078d4 0%, #6454d9 100%);
    border-color: transparent;
    color: #ffffff;
}

.settings_coworkerJoinButton__8PrEA:not(:disabled):hover {
    background: linear-gradient(100deg, #106ebe 0%, #5140bb 100%);
}

.settings_coworkerInputActionRow__ITH-c {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
}

.settings_coworkerNotifyButton__3C97Y .ms-Button-flexContainer {
    display: flex;
    align-items: center;
    justify-content: center;
}

.settings_coworkerNotifyButton__3C97Y .ms-Button-label {
    white-space: normal;
    line-height: 20px;
}

.settings_coworkerCardStack__9JtAg {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 40px;
    border: 1px solid #edebff;
    box-shadow: 0 4px 14px 0 rgb(131 126 255 / 15%);
}

.settings_coworkerCardStackImage__AuBgA {
    display: block;
    width: 100%;
    height: auto;
    min-width: 0;
    border-radius: 8px;
}

@media (max-width: 1100px) {
    .settings_coworkerCardStack__9JtAg {
        grid-template-columns: minmax(0, 1fr);
        gap: 24px;
    }

    .settings_coworkerCardStackImage__AuBgA {
        max-width: 480px;
        justify-self: center;
    }
}

@media (max-width: 600px) {
    .settings_coworkerCardStack__9JtAg {
        padding: 20px;
    }
}

@media (forced-colors: active) {
    .settings_coworkerOnWaitlistTitle__ChK9i {
        background: none;
        -webkit-text-fill-color: CanvasText;
    }

    .settings_coworkerJoinButton__8PrEA:not(:disabled) {
        border-color: ButtonText;
    }
}

.settings_gettingStartedDescriptionArea__JHuOm {
    display: flex;
    flex-direction: row;
    align-items: center;
    min-height: 73px;
}

.settings_gettingStartedDescTextArea__qrOxq {
    max-width: 376px;
}

.settings_gettingStartedDescTextAreaBA__LHmo\+ {
    width: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
}

.settings_gaSiteName__foDUq {
    max-width: 250px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.settings_googleIntegrationsFRE__f3UJp {
    display: flex;
    margin-bottom: 40px;
    gap: 12px;
    flex-wrap: wrap;
}

.settings_gettingStartedSprite__9SZnI {
    position: absolute;
    overflow: hidden;
    right: 35px;
    top: 35px;
}

.settings_gettingStartedSprite__9SZnI::after {
    content: url(https://claritystatic.azureedge.net/images/integrationSettingsSprite5.png);
    position: relative;
}

.settings_emoji__uJSPi {
    height: 60px;
    width: 80px;
}

.settings_emoji__uJSPi.settings_installGA__94WKU::after {
    left: -60px;
}

.settings_emoji__uJSPi.settings_installGTM__cjqvR::after {
    left: 0px;
}

.settings_emoji__uJSPi.settings_installHubspot__VoC2S::after {
    left: -145px;
}

.settings_emoji__uJSPi.settings_installGAds__0XARu::after {
    left: -240px;
}

.settings_emoji__uJSPi.settings_installMsAds__Iyhwe::after {
    left: -320px;
}

.settings_emoji__uJSPi.settings_installMetaAds__RSyMv::after {
    left: -485px;
}

.settings_emoji__uJSPi.settings_installGSC__Uestw::after {
    left: -400px;
}

.settings_setupOptionTitle__yI8kU .settings_BATitle__zyQx5 {
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 16px;
}

.settings_settingsDividerText__JIBUn {
    margin: 0px 12px;
}

.settings_setupOptionTiles__T\+CwC {
    display: flex;
    margin-top: 16px;
    gap: 16px;
    align-items: center;
    position: relative;
}

.settings_emojiDescription__O9KaK {
    padding: 2px 10px;
    border-radius: 16px;
    background-color: #fde300;
    max-width: fit-content;
    justify-content: space-between;
    display: flex;
}

.settings_emojiDescriptionRow__pUrtu {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 12px;
}

.settings_metaAdsStatusInfo__MWy-z {
    font-size: 13px;
    display: flex;
    align-items: center;
    gap: 4px;
    color: #79000b;
}

.settings_metaAdsStatusInfo__MWy-z.settings_expired__SWPN3 {
    color: #79000b;
}

.settings_emojiDescription__O9KaK svg {
    margin-left: 6px;
}

.settings_emojiDescription__O9KaK.settings_connected__x4Ej6 {
    background-color: #107c10;
    color: white;
    align-items: baseline;
}

.settings_emojiDescription__O9KaK.settings_connected__x4Ej6.settings_needsAttention__KUlht {
    background-color: #ff660d;
}

.settings_emojiDescription__O9KaK.settings_needsAttention__KUlht {
    background-color: #ff660d;
    color: white;
    align-items: center;
}

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

.settings_connectedGTM__sgGug > :last-child,
.settings_connectedGTMFRE__ek-Ca > :last-child {
    margin-top: 16px;
}

.settings_connectedGTMFRE__ek-Ca .settings_gtmLabel__Ch0ri {
    font-weight: 600;
    margin-right: 5px;
}

.settings_connectedGTMFRE__ek-Ca .settings_gtmLabelWrapper__NAdR0:last-child {
    margin-top: 8px;
}

.settings_setupSection__K-TlQ {
    margin-top: 16px;
}

.settings_setupButtonWrapper__0AE7k button:first-child {
    margin-right: 8px;
}

.settings_dataCaptureRulesTitle__L7fVf {
    margin-bottom: 4px;
}

.settings_networkConfigChoiceGroup__6lLFK {
    display: inline-block;
}

.settings_deleteAllowedElementsModalPlaceholder__REuWc {
    display: none;
}

.settings_connectedContainerFRE__hoy-N {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
}

.settings_collapsibleContentApps__VMvW\+ {
    margin-top: 22px;
}

.settings_collapsibleContentApps__VMvW\+ {
    color: #020057;
}

.settings_collapsibleContentApps__VMvW\+ > div {
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
}

.settings_addUrlWrapper__eBRa1 {
    display: flex;
    align-items: center;
    flex: 0 0 auto;
    border: none;
    padding: 16px 24px 20px 24px;
    height: 32px;
}

.settings_addUrlWrapper__eBRa1 .ms-Dropdown {
    width: 120px;
    border-width: 0 0 1px 0;
    border-radius: 0;
}

.settings_addUrlWrapper__eBRa1 .ms-Dropdown-title {
    border-width: 0 0 1px 0;
    border-radius: 0;
}

.settings_addUrlWrapper__eBRa1 .ms-SearchBox {
    margin-bottom: 0;
    border-width: 0 0 1px 0;
    border-radius: 0;
    flex-grow: 1;
}

.settings_urlActionWrapper__YEdHz {
    display: flex;
    align-items: center;
    flex: 0 0 auto;
    padding: 8px 0;
}

.settings_urlModalSeparator__Vrrjx {
    width: 16px;
    padding: 8px;
    background-color: #fff;
}

.settings_urlModalHeader__JbqZT {
    display: flex;
    font-weight: 600;
    padding: 16px 24px 20px;
    font-size: 20px;
    justify-content: space-between;
}

.settings_urlPatternDropDown__qbp5Q {
    width: 120px;
    height: 32px;
}

.settings_urlSearchBox__dMAiI {
    width: 291px;
    height: 32px;
}

.settings_collapsibleSubSteps__G6GSx {
    margin-left: 36px;
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    color: #020057;
    margin-top: 22px;
}

.settings_addScreenContainer__JejZn {
    margin: 20px;
    height: 75px;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.settings_addScreenContainer__JejZn .ms-SearchBox-field {
    padding-left: 4px;
}

.settings_addScreenContainerNote__fkUkx {
    font-size: 12px;
}

.settings_addScreenContainer__JejZn .ms-SearchBox:hover {
    border: 1px solid #d1d1d1;
    border-radius: 4px;
}

.settings_addScreenContainer__JejZn .ms-SearchBox::after {
    border-color: #827dff;
    border-radius: 4px;
}

.settings_addScreenContainer__JejZn .ms-SearchBox-iconContainer {
    display: none;
}

.settings_elementRow__QqoSI {
    display: flex;
    justify-content: space-between;
    border-bottom: solid 1px #f3f2f1;
    padding: 5px 5px 5px 0;
}

.settings_elementRowContent__tihCg {
    width: 90%;
    display: flex;
    justify-content: space-between;
}

/* For Agent Playground */

.settings_playgroundContentContainer__FEsja {
    display: flex;
    flex-direction: column;
    width: 100%;
    position: absolute;
    align-items: center;
    background: linear-gradient(180deg, rgba(253, 249, 255, 0) 0%, #fdf9ff 100%);
    overflow: hidden;
}

.settings_playgroundContentHeader__4ntic {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    padding: 24px 32px;
    position: relative;
    flex-shrink: 0;
}

.settings_playgroundContentScrollable__We5Eg {
    flex: 1;
    overflow-y: auto;
    min-height: 0;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.settings_playgroundContentHeader__4ntic .settings_playgroundBackButton__-CZWJ {
    position: absolute;
    left: 32px;
}

.settings_brandAgentTurnOnRow__Md36d span i[data-icon-name="viewLivePreviewIcon"],
.settings_brandAgentLivePreviewContainer__Q798V span i[data-icon-name="viewLivePreviewIcon"],
.settings_buttonContainers__vPikj span i[data-icon-name="viewLivePreviewIcon"],
.settings_brandAgentStatusBar__KmSpQ span i[data-icon-name="viewLivePreviewIcon"],
.settings_brandAgentFlightingContainer__25Q0b span i[data-icon-name="viewLivePreviewIcon"] {
    display: flex;
    margin-left: 8px;
}

.settings_brandAgentLivePreviewContainer__Q798V b {
    font-weight: 600;
}

.settings_brandAgentFlightingContainer__25Q0b {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.settings_brandAgentFlightingContainer__25Q0b > h1 {
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
}

.settings_brandAgentFlightingContainer__25Q0b b {
    font-weight: 600;
}

.settings_brandAgentFlightingRow__7pN0Y {
    display: flex;
    justify-content: space-between;
    flex-flow: wrap;
}

.settings_brandAgentTurnOnRow__Md36d {
    display: flex;
    gap: 16px;
}

.settings_brandAgentNotActiveLabel__gJj9w,
.settings_brandAgentActiveLabel__KNUBA {
    border-radius: 16px;
    background: #fde300;
    display: flex;
    height: 24px;
    padding: 0 6px;
    align-items: center;
    width: fit-content;
    font-size: 12px;
    font-weight: 600;
}

.settings_brandAgentActiveLabel__KNUBA {
    background: #107c10;
    color: #fff;
}

.settings_flightDropdown__32KgS {
    width: 300px;
}

.settings_flightDropdownOption__qGg9r {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.settings_playgroundContentContainer__FEsja .settings_titleContainer__L24ZF {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 24px;
    text-align: center;
}

.settings_playgroundContentContainer__FEsja .settings_titleContainer__L24ZF .settings_step__dDLzK {
    color: #616161;
}

.settings_playgroundContentContainer__FEsja .settings_titleContainer__L24ZF h1 {
    font-size: 20px;
    font-weight: 600;
    line-height: 28px;
}

.settings_playgroundContentContainer__FEsja .settings_buttonContainer__kvChp {
    display: flex;
    gap: 16px;
    position: absolute;
    right: 32px;
}

.settings_playgroundContentContainer__FEsja .settings_buttonContainer__kvChp i {
    display: flex;
}

.settings_playgroundContentBody__SOi0H {
    display: flex;
    align-items: flex-start;
    width: 100%;
    padding: 24px 32px 12px 32px;
    gap: 40px;
    justify-content: center;
}

.settings_playgroundContentBody__SOi0H.settings_noPreview__AUp0L {
    justify-content: center;
}

.settings_playgroundContentBody__SOi0H .settings_childComponent__js-t2 {
    width: 100%;
    max-width: 700px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.settings_playgroundContentBody__SOi0H.settings_staticContentBody__TKHcA .settings_childComponent__js-t2 {
    height: 800px;
}

@media screen and (max-width: 640px) {
    .settings_playgroundContentBody__SOi0H {
        flex-wrap: wrap;
        align-items: center;
        margin: 0;
    }

    .settings_playgroundContentBody__SOi0H .settings_childComponent__js-t2 {
        height: fit-content;
        max-height: fit-content;
    }

    .settings_playgroundContentHeader__4ntic {
        padding: 24px;
    }

    .settings_playgroundContentHeader__4ntic .settings_backButton__MDKa4,
    .settings_playgroundContentHeader__4ntic .settings_buttonContainer__kvChp .ms-Button--default,
    .settings_playgroundContentHeader__4ntic .settings_buttonContainer__kvChp .ms-Button--primary {
        padding: 0;
        min-width: 44px;
    }

    .settings_playgroundContentHeader__4ntic .settings_backButton__MDKa4 .ms-Button-label,
    .settings_playgroundContentHeader__4ntic .settings_buttonContainer__kvChp .ms-Button--primary .ms-Button-textContainer {
        display: none;
    }

    .settings_playgroundContentHeader__4ntic .settings_buttonContainer__kvChp .ms-Button--default i {
        display: none;
    }
}

.settings_previewModeTabsContainer__do9BL {
    display: flex;
    justify-content: center;
    margin: 8px 0 18px 0;
    padding-bottom: 8px;
    border-bottom: 1px solid #f0f0f0;
}

.settings_previewModeTabs__McIwf {
    display: flex;
    border-radius: 8px;
    background: #fff;
    color: #242424;
}

.settings_previewModeTab__2cej0 {
    padding: 8px 20px;
    border: 1px solid #e0e0e0;
    background: transparent;
    font-weight: 600;
    cursor: pointer;
    transition: border-color 0.2s;
}

.settings_previewModeTab__2cej0:first-child {
    border-radius: 4px 0 0 4px;
    border-right: 1px solid #ae3af1;
}

.settings_previewModeTab__2cej0:last-child {
    border-radius: 0 4px 4px 0;
    border-left: none;
}

.settings_previewModeTab__2cej0.settings_previewModeTabActive__r0uHE {
    border-color: #ae3af1;
    background-color: #f7ebfe;
    color: #3d254b;
}

.settings_previewModeTab__2cej0:first-child.settings_previewModeTabActive__r0uHE {
    border-right: 1px solid #ae3af1;
}

.settings_previewModeTab__2cej0:last-child.settings_previewModeTabActive__r0uHE {
    border-left-color: #ae3af1;
}

.settings_previewsContainerWrapper__B9G2J {
    display: flex;
    width: fit-content;
    position: relative;
    padding-bottom: 64px;
    overflow-x: hidden;
    flex-flow: column;
}

.settings_previewsContainerWrapper__B9G2J.settings_withTabs__rSFNG {
    border-bottom: 1px solid #f0f0f0;
    background: #ffffff;
    border-radius: 0 0 8px 8px;
}

.settings_previewsContainer__1ON6w,
.settings_previewsContainerDesktop__r1Ocj {
    display: flex;
    gap: 40px;
    user-select: none;
    -webkit-user-select: none;
    overflow-x: hidden;
    max-width: 592px;
}

.settings_previewsContainerDesktop__r1Ocj {
    flex-flow: wrap;
}

.settings_previewsContainerWrapper__B9G2J.settings_withTabs__rSFNG .settings_previewsContainer__1ON6w {
    margin: 4px 49px 22px 49px;
}

.settings_previewsContainerWrapper__B9G2J.settings_withTabs__rSFNG .settings_previewsContainer__1ON6w.settings_previewsContainerDesktop__r1Ocj {
    margin: 0;
}

.settings_previewsContainer__1ON6w .settings_previewTitle__7pY7m {
    font-weight: 600;
    font-size: 12px;
}

.settings_previewsContainer__1ON6w .settings_previewItem__rXURJ {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
}

.settings_previewsContainerWrapper__B9G2J .settings_scrollShadow__YA6S1 {
    position: absolute;
    top: 39px;
    width: 67px;
    height: 600px;
    z-index: 1;
}

.settings_previewsContainerWrapper__B9G2J .settings_scrollShadow__YA6S1.settings_scrollShadowRight__xKhnW {
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 100%);
    right: 0;
}

.settings_previewsContainerWrapper__B9G2J .settings_scrollShadow__YA6S1.settings_scrollShadowLeft__TBRRZ {
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0) 100%);
    left: 0;
}

.settings_previewsContainerWrapper__B9G2J .settings_scrollShadow__YA6S1.settings_scrollShadowLeft__TBRRZ.settings_desktopShadow__HP4U\+,
.settings_previewsContainerWrapper__B9G2J .settings_scrollShadow__YA6S1.settings_scrollShadowRight__xKhnW.settings_desktopShadow__HP4U\+ {
    height: 1000px;
}

.settings_previewsContainerWrapper__B9G2J .settings_carouselButtonsContainer__n4LI4 {
    position: absolute;
    bottom: 0;
    width: 100%;
    display: flex;
    justify-content: center;
}

.settings_previewsContainerWrapper__B9G2J .settings_carouselButtonsContainer__n4LI4 button:not(:last-child) {
    margin-right: 12px;
}

.settings_previewsContainerWrapper__B9G2J .settings_carouselButtonsContainer__n4LI4 i {
    color: #424242;
}

.settings_homePagePreviewContainerDesktop__6ZhDD {
    width: 100%;
    max-width: 480px;
    height: 320px;
    background: #fafafa;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    position: relative;
    background-color: #ebedf1;
}

.settings_homePagePreviewContainerDesktop__6ZhDD,
.settings_desktopContainer__XV9u3 {
    border-radius: 6px;
    max-width: 580px;
    width: 580px;
}

.settings_homePagePreviewContainerDesktop__6ZhDD .settings_header__rFC8a {
    display: flex;
    width: 100%;
    height: 41px;
    align-items: center;
    justify-content: end;
    background: #fbfafb;
    padding: 13px 20px;
}

.settings_desktopContainer__XV9u3 {
    background: #fafafa;
    padding: 19px;
}

.settings_desktopContainer__XV9u3 .settings_desktopBody__Lz\+mw {
    flex: 1;
    overflow: hidden;
    position: relative;
    padding: 18px 30px;
}

.settings_desktopContainer__XV9u3 .settings_desktopBrowserBar__Qykxr {
    display: flex;
    align-items: center;
    background: #fbfafb;
    border-bottom: 1px solid #e0e0e0;
    padding: 6px 10px;
    gap: 8px;
    flex-shrink: 0;
    max-width: 500px;
    justify-content: end;
}

.settings_desktopContainer__XV9u3 .settings_desktopBrowserCartIcon__0x9kI {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    color: var(--colorNeutralForeground2, #616161);
}

.settings_desktopContainer__XV9u3 .settings_desktopMessageContainer__VQLuC {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding: 6px 10px;
    background: var(--colorNeutralBackground2, #fafafa);
    border-top: 1px solid var(--colorNeutralStroke2, #f0f0f0);
    flex-shrink: 0;
}

.settings_messageBarSpark__uaBsw {
    max-width: 300px;
}

[data-phone-preview] .settings_messageBarSpark__uaBsw,
.settings_previewsContainerDesktop__r1Ocj .settings_messageBarSpark__uaBsw,
.settings_homePagePreviewContainer__tOkuu .settings_messageBarSpark__uaBsw,
.settings_homePagePreviewContainerDesktop__6ZhDD .settings_messageBarSpark__uaBsw {
    background-color: var(--colorNeutralBackground1, white);
    display: flex;
    gap: 5px;
    flex-grow: 1;
    height: 56px;
    border: 1px solid var(--colorNeutralStroke2, #fff);
    border-radius: 62px;
    padding: 2px;
    box-shadow: 0 3.766px 7.531px 0 rgba(0, 0, 0, 0.08);
    align-items: center;
    width: 202px;
}

.settings_previewsContainerDesktop__r1Ocj .settings_messageBarSpark__uaBsw,
.settings_homePagePreviewContainer__tOkuu .settings_messageBarSpark__uaBsw,
.settings_homePagePreviewContainerDesktop__6ZhDD .settings_messageBarSpark__uaBsw,
.settings_desktopContainer__XV9u3 .settings_messageBarSpark__uaBsw,
[data-phone-preview] .settings_messageBarSpark__uaBsw {
    gap: 12px;
}

.settings_homePagePreviewContainerDesktop__6ZhDD .settings_messageBarSpark__uaBsw,
.settings_homePagePreviewContainer__tOkuu .settings_messageBarSpark__uaBsw {
    width: auto;
}

.settings_messageContainerSpark__3xK4r {
    justify-content: center;
    display: flex;
    padding: 0 8px 8px 8px;
}

.settings_homePagePreviewContainer__tOkuu .settings_messageContainerSpark__3xK4r {
    width: auto;
}

.settings_desktopContainer__XV9u3 .settings_desktopBrowserBar__Qykxr {
    color: var(--colorNeutralForeground2, #616161);
}

.settings_messageBarSpark__uaBsw .settings_imagePlaceholderSpark__sUD8V,
.settings_messageContainerSpark__3xK4r > .settings_imagePlaceholderSpark__sUD8V {
    background-color: #292929;
    color: var(--colorNeutralBackground1, #fffbf8);
    width: 44px;
    min-width: 44px;
    height: 44px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 4px;
}

.settings_homePagePreviewContainer__tOkuu .settings_messageBarSpark__uaBsw .settings_imagePlaceholderSpark__sUD8V,
.settings_homePagePreviewContainer__tOkuu .settings_messageContainerSpark__3xK4r > .settings_imagePlaceholderSpark__sUD8V {
    background-size: 400% 400%;
    background-position: 0% 50%;
    transition: background-position 8s ease;
}

.settings_messageBarSpark__uaBsw .settings_imagePlaceholderSpark__sUD8V i,
.settings_messageContainerSpark__3xK4r > .settings_imagePlaceholderSpark__sUD8V i {
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}

[data-phone-preview] .settings_previewHeader__uv71v {
    padding: 14px 12px 12px 12px;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.settings_previewHeader__uv71v .settings_headerRow__PWa5a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 30px;
}

.settings_previewHeader__uv71v .settings_headerRow__PWa5a.settings_topRow__Z1s1Y {
    padding: 0 22px;
}

.settings_previewHeader__uv71v .settings_headerRow__PWa5a .settings_time__1Ctiq {
    width: 40px;
    display: flex;
    justify-content: center;
    font-size: 10px;
    font-weight: 700;
}

.settings_previewHeader__uv71v .settings_headerRow__PWa5a .settings_iconContainer__ua6ua {
    display: flex;
    gap: 4.6px;
}

.settings_messageContainer__Pdp-t .settings_iconButton__7nTvr,
.settings_previewHeader__uv71v .settings_headerRow__PWa5a .settings_iconButton__7nTvr {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 52px;
    border: 1px solid var(--colorNeutralStroke2, white);
    background: var(--colorNeutralBackground1, rgba(255, 255, 255, 0.6));
    box-shadow: 0 3.138px 6.276px 0 rgba(0, 0, 0, 0.08);
    width: 30px;
    height: 30px;
}

.settings_homePagePreviewContainer__tOkuu .settings_iconButton__7nTvr {
    border: unset;
    background: transparent;
    box-shadow: unset;
    border-radius: 0;
    width: unset;
    height: unset;
}

.settings_previewHeader__uv71v .settings_headerRow__PWa5a .settings_iconButton__7nTvr i,
.settings_messageContainer__Pdp-t .settings_iconButton__7nTvr i,
.settings_productReview__UZoMN i,
.settings_productPreviewTitle__8IhSS i,
.settings_messageContainer__Pdp-t i {
    display: flex;
    align-items: center;
}

.settings_homePagePreviewContainer__tOkuu .settings_messageContainer__Pdp-t i {
    margin: 0 10px;
}

.settings_homePagePreviewContainer__tOkuu .settings_messageContainer__Pdp-t {
    overflow: hidden;
    transform-origin: right;
    width: 100%;
}

[data-phone-preview] .settings_previewBody__5VIjV {
    height: 385px;
    margin: 10px 0 5px 0;
    flex-grow: 1;
}

[data-phone-preview] .settings_previewBody__5VIjV.settings_covered__28qeQ {
    height: 500px;
    background: var(--colorNeutralBackground1, white);
    border-radius: 25px;
}

[data-phone-preview] .settings_messageContainer__Pdp-t {
    height: 35px;
    padding: 0 15px;
    display: flex;
    gap: 5px;
    margin-bottom: 15px;
}

[data-phone-preview] .settings_messageContainer__Pdp-t .settings_iconButton__7nTvr {
    height: 35px;
    width: 35px;
}

[data-phone-preview] .settings_messageBar__20Odj,
.settings_homePagePreviewContainer__tOkuu .settings_messageBar__20Odj {
    background-color: var(--colorNeutralBackground1, white);
    display: flex;
    gap: 5px;
    flex-grow: 1;
    height: 36px;
    border: 1px solid var(--colorNeutralBackground1, #fff);
    border-radius: 62px;
    padding: 2px;
    box-shadow: 0 3.766px 7.531px 0 rgba(0, 0, 0, 0.08);
    align-items: center;
    width: 202px;
}

[data-phone-preview] .settings_messageBar__20Odj i {
    display: flex;
    width: 28px;
    justify-content: center;
    padding-left: 4px;
    align-items: center;
}

.settings_messageBar__20Odj .settings_imagePlaceholder__Db7i2 {
    background: var(--colorNeutralStroke1, #d1d1d1);
    border-radius: 50%;
    width: 28px;
    height: 24px;
    margin-left: 4px;
    overflow: hidden;
}

[data-phone-preview] .settings_messageInput__8ffX8,
.settings_homePagePreviewContainer__tOkuu .settings_messageInput__8ffX8,
.settings_desktopContainer__XV9u3 .settings_messageInputSpark__LbRMi,
[data-phone-preview] .settings_messageInputSpark__LbRMi {
    display: flex;
    padding: 7.5px 10px;
    align-items: center;
    background-color: var(--colorNeutralBackground2, #fafafa);
    border-radius: 62px;
    border: 0.6px solid var(--colorNeutralStroke3, #f0f0f0);
    height: 30px;
    color: #616161;
    font-size: 12px;
    width: 100%;
    overflow: hidden;
}

.settings_homePagePreviewContainerDesktop__6ZhDD .settings_messageInputSpark__LbRMi,
.settings_homePagePreviewContainer__tOkuu .settings_messageInputSpark__LbRMi,
.settings_desktopContainer__XV9u3 .settings_messageInputSpark__LbRMi,
[data-phone-preview] .settings_messageInputSpark__LbRMi {
    font-size: 17px;
    height: 38px;
    min-height: 38px;
    overflow: hidden;
    margin-right: 8px;
    align-content: center;
}

[data-phone-preview] .settings_messageInput__8ffX8 span,
.settings_homePagePreviewContainer__tOkuu .settings_messageInput__8ffX8 span,
.settings_homePagePreviewContainer__tOkuu .settings_messageInputSpark__LbRMi span,
.settings_homePagePreviewContainerDesktop__6ZhDD .settings_messageInputSpark__LbRMi span,
.settings_desktopContainer__XV9u3 .settings_messageInputSpark__LbRMi span,
[data-phone-preview] .settings_messageInputSpark__LbRMi span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.settings_divider__YkxBd,
[data-phone-preview] .settings_divider__YkxBd {
    height: 1px;
    width: 100%;
    background-color: var(--colorNeutralStroke2, #f0f0f0);
}

[data-phone-preview] .settings_footer__M0Yim {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    padding-bottom: 4px;
    height: 32px;
}

[data-phone-preview] .settings_footer__M0Yim .settings_hostnameContainer__Zdohq {
    display: flex;
    align-items: center;
    margin: 7px 0;
    gap: 2px;
}

[data-phone-preview] .settings_footer__M0Yim .settings_hostnameContainer__Zdohq i {
    display: flex;
}

[data-phone-preview] .settings_footer__M0Yim .settings_hostname__8w472 {
    font-size: 8px;
    line-height: 12px;
    color: var(--colorNeutralForeground1, black);
}

[data-phone-preview] .settings_footer__M0Yim .settings_bar__i1DGe {
    width: 88px;
    height: 3px;
    background-color: #4b4b4b;
    border-radius: 2.5px;
}

.settings_welcomeContainer__yn6p4,
.settings_productSuggestContainer__4N2yP {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 0 12px;
    align-items: flex-start;
    width: 100%;
    overflow: hidden;
}

.settings_welcomeContainer__yn6p4 .settings_companyName__NDbpL {
    font-size: 30px;
    line-height: 42px;
    font-weight: 700;
    width: 100%;
    word-wrap: break-word;
}

.settings_welcomeContainer__yn6p4 .settings_message__a48OR,
.settings_productSuggestContainer__4N2yP .settings_message__a48OR {
    font-size: 12px;
    line-height: 16px;
    color: var(--colorNeutralForeground2, #323130);
    font-family: inherit;
}

.settings_welcomeContainer__yn6p4 .settings_suggestionChipContainer__0vIuw {
    display: flex;
    flex-direction: column;
    gap: 7.5px;
}

.settings_welcomeContainer__yn6p4 .settings_suggestionChip__IkMDO {
    width: fit-content;
    display: flex;
    align-items: center;
    border-radius: 62px;
    color: var(--colorNeutralForeground1, #242424);
    background-color: var(--colorNeutralBackground1, white);
    font-size: 12px;
    line-height: 16px;
    height: 33.8px;
    padding: 0 12px;
}

.settings_welcomeContainer__yn6p4 .settings_chatContainer__EzEum {
    display: flex;
    justify-content: flex-end;
    width: 100%;
}

.settings_welcomeContainer__yn6p4 .settings_responseChat__-heBp {
    font-size: 12px;
    color: var(--colorNeutralForeground2, #323130);
    background-color: var(--colorNeutralBackground3, #f0f0f0);
    border-radius: 10.46px 10.46px 0 10.46px;
    width: fit-content;
    height: 33.8px;
    padding: 0 12px;
    display: flex;
    align-items: center;
}

.settings_productSuggestContainer__4N2yP {
    gap: 10px;
    align-items: flex-start;
}

.settings_productPreviewContainer__7FuOr .settings_productPreviewTitle__8IhSS {
    font-size: 10px;
}

.settings_productSuggestContainer__4N2yP .settings_productLabels__dSQHQ {
    display: flex;
    height: 16px;
    background-color: var(--colorNeutralBackground3, #f0f0f0);
    border-radius: 10px;
    color: var(--colorNeutralForeground2, #616161);
    font-size: 10px;
    width: 100%;
    font-family: inherit;
}

.settings_productLabels__dSQHQ .settings_inactiveLabel__0uAJI,
.settings_productLabels__dSQHQ .settings_activeLabel__n7WC- {
    display: flex;
    justify-content: center;
    width: 50%;
    font-family: inherit;
}

.settings_productLabels__dSQHQ .settings_activeLabel__n7WC- {
    border-radius: 10px;
    color: var(--colorNeutralBackground1, white);
}

.settings_productSuggestContainer__4N2yP .settings_productItem__ZqAwv {
    padding: 6px;
    display: flex;
    flex-direction: column;
    gap: 6px;
    align-items: flex-start;
    width: 180px;
    background: var(--colorNeutralBackground1, white);
    border-radius: 10px;
    box-shadow: 0 3.138px 6.276px 0 rgba(0, 0, 0, 0.08);
    border: 0.26px solid var(--colorNeutralStroke1, #d1d1d1);
    font-family: inherit;
}

.settings_productSuggestContainer__4N2yP .settings_productList__AIjQ5 {
    display: flex;
    gap: 8px;
    overflow: hidden;
    font-family: inherit;
}

.settings_productItem__ZqAwv .settings_productImage__xvTFW {
    width: 100%;
    height: 92px;
    background-color: lightgray;
    border-radius: 10px;
    position: relative;
    font-family: inherit;
}

.settings_productImage__xvTFW .settings_highlightLabel__Jxyyo {
    position: absolute;
    background-color: var(--colorNeutralBackground1, white);
    height: 16px;
    width: fit-content;
    padding: 4px 6px;
    color: var(--colorNeutralForeground2, #424242);
    left: 4px;
    top: 4px;
    font-size: 8px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    font-family: inherit;
}

.settings_productItem__ZqAwv .settings_productReview__UZoMN {
    font-size: 10px;
    color: var(--colorNeutralForeground1, black);
    display: flex;
    font-family: inherit;
}

.settings_productItem__ZqAwv .settings_saleLabel__BCwgW {
    font-size: 8px;
    color: var(--colorNeutralForeground1, black);
    display: flex;
    background-color: #f1bbbc;
    border-radius: 2px;
    font-weight: 700;
    align-items: center;
    padding: 0 4px;
    font-family: inherit;
}

.settings_productItem__ZqAwv .settings_description__Gg7nO {
    color: var(--colorNeutralForeground1, #242424);
    font-size: 10px;
    font-family: inherit;
}

.settings_productItem__ZqAwv .settings_pricing__tvQNU {
    display: flex;
    gap: 4px;
    font-family: inherit;
}

.settings_productItem__ZqAwv .settings_actions__WTEcc {
    display: flex;
    gap: 4px;
    padding: 4px;
    align-items: center;
    margin-top: 18px;
    font-family: inherit;
}

.settings_productPreviewContainer__7FuOr .settings_actionButton__TApG\+ {
    display: flex;
    gap: 4px;
    border-radius: 25px;
    padding: 2px;
    width: 120px;
    height: 30px;
    font-weight: 700;
    font-size: 10px;
    align-items: center;
    justify-content: center;
    font-family: inherit;
}

.settings_productItem__ZqAwv .settings_actions__WTEcc .settings_actionButton__TApG\+ {
    width: 78px;
    border: 0.5px solid var(--colorNeutralStroke1, #e0e0e0);
    border-radius: 10px;
    font-size: 9px;
    font-weight: 700;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2px;
    font-family: inherit;
}

.settings_productSuggestContainer__4N2yP .settings_footer__M0Yim {
    display: flex;
    gap: 4px;
    width: 100%;
    flex-direction: row;
    font-family: inherit;
    justify-content: flex-start;
}

.settings_productSuggestContainer__4N2yP .settings_footer__M0Yim .settings_button__E9IES {
    border-radius: 52px;
    border: 0.5px solid var(--colorNeutralStroke1, #d1d1d1);
    background-color: var(--colorNeutralBackground1, white);
    height: 28px;
    color: var(--colorNeutralForeground1, #242424);
    width: 58px;
    font-size: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: inherit;
}

.settings_productPreviewContainer__7FuOr {
    display: flex;
    width: 100%;
    height: 100%;
    padding: 20.92px 16.736px 12.552px 16.736px;
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
    font-family: inherit;
}

.settings_productPreviewContainer__7FuOr .settings_imageComponent__t6COl {
    font-family: inherit;
    width: 100%;
    position: relative;
    background-color: lightgray;
    flex-grow: 1;
    border-radius: 2px;
}

.settings_productPreviewContainer__7FuOr .settings_imageComponent__t6COl img,
.settings_productItem__ZqAwv .settings_productImage__xvTFW img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 2px;
}

.settings_productPreviewContainer__7FuOr .settings_detailsLabel__kuG-A {
    font-family: inherit;
    display: flex;
    align-items: center;
    gap: 4px;
    border-radius: 52.301px;
    background: var(--colorNeutralBackground1, rgba(255, 255, 255, 0.4));
    position: absolute;
    right: 15px;
    top: 65px;
    font-size: 10px;
    width: 60px;
    height: 25px;
    justify-content: center;
    font-weight: 700;
}

.settings_imageComponent__t6COl .settings_pageControlIcon__fw57d {
    position: absolute;
    left: 75px;
    bottom: 5px;
    opacity: 0.4;
}

.settings_productPreviewContainer__7FuOr .settings_detailsLabel__kuG-A i {
    display: flex;
}

.settings_productPreviewContainer__7FuOr .settings_productPreviewDescription__RIb2g {
    display: flex;
    align-items: flex-start;
    font-family: inherit;
    width: 100%;
    background-color: #ebf3fc;
    height: 57px;
    border-radius: 6px;
    gap: 6px;
    padding: 8px;
}

.settings_productPreviewContainer__7FuOr .settings_actionButtons__QAmxs {
    display: flex;
    gap: 4px;
    align-items: center;
    margin-top: 12px;
    font-family: inherit;
}

.settings_productPreviewContainer__7FuOr .settings_actionButton__TApG\+.settings_dark__zhMiQ {
    color: var(--colorNeutralBackground1, white);
}

.settings_productPreviewContainer__7FuOr .settings_actionButton__TApG\+.settings_light__Htv-j {
    background-color: var(--colorNeutralBackground1, white);
    border: 0.5px solid var(--colorNeutralStroke1, #e0e0e0);
}

.settings_productPreviewDescription__RIb2g .settings_productPreviewText__J1kkr {
    font-size: 10px;
    color: #242424;
    font-family: inherit;
}

.settings_productPreviewTitlePrice__9dVXo {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 10px;
    color: var(--colorNeutralForeground2, #424242);
    gap: 6px;
    font-family: inherit;
}

.settings_productPreviewTitlePrice__9dVXo span {
    font-family: inherit;
}

.settings_brandAgentLivePreviewContainer__Q798V {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.settings_homePagePreviewContainer__tOkuu {
    display: flex;
    flex-direction: column;
    width: 276px;
    height: 600px;
    background: #ebedf1;
    border-radius: 38px;
    position: relative;
    border: 2px solid #e0e0e0;
}

.settings_homePagePreviewContainer__tOkuu .settings_header__rFC8a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 30px 0;
    border-radius: 38px 38px 0 0;
    background-color: #fbfafb;
}

.settings_homePagePreviewContainer__tOkuu .settings_homepageFooter__WgKDC,
.settings_homePagePreviewContainerDesktop__6ZhDD .settings_homepageFooter__WgKDC {
    position: absolute;
    bottom: 16px;
    right: 10px;
    display: flex;
    justify-content: flex-end;
}

.settings_homePagePreviewContainer__tOkuu .settings_homepageFooter__WgKDC.settings_placementBottomRight__uHzxM,
.settings_homePagePreviewContainerDesktop__6ZhDD .settings_homepageFooter__WgKDC.settings_placementBottomRight__uHzxM {
    bottom: 16px;
    right: 10px;
    top: auto;
    left: auto;
    justify-content: flex-end;
}

.settings_homePagePreviewContainer__tOkuu .settings_homepageFooter__WgKDC.settings_placementBottomLeft__k\+JA7,
.settings_homePagePreviewContainerDesktop__6ZhDD .settings_homepageFooter__WgKDC.settings_placementBottomLeft__k\+JA7 {
    bottom: 16px;
    left: 10px;
    top: auto;
    right: auto;
    justify-content: flex-start;
}

.settings_homePagePreviewContainer__tOkuu .settings_homepageFooter__WgKDC.settings_placementBottomCenter__dqTGl,
.settings_homePagePreviewContainerDesktop__6ZhDD .settings_homepageFooter__WgKDC.settings_placementBottomCenter__dqTGl {
    bottom: 16px;
    left: 50%;
    transform: translateX(-50%);
    top: auto;
    right: auto;
    justify-content: center;
}

.settings_homePagePreviewContainer__tOkuu .settings_homepageFooter__WgKDC.settings_placementTopRight__3Bcfe,
.settings_homePagePreviewContainerDesktop__6ZhDD .settings_homepageFooter__WgKDC.settings_placementTopRight__3Bcfe {
    top: 60px;
    right: 10px;
    bottom: auto;
    left: auto;
    justify-content: flex-end;
}

.settings_homePagePreviewContainer__tOkuu .settings_homepageFooter__WgKDC.settings_placementTopLeft__a\+X9A,
.settings_homePagePreviewContainerDesktop__6ZhDD .settings_homepageFooter__WgKDC.settings_placementTopLeft__a\+X9A {
    top: 60px;
    left: 10px;
    bottom: auto;
    right: auto;
    justify-content: flex-start;
}

.settings_placementDropdown__uWysj {
    max-width: 280px;
    margin-top: 8px;
}

.settings_previewToggleButton__HvADJ {
    border: 1px solid #d1d1d1;
    border-radius: 4px;
    background: transparent;
    padding: 4px 8px;
}

.settings_previewToggleButton__HvADJ.settings_selected__tCYPX {
    background: #eff6fc;
    border-color: #827dff;
}

.settings_homePagePreviewContainer__tOkuu .settings_homepageFooter__WgKDC .settings_circleContainer__96Ssd {
    border-radius: 50%;
    border: 1px solid #fff;
    background: rgba(255, 255, 255, 0.6);
    width: 35px;
    height: 35px;
    padding: 2.5px;
}

.settings_circleContainer__96Ssd .settings_iconHolder__HiD\+g {
    border-radius: 50%;
    border: 0.6px solid #ffffff;
    background: #d1d1d1;
    box-shadow: 0 3.7px 7.5px 0 rgba(0, 0, 0, 0.08);
    width: 100%;
    height: 100%;
}

.settings_circleContainer__96Ssd .settings_iconHolder__HiD\+g img,
.settings_imagePlaceholder__Db7i2 img {
    object-fit: contain;
    width: 100%;
    height: 100%;
}

.settings_statusBadge__8AZDE {
    border-radius: 50px;
    width: fit-content;
    padding: 0 4px;
    font-size: 12px;
    font-weight: 600;
}

.settings_editedBadge__U0cGm {
    background: #fdf9ff;
    color: #8b2fc6;
    border: 1px solid #f3e2fd;
    padding: 0 4px;
}

.settings_savingBadge__qV557 {
    background: #fff8ed;
    color: #8a5600;
    border: 1px solid #fdebd0;
}

.settings_savedBadge__ELST1 {
    background: #f0faf0;
    color: #1b5e20;
    border: 1px solid #d4edda;
}

.settings_sectionLoading__zjeIY {
    padding: 40px 0;
}

.settings_homePagePreviewContainer__tOkuu .settings_homepageFooter__WgKDC .settings_messageContainer__Pdp-t {
    border-radius: 62px;
    border: 1px solid #fff;
    background: rgba(255, 255, 255, 0.6);
    padding: 2.5px;
    display: flex;
    align-items: center;
}

.settings_brandVoiceHeader__XFCrw {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 8px;
}

.settings_brandVoiceRegenerateButtonWrapper__pqLl6 {
    position: relative;
    flex-shrink: 0;
}

.settings_brandVoiceRegenerateSpinner__SBfFy {
    position: absolute;
    top: 20%;
    left: 40%;
    z-index: 1;
}

.settings_brandVoiceHeader__XFCrw .ms-Button.ms-Button--default {
    min-width: 125px;
    border: 1px solid #d1d1d1;
    color: #242424;
}

.settings_brandOfferingTextField__DaV3L textarea {
    height: 100px;
}

/* End of Agent Playground */

@media only screen and (max-width: 1440px) {
    .settings_isSettings__XTAqQ.settings_googleIntegrationsFRE__f3UJp {
        display: grid;
        gap: 24px;
        grid-template-columns: auto;
        margin: 0;
    }

    .settings_setupOptionTiles__T\+CwC {
        display: grid;
        gap: 16px;
        grid-auto-columns: auto;
    }

    .settings_setupOptionTile__4t7YO.settings_coworkerWideTile__Eea5r,
    .settings_setupOptionTile__4t7YO {
        max-width: 702px;
        width: unset;
        min-width: unset;
    }

    .settings_setupOptionTiles__T\+CwC .settings_setupOptionTile__4t7YO,
    .settings_simpleTile__u5sVw {
        width: 670px;
        min-width: 670px;
    }

    .settings_setupOptionTilesWithAgentUpsell__opnm4 .settings_agentUpsell__Z44hj.settings_setupOptionTile__4t7YO {
        width: 670px;
        min-width: 670px;
    }

    .settings_settingsDividerText__JIBUn {
        text-align: center;
        max-width: 702px;
    }
}

@media only screen and (max-width: 979px) {
    .settings_setupOptionTiles__T\+CwC .settings_setupOptionTile__4t7YO,
    .settings_simpleTile__u5sVw {
        width: 100%;
        min-width: auto;
    }

    .settings_setupOptionTilesWithAgentUpsell__opnm4 .settings_agentUpsell__Z44hj.settings_setupOptionTile__4t7YO {
        width: 100%;
        min-width: auto;
    }
}

@media only screen and (max-width: 600px) {
    .settings_emoji__uJSPi.settings_installGTM__cjqvR::after {
        display: none;
    }
}

.settings_gtmBreadcrumb__v0nzo {
    margin: 0px;
}

.settings_gtmBreadcrumb__v0nzo .ms-Breadcrumb-item {
    padding: 0px;
    font-size: 20px;
    line-height: 28px;
}

.settings_gtmBreadcrumb__v0nzo:first-child button {
    padding: 0px 8px 0px 0px;
}

.settings_gtmBreadcrumb__v0nzo:first-child button::after {
    display: block;
    content: attr(title);
    font-weight: 600;
    height: 0;
    color: transparent;
    overflow: hidden;
    visibility: hidden;
    pointer-events: none;
}

.settings_gtmBreadcrumb__v0nzo button:hover,
.settings_gtmBreadcrumb__v0nzo button:active,
.settings_gtmBreadcrumb__v0nzo button:active:hover {
    color: #605e5c;
    font-weight: 600;
    background-color: transparent;
}

.settings_gtmBreadcrumbItem__CyYMc,
.settings_hubspotBreadcrumbItem__q5IXm {
    align-items: center;
    padding: 0px 8px;
}

.settings_gtmBreadcrumbItem__CyYMc span,
.settings_hubspotBreadcrumbItem__q5IXm span {
    padding: 6px 8px;
    color: #323130;
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    text-align: center;
}

.settings_gscSetup__FOR1t,
.settings_gscAccountLoading__qf3lZ,
.settings_gscAccountLinking__Fxzmc,
.settings_metaadsSetup__QwS9U,
.settings_metaadsAccountLoading__wMK7u,
.settings_metaadsAccountLinking__YInPg,
.settings_msadsSetup__ypyp3,
.settings_msadsAccountLoading__n5f3X,
.settings_msadsAccountLinking__sIDlW,
.settings_gadsSetup__8WcMc,
.settings_gadsAccountLoading__fsF7V,
.settings_gadsAccountLinking__E4xzy,
.settings_gtmSetup__lQwM5,
.settings_gtmSetupLoading__5\+g6V,
.settings_gtmAccountLinking__AvXCT,
.settings_gtmAccountsLoading__ZIWxp {
    max-width: 424px;
}

.settings_gscSetupForm__1Jvvf,
.settings_metaadsSetupForm__1qaxS,
.settings_msadsSetupForm__spKxD,
.settings_gadsSetupForm__0-dh0,
.settings_gtmSetupForm__G26lW {
    margin: 40px 0;
    gap: 24px;
}

.settings_gtmCustomOptions__imAgw {
    gap: 24px;
}

.settings_gtmCustomTagsLabels__WX5fH {
    padding-right: 18px;
    margin-bottom: 5px;
}

.settings_gtmCustomTagsLabels__WX5fH,
.settings_gtmCustomTags__I96M7 {
    display: grid;
    grid-template-columns: 0.5fr 0.5fr 0.05fr;
    gap: 1rem;
    align-items: center;
}

.settings_gtmCustomTagsContainer__ZHD1u {
    display: flex;
    flex-direction: column;
    gap: 8px;
    max-height: 300px;
    overflow: scroll;
    padding-right: 8px;
}

.settings_deleteGtmCustomTagButton__z1S6e {
    border: none;
    background: none;
    cursor: pointer;
    padding: 0;
    display: flex;
}

.settings_addRowButton__he\+Bc {
    width: 115px;
}

.settings_gscSetupForm__1Jvvf .settings_emojiDescription__O9KaK,
.settings_metaadsSetupForm__1qaxS .settings_emojiDescription__O9KaK,
.settings_msadsSetupForm__spKxD .settings_emojiDescription__O9KaK,
.settings_gadsSetupForm__0-dh0 .settings_emojiDescription__O9KaK {
    margin-bottom: -12px;
}

.settings_gtmSetupForm__G26lW h2 {
    font-size: 16px;
    color: #161514;
    font-weight: 600;
    line-height: 22px;
}

.settings_gtmSetupForm__G26lW .settings_emojiDescription__O9KaK {
    margin-bottom: 0;
}

.settings_gtmSetupForm__G26lW strong {
    padding-right: 4px;
}

.settings_gtmLabelGap__yvXgc {
    gap: 8px;
}

.settings_gtmInlineLink__nVQrr {
    margin-left: 4px;
}

.settings_gscEmptyAccounts__-Vw0t,
.settings_metaadsEmptyAccounts__qBzTq,
.settings_msadsEmptyAccounts__Gy5qH,
.settings_gadsEmptyAccounts__J8Rj\+,
.settings_gtmEmptyAccounts__0F7Jt {
    margin: 40px 0;
    gap: 24px;
}

.settings_msadsEmptyAccounts__Gy5qH svg {
    width: 428px;
    height: 240px;
}

.settings_gscAccountLinking__Fxzmc,
.settings_metaadsAccountLinking__YInPg,
.settings_msadsAccountLinking__sIDlW,
.settings_gadsAccountLinking__E4xzy,
.settings_gtmAccountLinking__AvXCT {
    padding: 21px;
    gap: 42px;
}

.settings_gscAccountLoading__qf3lZ,
.settings_metaadsAccountLoading__wMK7u,
.settings_msadsAccountLoading__n5f3X,
.settings_gadsAccountLoading__fsF7V,
.settings_gtmAccountsLoading__ZIWxp {
    gap: 21px;
}

.settings_gscAccountLoading__qf3lZ,
.settings_gscAccountLinking__Fxzmc,
.settings_metaadsAccountLoading__wMK7u,
.settings_metaadsAccountLinking__YInPg,
.settings_msadsAccountLoading__n5f3X,
.settings_msadsAccountLinking__sIDlW,
.settings_gadsAccountLoading__fsF7V,
.settings_gadsAccountLinking__E4xzy,
.settings_gtmSetupLoading__5\+g6V,
.settings_gtmAccountLinking__AvXCT,
.settings_gtmAccountsLoading__ZIWxp {
    padding: 14% 0;
}

.settings_gtmLoading__v0Oh4 {
    flex: 0 0 auto;
}

.settings_gtmErrorMessage__p5XW0 {
    margin-top: 8px;
}

.settings_gtmErrorMessage__p5XW0 a {
    color: rgb(0, 120, 212);
}

.settings_gscActions__ZeDJr,
.settings_metaadsActions__LOrHH,
.settings_msadsActions__ppAa1,
.settings_gadsActions__QDcJM,
.settings_gtmActions__oyOVx {
    justify-content: end;
    align-items: end;
    max-width: 424px;
    height: 48px;
    gap: 8px;
}

.settings_gscActions__ZeDJr,
.settings_gadsActions__QDcJM {
    height: 32px;
}

.settings_gscConnectedContainer__aC2mf,
.settings_metaadsConnectedContainer__5bEM5,
.settings_msadsConnectedContainer__4moYo,
.settings_gadsConnectedContainer__DnL-Y {
    display: flex;
    gap: 4px;
    align-items: center;
}

.settings_gscConnectedContainer__aC2mf i,
.settings_metaadsConnectedContainer__5bEM5 i,
.settings_msadsConnectedContainer__4moYo i,
.settings_gadsConnectedContainer__DnL-Y i {
    color: #605e5c;
}

.settings_gtmSeparator__IW23m {
    width: 100%;
    margin: 16px 0;
    border-bottom: 1px solid #edebe9;
}

.settings_gtmFacts__gSNL3,
.settings_hubspotFacts__LrXk2 {
    margin: 40px 0 0;
    gap: 12px;
}

.settings_hubspotSetupNote__k-L0T {
    padding: 10px 0px 20px;
}

.settings_hubspotSetupNote__k-L0T a {
    color: rgb(0, 120, 212);
}

.settings_hubspotSetupNote__k-L0T a:hover {
    color: rgb(0, 69, 120);
    text-decoration: underline;
}

@media screen and (max-width: 1100px) {
    .settings_gtmFacts__gSNL3,
    .settings_hubspotFacts__LrXk2 {
        flex-direction: column;
    }
}

.settings_gtmErrorModal__KcrRK .ms-Dialog-main {
    min-width: 488px;
    min-height: 151px;
    border-radius: 2px;
}

.settings_gtmDisconnectModal__uqGQV .ms-Dialog-main {
    border-radius: 8px;
    background: #fff;
    min-height: 456px;
    min-width: 560px;
    box-shadow:
        0px 25.6px 57.6px 0px rgba(0, 0, 0, 0.22),
        0px 4.8px 14.4px 0px rgba(0, 0, 0, 0.18);
}

.settings_gtmDisconnect__-Jbzh {
    margin: 16px 12px 32px;
    gap: 16px;
}

.settings_gtmDisconnect__-Jbzh p {
    color: #323130;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
}

.settings_gtmConnect__Awffy {
    margin: 12px 0 24px;
}

.settings_gtmTutorialsTitle__2GFpm {
    font-size: 16px;
    font-weight: 600;
    color: #161514;
    line-height: 22px;
    margin-bottom: 16px;
}

.settings_gtmTutorial__Ov5TK {
    height: 44px;
    font-size: 16px;
    font-weight: 600;
    color: #020057;
    line-height: 22px;
}

.settings_gtmTutorial__Ov5TK i {
    width: 20px;
    height: 20px;
    color: #242424;
}

.settings_gaModalRoot__11c23 {
    position: relative;
}

.settings_gaModalLabel__dq7Bu {
    font-size: 16px;
    line-height: 22px;
    font-weight: 600;
}

.settings_gaModalIcon__OQmwn {
    position: absolute;
    z-index: 1;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 10px;
    width: 1.4em;
    height: 1.4em;
}

.settings_gaModalComboboxLoadingIcon__1oU9f {
    position: absolute;
    top: 0.6em;
    right: 2.5em;
}

/* Api tokens */
.settings_endpointContainer__fBUdS {
    margin: 24px 0;
}

.settings_listElementsContainer__VLQQG {
    margin-top: 16px;
}

.settings_apiTokensURL__0PFge {
    text-decoration-line: underline;
    margin: 0 12px;
}

.settings_apiElements__BAfZH {
    margin: 24px 24px 24px 0;
    align-items: center;
    white-space: nowrap;
    width: 100%;
}

.settings_apiElements__BAfZH > * {
    border-bottom: solid 1px #f3f2f1;
    height: 33px;
    line-height: 32px;
    padding: 5px 5px 5px 0;
    box-sizing: content-box;
}

.settings_apiElements__BAfZH td {
    padding: 5px 8px 5px 16px;
}

.settings_elementName__JmBcd {
    font-weight: 600;
    max-width: 176px;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    width: 25%;
}

.settings_elementActionsContainer__Nu5MW {
    display: flex;
    color: #0078d4;
    align-items: center;
    justify-content: flex-end;
    min-width: 67px;
}

.settings_elementActionsContainer__Nu5MW > button {
    background: white;
    border: none;
    cursor: pointer;
    color: #0078d4;
}

.settings_elementActionsContainer__Nu5MW > button:focus {
    outline: none;
}

.settings_tokenValueContainer__MqXlh {
    padding: 0 24px 16px 24px;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.settings_tokenValueContainer__MqXlh .ms-Button {
    margin-top: 15px;
}

.settings_tokenContent__1CCgj {
    width: 70%;
    padding-right: 8px;
}

.settings_addApiTokenContainer__zoqqh {
    width: 100%;
}

.settings_addElementButtonsContainer__K2cQZ {
    margin: 24px;
    display: flex;
    justify-content: flex-end;
}

.settings_addElementButtonsContainer__K2cQZ > * {
    margin-left: 8px;
}

.settings_apiTokenNotice__tGLkx {
    padding: 16px 24px;
    color: #c50f1f;
}

/* Funnels */
.settings_funnelsContainer__s5Xss {
    margin-top: 8px;
    max-width: 1195px;
}

.settings_funnelsActionContainer__zZzjP {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 24px 0;
}

.settings_funnelsActionContainer__zZzjP .ms-SearchBox {
    width: 218px;
}

.settings_funnelModalContainer__0e11G {
    max-width: 1140px;
    width: 80%;
    height: 666px;
    border-radius: 8px;
    background: #fff;
    box-shadow:
        0px 25.6px 57.6px 0px rgba(0, 0, 0, 0.22),
        0px 4.8px 14.4px 0px rgba(0, 0, 0, 0.18);
    overflow-y: hidden;
}

.settings_funnelModalContainer__0e11G .ms-Modal-scrollableContent {
    width: 100%;
    flex-direction: column;
    display: flex;
    height: 100%;
}

.settings_funnelsModalHeader__dH6PI {
    display: flex;
    align-items: center;
    margin: 16px 24px 20px;
    gap: 12px;
}

.settings_funnelsModalHeader__dH6PI > span {
    color: #161514;
    font-size: 20px;
    font-weight: 600;
    line-height: 28px;
}

.settings_funnelsModalHeader__dH6PI input {
    font-size: 20px;
    line-height: 28px;
}

.settings_funnelsModalHeader__dH6PI > i {
    height: 24px;
}

.settings_funnelsModalHeader__dH6PI > button {
    margin-left: auto;
}

.settings_funnelsModalHeader__dH6PI > button i {
    color: #323130;
}

.settings_funnelsModalBody__7VJOO {
    border-top: 1px solid #edebe9;
    display: flex;
    height: calc(100% - 68px);
}

.settings_funnelsPivotContainerWrapper__hQo-S {
    width: 50%;
}

.settings_funnelsPivotContainer__zXr7m {
    border-radius: 0px 0px 0px 7px;
    width: 100%;
    height: 100%;
    padding-top: 12px;
}

.settings_funnelsPivotContainer__zXr7m .ms-Pivot {
    display: flex;
    justify-content: center;
}

.settings_funnelsPivotContainer__zXr7m > div[role="tabpanel"] {
    height: calc(100% - 56px);
}

.settings_funnelsPivotContainer__zXr7m > div[role="tabpanel"] > div {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    height: 100%;
    gap: 12px;
    margin: 12px 0 0 16px;
}

.settings_funnelsPivotContainer__zXr7m .ms-SearchBox {
    width: 350px;
    align-self: center;
    min-height: 32px;
    border-bottom: 1px solid #616161;
}

.settings_funnelsPivotContainer__zXr7m .eventPageVisitsFilter .ms-SearchBox {
    width: 191px;
    border-radius: unset;
}

.settings_funnelsPivotContainer__zXr7m .eventFilterDropdown:has(> div.is-disabled),
.settings_funnelsPivotContainer__zXr7m .eventPageVisitsFilter .ms-SearchBox.is-disabled {
    border-bottom: 1px solid #e0e0e0;
}

.settings_funnelsPivotContainer__zXr7m .eventPageVisitsFilter .ms-SearchBox.is-disabled .ms-SearchBox-iconContainer,
.settings_funnelsPivotContainer__zXr7m .eventPageVisitsFilter .ms-SearchBox.is-disabled input::placeholder {
    color: #bebbb8;
}

.settings_funnelsPivotContainer__zXr7m .eventPageVisitsFilter {
    padding-right: 16px;
}

.settings_funnelsPivotContainer__zXr7m .eventPageVisitsAddButton {
    width: 98px;
    /* Accessible gradient — see fluentUIOverrides.css .ms-Button--primary. Bug 10684911 */
    background: linear-gradient(280.75deg, #0078d4 0%, #6a5ae0 94.81%);
    border: 1px solid transparent;
    color: white;
}

.settings_funnelsPivotContainer__zXr7m .eventPageVisitsAddButton.disabled {
    border: 1px solid #e0e0e0;
}

.settings_funnelsPivotContainer__zXr7m .eventPageVisitsAddButton:not(.disabled):hover {
    background: linear-gradient(281deg, #106ebe 0%, #5a4bd0 94.81%);
    color: white;
}

.settings_funnelsPivotContainer__zXr7m .eventPageVisitsLoading {
    width: 98px;
    flex: none;
}

.settings_funnelPivotSelectionContainer__xPLjZ {
    overflow-y: scroll;
}

.settings_funnelEventsHeader__LSVqm {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-right: 20px;
}

.settings_funnelEventsHeader__LSVqm button {
    padding: 5px 12px;
}

.settings_funnelEventNoDataContaier__Wcp5g {
    cursor: default;
    margin-left: auto;
    display: flex;
    font-size: 12px;
    color: #605e5c;
}

.settings_funnelEventNoDataContaier__Wcp5g i {
    margin-left: 8px;
    height: 16px;
}

.settings_funnelEventNoDataContaier__Wcp5g svg {
    width: 16px;
    height: 16px;
}

.settings_funnelPivotSeparator__t9flg {
    height: 1px;
    margin-right: 16px;
    border-bottom: 1px solid #edebe9;
}

.settings_funnelSelectedStepsContainer__k5wGk {
    display: flex;
    width: 50%;
    height: 100%;
    flex-direction: column;
    border: 1px solid #e1dfdd;
    background: #f3f2f1;
    box-shadow:
        4px 4px 4px 0px rgba(0, 0, 0, 0.05) inset,
        -4px 0px 4px 0px rgba(0, 0, 0, 0.05) inset;
}

.settings_funnelSelectedStepsWrapper__AkJS6 {
    overflow-y: scroll;
    padding: 16px 16px 0 16px;
}

.settings_funnelSelectedStepsWrapper__AkJS6 > h2 {
    margin-bottom: 24px;
    font-size: 18px;
    line-height: 24px;
}

.settings_funnelCardDetailsConatiner__Fk4Ja {
    margin: 0 16px;
    padding-bottom: 12px;
}

.settings_funnelSelectedStepsWrapper__AkJS6 .settings_funnelCardDetailsConatiner__Fk4Ja {
    margin-top: 8px;
}

.settings_funnelModalFooter__pbT19 {
    background: #fff;
    display: flex;
    height: 64px;
    padding: 16px;
    justify-content: flex-end;
    align-items: center;
    gap: 8px;
    margin-top: auto;
}

.settings_funnelsCard__xcMlS {
    border-radius: 4px;
    border: 1px solid #e1dfdd;
    background: #fff;
    margin: 0 16px 8px 0;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.settings_funnelSelectedStepsWrapper__AkJS6 .settings_funnelsCard__xcMlS {
    gap: 8px;
}

.settings_funnelsCard__xcMlS.settings_noCounter__mkFSZ {
    margin-top: 0;
}

.settings_funnelStepPlaceholder__rpIOc,
.settings_funnelSelectedStepsWrapper__AkJS6 > .settings_funnelsCard__xcMlS:not(.settings_noCounter__mkFSZ) {
    position: relative;
    margin: 0 0 16px 32px;
    display: list-item;
    list-style-type: none;
    counter-increment: customlistcounter;
}

.settings_funnelStepPlaceholder__rpIOc::before,
.settings_funnelSelectedStepsWrapper__AkJS6 > .settings_funnelsCard__xcMlS:not(.settings_noCounter__mkFSZ)::before {
    content: counter(customlistcounter) " ";
    color: #605e5c;
    font-size: 20px;
    line-height: 28px;
    position: absolute;
    left: -32px;
}

.settings_funnelStepPlaceholder__rpIOc {
    height: 78px;
    border-radius: 4px;
    border: 1px dashed #bebbb8;
    flex: 1;
}

.settings_funnelStepPlaceholder__rpIOc.settings_highlightedStep__JEPz- {
    border: 1px dashed #0078d4;
}

.settings_funnelsCard__xcMlS.settings_isDrageEnabled__7mlc5 {
    cursor: move;
}

.settings_funnelsCardHeader__hmTla {
    background: linear-gradient(307deg, #fae9ff -9.47%, #deecf9 75.93%);
    display: flex;
    padding: 8px 16px;
    justify-content: space-between;
    align-items: center;
    min-height: 48px;
}

.settings_funnelsCardHeader__hmTla.settings_selectedCardHeader__hYK1w {
    padding: 16px;
}

.settings_funnelsCardHeader__hmTla.settings_selectedCardHeader__hYK1w {
    padding: 16px;
}

.settings_funnelsCardHeader__hmTla div:first-child {
    overflow: hidden;
}

.settings_funnelsCardHeader__hmTla div:first-child > div {
    min-width: 0;
}

.settings_funnelsCardHeader__hmTla strong {
    color: #161514;
    font-size: 16px;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    flex-wrap: wrap;
}

.settings_funnelsCardHeader__hmTla i {
    color: #424242;
    height: 20px;
    line-height: 20px;
}

.settings_funnelsCardHeader__hmTla label.ms-ChoiceField-field:hover::before {
    border: unset;
    border-bottom: 1px solid #827dff;
}

.settings_funnelsCardTitle__Pz-g5 {
}

.settings_funnelsCardTitle__Pz-g5 > svg {
    width: 24px;
    min-width: 24px;
    height: 24px;
    margin-right: 8px;
}

.settings_funnelsCardHeader__hmTla.settings_selectedCardHeader__hYK1w .settings_funnelsCardTitle__Pz-g5 > svg {
    margin-right: 12px;
}

.settings_funnelsCardTitle__Pz-g5 .ms-TextField {
    width: 278px;
    margin-right: 12px;
}

.settings_funnelsCardTitle__Pz-g5 .ms-TextField-fieldGroup {
    height: 24px;
}

.settings_funnelsCardTitle__Pz-g5 .settings_stepNameContainer__Zq2Ug {
    display: flex;
    align-items: center;
    margin-right: 16px;
}

.settings_funnelsCardTitle__Pz-g5 .settings_editNameContainer__FYvcz {
    border-radius: 4px;
    position: relative;
    left: -4px;
    padding: 0 4px;
}

.settings_funnelsCardTitle__Pz-g5 .settings_editNameContainer__FYvcz:hover {
    border-radius: 4px;
    background: #f3f2f1;
    cursor: pointer;
    position: relative;
    left: -4px;
    padding: 0 4px;
}

.settings_funnelsCardTitle__Pz-g5 .settings_editNameContainer__FYvcz button {
    width: 16px;
    height: 16px;
    margin-left: 8px;
}

.settings_funnelsCardTitle__Pz-g5 .settings_editNameContainer__FYvcz i,
.settings_funnelsCardTitle__Pz-g5 .settings_editNameContainer__FYvcz svg {
    height: 16px;
}

.settings_funnelStepActionIcon__kCjj1 {
    width: 32px;
    height: 32px;
    border-radius: 4px;
}

.settings_funnelStepActionIcon__kCjj1:not(.settings_disabledFunnelAction__LQJ71):hover {
    cursor: pointer;
    background: #f3f2f1;
}

.settings_deleteModalContainer__1iZp3 {
    width: 560px;
}

.settings_deleteModalContainer__1iZp3 .ms-Modal-scrollableContent > p {
    margin: 0 24px;
}

.settings_deleteModalFooter__3HklA {
    display: flex;
    gap: 8px;
    align-items: center;
    justify-content: flex-end;
    margin: 32px 24px 24px;
}

.settings_funnelCardDetailsConatiner__Fk4Ja .settings_funnelsCard__xcMlS {
    margin: 16px 0 0 0;
}

.settings_funnelCardDetailsConatiner__Fk4Ja .settings_funnelsCardHeader__hmTla {
    background: #eff6fc;
}

.settings_funnelStepDetailsCard__3E3EG {
    display: flex;
    flex-direction: column;
    padding: 8px 24px;
    border-radius: 4px;
    border: 1px solid #e1dfdd;
    margin-top: 16px;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.settings_funnelStepDetailsCard__3E3EG strong {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.settings_funnelsTable__dBtvu {
    width: 100%;
    margin: 24px 38px 0 0;
}

.settings_funnelsTable__dBtvu tr {
    border-bottom: 1px solid #edebe9;
}

.settings_funnelsTable__dBtvu tr:hover {
    cursor: pointer;
}

.settings_funnelsTable__dBtvu td {
    padding: 12px;
    vertical-align: top;
    line-height: 32px;
}

.settings_funnelsTable__dBtvu tr td:first-of-type button {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.settings_funnelsTable__dBtvu th {
    padding: 12px;
    text-align: left;
    font-weight: 600;
    line-height: 20px;
}

.settings_funnelsTable__dBtvu th:first-of-type:hover {
    cursor: pointer;
}

.settings_funnelsTable__dBtvu th button {
    width: 20px;
    height: 20px;
    margin-left: 4px;
}

.settings_funnelsTable__dBtvu th:first-of-type i {
    transform: scale(0.75);
    color: #252423;
}

.settings_funnelsTable__dBtvu .settings_definedByHeadr__WAnJE {
    display: flex;
    align-items: center;
}

.settings_funnelsTable__dBtvu .settings_definedByCol__KfU8b {
    white-space: nowrap;
}

.settings_funnelsTable__dBtvu .settings_modalRow__eyG2e {
    display: none;
}

.settings_tableStepNameContainer__g8aRw {
    display: inline-block;
}

.settings_tableStepName__Pi98h {
    display: flex;
    align-items: center;
}

.settings_tableStepName__Pi98h span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: noWrap;
}

.settings_tableStepName__Pi98h i {
    height: 24px;
}

.settings_tableStepNameContainer__g8aRw:not(:first-of-type) .settings_tableStepName__Pi98h > span {
    margin-left: 8px;
}

.settings_tableStepName__Pi98h > span {
    margin-right: 8px;
}

.settings_tableStepName__Pi98h button {
    margin-left: 2px;
    min-width: 32px;
    height: 32px;
    padding: 0;
    border: unset;
}

.settings_tableStepNameContainer__g8aRw:first-of-type i {
    visibility: hidden;
    width: 0;
    margin: 0;
}

.settings_funnelsRowActions__Jjmzc {
    display: flex;
    align-items: center;
    gap: 12px;
}

.settings_funnelNamingContainer__KXRmh {
    display: flex;
    flex-direction: column;
    width: 100%;
    overflow-x: hidden;
}

.settings_funnelModalFooter__pbT19 .ms-Link {
    padding: 0 12px;
}

.settings_funnelIntializationContainer__\+Rzdc {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.settings_funnelsFilterDropdown__ZEDg2 {
    width: 218px;
    margin-right: 20px;
}

@media only screen and (max-width: 700px) {
    .settings_funnelNamingContainer__KXRmh .eventNameContent {
        width: 80%;
    }
    .settings_funnelNamingContainer__KXRmh .eventNameTextField {
        width: 100%;
    }
}

.settings_funnelsEmptyMessage__CgaoT {
    margin-top: 24px;
}

@media only screen and (max-width: 680px) {
    .settings_overviewLabel__p8h-M,
    .settings_industryDropdown__pETWW label,
    .settings_overviewContainer__f1e0n .ms-Dropdown-label {
        font-weight: 600;
    }

    .settings_overviewTextField__Fr6Tn .ms-TextField-fieldGroup,
    .settings_email__Qi0mF .ms-TextField-fieldGroup,
    .settings_industryDropdown__pETWW .ms-Dropdown-title,
    .settings_role__AOtnn .ms-Dropdown-title {
        border-width: 0 0 1px 0;
        border-radius: 0;
        border-color: #616161;
    }

    .settings_industryDropdown__pETWW .ms-Dropdown:focus::after,
    .settings_role__AOtnn .ms-Dropdown:focus::after,
    .settings_overviewTextField__Fr6Tn .ms-TextField-fieldGroup::after,
    .settings_email__Qi0mF .ms-TextField-fieldGroup::after {
        border-color: #827dff;
        border-width: 0 0 1px 0;
        border-radius: 0;
    }

    .settings_role__AOtnn {
        margin-bottom: 90px;
    }

    .settings_overviewTextField__Fr6Tn .ms-TextField-field {
        border: none;
    }

    .settings_actionsContainer__3eTYS {
        justify-content: flex-end;
    }

    .settings_setupContainer__pGgU1,
    .settings_appsSetupContainer__kuEpk {
        margin-top: 0px;
    }

    .settings_attestationModalBody__C0kGE {
        margin: 16px;
    }

    .settings_settingsContent__HfAm8 {
        flex-grow: 1;
        margin: 0px;
    }

    .settings_settingsContent__HfAm8.settings_base__i0xYZ {
        padding: 24px 24px 32px;
    }

    .settings_navContent__YRdqO {
        height: fit-content;
        margin: 0px;
    }

    .settings_navContent__YRdqO ul li:first-child {
        margin-top: 0;
    }

    .settings_navContent__YRdqO ul li:not(:last-child) {
        border-bottom: 1px solid #edebe9;
    }

    .settings_navContent__YRdqO .ms-Nav-groupContent {
        margin-bottom: 0px;
    }

    .settings_navContent__YRdqO .is-selected a,
    .settings_navContent__YRdqO .ms-Nav-compositeLink a:hover {
        background-color: white;
        font-weight: 400;
    }

    .settings_navContent__YRdqO a {
        height: 48px;
        padding: 24px;
        color: #020057;
    }

    .settings_navContent__YRdqO .is-selected a::after {
        border-right: 0px;
        border-left: 0px;
    }

    .settings_settingsContent__HfAm8.settings_base__i0xYZ .settings_instructions__uGQAt {
        border-top: none;
    }

    .settings_team__WULYl {
        margin-top: 16px;
    }
}

.settings_GACard__1WGGr {
    display: flex;
    justify-content: space-between;
    width: 100%;
    font-size: 12px;
}

.settings_GACard__1WGGr div {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.settings_integrationsContainer__xzcMJ .settings_thirdPlatformsContent__kmbht span {
    margin-left: 0;
}

.settings_integrationsContainer__xzcMJ .settings_hubspotFacts__LrXk2 {
    margin-top: 0;
}

.settings_integrationsPageHeader__CuH1i {
    margin-top: 12px;
}

.settings_integrationsPageHeader__CuH1i strong {
    color: #161514;
}

.settings_integrationsPageHeader__CuH1i div {
    color: #323130;
    margin-top: 8px;
}

.settings_integrationsPageBreadcrumb__rXFE7 {
    margin-top: 0;
    margin-bottom: 24px;
}

.settings_integrationsPageBreadcrumb__rXFE7 ol li:not(:first-child) {
    margin-left: 16px;
}

.settings_integrationsPageBreadcrumb__rXFE7 ol a {
    margin-right: 4px;
    padding-left: 0;
}

.settings_integrationsPageBreadcrumb__rXFE7 ol a:active,
.settings_integrationsPageBreadcrumb__rXFE7 ol a:hover {
    color: #605e5c;
    text-decoration: none;
    background: unset;
    font-weight: 600;
}

.settings_integrationsPageBreadcrumb__rXFE7 a::after {
    display: block;
    content: attr(content);
    font-weight: 600;
    height: 0;
    color: transparent;
    overflow: hidden;
    visibility: hidden;
    pointer-events: none;
}

/********************************************/
/***********     Brand Agent      **************/
/********************************************/

.settings_brandAgentContainer__Ypp1W {
    margin-top: 24px;
}

.settings_brandAgentContainer__Ypp1W .settings_header__rFC8a {
    max-width: 600px;
}

.settings_brandAgentContainer__Ypp1W > span:first-child {
    margin-top: 4px;
    max-width: 600px;
}

.settings_brandAgentContainer__Ypp1W a {
    color: rgb(0, 120, 212);
}

.settings_brandAgentSection__aLfk0 {
    display: flex;
    flex-direction: column;
    border-top: 1px solid #edebe9;
    margin-top: 24px;
}

.settings_brandAgentSectionWithoutDivider__7JcQA {
    border-top: 0;
}

.settings_brandAgentSection__aLfk0 > h2 {
    padding: 24px 0;
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
}

.settings_loadingContainer__\+GRsk {
    margin-top: 24px;
}

.settings_brandAgentStatusContainer__dJBRV {
    box-shadow:
        0 0.6px 1.8px 0 rgba(131, 126, 255, 0.1),
        0 3.2px 7.2px 0 rgba(131, 126, 255, 0.12);
    border-radius: 8px;
    width: 600px;
    padding: 32px;
    gap: 16px;
    display: flex;
    flex-direction: column;
}

.settings_brandAgentStatusContainer__dJBRV .settings_brandAgentStatusHeader__hPgpj {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.settings_brandAgentStatusContainer__dJBRV .settings_gettingReadyHeader__LLgF5 {
    display: flex;
    flex-direction: row;
    gap: 4px;
    font-size: 20px;
    line-height: 28px;
    font-weight: 600;
}
.settings_brandAgentStatusContainer__dJBRV .settings_gettingReadyHeader__LLgF5 .settings_gettingReadyHeaderHighlight__\+Uuf2 {
    background: linear-gradient(90deg, #4e83ff 0%, #ae3af1 33%, #df3c99 66%, #ee5e36 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.settings_playgroundProgressBannerButton__LTtOR .ms-Button-flexContainer {
    display: flex;
    align-items: center;
    gap: 4px;
}

/* Brand Agent Configuration Styles */
.settings_configurationContainer__VN7qT {
    display: flex;
    width: 100%;
    background: linear-gradient(180deg, rgba(253, 249, 255, 0) 0%, #fdf9ff 100%);
    overflow: hidden;
}

.settings_configurationPanel__NVzDl {
    flex: 0 0 auto;
    width: 500px;
    padding: 24px 32px;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.settings_configurationHeader__YQXo6 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px;
}

.settings_configurationTitle__UHDUK {
    font-size: 20px;
    font-weight: 600;
    line-height: 28px;
    margin: 0;
}

.settings_accordionContainer__MFz\+q {
    display: flex;
    flex-direction: column;
}

.settings_previewPanel__Nyv8J {
    flex: 1;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 24px 32px;
    overflow-y: auto;
}

.settings_brandAgentStatusContainer__dJBRV .settings_brandAgentStatusHeader__hPgpj button .ms-Button-flexContainer {
    gap: 8px;
}

.settings_brandAgentStatusContainer__dJBRV .settings_turnOffBrandAgent__KcpaK p {
    color: #a731eb;
    font-weight: 600;
}

.settings_brandAgentStatusContainer__dJBRV .settings_turnOffBrandAgent__KcpaK p:hover {
    cursor: pointer;
}

.settings_brandAgentStatusContainer__dJBRV .settings_turnOffBrandAgent__KcpaK {
    display: flex;
    justify-content: end;
}

.settings_brandAgentProgressWithFlightContainer__IBXA4,
.settings_brandAgentProgressContainer__czD44 {
    width: 532px;
    padding: 32px;
    margin: 24px 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
    border-radius: 8px;
    background: #fff;
    box-shadow:
        0 0.6px 1.8px rgba(131, 126, 255, 0.1),
        0 3.2px 7.2px rgba(131, 126, 255, 0.12);
}

@media (min-width: 980px) {
    .settings_brandAgentProgressContainer__czD44,
    .settings_brandAgentProgressWithFlightContainer__IBXA4 {
        width: 640px;
    }
}

@media (min-width: 1440px) {
    .settings_brandAgentProgressContainer__czD44,
    .settings_brandAgentProgressWithFlightContainer__IBXA4 {
        width: 700px;
    }
}

.settings_brandAgentProgressStatusPill__hUR9N {
    align-self: flex-start;
    padding: 6px 18px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    border: none;
    margin-bottom: 12px;
}

.settings_brandAgentProgressWithFlightContainer__IBXA4 .settings_brandAgentProgressStatusPill__hUR9N {
    margin-bottom: 0;
}

.settings_brandAgentProgressStatusPillActive__rRf4j {
    background: #ffe24b;
    color: #3b2e00;
}

.settings_brandAgentProgressStatusPillComplete__wCPwt {
    background: #ecf9f0;
    color: #0d5f34;
}

.settings_brandAgentProgressTitle__xQPqk {
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #1b1a19;
}

.settings_brandAgentProgressSubtitle__E9tem {
    color: #1b1a19;
    margin: 0;
    line-height: 24px;
}

.settings_brandAgentEtaRow__7qKU5 {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 6px;
    color: #ae3af1;
    font-size: 16px;
    font-weight: 600;
    padding: 0;
    background: transparent;
}

.settings_brandAgentEtaRow__7qKU5 span::after {
    content: ":";
    margin-left: 2px;
}

.settings_brandAgentEtaRow__7qKU5 strong {
    font-size: 18px;
    color: #ae3af1;
}

.settings_brandAgentProgressBar__y4Hsk {
    width: 100%;
    height: 4px;
    border-radius: 999px;
    background: #f7ebfe;
    border: 1px solid #f7ebfe;
    overflow: hidden;
}

.settings_brandAgentProgressFill__fY6Iq {
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, #5b2bef 0%, #a24afb 60%, #f4a952 100%);
    transition: width 0.6s ease;
    min-width: 8%;
}

.settings_brandAgentStageList__i\+\+jB {
    list-style: none;
    margin-top: 8px;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
    border-radius: 18px;
    background: #fff;
}

.settings_brandAgentStageCard__AzW8Y {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 16px;
    padding: 18px 24px;
    border-radius: 16px;
    border: none;
    background: transparent;
}

.settings_brandAgentStageCardActive__IfNpN {
    border-radius: 12px;
    background: #faf5fb;
}

.settings_brandAgentStageLeft__KoEyx {
    display: flex;
    gap: 12px;
    align-items: flex-start;
}

.settings_brandAgentStageIcon__V72vh {
    border-radius: 14px;
    background: transparent;
    border: none;
    color: #ae3af1;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
}

.settings_brandAgentStageBody__EccGY {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.settings_brandAgentStageTitle__BBGi- {
    font-weight: 600;
    color: #1b1a19;
}

.settings_brandAgentStageDescription__b941f {
    margin: 0;
    color: #605e5c;
}

.settings_brandAgentStageStatusBadge__GKa8r {
    width: 32px;
    height: 32px;
    border-radius: 999px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    color: #ae3af1;
    align-self: center;
}

.settings_brandAgentStageStatusBadgeComplete__eS1ME {
    background: transparent;
    color: #ae3af1;
}

.settings_brandAgentProgressTrafficDivider__GJqzs,
.settings_brandAgentProgressDivider__FAIyM {
    border: none;
    border-top: 1px solid #e0e0e0;
    margin: 24px 0;
}

.settings_brandAgentProgressTrafficDivider__GJqzs {
    margin: 8px 0;
}

.settings_baCustomizeContainer__2neqG {
    margin-bottom: 24px;
}

.settings_baCustomizeSecondaryDescription__Ust\+B,
.settings_baCustomizeDescription__C5fSh {
    font-size: 16px;
    line-height: 24px;
    color: #242424;
    margin: 0 0 16px 0;
}

.settings_baCustomizeSecondaryDescription__Ust\+B {
    margin: 16px 0;
}

.settings_baCustomizeButtons__HJ9rm {
    display: flex;
    gap: 8px;
    align-items: center;
}

.settings_baCustomizeContact__TgOsO {
    font-size: 14px;
    line-height: 20px;
    color: #616161;
    margin: 24px 0 0 0;
}

.settings_baFlightingDescription__h8MR- {
    font-size: 14px;
    line-height: 20px;
    margin: 12px 0 0 0;
}

.settings_percentageAndPublish__8ZphU {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
}

.settings_baSetupConfigurationWrapper__FFE4J {
    margin-top: 24px;
}

.settings_baSetupConfigurationWrapper__FFE4J .settings_configurationContainer__VN7qT {
    padding: 0 48px 22px 48px;
    margin: 0 -48px -48px -48px;
    width: calc(100% + 96px);
}

.settings_baSetupConfigurationWrapper__FFE4J .settings_configurationPanel__NVzDl {
    padding-top: 0;
    padding-left: 0;
}

.settings_baSetupConfigurationWrapper__FFE4J .settings_configurationHeader__YQXo6 {
    display: none;
}

.settings_baSetupConfigurationWrapper__FFE4J .settings_configurationTitle__UHDUK {
    font-size: 16px;
    margin-bottom: 16px;
}

/* Used only by the embed Brand Agent Setup page — keeps the configuration
   panel side-by-side with the preview, drops side padding, and hides the
   embedded header. Wraps to a stacked layout when the preview can't fit. */
.settings_embedBaSetupConfigurationWrapper__31jtg .settings_configurationContainer__VN7qT {
    background: transparent;
    overflow: visible;
    flex-wrap: wrap;
}

.settings_embedBaSetupConfigurationWrapper__31jtg .settings_configurationPanel__NVzDl {
    padding: 0;
    overflow-y: visible;
    gap: 0;
}

.settings_embedBaSetupConfigurationWrapper__31jtg .settings_configurationHeader__YQXo6 {
    display: none;
}

.settings_embedBaSetupConfigurationWrapper__31jtg .settings_previewPanel__Nyv8J {
    padding: 0 0 0 24px;
    overflow-y: visible;
    min-width: 0;
}

.settings_embedBaSetupConfigurationWrapper__31jtg .settings_accordionContainer__MFz\+q {
    gap: 12px;
}

/* Embed flow does not load dashboard.css's global `* { box-sizing: border-box }`,
   so the preview header (width: 100% + padding) overflows its 276px phone frame
   and pushes the right-aligned more icon outside. Restore border-box for the
   preview subtree only. */
.settings_embedBaSetupConfigurationWrapper__31jtg .settings_previewPanel__Nyv8J,
.settings_embedBaSetupConfigurationWrapper__31jtg .settings_previewPanel__Nyv8J *,
.settings_embedBaSetupConfigurationWrapper__31jtg .settings_previewPanel__Nyv8J *::before,
.settings_embedBaSetupConfigurationWrapper__31jtg .settings_previewPanel__Nyv8J *::after {
    box-sizing: border-box;
}

.settings_embedBaSetupConfigurationWrapper__31jtg .settings_previewPanel__Nyv8J .settings_previewsContainerWrapper__B9G2J.settings_withTabs__rSFNG {
    border-bottom: none;
}

.settings_baPlaygroundProgressContainer__9oTyo {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 24px;
    position: relative;
}

.settings_baPlaygroundProgressContainer__9oTyo > ul {
    text-align: justify;
}

.settings_baPlaygroundProgressContainer__9oTyo > ul {
    margin-bottom: 100px;
}

.settings_baPlaygroundProgressTitle__RkvJ6 {
    font-size: 28px;
    font-weight: 600;
    line-height: 36px;
    background: linear-gradient(90deg, #8b5cf6 0%, #ec4899 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    margin: 0 0 16px 0;
}

.settings_baPlaygroundProgressCat__yf\+8p {
    width: 1024px;
    height: 246px;
    position: absolute;
    bottom: 0;
    right: calc(50% - 350px);
}

.settings_baSelfOnboardingCompleteContainer__6QR6y {
    width: 532px;
    padding: 24px 0;
}

@media (min-width: 980px) {
    .settings_baSelfOnboardingCompleteContainer__6QR6y {
        width: 640px;
    }
}

@media (min-width: 1440px) {
    .settings_baSelfOnboardingCompleteContainer__6QR6y {
        width: 700px;
    }
}

.settings_loadingContainer__\+GRsk {
    margin-top: 24px;
}

.settings_baSelfOnboardingCompleteTitle__8JyhR {
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    color: #242424;
    margin: 0 0 16px 0;
}

.settings_baSelfOnboardingCompleteContent__ookMI {
    border-radius: 8px;
    background: #fff;
    box-shadow:
        0 0.6px 1.8px 0 rgba(131, 126, 255, 0.1),
        0 3.2px 7.2px 0 rgba(131, 126, 255, 0.12);
    padding: 32px;
}

.settings_baSelfOnboardingCompleteBadge__qyTIq {
    display: inline-block;
    padding: 4px 12px;
    border-radius: 16px;
    background: #107c10;
    color: #ffffff;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    margin-bottom: 12px;
}

.settings_baSelfOnboardingCompleteDescription__gp7tJ {
    font-size: 14px;
    line-height: 20px;
    color: #424242;
    margin: 0 0 16px 0;
}

.settings_baSelfOnboardingCompleteButtons__kK7Tv {
    display: flex;
    gap: 12px;
}

.settings_brandAgentStatusBar__KmSpQ {
    display: flex;
    flex-direction: row;
}

.settings_brandAgentStatusContainer__dJBRV .settings_brandAgentStatusBar__KmSpQ {
    width: 100%;
    justify-content: space-between;
}

.settings_brandAgentStatusContainer__dJBRV .settings_brandAgentStatusFlighting__rP2M4 {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.settings_brandAgentStatusContainer__dJBRV .settings_brandAgentStatusFlighting__rP2M4 h4 {
    color: #17233e;
    font-weight: 600;
}

.settings_brandAgentStatusFlighting__rP2M4 .ms-Pivot {
    border: 1px solid #d1d1d1;
    border-radius: 12px;
    padding: 0 8px;
    display: flex;
    gap: 4px;
}

.settings_brandAgentStatusFlighting__rP2M4 .ms-Pivot-link.is-selected::before {
    display: none;
}

.settings_brandAgentStatusFlighting__rP2M4 .ms-Pivot-link {
    margin: 8px 0;
    flex: 1 1 0;
    min-width: 0;
    line-height: 20px;
    padding: 16px;
    white-space: normal;
    overflow: hidden;
}

.settings_brandAgentStatusFlighting__rP2M4 .ms-Pivot-link.is-selected {
    border: 1px solid #ae3af1;
    background: #fbf5ff;
    border-radius: 8px;
}

.settings_brandAgentStatusFlighting__rP2M4 .ms-Pivot button {
    height: 100%;
}

.settings_brandAgentStatusFlighting__rP2M4 .ms-Pivot button span div {
    width: 100%;
}

.settings_brandAgentStatusFlighting__rP2M4 .ms-Pivot button p {
    font-weight: 400;
}

.settings_brandAgentStatusBar__KmSpQ .ms-Toggle {
    padding-right: 24px;
    width: 240px;
}

.settings_brandAgentStatusBar__KmSpQ button span {
    font-size: 600;
}

.settings_brandAgentStatusBar__KmSpQ button span i {
    margin-left: 8px;
}

.settings_initialContent__J\+8oy > .settings_upsellImage__iD7Aw {
    width: 770px;
}

.settings_brandAgentContainer__Ypp1W i {
    display: flex;
}

.settings_brandAgentStatusBar__KmSpQ i {
    margin-left: 4px;
}

.settings_collapsibleBoxContainer__fZJ0g {
    background: #fff;
    box-shadow:
        0px 3.2px 7.2px 0px rgba(131, 126, 255, 0.12),
        0px 0.6px 1.8px 0px rgba(131, 126, 255, 0.1);
    border: 1px solid #eaeaff;
    border-radius: 8px;
    margin-bottom: 16px;
    padding: 0 24px;
}

.settings_collapsibleContent__bauLG,
.settings_collapsibleSectionContent__DNu2B {
    height: 72px;
    font-weight: 600;
    width: 100%;
    display: flex;
    min-height: 72px;
}

.settings_collapsibleSectionContent__DNu2B > div {
    gap: 8px;
}

.settings_collapsibleContent__bauLG > div {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.settings_collapsibleContent__bauLG > div > div {
    margin: 0;
}

.settings_collapsibleSectionContent__DNu2B > div > div {
    font-size: 18px;
}

.settings_contentContainer__cnPY\+ {
    margin-bottom: 24px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.settings_contentContainer__cnPY\+ > span,
.settings_chatWidgetConfigSection__8\+GQF > span {
    color: #616161;
}

.settings_contentContainer__cnPY\+ form .ms-Button.ms-Button--default {
    border: 1px solid #d1d1d1;
    color: #242424;
}

.settings_contentContainer__cnPY\+ form .ms-Button.ms-Button--default i {
    color: #242424;
}

.settings_contentContainer__cnPY\+ form .ms-Button.ms-Button--default.is-disabled i {
    color: #bebbb8;
}

.settings_contentContainer__cnPY\+ .ms-MessageBar-content {
    align-items: center;
}

.settings_fileUploadContainer__fPH-F {
    display: flex;
    height: 60px;
    justify-content: space-between;
    max-width: 320px;
    box-shadow:
        0px 0px 2px 0px #0000001f,
        0px 2px 4px 0px #00000024;
    border-radius: 4px;
    padding: 10px 12px;
    align-items: center;
    cursor: pointer;
    margin-top: 12px;
}

.settings_fileUploadName__m0VIE {
    flex: 1;
    padding: 12px 0;
    width: calc(100% - 40px);
}

.settings_fileUploadName__m0VIE p:nth-of-type(1) {
    width: calc(100% - 40px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 600;
}

.settings_fileUploadName__m0VIE.settings_disabledText__DsanN p:nth-of-type(1) {
    color: #bebbb8;
    cursor: default;
}

.settings_initialContent__J\+8oy {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.settings_initialContent__J\+8oy h3 {
    font-weight: 600;
}

.settings_expressInterestBorder__hUc3n {
    border: 2px solid transparent;
    border-radius: 22px;
    width: fit-content;
    height: fit-content;
    background:
        linear-gradient(#ffffff) padding-box,
        linear-gradient(
            90deg,
            rgba(78, 131, 255, 1) 0%,
            rgba(174, 58, 241, 1) 25%,
            rgba(223, 60, 153, 1) 50%,
            rgba(226, 125, 83, 1) 75%,
            rgba(255, 178, 111, 1) 100%
        )
        border-box;
}

.settings_expressInterest__4mvg1 {
    border-radius: 20px;
    background: linear-gradient(
        90deg,
        rgba(78, 131, 255, 0.2) 0%,
        rgba(174, 58, 241, 0.2) 25%,
        rgba(223, 60, 153, 0.2) 50%,
        rgba(226, 125, 83, 0.2) 75%,
        rgba(255, 178, 111, 0.2) 100%
    );
    width: fit-content;
    height: 40px;
    display: flex;
    align-items: center;
    padding: 10px 16px;
}

.settings_expressInterest__4mvg1 span {
    font-weight: 600;
}

.settings_removeWaitlistButton__0IlEG {
    width: fit-content;
}

.settings_topContainer__O25AW .settings_buttonContainers__vPikj {
    display: flex;
    gap: 12px;
}

.settings_permalinkContainer__5hJS4 {
    display: flex;
    border: 1px solid #fdcfb4;
    border-radius: 4px;
    background-color: #fff9f5;
    padding: 6px 12px;
    gap: 8px;
}

.settings_dangerIcon__H9lAG {
    margin-top: 3px;
}

.settings_permalinkContent__TRAbo i {
    display: contents;
    margin-left: 8px;
}

.settings_permalinkContent__TRAbo a {
    margin-left: 4px;
}

.settings_closeButtonPermalink__HRpP0 {
    color: #424242;
}

.settings_initialContent__J\+8oy .settings_buttonContainers__vPikj i,
.settings_topContainer__O25AW .settings_buttonContainers__vPikj i {
    margin-left: 4px;
    width: 18px;
    height: 18px;
}

.settings_editHostTypeModal__lmSO5 .ms-Modal-scrollableContent {
    padding: 16px 24px;
    display: flex;
    flex-direction: column;
    gap: 14px;
    max-width: 560px;
}

.settings_editHostTypeModal__lmSO5 .settings_header__rFC8a {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.settings_editHostTypeModal__lmSO5 .settings_header__rFC8a h3 {
    font-size: 20px;
    line-height: 28px;
    font-weight: 600;
}

.settings_editHostTypeModal__lmSO5 .settings_header__rFC8a i {
    color: #323130;
}

.settings_hostingTypeOptions__iy5b6 .settings_option__MllAt {
    margin-left: 30px;
}

.settings_hostingTypeOptions__iy5b6 .settings_option__MllAt span {
    color: #616161;
    font-size: 12px;
    line-height: 16px;
}

.settings_editHostTypeModal__lmSO5 .settings_actions__WTEcc {
    display: flex;
    justify-content: flex-end;
    flex-direction: row;
    gap: 8px;
}

.settings_hostingTypeOptions__iy5b6 .ms-ChoiceField-field {
    margin: 8px 0 0 4px;
}

.settings_BAUpsellContent__f3tb0 {
    display: flex;
    flex-direction: row;
    gap: 40px;
    width: fit-content;
    padding: 32px;
    border-radius: 8px;
    box-shadow: 0 4.8px 14.4px 0 rgba(131, 126, 255, 0.3);
    margin-top: 24px;
}

.settings_mcpUpsellContent__336XT.settings_BAUpsellContent__f3tb0 {
    box-shadow: unset;
    padding: 0;
}

.settings_BAUpsellContent__f3tb0 .settings_BAUpsellImgContent__fjvPR {
    border-radius: 20px;
    background: #faf5fb;
    display: flex;
    width: 500px;
    height: 277px;
    padding: 18px 25px;
    justify-content: center;
    align-items: center;
}

.settings_BAUpsellImgContent__fjvPR img {
    width: 450px;
}

.settings_BAUpsellContent__f3tb0 .settings_BAUpsellTextContent__Nt\+UV {
    max-width: 500px;
    height: 277px;
    display: flex;
    flex-direction: column;
}

.settings_BAUpsellTextContent__Nt\+UV .settings_topContainer__O25AW {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.settings_BAUpsellContent__f3tb0 .settings_bottomContainer__MEdD6 {
    margin-top: auto;
}

.settings_bottomContainer__MEdD6 .settings_supportMessageContainer__kUXsF a,
.settings_supportContainer__St17G a {
    margin-left: 4px;
}

.settings_BAUpsellTextContent__Nt\+UV .settings_topContainer__O25AW h2 {
    font-size: 20px;
    font-weight: 600;
    line-height: 28px;
}

.settings_BAUpsellTextContent__Nt\+UV .settings_topContainer__O25AW h3 {
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
}

.settings_BAUpsellTextContent__Nt\+UV .settings_installContainer__6I-Aj {
    margin-top: auto;
    height: fit-content;
    padding: 20px 32px;
    justify-content: space-between;
    display: flex;
    align-items: center;
    border-radius: 12px;
    border: 1px solid #f7ebfe;
    gap: 12px;
    flex-flow: wrap;
}

.settings_BAUpsellTextContent__Nt\+UV .settings_upsellGuidance__rMwxb {
    margin-top: 16px;
    font-size: 12px;
    line-height: 16px;
    color: #616161;
}

.settings_installContainer__6I-Aj .settings_needHelpTitle__c8k7F {
    font-size: 16px;
    font-weight: 600;
}

.settings_configBrandAgentContainer__XbnUU {
}

.settings_fullHeight__U7s5O {
}

.settings_contentContainer__cnPY\+ .settings_emojiPicker__yQdyi {
    width: 300px;
    z-index: 100;
    position: absolute;
}

.settings_contentContainer__cnPY\+ .settings_emojiPicker__yQdyi .epr-category-nav button.epr-cat-btn.epr-active {
    filter: invert(20%) sepia(95%) saturate(3500%) hue-rotate(210deg) brightness(90%) contrast(105%);
}

.settings_playgroundContentBody__SOi0H .settings_contentContainer__cnPY\+ form {
    height: 136px;
}

.settings_emojiContainer__5\+HGX {
    position: relative;
}

.settings_emojiContainer__5\+HGX h3 {
    padding: 4px 0;
}
.settings_welcomeMessageTranslationNote__heBdn {
    padding-bottom: 8px;
}

.settings_emojiPicker__yQdyi .epr-emoji-category-label,
.settings_emojiPicker__yQdyi .epr-search-container input {
    color: #717171;
}

.settings_emojiPicker__yQdyi .epr-search-container input {
    --epr-search-input-placeholder-color: #717171;
}

.settings_emojiPicker__yQdyi .epr-category-nav :focus:before {
    border: 2px solid #3088d5;
}

.epr-main div {
    color: #717171;
}

.settings_emojiContainer__5\+HGX > h3,
.settings_themeContainer__P3rNA > h3,
.settings_tonesContainer__2gtm0 h3,
.settings_logoContainerRequired__tCsf8 > span {
    font-weight: 600;
    color: rgb(50, 49, 48);
}

.settings_emojiContainer__5\+HGX > h3::after,
.settings_themeContainer__P3rNA > h3::after,
.settings_tonesContainer__2gtm0 h3::after,
.settings_logoContainerRequired__tCsf8 > span::after {
    content: " *";
    color: rgb(164, 38, 44);
}

.settings_emojiButton__yWDcW.ms-Button.ms-Button--icon {
    border-right: none;
    border-left: 1px solid #d1d1d1;
    border-bottom: 1px solid #d1d1d1;
    border-top: 1px solid #d1d1d1;
    border-top-left-radius: 4px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 4px;
    padding: 8px;
}

.settings_emojiContainer__5\+HGX .ms-Button {
    border-right: 1px solid #d1d1d1;
    border-left: none;
    border-bottom: 1px solid #d1d1d1;
    border-top: 1px solid #d1d1d1;
    border-top-left-radius: 0px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 0px;
    background-color: #fff;
}

.settings_fontContainer__fqP3f {
    width: 305px;
}

.settings_noteOnFont__WyO32 {
    color: #616161;
    font-size: 12px;
}

.settings_circleColorPicker__YAT3m {
    min-width: 160px;
    width: 100%;
    height: 64px;
    border-radius: 8px 8px 0 0;
    margin-top: 8px;
    border: 1px solid #e0e0e0;
}

.settings_circleColorPicker__YAT3m:focus-visible {
    outline: 3px solid #000000;
    outline-offset: 2px;
}

@media (prefers-color-scheme: dark) {
    .settings_circleColorPicker__YAT3m:focus-visible {
        outline: 3px solid #ffffff;
    }
}

@media (prefers-contrast: more) {
    .settings_circleColorPicker__YAT3m:focus-visible {
        outline: 3px solid CanvasText;
        outline-offset: 2px;
    }
}

.settings_colorPickerButton__MYnRR {
    margin-top: 8px;
    border-radius: 0 0 8px 8px;
}

.settings_colorPickerLabel__C6CTA {
    font-weight: 600;
    font-size: 12px;
    display: flex;
    justify-content: center;
    border: 1px solid #e0e0e0;
    border-radius: 0 0 8px 8px;
    padding: 8px;
    background-color: #f3f2f1;
}

.settings_colorPickerLabel__C6CTA.settings_disabledColorPickerLabel__Gq3cf {
    color: rgb(161, 159, 157);
}

.settings_tonesContainer__2gtm0 {
    display: flex;
    flex-flow: column;
    gap: 12px;
}

.settings_generatedToneContainer__KDMH3 {
    display: grid;
    gap: 12px;
    background-color: #f7ebfe;
    padding: 16px;
    grid-template-columns: 200px auto 32px;
    border-radius: 8px;
    align-items: end;
}

.settings_collapsibleBoxContainer__fZJ0g .settings_generatedToneContainer__KDMH3 {
    background-color: #fdf9ff;
}

.settings_collapsibleSectionContainer__D57Lf {
    margin-top: 16px;
}

.settings_generatedToneContainer__KDMH3 i {
    color: #424242;
    font-size: 12px;
    height: 12px;
    line-height: 12px;
}

.settings_publishUpdatesButton__lyWyz {
    width: 150px;
}

.settings_colorFluentProvider__Sllv1 {
    width: fit-content;
    height: fit-content;
}

.settings_colorPickerContainer__aQPDJ {
    width: 339px;
    max-width: 100%;
    height: fit-content;
}

.settings_colorPickerButtons__OZba1 {
    display: flex;
    justify-content: right;
    gap: 16px;
}

.settings_colorWarning__q\+Oyy {
    margin: 6px 0 18px 0;
    font-size: 12px;
    font-weight: 600;
    background-color: #fff9f5;
    border-radius: 4px;
    border: 1px solid #fdcfb4;
    padding: 6px 12px;
    display: flex;
    gap: 8px;
}

.settings_colorWarning__q\+Oyy .settings_warningIcon__dzh0n {
    margin-top: 4px;
}

.settings_colorPickerInputs__vVmKF {
    display: grid;
    gap: 12px;
    grid-template-columns: minmax(0, 78px) minmax(0, 49px) minmax(0, 49px) minmax(0, 49px) auto;
    margin-bottom: 12px;
}

.settings_previewColor__SXQMB {
    width: 64px;
    height: 64px;
    max-width: 100%;
    border-radius: 4px;
}

@media screen and (prefers-contrast: more) {
    .settings_projectIdContainer__-YwyK svg path,
    .settings_endpointContainer__fBUdS svg path {
        fill: black;
    }
}

.settings_liveAgentPage__y6i1g {
    display: flex;
    flex-direction: column;
    gap: 20px;
    height: 66vh;
    align-items: center;
    justify-content: center;
}

.settings_liveAgentTitleContainer__RC6DX {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #323559;
    font-size: 36px;
    line-height: 42px;
    font-weight: 600;
    gap: 8px;
    flex-wrap: wrap;
}

.settings_liveAgentSubTitle__yeU9N {
    color: #6b4d88;
    font-size: 20px;
    line-height: 28px;
    font-weight: 600;
    text-align: center;
}

.settings_savingIndicator__7TpjG {
    display: flex;
    align-items: center;
    gap: 6px;
}

.settings_savingIndicator__7TpjG .settings_savingIcon__3VnZp {
    display: inline-block;
    animation: settings_savingIcon__3VnZp 2s linear infinite;
}

.settings_aiDisclaimerContainer__U0bfe span {
    color: #616161;
    width: 100%;
}

.settings_aiDisclaimerContainer__U0bfe {
    display: flex;
    text-align: center;
}

.settings_modalHeader__uaZr1 {
    display: flex;
    justify-content: space-between;
}

.settings_modalHeader__uaZr1 h1 {
    font-size: 16px;
    line-height: 28px;
    font-weight: 600;
}

.settings_modalHeader__uaZr1 i {
    color: #242424;
}

.settings_openLinkButton__ZyYHT span {
    flex-direction: row-reverse;
}

.settings_openLinkButton__ZyYHT path {
    fill: white;
}

.settings_knowledgeUploadContentContainer__uKdIg {
    gap: 12px;
}

.settings_knowledgeUploadContentContainer__uKdIg div p {
    display: inline;
}

.settings_knowledgeUploadTextField__P4xBe {
    margin-top: 12px;
}

.settings_faqFormatError__5aFUr {
    color: #b10e1c;
    font-size: 12px;
    margin-top: 4px;
}

.settings_faqExampleContainer__QF5tT {
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    padding: 16px;
    margin: 12px 0;
    max-height: 360px;
    overflow-y: auto;
}

.settings_faqExampleEntry__v3dm0 {
    margin-bottom: 0;
}

.settings_faqExamplePre__P-2eV {
    white-space: pre-wrap;
    word-wrap: break-word;
    margin: 0;
}

.settings_faqExampleCloseButton__6p5LZ {
    float: right;
}

.settings_knowledgeTitleContainer__l9wq6 {
    display: flex;
    align-items: center;
    gap: 8px;
}

.settings_newBadge__w\+fiF {
    font-size: 11px;
    font-weight: 600;
    line-height: 16px;
    color: #ffffff;
    background: #a731eb;
    padding: 2px 8px;
    border-radius: 4px;
}

.settings_scriptInstructions__zhgpD {
    display: flex;
    flex-direction: column;
    width: fit-content;
    padding: 32px;
    gap: 16px;
    box-shadow: 0px 4.8px 14.4px rgba(131, 126, 255, 0.3);
    border-radius: 8px;
}

.settings_scriptInstructions__zhgpD > *:first-child {
    font-weight: 600;
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 4px;
}

.settings_scriptInstructionsV2__yr9B2 {
    display: flex;
    flex-direction: column;
    width: fit-content;
    gap: 24px;
    padding-top: 24px;
}

.settings_scriptInstructionsContainer__pDxDk {
    box-shadow: 0px 4.8px 14.4px rgba(131, 126, 255, 0.3);
    border-radius: 8px;
    padding: 32px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    height: fit-content;
    width: 100%;
}

.settings_scriptInstructionsContainer__pDxDk > h2 {
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
}

.settings_scriptInstructionsV2__yr9B2 > h1 {
    font-weight: 600;
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 4px;
}

.settings_scriptButtons__Np2rl {
    display: flex;
    gap: 16px;
}

.settings_stepsParent__CbwyU {
    display: flex;
    gap: 20px;
}

.settings_stepsContainer__sF78t {
    border: 1px solid #eaeaff;
    border-radius: 12px;
    padding: 24px 24px 12px;
    display: flex;
    flex-direction: column;
    height: 220px;
    width: 500px;
}

.settings_stepTitle__82V5v {
    display: flex;
    gap: 8px;
    align-items: center;
    margin-bottom: 4px;
}

.settings_stepNumber__rR5fS {
    width: 24px;
    height: 24px;
    border-radius: 100%;
    background-color: #eaeaff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.settings_stepsContainer__sF78t img {
    max-height: 156px;
    align-self: center;
}

.settings_scriptContainer__rnk1s {
    padding: 24px 24px 32px 24px;
    flex-direction: column;
    gap: 16px;
    border-radius: 12px;
    border: 1px solid #eaeaff;
}

.settings_scriptContainer__rnk1s img {
    width: 100%;
}

.settings_scriptStatus__XqSf4 {
    border-radius: 21px;
    background-color: #f1faf1;
    border: 2px solid #9fd89f;
    height: 42px;
    padding: 10px 16px;
    display: flex;
    align-items: center;
    font-weight: 600;
    width: fit-content;
    gap: 6px;
}

.settings_scriptDescription__AEwwN {
    align-items: center;
    display: flex;
    flex-direction: column;
}

.settings_scriptDescription__AEwwN b {
    font-weight: 600;
}

@keyframes settings_savingIcon__3VnZp {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

/* Border beam — accent-colored dot that travels around the message bar pill */
@keyframes settings_borderBeamTravel__yJzHu {
    from {
        offset-distance: 0%;
        opacity: 1;
    }
    90% {
        opacity: 1;
    }
    to {
        offset-distance: 100%;
        opacity: 0;
    }
}

.settings_beamWrapper__j9S9T {
    position: absolute;
    inset: -3px;
    overflow: hidden;
    border-radius: 62px;
    pointer-events: none;
    z-index: 0;
}

.settings_homePagePreviewContainer__tOkuu .settings_beamDot__jcmlc {
    position: absolute;
    inset: 0;
    width: 80px;
    height: 80px;
    offset-path: rect(0 auto auto 0 round 9999px);
    offset-rotate: 0deg;
    offset-anchor: center center;
    animation: settings_borderBeamTravel__yJzHu 4s linear 1 forwards;
}

.settings_messageBarSparkContent__ITp7u {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    height: 100%;
    background-color: var(--colorNeutralBackground1, white);
    border-radius: 62px;
    padding: 2px;
}

.settings_flightingModal__0FE\+4,
.settings_disableAgentModal__a3BQ1 {
    padding: 0 20px;
    border-radius: 8px;
    width: 500px;
}

.settings_flightingModalWide__iDyYt {
    width: 720px;
}

.settings_disableAgentConversionRate__f3WIz {
    margin-bottom: 16px;
}

.settings_flightingModal__0FE\+4 {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.settings_flightingModal__0FE\+4 .settings_footerButtons__05I\+X {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    margin-bottom: 24px;
}

.settings_flightModalTitle__-NBl-,
.settings_disableAgentModalTitle__y\+hEP {
    padding: 16px 4px;
    font-size: 20px;
    font-weight: 600;
    line-height: 28px;
}

.settings_flightModalTitle__-NBl- {
    padding-bottom: 0;
}

.settings_disableAgentModal__a3BQ1 .settings_surveyOptions__D9wCp {
    padding: 16px 0;
}

.settings_disableAgentModal__a3BQ1 .settings_surveyDropdown__Pd8am {
    margin-bottom: 6px;
}

.settings_disableAgentModalFooter__XzsuQ {
    display: flex;
    justify-content: flex-end;
    margin: 16px 24px 24px;
    gap: 16px;
}

.settings_disableAgentModalFooter__XzsuQ > button.settings_disableAgentButtonPrimary__jKRES:not(.is-disabled) {
    background: linear-gradient(90deg, #4e83ff 0%, #ae3af1 50%, #df3c99 100%);
    border: 1px solid rgba(255, 255, 255, 0.5);
}

.settings_disableAgentModalFooter__XzsuQ > button.settings_disableAgentButtonSecondary__yIrmy {
    color: #ae3af1;
    border: 1px solid #ae3af1;
}

.settings_disableAgentModalV2__XmPx5 {
    padding: 0 20px;
    border-radius: 8px;
    width: 700px;
}

.settings_disableAgentModalV2Header__kaiSy {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px 0 8px;
}

.settings_disableAgentModalV2Header__kaiSy i {
    color: #323130;
}

.settings_disableAgentV2Step1__f-kma {
    display: flex;
    gap: 24px;
    padding: 16px 0;
    align-items: anchor-center;
}

.settings_disableAgentV2ImagePlaceholder__IEwJm {
    border-radius: 12px;
    flex: 1;
    min-width: 0;
    height: 220px;
    overflow: hidden;
    position: relative;
}

.settings_disableAgentV2ImagePlaceholder__IEwJm img,
.settings_disableAgentV2ImagePlaceholder__IEwJm video {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
    border-radius: 12px;
}

.settings_disableAgentV2ValueProps__kSMt3 {
    display: flex;
    flex-direction: column;
    gap: 20px;
    flex: 1;
    min-width: 0;
}

.settings_disableAgentV2ValuePropItem__f0jzl {
    display: flex;
    gap: 12px;
    align-items: flex-start;
}

.settings_disableAgentV2ValuePropItem__f0jzl p {
    margin: 4px 0 0;
    font-size: 13px;
    color: #605e5c;
}

.settings_disableAgentV2ValuePropItem__f0jzl p span {
    margin-right: 4px;
}

.settings_disableAgentV2ValuePropItem__f0jzl strong {
    font-size: 14px;
}

.settings_disableAgentV2Icon__odlkH {
    font-size: 18px;
    flex-shrink: 0;
    margin-top: 2px;
    width: 20px;
}

.settings_disableAgentV2Link__uZDzU {
    color: #4e83ff;
    font-size: 13px;
}

.settings_disableAgentV2Step2__k09A1 {
    padding: 8px 0 16px;
}

.settings_disableAgentV2Step2__k09A1 .settings_surveyOptions__D9wCp {
    padding: 12px 0;
    display: flex;
    flex-direction: column;
}

.settings_disableAgentV2QuestionLabel__8ckoD {
    font-size: 14px;
    margin-bottom: 4px;
}

.settings_disableAgentV2QuestionLabel__8ckoD span {
    margin-left: 4px;
}

.settings_disableAgentV2Required__j9j5j {
    color: #d13438;
}

.settings_disableAgentV2TextArea__-7WnY {
    margin-top: 8px;
}

.settings_disableAgentV2CharHint__o68fZ {
    font-size: 12px;
    color: #a4262c;
    margin-top: 4px;
}

.settings_mobilePlaygroundContentContainer__Jz5gS .settings_playgroundContentBody__SOi0H,
.settings_mobilePlaygroundContentContainer__Jz5gS .settings_supportContainer__St17G {
    padding: 24px 24px 12px 24px;
}

.settings_brandAgentMCPContainer__ML23T {
    width: 506px;
    min-height: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    flex: 1 1 auto;
    align-self: stretch;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 4.8px 14.4px 0 rgba(174, 58, 241, 0.12);
    padding-bottom: 11px;
    overflow: hidden;
}

.settings_mcpWrapper__P2O-n {
    position: relative;
    overflow: visible;
}

.settings_mcpCalloutOverlay__ZqaF3 {
    position: absolute;
    bottom: 38px;
    left: -106px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

@media only screen and (max-width: 1200px) {
    .settings_BAUpsellContent__f3tb0 {
        flex-direction: column;
    }

    .settings_BAUpsellContent__f3tb0 .settings_BAUpsellTextContent__Nt\+UV {
        height: fit-content;
        min-width: 421px;
    }

    .settings_BAUpsellContent__f3tb0 .settings_topContainer__O25AW {
        margin-bottom: 24px;
    }

    .settings_BAUpsellContent__f3tb0.settings_mcpUpsellContent__336XT {
        width: 100%;
    }

    .settings_mcpUpsellContent__336XT .settings_mcpWrapper__P2O-n {
        margin: 0 auto;
    }

    .settings_mcpUpsellContent__336XT .settings_mcpCalloutOverlay__ZqaF3 {
        left: -105px;
    }
}

@media only screen and (max-width: 1000px) {
    .settings_brandVoiceHeader__XFCrw {
        flex-flow: column;
        display: flex;
        gap: 12px;
    }

    .settings_previewsContainerWrapper__B9G2J.settings_withTabs__rSFNG .settings_previewsContainer__1ON6w.settings_previewsContainerDesktop__r1Ocj {
        margin: 4px 49px 22px 49px;
    }

    .settings_previewsContainerDesktop__r1Ocj {
        flex-flow: wrap;
        justify-content: center;
    }
}

@media only screen and (max-width: 680px) {
    .settings_BAUpsellContent__f3tb0 .settings_BAUpsellImgContent__fjvPR {
        width: 100%;
    }

    .settings_BAUpsellImgContent__fjvPR img {
        width: 100%;
    }

    .settings_BAUpsellContent__f3tb0,
    .settings_brandAgentStatusContainer__dJBRV {
        box-shadow: unset;
        padding: 0;
        width: 100%;
    }

    .settings_brandAgentFlightingRow__7pN0Y {
        gap: 8px;
    }

    .settings_brandAgentStatusContainer__dJBRV .settings_brandAgentStatusBar__KmSpQ {
        display: flex;
        flex-direction: column;
        gap: 12px;
    }

    .settings_brandVoiceRegenerateButtonWrapper__pqLl6 {
        width: fit-content;
    }

    .settings_playgroundContentContainer__FEsja .settings_titleContainer__L24ZF h1 {
        margin-top: 24px;
    }

    .settings_mcpUpsellContent__336XT .settings_brandAgentMCPContainer__ML23T {
        width: 380px;
    }

    .settings_mcpUpsellContent__336XT .settings_mcpCalloutOverlay__ZqaF3 {
        display: none;
    }
}

.settings_BAUpsellContent__f3tb0.settings_mobileBAUpsellContent__24Jx7,
.settings_brandAgentStatusContainer__dJBRV.settings_mobileBrandAgentStatusContainer__a0ZR0 {
    box-shadow: unset;
    padding: 0;
    width: 100%;
}

.settings_BAUpsellContent__f3tb0.settings_mobileBAUpsellContent__24Jx7 .settings_BAUpsellImgContent__fjvPR {
    height: fit-content;
    padding: 8px 16px;
}

.settings_BAUpsellContent__f3tb0.settings_mobileBAUpsellContent__24Jx7 .settings_BAUpsellTextContent__Nt\+UV {
    min-width: unset;
}

.settings_BAUpsellImgContent__fjvPR img {
    width: 100%;
}

.settings_BAUpsellContent__f3tb0.settings_mobileBAUpsellContent__24Jx7 .settings_topContainer__O25AW .settings_buttonContainers__vPikj {
    display: flex;
    gap: 12px;
    flex-flow: column;
}

.settings_brandAgentStatusContainer__dJBRV.settings_mobileBrandAgentStatusContainer__a0ZR0 .settings_brandAgentFlightingRow__7pN0Y {
    gap: 8px;
}

.settings_brandAgentStatusContainer__dJBRV.settings_mobileBrandAgentStatusContainer__a0ZR0 .settings_brandAgentStatusBar__KmSpQ {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.settings_contentContainer__cnPY\+.settings_mobileContentContainer__rXl3o .settings_generatedToneContainer__KDMH3 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    position: relative;
}

.settings_contentContainer__cnPY\+.settings_mobileContentContainer__rXl3o .settings_generatedToneContainer__KDMH3 .ms-TextField {
    width: 100%;
}

.settings_contentContainer__cnPY\+.settings_mobileContentContainer__rXl3o .settings_generatedToneContainer__KDMH3 button {
    position: absolute;
    top: 0;
    right: 0;
}

.settings_contentContainer__cnPY\+.settings_mobileContentContainer__rXl3o .settings_fontContainer__fqP3f {
    width: 100%;
}

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

.settings_aiVisibilitySettings__baOWA {
    height: 100%;
    display: flex;
    flex-direction: column;
}

/* Playground Progress Banner */
.settings_playgroundProgressBanner__5E7la {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 20px;
    border-radius: 0;
    background:
        linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)),
        linear-gradient(90deg, #4e83ff 0%, #ae3af1 33%, #df3c99 66%, #ee5e36 100%);
    color: #fff;
    gap: 16px;
    flex-shrink: 0;
    width: 100%;
}

.settings_playgroundProgressBannerContent__Dd9L1 {
    display: flex;
    flex-direction: column;
    gap: 8px;
    flex: 1;
}

.settings_playgroundProgressBannerLeft__fKbEN {
    display: flex;
    align-items: center;
    gap: 8px;
}

.settings_playgroundProgressBannerSparkle__TigRB {
    flex-shrink: 0;
}

.settings_playgroundProgressBannerTitle__e\+ruq {
    font-weight: 600;
    font-size: 14px;
    white-space: nowrap;
}

.settings_playgroundProgressBanner__5E7la .settings_playgroundProgressBannerTitle__e\+ruq .ms-TooltipHost {
    display: inline-flex;
    position: relative;
    top: 5px;
}

.settings_playgroundProgressBanner__5E7la .ms-TooltipHost path {
    fill: white;
}

.settings_playgroundProgressBannerStage__FEEB8 {
    margin-left: 6px;
    font-size: 13px;
    opacity: 0.9;
    white-space: nowrap;
}

.settings_playgroundProgressBannerProgress__jcJjJ {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-left: 28px;
}

.settings_playgroundProgressBannerSegments__5l9gt {
    display: flex;
    gap: 4px;
    width: 200px;
}

.settings_playgroundProgressBannerSegment__mB\+iY {
    flex: 1;
    height: 6px;
    border-radius: 3px;
    background: rgba(255, 255, 255, 0.3);
    overflow: hidden;
}

.settings_playgroundProgressBannerSegmentFill__7gdMc {
    height: 100%;
    border-radius: 3px;
    background: #fff;
    transition: width 0.4s ease;
}

.settings_playgroundProgressBannerEta__EiIcn {
    font-size: 11px;
    opacity: 0.85;
    white-space: nowrap;
    height: 16px;
    min-height: 16px;
}

.settings_playgroundProgressBannerButton__LTtOR.ms-Button--default {
    background: transparent;
    border: 1.5px solid #ffffff;
    color: #ffffff;
    font-weight: 600;
    white-space: nowrap;
    flex-shrink: 0;
    margin-left: auto;
}

.settings_playgroundProgressBannerButton__LTtOR:not(.agentdisabledButton).ms-Button--default:hover,
.settings_playgroundProgressBannerButton__LTtOR:not(.agentdisabledButton).ms-Button--default:active {
    background: rgba(0, 0, 0, 0.15);
}

.settings_playgroundProgressBannerButton__LTtOR.ms-Button--default i {
    color: #ffffff;
    display: flex;
}

.settings_playgroundProgressBannerButton__LTtOR.ms-Button--default path {
    fill: #ffffff;
}

.settings_playgroundProgressBannerButtons__qWdMC {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
    margin-left: auto;
}

.settings_playgroundProgressBannerComplete__ePOts {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    position: absolute;
    width: calc(100% - 40px);
    pointer-events: none;
}

.settings_playgroundProgressBannerCompleteIcon__PqBOR {
    flex-shrink: 0;
    display: flex;
}

.settings_mcpContainerHeader__eoH3D {
    padding: 12px 0;
    text-align: center;
    border-radius: 8px 8px 0 0;
    background: #ae3af1;
    color: #fff;
    width: 100%;
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
}

.settings_mcpIframeContainer__AnTN\+ {
    position: relative;
    /* Match the iframe's scaled visual size so the container never clips */
    width: 318px;
    height: 520px;
    flex: 1 1 auto;
    min-height: 400px;
    border-radius: 32px;
    background: #fafafa;
    margin-top: 4px;
    overflow: hidden;
}

.settings_mcpIframe__mkgJV {
    width: calc(318px / 0.7);
    height: calc(520px / 0.7);
    border: none;
    border-radius: 32px;
    transform: scale(0.7);
    transform-origin: top left;
}

.settings_mcpJwtExpiredOverlay__TtAGQ {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.85);
    border-radius: 20px;
}

.settings_mcpCalloutBubble__rlzaK {
    border-radius: 20px;
    padding: 8px 12px;
    width: 153px;
    height: 66px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    position: absolute;
    top: 4px;
    left: 36px;
}

.settings_mcpCalloutBubble__rlzaK span {
    color: #020057;
    font-size: 14px;
    font-weight: 600;
    line-height: normal;
}

@media screen and (max-width: 1024px) {
    .settings_configurationContainer__VN7qT {
        flex-direction: column;
        height: auto;
        min-height: 100vh;
        overflow-y: auto;
    }

    .settings_configurationPanel__NVzDl {
        width: 100%;
        overflow-y: visible;
    }

    .settings_previewPanel__Nyv8J {
        padding: 24px;
        overflow-y: visible;
    }
}

@media screen and (min-width: 1400px) {
    .settings_configurationPanel__NVzDl {
        width: 700px;
    }
}

@media only screen and (max-width: 1300px) {
    .settings_desktopContainer__XV9u3 .settings_desktopBody__Lz\+mw {
        padding: 18px;
    }
}

/* Agent Ready Card — collapsible setup steps card */
.settings_agentReadyContainer__obWYj {
    max-width: 560px;
    width: 100%;
}

.settings_agentReadyCard__Yr363 {
    background: #ffffff;
    border: 1px solid #e8c5fc;
    border-radius: 12px;
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 100%;
}

.settings_agentReadyCardHeader__rXW9y {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    cursor: pointer;
    color: #161514;
    font-size: 16px;
    line-height: 22px;
    font-weight: 600;
}

.settings_agentReadyCardHeaderTitle__sFJFZ {
    font-size: 16px;
    font-weight: 600;
    color: #161514;
    line-height: 22px;
}

.settings_agentReadyCardChevron__k6t-f {
    background: none;
    border: none;
    padding: 2px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
}

.settings_agentReadyCardChevron__k6t-f:hover {
    background: rgba(0, 0, 0, 0.05);
}

.settings_agentReadySteps__b0CAU {
    display: flex;
    flex-direction: column;
}

.settings_agentReadyStep__ugCEk {
    display: flex;
    gap: 12px;
    align-items: flex-start;
    padding: 12px 24px;
}

.settings_agentReadyStepIcon__9hw0s {
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    color: #3d254b;
    display: flex;
    align-items: center;
    justify-content: center;
}

.settings_agentReadyStepContent__CUvTa {
    display: flex;
    flex-direction: column;
    gap: 4px;
    flex: 1;
}

.settings_agentReadyStepTitle__TBo8- {
    font-size: 14px;
    font-weight: 600;
    color: #3d254b;
    line-height: 20px;
}

.settings_agentReadyStepDesc__Y50Rv {
    font-size: 14px;
    font-weight: 400;
    color: #3d254b;
    line-height: 20px;
}

@media screen and (max-width: 750px) {
    .settings_disableAgentModalV2__XmPx5,
    .settings_disableAgentModal__a3BQ1 {
        width: auto;
        max-width: 700px;
    }

    .settings_disableAgentV2Step1__f-kma {
        flex-flow: column;
    }

    .settings_disableAgentV2ImagePlaceholder__IEwJm {
        width: 100%;
        min-width: unset;
    }
}

.settings_featureCard__t9mwx {
    padding: 0;
    display: flex;
    flex-flow: column;
    gap: 16px;
}

.settings_featureToggleRow__Z6zpp {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    flex-flow: column;
}

.settings_featureToggleRow__Z6zpp > div:first-child {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.settings_featureLabel__1bqgg {
    font-weight: 600;
    font-size: 14px;
}

.settings_featureDescription__RsVze {
    font-size: 12px;
    color: #605e5c;
}

.settings_chatWidgetFieldRow__i0MU6 {
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
    align-items: flex-start;
}

.settings_chatWidgetFieldRow__i0MU6 > * {
    flex: 1 1 240px;
    min-width: 0;
    max-width: none;
    margin-top: 0;
}

.settings_chatWidgetConfigSection__8\+GQF {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin: 16px 0;
}

.settings_featureConfigFields__nKk8r {
    display: flex;
    flex-direction: column;
    max-width: 440px;
    gap: 16px;
}

.settings_featureFieldsRow__FQDEi {
    display: flex;
    gap: 20px;
}

.settings_featureFieldsRow__FQDEi > * {
    flex: 1;
}

.settings_featurePriceField__trTt2 {
    max-width: 210px;
}

.settings_featureFieldLabelWithInfo__PU\+\+E {
    gap: 4px;
}

.settings_featureFieldLabelWithInfo__PU\+\+E span {
    font-weight: 600;
}

.settings_featureFieldLabelWithInfo__PU\+\+E button {
    width: 20px;
    height: 20px;
}

.settings_featureFieldLabelWithInfo__PU\+\+E button i {
    font-size: 12px;
}

.settings_nudgesPreviewContainer__-5qO4 {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-top: 16px;
}

.settings_nudgesPreviewImage__gNQcx {
    max-width: 440px;
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid #edebe9;
    background: #faf9f8;
}

.settings_nudgesPreviewImage__gNQcx img,
.settings_nudgesPreviewImage__gNQcx video {
    width: 100%;
    height: auto;
    display: block;
}

.settings_wpConnectorsManageCard__db6Iu {
    margin-top: 16px;
    min-height: 118px;
    padding: 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    box-sizing: border-box;
    background: #ffffff;
    border: 0;
    border-radius: 12px;
    box-shadow:
        0px 0.6px 1.8px rgba(131, 126, 255, 0.1),
        0px 3.2px 7.2px rgba(131, 126, 255, 0.12);
}

.settings_wpConnectorsManageCard__db6Iu.settings_wpConnectorsManageCardDetected__iik3U {
    flex-direction: column;
    align-items: stretch;
}

.settings_wpConnectorsManageCopy__UC5JU {
    min-width: 0;
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 8px;
}

.settings_wpConnectorsManageTitle__R7s1x {
    display: flex;
    align-items: center;
    gap: 6px;
    color: #161514;
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
}

.settings_wpConnectorsNewBadge__l-8N3 {
    padding: 2px 6px;
    color: #ffffff;
    background: #a960ee;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
}

.settings_wpConnectorsManageDescription__gtxEg {
    max-width: 792px;
    margin: 0;
    color: #424242;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}

@media screen and (max-width: 640px) {
    .settings_wpConnectorsManageCard__db6Iu {
        align-items: flex-start;
        flex-direction: column;
    }
}

.settings_wpConnectorsPage__kEJqP {
    width: 100%;
    min-height: 828px;
    padding: 32px 48px;
    display: flex;
    align-items: stretch;
    flex-direction: column;
    gap: 24px;
    box-sizing: border-box;
    background: #ffffff;
    border-radius: 8px;
}

.settings_wpConnectorsBreadcrumb__K6\+-2 {
    display: flex;
    align-items: center;
    gap: 8px;
    font-family: inherit;
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0;
    color: var(--colorNeutralForeground2, #424242);
}

.settings_wpConnectorsTitle__j\+IpV {
    font-family: inherit;
    font-style: normal;
    font-size: 24px;
    line-height: 32px;
    font-weight: 600;
    letter-spacing: 0;
    color: #161514;
    margin: 0;
}

.settings_wpConnectorsIntro__wdHw6 {
    font-family: "Segoe UI", sans-serif;
    font-weight: 400;
    font-style: normal;
    color: var(--colorNeutralForeground2, #424242);
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0;
    margin: 0;
}

.settings_wpConnectorsError__zE7bH {
    color: #d63638;
    font-size: 14px;
}

.settings_wpConnectorsErrorActions__N9BCw {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    gap: 12px;
}

.settings_wpConnectorsLoading__eNk\+D {
    min-height: 120px;
}

.settings_wpConnectorsEmpty__hplen {
    margin: 0;
    color: var(--colorNeutralForeground2, #424242);
    font-size: 14px;
    line-height: 20px;
}

.settings_wpAvailableConnectorCard__AVDV3 {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 16px;
    width: 100%;
    max-width: 100%;
    min-height: 179px;
    padding: 32px;
    background: #fff;
    border-radius: 8px;
    box-shadow:
        0px 0px 2px 0px rgba(0, 0, 0, 0.12),
        0px 4px 8px 0px rgba(0, 0, 0, 0.14);
}

.settings_wpAvailableConnectorsGrid__rFh23 {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.settings_wpAvailableConnectorHeader__t2\+xB {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.settings_wpAvailableConnectorInfo__HSs1M {
    max-width: 380px;
}

.settings_wpAvailableConnectorIcon__Q7-CH {
    flex: 0 0 60px;
    width: 60px;
    height: 60px;
}

.settings_wpAvailableConnectorIcon__Q7-CH svg,
.settings_wpAvailableConnectorIcon__Q7-CH img {
    display: block;
    width: 100%;
    height: 100%;
}

.settings_wpConnectorInfo__XRk8W {
    flex: 1;
    min-width: 0;
}

.settings_wpConnectorName__7-JIW {
    margin: 0;
    font-weight: 600;
    font-size: 16px;
    color: #161514;
}

.settings_wpConnectorDesc__a2IQZ {
    margin: 4px 0 0;
    color: #323130;
    font-size: 14px;
    line-height: 20px;
}

.settings_wpConnectorStatus__r3VZ- {
    margin: 8px 0 0;
    font-size: 12px;
    color: #323130;
}

.settings_wpConnectorStatusWarning__D\+w24 {
    color: #996800;
}

.settings_wpConnectorStatusError__-Lydb {
    color: #d63638;
}

@media screen and (max-width: 900px) {
    .settings_wpConnectorsPage__kEJqP {
        min-height: 0;
        padding: 24px;
    }

    .settings_wpAvailableConnectorsGrid__rFh23 {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media screen and (max-width: 640px) {
    .settings_wpConnectorsPage__kEJqP {
        padding: 16px;
    }

    .settings_wpAvailableConnectorCard__AVDV3 {
        min-height: 0;
        padding: 16px;
    }

    .settings_wpAvailableConnectorHeader__t2\+xB {
        display: grid;
        grid-template-columns: minmax(0, 1fr) 48px;
        grid-template-areas:
            "name icon"
            "description description";
        gap: 8px 12px;
    }

    .settings_wpAvailableConnectorInfo__HSs1M {
        display: contents;
    }

    .settings_wpAvailableConnectorHeader__t2\+xB .settings_wpConnectorName__7-JIW {
        grid-area: name;
        overflow-wrap: anywhere;
    }

    .settings_wpAvailableConnectorHeader__t2\+xB .settings_wpConnectorDesc__a2IQZ {
        grid-area: description;
        margin: 0;
        overflow-wrap: anywhere;
    }

    .settings_wpAvailableConnectorHeader__t2\+xB .settings_wpConnectorStatus__r3VZ- {
        grid-column: 1 / -1;
        grid-row: 3;
        margin: 0;
        overflow-wrap: anywhere;
    }

    .settings_wpAvailableConnectorIcon__Q7-CH {
        grid-area: icon;
        width: 48px;
        height: 48px;
    }
}

/*
 * Root Fluent UI v9 provider, used by the client-side render roots that mount one: the dashboard
 * (`#clarity-app-root`), the embed iframe (`#clarity-embed-root`), and the prerendered marketing
 * homepage (where the provider mounts directly under `body`). `display: contents` keeps it out of
 * the layout so it generates no box of its own, preserving each root's existing flex/width chain.
 * Resetting the inherited properties stops the provider's default palette/typography from
 * cascading onto legacy v8 markup - the selectors are kept specific enough (id child, or body
 * child) to outrank Griffel's own single-class rules, which are injected later in the cascade, so
 * any replacement selector must keep specificity at least as high as `#id > .class` or
 * `body > .class`. Theme tokens are CSS custom properties, so they still reach every v9
 * descendant; only components that reference them are affected.
 *
 * Rules are ordered by ascending specificity (`body >` before `#id >`) to satisfy
 * no-descending-specificity; the roots target different elements, so order does not change which
 * declarations apply.
 *
 * Besides color/font-family/font-size, FluentProvider also sets the inherited `line-height`
 * (`lineHeightBase300`, i.e. 20px), `font-weight`, and `text-align`. Because the provider is
 * `display: contents` it still participates in inheritance, so those leak onto the legacy v8 tree
 * - notably `line-height: 20px` replacing the page's own `line-height: normal`, which shifts text
 * spacing (e.g. the homepage sign-in modal). The embed iframe and the homepage neutralize these
 * too, because their screenshot baselines predate any provider and must render as if none exists.
 * The dashboard root (`#clarity-app-root`) is deliberately left with only the base reset: its
 * baselines were captured with the provider already present, so they bake in the inherited
 * line-height/font-weight/text-align and must not shift.
 *
 * IMPORTANT - `:not([data-portal-node])` on the `body >` selector: Fluent copies a provider's
 * `className` onto the portal mount nodes it creates for popups (Combobox/Dropdown listboxes,
 * menus, tooltips), and those mount nodes are appended as *direct children of `body`* and tagged
 * `data-portal-node="true"`. So a bare `body > .fluentRootProvider` also matches every v9 popup
 * container and applies `display: contents` to it, which collapses the popup's box and breaks its
 * absolute/`transform` positioning and stacking (the popup ends up behind other content and its
 * options become unclickable). The `#id >` selectors never hit these (portal nodes are body
 * children, not id children); the `body >` selector must exclude them explicitly. The neutralizer
 * is only ever meant for the *root* provider, never for portal popups.
 *
 * `#adminRoot` is listed but currently matches nothing: the admin overlay renders no v9 component
 * (only v8 `@fluentui/react` and standalone `@fluentui/react-icons`), so it deliberately has no
 * provider. The selector is pre-wired so that wrapping admin in `ClarityFluentProvider` later is
 * all that is needed - without it, a future provider there would generate a box and restyle the
 * overlay. An unmatched selector costs nothing at runtime.
 *
 * This rule ships with `components/Shared/ClarityFluentProvider.tsx`, which imports it, so every
 * bundle that renders the provider also gets the rule.
 */

/*
 * Homepage root (`body >`, specificity 0,2,1): fully neutralized to match pre-provider baselines.
 * `:not([data-portal-node])` excludes v9 popup portal mount nodes, which are also body-level
 * `.fluentRootProvider` elements but must keep their own box for positioning (see note above).
 */
body > .fluentRootProvider:not([data-portal-node]) {
    display: contents;
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    text-align: inherit;
}

/* Dashboard / embed / admin roots (`#id >`, specificity 1,1,0): base neutralization. */
#clarity-app-root > .fluentRootProvider,
#clarity-embed-root > .fluentRootProvider,
#adminRoot > .fluentRootProvider {
    display: contents;
    color: inherit;
    font-family: inherit;
    font-size: inherit;
}

/* Embed also predates its provider, so it needs the same full typographic neutralization. */
#clarity-embed-root > .fluentRootProvider {
    font-weight: inherit;
    line-height: inherit;
    text-align: inherit;
}

.integrationsRebrand_integrationsContainer__QA1bA {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.integrationsRebrand_title__aQtkP {
    font-weight: 600;
    font-size: 36px;
    line-height: 48px;
    background: linear-gradient(90deg, #8f58ab -8.93%, #3d60e0 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-align: center;
}

.integrationsRebrand_integrationSubtitle__OTCNN {
    font-size: 20px;
    color: #161514;
    padding-top: 16px;
}

.integrationsRebrand_toolsToUseClarityWithContainer__N\+xt0 {
    background-image: url("https://claritystatic.azureedge.net/images/faqBG1920.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 48px;
    padding-top: 60px;
}

.integrationsRebrand_IntegrationsSection__1sOQl {
    width: 100%;
    padding: 96px 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.integrationsRebrand_integrationsToInstallClarityContainer__aPYL6 {
    background-image: url(https://claritystatic.azureedge.net/images/module-wave-L.svg);
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 48px;
    padding-top: 60px;
}

.integrationsRebrand_wordpressTitle__zgZmX {
    font-weight: 600;
    font-size: 32px;
}

.integrationsRebrand_platformGrid3ColContainer__DP2Ce {
    display: grid;
    grid-template-columns: repeat(3, 360px);
    gap: 48px;
    justify-items: center;
    align-items: center;
}

.integrationsRebrand_platformGridContainer__xmGfs {
    display: grid;
    grid-template-columns: repeat(2, 400px);
    gap: 48px 80px;
    justify-items: center;
    align-items: center;
}

.integrationsRebrand_platformCard__xkysR {
    width: 400px;
    height: 160px;
    border-radius: 8px;
    padding: 36px 24px;
    gap: 36px;
    background-color: #ffffff;
    box-shadow:
        0px 0.3px 0.9px rgba(0, 0, 0, 0.1),
        0px 1.6px 3.6px rgba(0, 0, 0, 0.13);
    display: flex;
    align-items: center;
}

.integrationsRebrand_platformCardCompact__Cj4Ir {
    width: 360px;
    height: 112px;
    gap: 32px;
    padding: 24px;
}

.integrationsRebrand_platformCard__xkysR:hover {
    box-shadow:
        0px 4.8px 14.4px rgba(0, 0, 0, 0.18),
        0px 25.6px 57.6px rgba(0, 0, 0, 0.22);
    cursor: pointer;
}

/* Dual-ring focus treatment — see fluentUIOverrides.css for the rationale. */
.integrationsRebrand_platformCard__xkysR:focus-visible,
.integrationsRebrand_platformCardCompact__Cj4Ir:focus-visible {
    outline: 2px solid #000;
    outline-offset: 1px;
    box-shadow: 0 0 0 5px #1aebff;
}

/* Bug 10698361 — in High Contrast the 1px focus outline on the integration
   ("Better Together") cards was thin and low-contrast against the page
   background. Thicken it and use the Highlight system color so the keyboard
   focus indicator is clearly visible in Aquatic/Desert. */
/* biome-ignore lint/correctness/noUnknownMediaFeatureName: -ms-high-contrast is a css known media feature */
@media screen and (-ms-high-contrast: active), (forced-colors: active) {
    .integrationsRebrand_platformCard__xkysR:focus-visible,
    .integrationsRebrand_platformCardCompact__Cj4Ir:focus-visible {
        outline: 3px solid Highlight;
        outline-offset: 2px;
        box-shadow: none;
    }
}

/* Bug 10698361 — the "Better Together" integration cards on the homepage render as
   `.platformLogo.v3` buttons, not `.platformCard`, so the rules above never matched
   them and they fell back to the UA focus ring (invisible in high contrast). Give
   them the same dual-ring treatment used for buttons in fluentUIOverrides.css. */
.integrationsRebrand_platformLogo__cCAQx:focus-visible {
    outline: 2px solid #000;
    outline-offset: 1px;
    box-shadow: 0 0 0 5px #1aebff;
}

/* biome-ignore lint/correctness/noUnknownMediaFeatureName: -ms-high-contrast is a css known media feature */
@media screen and (-ms-high-contrast: active), (forced-colors: active) {
    .integrationsRebrand_platformLogo__cCAQx:focus-visible {
        outline: 3px solid Highlight;
        outline-offset: 2px;
        box-shadow: none;
    }
}

.integrationsRebrand_platformInfo__mceOy {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.integrationsRebrand_platformName__3Emak {
    font-weight: 600;
    font-size: 24px;
    line-height: 32px;
    color: #106ebe;
}

.integrationsRebrand_platformDescription__Xq0r7 {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: #323130;
}

.integrationsRebrand_platformLogo__cCAQx {
    width: 64px;
    height: 64px;
}

.integrationsRebrand_platformsIcons__RGXNG {
    position: absolute;
    overflow: hidden;
    transform-origin: top left;
    height: 64px;
    width: 64px;
    min-width: 64px;
}

.integrationsRebrand_platformsIcons__RGXNG {
    background-image: url(https://claritystatic.azureedge.net/images/allIntegrationsIcons11.png);
    background-repeat: no-repeat;
    overflow: hidden;
    position: relative;
    background-size: 372px 482px;
}

.integrationsRebrand_platformLogo__cCAQx.integrationsRebrand_v3__-VW5h {
    width: 80px;
    height: 80px;
    border: 1px solid #eaeaff;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.integrationsRebrand_platformLogo__cCAQx.integrationsRebrand_v3__-VW5h:focus-visible {
    outline: 2px solid #000;
    outline-offset: 2px;
}

/* Bug 10698361 — in High Contrast the default focus outline on the homepage
   integration ("Better Together") logo buttons was thin and low-contrast.
   Thicken it and use the Highlight system color so the keyboard focus
   indicator is clearly visible in Aquatic/Desert. */
/* biome-ignore lint/correctness/noUnknownMediaFeatureName: -ms-high-contrast is a css known media feature */
@media screen and (-ms-high-contrast: active), (forced-colors: active) {
    .integrationsRebrand_platformLogo__cCAQx.integrationsRebrand_v3__-VW5h:focus-visible {
        outline: 3px solid Highlight;
        outline-offset: 2px;
    }
}

.integrationsRebrand_platformLogo__cCAQx .integrationsRebrand_abtastyIcon__cHr6D {
    background-position: 5px -290px;
}

.integrationsRebrand_platformLogo__cCAQx .integrationsRebrand_optimizelyIcon__\+Jv7K {
    background-position: -270px 0px;
}

.integrationsRebrand_platformLogo__cCAQx .integrationsRebrand_kameleoonIcon__8Rc3p {
    background-position: -137px -290px;
}

.integrationsRebrand_platformLogo__cCAQx .integrationsRebrand_zapierIcon__h4E8\+ {
    background-position: -211px -290px;
}

.integrationsRebrand_platformLogo__cCAQx .integrationsRebrand_firebaseIcon__8W9QS {
    background-position: -280px -290px;
}

.integrationsRebrand_platformLogo__cCAQx .integrationsRebrand_firebaseCrashlyticsIcon__tcW-d {
    background-position: 0px -415px;
}

.integrationsRebrand_platformLogo__cCAQx .integrationsRebrand_amplitudeIcon__LiFO1 {
    background-position: -210px -354px;
}

.integrationsRebrand_platformLogo__cCAQx .integrationsRebrand_mixpanelIcon__UTK-H {
    background-position: -140px -354px;
}

.integrationsRebrand_platformLogo__cCAQx .integrationsRebrand_sentryIcon__K6AXZ {
    background-position: -295px -354px;
}

.integrationsRebrand_platformLogo__cCAQx .integrationsRebrand_elevarIcon__Hy2Na {
    background-position: 0px 0px;
}

.integrationsRebrand_platformLogo__cCAQx .integrationsRebrand_bubbleIcon__wz5n9 {
    background-position: -66px 5px;
}

.integrationsRebrand_platformLogo__cCAQx .integrationsRebrand_GAIcon__5NsUj {
    background-position: -133px 0px;
}

.integrationsRebrand_platformLogo__cCAQx .integrationsRebrand_GOIcon__y1vtC::after {
    left: -370px;
}

.integrationsRebrand_platformLogo__cCAQx .integrationsRebrand_adobeIcon__MOAc5 {
    background-position: 5px -72px;
}

.integrationsRebrand_platformLogo__cCAQx .integrationsRebrand_clickFunnelsIcon__oyBus {
    background-position: -70px -76px;
}

.integrationsRebrand_platformLogo__cCAQx .integrationsRebrand_gatsbyIcon__1Fpza {
    background-position: -136px -72px;
}

.integrationsRebrand_platformLogo__cCAQx .integrationsRebrand_gtagIcon__UVzXR {
    background-position: -212px -72px;
}

.integrationsRebrand_platformLogo__cCAQx .integrationsRebrand_joomlaIcon__StZOe {
    background-position: -280px -70px;
}

.integrationsRebrand_platformLogo__cCAQx .integrationsRebrand_shopifyIcon__inxYh {
    background-position: 8px -149px;
}

.integrationsRebrand_platformLogo__cCAQx .integrationsRebrand_squarespaceIcon__bchYZ {
    background-position: -62px -152px;
}

.integrationsRebrand_platformLogo__cCAQx .integrationsRebrand_unbounceIcon__PBmIt {
    background-position: -131px -149px;
}

.integrationsRebrand_platformLogo__cCAQx .integrationsRebrand_webflowIcon__9nWc4 {
    background-position: -203px -148px;
}

.integrationsRebrand_platformLogo__cCAQx .integrationsRebrand_aitocIcon__Ovcdl {
    background-position: -138px -220px;
}

.integrationsRebrand_platformLogo__cCAQx .integrationsRebrand_analyzifyIcon__aayEF {
    background-position: -66px -225px;
}

.integrationsRebrand_platformLogo__cCAQx .integrationsRebrand_softrIcon__QADhg {
    background-position: 0px -225px;
}

.integrationsRebrand_platformLogo__cCAQx .integrationsRebrand_wordpressIcon__3Hp0U {
    background-position: -209px -222px;
}

.integrationsRebrand_platformLogo__cCAQx .integrationsRebrand_gadsIcon__720g8 {
    background-position: 3px -354px;
}

.integrationsRebrand_platformLogo__cCAQx .integrationsRebrand_msAdsIcon__KMz52 {
    background-position: -66px -354px;
}

/* Placeholder: reuse Microsoft Ads sprite position until Meta Ads icon is added */
.integrationsRebrand_platformLogo__cCAQx .integrationsRebrand_metaAdsIcon__nI5Pj {
    background-position: -66px -354px;
}

.integrationsRebrand_platformLogo__cCAQx .integrationsRebrand_sharePointIcon__9mfaO {
    background-position: -64px -293px;
}

.integrationsRebrand_platformLogo__cCAQx .integrationsRebrand_wixIcon__x3D8U {
    background-image: url(https://claritystatic.azureedge.net/images/integrations_wixIcon.png);
    background-position: 0px 50%;
    background-size: 64px auto;
}

.integrationsRebrand_platformLogo__cCAQx .integrationsRebrand_blueTriangleIcon__RT-M\+ {
    background-image: url(https://claritystatic.azureedge.net/images/BlueTriangle.png);
    background-size: 64px auto;
}

.integrationsRebrand_platformLogo__cCAQx .integrationsRebrand_visualSPIcon__LDU8t {
    background-image: url(https://claritystatic.azureedge.net/images/integrations_visualSPIcon.png);
    background-size: 64px auto;
}

.integrationsRebrand_platformLogo__cCAQx .integrationsRebrand_userFeedbackIcon__g6oh8 {
    background-image: url(https://claritystatic.azureedge.net/images/integrations_userFeedbackIcon.png);
    background-size: 64px auto;
}

.integrationsRebrand_platformLogo__cCAQx .integrationsRebrand_weeblyIcon__w7Mu3 {
    background-image: url(https://claritystatic.azureedge.net/images/integrations_weeblyIcon.png);
    background-size: 64px auto;
    background-position: 0 50%;
}

.integrationsRebrand_platformLogo__cCAQx .integrationsRebrand_hubspotIcon__ZESZp {
    background-image: url(https://claritystatic.azureedge.net/images/hubspotIcon.png);
    background-size: 64px auto;
    background-position: 0 50%;
}

@media (max-width: 1300px) {
    .integrationsRebrand_platformGrid3ColContainer__DP2Ce {
        grid-template-columns: repeat(2, 360px);
    }
}

@media only screen and (max-width: 900px) {
    .integrationsRebrand_platformGrid3ColContainer__DP2Ce {
        grid-template-columns: repeat(1, 360px);
    }

    .integrationsRebrand_platformGridContainer__xmGfs {
        grid-template-columns: repeat(1, 400px);
    }

    .integrationsRebrand_title__aQtkP,
    .integrationsRebrand_integrationSubtitle__OTCNN {
        padding-left: 40px;
        padding-right: 40px;
        text-align: center;
    }
}

@media only screen and (max-width: 500px) {
    .integrationsRebrand_platformCard__xkysR,
    .integrationsRebrand_platformCardCompact__Cj4Ir {
        width: 350px;
    }

    .integrationsRebrand_platformGrid3ColContainer__DP2Ce,
    
    platformGridContainer {
        grid-template-columns: repeat(1, 350px);
    }
}

@media only screen and (max-width: 380px) {
    .integrationsRebrand_platformCard__xkysR,
    .integrationsRebrand_platformCardCompact__Cj4Ir {
        width: 280px;
    }

    .integrationsRebrand_platformCard__xkysR {
        height: 180px;
    }

    .integrationsRebrand_platformGrid3ColContainer__DP2Ce,
    
    platformGridContainer {
        grid-template-columns: repeat(1, 250px);
    }
}

.homepage_homePageContainer__gH7U8 {
    /* biome-ignore lint/complexity/noImportantStyles: Ensures the container height is set to auto with !important to override other styles */
    height: auto !important;
}

.homepage_homePageContainer__gH7U8 button.ms-Button--default,
.homepage_homePageContainer__gH7U8 a.ms-Button--default {
    border-radius: 4px;
    border: 1px solid #827dff;
    background: rgba(255, 255, 255);
    color: #020057;
    font-weight: 600;
}

.homepage_homePageContainer__gH7U8 button.ms-Button--default:focus,
.homepage_homePageContainer__gH7U8 a.ms-Button--default:focus,
.homepage_homePageContainer__gH7U8 button.ms-Button--default:hover,
.homepage_homePageContainer__gH7U8 a.ms-Button--default:hover {
    background: #f5f5f5;
    color: #020057;
}

.homepage_homepageBannerWrapper__BAnB\+ {
    height: 612px;
    padding: 26px 0;
    background: linear-gradient(280deg, #a0d6ff 0%, #c2e3ff 36.46%, #dff0ff 50%, #f5fbff 77.08%);
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.homepage_homepageGradientDesign__dotpE .homepage_homepageBannerWrapper__BAnB\+ {
    height: 535px;
}

.homepage_homepageBanner__SizYU {
    max-width: 1248px;
    box-sizing: content-box;
    align-items: center;
    justify-content: space-between;
    flex: 1 1 auto;
    gap: 77px;
}

.homepage_homepageBannerContent__Cq2DD {
}

.homepage_homepageRatingShimmer__aJIMJ {
    margin: 4px 0;
}

.homepage_homepageBannerContent__Cq2DD h1 {
    color: #353535;
    font-size: 58px;
    font-weight: 600;
    line-height: 116.5%;
    margin-bottom: 16px;
}

.homepage_homepageBannerContent__Cq2DD .homepage_everyClickTitle__uymwz {
    font-size: 57px;
}

.homepage_homepageBanner__SizYU .homepage_assumptionsTitle__--1UO {
    margin-bottom: 0;
}

.homepage_homepageBannerContent__Cq2DD h2 {
    color: #353535;
    font-size: 24px;
    font-weight: 600;
}

.homepage_desktopBannerImg__lqtZ\+ {
    max-height: 612px;
    width: 50%;
}

.homepage_mobileBannerImg__5q8js {
    display: none;
}

.homepage_homepageBannerContent__Cq2DD .homepage_pageBannerFeatures__liG0t,
.homepage_pageBannerFeatures__liG0t {
    margin: 38px 0;
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}

.homepage_pageBannerFeature__-RaDv.homepage_v3__NRFX7 {
    font-size: 18px;
    font-weight: normal;
    margin-right: -12px;
    flex-direction: row-reverse;
}

.homepage_pageBannerFeature__-RaDv.homepage_v3__NRFX7 i {
    margin-left: 14px;
    display: flex;
    align-items: center;
}

.homepage_homepageBannerContent__Cq2DD .homepage_pageBannerFeature__-RaDv,
.homepage_pageBannerFeature__-RaDv {
    display: flex;
    align-items: center;
    color: #323130;
    font-size: 16px;
    font-weight: 600;
    line-height: 21px;
    margin-right: 16px;
}

.homepage_pageBannerFeature__-RaDv i {
    height: 24px;
    margin-right: 8px;
}

.homepage_pageBannerFeatureIcons__O8uNR {
    display: inline-block;
    padding-left: 12px;
}

.homepage_pageBannerFeatureIconsList__Hy\+Q0 {
    display: flex;
    gap: 8px;
}

.homepage_pageBannerFeatureIconsList__Hy\+Q0 img {
    height: 24px;
}

.homepage_homepageBannerContent__Cq2DD .homepage_buttonArea__s9n6Y {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 24px;
}

.homepage_homepageBannerContent__Cq2DD .homepage_buttonArea__s9n6Y a:last-child {
    color: #0078d4;
    border-color: #005493;
}

.homepage_homepageBannerContent__Cq2DD .homepage_buttonArea__s9n6Y a:last-child:hover {
    background: #eff6fc;
}

.homepage_homepageBannerContent__Cq2DD .homepage_buttonArea__s9n6Y a,
.homepage_homepageBannerContent__Cq2DD .homepage_buttonArea__s9n6Y button,
.homepage_homepageFooter__9rpDq .homepage_buttonArea__s9n6Y button,
.homepage_homepageFooter__9rpDq .homepage_buttonArea__s9n6Y a {
    width: 156px;
    height: 38px;
    box-sizing: content-box;
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    border-radius: 47px;
    padding: 5px 12px;
    box-shadow:
        0px 3.2px 7.2px 0px rgba(0, 0, 0, 0.13),
        0px 0.6px 1.8px 0px rgba(0, 0, 0, 0.1);
}

.homepage_homepageFooter__9rpDq .homepage_buttonArea__s9n6Y button:focus-visible,
.homepage_homepageFooter__9rpDq .homepage_buttonArea__s9n6Y a:focus-visible {
    outline: 2px solid #106ebe;
    outline-offset: 2px;
}

.homepage_homepageBannerContent__Cq2DD .homepage_ratingContainer__em9JY > div {
    height: 20px;
    margin-bottom: 4px;
}

.homepage_ratingContainer__em9JY button {
    padding: 0;
    height: 20px;
}

.homepage_platformContainer__AfZnE {
    padding: 20px 0;
    margin: 38px 38px 0 0;
}

.homepage_platformContainer__AfZnE:focus-visible {
    outline: -webkit-focus-ring-color auto 1px;
}

.homepage_homepageBannerContent__Cq2DD .homepage_platfromLogoContainer__t9vvy {
    width: 36px;
    height: 36px;
    overflow: hidden;
    margin-right: 16px;
}

.homepage_platfromLogoContainer__t9vvy > img {
    position: relative;
}

.homepage_platfromLogoContainer__t9vvy .homepage_capterraLogo__EDZff {
    left: -62px;
}

.homepage_platfromLogoContainer__t9vvy .homepage_g2Logo__XIkLY {
    left: 0;
}

.homepage_banner__ckZwc {
    padding: 80px 96px;
    align-items: center;
    justify-content: space-between;
    max-width: 1248px;
    margin: 0 auto;
    box-sizing: content-box;
}

.homepage_bannerContent__R2vSH {
    margin-right: 80px;
    min-width: 376px;
}

.homepage_banner__ckZwc h2 {
    color: #161514;
    font-size: 32px;
    font-weight: 600;
    line-height: 40px;
    margin-bottom: 16px;
}

.homepage_bannerContent__R2vSH div {
    color: #323130;
    font-size: 16px;
    margin-bottom: 32px;
}

.homepage_freeModuleContent__5CQ4R button {
    width: 122px;
    height: 22px;
    padding: 5px 12px;
    box-sizing: content-box;
}

.homepage_freeModule__6QE54 img {
    height: 238px;
    margin: 26px 76px;
}

.homepage_privacyModule__8LTuQ {
    background: url("data:image/svg+xml,<svg width=\"1440\" height=\"554\" viewBox=\"0 0 1440 554\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M701 430.5C292.774 429.224 10.8679 541.873 0 554V0C199.472 46.1666 463.924 136 701 136C965 136 1296.68 46.1666 1440 0V554C1364.15 500.6 1027.58 431.521 701 430.5Z\" fill=\"url%28%23paint0_linear_467_952%29\"/><defs><linearGradient id=\"paint0_linear_467_952\" x1=\"-9.68158e-06\" y1=\"0.638248\" x2=\"1413.1\" y2=\"616.373\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"%23F1F1FF\"/><stop offset=\"1\" stop-color=\"%23F9F0FF\"/></linearGradient></defs></svg>");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    height: 38vw;
}

.homepage_industryTilesContainer__imZpq,
.homepage_privacyPointsContainer__ifuCN {
    gap: 24px;
}

.homepage_industryTilesContainer__imZpq {
    flex: 1 1 auto;
    max-width: 480px;
    min-width: 380px;
}

.homepage_industryTile__AOjtH,
.homepage_privacyPoint__9A-4e {
    align-items: center;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0px 4.8px 14.4px 0px rgba(131, 126, 255, 0.3);
    padding: 9px 16px;
    gap: 16px;
}

.homepage_industryTile__AOjtH {
    padding: 0 16px 0 0;
    flex: 1 1 auto;
    gap: 0;
    cursor: pointer;
}

.homepage_industryTile__AOjtH > strong {
    font-size: 16px;
    line-height: 20px;
}

.homepage_industryTile__AOjtH button {
    margin-left: auto;
}

.homepage_industryTile__AOjtH a i {
    height: 24px;
    line-height: 24px;
}

.homepage_industryTile__AOjtH a svg {
    height: 24px;
    width: 24px;
}

.homepage_privacyPoint__9A-4e span {
    color: #161514;
    font-weight: 600;
    line-height: 20px;
}

.homepage_integrationsContainer__NmI1s {
    margin: 96px 0;
}

.homepage_integrationsContainer__NmI1s > h2 {
    text-align: center;
    font-size: 36px;
    font-weight: 600;
    margin-bottom: 20px;
    background: linear-gradient(90deg, #8f58ab -8.93%, #3d60e0 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.homepage_integrationsContainer__NmI1s > span {
    max-width: 811px;
    align-self: center;
    text-align: center;
    font-size: 16px;
    color: #323130;
}

.homepage_integrationsContainer__NmI1s > p:last-of-type {
    width: 56%;
    font-size: 16px;
    color: #323130;
    margin: 0 auto;
}

.homepage_integrationsContainer__NmI1s > a {
    margin: auto;
}

.homepage_carouselContainerWrapper__y68MJ {
    overflow: hidden;
    position: relative;
    height: 250px;
}

.homepage_carouselContainerWrapper__y68MJ.homepage_companiesCarouselWrapper__FZ9SQ {
    height: 100px;
    margin: 40px 0;
    background: linear-gradient(270deg, #fff 0%, #f9f9ff 63.75%, #f1f1ff 100.52%);
}

.homepage_carouselContainerWrapper__y68MJ::after,
.homepage_carouselContainerWrapper__y68MJ::before {
    content: "";
    background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
    height: 100%;
    position: absolute;
    width: 200px;
    z-index: 2;
}

.homepage_carouselContainerWrapper__y68MJ::after {
    right: 0;
    top: 0;
    transform: rotateZ(180deg);
}

.homepage_carouselContainerWrapper__y68MJ::before {
    left: 0;
    top: 0;
}

.homepage_carouselContainer__-ifji {
    position: absolute;
    left: 0;
    top: 0;
    height: 132px;
    width: 300%;
    background: url(https://claritystatic.azureedge.net/images/integrationsLogoInLineV2.png);
    margin: 60px 0;
    background-repeat: repeat-x;
    background-position-y: center;
    animation: homepage_autoScroll__nznYz 50s linear infinite;
    transform: translate3d(0, 0, 0);
}

.homepage_companiesCarouselWrapper__FZ9SQ .homepage_carouselContainer__-ifji {
    background: url(https://claritystatic.azureedge.net/images/companiesWithClarity.png);
    animation: unset;
    background-repeat: no-repeat;
    width: calc(100% + 100px);
    height: 100px;
    background-position-x: center;
    margin: 0;
    left: -100px;
}

.homepage_integrationWrapper__hKa2u {
    width: 100%;
    display: flex;
    justify-content: center;
    gap: 40px;
    margin: 40px 0;
    flex-flow: wrap;
}

@keyframes homepage_autoScroll__nznYz {
    0% {
        left: 0;
    }
    100% {
        left: -200%;
    }
}

.homepage_homePageContainer__gH7U8 .focusSection.landingFooter {
    background: url("data:image/svg+xml,<svg width=\"1440\" height=\"401\" viewBox=\"0 0 1440 401\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M1440 228.36H0V60.4003C57.6 55.9003 400.2 49.4043 542.4 52.4043C684.6 55.4043 950.546 27.1758 1070 27.1758C1242.2 27.1758 1340.4 61.4043 1440 48.4043V228.36Z\" fill=\"url%28%23paint0_linear_292_25%29\"/><path d=\"M1440 248.414H0V64.9138C57.6 60.4138 322.8 24.1762 465 27.1762C607.2 30.1762 934.146 59.9138 1053.6 59.9138C1225.8 59.9138 1340.4 61.4132 1440 48.4132V248.414Z\" fill=\"url%28%23paint1_linear_292_25%29\"/><path d=\"M1440 400.176H0V51.1758C57.6 46.6758 397.2 52.6758 539.4 55.6758C681.6 58.6758 935.346 67.1758 1054.8 67.1758C1227 67.1758 1340.4 59.6758 1440 46.6758V400.176Z\" fill=\"url%28%23paint2_linear_292_25%29\"/><defs><linearGradient id=\"paint0_linear_292_25\" x1=\"725.5\" y1=\"58.1763\" x2=\"1805.5\" y2=\"80.1764\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"%2397C7FD\"/><stop offset=\"1\" stop-color=\"%23F3FCFF\"/></linearGradient><linearGradient id=\"paint1_linear_292_25\" x1=\"471\" y1=\"35.9043\" x2=\"1547.57\" y2=\"119.715\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"%23B8B6FF\"/><stop offset=\"1\" stop-color=\"%2383ADFF\"/></linearGradient><linearGradient id=\"paint2_linear_292_25\" x1=\"720\" y1=\"46.6758\" x2=\"720\" y2=\"260.176\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"%235AB2F1\"/><stop offset=\"0.5625\" stop-color=\"%23308ADB\"/><stop offset=\"1\" stop-color=\"%23025EC4\"/></linearGradient></defs></svg>");
    background-size: cover;
    background-repeat: no-repeat;
    padding-bottom: 86px;
    padding-top: 152px;
}

.homepage_homePageContainer__gH7U8 .footer {
    padding: 0;
}

.homepage_featuresPivotItems__1azxB,
.homepage_featuresPivot__HsXU4 {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.homepage_homepagePivot__llIJO {
    margin: 16px 0 68px 0;
    min-height: 672px;
}

.homepage_featuresPivot__HsXU4 .ms-Pivot {
    border-bottom: 4px solid #d9d9d9;
}

.homepage_featuresPivot__HsXU4 .ms-Pivot button::before {
    bottom: -4px;
    height: 6px;
}

.homepage_featuresPivot__HsXU4 .ms-Pivot-text {
    font-weight: 600;
}

.homepage_featuresPivotItems__1azxB h1 {
    color: #201f1e;
    font-size: 20px;
    font-weight: 600;
    line-height: 28px;
}

.homepage_featuresPivotItems__1azxB p {
    margin: 28px 0 16px 0;
}

.homepage_featuresPivotItems__1azxB img {
    max-width: 800px;
    margin-top: 28px;
    border-radius: 8px;
    box-shadow:
        0px 25.6px 57.6px 0px rgba(0, 0, 0, 0.22),
        0px 4.8px 14.4px 0px rgba(0, 0, 0, 0.18);
}

.homepage_featuresPivotItems__1azxB .ms-Button-label {
    text-transform: lowercase;
}

.homepage_featuresPivotItems__1azxB .ms-Button-label::first-letter {
    text-transform: capitalize;
}

.homepage_featuresPivot__HsXU4 button:last-child {
    margin-right: 0;
}

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

.homepage_industriesBanner__B90PD .homepage_bannerContent__R2vSH {
    max-width: 46%;
}

.homepage_industriesBanner__B90PD .homepage_ellipse__gVIb8 {
    position: absolute;
    border-radius: 522px;
    background: linear-gradient(180deg, #f1f1ff 0%, #f9f0ff 100%);
    z-index: -1;
    right: -261px;
    bottom: 38px;
    width: 522px;
    height: 522px;
    flex-shrink: 0;
}

.homepage_testimonialsContainer__icaYb {
    overflow: hidden;
    padding: 96px 60px;
}

.homepage_testimonialsContainer__icaYb h2 {
    font-size: 36px;
    font-weight: 600;
    text-align: center;
    background: linear-gradient(90deg, #8f58ab -8.93%, #3d60e0 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.homepage_testimonialsWrapper__uXDAn {
    max-width: 1032px;
    min-height: 380px;
    margin: 50px auto;
    padding: 0;
    list-style: none;
    display: flex;
    justify-content: center;
    gap: 120px;
}

.homepage_testimonial__WBpjH {
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 264px;
    min-width: 180px;
    min-height: 136px;
}

.homepage_testimonial__WBpjH img {
    width: 90px;
    height: 90px;
    border-radius: 50%;
    object-fit: cover;
    margin-bottom: 48px;
}

.homepage_testimonial__WBpjH blockquote {
    color: #605e5c;
    font-size: 16px;
    margin: 0;
    padding: 0;
}

.homepage_testimonial__WBpjH blockquote::after,
.homepage_testimonial__WBpjH blockquote::before {
    content: '"';
}

.homepage_testimonial__WBpjH p {
    align-self: flex-start;
    margin-top: 24px;
}

button.homepage_paginationChevron__4m3Yg {
    margin-right: 40px;
    padding: 22px;
}

.homepage_mobilePaginationChevron__c8xp0.homepage_previous__M\+82g,
.homepage_paginationChevron__4m3Yg.homepage_previous__M\+82g {
    transform: rotate(180deg);
}

.ms-Button.homepage_mobilePaginationChevron__c8xp0 {
    margin-left: auto;
    display: none;
}

.ms-Button.homepage_mobilePaginationChevron__c8xp0.homepage_v3__NRFX7 {
    display: block;
}

.homepage_mobilePaginationChevron__c8xp0.homepage_previous__M\+82g {
    margin-left: 0;
    margin-right: auto;
}

.homepage_paginationChevron__4m3Yg.homepage_previous__M\+82g {
    margin: 0 0 0 40px;
}

.homepage_mobilePaginationChevron__c8xp0 svg,
.homepage_mobilePaginationChevron__c8xp0 i,
.homepage_paginationChevron__4m3Yg i,
.homepage_paginationChevron__4m3Yg svg {
    width: 40px;
    height: 40px;
}

.homepage_mobilePaginationChevron__c8xp0 path,
.homepage_paginationChevron__4m3Yg path {
    fill: #605e5c;
}

.homepage_paginationIndicator__JmZt2 {
    width: 4px;
    height: 4px;
    border-radius: 4px;
    background-color: #0078d4;
    margin-right: 12px;
}

.homepage_paginationIndicator__JmZt2.homepage_selected__FK14q {
    width: 6px;
    height: 6px;
    border-radius: 6px;
}

@media screen and (prefers-contrast: more) {
    .homepage_paginationIndicator__JmZt2 {
        border: 2px solid black;
    }

    .homepage_paginationIndicator__JmZt2.homepage_selected__FK14q {
        width: 8px;
        height: 8px;
        border-radius: 8px;
    }
}

.homepage_homePageContainer__gH7U8 .footerLinksContainer {
    padding: 0 54px;
}

/* Bug 10698361 — the keyboard focus ring on the "Better Together" integration
   cards is not visible in high contrast. The card's own dual-ring / Highlight
   treatment lives with the card styles in integrationsRebrand.module.css
   (.platformLogo); this rule covers any other focusable child of the wrapper. */
@media (forced-colors: active) {
    .homepage_integrationWrapper__hKa2u button:focus-visible {
        outline: 3px solid Highlight;
        outline-offset: 2px;
        box-shadow: none;
    }
}

.homepage_footerContainer__iRMIu {
    background: url("data:image/svg+xml,<svg width=\"1440\" height=\"1279\" viewBox=\"0 0 1440 1279\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M1440 7.41149V1279H0V25.5523C14.1706 26.6105 75.3065 30.1781 206.485 35.983C370.459 43.2391 405.548 36.4365 619.456 26.0058C833.365 15.5752 879.25 3.78343 1062.12 0.608876C1208.41 -1.93077 1375 4.08577 1440 7.41149Z\" fill=\"url%28%23paint0_linear_467_666%29\"/><defs><linearGradient id=\"paint0_linear_467_666\" x1=\"720\" y1=\"29.5\" x2=\"720\" y2=\"1488\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"%23EDF7FF\"/><stop offset=\"0.113453\" stop-color=\"%23F9FCFF\"/><stop offset=\"0.682292\" stop-color=\"%23F7FBFF\"/><stop offset=\"1\" stop-color=\"%23DDEFFF\"/></linearGradient></defs></svg>");
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
}

.homepage_footerContainer__iRMIu .homepage_buttonArea__s9n6Y {
    z-index: 1;
}

.homepage_sdkImage__12W6D {
    width: 500px;
    margin: 0 42px;
}

.homepage_sdkModuleContent__zEVC2 > div {
    margin-bottom: 16px;
}

.homepage_sdkModuleContent__zEVC2 > a {
    margin-top: 16px;
}

.homepage_sdkSupport__qfpd7 {
    margin-bottom: 32px;
    gap: 8px;
}

.homepage_sdkSupport__qfpd7 > strong {
    margin-right: 4px;
}

.homepage_extensionModuleContent__NmaBn {
    margin: 0 0 0 80px;
}

.homepage_extensionModuleContent__NmaBn > div {
    margin-bottom: 16px;
}

.homepage_extensionModuleContent__NmaBn > a {
    display: block;
}

.homepage_extensionModuleContent__NmaBn > a:last-of-type {
    margin-top: 32px;
    padding: 0 16px;
    max-width: 128px;
}

@media screen and (width >= 1000px) {
    .homepage_smallScreen__XY73k {
        display: none;
    }
}

@media screen and (width < 1000px) {
    .homepage_bigScreen__L-pz0 {
        display: none;
    }
}

@media screen and (width <= 760px) {
    .homepage_testimonialsWrapper__uXDAn .homepage_testimonial__WBpjH:nth-child(n + 2) {
        display: none;
    }
}

@media screen and (760px < width <= 1020px) {
    .homepage_testimonialsWrapper__uXDAn .homepage_testimonial__WBpjH:nth-child(n + 3) {
        display: none;
    }
    .homepage_testimonialControls__ykGMB .homepage_paginationIndicator__JmZt2:nth-child(n + 7) {
        display: none;
    }
}

@media screen and (width > 1020px) {
    .homepage_testimonialControls__ykGMB .homepage_paginationIndicator__JmZt2:nth-child(n + 5) {
        display: none;
    }
}

.homepage_learnMoreLink__qysjz {
    color: #0078d4;
}

@media screen and (prefers-contrast: more) {
    .homepage_learnMoreLink__qysjz:focus {
        border: 2px solid aqua;
        text-decoration: underline;
    }
}

@media only screen and (max-width: 1440px) {
    .homepage_homepageBannerWrapper__BAnB\+ {
        padding: 51px 48px;
    }

    .homepage_homepageBanner__SizYU {
        gap: 40px;
    }

    .homepage_bannerContent__R2vSH {
        margin-right: 40px;
    }

    .homepage_freeModule__6QE54 img {
        margin-right: 0;
        margin-left: 0;
    }
}

/*less than a 1000px (mobile screen)*/
@media only screen and (max-width: 1000px) {
    .homepage_homepageBannerWrapper__BAnB\+ {
        height: 883px;
        padding: 48px 20px 8px 20px;
    }

    .homepage_homepageBannerWrapper__BAnB\+.homepage_homepageGradientBannerWrapper__2zuAh {
        height: fit-content;
        padding: 51px 48px;
    }

    .homepage_homepageBanner__SizYU {
        flex-wrap: wrap;
        justify-content: center;
        gap: 16px;
    }

    .homepage_homepageBanner__SizYU .homepage_desktopBannerImg__lqtZ\+ {
        display: none;
    }

    .homepage_mobileBannerImg__5q8js {
        display: block;
    }

    .homepage_homepageBannerContent__Cq2DD {
        text-align: center;
        align-items: center;
    }

    .homepage_pageBannerFeatures__liG0t {
        justify-content: left;
    }

    .homepage_pageBannerFeature__-RaDv.homepage_v3__NRFX7 {
        font-size: 16px;
    }

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

    .homepage_featuresPivotItems__1azxB {
        margin-top: 80px;
    }

    .homepage_featuresPivotItems__1azxB > p {
        margin: 16px 0;
    }

    .homepage_featuresPivotItems__1azxB > img {
        width: 100%;
    }

    .homepage_freeModule__6QE54 {
        margin-top: 80px;
    }

    .homepage_banner__ckZwc,
    .homepage_banner__ckZwc {
        padding: 0 48px;
        flex-direction: column;
        align-items: center;
        gap: 80px;
    }

    .homepage_banner__ckZwc.homepage_ssrBanner__qRap6 {
        flex-direction: column;
        align-items: center;
    }

    .homepage_banner__ckZwc > img {
        display: none;
    }

    .homepage_homepageGradientDesign__dotpE .homepage_banner__ckZwc > img {
        display: block;
    }

    .homepage_bannerContent__R2vSH {
        text-align: center;
        margin-right: 0;
    }

    .homepage_integrationsContainer__NmI1s {
        margin: 80px 0;
    }

    .homepage_integrationsContainer__NmI1s > p:last-of-type,
    .homepage_integrationsContainer__NmI1s p {
        margin-right: 20px;
        margin-left: 20px;
    }

    .homepage_integrationsContainer__NmI1s > p:last-of-type {
        width: calc(100% - 20px);
    }

    .homepage_industryTilesContainer__imZpq {
        margin: 0;
        flex-direction: column;
    }

    .homepage_industriesBanner__B90PD .homepage_bannerContent__R2vSH {
        width: 100%;
        max-width: unset;
    }

    .homepage_companiesCarouselWrapper__FZ9SQ .homepage_carouselContainer__-ifji {
        animation: homepage_autoScroll__nznYz 30s linear infinite;
        background-repeat: repeat-x;
        width: 300%;
        background-position-x: left;
    }

    .homepage_testimonialsContainer__icaYb {
        padding: 80px 20px;
        box-sizing: border-box;
        max-width: 100vw;
        width: 100%;
    }

    /* Bug 10698344 — at narrow widths / 200% reflow the 36px gradient heading
       overflowed its box and was clipped by the container's overflow:hidden.
       Shrink it and allow wrapping so the whole "What Clarity users say" heading
       stays visible. Verified at a 320px viewport. */
    .homepage_testimonialsContainer__icaYb h2 {
        font-size: 28px;
        overflow-wrap: anywhere;
        max-width: 100%;
    }

    /* Bug 10698344 — the outer side chevrons squeezed the overflow:hidden
       container so the min-width:180px testimonial (quote + author) was clipped
       on both sides. Let the wrapper/testimonial fill the viewport width and wrap
       the quote so the full content stays visible. Verified at 320px. */
    .homepage_testimonialsWrapper__uXDAn {
        width: 100%;
        max-width: 100%;
    }

    .homepage_testimonialsWrapper__uXDAn > .homepage_testimonial__WBpjH {
        width: 100%;
        max-width: 100%;
        min-width: 0;
        box-sizing: border-box;
    }

    .homepage_testimonialsContainer__icaYb blockquote {
        overflow-wrap: anywhere;
    }

    .homepage_paginationChevron__4m3Yg {
        display: none;
    }

    .homepage_mobilePaginationChevron__c8xp0 {
        display: block;
    }

    .homepage_sdkModuleContent__zEVC2 {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .homepage_sdkModuleContent__zEVC2 ul {
        text-align: left;
    }

    .homepage_extensionModuleContent__NmaBn {
        margin: 0;
    }

    .homepage_extensionModuleContent__NmaBn a {
        margin-right: auto;
        margin-left: auto;
    }
}

@media only screen and (max-width: 390px) {
    .homepage_homepageBannerWrapper__BAnB\+ {
        height: unset;
        overflow: hidden;
        padding: 24px 10px;
    }

    .homepage_homepageBannerContent__Cq2DD .homepage_buttonArea__s9n6Y {
        flex-direction: column;
    }

    .homepage_homepageBannerContent__Cq2DD .homepage_platformsRating__HCPnB {
        flex-direction: column;
        margin: 38px 0 0 0;
    }

    .homepage_platformContainer__AfZnE {
        margin: unset;
    }

    .homepage_mobileBannerImg__5q8js {
        display: none;
    }

    .homepage_banner__ckZwc {
        padding: 24px 10px;
    }

    .homepage_industriesBanner__B90PD .homepage_banner__ckZwc {
        padding-bottom: 80px;
    }
}

@media only screen and (max-width: 320px) {
    .homepage_industriesBanner__B90PD,
    .homepage_extensionModuleContent__NmaBn {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .homepage_bannerContent__R2vSH,
    .homepage_industryTilesContainer__imZpq {
        min-width: unset;
    }

    .homepage_industriesBanner__B90PD .homepage_banner__ckZwc {
        margin: 0;
    }
}

/********************************************/
/*********** Homepage v3  **************/
/********************************************/

.homepage_normalText__9cLM\+ {
    font-size: 14px;
}

.homepage_homepageGradientBannerWrapper__2zuAh {
    background: unset;
    position: relative;
    overflow: hidden;
}

.homepage_homepageHeaderGradientLightBlue__FjFCv {
    position: absolute;
    border-radius: 782px;
    opacity: 0.4;
    background: rgba(0, 154, 249, 0.2);
    filter: blur(200px);
    width: 735px;
    height: 782px;
    z-index: -1;
    bottom: 150px;
}

.homepage_homepageHeaderGradientBlue__HxdAQ {
    position: absolute;
    border-radius: 736px;
    opacity: 0.3;
    background: rgba(0, 154, 249, 0.2);
    filter: blur(200px);
    height: 736px;
    width: 782px;
    left: 0;
    top: 112px;
    z-index: -1;
}

.homepage_hompageHeaderGradientPurpleBlue__tS3J7 {
    position: absolute;
    border-radius: 1298px;
    opacity: 0.2;
    background: radial-gradient(50% 50% at 50% 50%, #656aff 0%, #aa65ff 50%, #009af9 100%);
    filter: blur(200px);
    height: 1298px;
    width: 857px;
    right: 0;
    top: 170px;
    z-index: -1;
}

.homepage_announcingBannerContainer__bPLY4 {
    position: relative;
    width: 100%;
    background: linear-gradient(90deg, #4152d8 0%, #58a0df 100%);
    display: grid;
    justify-content: center;
    align-items: center;
    height: 48px;
}

.homepage_announcingBannerContainer__bPLY4 > div {
    display: flex;
    align-items: baseline;
}

.homepage_announcingBannerContainer__bPLY4 p {
    margin: 8px 4px 8px 0;
    color: #fff;
    font-size: 14px;
    line-height: 20px;
}

.homepage_announcingBannerContainer__bPLY4 .homepage_closeButton__z008U,
.homepage_announcingBannerContainer__bPLY4 a {
    color: #fff;
}

.homepage_announcingBannerContainer__bPLY4 .homepage_announcingBannerTextWrapper__yJo3p a {
    text-decoration: underline;
    color: #fff;
}

.homepage_announcingBannerContainer__bPLY4 .homepage_announcingBannerTextWrapper__yJo3p a:hover {
    font-weight: 600;
    color: white;
}

.homepage_announcingBannerContainer__bPLY4 .homepage_closeButton__z008U {
    position: absolute;
    right: 16px;
}

.homepage_announcingBannerContainer__bPLY4 .homepage_closeButton__z008U i {
    font-size: 12px;
}

.homepage_announcingBannerContainer__bPLY4 .homepage_closeButton__z008U:hover {
    color: rgb(0, 69, 120);
    background-color: unset;
}

.homepage_homepageGradientDesign__dotpE .homepage_homepageBanner__SizYU {
    flex-wrap: nowrap;
    width: 100%;
}

.homepage_homePageContainer__gH7U8 .homepage_homepageGradientDefaultButton__YjOiP a.ms-Button--default,
.homepage_homePageContainer__gH7U8 .homepage_homepageAgentGradientDefaultButton__ohOHs .ms-Button--default {
    border: none;
}

.homepage_homePageContainer__gH7U8 .homepage_homepageGradientDefaultButton__YjOiP .ms-Button--default:hover {
    background: linear-gradient(97deg, #f8f2ff 0%, #f0f9ff 49.25%, #ebecff 98.5%);
}

.homepage_homePageContainer__gH7U8 .homepage_homepageAgentGradientDefaultButton__ohOHs .ms-Button--default:hover {
    background: linear-gradient(92deg, #f1f5ff 1.38%, #f9f0fe 50%, #fcf0f7 98.62%);
}

.homepage_homepageGradientDefaultButton__YjOiP {
    width: fit-content;
    border-radius: 4px;
    border: 1px solid transparent;
    background: linear-gradient(97deg, #aa65ff 0%, #009af9 49.25%, #656aff 98.5%);
}

.homepage_homepageAgentGradientDefaultButton__ohOHs {
    width: fit-content;
    border-radius: 4px;
    border: 1px solid transparent;
    background:
        linear-gradient(#ffffff, #ffffff) padding-box,
        linear-gradient(90deg, #4e83ff, #ae3af1, #df3c99, #ee5e36) border-box;
}

.homepage_homepageGradientBannerContent__wHQsL {
    min-width: 600px;
    margin-right: -37px;
}

.homepage_homepageGradientDefaultButton__YjOiP .ms-Button--default:hover {
    background:
        linear-gradient(#f7ebfe) padding-box,
        linear-gradient(90deg, #4e83ff, #ae3af1, #df3c99, #ee5e36) border-box;
}

.homepage_homepageGradientBannerContent__wHQsL .homepage_buttonArea__s9n6Y .ms-Button--primary:hover {
    background: linear-gradient(97deg, #9137ff 0%, #2680b8 49.25%, #292ee0 98.5%);
}

.homepage_homepageGradientBannerContent__wHQsL h1 {
    font-size: 48px;
    font-style: normal;
    font-weight: 600;
    line-height: 54px;
}

.homepage_homepageGradientBannerContent__wHQsL .homepage_bannerTitleGradientWrapper__wUE1r h1 {
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 24px;
}

.homepage_desktopGradientBannerImg__CiAr7 {
    height: 548px;
    max-height: 548px;
    margin-top: 100px;
}

.homepage_mobileGradientBannerImg__UH6nh {
    height: 287px;
    max-height: 287px;
    display: none;
}

.homepage_bannerTitleGradientWrapper__wUE1r {
    display: flex;
}

.homepage_homepageGradientBannerContent__wHQsL > span {
    font-size: 18px;
    line-height: 24px;
    color: #3b3a39;
}

.homepage_homepageGradientBannerContent__wHQsL .homepage_buttonArea__s9n6Y {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 24px;
}

.homepage_homepageGradientBannerContent__wHQsL .homepage_buttonArea__s9n6Y a:last-child {
    color: #0078d4;
    border-color: #005493;
}

.homepage_homepageGradientBannerContent__wHQsL .homepage_buttonArea__s9n6Y a:last-child:hover {
    background: #eff6fc;
}

.homepage_homepageGradientBannerContent__wHQsL .homepage_buttonArea__s9n6Y a,
.homepage_homepageGradientBannerContent__wHQsL .homepage_buttonArea__s9n6Y button {
    width: 156px;
    height: 38px;
    box-sizing: content-box;
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    border-radius: 47px;
    padding: 5px 12px;
    box-shadow:
        0px 3.2px 7.2px 0px rgba(0, 0, 0, 0.13),
        0px 0.6px 1.8px 0px rgba(0, 0, 0, 0.1);
}

.homepage_homepageGradientBannerContent__wHQsL .homepage_buttonArea__s9n6Y button {
    background: linear-gradient(96.5deg, #a43bff 0%, #006ff7 49.25%, #7442ff 98.5%);
}

.homepage_purpleBluePurpleGradient__xcrTO {
    background: linear-gradient(96.5deg, #a43bff 0%, #006ff7 49.25%, #7442ff 98.5%);
}

.homepage_homepageFooter__9rpDq {
    position: relative;
    background: linear-gradient(0deg, #f3f3ff 31.58%, #fff 100%);
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 324px;
    flex-direction: column;
    z-index: 0;
}

.homepage_homepageFooter__9rpDq h2 {
    font-size: 28px;
    font-style: normal;
    font-weight: 600;
    line-height: 36px;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 12px;
}

.homepage_purpleGradient__\+XtHS {
    background: linear-gradient(90deg, #8f58ab -8.93%, #3d60e0 100%);
}

.homepage_landingFooterText__Nie0F {
    font-size: 18px;
    margin-bottom: 40px;
}

.homepage_homepageFooter__9rpDq svg {
    position: absolute;
    bottom: 0;
    z-index: 0;
}

.homepage_homepageFooter__9rpDq svg:first-of-type {
    left: 0;
}

.homepage_homepageFooter__9rpDq svg:nth-of-type(2) {
    right: 0;
}

.homepage_homepageFooter__9rpDq svg:nth-of-type(3) {
    display: none;
}

.homepage_homepageFeaturesContainer__iUMji {
    width: 100%;
    position: relative;
}

.homepage_homepageFeaturesPivot__Be8fR {
    position: sticky;
    top: 60px;
    z-index: 100;
    background: #ffffff;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    padding: 0 96px;
    margin-bottom: 40px;
    height: 98px;
    align-content: center;
}

.homepage_homepageFeaturesPivot__Be8fR .ms-Pivot {
    display: flex;
    justify-content: center;
    gap: 40px;
}

.homepage_homepageFeaturesPivot__Be8fR .ms-Pivot-link {
    font-size: 16px;
    line-height: 22px;
    padding: 20px 0;
    transition: all 0.3s ease;
}

.homepage_homepageFeaturesPivot__Be8fR .ms-Pivot-link:hover {
    color: #323130;
}

.homepage_homepageFeaturesPivot__Be8fR .ms-Pivot-link.is-selected {
    font-weight: 600;
}

.homepage_homepageFeaturesPivot__Be8fR .ms-Pivot-link.is-selected::before {
    height: 4px;
    border-radius: 100px;
    background: linear-gradient(97deg, #aa65ff 0%, #009af9 49.25%, #656aff 98.5%), #d9d9d9;
}

.homepage_homepageFeaturesPivot__Be8fR .ms-Pivot-link:last-child.is-selected::before {
    background: linear-gradient(90deg, #4e83ff 0%, #ae3af1 33%, #df3c99 66%, #ee5e36 100%);
}

.homepage_homepageFeaturesSectionsContainer__Y1DVz {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.homepage_homepageFeaturesSection__WFFWX {
    width: 100%;
    min-height: 600px;
}

.homepage_homepageFeaturesSection__WFFWX > div {
    padding: 0px 96px;
}

.homepage_featuresContentWrapper__-SZC8 {
    display: grid;
    grid-template-columns: 1fr minmax(0, 554px);
    column-gap: 80px;
    max-width: 1280px;
    margin: 0 auto;
    position: relative;
    align-items: start;
}

/* Feature text sections fill the left column, stacked one per row. */
.homepage_featuresContentWrapper__-SZC8 > .homepage_homepageFeaturesSection__WFFWX {
    grid-column: 1;
}

/* Every image panel is placed in the same right-column cell (spanning all rows)
   so they overlap into a single sticky image that cross-fades between sections —
   preserving the original look while each panel stays DOM-adjacent to its section
   for a logical section -> gif -> section tab order. */
.homepage_featureImageAnimated__uhF4M {
    grid-column: 2;
    grid-row: 1 / -1;
    align-self: start;
    justify-self: center;
    position: sticky;
    top: 250px;
    width: 100%;
    max-width: 554px;
    height: 500px;
    display: grid;
    place-items: center;
    opacity: 1;
    transform: translateY(0);
    transition:
        opacity 0.5s ease-in-out 0.3s,
        transform 0.5s ease-in-out 0.3s;
}

.homepage_featureImageAnimated__uhF4M img,
.homepage_featureImageAnimated__uhF4M video {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    border-radius: 20px;
}

.homepage_featureImageHidden__hl69U {
    opacity: 0;
    transform: translateY(60px);
    pointer-events: none;
    transition:
        opacity 0.3s ease-in-out,
        transform 0.3s ease-in-out;
}

.homepage_factsColumns__5RE3g {
    display: flex;
    gap: 24px;
    width: 100%;
    justify-content: center;
    max-width: 1280px;
    margin: 0 auto;
    box-sizing: content-box;
}

.homepage_factsColumnComponent__EYMNv {
    display: flex;
    gap: 32px;
    flex-flow: column;
    min-width: 50%;
}

.homepage_featureCallToActions__CBOyp {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
}

.homepage_featuresContentImageColumn__Dnwup {
    display: none;
}

.homepage_featuresContentImageColumn__Dnwup .homepage_factsImageContent__Zm06U {
    border-radius: 40px;
    width: 100%;
    height: 510px;
    position: relative;
    max-width: 640px;
}

.homepage_featuresContentImageColumn__Dnwup .homepage_factsImageContent__Zm06U video,
.homepage_featuresContentImageColumn__Dnwup .homepage_factsImageContent__Zm06U img {
    position: absolute;
    width: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-height: 100%;
}

.homepage_extensionContent__0R0Zv {
    width: 100%;
}

.homepage_extensionContent__0R0Zv.homepage_bannerContent__R2vSH h2 {
    font-size: 28px;
}

.homepage_extensionContent__0R0Zv.homepage_bannerContent__R2vSH > span {
    font-size: 16px;
    margin-bottom: 40px;
}

.homepage_extensionModule__MfYMb img {
    max-width: 640px;
    width: 100%;
    align-items: center;
    margin-bottom: 32px;
}

.homepage_extensionModule__MfYMb {
    margin-bottom: 32px;
    width: 50%;
    margin-right: 0;
}

.homepage_extensionModulesContainer__OZk65 {
    display: flex;
    line-height: 22px;
    gap: 40px;
    margin-top: 40px;
}

.homepage_extensionModulesContainer__OZk65 h3 {
    font-weight: 600;
    margin-bottom: 16px;
}

.homepage_extensionModulesContainer__OZk65 p {
    color: #323130;
    margin-bottom: 40px;
}

.homepage_extensionModulesContainer__OZk65 .ms-Button--default {
    width: fit-content;
}

.homepage_testimonialsHomepageContainer__QSwjw {
    width: 100%;
    padding: 96px;
    max-width: 1440px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 40px;
    align-items: center;
}

.homepage_testimonialsHomepageContainer__QSwjw h2 {
    font-size: 28px;
    font-weight: 600;
    text-align: center;
    color: #201f1e;
}

.homepage_testimonialsHomepageContainer__QSwjw .homepage_readmoreButton__7Dcvf {
    width: fit-content;
    height: 32px;
}

.homepage_testimonialsHomepageCards__YuDEb {
    display: flex;
    gap: 32px;
    justify-content: center;
    flex-wrap: wrap;
}

/* Each card is wrapped in an <li> for list semantics; display:contents keeps
   the card itself as the flex item so equal-height layout is unchanged. */
.homepage_testimonialsHomepageCards__YuDEb li {
    display: contents;
}

.homepage_testimonialHomepageCard__TE4YO {
    background: #ffffff;
    overflow: hidden;
    width: 100%;
    max-width: 384px;
    display: flex;
    flex-direction: column;
    border: 1px solid #eaeaff;
    border-radius: 16px;
}

.homepage_testimonialHomepageCard__TE4YO[role="link"] {
    cursor: pointer;
}

.homepage_testimonialCardBanner__Z6y\+U {
    background: linear-gradient(180deg, rgba(243, 243, 255, 0.1) 0%, #f3f3ff 100%);
    padding: 32px 24px;
}

.homepage_testimonialCardBanner__Z6y\+U .homepage_percentage__2Cqj2 {
    font-size: 52px;
    font-weight: 600;
    margin-bottom: 8px;
    display: block;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.homepage_testimonialCardBanner__Z6y\+U .homepage_bannerDescription__P8rQE {
    font-size: 16px;
    line-height: 22px;
    color: #161514;
}

.homepage_testimonialCardContent__QVSoS {
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 24px;
    flex: 1;
}

.homepage_testimonialCardImage__udVvI {
    width: 100px;
}

.homepage_testimonialCardQuote__JxsBq {
    font-size: 16px;
    line-height: 22px;
    color: #323130;
    flex: 1;
}

.homepage_testimonialCardAuthor__GK6u9 {
    display: flex;
    align-items: center;
    gap: 11px;
}

.homepage_testimonialCardAuthor__GK6u9 img {
    width: 40px;
    height: 40px;
    border-radius: 40px;
}

.homepage_testimonialCardAuthorInfo__4HKDD {
    display: flex;
    flex-direction: column;
}

.homepage_testimonialCardAuthorName__LxWxB {
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    color: #323130;
}

.homepage_testimonialCardAuthorPosition__mV6is {
    font-size: 16px;
    line-height: 22px;
    color: #605e5c;
}

.homepage_testimonialCardContent__QVSoS .homepage_testimonialCardReadMore__9N5mX {
    display: flex;
    color: #020057;
    font-weight: 600;
    line-height: 22px;
    gap: 6px;
    align-items: center;
}

.homepage_testimonialCardContent__QVSoS .homepage_testimonialCardReadMore__9N5mX i {
    height: 16px;
}

.homepage_companiesCarouselWrapper__FZ9SQ.homepage_carouselTitleContainer__tdSxV > h3 {
    font-size: 18px;
    line-height: 24px;
    color: #3b3a39;
    text-align: center;
    margin-top: 40px;
}

.homepage_companiesCarouselWrapper__FZ9SQ.homepage_carouselTitleContainer__tdSxV {
    height: 168px;
}

.homepage_carouselGradientContainer__JZx7w {
    position: absolute;
    left: 0;
    top: 0;
    height: 110px;
    width: 300%;
    /* Logos are baked into LogoRow.png. If this image changes, update the companiesWithClarityLogosLabel
       string in homepagev2.resx (the accessible label listing these brands) to match. */
    background: url(https://claritystatic.azureedge.net/images/LogoRow.png);
    margin: 60px 0;
    background-repeat: repeat-x;
    background-position-y: center;
    animation: homepage_autoScroll__nznYz 120s linear infinite;
    transform: translate3d(0, 0, 0);
    background-size: 2500px;
}

.homepage_carouselTitleContainer__tdSxV.homepage_companiesCarouselWrapper__FZ9SQ .homepage_carouselContainer__-ifji {
    margin-top: 64px;
}

.homepage_homepageGradientDesign__dotpE .homepage_sdkModuleContainer__1LX1f {
    background-color: #fbfbfe;
    margin-bottom: 96px;
}

.homepage_homepageGradientDesign__dotpE .homepage_sdkModuleContainer__1LX1f .homepage_banner__ckZwc {
    padding: 96px 96px 0 96px;
}

.homepage_homepageGradientDesign__dotpE .homepage_integrationsContainer__NmI1s h2,
.homepage_homepageGradientDesign__dotpE .homepage_sdkModuleContent__zEVC2 h2,
.homepage_homepageGradientDesign__dotpE .homepage_mediumTitle__WzpW0 {
    font-size: 28px;
    line-height: 36px;
}

.homepage_homepageGradientDesign__dotpE .homepage_sdkModuleContent__zEVC2 > strong {
    font-size: 16px;
    line-height: 22px;
}

.homepage_testimonialsPaginationContainer__3nXCQ {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    margin-top: 32px;
}

.homepage_testimonialsPaginationContainer__3nXCQ .homepage_paginationIndicator__JmZt2 {
    cursor: pointer;
}

.homepage_testimonialsPaginationContainer__3nXCQ .homepage_paginationIndicator__JmZt2:hover {
    opacity: 0.7;
}

.homepage_testimonialsPaginationContainer__3nXCQ .homepage_paginationIndicator__JmZt2:focus {
    outline: 2px solid #605e5c;
    outline-offset: 2px;
}

@media only screen and (max-width: 1023px) {
    .homepage_homepageGradientBannerContent__wHQsL {
        min-width: unset;
        margin-right: unset;
    }

    .homepage_homepageGradientBannerContent__wHQsL h1,
    .homepage_bannerTitleGradientWrapper__wUE1r {
        font-size: 32px;
        line-height: 40px;
    }

    .homepage_homepageGradientBannerContent__wHQsL > span {
        font-size: 16px;
    }

    .homepage_homepageBanner__SizYU .homepage_desktopGradientBannerImg__CiAr7 {
        display: none;
    }

    .homepage_mobileGradientBannerImg__UH6nh {
        display: block;
    }

    .homepage_testimonialsHomepageCards__YuDEb {
        padding: 64px 24px;
    }

    .homepage_testimonialsHomepageCards__YuDEb {
        flex-direction: column;
        align-items: center;
    }

    .homepage_testimonialsHomepageCard__yNORe {
        max-width: 100%;
    }

    .homepage_homepageFeaturesPivot__Be8fR {
        padding: 0 20px;
        top: 48px;
    }

    .homepage_homepageFeaturesPivot__Be8fR .ms-Pivot {
        gap: 20px;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }

    .homepage_homepageFeaturesPivot__Be8fR .ms-Pivot::-webkit-scrollbar {
        display: none;
    }

    .homepage_homepageFeaturesPivot__Be8fR .ms-Pivot-link {
        font-size: 14px;
        padding: 16px 0;
        white-space: nowrap;
        flex-shrink: 0;
    }

    .homepage_homepageFeaturesSection__WFFWX {
        scroll-margin-top: 100px;
    }
    .homepage_homepageGradientDesign__dotpE .homepage_testimonialsHomepageContainer__QSwjw {
        padding: 90px 40px;
    }

    .homepage_testimonialsHomepageCards__YuDEb {
        justify-content: center;
        display: flex;
        flex-flow: row;
        padding: 0;
        gap: 16px;
    }

    .homepage_testimonialCardContent__QVSoS {
        gap: 16px;
    }

    .homepage_testimonialHomepageCard__TE4YO {
        max-height: 420px;
        height: 420px;
    }

    .homepage_testimonialCardBanner__Z6y\+U {
        padding: 16px;
    }

    .homepage_testimonialCardBanner__Z6y\+U .homepage_percentage__2Cqj2 {
        font-size: 42px;
        margin-bottom: 0;
    }

    .homepage_homepageGradientDesign__dotpE .homepage_mobilePaginationChevron__c8xp0 {
        margin-left: 50px;
    }

    .homepage_homepageGradientDesign__dotpE .homepage_mobilePaginationChevron__c8xp0.homepage_previous__M\+82g {
        margin-left: 0;
        margin-right: 50px;
    }

    .homepage_testimonialsPaginationContainer__3nXCQ {
        margin-top: 40px;
    }

    .homepage_homepageGradientDesign__dotpE .homepage_testimonialsPaginationContainer__3nXCQ {
        margin-top: 40px;
    }
}

@media only screen and (max-width: 999px) {
    .homepage_featuresContentImageColumn__Dnwup {
        display: flex;
        gap: 32px;
        flex-flow: column;
        min-width: 50%;
    }

    .homepage_featuresContentImageColumn__Dnwup .homepage_factsImageContent__Zm06U {
        border-radius: 40px;
        width: 100%;
        height: 410px;
        position: relative;
        max-width: 640px;
    }
}

@media only screen and (max-width: 767px) {
    .homepage_homePageContainer__gH7U8.homepage_homepageGradientDesign__dotpE {
        overflow-y: hidden;
    }

    .homepage_pageBannerFeatures__liG0t {
        justify-content: center;
    }

    .homepage_pageBannerFeature__-RaDv.homepage_v3__NRFX7 {
        font-size: 14px;
    }

    .homepage_homepageBannerWrapper__BAnB\+.homepage_homepageGradientBannerWrapper__2zuAh {
        height: fit-content;
        padding: 48px 20px 8px 20px;
    }

    .homepage_bannerContent__R2vSH {
        min-width: unset;
    }

    .homepage_homepageGradientDesign__dotpE .homepage_homepageBanner__SizYU {
        flex-wrap: wrap;
        justify-content: center;
        gap: 16px;
    }

    .homepage_normalText__9cLM\+ .homepage_homepageGradientBannerContent__wHQsL > span {
        font-size: 14px;
    }

    .homepage_mobileGradientBannerImg__UH6nh {
        display: block;
        max-height: 548px;
        max-width: 640px;
        width: 100%;
        height: 100%;
    }

    .homepage_announcingBannerContainer__bPLY4 {
        flex-flow: column;
        justify-content: center;
        align-items: center;
        height: fit-content;
    }

    .homepage_announcingBannerContainer__bPLY4 p {
        margin: 8px 4px 0;
    }

    .homepage_announcingBannerContainer__bPLY4 > div {
        display: block;
        text-align: center;
        margin-bottom: 4px;
    }

    .homepage_homepageGradientDesign__dotpE .homepage_homepageBannerWrapper__BAnB\+ {
        align-items: baseline;
    }

    .homepage_homepageGradientBanner__83NmF {
        margin-top: 12px;
    }

    .homepage_homepageGradientBannerContent__wHQsL h1,
    .homepage_bannerTitleGradientWrapper__wUE1r,
    .homepage_buttonArea__s9n6Y {
        display: flex;
        justify-content: center;
    }

    .homepage_buttonArea__s9n6Y {
        z-index: 1;
    }

    .homepage_homepageGradientBannerContent__wHQsL h1,
    .homepage_bannerTitleGradientWrapper__wUE1r {
        text-align: center;
    }
    .homepage_homepageGradientBannerContent__wHQsL > span {
        display: flex;
        text-align: center;
    }

    .homepage_homepageGradientBannerContent__wHQsL .homepage_buttonArea__s9n6Y {
        flex-direction: column;
    }

    .homepage_homepageFeaturesPivot__Be8fR {
        top: 56px;
        padding: 0 16px;
    }

    .homepage_homepageFeaturesPivot__Be8fR .ms-Pivot {
        gap: 16px;
    }

    .homepage_homepageFeaturesPivot__Be8fR .ms-Pivot-link {
        font-size: 12px;
        padding: 12px 0;
    }

    .homepage_homepageFeaturesSection__WFFWX {
        scroll-margin-top: 90px;
    }

    .homepage_factsColumns__5RE3g {
        gap: 32px;
        flex-flow: column-reverse;
    }

    .homepage_factsColumnComponent__EYMNv {
        justify-content: center;
        align-items: center;
        margin-bottom: 5px;
    }

    .homepage_featuresContentImageColumn__Dnwup .homepage_factsImageContent__Zm06U {
        height: 510px;
    }

    .homepage_extensionModulesContainer__OZk65 {
        flex-direction: column;
        margin-top: 16px;
    }

    .homepage_extensionModule__MfYMb {
        width: 100%;
        align-items: center;
    }

    .homepage_homepageGradientDesign__dotpE .homepage_sdkModuleContainer__1LX1f .homepage_banner__ckZwc {
        padding: 96px;
    }

    .homepage_homepageGradientDesign__dotpE .homepage_sdkImage__12W6D {
        width: 400px;
    }

    .homepage_homepageGradientDesign__dotpE .homepage_testimonialsHomepageContainer__QSwjw {
        padding: 90px 20px;
    }

    .homepage_testimonialCardContent__QVSoS {
        gap: 16px;
    }

    .homepage_testimonialHomepageCard__TE4YO {
        height: fit-content;
        max-height: fit-content;
    }

    .homepage_testimonialsHomepageCards__YuDEb h2 {
        font-size: 28px;
        margin-bottom: 40px;
    }

    .homepage_testimonialCardBanner__Z6y\+U .homepage_percentage__2Cqj2 {
        font-size: 42px;
    }

    .homepage_homepageGradientDesign__dotpE .homepage_banner__ckZwc.homepage_ssrBanner__qRap6,
    .homepage_homepageGradientDesign__dotpE .homepage_integrationsContainer__NmI1s {
        padding: 80px 20px 0 20px;
    }

    .homepage_homepageFooter__9rpDq h2 {
        font-size: 24px;
        line-height: 32px;
        margin-bottom: 12px;
        text-align: center;
    }

    .homepage_landingFooterText__Nie0F {
        text-align: center;
    }

    .homepage_homepageFooter__9rpDq svg:nth-of-type(1),
    .homepage_homepageFooter__9rpDq svg:nth-of-type(2) {
        display: none;
    }

    .homepage_testimonialsHomepageCards__YuDEb {
        justify-content: center;
    }

    .homepage_homepageFooter__9rpDq svg:nth-of-type(3) {
        display: block;
    }

    .homepage_featureImageContainer__EELJm img {
        border-radius: 8px;
    }
}

@media only screen and (min-width: 1024px) {
    .homepage_testimonialsPaginationContainer__3nXCQ {
        display: none;
    }
}

@media only screen and (max-width: 600px) {
    .homepage_featuresContentImageColumn__Dnwup .homepage_factsImageContent__Zm06U {
        height: fit-content;
        min-height: 400px;
    }
}

@media only screen and (max-width: 500px) {
    .homepage_featuresContentImageColumn__Dnwup .homepage_factsImageContent__Zm06U {
        height: fit-content;
        min-height: 270px;
    }
}

@media only screen and (max-width: 450px) {
    .homepage_homepageGradientDesign__dotpE .homepage_sdkImage__12W6D {
        width: 300px;
    }
}

@media only screen and (max-width: 320px) {
    .homepage_mobileGradientBannerImg__UH6nh {
        height: 240px;
        max-height: 240px;
    }
}

.sharedComponents_chevron__qdEKw {
    transform-origin: 50% 50%;
    transition: transform 0.1s linear 0s;
}

.sharedComponents_expandedChevron__OjXZ1 {
    transform: rotate(90deg);
}

.sharedComponents_mobileCollapsible__-wmBy .sharedComponents_collapsibleHeader__yqmEY i {
    transform: rotate(90deg);
}

.sharedComponents_mobileCollapsible__-wmBy .sharedComponents_collapsibleHeader__yqmEY i.sharedComponents_expandedChevron__OjXZ1 {
    transform: rotate(270deg);
}

.sharedComponents_collapsibleHeader__yqmEY {
    display: flex;
    cursor: pointer;
    user-select: none;
    align-items: center;
}

.sharedComponents_collapsibleTitle__hlLR5 {
    margin-left: 8px;
}

.sharedComponents_collapsibleTitle__hlLR5.sharedComponents_extraContentFlex__6Yk7G {
    display: flex;
    gap: 16px;
}

.sharedComponents_baAutoPublishCollapsible__08fm6 {
    margin: 8px 0;
}

.sharedComponents_baAutoPublishCollapsible__08fm6 .sharedComponents_collapsibleTitle__hlLR5 {
    color: #161514;
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
}

.sharedComponents_engagementMetricsCollapse__e3gaq .sharedComponents_collapsibleHeader__yqmEY {
    margin-bottom: 8px;
}

.sharedComponents_engagementMetricsCollapse__e3gaq .sharedComponents_collapsibleTitle__hlLR5 {
    font-size: 12px;
    line-height: 16px;
}

/* Replay header V2 */
.sharedComponents_playerHeader__Pd1sO {
    align-items: center;
    padding: 8px 16px;
    margin: 0 16px 12px 0px;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0px 4.8px 14.4px 0px rgba(131, 126, 255, 0.3);
}

.sharedComponents_playerHeader__Pd1sO i {
    line-height: 20px;
    height: 20px;
}

.sharedComponents_playerHeader__Pd1sO .ms-TooltipHost button:not(.is-disabled):hover path {
    fill: #005a9e;
}

.sharedComponents_playerHeader__Pd1sO .saveIcon i {
    height: 16px;
}

.sharedComponents_playerHeader__Pd1sO .ms-TooltipHost button.saveIcon:not(.is-disabled):hover path {
    fill: #827dff;
}

.sharedComponents_replayHeaderMapButtons__yEPUB {
    margin-left: 12px;
    display: flex;
}

.sharedComponents_replayHeaderMapButtons__yEPUB button {
    border-radius: 0;
    border-right-width: 0px;
}

.sharedComponents_replayHeaderMapButtons__yEPUB button:first-child {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.sharedComponents_replayHeaderMapButtons__yEPUB button:last-child {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-right-width: 1px;
}

.sharedComponents_playerHeader__Pd1sO .ms-TooltipHost button {
    padding: 0 2px;
    margin-left: 12px;
}

/* Bug 10698225 — replay header toolbar icons (favorite, share, download, map
   buttons) use fixed SVG fills and disappear in light HC (Desert). Force
   system colors so they adapt to every contrast theme. */
@media (forced-colors: active) {
    .sharedComponents_playerHeader__Pd1sO .ms-TooltipHost button path,
    .sharedComponents_playerHeader__Pd1sO path,
    .sharedComponents_playerHeader__Pd1sO i {
        fill: CanvasText;
        color: CanvasText;
    }
}

.sharedComponents_errorWrapper__Tj8td {
    flex: 1;
    display: flex;
    justify-content: center;
    min-height: 100%;
}

.sharedComponents_csvDownloadOption__NXJ7x {
    line-height: 36px;
    display: flex;
    justify-content: left;
    flex-direction: row;
    cursor: pointer;
}

.sharedComponents_csvDownloadOption__NXJ7x:hover {
    background-color: #eaeaff;
}

.sharedComponents_csvDownloadOptionText__cjwrT {
    padding: 0px 12px;
    width: 100%;
}

.sharedComponents_adsInsightsDownload__wi\+XK .sharedComponents_csvDownloadOptionText__cjwrT {
    padding: 0;
    height: 32px;
}

.sharedComponents_adsInsightsDownload__wi\+XK.sharedComponents_csvDownloadOption__NXJ7x {
    border-radius: 4px;
}

.fullScreenMessage img {
    width: 100%;
}

.sharedComponents_coachMarkSubText__TCtkp {
    margin-top: 16px;
}

@media only screen and (max-width: 680px) {
    .sharedComponents_collapsibleToggleTitle__d6Fzs {
        font-weight: 600;
    }
}

.sharedComponents_thirdPartyPlatformsContainer__looMd .sharedComponents_thirdPartyInstallationsContent__Q7D-7 {
    padding: 32px 32px 8px;
}

.sharedComponents_thirdPartyInstallationsContent__Q7D-7 {
    border-radius: 8px;
    background: #fff;
    width: 100%;
    padding: 24px 0;
}

.sharedComponents_thirdPartyTilesContainer__cATHi {
    position: relative;
    display: flex;
    gap: 24px;
    margin: 24px 0;
    background-color: #fff;
    flex-wrap: wrap;
}

.sharedComponents_thirdPartyTile__LuR7k {
    display: flex;
    padding-right: 16px;
    align-items: center;
    gap: 16px;
    border-radius: 8px;
    background: #fff;
    box-shadow:
        0px 0.6px 1.8px 0px rgba(131, 126, 255, 0.1),
        0px 3.2px 7.2px 0px rgba(131, 126, 255, 0.12);
    height: 64px;
    width: 256px;
}

.sharedComponents_thirdPartyTile__LuR7k:focus-visible {
    outline: 1px solid #000;
}

.sharedComponents_thirdPartyTilesContainer__cATHi > button.sharedComponents_thirdPartyTile__LuR7k {
    display: flex;
    height: 64px;
    border-radius: 8px;
    justify-content: left;
}

button.sharedComponents_thirdPartyTile__LuR7k {
    display: flex;
    border: unset;
    padding: 0;
}

button.sharedComponents_thirdPartyTile__LuR7k span {
    justify-content: flex-start;
}

button.sharedComponents_thirdPartyTile__LuR7k:hover {
    background: #fff;
}

a.sharedComponents_thirdPartyTile__LuR7k:focus-visible {
    outline: -webkit-focus-ring-color auto 1px;
}

button.sharedComponents_thirdPartyTile__LuR7k strong,
.sharedComponents_thirdPartyTile__LuR7k:not(button) span {
    margin-left: 76px;
    font-weight: 600;
    color: #161514;
}

.sharedComponents_thirdPartyTile__LuR7k .emoji.platformsIconsSprite.mesh {
    margin-left: 10px;
}

@media screen and (prefers-contrast: more) {
    .sharedComponents_playerHeader__Pd1sO path {
        fill: white;
    }
}

.sharedComponents_agentPrimaryButton__SXyeG {
    width: fit-content;
    border-radius: 4px;
    height: 32px;
    background: linear-gradient(90deg, #4e83ff 0%, #ae3af1 50%, #df3c99 100%);
}

.sharedComponents_agentPrimaryButton__SXyeG.sharedComponents_landingPrimaryButton__vehqi {
    background: linear-gradient(90deg, #4e83ff 0%, #ae3af1 33%, #df3c99 66%, #e27d53 100%);
}

.sharedComponents_agentPrimaryButton__SXyeG.sharedComponents_blueWrapperLandingPrimaryButton__\+EmGd {
    background: linear-gradient(90deg, #4e83ff 0%, #8b4df4 52%, #ae3af1 100%);
}

.sharedComponents_agentPrimaryButton__SXyeG.sharedComponents_loading__vI2mZ {
    background: linear-gradient(90deg, #0744d3 0%, #740daf 50%, #a90e67 100%);
}

.sharedComponents_agentDefaultButton__nvzdV {
    width: fit-content;
}

.sharedComponents_agentPrimaryButton__SXyeG .ms-Button--primary {
    border: 1px solid rgba(255, 255, 255, 0.5);
    color: white;
    width: inherit;
    height: 100%;
    padding: 5px 12px;
    background: transparent;
    border-radius: 4px;
}

.sharedComponents_agentDefaultButton__nvzdV .sharedComponents_agentdisabledButton__sXIpw,
.sharedComponents_agentPrimaryButton__SXyeG.sharedComponents_agentdisabledButton__sXIpw {
    background: #f0f0f0;
}

.sharedComponents_agentDefaultButton__nvzdV .sharedComponents_agentdisabledButton__sXIpw .ms-Button-label,
.sharedComponents_agentPrimaryButton__SXyeG.sharedComponents_agentdisabledButton__sXIpw .ms-Button-label {
    color: #bdbdbd;
}

.sharedComponents_agentPrimaryButton__SXyeG span.ms-Button-flexContainer {
    font-weight: 600;
}

.sharedComponents_agentPrimaryButton__SXyeG .ms-Button--primary:active,
.sharedComponents_agentPrimaryButton__SXyeG .ms-Button--primary:hover {
    background: transparent;
}

.sharedComponents_agentPrimaryButton__SXyeG:not(.sharedComponents_agentdisabledButton__sXIpw):hover {
    background: linear-gradient(90deg, #2869ff 0%, #8916cc 50%, #c22780 100%);
}

.sharedComponents_agentPrimaryButton__SXyeG:not(.sharedComponents_agentdisabledButton__sXIpw):focus-visible,
.sharedComponents_agentPrimaryButton__SXyeG:not(.sharedComponents_agentdisabledButton__sXIpw):focus,
.sharedComponents_agentPrimaryButton__SXyeG:not(.sharedComponents_agentdisabledButton__sXIpw):active {
    background: linear-gradient(90deg, #4e83ff 0%, #ae3af1 50%, #df3c99 100%);
}

.sharedComponents_agentPrimaryButton__SXyeG.sharedComponents_agentPrimaryButton__SXyeG.sharedComponents_landingPrimaryButton__vehqi:not(.sharedComponents_agentdisabledButton__sXIpw):hover {
    background: linear-gradient(90deg, #2869ff 0%, #8916cc 33%, #c22780 66%, #dd571f 100%);
}

.sharedComponents_agentPrimaryButton__SXyeG.sharedComponents_agentPrimaryButton__SXyeG.sharedComponents_blueWrapperLandingPrimaryButton__\+EmGd:not(.sharedComponents_agentdisabledButton__sXIpw):hover {
    background: linear-gradient(90deg, #4e83ff 0%, #8b4df4 52%, #ae3af1 100%);
}

.sharedComponents_agentPrimaryButton__SXyeG.sharedComponents_agentPrimaryButton__SXyeG.sharedComponents_landingPrimaryButton__vehqi:focus-visible,
.sharedComponents_agentPrimaryButton__SXyeG.sharedComponents_agentPrimaryButton__SXyeG.sharedComponents_landingPrimaryButton__vehqi:focus {
    background: linear-gradient(90deg, #4e83ff 0%, #ae3af1 33%, #df3c99 66%, #ee5e36 100%);
}

.sharedComponents_agentPrimaryButton__SXyeG:focus-visible .ms-Button--primary,
.sharedComponents_agentPrimaryButton__SXyeG:focus .ms-Button--primary {
    outline: 1px solid #ae3af1;
    border: unset;
}

.sharedComponents_agentDefaultButtonGrey__mZ15y.ms-Button--default {
    border: 1px solid #d1d1d1;
    color: #242424;
    width: fit-content;
}

.sharedComponents_agentDefaultButtonGrey__mZ15y.ms-Button--default i {
    align-items: center;
    height: 20px;
}

.sharedComponents_agentDefaultButtonGrey__mZ15y.ms-Button--default path {
    fill: #242424;
}

.sharedComponents_agentDefaultButton__nvzdV.ms-Button--default {
    border: 1px solid #a22ee5;
    color: #a22ee5;
}

.sharedComponents_agentDefaultButton__nvzdV.ms-Button--default i {
    color: #a22ee5;
    align-items: center;
}

.sharedComponents_agentPrimaryButton__SXyeG .ms-Button--primary i {
    color: white;
    align-items: center;
}

.sharedComponents_agentPrimaryButton__SXyeG .ms-Button--primary path {
    fill: white;
}

.sharedComponents_agentDefaultButton__nvzdV.ms-Button--default path {
    fill: #a22ee5;
}

.sharedComponents_agentDefaultButton__nvzdV:not(.sharedComponents_agentdisabledButton__sXIpw).ms-Button--default:hover {
    background: #fbf5ff;
}

.sharedComponents_agentDefaultButton__nvzdV:not(.sharedComponents_agentdisabledButton__sXIpw).ms-Button--default:active {
    background: #f7ebfe;
}

.sharedComponents_agentDefaultButton__nvzdV.ms-Button--default:focus-visible,
.sharedComponents_agentDefaultButton__nvzdV.ms-Button--default:focus {
    outline-color: #ae3af1;
}

.sharedComponents_agentTitle__RUqvo {
    background: linear-gradient(90deg, #4e83ff 0%, #ae3af1 33%, #df3c99 66%, #ee5e36 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 36px;
    font-weight: 600;
    line-height: 48px;
    text-wrap: nowrap;
}

.sharedComponents_agentGradientDefaultButton__vdzpv {
    width: fit-content;
    height: 32px;
    border-radius: 4px;
    border: 1px solid transparent;
    background:
        linear-gradient(#ffffff) padding-box,
        linear-gradient(90deg, #4e83ff, #ae3af1, #df3c99, #ee5e36) border-box;
}

.sharedComponents_agentGradientDefaultButton__vdzpv .ms-Button--default {
    border: none;
    color: #020057;
    width: 100%;
    height: 100%;
    padding: 5px 12px;
    background: transparent;
    border-radius: 3px;
}

.sharedComponents_agentGradientDefaultButton__vdzpv:focus-visible .ms-Button--default,
.sharedComponents_agentGradientDefaultButton__vdzpv:focus .ms-Button--default {
    border-width: 2px;
    background: #f7ebfe;
}

.sharedComponents_agentGradientDefaultButton__vdzpv:not(.sharedComponents_agentdisabledButton__sXIpw) a:hover {
    background: linear-gradient(92deg, #f1f5ff 1.38%, #f9f0fe 50%, #fcf0f7 98.62%);
}

.sharedComponents_headerNavOption__9DHsq i.ms-ContextualMenu-icon {
    display: none;
}

.sharedComponents_aiVisibilitySubmenuCallout__lsrqK.ms-Callout.ms-ContextualMenu-Callout {
    margin-top: 0;
}

.sharedComponents_brandAgentDropdownItem__gIB1i .ms-ContextualMenu-linkContent {
    justify-content: flex-end;
    flex-direction: row-reverse;
}

.sharedComponents_brandAgentDropdownItem__gIB1i button i.ms-ContextualMenu-icon {
    width: fit-content;
    display: flex;
}

.sharedComponents_brandAgentDropdownItem__gIB1i button span {
    margin-right: 0px;
    max-width: fit-content;
}

.sharedComponents_brandAgentFooterItem__Nr2Iy {
    display: flex;
}

.sharedComponents_brandAgentFooterItem__Nr2Iy i {
    margin-left: 6px;
}

.sharedComponents_brandAgentFooterItem__Nr2Iy i path {
    fill: #fff;
}

/* Common */
/** biome-ignore-all lint/complexity/noImportantStyles: legacy landing page styles require important declarations */

.landingPages_landingPageContainer__tt-\+M {
    /* biome-ignore lint/complexity/noImportantStyles: suppressing to unblock unrelated changes */
    height: auto !important;
}

.landingPages_focusSection__UZJ\+B {
    background: white;
    text-align: center;
    width: 100%;
}

.landingPages_focusSectionLight__rmSoa {
    background-color: #deecf9;
    color: #fff;
    text-align: center;
    width: 100%;
}

.landingPages_landingSectionTitle__1G9cc {
    background-image: linear-gradient(90deg, #8f58ab -8.93%, #3d60e0 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    font-size: 36px;
    font-weight: 600;
    text-align: center;
}

/* Highlights*/

.landingPages_highlightsSection__UWr9c {
    margin: 0 auto;
    color: inherit;
    padding: 0px;
}

.landingPages_highlightContainer__0ykxE {
    text-align: left;
}

.landingPages_highlightContainer__0ykxE h3 {
    font-size: 36px;
    line-height: 47px;
    font-weight: 600;
    color: inherit;
    text-align: left;
    margin-bottom: 32px;
}

.landingPages_highlight__1fLzT {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 80px 96px;
    color: #323130;
    cursor: default;
    gap: 80px;
}

.landingPages_highlightContainer__0ykxE:nth-child(odd) .landingPages_highlight__1fLzT {
    flex-direction: row-reverse;
}

.landingPages_highlightContainer__0ykxE:nth-child(even) .landingPages_highlight__1fLzT {
    background-image: url("https://claritystatic.azureedge.net/images/module-wave-L.svg");
    background-size: cover;
    background-repeat: no-repeat;
}

.landingPages_highlightMedia__huD\+e {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    justify-self: center;
    width: calc(50% - 40px);
    max-width: 800px;
}

.landingPages_highlightMedia__huD\+e img {
    width: 100%;
    display: block;
    margin: 0;
    border-radius: 10px;
    filter: drop-shadow(0px 4.8px 14.4px rgba(0, 0, 0, 0.18));
}

.landingPages_highlightTextWrapper__Xe84t {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    color: #323130;
    flex: 1;
    max-width: 670px;
}

.landingPages_highlightPointsList__v4HSb {
    gap: 8px;
    display: flex;
    flex-direction: column;
    margin-left: 16px;
    text-align: left;
}

.landingPages_highlightPoint__2Rdlh {
    color: #323130;
    font-size: 16px;
}

.landingPages_highlightPoint__2Rdlh span {
    font-weight: 600;
    margin-right: 5px;
}

.landingPages_highlightSectionsList__PZHM2 {
    list-style-type: none;
    display: flex;
    flex-direction: column;
    gap: 17px;
}

.landingPages_highlightSection__Pb5tC {
    font-size: 16px;
    line-height: 26px;
}

.landingPages_highlightSection__Pb5tC span {
    display: block;
    font-weight: 600;
    margin-right: 5px;
}

.landingPages_highlightButtonsContainer__s9YfW {
    margin: 16px 0px 12px;
    display: flex;
    gap: 8px;
}

.landingPages_highlightButtonItem__HYUsZ {
    font-size: 14px;
    line-height: 20px;
    padding: 5px 12px;
    font-weight: 600;
    color: #020057;
    border-radius: 4px;
    border: 1px solid #827dff;
    background: rgba(255, 255, 255, 0.3);
}

.landingPages_highlightButtonItem__HYUsZ:hover {
    background: #f5f5f5;
    text-decoration: none;
}

.landingPages_highlightMediaCarousel__vkVXe {
    display: flex;
    height: fit-content;
    width: 350px;
    justify-content: space-between;
    align-items: center;
    padding-top: 10px;
}

.landingPages_highlightMediaCarousel__vkVXe h4 {
    text-align: center;
}

.landingPages_highlightMediaCarouselButtons__YaMhp {
    display: block;
}

.landingPages_highlightMediaCarouselButtons__YaMhp:hover {
    background: none;
}

.landingPages_previousButton__Cqkdz {
    transform: rotate(180deg);
}

.landingPages_highlightMediaCarouselButtons__YaMhp i,
.landingPages_highlightMediaCarouselButtons__YaMhp svg {
    width: 24px;
    height: 24px;
}

.landingPages_highlightMediaCarouselButtons__YaMhp path {
    fill: #a7a5f5;
}

.landingPages_highlightMediaPagination__OvkTW {
    display: flex;
    align-items: center;
    padding-top: 12px;
    gap: 12px;
}

.landingPages_paginationItem__onInW {
    width: 4px;
    height: 4px;
    border-radius: 4px;
    background-color: #0078d4;
}

.landingPages_paginationItemSelected__nq34L {
    width: 6px;
    height: 6px;
    border-radius: 6px;
}

@media only screen and (max-width: 900px) {
    .landingPages_highlightContainer__0ykxE:nth-child(odd) .landingPages_highlight__1fLzT,
    .landingPages_highlightContainer__0ykxE:nth-child(even) .landingPages_highlight__1fLzT {
        flex-direction: column;
        padding: 40px 20px;
        gap: 30px;
    }

    .landingPages_highlightMedia__huD\+e {
        width: 100%;
    }

    .landingPages_highlightMedia__huD\+e img {
        width: 100%;
        min-width: 300px;
        max-width: 500px;
    }

    .landingPages_highlightTextWrapper__Xe84t {
        text-align: center;
        align-items: center;
        width: 90%;
        margin: auto;
        max-width: 550px;
    }

    .landingPages_highlightContainer__0ykxE h3 {
        text-align: center;
    }

    .landingPages_highlightSection__Pb5tC {
        line-height: 24px;
    }

    .landingPages_highlightButtonsContainer__s9YfW {
        flex-wrap: wrap;
        justify-content: center;
    }
}

/* Clarity Offers */

.landingPages_clarityOffersSection__T3rT\+ {
    display: flex;
    align-items: center;
    padding: 96px 80px;
    flex-direction: column;
    gap: 50px;
}

.landingPages_clarityOffersContainer__14ooD {
    display: grid;
    grid-template-columns: auto auto auto;
    justify-items: center;
    gap: 50px;
    max-width: 1700px;
}

.landingPages_clarityOfferInstance__YDaJX {
    max-width: 320px;
    flex-direction: column;
    display: flex;
    justify-content: center;
    align-items: center;
}

.landingPages_clarityOfferImage__e1YKD {
    max-width: 100%;
    max-height: 350px;
    min-width: 250px;
    margin-bottom: 36px;
    width: auto;
}

.landingPages_clarityOfferText__uO4ib h3 {
    font-size: 20px;
    line-height: 28px;
    font-weight: 600;
    text-align: center;
}

.landingPages_clarityOfferInstance__YDaJX p {
    width: 100%;
    max-width: 320px;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    margin: 12px 0px 24px;
}

.landingPages_clarityOfferLearnMore__L4MyF {
    margin-top: auto;
    border: 1px solid #0078d4;
    color: #004578;
    border-radius: 4px;
    padding: 4px 16px;
    font-weight: 600;
    line-height: 22px;
    text-wrap: nowrap;
}

.landingPages_clarityOfferLearnMore__L4MyF:hover {
    background-color: #eff6fc;
    text-decoration: none;
    color: #004578;
}

@media only screen and (min-width: 1440px) {
    .landingPages_clarityOffersContainer__14ooD {
        gap: 120px;
    }
}

@media only screen and (max-width: 900px) {
    .landingPages_clarityOffersSection__T3rT\+ {
        padding: 40px 20px;
        gap: 30px;
    }

    .landingPages_clarityOfferInstance__YDaJX {
        width: 90%;
    }

    .landingPages_clarityOffersContainer__14ooD {
        grid-template-columns: auto;
    }

    .landingPages_clarityOfferText__uO4ib {
        min-height: unset;
    }

    .landingPages_clarityOfferInstance__YDaJX p {
        max-width: 450px;
    }

    .landingPages_standaloneFeaturesContainer__8MIvo table {
        margin: 50px 30px 60px;
    }
}

/* FAQs */

.landingPages_faqSection__WeaLW {
    background-image: url("https://claritystatic.azureedge.net/images/purpleCircle.png");
    background-repeat: no-repeat;
    background-position-y: top;
    background-position-x: calc(100% + 195px);
    min-height: 520px;
    padding: 0px 80px;
    margin: 80px 0px;
    gap: 40px;
    display: flex;
    align-items: center;
    background-color: transparent;
}

@media only screen and (min-width: 1380px) {
    .landingPages_faqSection__WeaLW {
        background-position: calc(50% + 620px);
    }
    .landingPages_brandAgentLandingFAQ__Jfwx5 .landingPages_faqsColumn__jT8sw {
        background-position: right;
    }
}

@media only screen and (max-width: 640px) {
    .landingPages_faqSection__WeaLW {
        padding: 40px 20px;
        background-position-x: calc(100% + 255px);
    }
    .landingPages_brandAgentLandingFAQ__Jfwx5 .landingPages_faqsColumn__jT8sw {
        background-position: right;
    }
}

.landingPages_singleCol__poK9N {
    flex-direction: row;
    justify-content: center;
}

.landingPages_doubleCol__\+PI-m {
    flex-direction: column;
    background-position-y: 160px;
    min-height: 680px;
}

.landingPages_faqSectionSingleColTitle__F-3T3 {
    width: 50%;
    row-gap: 32px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    max-width: 624px;
}

.landingPages_faqSectionSingleColTitle__F-3T3 .landingPages_landingSectionTitle__1G9cc {
    text-align: left;
}

.landingPages_faqSectionSingleColTitleBtn__p3psy {
    padding: 5px 12px;
    background: rgba(255, 255, 255, 0.3);
    border: 1px solid #827dff;
    border-radius: 4px;
}

.landingPages_faqSectionSingleColTitleBtn__p3psy a:hover {
    background: linear-gradient(92deg, #f1f5ff 1.38%, #f9f0fe 50%, #fcf0f7 98.62%);
}

.landingPages_faqSectionSingleColTitleBtn__p3psy a {
    font-weight: 600;
    color: #020057;
}

.landingPages_faqSectionSingleColTitleBtn__p3psy a:focus-visible {
    outline: 1px solid #000;
}

.landingPages_faqSectionSingleColTitleBtn__p3psy:hover {
    background-color: #eff6fc;
    text-decoration: none;
    color: #004578;
}

.landingPages_faqSectionDoubleColContainer__AZV9u {
    display: flex;
    width: 100%;
    justify-content: center;
    gap: 40px;
}

.landingPages_faqsColumn__jT8sw {
    width: 50%;
    max-width: 600px;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

@media only screen and (max-width: 767px) {
    .landingPages_faqSectionDoubleColContainer__AZV9u {
        flex-wrap: wrap;
        gap: 24px;
    }

    .landingPages_faqsColumn__jT8sw {
        width: 100%;
    }
}

.landingPages_faqCard__hNF2G {
    box-shadow: 0px 4.8px 14.4px 0px #837eff4d;
    border-radius: 8px;
    background: #ffffff;
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    cursor: pointer;
}

.landingPages_faqQuestion__iU-fw {
    display: flex;
    align-items: center;
    cursor: pointer;
    justify-content: space-between;
}

.landingPages_faqQuestion__iU-fw h2 {
    font-weight: 600;
    color: #161514;
    padding-right: 20px;
}

.landingPages_faqAnswer__vNYwr {
    padding-right: 34px;
}

@media only screen and (max-width: 900px) {
    .landingPages_paginationChevron__RxVFt {
        display: none;
    }

    .landingPages_paginationChevronInline__OdnR1 {
        display: block;
    }

    .landingPages_paginationControls__yiC78 {
        justify-content: space-between;
    }
}

/* Landing page header */

.landingPages_landingPageHeaderSection__Gmkp4 {
    background: linear-gradient(280.24deg, #a0d6ff 0%, #c2e3ff 36.46%, #dff0ff 50%, #f5fbff 77.08%);
    height: fit-content;
    min-height: 480px;
    padding: 0px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.landingPages_landingPageBanner__ADvtI {
    display: flex;
    align-items: center;
    gap: 40px;
    width: 100%;
    max-width: 1700px;
}

.landingPages_landingPageHeaderSection__Gmkp4 img {
    width: calc(50% - 40px);
    max-height: 480px;
    object-fit: scale-down;
}

.landingPages_landingPageBannerContent__XOAxc {
    padding-left: 90px;
    display: flex;
    flex-direction: column;
    max-width: 50%;
}

.landingPages_landingPageBannerContent__XOAxc h2 {
    font-weight: 600;
    font-size: 24px;
    line-height: 32px;
    color: #353535;
}

.landingPages_landingPageBannerContent__XOAxc h1 {
    font-weight: 600;
    font-size: 58px;
    line-height: 67px;
    color: #353535;
    padding-bottom: 16px;
}

.landingPages_landingPageBannerSubtitle__ZU0nI,
.landingPages_stepCardStep__B8b5J,
.landingPages_stepCardHeader__\+EX8t > h3,
.landingPages_stepCardText__nBqNQ {
    font-size: 16px;
    line-height: 22px;
}

.landingPages_landingPageBannerSubtitle__ZU0nI {
    font-weight: 400;
    color: #3b3a39;
}

.landingPages_landingPageActionButtons__XKIEr {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 24px;
}

.landingPages_landingPageActionButtons__XKIEr .ms-Button,
.landingPages_extraButtons__npxRH a {
    min-width: 156px;
    height: 38px;
    box-sizing: content-box;
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    border-radius: 47px;
    padding: 5px 0px;
    box-shadow:
        0px 3.2px 7.2px 0px rgba(0, 0, 0, 0.13),
        0px 0.6px 1.8px 0px rgba(0, 0, 0, 0.1);
}

.landingPages_landingPageActionButtons__XKIEr .ms-Button-textContainer {
    text-wrap: nowrap;
    padding: 0px 12px;
}

@media only screen and (max-width: 1440px) {
    .landingPages_landingPageBannerContent__XOAxc {
        padding: 20px 0px 20px 48px;
    }
}

@media only screen and (max-width: 1000px) {
    .landingPages_landingPageHeaderSection__Gmkp4 {
        height: fit-content;
        min-height: 480px;
    }

    .landingPages_landingPageHeaderSection__Gmkp4 img {
        display: none;
    }

    .landingPages_landingPageBanner__ADvtI {
        justify-content: center;
        max-width: 100%;
    }

    .landingPages_landingPageBannerContent__XOAxc {
        text-align: center;
        align-items: center;
        max-width: 100%;
        padding: 20px;
    }

    .landingPages_landingPageActionButtons__XKIEr {
        flex-wrap: wrap;
        justify-content: center;
    }
}

/* Free Features (Pricing landing page) */

.landingPages_freeFeaturesSection__ngw8m {
    padding: 80px 96px;
    display: flex;
    gap: 80px;
    align-items: center;
    justify-content: center;
}

.landingPages_freeFeaturesTitleContainer__OCeJK {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    color: #323130;
    width: 50%;
    max-width: 700px;
}

.landingPages_freeFeatureTitle__nEEfd {
    font-size: 36px;
    line-height: 34px;
    font-weight: 600;
    color: inherit;
    text-align: left;
    margin-bottom: 36px;
}

.landingPages_freeFeatureSubtitle__cDtt0 {
    font-size: 16px;
    line-height: 26px;
}

.landingPages_freeFeaturesListContainer__rfpSH {
    width: 50%;
    max-width: 700px;
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.landingPages_freeFeaturesList__hUhNQ {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
}

.landingPages_freeFeatureItem__E5sjx {
    display: flex;
    align-items: center;
    gap: 12px;
}

.landingPages_freeFeatureItem__E5sjx svg {
    min-width: 32px;
    min-height: 32px;
}

.landingPages_freeFeatureItem__E5sjx span {
    color: #323130;
    font-size: 16px;
}

.landingPages_freeFeaturesToggleButton__o-DMN {
    font-size: 14px;
    line-height: 20px;
    /* biome-ignore lint/complexity/noImportantStyles: suppressing to unblock unrelated changes */
    padding: 5px 12px !important;
    font-weight: 600;
    /* biome-ignore lint/complexity/noImportantStyles: suppressing to unblock unrelated changes */
    color: #020057 !important;
    /* biome-ignore lint/complexity/noImportantStyles: suppressing to unblock unrelated changes */
    border: 1px solid #827dff !important;
    background: rgba(255, 255, 255, 0.3);
    width: fit-content;
}

@media only screen and (max-width: 900px) {
    .landingPages_freeFeaturesSection__ngw8m {
        flex-direction: column;
        padding: 80px 20px;
        gap: 40px;
    }

    .landingPages_freeFeaturesTitleContainer__OCeJK,
    .landingPages_freeFeaturesListContainer__rfpSH {
        width: 100%;
        align-items: center;
    }

    .landingPages_freeFeatureSubtitle__cDtt0,
    .landingPages_freeFeatureTitle__nEEfd {
        text-align: center;
    }
}

.landingPages_mobileWorksWithSection__mMoSe {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 96px;
    padding: 0px 96px 96px;
    gap: 60px;
    background-size: 100% 100%;
    flex-direction: column;
}

@media only screen and (min-width: 1920px) {
    .landingPages_mobileWorksWithSection__mMoSe {
        background-image: url("https://claritystatic.azureedge.net/images/purpleBG2440-1920.png");
    }
}

@media only screen and (min-width: 1440px) and (max-width: 1920px) {
    .landingPages_mobileWorksWithSection__mMoSe {
        background-image: url("https://claritystatic.azureedge.net/images/purpleBG1920-1440.png");
    }
}

@media only screen and (min-width: 1000px) and (max-width: 1440px) {
    .landingPages_mobileWorksWithSection__mMoSe {
        background-image: url("https://claritystatic.azureedge.net/images/purpleBG1493-1000.png");
    }
}

@media only screen and (min-width: 440px) and (max-width: 1000px) {
    .landingPages_mobileWorksWithSection__mMoSe {
        background-image: url("https://claritystatic.azureedge.net/images/purpleBG999-440.png");
    }
}

@media only screen and (max-width: 440px) {
    .landingPages_mobileWorksWithSection__mMoSe {
        padding: 0px 20px 40px;
        margin-top: 40px;
        gap: 40px;
        background-image: url("https://claritystatic.azureedge.net/images/purpleBG439-380.png");
    }
}

.landingPages_mobileFrameworksContainer__aqhZJ {
    display: flex;
    gap: 48px;
    flex-wrap: wrap;
    justify-content: center;
}

.landingPages_mobileFrameworkCard__NBv8r {
    width: 360px;
    height: 112px;
    padding: 24px 24px 24px 32px;
    display: flex;
    gap: 32px;
    align-items: center;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0px 4.8px 14.4px 0px #837eff4d;
}

.landingPages_mobileFrameworkCard__NBv8r:focus-visible {
    outline: 2px solid #106ebe;
    outline-offset: 2px;
}

.landingPages_mobileFrameworksContainer__aqhZJ img {
    height: 64px;
    width: 64px;
    object-fit: contain;
}

.landingPages_mobileFrameworkLabel__00ugW {
    color: #106ebe;
    font-weight: 600;
    font-size: 24px;
    line-height: 32px;
}

.landingPages_mobileFeaturesSection__GLZsf {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 46px;
    padding: 0px 96px 96px;
    gap: 60px;
    flex-direction: column;
}

.landingPages_mobileFeaturesContainer__Ovr-r {
    grid-template-columns: 390px 390px 390px;
    display: grid;
    gap: 40px;
}

.landingPages_mobileFeaturesCard__Ht7ZC {
    display: flex;
    flex-direction: column;
}

.landingPages_mobileFeaturesCard__Ht7ZC i,
.landingPages_mobileFeaturesCard__Ht7ZC svg {
    height: 60px;
    width: 60px;
}

.landingPages_mobileFeatureTitle__Q9VnB {
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    padding: 16px 0px 8px;
    color: #323130;
    text-align: left;
}

.landingPages_mobileFeatureText__yKt1z {
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    text-align: left;
    color: #323130;
}

@media only screen and (min-width: 1000px) and (max-width: 1440px) {
    .landingPages_mobileFeaturesContainer__Ovr-r {
        grid-template-columns: 430px 430px;
    }

    .landingPages_mobileFeaturesSection__GLZsf {
        padding: 0px 46px 46px;
    }
}

@media only screen and (max-width: 999px) {
    .landingPages_mobileFeaturesContainer__Ovr-r {
        grid-template-columns: 400px;
    }

    .landingPages_mobileFeaturesCard__Ht7ZC {
        align-items: center;
    }

    .landingPages_mobileFeatureText__yKt1z {
        text-align: center;
    }
}

@media only screen and (max-width: 400px) {
    .landingPages_mobileFeaturesContainer__Ovr-r {
        grid-template-columns: 350px;
    }
}

/********************************************/
/*********** Brand agents landing  **************/
/********************************************/

.landingPages_landingPageBrandAgent__N0VkE,
.landingPages_blueLandingPageBrandAgent__MysDt {
    overflow: hidden;
    width: 100%;
}

.landingPages_blueLandingPageBrandAgent__MysDt {
    overflow: clip;
}

.landingPages_factsLandingContent__zDt2x {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 80px 96px;
    gap: 80px;
    align-items: flex-start;
    margin: 0 auto;
    box-sizing: content-box;
    position: relative;
}

.landingPages_factsLandingContent__zDt2x.landingPages_bluePageFactsLandingContent__K9InL {
    max-width: 1280px;
    padding: 68px 96px;
}

.landingPages_factsLandingContent__zDt2x .landingPages_factsListTitle__vCT7B,
.landingPages_setupContentContainer__0basu > h2,
.landingPages_startContentContainer__PwTQL > h2,
.landingPages_impactContentContainer__unXpo > h2,
.landingPages_brandAgentLandingFAQ__Jfwx5 .landingPages_faqSectionSingleColTitle__F-3T3,
.landingPages_brandAgentLandingFAQ__Jfwx5 .landingPages_landingSectionTitle__1G9cc {
    font-size: 28px;
    font-weight: 600;
    line-height: 36px;
}

.landingPages_bluePageStartContentBackground__P\+wre .landingPages_startContentContainer__PwTQL > h2 {
    font-size: 32px;
    color: #323559;
}

.landingPages_bluePageImpactContentContainer__rAVSy > h2 {
    font-size: 32px;
    line-height: normal;
    max-width: 654px;
    text-align: center;
}

.landingPages_factsLandingContent__zDt2x.landingPages_bluePageFactsLandingContent__K9InL .landingPages_factsListTitle__vCT7B {
    font-size: 50px;
    line-height: 61px;
}

.landingPages_brandAgentLandingFAQ__Jfwx5 .landingPages_faqSectionSingleColTitle__F-3T3 {
    width: 100%;
    min-width: 100%;
    align-items: center;
}

.landingPages_factsLandingContent__zDt2x .landingPages_factsListTitle__vCT7B span.landingPages_orangeToPurpleGrandient__hoP4h,
.landingPages_factsLandingContent__zDt2x .landingPages_factsListTitle__vCT7B span.landingPages_blueToPurpleGrandient__RdLq0,
.landingPages_factsLandingContent__zDt2x .landingPages_factsListTitle__vCT7B span.landingPages_orangeToPinkGradient__MYD8U,
.landingPages_setupContentContainer__0basu .landingPages_factsListTitle__vCT7B span.landingPages_orangeToPurpleGrandient__hoP4h,
.landingPages_impactContentContainer__unXpo .landingPages_factsListTitle__vCT7B span.landingPages_purpleToBlueGradient__EmGp4,
.landingPages_startContentContainer__PwTQL span.landingPages_orangeToPurpleGrandient__hoP4h {
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.landingPages_orangeToPurpleGrandient__hoP4h {
    background: linear-gradient(90deg, #df3c99 0%, #ae3af1 100%);
}

.landingPages_blueToPurpleGrandient__RdLq0 {
    background: linear-gradient(90deg, #4e83ff 0%, #ae3af1 100%);
}

.landingPages_orangeToPinkGradient__MYD8U {
    background: linear-gradient(90deg, #ee5e36 0%, #df3c99 100%);
}

.landingPages_purpleToBlueGradient__EmGp4 {
    background: linear-gradient(97deg, #aa65ff 0%, #009af9 49.25%, #656aff 98.5%);
}

.landingPages_brandAgentLandingHeader__48xET {
    display: flex;
    position: relative;
    width: 100%;
    align-items: center;
    flex-flow: column;
    padding: 80px;
    gap: 40px;
}

.landingPages_brandAgentLandingHeaderContent__ij19- {
    display: flex;
    max-height: 875px;
    width: 100%;
    align-items: center;
    flex-flow: column;
    text-align: center;
    white-space: normal;
}

.landingPages_brandAgentLandingHeader__48xET .landingPages_brandAgentLandingHeaderContent__ij19- > .landingPages_buttonWrapper__\+7Rdc,
.landingPages_startContentBackground__5CVjO .landingPages_startContentContainer__PwTQL > .landingPages_buttonWrapper__\+7Rdc,
.landingPages_setupContentContainer__0basu > .landingPages_buttonWrapper__\+7Rdc {
    height: 44px;
    border-radius: 44px;
    z-index: 10;
}

.landingPages_brandAgentLandingHeader__48xET button.ms-Button--primary,
.landingPages_startContentBackground__5CVjO button.ms-Button--primary {
    border-radius: 44px;
}

.landingPages_landingPrimaryButton__1YWvP button.ms-Button--primary:focus::after {
    border-radius: 44px;
}

.landingPages_brandAgentLandingHeaderGradientPurple__lscy8,
.landingPages_brandAgentLandingHeaderGradientOrange__9-s7t,
.landingPages_brandAgentLandingHeaderGradientPink__HlWKd,
.landingPages_brandAgentLandingHeaderGradientPurpleBlue__O21cq,
.landingPages_brandAgentLandingHeaderGradientPurpleBlueSecond__hS4jE,
.landingPages_brandAgentLandingHeaderGradientOrangeBlue__XfvtZ,
.landingPages_brandAgentLandingHeaderGradientBlue__RsI\+W,
.landingPages_launchAiBackgroundGradient__k7HkO,
.landingPages_joinAgenticWebBackgroundGradient__VrfH5,
.landingPages_joinAgenticWebBackgroundSecondGradient__c-Zqg {
    position: absolute;
    z-index: -1;
    filter: blur(150px);
    /* Decorative blurred gradients overflow their section; keep them from eating clicks on content above. */
    pointer-events: none;
}

.landingPages_brandAgentLandingHeaderGradientPurple__lscy8 {
    width: 766px;
    height: 913px;
    left: -158px;
    top: -104px;
    background: radial-gradient(50% 50% at 50% 50%, rgba(78, 131, 255, 0.2) 0%, rgba(174, 58, 241, 0) 100%);
    transform: rotate(51.91deg);
}

.landingPages_brandAgentLandingHeaderGradientOrange__9-s7t {
    width: 704px;
    height: 904px;
    left: auto;
    top: 40px;
    background: radial-gradient(50% 50% at 50% 50%, rgba(238, 94, 54, 0.26) 0%, rgba(255, 255, 255, 0) 100%);
    right: 0;
}

.landingPages_brandAgentLandingHeaderGradientPink__HlWKd {
    width: 1901px;
    height: 554px;
    top: 361px;
    background: radial-gradient(74.37% 74.37% at 50% 50%, rgba(223, 60, 153, 0.26) 0%, rgba(255, 255, 255, 0) 73.3%);
}

.landingPages_brandAgentLandingHeaderGradientPurpleBlue__O21cq {
    width: 800px;
    height: 800px;
    left: 70%;
    top: 50%;
    transform: translate(-50%, -50%) rotate(6deg);
    border-radius: 800px;
    background: radial-gradient(60% 60% at 50% 50%, rgba(52, 77, 243, 0.24) 0%, rgba(52, 77, 243, 0) 100%);
}

.landingPages_brandAgentLandingHeaderGradientPurpleBlueSecond__hS4jE {
    width: 1500px;
    height: 1200px;
    left: 20%;
    top: 90%;
    transform: translate(-50%, -50%) rotate(-6deg);
    border-radius: 1500px;
    background: radial-gradient(60% 60% at 50% 50%, rgba(52, 77, 243, 0.24) 0%, rgba(52, 77, 243, 0) 100%);
}

.landingPages_brandAgentLandingHeaderGradientOrangeBlue__XfvtZ {
    width: 1180px;
    height: 820px;
    left: 90%;
    top: 100%;
    transform: translate(-50%, -50%) rotate(-6deg);
    border-radius: 1180px;
    background: radial-gradient(74% 74% at 50% 50%, rgba(226, 55, 68, 0.24) 0%, rgba(226, 55, 68, 0) 73%);
}

.landingPages_brandAgentLandingHeaderGradientBlue__RsI\+W {
    width: 1960px;
    height: 1320px;
    left: 0;
    top: 0;
    transform: translate(-50%, -50%) rotate(-8deg);
    border-radius: 1500px;
    background: radial-gradient(50% 50% at 50% 50%, rgba(78, 131, 255, 0.27) 0%, rgba(78, 131, 255, 0) 100%);
}

.landingPages_agentTitle__JvSyo {
}

.landingPages_brandAgentLandingHeader__48xET .landingPages_agentTitle__JvSyo {
    font-weight: 600;
    font-size: 72px;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    line-height: 116px;
    max-width: 100%;
    white-space: normal;
}

.landingPages_blueLandingPageBrandAgent__MysDt .landingPages_agentTitle__JvSyo {
    font-size: 72px;
    line-height: 72px;
    font-weight: 600;
    -webkit-background-clip: text;
    -webkit-text-fill-color: unset;
    max-width: 100%;
    white-space: normal;
    color: #000000;
    letter-spacing: -2.88px;
}

.landingPages_brandAgentLandingHeader__48xET .landingPages_agentSubtitle__-vXn9 {
    font-size: 40px;
    color: #6b4d88;
}

.landingPages_brandAgentLandingHeader__48xET .landingPages_agentDescription__penlE {
    font-size: 18px;
    color: #616161;
    margin-bottom: 40px;
    line-height: 24px;
}

.landingPages_blueLandingPageBrandAgent__MysDt .landingPages_brandAgentLandingHeader__48xET .landingPages_agentDescription__penlE {
    font-size: 35px;
    color: #6b6b73;
    line-height: 50px;
    max-width: 870px;
    margin-top: 34px;
}

.landingPages_setupContentContainer__0basu .landingPages_freeDuringBeta__SeEqc,
.landingPages_startContentContainer__PwTQL .landingPages_freeDuringBeta__SeEqc,
.landingPages_brandAgentLandingHeader__48xET .landingPages_freeDuringBeta__SeEqc {
    color: #605e5c;
    margin-top: 4px;
    font-size: 14px;
}

.landingPages_setupContentContainer__0basu .landingPages_freeDuringBeta__SeEqc {
    margin-top: -36px;
}

.landingPages_startContentContainer__PwTQL .landingPages_freeDuringBeta__SeEqc {
    margin-top: -22px;
}

.landingPages_setupContentContainer__0basu .landingPages_landingPrimaryButton__1YWvP,
.landingPages_startContentContainer__PwTQL .landingPages_landingPrimaryButton__1YWvP,
.landingPages_brandAgentLandingHeader__48xET .landingPages_landingPrimaryButton__1YWvP {
    /* biome-ignore lint/complexity/noImportantStyles: suppressing to unblock unrelated changes */
    height: 52px !important;
}

.landingPages_blueLandingPageBrandAgent__MysDt .landingPages_brandAgentLandingHeader__48xET .landingPages_landingPrimaryButton__1YWvP {
    background: linear-gradient(90deg, #4e83ff 0%, #8b4df4 52%, #ae3af1 100%);
}

.landingPages_setupContentContainer__0basu .landingPages_landingPrimaryButton__1YWvP button.ms-Button--primary,
.landingPages_startContentContainer__PwTQL .landingPages_landingPrimaryButton__1YWvP button.ms-Button--primary,
.landingPages_brandAgentLandingHeader__48xET .landingPages_landingPrimaryButton__1YWvP button.ms-Button--primary {
    font-size: 18px;
}

.landingPages_headerAnimationContainer__rKjhT {
    border-radius: 40px;
    background: rgba(255, 255, 255, 0.4);
    display: flex;
    padding: 48px 40px 48px 56px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    max-width: 900px;
    max-height: 400px;
    z-index: 1;
    width: 100%;
    height: 400px;
}

.landingPages_headerAnimationContainer__rKjhT video {
    width: 100%;
    max-width: 800px;
    max-height: 400px;
}

.landingPages_headerAnimationContainer__rKjhT img {
    width: 100%;
    max-width: 800px;
    max-height: 400px;
    transition: opacity 1s ease-in-out;
}

/* baLandingPage header: 1200x750 frame with a 1160x715 video inside (20px/17.5px inset). */
.landingPages_blueHeaderAnimationContainer__jAoj2.landingPages_headerAnimationContainer__rKjhT {
    box-sizing: border-box;
    padding: 17.5px 20px;
    gap: 0;
    max-width: 1200px;
    aspect-ratio: 1200 / 750;
    max-height: 750px;
    height: auto;
    overflow: hidden;
}

.landingPages_blueHeaderAnimationContainer__jAoj2.landingPages_headerAnimationContainer__rKjhT video,
.landingPages_blueHeaderAnimationContainer__jAoj2.landingPages_headerAnimationContainer__rKjhT img {
    width: 100%;
    height: 100%;
    max-width: none;
    max-height: none;
    object-fit: cover;
    border-radius: 24px;
}

.landingPages_topSalesBackgroundGradient__ZYVKb,
.landingPages_smartAssistantBackgroundGradient__sN1dS,
.landingPages_configureYourAgentBackgroundGradient__ZgUNf {
    position: absolute;
    z-index: -1;
    opacity: 0.5;
    pointer-events: none;
}

.landingPages_topSalesBackgroundGradient__ZYVKb {
    filter: blur(80px);
    width: 810px;
    height: 951px;
    border-radius: 951px;
    background: linear-gradient(146deg, rgba(255, 178, 111, 0.13) 10.92%, rgba(223, 60, 153, 0.1) 89.08%);
    right: -18px;
}

.landingPages_launchAiBackgroundGradient__k7HkO {
    width: 620px;
    height: 420px;
    left: 50%;
    top: 60%;
    transform: translate(-50%, -50%) rotate(-6deg);
    border-radius: 800px;
    background: radial-gradient(55% 55% at 50% 50%, rgba(47, 107, 255, 0.25) 0%, rgba(47, 107, 255, 0) 100%);
}

.landingPages_joinAgenticWebBackgroundGradient__VrfH5 {
    width: 1880px;
    height: 1280px;
    left: 20%;
    top: 20%;
    transform: translate(-50%, -50%) rotate(6deg);
    border-radius: 1880px;
    background: radial-gradient(55% 55% at 50% 50%, rgba(240, 69, 60, 0.24) 0%, rgba(240, 69, 60, 0) 100%);
}

.landingPages_joinAgenticWebBackgroundSecondGradient__c-Zqg {
    width: 1560px;
    height: 1060px;
    left: 80%;
    top: 80%;
    transform: translate(-50%, -50%) rotate(6deg);
    border-radius: 1560px;
    background: radial-gradient(50% 50% at 50% 50%, rgba(78, 131, 255, 0.27) 0%, rgba(78, 131, 255, 0) 100%);
}

.landingPages_smartAssistantBackgroundGradient__sN1dS {
    transform: rotate(65deg);
    filter: blur(80px);
    height: 893px;
    width: 947px;
    left: -18px;
    border-radius: 947px;
    background: linear-gradient(69deg, rgba(223, 60, 153, 0.08) 9.17%, rgba(174, 58, 241, 0.08) 94.18%);
}

.landingPages_configureYourAgentBackgroundGradient__ZgUNf {
    width: 838px;
    height: 999px;
    transform: rotate(90deg);
    right: -18px;
    border-radius: 999px;
    background: linear-gradient(73deg, rgba(174, 58, 241, 0.08) 12.07%, rgba(78, 131, 255, 0.08) 84.35%);
    filter: blur(80px);
}

.landingPages_factsColumns__VDgVE {
    display: flex;
    gap: 24px;
    width: 100%;
    justify-content: center;
    max-width: 1280px;
    margin: 0 auto;
    box-sizing: content-box;
}

.landingPages_bluePageFactsLandingContent__K9InL .landingPages_factsColumns__VDgVE {
    margin: 0;
    justify-content: unset;
}

.landingPages_factsColumnComponent__92i3h {
    display: flex;
    gap: 32px;
    flex-flow: column;
    min-width: 50%;
}

.landingPages_factsLandingContent__zDt2x .landingPages_factsImageContent__35Uor {
    background-color: #fdf9ff;
    border-radius: 40px;
    width: 100%;
    height: 510px;
    position: relative;
}

.landingPages_bluePageFactsLandingContent__K9InL.landingPages_factsLandingContent__zDt2x .landingPages_factsImageContent__35Uor {
    /* Transparent container keeps its original height so the sticky card-stack reveal
       still works; the translucent frame below hugs the video itself. */
    background-color: transparent;
    opacity: 1;
    display: flex;
    align-items: baseline;
    justify-content: center;
}

.landingPages_bluePageFactsLandingContent__K9InL.landingPages_factsLandingContent__zDt2x .landingPages_factsImageContent__35Uor .landingPages_autoplayMediaWrapper__cVt4Z {
    width: 100%;
    height: auto;
    box-sizing: border-box;
    padding: 20px;
    background-color: rgba(255, 255, 255, 0.4);
    border-radius: 40px;
}

.landingPages_bluePageFactsLandingContent__K9InL.landingPages_factsLandingContent__zDt2x .landingPages_factsImageContent__35Uor video,
.landingPages_bluePageFactsLandingContent__K9InL.landingPages_factsLandingContent__zDt2x .landingPages_factsImageContent__35Uor img {
    max-height: none;
    border-radius: 24px;
}

.landingPages_factsLandingContent__zDt2x .landingPages_factsImageContent__35Uor video {
    position: absolute;
    width: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-height: 100%;
}

.landingPages_factsLandingContent__zDt2x .landingPages_factsImageContent__35Uor img {
    position: absolute;
    width: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-height: 100%;
}

.landingPages_autoplayMediaWrapper__cVt4Z {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    line-height: 0;
}

.landingPages_autoplayMediaWrapper__cVt4Z > video,
.landingPages_autoplayMediaWrapper__cVt4Z > img {
    position: static !important;
    display: block;
    width: 100% !important;
    max-height: 100%;
    transform: none !important;
    top: auto !important;
    left: auto !important;
}

.landingPages_autoplayControl__zzuYf {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 64px;
    height: 64px;
    padding: 0;
    border: 2px solid #ffffff;
    border-radius: 50%;
    background: rgba(32, 31, 30, 0.85);
    color: #ffffff;
    cursor: pointer;
    opacity: 0;
    pointer-events: none;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.35);
    transition:
        opacity 120ms ease-in-out,
        background-color 120ms ease-in-out;
}

.landingPages_autoplayControl__zzuYf .ms-Icon,
.landingPages_autoplayControl__zzuYf i {
    font-size: 28px;
    line-height: 1;
    color: #ffffff;
}

.landingPages_autoplayControlVisible__PmAHs {
    opacity: 1;
    pointer-events: auto;
}

/* Robust, CSS-only reveal: show the control whenever the media is hovered or
   anything inside the wrapper (i.e. the control) receives focus. This does not
   depend on React state timing or the :focus-visible heuristic, so keyboard
   users reliably see the control the instant they tab to it. */
.landingPages_autoplayMediaWrapper__cVt4Z:hover .landingPages_autoplayControl__zzuYf,
.landingPages_autoplayMediaWrapper__cVt4Z:focus-within .landingPages_autoplayControl__zzuYf {
    opacity: 1;
    pointer-events: auto;
}

.landingPages_autoplayControl__zzuYf:hover {
    background: #201f1e;
}

.landingPages_autoplayControl__zzuYf:focus-visible {
    outline: none;
    box-shadow:
        0 2px 8px rgba(0, 0, 0, 0.35),
        0 0 0 3px #ffffff;
}

.landingPages_factsList__Mbwad {
    display: flex;
    gap: 32px;
    flex-flow: column;
    min-width: 50%;
}

.landingPages_factsListItem__AMfNJ {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.landingPages_factsListItem__AMfNJ .landingPages_factTitle__jdUhb {
    font-size: 18px;
    line-height: 24px;
    gap: 12px;
    display: flex;
    align-items: self-start;
    color: #17233e;
}

.landingPages_factsListItem__AMfNJ .landingPages_factTitle__jdUhb i {
    width: 20px;
    height: 20px;
}

/* Inline so it sits on the first text line and the copy wraps around it. */
.landingPages_factTag__IDITc {
    display: inline-flex;
    height: 24px;
    margin-right: 8px;
    padding: 0 6px;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    background: #eaeaff;
    color: #020057;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    vertical-align: text-bottom;
}

.landingPages_factsListItem__AMfNJ p {
    color: #454443;
}

.landingPages_factsListItem__AMfNJ p {
    margin-left: 32px;
    font-size: 16px;
    line-height: 22px;
}

.landingPages_agentGradientDefaultButton__FXml5 {
}

.landingPages_agentGradientDefaultButton__FXml5 .ms-Button--default:hover {
    background:
        linear-gradient(#f7ebfe) padding-box,
        linear-gradient(90deg, #4e83ff, #ae3af1, #df3c99, #ee5e36) border-box;
}

.landingPages_startContentBackground__5CVjO {
    position: relative;
    background: linear-gradient(90deg, #f1ecfb 0%, #faeaf3 50%, #fef0ee 100%);
}

.landingPages_startContentBackgroundGradient__6bvu3 {
    filter: blur(160px);
    top: 0;
    position: absolute;
    width: 800px;
    height: 800px;
    background: radial-gradient(
        70.29% 70.29% at 67.5% 56.43%,
        #4e83ff 5.29%,
        #ae3af1 28.37%,
        #df3c99 50.11%,
        #ee5e36 64.42%,
        #ffb26f 82.08%
    );
    right: -305px;
    bottom: -436px;
    opacity: 0.9;
}

.landingPages_startContentBackgroundGradientPink__p7hhc,
.landingPages_startContentBackgroundGradientOrange__a5oYl,
.landingPages_startContentBackgroundGradientPurple__ooMoC {
    position: absolute;
    z-index: -1;
    filter: blur(150px);
}

.landingPages_startContentBackgroundGradientPurple__ooMoC {
    background: radial-gradient(50% 50% at 50% 50%, rgba(78, 131, 255, 0.18) 0%, rgba(174, 58, 241, 0) 100%);
    width: 803px;
    height: 1057px;
    transform: rotate(35.682deg);
    flex-shrink: 0;
    border-radius: 1057px;
}

.landingPages_startContentBackgroundGradientOrange__a5oYl {
    background: radial-gradient(50% 50% at 50% 50%, rgba(238, 94, 54, 0.26) 0%, rgba(255, 255, 255, 0) 100%);
    border-radius: 1173px;
    width: 1173px;
    height: 729px;
    flex-shrink: 0;
}

.landingPages_startContentBackgroundGradientPink__p7hhc {
    fill: radial-gradient(74.37% 74.37% at 50% 50%, rgba(223, 60, 153, 0.3) 0%, rgba(255, 255, 255, 0) 73.3%);
    width: 2704px;
    height: 281px;
    flex-shrink: 0;
}

.landingPages_startContentContainer__PwTQL {
    margin: 0 auto;
    box-sizing: content-box;
    padding: 80px;
    display: flex;
    flex-flow: column;
    gap: 26px;
    position: relative;
    z-index: 100;
    max-width: 1280px;
    align-items: center;
}

.landingPages_startContentContainer__PwTQL p {
    font-size: 16px;
    line-height: 22px;
}

.landingPages_bluePageStartContentBackground__P\+wre .landingPages_startContentContainer__PwTQL p {
    color: #6b6968;
}

.landingPages_testimonialCards__-zLo0 {
    padding: 20px 0;
    max-width: 1280px;
    margin: 0 auto;
    justify-content: center;
    z-index: 10;
    width: 100%;
    position: relative;
    display: grid;
    grid-template-rows: auto auto;
}

.landingPages_testimonialCards__-zLo0 span {
    text-align: center;
    font-weight: 600;
    line-height: 24px;
    font-size: 18px;
    color: #616161;
    margin-bottom: 12px;
}

.landingPages_testimonialCardContainer__heAzi > img {
    max-width: 120px;
    max-height: 78px;
}

.landingPages_testimonialCardsWrapper__R4KdR {
    position: relative;
    width: 100%;
    min-height: 78px;
}

/* baLandingPage logo wall: 20 logos never fit in a static row, so this variant runs the
   marquee at all viewport sizes (the 6-logo version only scrolls below 1180px). */
.landingPages_testimonialCardsWrapper__R4KdR.landingPages_blueTestimonialCardsWrapper__SmQRH {
    overflow: hidden;
}

.landingPages_testimonialCardContainer__heAzi.landingPages_blueTestimonialCardContainer__1qKus {
    width: max-content;
    gap: 0;
    align-items: center;
    animation: landingPages_scroll-left-half__GkXom 30s linear 0s infinite normal none running;
}

/* Two of these tile the track; the trailing gap makes the -50% loop seamless. */
.landingPages_blueTestimonialCardContainer__1qKus .landingPages_logoGroup__1qsIm {
    display: flex;
    flex: none;
    align-items: center;
    gap: 60px;
    padding-right: 60px;
}

.landingPages_testimonialCardContainer__heAzi.landingPages_blueTestimonialCardContainer__1qKus img {
    width: auto;
    height: 44px;
    max-width: 150px;
    max-height: 44px;
    object-fit: contain;
}

.landingPages_testimonialCardContainer__heAzi {
    display: flex;
    gap: 60px;
}

/* Bug 10698255 — the partner brand logos and the Shopify/Woo graphics
   are dark raster/brand artwork. forced-color-adjust:none alone preserves them,
   but they stay invisible on the dark HC (Aquatic) background. Put each on a
   white backing plate so they are clearly visible in every contrast theme (the
   plate blends into the light Desert background, so it is harmless there).
   Verified in-browser under Aquatic (dark) and Desert (light). */
@media (forced-colors: active) {
    .landingPages_testimonialCardContainer__heAzi img {
        forced-color-adjust: none;
        background: #ffffff;
        padding: 6px 10px;
        border-radius: 6px;
        box-sizing: border-box;
    }

    .landingPages_headerFooterContainer__mcDlF i,
    .landingPages_headerFooterContainer__mcDlF svg,
    .landingPages_headerFooterContainer__mcDlF img {
        forced-color-adjust: none;
        background: #ffffff;
        padding: 2px 6px;
        border-radius: 4px;
    }

    .landingPages_headerAnimationContainer__rKjhT video,
    .landingPages_headerAnimationContainer__rKjhT img {
        forced-color-adjust: none;
    }
}

@keyframes landingPages_scroll-left__ScnrG {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-20%);
    }
}

/* Blue logo wall: one duplicate set, so a -50% shift lands the copy exactly where the original started. */
@keyframes landingPages_scroll-left-half__GkXom {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-50%);
    }
}

.landingPages_brandAgentLandingFAQ__Jfwx5 {
    display: flex;
    flex-direction: column;
    gap: 40px;
    align-items: baseline;
    background-image: url("data:image/svg+xml,<svg width=\"428\" height=\"812\" viewBox=\"0 0 428 812\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><g filter=\"url%28%23filter0_f_1549_33526%29\"><ellipse cx=\"431\" cy=\"406.349\" rx=\"231\" ry=\"205.5\" fill=\"url%28%23paint0_radial_1549_33526%29\" fill-opacity=\"0.2\"/></g><defs><filter id=\"filter0_f_1549_33526\" x=\"0\" y=\"0.848633\" width=\"862\" height=\"811\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/><feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"BackgroundImageFix\" result=\"shape\"/><feGaussianBlur stdDeviation=\"100\" result=\"effect1_foregroundBlur_1549_33526\"/></filter><radialGradient id=\"paint0_radial_1549_33526\" cx=\"0\" cy=\"0\" r=\"1\" gradientTransform=\"matrix%28183.083 159.092 -178.833 176.968 431 406.349%29\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"%23DF3C99\" stop-opacity=\"0.13\"/><stop offset=\"1\" stop-color=\"%23FFB26F\"/></radialGradient></defs></svg>");
}

.landingPages_brandAgentLandingFAQ__Jfwx5.landingPages_faqSection__WeaLW {
    background-position: right;
    margin: 60px 0;
}

.landingPages_brandAgentLandingFAQ__Jfwx5 .landingPages_faqsColumn__jT8sw {
    width: 100%;
    max-width: 100%;
    gap: 0px;
    font-size: 18px;
    z-index: 10;
}

.landingPages_brandAgentLandingFAQ__Jfwx5 .landingPages_faqCard__hNF2G:first-child {
    border-top: 1px solid #a960ee29;
}

.landingPages_brandAgentLandingFAQ__Jfwx5 .landingPages_faqCard__hNF2G {
    border-bottom: 1px solid #a960ee29;
    border-radius: 0px;
    box-shadow: none;
    background-color: transparent;
}

.landingPages_brandAgentLandingFAQ__Jfwx5 .landingPages_landingSectionTitle__1G9cc {
    background-image: unset;
    -webkit-background-clip: unset;
    background-clip: unset;
    color: unset;
    margin-bottom: 60px;
}

.landingPages_brandAgentLandingFAQ__Jfwx5 .landingPages_faqSectionSingleColTitleBtn__p3psy {
    z-index: 10;
    cursor: pointer;
    display: flex;
    justify-self: center;
    margin: 0 auto;
    border: 1px solid transparent;
    background:
        linear-gradient(#ffffff) padding-box,
        linear-gradient(90deg, #4e83ff, #ae3af1, #df3c99, #ee5e36) border-box;
}

.landingPages_brandAgentLandingFAQ__Jfwx5 .landingPages_faqSectionSingleColTitleBtn__p3psy:hover {
    background:
        linear-gradient(#f7ebfe) padding-box,
        linear-gradient(90deg, #4e83ff, #ae3af1, #df3c99, #ee5e36) border-box;
    text-decoration: none;
    color: #004578;
}

.landingPages_landingFAQContainer__jW1fC {
    display: flex;
    gap: 40px;
    justify-content: center;
    align-content: center;
    align-items: center;
    width: 100%;
    max-width: 1280px;
}

.landingPages_brandAgentLandingFAQ__Jfwx5 .landingPages_landingFAQContainer__jW1fC {
    align-items: self-start;
    margin: 0 auto;
    box-sizing: content-box;
    display: flex;
    flex-flow: column;
}

.landingPages_brandAgentLandingFAQ__Jfwx5 .landingPages_agentGradientDefaultButton__FXml5 {
    margin: auto;
}

.landingPages_setupContentContainer__0basu {
    display: flex;
    flex-direction: column;
    gap: 40px;
    justify-content: center;
    align-items: center;
    padding: 80px;
    max-width: 1280px;
    margin: 0 auto;
    box-sizing: content-box;
    position: relative;
}

.landingPages_stepCards__2PLW6 {
    display: flex;
    gap: 32px;
    width: 100%;
}

.landingPages_stepCard__AuLtY {
    max-height: 380px;
    display: flex;
    flex-direction: column;
    flex: 1;
    max-width: 400px;
    background: #faf8fd;
    border-radius: 20px;
    padding: 24px;
    transition: transform 0.2s ease-in-out;
}

.landingPages_stepCardHeader__\+EX8t {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 16px;
    font-weight: 600;
}

.landingPages_brandAgentSetupGradient__d4lur {
    width: 1761px;
    height: 569px;
    position: absolute;
    z-index: -1;
    border-radius: 1761px;
    background: radial-gradient(50% 50% at 50% 50%, rgba(78, 131, 255, 0.1) 0%, rgba(174, 58, 241, 0.07) 90%);
    filter: blur(100px);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.landingPages_stepCardIcon__pfPbY {
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    border-radius: 20px;
    color: #fff;
    text-align: center;
    background: linear-gradient(90deg, 0% #f1ecfb, 50% #faeaf3, 100% #fef0ee);
}

.landingPages_stepCardImage__\+MYEf {
    display: flex;
    max-width: 100%;
}

.landingPages_stepCardText__nBqNQ {
    color: #6b6968;
    margin-bottom: 32px;
}

.landingPages_brandAgentImpactGradient__Rk3Z5 {
    width: 1271px;
    height: 778px;
    position: absolute;
    z-index: -1;
    opacity: 0.5;
    border-radius: 1761px;
    background: radial-gradient(50% 50% at 50% 50%, rgba(78, 131, 255, 0.2) 40%, rgba(78, 131, 255, 0.07) 100%);
    filter: blur(75px);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.landingPages_impactContentContainer__unXpo {
    display: flex;
    gap: 40px;
    justify-content: center;
    margin: 0 auto;
    box-sizing: content-box;
    flex-direction: column;
    position: relative;
    max-width: 1280px;
    padding: 80px;
    align-items: center;
}

.landingPages_impactImageSection__G5B7L {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 100%;
    flex-direction: row;
}

.landingPages_impactMainImage__OldNl {
    width: 100%;
    max-width: 500px;
    height: auto;
    z-index: 0;
    position: absolute;
    top: 150px;
}

.landingPages_bluePageImpactContentContainer__rAVSy .landingPages_impactMainImage__OldNl {
    top: 185px;
}

.landingPages_impactImageGroupImages__jXIj8 {
    height: fit-content;
    max-width: 100%;
    max-height: 800px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto;
    gap: 10px;
    margin-top: 28px;
    margin-left: 20px;
    z-index: 10;
}

.landingPages_impactContentImage__Q30wb {
    opacity: 0.6;
    z-index: 10;
    max-height: 230px;
    max-width: 451px;
}

.landingPages_impactImageGroupImages__jXIj8 .landingPages_impactImageWithIcon__ue11x:nth-child(1) {
    grid-column: 1 / span 2;
}

.landingPages_impactImageGroupImages__jXIj8 .landingPages_impactImageWithIcon__ue11x:nth-child(1) i {
    margin-top: -15px;
}

.landingPages_hoveredImpactImage__vjnZ0 .landingPages_impactContentImage__Q30wb {
    opacity: 1;
    box-shadow: 0 3.659px 10.977px 0 rgba(131, 126, 255, 0.3);
    transform: scale(1.2);
    transition:
        transform 0.3s ease-in-out,
        opacity 0.3s ease-in-out;
    z-index: 15;
    position: relative;
    border-radius: 8px;
}

.landingPages_impactImageWithIcon__ue11x i {
    position: absolute;
    display: flex;
    width: 30px;
    height: 30px;
    border-radius: 30px;
    background: linear-gradient(90deg, #4e83ff 0%, #ae3af1 100%);
    align-items: center;
    z-index: 13;
    opacity: 0.6;
    justify-content: center;
    margin-top: -10px;
    transition:
        transform 0.3s ease-in-out,
        opacity 0.3s ease-in-out;
}

.landingPages_hoveredImpactImage__vjnZ0.landingPages_impactImageWithIcon__ue11x i {
    opacity: 1;
    z-index: 16;
}

.landingPages_hoveredImpactImage__vjnZ0.landingPages_impactImageWithIcon__ue11x:nth-child(1) i {
    transform: scale(1.2) translate(-35px, -10px);
}

.landingPages_hoveredImpactImage__vjnZ0.landingPages_impactImageWithIcon__ue11x:nth-child(2) i {
    transform: scale(1.2) translate(-20px, -25px);
}

.landingPages_hoveredImpactImage__vjnZ0.landingPages_impactImageWithIcon__ue11x:nth-child(3) i {
    transform: scale(1.2) translate(-15px, -25px);
}

.landingPages_impactImageWithIcon__ue11x i svg {
    align-self: center;
    height: 15px;
}

.landingPages_hoveredImpactImage__vjnZ0.landingPages_impactImageWithIcon__ue11x i {
    opacity: 1;
}

.landingPages_hoveredImpactImage__vjnZ0 svg path {
    opacity: 1;
}

.landingPages_impactImageWithIcon__ue11x svg path {
    fill: #fff;
}

.landingPages_impactCardsSection__4N6hD {
    flex: 1;
    display: flex;
    flex-direction: row;
    gap: 32px;
    width: 100%;
}

.landingPages_impactCard__Ux-lo {
    cursor: default;
    display: flex;
    flex-direction: column;
    padding: 24px;
    background: #ffffff;
    border-radius: 12px;
    transition: transform 0.2s ease-in-out;
}

.landingPages_impactCard__Ux-lo:hover {
    transform: translateY(-2px);
    box-shadow: 0 4.8px 14.4px 0 rgba(131, 126, 255, 0.3);
}

.landingPages_impactMobileImageContainer__A92ZW {
    display: none;
}

.landingPages_impactCardImage__ghwwb {
    display: none;
}

.landingPages_impactCardHeader__cogRR {
    display: flex;
    justify-content: center;
    gap: 8px;
}

.landingPages_impactCardHeader__cogRR path {
    opacity: 1;
}

.landingPages_impactCardIcon__iiJhC {
    width: 20px;
    height: 20px;
    color: #4e83ff;
}

.landingPages_impactCardTitle__anfNm {
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    color: #17233e;
    margin: 0;
    text-align: center;
}

.landingPages_impactCardDescription__Z5msO {
    font-size: 16px;
    line-height: 22px;
    color: #6b6968;
    margin: 0;
    text-align: center;
}

.landingPages_bluePageImpactContentContainer__rAVSy .landingPages_impactBaCard__O4vks {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 16px;
    padding: 0;
}

.landingPages_bluePageImpactContentContainer__rAVSy .landingPages_impactBaCardHeading__T2P30 {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.landingPages_bluePageImpactContentContainer__rAVSy .landingPages_impactBaCardNumber__Ym2hg {
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    color: #605e5c;
}

.landingPages_bluePageImpactContentContainer__rAVSy .landingPages_impactBaCardIcon__9yAVw {
    width: 49px;
    height: 49px;
    color: #4e83ff;
}

.landingPages_bluePageImpactContentContainer__rAVSy .landingPages_impactBaCardIcon__9yAVw svg {
    width: 49px;
    height: 49px;
}

.landingPages_bluePageImpactContentContainer__rAVSy .landingPages_impactBaCardTitle__VZ6wo {
    font-size: 26px;
    font-weight: 600;
    line-height: 32px;
    color: #17233e;
    margin: 0;
}

.landingPages_bluePageImpactContentContainer__rAVSy .landingPages_impactBaCardDescription__1RIlT {
    font-size: 16px;
    line-height: 22px;
    color: #6b6968;
    margin: 0;
}

/********************************************/
/* Client testimonials (BA landing) carousel */
/********************************************/

.landingPages_clientTestimonials__Hdd7O {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 32px;
    width: 100%;
    padding: 80px 96px;
    box-sizing: border-box;
    position: relative;
    z-index: 1;
    background: #fff;
}

.landingPages_clientTestimonialsPreTitle__P9Knx {
    margin: 0;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    color: #605e5c;
    text-align: center;
}

.landingPages_clientTestimonialCard__WIkGe {
    display: flex;
    gap: 40px;
    width: 100%;
    padding: 48px;
    box-sizing: border-box;
    background: #faf7ec;
    border: 1px solid #d6e4ff;
    border-radius: 40px;
    max-width: 904px;
    max-height: 480px;
}

.landingPages_clientTestimonialContent__ATUgn {
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: space-between;
    min-width: 0;
}

.landingPages_clientTestimonialBody__WJczp {
    display: flex;
    flex-direction: column;
}

.landingPages_clientTestimonialBrand__6FhDa {
    margin: 0 0 24px;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    color: #605e5c;
}

.landingPages_clientTestimonialQuote__C8iNA {
    margin: 0;
    font-size: 26px;
    font-weight: 400;
    line-height: 34px;
    color: #17233e;
}

.landingPages_clientTestimonialQuote__C8iNA strong {
    font-weight: 600;
}

.landingPages_clientTestimonialBrandName__AEptE {
    text-decoration: underline;
}

.landingPages_clientTestimonialAuthor__gPTx- {
    margin: 24px 0;
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    color: #17233e;
}

.landingPages_clientTestimonialNav__abdyD {
    display: flex;
    align-items: center;
    gap: 16px;
}

.landingPages_clientTestimonialPagination__7XzmR {
    font-size: 14px;
    color: #605e5c;
}

.landingPages_clientTestimonialImage__n1JzR {
    flex: 1;
    min-width: 0;
    align-self: stretch;
    object-fit: cover;
    background: #ece9dd;
    border-radius: 16px;
}

.landingPages_tryItOutSection__HpuPC {
    max-width: 1280px;
    margin: 0 auto;
    padding: 80px 96px;
    box-sizing: content-box;
}

.landingPages_stickyStackGroup__jr7Yg {
    position: relative;
    isolation: isolate;
}

.landingPages_stickyStackGroup__jr7Yg .landingPages_factsLandingContent__zDt2x {
    position: sticky;
    top: 0;
    z-index: 1;
}

.landingPages_stickyStackGroup__jr7Yg .landingPages_tryItOutSection__HpuPC {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: none;
    margin-top: -48px; /* overlap so the rounded top sits over the facts */
    box-sizing: border-box;
    background: #ffffff;
    border-radius: 32px 32px 0 0;
}

.landingPages_stickyStackGroup__jr7Yg .landingPages_tryItOutCard__xkWUJ {
    max-width: 1280px;
    margin: 0 auto;
}

.landingPages_tryItOutBackground__H-ZWf {
    background: white;
    width: 100%;
    height: 100%;
}

.landingPages_tryItOutCard__xkWUJ {
    display: flex;
    gap: 48px;
    align-items: stretch;
    width: 100%;
}

.landingPages_tryItOutContent__RGL9N {
    display: flex;
    flex: 1;
    flex-direction: column;
    min-width: 0;
}

.landingPages_tryItOutPreTitle__Q5TbG {
    margin: 0 0 16px;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    color: #605e5c;
}

.landingPages_tryItOutTitle__lSPO7 {
    margin: 0 0 16px;
    font-size: 50px;
    font-weight: 600;
    line-height: 48px;
    color: #17233e;
}

.landingPages_tryItOutDescription__\+o9Zb {
    margin: 0 0 24px;
    font-size: 16px;
    line-height: 22px;
    color: #6b6968;
}

.landingPages_tryItOutFieldLabel__Y3NO4 {
    margin-bottom: 12px;
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    color: #17233e;
}

.landingPages_tryItOutFeatures__uY8bg {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.landingPages_tryItOutPreviewLive__t\+\+Bj {
    display: flex;
    flex: 1;
    align-items: center;
    justify-content: center;
    min-height: 660px;
    max-width: 474px;
    box-sizing: border-box;
    border-radius: 16px;
    overflow: hidden;
    background: #ffffff;
    border: 1px solid #e0ddd6;
}

/* Keep the preview frame defined in High Contrast where the hardcoded white bg and light border drop out. */
@media (forced-colors: active) {
    .landingPages_tryItOutPreviewLive__t\+\+Bj {
        background: Canvas;
        border-color: CanvasText;
    }
}

.landingPages_tryItOutPreviewIframe__Abdm4 {
    align-self: stretch;
    width: 100%;
    min-height: 480px;
    max-width: 474px;
    border: none;
}

.landingPages_tryItOutPreviewFallback__DTWQ\+ {
    display: flex;
    align-self: stretch;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 480px;
    max-width: 474px;
    box-sizing: border-box;
    padding: 24px;
    background: #f3f2f1;
    color: #605e5c;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
}

.landingPages_tryItOutPreviewFallbackImage__wQyn\+ {
    align-self: stretch;
    width: 100%;
    min-height: 480px;
    max-width: 474px;
    object-fit: cover;
}

/* Bug 10698394 — in High Contrast (Aquatic/Desert) the impact cards in the
   "Gain clarity into..." section lose their white background and their blue
   Fluent icons (#4e83ff) do not adapt, so the card icons become invisible.
   Give each card a system border so it stays defined once the background
   collapses to Canvas, and map the card icons to CanvasText so they remain
   visible in every contrast theme. */
@media (forced-colors: active) {
    .landingPages_impactCard__Ux-lo {
        border: 1px solid CanvasText;
    }

    .landingPages_impactCardIcon__iiJhC,
    .landingPages_impactCardIcon__iiJhC i,
    .landingPages_impactCardIcon__iiJhC svg,
    .landingPages_impactCardIcon__iiJhC path,
    .landingPages_impactBaCardIcon__9yAVw,
    .landingPages_impactBaCardIcon__9yAVw i,
    .landingPages_impactBaCardIcon__9yAVw svg,
    .landingPages_impactBaCardIcon__9yAVw path {
        /* biome-ignore lint/complexity/noImportantStyles: suppressing to unblock unrelated changes */
        color: CanvasText !important;
        /* biome-ignore lint/complexity/noImportantStyles: suppressing to unblock unrelated changes */
        fill: CanvasText !important;
    }
}

/* Bug 10698394 (desktop hero illustration) — the "Gain clarity into..." mockup
   is a single cohesive product illustration: raster product screenshots plus
   gradient icon badges (chart / funnel / play). In forced-colors the badges'
   gradient background is stripped, so the badges and their white icons vanish.
   The section has no live DOM text (everything is imagery), so preserve the
   whole illustration exactly as authored in High Contrast. */
@media (forced-colors: active) {
    .landingPages_impactImageSection__G5B7L,
    .landingPages_impactImageSection__G5B7L * {
        forced-color-adjust: none;
    }
}
.landingPages_brandAgentLandingFAQ__Jfwx5 .landingPages_landingFAQContainer__jW1fC {
    gap: 40px;
}

.landingPages_brandAgentLandingFAQ__Jfwx5 .landingPages_faqSectionSingleColTitle__F-3T3 > h2 {
    margin-bottom: 0px;
}

.landingPages_headerFooterContainer__mcDlF {
    display: flex;
    align-items: center;
    color: #616161;
    line-height: 24px;
    gap: 6px;
    z-index: 10;
}

.landingPages_blueLandingPageBrandAgent__MysDt .landingPages_headerFooterContainer__mcDlF {
    font-size: 16px;
    line-height: 24px;
}

.landingPages_headerFooterContainer__mcDlF span {
    font-size: 18px;
}

.landingPages_blueLandingPageBrandAgent__MysDt .landingPages_headerFooterContainer__mcDlF span.landingPages_pinkShowcase__BKwcl {
    font-size: 16px;
    color: #d33baf;
}

.landingPages_headerFooterContainer__mcDlF p {
    font-size: 16px;
}

.landingPages_headerFooterContainer__mcDlF i {
    display: flex;
}

.landingPages_featureFactsPreTitle__grZR- {
    display: flex;
    margin-bottom: 5px;
    gap: 8px;
}

.landingPages_featureFactsPreTitle__grZR- i {
    display: flex;
    align-items: center;
}

.landingPages_featureFactsPreTitle__grZR- span {
    font-size: 16px;
    font-weight: 600;
    background: linear-gradient(97deg, #aa65ff 0%, #009af9 49.25%, #656aff 98.5%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.landingPages_featureFactsPreTitle__grZR-.landingPages_ba__cdL2Q span {
    background: linear-gradient(90deg, #4e83ff 0%, #ae3af1 33%, #df3c99 66%, #ee5e36 100%);
    -webkit-background-clip: text;
    background-clip: text;
}

.landingPages_featureFactsPreTitle__grZR-.landingPages_featureFactsPreTitleBa__jz4aE {
    margin-bottom: 25px;
}

.landingPages_featureFactsPreTitleBa__jz4aE span {
    background: none;
    -webkit-background-clip: initial;
    background-clip: initial;
    -webkit-text-fill-color: #605e5c;
    color: #605e5c;
    text-transform: uppercase;
    letter-spacing: 1.5px;
}

.landingPages_factsListBa__TwMA1 {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.landingPages_factsListBaItem__9AeKo {
    display: flex;
    flex-direction: column;
    padding: 24px 0;
}

.landingPages_factsItemDivider__56hoy {
    opacity: 0.5;
    background: #8a8a8a;
    width: 32px;
    height: 1px;
}

.landingPages_factsListBaTitle__W-tkJ {
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
    color: #17233e;
}

.landingPages_factsListBaChevron__DVFQy {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid #c8c6c4;
    color: #17233e;
}

.landingPages_factsListBaDescription__Acijv {
    margin: 12px 0 0;
    font-size: 16px;
    line-height: 22px;
    color: #454443;
}

.landingPages_factsListTitle__vCT7B.landingPages_factsListTitleMobile__XKysW h2 {
    display: none;
}

.landingPages_bluePageFactsLandingContent__K9InL .landingPages_factsListTitle__vCT7B.landingPages_factTittleOnTop__SGnOe.landingPages_factsListTitleMobile__XKysW h2 {
    display: block;
    max-width: 710px;
}

.landingPages_factsListTitle__vCT7B.landingPages_factsListTitleMobile__XKysW .landingPages_featureFactsPreTitle__grZR- span {
    display: none;
}

.landingPages_bluePageFactsLandingContent__K9InL .landingPages_factsListTitle__vCT7B.landingPages_factTittleOnTop__SGnOe.landingPages_factsListTitleMobile__XKysW .landingPages_featureFactsPreTitle__grZR- span {
    display: block;
}

.landingPages_factsListTitle__vCT7B.landingPages_factsListTitleMobile__XKysW .landingPages_featureFactsPreTitle__grZR- i,
.landingPages_factsListTitle__vCT7B.landingPages_factsListTitleMobile__XKysW .landingPages_featureFactsPreTitle__grZR- i svg {
    width: 0px;
    height: 0px;
}

@media only screen and (max-width: 1180px) {
    .landingPages_testimonialCardContainer__heAzi {
        display: flex;
        gap: 20px;
        width: max-content;
        animation: landingPages_scroll-left__ScnrG 10s linear 0s infinite normal none running;
    }
}

/*********** Medium screens  **************/
@media only screen and (max-width: 1023px) {
    .landingPages_factsLandingContent__zDt2x .landingPages_factsListTitle__vCT7B,
    .landingPages_setupContentContainer__0basu > h2,
    .landingPages_startContentContainer__PwTQL > h2,
    .landingPages_impactContentContainer__unXpo > h2,
    .landingPages_brandAgentLandingFAQ__Jfwx5 .landingPages_faqSectionSingleColTitle__F-3T3,
    .landingPages_brandAgentLandingFAQ__Jfwx5 .landingPages_landingSectionTitle__1G9cc {
        font-size: 24px;
        line-height: 32px;
    }

    .landingPages_bluePageImpactContentContainer__rAVSy > h2 {
        font-size: 32px;
        line-height: normal;
    }

    .landingPages_brandAgentLandingHeader__48xET,
    .landingPages_factsLandingContent__zDt2x,
    .landingPages_startContentContainer__PwTQL {
        padding: 80px 40px;
    }

    .landingPages_brandAgentLandingHeader__48xET .landingPages_agentTitle__JvSyo {
        font-size: 42px;
        line-height: 54px;
    }

    .landingPages_blueLandingPageBrandAgent__MysDt .landingPages_agentTitle__JvSyo {
        font-size: 72px;
        line-height: 72px;
    }

    .landingPages_brandAgentLandingHeader__48xET .landingPages_agentDescription__penlE {
        margin-top: 24px;
        font-size: 16px;
        line-height: 22px;
    }

    .landingPages_brandAgentLandingHeader__48xET .landingPages_agentSubtitle__-vXn9 {
        font-size: 16px;
        color: #6b4d88;
    }

    .landingPages_blueLandingPageBrandAgent__MysDt .landingPages_brandAgentLandingHeader__48xET .landingPages_agentDescription__penlE {
        font-size: 35px;
    }

    .landingPages_faqSection__WeaLW {
        padding: 0 40px;
    }

    .landingPages_factsList__Mbwad {
        gap: 32px;
    }

    .landingPages_factsListItem__AMfNJ .landingPages_factTitle__jdUhb,
    .landingPages_stepCardHeader__\+EX8t > h3 {
        font-size: 18px;
        line-height: 24px;
    }

    .landingPages_factsListItem__AMfNJ p,
    .landingPages_brandAgentLandingFAQ__Jfwx5 .landingPages_faqQuestion__iU-fw h2,
    .landingPages_brandAgentLandingFAQ__Jfwx5 .landingPages_faqAnswer__vNYwr span,
    .landingPages_stepCardText__nBqNQ {
        font-size: 16px;
        line-height: 22px;
    }

    .landingPages_setupContentContainer__0basu {
        flex-direction: column;
        align-items: center;
        padding: 60px 40px;
        gap: 40px;
    }

    .landingPages_stepCards__2PLW6 {
        gap: 16px;
    }

    .landingPages_stepCard__AuLtY {
        max-width: 100%;
        width: 100%;
    }

    .landingPages_stepCardImage__\+MYEf {
        max-width: 100%;
    }

    .landingPages_stepCardText__nBqNQ {
        font-size: 16px;
    }

    .landingPages_impactCardTitle__anfNm {
        text-align: center;
        font-size: 18px;
        line-height: 24px;
    }

    .landingPages_impactCardDescription__Z5msO {
        text-align: center;
        font-size: 18px;
        line-height: 24px;
    }

    .landingPages_impactContentContainer__unXpo {
        flex-direction: column;
        padding: 60px 40px;
        gap: 40px;
        align-items: center;
    }

    .landingPages_impactMainImage__OldNl {
        top: 125px;
    }

    .landingPages_bluePageImpactContentContainer__rAVSy .landingPages_impactMainImage__OldNl {
        top: 165px;
    }

    .landingPages_impactImageSection__G5B7L,
    .landingPages_impactCardsSection__4N6hD {
        max-width: 100%;
    }

    .landingPages_impactCardsSection__4N6hD {
        gap: 16px;
    }

    .landingPages_impactCard__Ux-lo {
        padding: 20px;
        box-shadow: none;
        border: none;
    }

    .landingPages_impactCardHeader__cogRR {
        display: flex;
        flex-flow: column;
        align-items: center;
        justify-content: center;
        text-align: center;
    }

    .landingPages_brandAgentLandingFAQ__Jfwx5 .landingPages_faqSectionSingleColTitle__F-3T3 h2 {
        min-width: 100%;
        text-align: center;
        align-self: center;
    }

    .landingPages_bluePageImpactContentContainer__rAVSy .landingPages_impactBaCardTitle__VZ6wo,
    .landingPages_clientTestimonialQuote__C8iNA {
        font-size: 20px;
        line-height: 26px;
    }

    .landingPages_clientTestimonialQuote__C8iNA p {
        font-size: 14px;
    }

    .landingPages_tryItOutSection__HpuPC {
        padding: 60px 40px;
    }

    .landingPages_tryItOutCard__xkWUJ {
        flex-direction: column;
    }

    .landingPages_tryItOutTitle__lSPO7 {
        font-size: 32px;
        line-height: 40px;
    }
}

@media only screen and (max-width: 767px) {
    .landingPages_factsLandingContent__zDt2x.landingPages_factsLandingContentSmall__qBHxi {
        padding: 0 40px;
        display: block;
    }

    .landingPages_factsListTitleMobile__XKysW .landingPages_featureFactsPreTitle__grZR- {
        margin-top: 60px;
        justify-content: center;
    }

    .landingPages_factsListTitleMobile__XKysW .landingPages_featureFactsPreTitle__grZR-.landingPages_featureFactsPreTitleBa__jz4aE {
        justify-content: left;
    }

    .landingPages_factsListTitle__vCT7B.landingPages_factsListTitleMobile__XKysW.landingPages_factsListTitleCustom__iInvt h2 {
        display: block;
        text-align: center;
        align-self: center;
        margin-bottom: 32px;
    }

    .landingPages_factsListTitle__vCT7B.landingPages_factsListTitleMobile__XKysW.landingPages_factsListTitleCustom__iInvt .landingPages_featureFactsPreTitle__grZR- span {
        display: flex;
    }

    .landingPages_factsListTitle__vCT7B.landingPages_factsListTitleMobile__XKysW.landingPages_factsListTitleCustom__iInvt .landingPages_featureFactsPreTitle__grZR- i,
    .landingPages_factsListTitle__vCT7B.landingPages_factsListTitleMobile__XKysW.landingPages_factsListTitleCustom__iInvt .landingPages_featureFactsPreTitle__grZR- i svg {
        width: 20px;
        height: 20px;
    }

    .landingPages_factsListTitleMobile__XKysW .landingPages_featureFactsPreTitle__grZR- {
        margin-top: 80px;
    }

    .landingPages_factsListTitle__vCT7B.landingPages_tittleBiggerThanMedium__CO6Bl.landingPages_factsListTitleCustom__iInvt {
        display: none;
    }

    .landingPages_factsListItem__AMfNJ .landingPages_factTitle__jdUhb {
        font-size: 16px;
        line-height: 22px;
    }

    .landingPages_factsLandingContent__zDt2x.landingPages_bluePageFactsLandingContent__K9InL .landingPages_factsListTitle__vCT7B {
        font-size: 50px;
        line-height: normal;
    }

    .landingPages_bluePageFactsLandingContent__K9InL .landingPages_factsListTitle__vCT7B.landingPages_factTittleOnTop__SGnOe.landingPages_factsListTitleMobile__XKysW h2 {
        text-align: left;
        font-size: 40px;
    }

    .landingPages_bluePageImpactContentContainer__rAVSy > h2 {
        text-align: center;
    }

    .landingPages_clientTestimonials__Hdd7O {
        gap: 24px;
        padding: 48px 20px;
    }

    .landingPages_clientTestimonialCard__WIkGe {
        flex-direction: column;
        gap: 32px;
        padding: 32px;
        max-height: unset;
    }

    .landingPages_clientTestimonialQuote__C8iNA {
        font-size: 22px;
        line-height: 30px;
    }

    .landingPages_clientTestimonialImage__n1JzR {
        order: -1;
        min-height: 220px;
    }

    .landingPages_clientTestimonialNav__abdyD {
        margin-top: 40px;
    }

    .landingPages_tryItOutPreviewLive__t\+\+Bj {
        min-height: 480px;
    }

    .landingPages_bluePageFactsLandingContent__K9InL .landingPages_factsColumns__VDgVE.landingPages_reverseFlex__llWTg {
        flex-direction: column-reverse;
    }

    .landingPages_bluePageFactsLandingContent__K9InL.landingPages_factsLandingContent__zDt2x .landingPages_factsImageContent__35Uor {
        height: fit-content;
    }

    .landingPages_clientTestimonialAuthor__gPTx- {
        margin: 24px 0px 0;
    }
}

/*********** Small screens  **************/
@media only screen and (max-width: 639px) {
    .landingPages_brandAgentLandingHeader__48xET,
    .landingPages_factsLandingContent__zDt2x,
    .landingPages_startContentContainer__PwTQL {
        padding: 60px 20px;
    }

    .landingPages_blueLandingPageBrandAgent__MysDt .landingPages_brandAgentLandingHeader__48xET .landingPages_agentDescription__penlE {
        font-size: 24px;
        line-height: normal;
    }

    .landingPages_topSalesBackgroundGradient__ZYVKb,
    .landingPages_smartAssistantBackgroundGradient__sN1dS,
    .landingPages_configureYourAgentBackgroundGradient__ZgUNf {
        border-radius: unset;
        opacity: 0.7;
        height: 100%;
    }

    /* The oversized desktop sizes (up to 1880x1280) bleed far past the section on mobile and cover the
       previous section's accordion controls. Pin them to their own section so they can't swallow taps. */
    .landingPages_launchAiBackgroundGradient__k7HkO,
    .landingPages_joinAgenticWebBackgroundGradient__VrfH5,
    .landingPages_joinAgenticWebBackgroundSecondGradient__c-Zqg {
        inset: 0;
        width: 100%;
        height: 100%;
        transform: none;
        border-radius: unset;
    }

    .landingPages_topSalesBackgroundGradient__ZYVKb {
        background: linear-gradient(146deg, rgba(255, 178, 111, 0.13) 10.92%, rgba(223, 60, 153, 0.1) 89.08%);
    }

    .landingPages_smartAssistantBackgroundGradient__sN1dS {
        background: linear-gradient(69deg, rgba(223, 60, 153, 0.08) 9.17%, rgba(174, 58, 241, 0.08) 94.18%);
    }

    .landingPages_configureYourAgentBackgroundGradient__ZgUNf {
        background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #faf4fe 20%, #f4f7ff 60%, rgba(255, 255, 255, 0) 100%);
    }

    .landingPages_brandAgentSetupGradient__d4lur {
        opacity: 1;
        height: 100%;
        border-radius: unset;
        background: linear-gradient(180deg, #fdfdfd 0%, #f7f4fe 25%, #f9f5ff 75%, #fdfdfd 100%);
    }

    .landingPages_brandAgentLandingHeaderGradientPurple__lscy8 {
        position: absolute;
        width: 384px;
        height: 558px;
        left: -158px;
        top: 0;
        transform: rotate(16.382deg);
    }

    .landingPages_brandAgentLandingHeaderGradientOrange__9-s7t {
        width: 302px;
        height: 695px;
        background: radial-gradient(50% 50% at 50% 50%, rgba(238, 94, 54, 0.1) 0%, rgba(255, 255, 255, 0) 100%);
    }

    .landingPages_brandAgentLandingHeaderGradientPink__HlWKd {
        width: 780px;
        height: 501px;
        flex-shrink: 0;
        top: 200px;
    }

    .landingPages_headerAnimationContainer__rKjhT {
        max-height: 250px;
    }

    .landingPages_blueHeaderAnimationContainer__jAoj2.landingPages_headerAnimationContainer__rKjhT {
        max-height: none;
    }

    .landingPages_headerFooterContainer__mcDlF span {
        font-size: 16px;
        line-height: 22px;
    }

    .landingPages_headerFooterContainer__mcDlF p {
        font-size: 10px;
        line-height: 12px;
    }

    .landingPages_headerFooterContainer__mcDlF {
        flex-flow: column;
        text-align: center;
    }

    .landingPages_testimonialCards__-zLo0 {
        width: 100%;
        padding: 20px 0 80px 0;
    }

    .landingPages_blueLandingPageBrandAgent__MysDt .landingPages_testimonialCards__-zLo0 {
        padding: 20px 0;
    }

    .landingPages_faqSection__WeaLW {
        padding: 0 20px;
    }

    .landingPages_setupContentContainer__0basu {
        padding: 40px 16px;
    }

    .landingPages_stepCard__AuLtY {
        padding: 20px;
    }

    .landingPages_factsColumns__VDgVE {
        flex-flow: column;
    }

    .landingPages_factsColumns__VDgVE.landingPages_reverseFlex__llWTg {
        flex-direction: column-reverse;
    }

    .landingPages_factsList__Mbwad {
        width: 100%;
    }

    .landingPages_factsLandingContent__zDt2x .landingPages_factsListTitle__vCT7B,
    .landingPages_impactContentContainer__unXpo .landingPages_factsListTitle__vCT7B,
    .landingPages_brandAgentLandingFAQ__Jfwx5 .landingPages_faqSectionSingleColTitle__F-3T3 h2,
    .landingPages_startContentContainer__PwTQL {
        text-align: center;
        align-self: center;
    }

    .landingPages_bluePageFactsLandingContent__K9InL.landingPages_factsLandingContent__zDt2x .landingPages_factsListTitle__vCT7B h2,
    .landingPages_bluePageFactsLandingContent__K9InL.landingPages_factsLandingContent__zDt2x .landingPages_featureFactsPreTitleBa__jz4aE span {
        text-align: left;
    }

    .landingPages_factsListTitle__vCT7B.landingPages_factsListTitleMobile__XKysW h2 {
        display: block;
    }

    .landingPages_factsListTitle__vCT7B.landingPages_tittleBiggerThanMedium__CO6Bl {
        display: none;
    }

    .landingPages_factsListTitle__vCT7B.landingPages_factsListTitleMobile__XKysW .landingPages_featureFactsPreTitle__grZR- span {
        display: flex;
        font-size: 14px;
    }

    .landingPages_factsListTitle__vCT7B.landingPages_factsListTitleMobile__XKysW .landingPages_featureFactsPreTitle__grZR- i,
    .landingPages_factsListTitle__vCT7B.landingPages_factsListTitleMobile__XKysW .landingPages_featureFactsPreTitle__grZR- i svg {
        width: 20px;
        height: 20px;
    }

    .landingPages_factsListTitleMobile__XKysW .landingPages_featureFactsPreTitle__grZR- {
        margin-top: 80px;
    }

    .landingPages_bluePageFactsLandingContent__K9InL .landingPages_factsListTitleMobile__XKysW .landingPages_featureFactsPreTitle__grZR- {
        margin-top: 0px;
    }

    .landingPages_stepCards__2PLW6 {
        flex-flow: column;
    }

    .landingPages_factsLandingContent__zDt2x,
    .landingPages_factsColumns__VDgVE {
        gap: 32px;
    }

    .landingPages_factsLandingContent__zDt2x .landingPages_factsImageContent__35Uor {
        height: 290px;
    }

    .landingPages_bluePageFactsLandingContent__K9InL.landingPages_factsLandingContent__zDt2x .landingPages_factsImageContent__35Uor {
        height: fit-content;
    }

    .landingPages_factsLandingContent__zDt2x.landingPages_bluePageFactsLandingContent__K9InL {
        padding: 38px 20px;
    }

    .landingPages_factsColumnComponent__92i3h {
        justify-content: center;
        align-items: center;
    }

    .landingPages_impactCardsSection__4N6hD {
        flex-direction: column;
    }

    .landingPages_impactCardImage__ghwwb {
        display: block;
        max-width: 272px;
    }

    .landingPages_impactCardHeader__cogRR {
        flex-direction: row;
        gap: 8px;
    }

    .landingPages_impactCard__Ux-lo {
        padding: 20px;
        background-color: transparent;
        box-shadow: none;
        border: none;
        align-self: center;
    }

    .landingPages_impactCard__Ux-lo:hover {
        transform: none;
        box-shadow: none;
    }

    .landingPages_impactMobileImageContainer__A92ZW {
        width: fit-content;
        display: block;
        border-radius: 14px;
        background: rgba(255, 255, 255, 0.4);
        align-self: center;
        margin-bottom: 24px;
    }

    /* Put the icon inline with the title (number stays as the eyebrow above, description below) and
       size the icon to match the title text. Float the icon so the title wraps under it, not in a
       separate indented column. */
    .landingPages_bluePageImpactContentContainer__rAVSy .landingPages_impactBaCardHeading__T2P30 {
        display: block;
    }

    .landingPages_bluePageImpactContentContainer__rAVSy .landingPages_impactBaCardIcon__9yAVw {
        float: left;
        margin-right: 12px;
    }

    .landingPages_bluePageImpactContentContainer__rAVSy .landingPages_impactBaCardIcon__9yAVw,
    .landingPages_bluePageImpactContentContainer__rAVSy .landingPages_impactBaCardIcon__9yAVw svg {
        width: 24px;
        height: 24px;
    }

    .landingPages_stepCardImage__\+MYEf {
        max-width: 240px;
        margin: auto;
    }

    .landingPages_tryItOutSection__HpuPC {
        padding: 48px 20px;
    }
}

@media only screen and (max-width: 320px) {
    .landingPages_factsLandingContent__zDt2x.landingPages_factsLandingContentSmall__qBHxi {
        padding: 0 20px;
    }
}

/* ------------------------------------------------------------------------- */
/* AI Visibility Landing Page                                                */
/* ------------------------------------------------------------------------- */

/* Typography utilities — compose into consumers via `composes:` or directly in html tags classes */
.landingPages_typeTitle__4\+gmP {
    font-size: 24px;
    line-height: 32px;
}

.landingPages_typeMainHeading__4iJWi {
    font-size: 48px;
    line-height: 54px;
}

.landingPages_typeHeading__i-y1p {
    font-size: 28px;
    line-height: 36px;
}

.landingPages_typeBody__jgdOt {
    font-size: 18px;
    line-height: 24px;
}

.landingPages_typeBodySmall__R54WG {
    font-size: 16px;
    line-height: 22px;
}

.landingPages_weightRegular__hUSWS {
    font-weight: 400;
}

.landingPages_weightSemibold__vTDIK {
    font-weight: 600;
}

.landingPages_textPrimary__K2NGn {
    color: #201f1e;
}

.landingPages_textSecondary__8PiLM {
    color: #323130;
}

.landingPages_textTertiary__Mc9dg {
    color: #242424;
}

.landingPages_landingPageAIVisibility__GeFUT {
    width: 100%;
    background: #ffffff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.landingPages_aiVisibilitySectionWrapper__bVo7U {
    width: 100%;
    max-width: 1248px;
}

.landingPages_aiVisibilityHeader__8Q8wP {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    padding: 80px 86px 0px;
    width: 100%;
    text-align: center;
    background-color: #ffffff;
    isolation: isolate;
}

.landingPages_aiVisibilityTitle__0V5eR {
}

.landingPages_aiVisibilityHeaderTitle__VVpqt {
    margin: 16px 0 24px;
}

.landingPages_aiVisibilityFeatureHeroButtons__cb45P {
    display: flex;
    flex-direction: row;
    gap: 26px;
}

.landingPages_landingPageAIVisibility__GeFUT .ms-Button--primary,
.landingPages_aiVisibilityFeatureHeroButtons__cb45P .landingPages_aiVisibilityGetStartedButton__PBWC4 {
    background: linear-gradient(97deg, #aa65ff 0%, #009af9 49.25%, #656aff 98.5%);
}

.landingPages_highlightText__YJ9\+g {
    background: linear-gradient(97deg, #aa65ff 0%, #009af9 49.25%, #656aff 98.5%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.landingPages_aiVisibilityHeaderDescription__sJZqz {
    color: #3b3a39;
}

.landingPages_aiVisibilityHeaderButtons__R5DjW {
    display: flex;
    gap: 24px;
    margin: 40px 0 11px;
}

.landingPages_aiVisibilityGetStartedButton__PBWC4,
.landingPages_aiVisibilityGetStartedButton__PBWC4.ms-Button {
    box-sizing: border-box;
    border-radius: 100px;
    padding: 16px 20px;
    height: 52px;
    width: 180px;
    font-size: 18px;
}

.landingPages_aiVisibilityHeroImg__3RQZx {
    position: relative;
    max-width: 1236px;
}

.landingPages_aiVisibilityHeroImg__3RQZx::before {
    content: "";
    position: absolute;
    inset: -70% -13% -12%;
    background-image:
        radial-gradient(
            40% 35% at 30% 42%,
            rgba(101, 106, 255, 0.16) 0%,
            rgba(170, 101, 255, 0.1) 35%,
            rgba(0, 154, 249, 0.03) 65%,
            rgba(0, 154, 249, 0) 80%
        ),
        radial-gradient(
            38% 32% at 68% 45%,
            rgba(229, 101, 255, 0.2) 0%,
            rgba(229, 101, 255, 0.12) 35%,
            rgba(229, 101, 255, 0.04) 65%,
            rgba(229, 101, 255, 0) 80%
        ),
        radial-gradient(
            35% 28% at 65% 75%,
            rgba(0, 154, 249, 0.1) 0%,
            rgba(0, 154, 249, 0.06) 35%,
            rgba(0, 154, 249, 0.02) 65%,
            rgba(0, 154, 249, 0) 80%
        );
    pointer-events: none;
    z-index: -1;
}

.landingPages_aiVisibilityHeroImg__3RQZx img {
    width: 100%;
    height: auto;
}

.landingPages_aiVisibilityFeatureHero__jOOZG,
.landingPages_aiVisibilityFeatureRow__gsQFX {
    display: flex;
    gap: 40px;
    align-items: center;
    width: 100%;
    padding: 80px 96px;
    box-sizing: border-box;
}

.landingPages_aiVisibilityFeatureHeroContent__rZx1f,
.landingPages_aiVisibilityFeatureTextContent__YSiMR {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 32px;
}

.landingPages_aiVisibilityFeatureHeroContent__rZx1f,
.landingPages_aiVisibilityFeatureTextContent__YSiMR,
.landingPages_aiVisibilityFeatureHero__jOOZG img,
.landingPages_aiVisibilityFeatureRow__gsQFX img {
    flex: 1;
}

.landingPages_aiVisibilityFeatureHero__jOOZG img,
.landingPages_aiVisibilityFeatureRow__gsQFX img {
    max-width: 680px;
}

.landingPages_aiVisibilityFeatureLanding__fNgD0 section,
.landingPages_aiVisibilityFeatureLanding__fNgD0 .landingPages_aiVisibilityFAQContainer__6pmSp {
    max-width: 1600px;
}

.landingPages_aiVisibilityFeatureLanding__fNgD0 section {
    margin: 0 auto;
}

.landingPages_aiVisibilityFeatureEyebrow__qGttJ {
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: center;
    font-size: 16px;
}

.landingPages_aiVisibilityFeatureEyebrowLink__6Cn-3 {
    color: #1f1f24;
    text-decoration: none;
}

.landingPages_aiVisibilityFeatureEyebrowLink__6Cn-3:hover {
    text-decoration: underline;
}

.landingPages_aiVisibilityFeatureEyebrow__qGttJ i {
    color: #8a8886;
    font-size: 8px;
}

.landingPages_aiVisibilityFeatureEyebrow__qGttJ span {
    color: #8a8886;
}

.landingPages_aiVisibilityFeatureHeroTitle__dLlUS {
    margin: 0;
    color: #323130;
    font-size: 40px;
    font-weight: 600;
    line-height: 48px;
}

.landingPages_aiVisibilityFeatureHeroDescription__p6I0P {
    color: #3b3a39;
    margin: 0;
}

.landingPages_aiVisibilityFeatureRowReverse__ibZZx {
    flex-direction: row-reverse;
}

.landingPages_aiVisibilityFeatureSectionTitle__8Cbsn {
    margin: 0;
    color: #201f1e;
    font-size: 28px;
    font-weight: 600;
    line-height: 36px;
}

.landingPages_aiVisibilityFeatureBulletList__ujPSQ {
    margin: 0;
    padding-left: 24px;
}

.landingPages_aiVisibilityFeatureBulletItem__\+Pa17 {
    margin-bottom: 20px;
}

.landingPages_aiVisibilityFeatureBulletItem__\+Pa17:last-child {
    margin-bottom: 0;
}

.landingPages_botActivityGetStartedSection__jLcgN {
    width: 100%;
    padding: 80px 96px;
    box-sizing: border-box;
    text-align: center;
}

.landingPages_botActivityGetStartedTitle__Y53a4 {
    margin: 0;
}

.landingPages_botActivityGetStartedDescription__TIPKi {
    margin: 12px 0 40px;
}

.landingPages_botActivityProviders__kK2QW {
    max-width: 1232px;
    margin: 0 auto;
}

.landingPages_aiVisibilitySection__sHFje {
    padding: 80px 96px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.landingPages_sectionWrapper__-BoUP,
.landingPages_trafficFunnelImage__laqVD {
    max-width: 800px;
}

.landingPages_trafficFunnelImage__laqVD img {
    width: 100%;
    height: auto;
}

.landingPages_aiVisibilitySectionBackground__oUPKe {
    background: #fbfbfe;
}

.landingPages_leftAlignedText__D4WQB {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.landingPages_centerAlignedText__nUinx,
.landingPages_trafficFunnelContentWrapper__pFKMm {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.landingPages_trafficFunnelContentWrapper__pFKMm {
    max-width: 644px;
    margin-inline: auto;
}

.landingPages_aiVisibilitySectionTitle__CLhYr {
}

.landingPages_aiVisibilitySectionHeader__PJaf9 {
    margin: 12px 0;
}

.landingPages_aiVisibilitySectionDescription__USeSd {
    margin-bottom: 40px;
}

.landingPages_comparisonTable__pnZiL {
    display: grid;
    grid-template-columns: 1fr 1fr;
    width: 100%;
    align-self: stretch;
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 4.8px 14.4px 0 rgba(131, 126, 255, 0.3);
    overflow: hidden;
}

.landingPages_comparisonTableRow__YbRTu {
    display: contents;
}

.landingPages_comparisonTableCell__QN3Ua {
    display: flex;
    min-height: 36px;
    min-width: 0;
    padding: 20px 24px;
    align-items: center;
    box-sizing: border-box;
    border-top: 1px solid #e0e0e0;
}

.landingPages_comparisonTableRow__YbRTu:first-child .landingPages_comparisonTableCell__QN3Ua {
    border-top: 0;
}

.landingPages_tableHeaderText__fbObn {
}

.landingPages_primaryHeader__fnEdF {
    background: linear-gradient(97deg, #aa65ff 0%, #009af9 49.25%, #656aff 98.5%);
    color: #fff;
}

.landingPages_secondaryHeader__5HPJ9 {
    background: #edebe9;
}

.landingPages_tableContentText__IhtuF {
}

.landingPages_primaryContent__eTZdc {
    background: #fbfbfe;
    border-right: 1px solid #e0e0e0;
    box-sizing: border-box;
}

.landingPages_aiVisibilityCheckmarkIcon__rE0v0 {
    margin-right: 8px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.landingPages_factsSection__WLw95 {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    gap: 40px;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 80px 86px;
    box-sizing: border-box;
}

.landingPages_factsSectionReverse__hlFWg {
    flex-direction: row-reverse;
}

.landingPages_factsSectionTitle__DM0Kx {
    margin-bottom: 32px;
}

.landingPages_factsTextContent__6oIit {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    max-width: 604px;
}

.landingPages_factsBulletPointsList__GjKOJ {
    list-style-type: disc;
    margin-left: 24px;
}

.landingPages_factsBulletPoint__FsHR- {
    padding-left: 6px;
    margin-bottom: 32px;
}

.landingPages_factsLearnMoreButton__mKXAf {
}

.landingPages_factsLearnMoreButton__mKXAf.ms-Button,
.landingPages_factsComingSoon__XvhSP {
    border-radius: 4px;
    padding: 8px 16px;
    height: 40px;
}

.landingPages_factsLearnMoreButton__mKXAf.ms-Button {
    color: #020057;
    border: 1px solid transparent;
    background:
        linear-gradient(#ffffff, #ffffff) padding-box,
        linear-gradient(97deg, #aa65ff 0%, #009af9 49.25%, #656aff 98.5%) border-box;
}

.landingPages_factsComingSoon__XvhSP {
    border: 1px solid #d1d1d1;
    cursor: default;
}

.landingPages_factsLearnMoreButton__mKXAf.ms-Button:hover {
    background:
        linear-gradient(#eff6fc, #eff6fc) padding-box,
        linear-gradient(97deg, #aa65ff 0%, #009af9 49.25%, #656aff 98.5%) border-box;
}

.landingPages_factsMedia__2fzIW {
    max-width: 604px;
}

.landingPages_factsMedia__2fzIW img {
    width: 100%;
    height: auto;
}

.landingPages_testimonialsTitle__6mHlD {
}

.landingPages_testimonialsSubtitle__jl8HM {
    margin: 12px 0 40px;
}

.landingPages_aiVisibilityTestimonialsGrid__9rM6D {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px;
    width: 100%;
}

.landingPages_aiVisibilityTestimonialCard__KQwSP {
    background: #f3f2f1;
    border-radius: 12px;
    min-height: 260px;
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.landingPages_aiVisibilityGetStartedCard__Z8v-C {
    width: 100%;
    max-width: 1160px;
    background: #faf9f8;
    border: 1px solid #e8e6e3;
    border-radius: 16px;
    padding: 40px;
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.landingPages_aiVisibilityGetStartedTitle__e-nd4 {
}

.landingPages_aiVisibilityGetStartedSubtitle__YND4f {
    max-width: 640px;
    margin: 12px 0 32px;
}

.landingPages_upsellCardsContainer__6tkdZ {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 40px;
    margin-bottom: 56px;
}

.landingPages_upsellCard__-5ziy {
    border-radius: 16px;
    border: 1px solid #eaeaff;
    background: #fff;
    display: flex;
    padding: 32px;
    flex-direction: column;
    align-items: flex-start;
    min-width: 0;
    gap: 16px;
}

.landingPages_upsellCardHeader__Dv6xi {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.landingPages_upsellCardIcon__78M3R {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px;
    padding: 12px;
    border-radius: 8px;
    background: #eaeaff;
}

.landingPages_upsellCardTag__U-GjD {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 4px 12px;
    border-radius: 100px;
    background: #827dff;
    color: #fff;
    cursor: default;
}

.landingPages_upsellCardTitle__0s0a8 {
}

.landingPages_upsellCardDescription__aRAUy {
    color: #6b6968;
}

.landingPages_supportedProvidersTitle__s1a1M {
    color: #000;
    margin-bottom: 24px;
}

.landingPages_cdnProvidersWrapper__xXCpm {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
    justify-content: start;
    gap: 16px;
}

.landingPages_cdnProviderCard__nONeN {
    display: flex;
    height: 80px;
    padding: 16px;
    align-items: center;
    justify-content: flex-start;
    gap: 16px;
    border-radius: 16px;
    border: 1px solid #eaeaff;
    background: #fff;
    color: #000;
}

.landingPages_cdnProviderCard__nONeN img {
    width: 40px;
    height: auto;
}

.landingPages_aiVisibilityFAQSection__McaYn {
    width: 100%;
    padding: 80px 60px;
}

.landingPages_aiVisibilityFAQContainer__6pmSp {
    width: 100%;
    max-width: 1320px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.landingPages_aiVisibilityFAQTitle__JXW0i {
    text-align: center;
    margin-bottom: 80px;
}

.landingPages_aiVisibilityFAQQuestion__GUmbj {
}

.landingPages_aiVisibilityFAQAnswer__tR-2t {
    max-width: 90%;
}

.landingPages_aiVisibilityGetStartedTodayBanner__R3lBo {
    position: relative;
    width: 100%;
    padding: 80px 86px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    background: linear-gradient(0deg, #f3f3ff 31.58%, #fff 100%);
    overflow: hidden;
}

.landingPages_aiVisibilityGetStartedBannerTitle__L4vXM {
    background: linear-gradient(90deg, #8f58ab -8.93%, #3d60e0 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.landingPages_aiVisibilityGetStartedBannerSubtitle__czu2a {
    margin: 12px 0 40px;
}

.landingPages_aiVisibilityFAQEntryContainer__uEIVK {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding: 24px 0;
    gap: 12px;
    width: 100%;
    border-top: 1px solid #e1dfdd;
    box-sizing: border-box;
    cursor: pointer;
}

.landingPages_aiVisibilityFAQEntryLastContainer__hEDUT {
    border-bottom: 1px solid #e1dfdd;
    margin-bottom: 40px;
}

.landingPages_aiVisibilityFAQEntry__njVkx {
    display: flex;
    justify-content: space-between;
    gap: 8px;
    align-items: center;
    align-self: stretch;
}

.landingPages_aiVisibilityGetStartedTodayMountains__H9DRr {
    position: absolute;
    bottom: 0;
    height: 120px;
    background-repeat: no-repeat;
    background-size: contain;
    pointer-events: none;
}

.landingPages_aiVisibilityGetStartedTodayMountainsLeft__a5Vmk {
    left: 0;
    width: 50%;
    background-image: url("https://claritystatic.azureedge.net/images/mountains-left.svg");
    background-position: left bottom;
}

.landingPages_aiVisibilityGetStartedTodayMountainsRight__2iqL9 {
    right: 0;
    width: 50%;
    background-image: url("https://claritystatic.azureedge.net/images/mountains-right.svg");
    background-position: right bottom;
}

.landingPages_aiVisibilityFeatureLandingHeader__V\+xa4 {
    background: linear-gradient(0deg, #fff 31.58%, #f3f3ff 100%);
}

@media only screen and (max-width: 1600px) {
    .landingPages_aiVisibilityFeatureHero__jOOZG,
    .landingPages_aiVisibilityFeatureRow__gsQFX {
        padding: 40px 32px;
        flex-direction: column;
    }

    .landingPages_aiVisibilityFeatureRowReverse__ibZZx {
        flex-direction: column;
    }

    .landingPages_aiVisibilityFeatureHeroContent__rZx1f,
    .landingPages_aiVisibilityFeatureTextContent__YSiMR,
    .landingPages_aiVisibilityFeatureHero__jOOZG img,
    .landingPages_aiVisibilityFeatureRow__gsQFX img {
        max-width: 655px;
    }
}

@media only screen and (max-width: 1023px) {
    .landingPages_aiVisibilityHeader__8Q8wP {
        padding: 40px 32px 0px;
    }

    .landingPages_aiVisibilitySection__sHFje,
    .landingPages_aiVisibilityFAQSection__McaYn,
    .landingPages_factsSection__WLw95,
    .landingPages_aiVisibilityGetStartedTodayBanner__R3lBo,
    .landingPages_botActivityGetStartedSection__jLcgN {
        padding: 40px 32px;
    }

    .landingPages_typeTitle__4\+gmP {
        font-size: 20px;
        line-height: 28px;
    }

    .landingPages_typeMainHeading__4iJWi {
        font-size: 32px;
        line-height: 40px;
    }

    .landingPages_typeHeading__i-y1p {
        font-size: 24px;
        line-height: 32px;
    }

    .landingPages_typeBody__jgdOt {
        font-size: 16px;
        line-height: 22px;
    }

    .landingPages_typeBodySmall__R54WG {
        font-size: 14px;
        line-height: 20px;
    }
}

@media only screen and (max-width: 767px) {
    .landingPages_aiVisibilityHeader__8Q8wP,
    .landingPages_aiVisibilitySection__sHFje,
    .landingPages_factsSection__WLw95,
    .landingPages_aiVisibilityFAQSection__McaYn,
    .landingPages_aiVisibilityGetStartedTodayBanner__R3lBo,
    .landingPages_botActivityGetStartedSection__jLcgN {
        padding-inline: 20px;
    }

    .landingPages_aiVisibilityFeatureHero__jOOZG,
    .landingPages_aiVisibilityFeatureRow__gsQFX {
        padding-inline: 20px;
    }

    .landingPages_aiVisibilityFeatureHeroContent__rZx1f,
    .landingPages_aiVisibilityFeatureTextContent__YSiMR {
        gap: 24px;
    }

    .landingPages_aiVisibilityFeatureHeroTitle__dLlUS,
    .landingPages_aiVisibilityFeatureSectionTitle__8Cbsn {
        font-size: 32px;
        line-height: 40px;
    }

    .landingPages_comparisonTableCell__QN3Ua {
        padding: 12px 16px;
    }
}

@media only screen and (max-width: 900px) {
    .landingPages_aiVisibilityFeatureHeroContent__rZx1f,
    .landingPages_aiVisibilityFeatureTextContent__YSiMR,
    .landingPages_aiVisibilityFeatureHero__jOOZG img,
    .landingPages_aiVisibilityFeatureRow__gsQFX img {
        max-width: 400px;
    }
}

@media only screen and (max-width: 500px) {
    .landingPages_aiVisibilityFeatureHeroContent__rZx1f,
    .landingPages_aiVisibilityFeatureTextContent__YSiMR,
    .landingPages_aiVisibilityFeatureHero__jOOZG img,
    .landingPages_aiVisibilityFeatureRow__gsQFX img {
        max-width: 300px;
    }
}

.landingPages_webIQLanding__SXQ2l {
    --web-iq-card-shadow: 0 1px 2px rgba(131, 126, 255, 0.1), 0 3px 8px rgba(131, 126, 255, 0.12);
    --web-iq-gradient: linear-gradient(112deg, #aa65ff 0%, #009af9 49%, #656aff 100%);

    width: 100%;
    overflow: hidden;
    background: #fff;
    color: #242424;
}

/* WebIQ consideration landing page */
.landingPages_webIQHero__tViCo {
    padding: 80px 96px;
    background-color: #fff;
    background-image:
        linear-gradient(to bottom, transparent, #fff),
        linear-gradient(to right, #f0eeff 0%, #e7f0fe 25%, #e2f2fe 50%, #e7f0fe 75%, #ecedff 100%);
    background-position: top;
    background-repeat: no-repeat;
    background-size: 100% 236px;
}

.landingPages_webIQHeroContent__rhidm {
    display: flex;
    width: 100%;
    max-width: 1248px;
    margin: 0 auto;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.landingPages_webIQHeroTitle__7-5uR {
    display: flex;
    margin: 16px 0 0;
    flex-direction: column;
    color: #323130;
    font-size: 40px;
    font-weight: 600;
    line-height: 48px;
}

.landingPages_webIQHeroDescription__DmhGQ {
    max-width: 1248px;
    margin: 24px 0 0;
    color: #3b3a39;
    font-size: 18px;
    line-height: 24px;
}

.landingPages_webIQHeroGetStarted__PJ0cj.ms-Button {
    min-width: 180px;
    height: 52px;
    margin-top: 40px;
    border: 1px solid rgba(255, 255, 255, 0.5);
    border-radius: 9999px;
    background: linear-gradient(112deg, #aa65ff 0%, #009af9 49%, #656aff 100%);
    font-size: 18px;
}

.landingPages_webIQHeroAnimation__WKV2c {
    position: relative;
    display: flex;
    width: min(100%, 640px);
    height: 440px;
    margin-top: 40px;
    padding: 24px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    box-sizing: border-box;
    border-radius: 20px;
    background: linear-gradient(123deg, rgba(170, 101, 255, 0.08), rgba(0, 154, 249, 0.06), rgba(101, 106, 255, 0.08));
}

.landingPages_webIQHeroPrompt__Wuzrq {
    width: min(100%, 400px);
    padding: 8px 16px;
    box-sizing: border-box;
    border-radius: 12px 12px 2px;
    background: #fff;
    box-shadow: var(--web-iq-card-shadow);
    color: #000;
    font-size: 16px;
    line-height: 20px;
    text-align: left;
}

.landingPages_webIQHeroStatus__9UUgv,
.landingPages_webIQHeroCiting__DpyKN {
    width: min(100%, 400px);
    margin: 0;
    color: #605e5c;
    font-size: 14px;
    line-height: 18px;
    text-align: left;
}

.landingPages_webIQHeroStatus__9UUgv {
    opacity: 0;
    transition: opacity 0.4s ease;
}

.landingPages_webIQHeroStatusVisible__uunBl {
    opacity: 1;
}

/* The word is clipped by its own box so each swap slides a full line height into view. */
.landingPages_webIQHeroChangingText__lmfkv {
    display: inline-block;
    height: 18px;
    overflow: hidden;
    line-height: 18px;
    vertical-align: bottom;
}

.landingPages_webIQHeroChangingText__lmfkv > span {
    display: block;
    white-space: nowrap;
    animation: landingPages_webIQHeroTextEnter__qWISl 400ms cubic-bezier(0.22, 1, 0.36, 1) both;
}

.landingPages_webIQHeroCard__ut8EO {
    display: flex;
    position: relative;
    width: min(100%, 400px);
    padding: 8px;
    flex-direction: column;
    gap: 8px;
    box-sizing: border-box;
    border: 1.112px solid transparent;
    border-radius: 12px;
    opacity: 0;
    background:
        linear-gradient(#fff, #fff) padding-box,
        linear-gradient(transparent, transparent) border-box;
    box-shadow: var(--web-iq-card-shadow);
    color: #000;
    text-align: left;
    transform: translateY(8px);
    transition:
        opacity 0.4s ease,
        transform 0.4s ease,
        background 0.4s ease;
}

.landingPages_webIQHeroCardVisible__K05ej {
    opacity: 1;
    transform: none;
}

.landingPages_webIQHeroCardConsidered__FSKeM {
    background:
        linear-gradient(#fff, #fff) padding-box,
        conic-gradient(from 180deg, #aa65ff, #009af9, #656aff, #aa65ff) border-box;
}

.landingPages_webIQHeroCardConsidered__FSKeM::after {
    content: "";
    position: absolute;
    inset: -1.112px;
    padding: 1.112px;
    border-radius: 12px;
    opacity: 0;
    background: linear-gradient(115deg, transparent 35%, #fff 60%, transparent 85%);
    background-size: 250% 100%;
    mask:
        linear-gradient(#000 0 0) content-box,
        linear-gradient(#000 0 0);
    mask-composite: exclude;
    pointer-events: none;
}

.landingPages_webIQHeroCardFlairing__cnZiH::after {
    animation: landingPages_webIQHeroFlair__x-CYX 3s ease-out infinite;
}

.landingPages_webIQHeroRetrieving__0Yx3A {
    height: 18px;
    margin: 0;
    opacity: 0;
    color: #605e5c;
    font-size: 14px;
    line-height: 18px;
    transition: opacity 0.4s ease;
}

.landingPages_webIQHeroRetrievingVisible__mP83A {
    opacity: 1;
}

.landingPages_webIQHeroBadges__i1HAz {
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
}

.landingPages_webIQHeroBadgesConsolidated__m1ZSg {
    flex-wrap: nowrap;
}

.landingPages_webIQHeroBadge__Si0hz {
    display: inline-flex;
    height: 24px;
    max-height: 24px;
    margin: 0 8px 8px 0;
    padding: 0 4px;
    align-items: center;
    gap: 2px;
    overflow: hidden;
    border: 1px solid #d1d1d1;
    border-radius: 4px;
    opacity: 0;
    color: #605e5c;
    font-size: 14px;
    font-weight: 600;
    transform: translateY(6px);
    transition:
        opacity 0.35s ease,
        transform 0.35s ease,
        max-height 0.35s ease,
        padding 0.35s ease,
        border-width 0.35s ease,
        width 0.35s ease,
        margin 0.35s ease;
}

.landingPages_webIQHeroBadgeEntering__ykGkw {
    animation: landingPages_webIQHeroBadgeEnter__qwJGX 350ms ease-out both;
}

.landingPages_webIQHeroBadgeSettled__imVAz {
    opacity: 1;
    transform: none;
}

.landingPages_webIQHeroBadge__Si0hz i {
    font-size: 14px;
}

.landingPages_webIQHeroMoreBadge__G7TRR {
    display: none;
}

.landingPages_webIQHeroBadgesConsolidated__m1ZSg .landingPages_webIQHeroBadge__Si0hz:not(.landingPages_webIQHeroMoreBadge__G7TRR):nth-child(n + 2) {
    width: 0;
    max-height: 0;
    margin: 0;
    padding: 0;
    border-width: 0;
    opacity: 0;
}

.landingPages_webIQHeroBadgesConsolidated__m1ZSg .landingPages_webIQHeroMoreBadge__G7TRR {
    display: inline-flex;
    opacity: 1;
    transform: none;
}

.landingPages_webIQHeroCiting__DpyKN {
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transition:
        opacity 0.35s ease 0.15s,
        max-height 0.6s cubic-bezier(0.22, 1, 0.36, 1);
}

.landingPages_webIQHeroCitingVisible__lMHdE {
    max-height: 22px;
    opacity: 1;
}

.landingPages_webIQHeroResponse__zDwAL {
    display: flex;
    width: min(100%, 400px);
    max-height: 0;
    padding: 12px 12px 6px;
    flex-direction: column;
    gap: 8px;
    box-sizing: border-box;
    overflow: hidden;
    border-radius: 12px 12px 12px 2px;
    opacity: 0;
    background: #fff;
    box-shadow: var(--web-iq-card-shadow);
    transform: translateY(8px);
    transition:
        opacity 0.35s ease 0.15s,
        transform 0.5s cubic-bezier(0.22, 1, 0.36, 1) 0.15s,
        max-height 0.6s cubic-bezier(0.22, 1, 0.36, 1);
}

.landingPages_webIQHeroResponseVisible__DsegC {
    max-height: 220px;
    opacity: 1;
    transform: none;
}

.landingPages_webIQHeroResponseBody__GmOGP {
    display: flex;
    align-items: center;
    gap: 8px;
}

.landingPages_webIQHeroSparkle__y63jw {
    flex: none;
}

.landingPages_webIQHeroSkeletonLines__f83Zi {
    display: flex;
    min-width: 0;
    flex: 1;
    flex-direction: column;
    gap: 8px;
}

.landingPages_webIQHeroSkeletonLine__EsVUE {
    display: block;
    height: 4px;
    border-radius: 6px;
    opacity: 0;
    background: #d9d9d9;
    transition: opacity 0.3s ease;
}

.landingPages_webIQHeroSkeletonLineVisible__ZFZbH {
    opacity: 1;
}

.landingPages_webIQHeroSkeletonLineFirst__Dwo7l {
    width: 92%;
}

.landingPages_webIQHeroSkeletonLineSecond__mzbHI {
    width: 68%;
}

.landingPages_webIQHeroResponseBadges__uzX3O {
    display: flex;
    margin-top: 4px;
    flex-wrap: wrap;
    gap: 8px;
}

.landingPages_webIQHeroResponseBadges__uzX3O .landingPages_webIQHeroBadge__Si0hz {
    margin: 0;
    transform: translateY(4px);
}

.landingPages_webIQHeroPlatforms__z8xcg {
    display: flex;
    margin-top: 40px;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    color: #3b3a39;
    font-size: 16px;
    line-height: 22px;
}

.landingPages_webIQHeroPlatforms__z8xcg p {
    margin: 0;
}

.landingPages_webIQHeroPlatforms__z8xcg img {
    display: block;
    width: 218px;
    height: 40px;
}

@keyframes landingPages_webIQHeroStepEnter__EuKl7 {
    from {
        opacity: 0;
        transform: translateY(8px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes landingPages_webIQHeroTextEnter__qWISl {
    from {
        transform: translateY(100%);
    }

    to {
        transform: translateY(0);
    }
}

@keyframes landingPages_webIQHeroBadgeEnter__qwJGX {
    from {
        opacity: 0;
        transform: translateY(6px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes landingPages_webIQHeroFlair__x-CYX {
    0% {
        opacity: 0;
        background-position: 120% 0;
    }

    2% {
        opacity: 1;
    }

    16% {
        opacity: 1;
        background-position: -130% 0;
    }

    20% {
        opacity: 0;
    }

    100% {
        opacity: 0;
        background-position: -130% 0;
    }
}

.landingPages_webIQTrySection__WXJXh {
    display: flex;
    padding: 60px 96px;
    flex-direction: column;
    align-items: center;
    gap: 40px;
    color: #201f1e;
}

.landingPages_webIQTryHeading__c77rn {
    text-align: center;
}

.landingPages_webIQTryHeading__c77rn h2 {
    margin: 0;
    font-size: 28px;
    font-weight: 600;
    line-height: 36px;
}

.landingPages_webIQTryHeading__c77rn p {
    margin: 12px 0 0;
    font-size: 18px;
    line-height: 24px;
}

.landingPages_webIQTryCard__LQ-nc {
    display: flex;
    width: min(100%, 640px);
    padding: 32px;
    flex-direction: column;
    align-items: center;
    gap: 24px;
    box-sizing: border-box;
    border: 1px solid #eaeaff;
    border-radius: 16px;
    background: #fff;
    box-shadow: var(--web-iq-card-shadow);
}

.landingPages_webIQTryCardHeading__F8qcL {
    text-align: center;
}

.landingPages_webIQTryCardHeading__F8qcL h3 {
    margin: 0;
    font-size: 18px;
    line-height: 24px;
}

.landingPages_webIQTryCardHeading__F8qcL p {
    margin: 4px 0 0;
    font-size: 16px;
    line-height: 22px;
}

.landingPages_webIQPromptList__eZ10R {
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: center;
    gap: 12px;
}

.landingPages_webIQTryLoading__zHW64 {
    display: flex;
    width: 100%;
    flex-direction: column;
    gap: 14px;
}

.landingPages_webIQTryLoadingText__j5vti {
    margin: 0;
    font-size: 16px;
    line-height: 22px;
}

.landingPages_webIQTryProgress__bbQaP {
    display: block;
    width: 100%;
    height: 6px;
    border-radius: 9999px;
    background: #ece9f6;
    overflow: hidden;
}

/* Held at the end state so a disabled animation still shows a filled bar. */
.landingPages_webIQTryProgressBar__bPqwE {
    display: block;
    width: 96%;
    height: 100%;
    border-radius: 9999px;
    background: var(--web-iq-gradient);
    animation: landingPages_webIQTryProgressFill__ZlsaW 4500ms ease-out both;
}

.landingPages_webIQTryQueryFlow__AVzIK {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.landingPages_webIQTryQueryRow__9KWPP {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 11px 14px;
    border: 1px solid #e1dfdd;
    border-radius: 12px;
    background: #fff;
    animation: landingPages_webIQTryQueryRowEnter__lIkgQ 350ms ease-out both;
    transition:
        border-color 250ms ease,
        background 250ms ease;
}

.landingPages_webIQTryQueryRowDone__1TYuz {
    border-color: #c9c4ff;
    background: #f7f6ff;
}

.landingPages_webIQTryQueryLabel__mvYNS {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    font-weight: 600;
}

.landingPages_webIQTryQueryLabel__mvYNS svg {
    flex: 0 0 auto;
    color: #605e5c;
}

.landingPages_webIQTryQueryLabel__mvYNS span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.landingPages_webIQTryQueryStatus__abI3v {
    flex: 0 0 auto;
    color: #605e5c;
    font-size: 12px;
    font-weight: 600;
}

.landingPages_webIQTryQueryRowDone__1TYuz .landingPages_webIQTryQueryStatus__abI3v {
    color: #0b6a3a;
}

.landingPages_webIQTryQueryRowDone__1TYuz .landingPages_webIQTryQueryStatus__abI3v::before {
    margin-right: 6px;
    content: "✓";
}

.landingPages_webIQTryResult__p4lL- {
    display: flex;
    width: 100%;
    flex-direction: column;
    gap: 16px;
    text-align: left;
    animation: landingPages_webIQHeroStepEnter__EuKl7 400ms ease-out both;
}

.landingPages_webIQTryResultSummary__YoGs7 {
    display: flex;
    margin: 0;
    flex-direction: column;
    gap: 4px;
}

.landingPages_webIQTryResultSummary__YoGs7 strong {
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
}

.landingPages_webIQTryResultSummary__YoGs7 span {
    font-size: 16px;
    line-height: 22px;
}

.landingPages_webIQTryQueryTags__B69jm {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.landingPages_webIQTryQueryTag__7tKAT {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 14px;
    border: 1px solid #e1dfdd;
    border-radius: 9999px;
    background: #f3f2f1;
    font-size: 13px;
    font-weight: 600;
}

.landingPages_webIQTryQueryTag__7tKAT svg {
    flex: 0 0 auto;
    color: #605e5c;
}

.landingPages_webIQTryPageList__jhPKq {
    display: grid;
    margin: 0;
    padding: 0;
    gap: 8px;
    list-style: none;
}

.landingPages_webIQTryPageList__jhPKq li {
    display: grid;
    min-width: 0;
    padding: 12px 14px;
    gap: 3px;
    border: 1px solid #e1dfdd;
    border-radius: 12px;
    background: #fff;
}

.landingPages_webIQTryPageTitle__\+B-hA {
    display: flex;
    min-width: 0;
    margin: 0;
    align-items: center;
    gap: 6px;
    color: #0067b8;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
}

.landingPages_webIQTryPageTitle__\+B-hA i {
    flex: 0 0 auto;
    color: #605e5c;
    font-size: 16px;
}

.landingPages_webIQTryPageTitle__\+B-hA span,
.landingPages_webIQTryPageUrl__evG1G {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.landingPages_webIQTryPageUrl__evG1G {
    color: #605e5c;
    font-size: 13px;
    line-height: 18px;
}

.landingPages_webIQTryLockedPages__LeRvU {
    max-height: 132px;
    overflow: hidden;
    mask-image: linear-gradient(#000 0%, transparent 92%);
}

.landingPages_webIQTryPageListBlurred__z2a2M {
    filter: blur(4px);
    opacity: 0.55;
}

/* Pulled up so the teaser rows disappear behind the panel; the blurred list makes a stacking context, so this needs positioning to stay on top. */
.landingPages_webIQTryUnlock__OMWyT {
    position: relative;
    display: grid;
    margin-top: -72px;
    padding: 24px;
    justify-items: center;
    gap: 8px;
    border: 1px solid #eaeaff;
    border-radius: 16px;
    background: #f2f2ff;
    text-align: center;
}

.landingPages_webIQTryUnlock__OMWyT h3 {
    margin: 0;
    font-size: 20px;
    font-weight: 600;
    line-height: 26px;
}

.landingPages_webIQTryUnlock__OMWyT p {
    max-width: 520px;
    margin: 0;
    font-size: 16px;
    line-height: 24px;
}

.landingPages_webIQTryUnlockButton__C3xrM.ms-Button {
    min-width: 180px;
    height: 52px;
    margin-top: 12px;
    border: 0;
    border-radius: 9999px;
    background: var(--web-iq-gradient);
    font-size: 16px;
}

.landingPages_webIQTryCta__keKWD {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    font-size: 12px;
    line-height: 16px;
}

.landingPages_webIQTryCta__keKWD > .ms-Button {
    height: 40px;
    border-color: #656aff;
    color: #020057;
}

@keyframes landingPages_webIQTryProgressFill__ZlsaW {
    from {
        width: 0;
    }
}

@keyframes landingPages_webIQTryQueryRowEnter__lIkgQ {
    from {
        opacity: 0;
        transform: translateY(8px);
    }
}

.landingPages_webIQFinalCta__bd8jZ {
    position: relative;
    display: flex;
    min-height: 324px;
    padding: 80px 32px 124px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    background: linear-gradient(180deg, #fff 0%, #f0edff 100%);
    text-align: center;
    overflow: hidden;
}

.landingPages_webIQFinalCta__bd8jZ h2 {
    margin: 0;
    background: linear-gradient(90deg, #8f58ab, #3d60e0);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
    font-size: 28px;
    line-height: 36px;
}

.landingPages_webIQFinalCta__bd8jZ p {
    margin: 8px 0 24px;
    color: #4d4d4d;
    font-size: 16px;
    line-height: 22px;
}

@media only screen and (max-width: 767px) {
    .landingPages_webIQHero__tViCo,
    .landingPages_webIQTrySection__WXJXh {
        padding-inline: 20px;
    }

    .landingPages_webIQHeroTitle__7-5uR {
        font-size: 32px;
        line-height: 40px;
    }

    .landingPages_webIQHeroAnimation__WKV2c {
        height: 400px;
        padding-inline: 16px;
    }

    .landingPages_webIQTryCard__LQ-nc {
        padding: 24px 20px;
    }
}

/* Only the endlessly looping shimmer is suppressed; the one-shot step animations still play. */
@media (prefers-reduced-motion: reduce) {
    .landingPages_webIQHeroCardFlairing__cnZiH::after {
        animation: none;
    }
}

@media only screen and (max-width: 640px) {
    .landingPages_aiVisibilityHeaderButtons__R5DjW,
    .landingPages_aiVisibilityFeatureHeroButtons__cb45P {
        flex-direction: column;
        gap: 12px;
    }
}

#messageContainer {
    position: fixed;
    top: 8px;
    font-size: 18px;
    pointer-events: none;
    display: flex;
    flex-direction: column;
    color: rgba(0, 0, 0, 0.85);
    justify-content: center;
    align-items: center;
    z-index: 1000010;
    width: 100%;
    text-align: center;
}

.messageBar {
    box-shadow: 0 3px 6px -4px rgb(0 0 0 / 12%), 0 6px 16px 0 rgb(0 0 0 / 8%), 0 9px 28px 8px rgb(0 0 0 / 5%);
    border-radius: 4px;
    padding: 10px 16px;
    background: #fff;
    pointer-events: all;
    margin: 8px;
}

.messageContent {
    font-size: 16px;
}

.successIcon {
    color: #2F8208;
}

.errorIcon {
    color: #ff4d4f;
}

.messageBar .messageIcon {
    margin-right: 3px;
    position: relative;
    top: 1px;
    vertical-align: -0.124em;
}

.messageAnimation-enter {
    opacity: 0;
    transform: translateY(-20px);
}

.messageAnimation-enter-active {
    opacity: 1;
    transform: translateY(0px);
    transition: opacity 200ms ease-in, transform 200ms ease-in;
}

.messageAnimation-exit {
    opacity: 1;
    transform: translateY(0px);
}

.messageAnimation-exit-active {
    opacity: 0;
    transform: translateY(-20px);
    transition: opacity 200ms ease-in, transform 200ms ease-in;
}

.header_header__fIQUh {
    height: 60px;
    padding: 14px 32px;
    color: #3b3a39;
    background-color: white;
}

.header_header__fIQUh
    + div:not(.benchBanner):not(.header_landingPageBrandAgent__NnwKh):not(.header_landingPageAIVisibility__C6rfd):not(.ms-MessageBar):not(
        [data-terms-of-service-banner]
    ):not(.header_dashboardNavHeader__dW5ST) {
    height: calc(100% - 60px);
}

.header_landingPageAIVisibility__C6rfd {
    width: 100%;
}

.header_msLogo__PFnQS {
    margin-right: 18px;
    position: relative;
    top: 3px;
}

.header_msLogo__PFnQS:focus-visible,
.header_clarityLogo__zYzCf:focus-visible {
    outline: 1px solid #000;
}

.header_clarityLogo__zYzCf {
    font-size: 20px;
    color: black;
    position: relative;
    line-height: 28px;
    margin-right: 36px;
}

.header_logoSeparator__a6llf {
    margin-left: 18px;
}

.header_logoSeparator__a6llf::before {
    height: 18px;
    width: 1px;
    background-color: black;
    content: "";
    display: block;
    position: absolute;
    left: -18px;
    top: 5px;
}

.header_clarityLogo__zYzCf:hover span::before {
    content: "";
    display: block;
    background: #3b3a39;
    height: 2px;
    position: absolute;
    width: 100%;
    bottom: -5px;
}

.header_clarityAppLogo__GI0WV {
    margin-top: 6px;
    height: 32px;
}

/* Figma's 16px logo gap keeps the switcher from pushing the centered pivots into the narrow layout at 1440px. */
.header_clarityLogo__zYzCf:has(+ .header_surfaceMenu__b4AaC) {
    margin-right: 16px;
}

.header_myProjectsButton__A3fj\+ .ms-Button + span {
    display: none;
}

.header_myProjectsButton__A3fj\+ .ms-Button-label {
    font-weight: 400;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 120px;
    line-height: 20px;
}

.header_myProjectsButtonDisabled__NGGsd {
    /* biome-ignore lint/complexity/noImportantStyles: suppressing to unblock unrelated changes */
    border: 0 !important;
}

.header_myProjectsButtonDisabled__NGGsd span {
    /* biome-ignore lint/complexity/noImportantStyles: suppressing to unblock unrelated changes */
    color: #3b3a39 !important;
}

.header_myProjectsButton__A3fj\+ button {
    border: 0;
    color: #3b3a39;
}

.header_myProjectsButton__A3fj\+ button:hover {
    color: black;
    background-color: #edebe9;
}

.header_myProjectsButton__A3fj\+ button:first-child {
    text-align: left;
    min-width: unset;
    padding: 0 12px 0 8px;
}

.header_myProjectsButton__A3fj\+ button:first-child span {
    margin: 0;
}

.header_noNotificationsIcon__MR0Xg,
.header_actionButton__430XA {
    margin-right: 20px;
}

.header_noNotificationsIcon__MR0Xg svg,
.header_actionButton__430XA svg {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
}

.header_noNotificationsIcon__MR0Xg circle {
    fill: none;
}

.header_notificationsCommandButton__jLUNZ {
    box-sizing: border-box;
}

.header_notificationsCommandButton__jLUNZ:hover {
    background: rgb(243, 242, 241);
    color: rgb(0, 120, 212);
    margin: 0px;
    width: 100%;
}

.header_identity__0AzRU button {
    margin: 0;
    padding: 0;
    margin-left: 12px;
}

.header_hamburger__lqpT0 {
    color: #000;
}

.header_identity__0AzRU button i {
    color: #161514;
}

.header_hamburgerNav__EXlYD button {
    border: none;
    text-transform: capitalize;
    text-align: left;
    width: 100%;
    color: #3b3a39;
    height: 44px; /*to match the FAQ nav link button height*/
}

.header_hamburgerNav__EXlYD span {
    font-weight: normal;
}

.header_hamburgerNav__EXlYD button:hover,
.header_feedbackButton__WsBhO:hover {
    background-color: #eaeaff;
}

.header_hamburgerNav__EXlYD button.ms-Button--default.is-disabled,
.header_hamburgerNav__EXlYD button.ms-Button.is-disabled {
    border: none;
}

.header_hamburgerNavGroup__9oLFD .ms-Nav-chevronButton {
    left: 12px;
}

.header_hamburgerNavGroup__9oLFD .ms-Nav-chevronButton + button {
    padding-left: 40px;
}

.header_hamburgerNavGroup__9oLFD .ms-Nav-compositeLink.is-disabled:hover .ms-Button {
    background: unset;
    cursor: auto;
}

.header_hamburgerNavGroup__9oLFD li ul .ms-Button-flexContainer {
    padding-left: 27px;
}

.header_hamburgerNavGroup__9oLFD li ul li ul .ms-Nav-compositeLink .ms-Nav-link {
    padding-left: 44px;
}

.header_hamburgerNavGroup__9oLFD ul li ul li button.ms-Nav-chevronButton {
    left: 34px;
}

.header_feedbackButton__WsBhO {
    line-height: 44px;
    cursor: pointer;
    width: 100%;
}

.header_feedbackButton__WsBhO span,
.header_feedbackButton__WsBhO i {
    color: #3b3a39;
}

.header_commandButton__GdApk {
    height: 32px;
    margin-left: 32px;
}

.header_commandButton__GdApk.ms-Button {
    padding: 0 4px;
}

.header_commandButton__GdApk .ms-Button-textContainer {
    height: 16px;
}

.header_languageDropdownDivider__s9Khn {
    margin-left: 24px;
}

.header_localizationDropdown__pvAQU {
    margin: 0 16px 0 24px;
    width: 110px;
}

.header_localizationDropdown__pvAQU .ms-Dropdown:focus::after,
.header_localizationDropdown__pvAQU .ms-Dropdown-title {
    border: unset;
}

.header_localizationDropdown__pvAQU .ms-Dropdown:focus-visible {
    outline: 1px solid #000;
}

.header_localizationDropdown__pvAQU .ms-Dropdown-title:hover {
    background: #f5f5f5;
}

.header_localizationDropdown__pvAQU .ms-Dropdown.is-open .ms-Dropdown-title {
    background: #ebebeb;
}

.header_publicHamburgerMenu__26tLr {
    order: -1;
    color: #161514;
    margin-right: 18px;
}

.header_publicHamburgerMenu__26tLr:hover {
    order: -1;
    color: #161514;
}

.header_publicHamurgerNav__za-Jr button.ms-Button {
    padding-left: 24px;
}

.header_publicHamurgerNav__za-Jr a.ms-Button {
    padding-left: 32px;
}

/* Public Hamburger Navigation Styles for sub menu component */
.header_publicHamurgerNav__za-Jr li ul li .ms-Nav-compositeLink > .ms-Nav-chevronButton {
    padding-left: 0;
}

.header_publicHamurgerNav__za-Jr li ul li .ms-Nav-compositeLink > .ms-Nav-chevronButton + .ms-Nav-link {
    padding-left: 46px;
}

.header_publicHamurgerNav__za-Jr li ul li ul .ms-Nav-link {
    padding-left: 56px;
}

.header_hamburgerFeedbackButton__fozC8 {
    color: #323130;
    padding-left: 32px;
}

.header_signIn__3yg9w {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    background-color: white;
    padding: 28px 0 38px;
    box-shadow:
        0px 2.4px 7.2px rgba(0, 0, 0, 0.18),
        0px 12.8px 28.8px rgba(0, 0, 0, 0.22);
    border-radius: 2px;
}

.hamburgerPanel div.header_hamburgerFeedbackButton__fozC8:hover {
    color: #323130;
    background-color: #eaeaff;
}

.hamburgerPanel div.ms-Panel-commands {
    padding-top: 0;
}

.tabs {
    position: absolute;
    height: 45px;
}

.tabs button {
    padding: 0;
    font-size: 12px;
}

.tabs button:last-child {
    margin: 0;
}

.tabs .ms-Pivot-linkContent {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.tabs .ms-Pivot-icon {
    line-height: 14px;
    margin: 0;
    height: 20px;
}

.tabs .ms-Pivot-text {
    line-height: 20px;
    margin: 0;
}

@media screen and (max-width: 550px) {
    .header_myProjectsButton__A3fj\+ .ms-Button-label {
        max-width: 80px;
    }

    .header_clarityLogo__zYzCf {
        margin-right: 28px;
    }
}

@media only screen and (max-width: 500px) {
    .header_signIn__3yg9w {
        border: none;
        box-shadow: unset;
        top: 58px;
        left: 0;
        transform: unset;
        width: 100vw;
        height: 100vh;
        overflow: auto;
        padding-bottom: 55px;
        border-radius: 0;
        border-top: 1px solid #edebe9;
    }
}

@media screen and (max-width: 400px) {
    .header_clarityLogo__zYzCf {
        margin-right: 12px;
    }

    .header_identity__0AzRU > button:first-child {
        margin-left: 0;
    }
}

.header_dashboardSubMenu__jpdu0 {
    background: white;
    position: absolute;
    top: 52px;
    z-index: 101;
    left: 0;
    border-radius: 0px 0px 8px 8px;
    box-shadow:
        0px 0.3px 0.9px 0px rgba(0, 0, 0, 0.1),
        0px 1.6px 3.6px 0px rgba(0, 0, 0, 0.13);
    padding: 8px;
    opacity: 0;
    transform: translateY(-20px);
    animation: header_showButton__AoTkn 300ms ease-in forwards;
}

.header_dashboardSubMenu__jpdu0::after {
    content: "";
    width: 100%;
    height: 8px;
    background: white;
    display: block;
    position: absolute;
    z-index: 3;
    left: 0;
    top: -4px;
}

@keyframes header_showButton__AoTkn {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.header_dashboardSubMenu__jpdu0 .ms-ChoiceFieldGroup-flexContainer {
    display: flex;
    align-items: center;
}

.header_dashboardSubMenu__jpdu0 .ms-ChoiceFieldGroup-flexContainer > div {
    margin-top: 0;
    padding: 5px 12px;
    border-top: 1px solid #0078d4;
    border-bottom: 1px solid #0078d4;
}

.header_dashboardSubMenu__jpdu0 .ms-ChoiceField-input:hover {
    background: #eff6fc;
}

.header_dashboardSubMenu__jpdu0 .ms-ChoiceField-input.is-disabled:hover {
    background: unset;
}

.header_dashboardSubMenu__jpdu0 .ms-ChoiceField:first-child {
    border-radius: 4px 0px 0px 4px;
    border: 1px solid #0078d4;
    border-right: unset;
}

.header_dashboardSubMenu__jpdu0 .ms-ChoiceField:not(:first-child):not(:last-child) {
    border-left: 1px solid #0078d4;
}

.header_dashboardSubMenu__jpdu0 .ms-ChoiceField:last-child {
    border-radius: 0px 4px 4px 0px;
    border: 1px solid #0078d4;
}

.header_dashboardSubMenu__jpdu0 .ms-ChoiceField-field.is-checked::after {
    background: url(https://claritystatic.azureedge.net/images/selectedCheckmark.svg);
    background-repeat: no-repeat;
    height: 20px;
    width: 20px;
    left: 0;
    top: 0;
    border-width: 0;
}

.header_dashboardSubMenu__jpdu0 .ms-ChoiceField-field::before {
    width: 16px;
    height: 16px;
    top: 2px;
    left: 2px;
}

.header_dashboardSubMenu__jpdu0 .ms-ChoiceField-input.is-disabled + .ms-ChoiceField-field:hover::before {
    border-color: #c8c6c4;
}

.header_dashboardSubMenu__jpdu0 .ms-ChoiceField-field:not(.is-checked):hover:after {
    content: unset;
}

.header_dashboardSubMenu__jpdu0 label {
    text-wrap: nowrap;
}

.header_dashboardNavContainer__hqSr0 {
    width: 100%;
    display: flex;
    align-items: center;
}

.header_dashboardNavHeader__dW5ST {
    height: 44px;
    background: #eff6fc;
    border-bottom: 1px solid #c7e0f4;
    display: flex;
    align-items: center;
    padding: 8px 20px 0;
    gap: 4px;
}

.header_dashboardNavPivot__-k6Rz .ms-Pivot-link {
    font-size: 14px;
    color: #3b3a39;
    white-space: nowrap;
    line-height: 20px;
    padding: 0 16px;
}

.header_dashboardNavPivot__-k6Rz .ms-Pivot-link:hover {
    color: #3b3a39;
    font-weight: 600;
    background-color: unset;
}

.header_dashboardNavPivot__-k6Rz .ms-Pivot-link.is-selected {
    font-weight: 600;
}

.header_dashboardNavPivot__-k6Rz .ms-Pivot-link.is-selected::before {
    background-color: #827dff;
}

.header_dashboardNavPivot__-k6Rz .ms-Pivot-link .ms-Button-flexContainer {
    flex-direction: row-reverse;
}

.header_dashboardNavPivot__-k6Rz .ms-Pivot-link.is-disabled,
.header_dashboardNavPivot__-k6Rz .ms-Pivot-link.is-disabled:hover {
    cursor: default;
    background-color: transparent;
}

.header_dashboardNavHeader__dW5ST + div.project,
.header_dashboardNavHeader__dW5ST + div.agentPlayground {
    height: calc(100% - 104px);
}

.header_dashboardNavHeader__dW5ST + div.project .dashboardContent {
    background: #eff6fc;
}

.header_dashboardNavPivotItemWithBeta__wsVao {
    display: flex;
    align-items: center;
    gap: 8px;
}

.header_dashboardNavPivotItemWithBeta__wsVao svg {
    width: 30px;
}

.header_dashboardNavPivotLabelText__ZJHe5 {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
}

.header_dashboardNavPivotLabelText__ZJHe5::after {
    content: attr(data-text);
    font-weight: 600;
    font-size: 14px;
    height: 0;
    visibility: hidden;
    overflow: hidden;
    pointer-events: none;
    user-select: none;
}

.header_aiVisibilitySubMenu__un7Kk {
    display: flex;
    flex-direction: column;
    padding: 4px;
    min-width: 160px;
}

.header_aiVisibilitySubMenuItem__5ZZka {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding: 8px 16px;
    border: none;
    background: transparent;
    cursor: pointer;
    font-size: 14px;
    color: #3b3a39;
    text-align: left;
    border-radius: 4px;
    line-height: 20px;
    white-space: nowrap;
    margin: 2px;
}

.header_aiVisibilitySubMenuItem__5ZZka:hover {
    background: #eaeaff;
    color: #020057;
}

.header_aiVisibilitySubMenuItemActive__DSxhC,
.header_aiVisibilitySubMenuItemActive__DSxhC:hover {
    background: #eaeaff;
    color: #020057;
    font-weight: 600;
}

.header_aiVisibilitySubMenuItemActive__DSxhC::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 2px;
    background: #827dff;
}

.header_aiVisibilitySubMenuBetaBadge__dXO3G {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 4px;
    height: 20px;
    border-radius: 4px;
    background: #827dff;
    color: #ffffff;
    font-size: 10px;
    font-weight: 600;
    line-height: 14px;
    text-transform: uppercase;
}

@media only screen and (max-width: 400px) {
    .header_header__fIQUh {
        padding: 14px 12px;
    }
}

@media only screen and (max-width: 320px) {
    .header_header__fIQUh .header_logoSeparator__a6llf {
        margin-left: 10px;
    }

    .header_header__fIQUh .header_clarityLogo__zYzCf,
    .header_header__fIQUh .header_hamburger__lqpT0 {
        margin-right: 6px;
    }

    .header_header__fIQUh .header_msLogo__PFnQS {
        margin-right: 0;
    }

    .header_myProjectsButton__A3fj\+ button:first-child {
        padding: 0 0 0 8px;
    }

    .header_logoSeparator__a6llf::before {
        left: -5px;
    }
}

/* Bug 10698235 — under Windows High Contrast the header icons (Feedback, FAQ,
   Documentation, Profile) and the dashboard nav-tab icons (Dashboards,
   Recordings, Heatmaps, Settings) were painted white, which is invisible on the
   light Desert theme. Use CanvasText so they adapt to both light and dark HC. */
@media screen and (prefers-contrast: more), (forced-colors: active) {
    .header_header__fIQUh path,
    .header_header__fIQUh svg,
    .header_actionButton__430XA svg,
    .header_actionButton__430XA path,
    .header_actionButton__430XA i {
        fill: CanvasText;
        color: CanvasText;
    }

    .header_dashboardNavPivot__-k6Rz .ms-Pivot-icon svg,
    .header_dashboardNavPivot__-k6Rz .ms-Pivot-icon path,
    .tabs .ms-Pivot-icon svg,
    .tabs .ms-Pivot-icon path {
        fill: CanvasText;
        color: CanvasText;
    }
}

@media screen and (width >= 930px) {
    .header_smallScreen__R58X6 {
        display: none;
    }
}

@media screen and (width < 930px) {
    .header_bigScreen__5ywsR {
        display: none;
    }
}

.accountSettings_digestProjectsList__Ddqq6 {
    padding: 0 8px;
}

.accountSettings_userSettingsContainer__FaIei {
    padding: 12px 0;
}

.accountSettings_userSettingsContainer__FaIei h2,
.accountSettings_promotionalEmailSettings__8iJXW .accountSettings_emailHeader__GdmTi {
    font-size: 16px;
    line-height: 22px;
    font-weight: 600;
}

.accountSettings_userSettingsContainer__FaIei h2 {
    margin-bottom: 8px;
}

.accountSettings_basicSettingsContainer__Kr\+D- {
    margin-bottom: 24px;
}

.accountSettings_basicSettingsContainer__Kr\+D- > *,
.accountSettings_preferencesContainer__JdZ9o > * {
    margin-bottom: 16px;
    max-width: 346px;
}

.accountSettings_preferencesContainer__JdZ9o,
.accountSettings_promotionalEmailSettings__8iJXW {
    padding-top: 25px;
    border-top: 1px solid #edebe9;
}

.accountSettings_overviewSettingsLabel__nKpYu {
    margin-bottom: 4px;
    user-select: none;
}

.accountSettings_overviewSettingsLabel__nKpYu .maskChoiceGroup {
    padding: 0 8px;
}

.accountSettings_preferencesContainer__JdZ9o .ms-ChoiceField-field {
    margin-left: 8px;
}

.accountSettings_preferencesContainer__JdZ9o .maskChoiceGroup .ms-ChoiceField {
    margin-top: 10px;
}

.accountSettings_name__6WbBG {
    margin-top: 16px;
}

.accountSettings_promoEmailToggles__4uLYw .accountSettings_name__6WbBG .ms-Toggle {
    margin: 16px 8px 0;
}

.accountSettings_promoEmailToggles__4uLYw > * {
    margin-bottom: 12px;
}

.accountSettings_promoEmailToggles__4uLYw .accountSettings_overviewSettingsLabel__nKpYu {
    font-size: 14px;
    line-height: 20px;
}

.accountSettings_promoEmailToggles__4uLYw .accountSettings_name__6WbBG p {
    font-size: 12px;
    line-height: 16px;
}

.accountSettings_promotionalEmailSettings__8iJXW h2 {
    margin-bottom: 0;
}

.accountSettings_promotionalEmailSettings__8iJXW .accountSettings_promoEmailButton__09MmV {
    margin: 16px 0;
}

.aiVisibilityDashboard_dashboardContainer__drsox {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.aiVisibilityDashboard_demoProject__hFqLk .aiVisibilityDashboard_botOperatorName__j6kOw:not([data-bot-operator="Microsoft" i]),
.aiVisibilityDashboard_demoProject__hFqLk .aiVisibilityDashboard_botInfoTarget__oUt-m:not([data-bot-operator="Microsoft" i]),
.aiVisibilityDashboard_demoProject__hFqLk .aiVisibilityDashboard_scrapeToReferralProviderName__5spcP:not([data-bot-operator="Microsoft" i]),
.aiVisibilityDashboard_demoProject__hFqLk .aiVisibilityDashboard_scrapeToReferralDomainName__Fj3T1:not([data-bot-operator="Microsoft" i]),
.aiVisibilityDashboard_demoProject__hFqLk [id^="filterBadge_AggregatedBotFilter_"] .filterBadgeVal:not(:has([data-bot-operator])),
.aiVisibilityDashboard_demoProject__hFqLk [id^="filterBadge_BotOperator_"] .filterBadgeVal:not([data-bot-operator="Microsoft" i]),
.aiVisibilityDashboard_demoProject__hFqLk [id^="filterBadge_BotAgent_"] .filterBadgeVal {
    filter: blur(3px);
}

.aiVisibilityDashboard_demoProject__hFqLk [data-bot-filter-input] {
    filter: blur(3px);
}

body:has(.aiVisibilityDashboard_demoProject__hFqLk) [data-bot-filter] span[data-bot-operator]:not([data-bot-operator="Microsoft" i]) {
    filter: blur(3px);
}

.aiVisibilityDashboard_dashboardContainer__drsox > .aiVisibilityDashboard_dashboard__8emwV {
    flex: 1;
    min-height: 0;
    height: auto;
}

.aiVisibilityDashboard_agenticAnalyticsDashboard__ufdpu {
    --agentic-tile-width: 443px;
    --agentic-tile-gap: 24px;

    min-height: 0;
    align-items: safe center;
    color: #242424;
}

.aiVisibilityDashboard_agenticContent__u3zTX {
    display: flex;
    flex-direction: column;
    gap: 24px;
    box-sizing: border-box;
    width: 100%;
    max-width: calc(3 * var(--agentic-tile-width) + 2 * var(--agentic-tile-gap) + 64px);
    min-width: 0;
    padding: 16px 32px 32px;
}

.aiVisibilityDashboard_agenticAnalyticsDashboard__ufdpu .aiVisibilityDashboard_agenticContent__u3zTX .aiVisibilityDashboard_agenticMetrics__hvQrG {
    width: 100%;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    column-gap: var(--agentic-tile-gap);
}

.aiVisibilityDashboard_agenticAnalyticsDashboard__ufdpu .aiVisibilityDashboard_agenticContent__u3zTX .aiVisibilityDashboard_agenticTileGrid__2s7ol {
    width: 100%;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    margin: 0;
}

.aiVisibilityDashboard_agenticTileTwoThirds__NJKJJ {
    grid-column: span 4;
}

.aiVisibilityDashboard_agenticTileHalf__AgGdp {
    grid-column: span 3;
}

.aiVisibilityDashboard_agenticTileOneThird__p9b56 {
    grid-column: span 2;
}

@media (max-width: 1410px) {
    .aiVisibilityDashboard_agenticAnalyticsDashboard__ufdpu .aiVisibilityDashboard_agenticContent__u3zTX .aiVisibilityDashboard_agenticTileGrid__2s7ol {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .aiVisibilityDashboard_agenticTileTwoThirds__NJKJJ,
    .aiVisibilityDashboard_agenticTileHalf__AgGdp,
    .aiVisibilityDashboard_agenticTileOneThird__p9b56 {
        grid-column: span 1;
        min-width: 0;
    }
}

@media (max-width: 970px) {
    .aiVisibilityDashboard_agenticAnalyticsDashboard__ufdpu .aiVisibilityDashboard_agenticContent__u3zTX .aiVisibilityDashboard_agenticTileGrid__2s7ol {
        grid-template-columns: minmax(0, 1fr);
    }
}

.aiVisibilityDashboard_agenticErrorState__Gbnsp {
    position: relative;
    top: 0;
    width: 100%;
    min-height: 474px;
    align-self: center;
}

.aiVisibilityDashboard_agenticChart__l4BHS {
    display: flex;
    flex-direction: column;
    height: 474px;
    padding: 8px 16px 16px;
}

.aiVisibilityDashboard_agenticChart__l4BHS > .recharts-responsive-container {
    flex: 1;
    min-height: 0;
}

.aiVisibilityDashboard_agenticTrendSwitchProvider__ciCMj {
    flex: none;
    padding: 0 16px 16px;
}

.aiVisibilityDashboard_agenticTrendSwitch__CgJLG,
.aiVisibilityDashboard_agenticTrendSwitchShimmer__al3Fk {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 4px;
    overflow: hidden;
    border-radius: 12px;
    background: rgb(0 0 0 / 5%);
}

.aiVisibilityDashboard_agenticTrendSwitch__CgJLG {
    display: inline-grid;
    width: fit-content;
    min-width: min(100%, 547px);
    max-width: 100%;
    min-height: 32px;
    padding: 0;
    border: 0;
}

.aiVisibilityDashboard_agenticTrendSwitchButton__TQBZG {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 0;
    padding: 6px 12px;
    border: 0;
    border-radius: 12px;
    color: rgb(0 0 0 / 86%);
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0;
    white-space: normal;
    text-align: center;
    background: transparent;
    cursor: pointer;
}

.aiVisibilityDashboard_agenticTrendSwitchButton__TQBZG[data-selected="true"],
.aiVisibilityDashboard_agenticTrendSwitchShimmerSelected__F-tZk {
    border: 1px solid rgb(0 0 0 / 12%);
    background: #ffffff;
    box-shadow: 0 1px 2px rgb(0 0 0 / 14%);
}

.aiVisibilityDashboard_agenticTrendSwitchButton__TQBZG[data-selected="true"] {
    padding: 5px 11px;
    font-weight: 600;
}

.aiVisibilityDashboard_agenticTrendSwitchButton__TQBZG:has(input:focus-visible) {
    outline: 2px solid #0f6cbd;
    outline-offset: -2px;
}

.aiVisibilityDashboard_agenticZeroState__Mer6h {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 474px;
}

.aiVisibilityDashboard_agenticChartShimmer__OzBQY {
    display: flex;
    flex-direction: column;
    gap: 16px;
    height: 474px;
    padding: 8px 32px 24px;
}

.aiVisibilityDashboard_agenticTrendSwitchShimmer__al3Fk {
    display: grid;
    width: min(100%, 547px);
    height: 32px;
}

.aiVisibilityDashboard_agenticTrendSwitchShimmer__al3Fk > div {
    display: flex;
    align-items: center;
    padding: 6px 12px;
    border-radius: 12px;
}

.aiVisibilityDashboard_agenticChartShimmerPlot__Xz2ZE {
    flex: 1;
    margin-bottom: 28px;
    border-bottom: 1px solid #edebe9;
    background-image: linear-gradient(to bottom, #edebe9 1px, transparent 1px);
    background-size: 100% 25%;
}

.aiVisibilityDashboard_agenticAgentList__A0c19 {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 8px 32px 32px;
}

.aiVisibilityDashboard_agenticAgent__yMmuN {
    position: relative;
    display: grid;
    grid-template-columns: 1fr auto;
    border: 1px solid #deecf9;
    border-radius: 8px;
}

.aiVisibilityDashboard_agenticAgent__yMmuN:hover {
    background: #f5f5ff;
}

/* Spans both columns so the share bar runs the full card width; the icon overlays the header row. */
.aiVisibilityDashboard_agenticAgentButton__ERXUv {
    grid-area: 1 / 1 / 2 / 3;
    display: flex;
    flex-direction: column;
    gap: 12px;
    min-width: 0;
    padding: 16px;
    border: none;
    color: inherit;
    font: inherit;
    text-align: left;
    background: transparent;
    cursor: pointer;
}

.aiVisibilityDashboard_agenticAgentButton__ERXUv:focus-visible {
    outline: 2px solid #827dff;
    outline-offset: 2px;
}

.aiVisibilityDashboard_agenticAgentShimmer__GvItA {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 16px;
}

.aiVisibilityDashboard_agenticAgentShimmerHeader__jspga {
    display: flex;
    align-items: center;
}

.aiVisibilityDashboard_agenticAgentHeader__Oam9g {
    display: grid;
    grid-template-columns: 16px auto 1fr;
    align-items: center;
    gap: 8px;
    padding-right: 36px;
    font-size: 12px;
    line-height: 16px;
}

.aiVisibilityDashboard_agenticAgentHeader__Oam9g img,
.aiVisibilityDashboard_agenticAgentHeader__Oam9g i {
    width: 16px;
    height: 16px;
}

.aiVisibilityDashboard_agenticAgentHeader__Oam9g img {
    object-fit: cover;
}

.aiVisibilityDashboard_agenticAgentHeader__Oam9g strong {
    justify-self: end;
}

.aiVisibilityDashboard_agenticMetadata__nbHYR {
    color: #605e5c;
    font-size: 12px;
    line-height: 16px;
}

.aiVisibilityDashboard_agenticFunnelSteps__8Dxdq {
    margin: 0 0 32px 32px;
    max-height: calc(100% - 32px);
    padding-right: 32px;
    overflow-x: hidden;
    overflow-y: auto;
}

.aiVisibilityDashboard_agenticFunnelStep__nUHpJ {
    display: grid;
    grid-template-columns: 1fr 40px;
    align-items: center;
    min-height: 61px;
    border-bottom: 1px solid #edebe9;
    color: #323130;
    font-size: 12px;
    line-height: 16px;
}

.aiVisibilityDashboard_agenticFunnelShimmerRow__3FJ3z {
    display: flex;
    align-items: center;
    min-height: 61px;
    padding: 0 8px;
    border-bottom: 1px solid #edebe9;
}

.aiVisibilityDashboard_agenticFunnelStep__nUHpJ:last-child,
.aiVisibilityDashboard_agenticFunnelShimmerRow__3FJ3z:last-child {
    border-bottom: none;
}

.aiVisibilityDashboard_agenticSmartEventLabel__3ntGg {
    display: grid;
    grid-template-columns: 1fr 100px;
    align-items: center;
    align-self: stretch;
    gap: 32px;
    min-width: 0;
    padding: 0 32px 0 12px;
    border: 0;
    color: inherit;
    font: inherit;
    text-align: left;
    background: transparent;
    cursor: pointer;
}

.aiVisibilityDashboard_agenticSmartEventName__ToCHT {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
}

.aiVisibilityDashboard_agenticSmartEventIcon__H9mRB svg {
    width: 14px;
    height: auto;
}

.aiVisibilityDashboard_agenticSmartEventLabel__3ntGg:focus-visible {
    outline: 2px solid #827dff;
    outline-offset: 2px;
}

.aiVisibilityDashboard_agenticFunnelStep__nUHpJ:hover {
    background: #f5f5ff;
}

.aiVisibilityDashboard_agenticFunnelSessions__cmHec {
    color: #605e5c;
}

.aiVisibilityDashboard_dashboard__8emwV .ms-TooltipHost {
    display: flex;
    align-items: center;
}

.aiVisibilityDashboard_dashboardCardShimmer__ARnES {
    margin: 42px 32px 0 32px;
}

.aiVisibilityDashboard_crawlerCard__9uMnO {
    display: flex;
    flex-direction: column;
    height: 100%;
    color: #323130;
}

.aiVisibilityDashboard_crawlerCard__9uMnO .aiVisibilityDashboard_pageTypeChartArea__wahGP {
    flex: 1;
    min-height: 0;
}

.aiVisibilityDashboard_pageRequestContainer__Gmzt9 {
    margin: 8px 32px 0 32px;
}

.aiVisibilityDashboard_pageRequestContainer__Gmzt9 > div {
    display: flex;
    align-items: center;
    gap: 20px;
    width: 100%;
    padding: 8px 24px;
    border-radius: 8px;
    border: 1px solid #eff6fc;
    align-self: center;
}

.aiVisibilityDashboard_pageRequestContainer__Gmzt9 .aiVisibilityDashboard_pagePercentage__VJLLx {
    font-weight: 600;
    color: #004578;
    font-size: 28px;
    line-height: 36px;
}

.aiVisibilityDashboard_pageRequestContainer__Gmzt9 .ms-TooltipHost {
    display: flex;
    align-items: center;
}

.aiVisibilityDashboard_pageRequestContainer__Gmzt9 .aiVisibilityDashboard_label__895fy strong {
    font-size: 12px;
}

.aiVisibilityDashboard_pageRequestContainer__Gmzt9 .aiVisibilityDashboard_label__895fy p {
    font-style: italic;
    font-size: 10px;
}

.aiVisibilityDashboard_pageRequestContainer__Gmzt9 .aiVisibilityDashboard_label__895fy {
    line-height: 16px;
}

.aiVisibilityDashboard_crawlersRows__OE1sx {
    display: flex;
    flex-direction: column;
    padding: 12px 28px 28px;
    overflow-y: auto;
    overflow-x: hidden;
    height: calc(100% - 5px);
}

.aiVisibilityDashboard_pageRequestContainer__Gmzt9 .aiVisibilityDashboard_crawlersRows__OE1sx {
    height: calc(100% - 67px);
}

.aiVisibilityDashboard_barChartRow__I9\+w3 .aiVisibilityDashboard_labelContainer__nXoD6 {
    display: grid;
    column-gap: 12px;
    margin-bottom: 2px;
    align-items: center;
    grid-template-columns: 253px 50px auto;
    padding: 4px;
    min-width: fit-content;
}

.aiVisibilityDashboard_barChartRow__I9\+w3 .aiVisibilityDashboard_labelContainer__nXoD6 .aiVisibilityDashboard_label__895fy {
    grid-column: span 3;
    display: flex;
    align-items: center;
    gap: 4px;
    height: 32px;
}

.aiVisibilityDashboard_barChartRow__I9\+w3 .aiVisibilityDashboard_clickable__nth2\+:hover {
    box-shadow:
        0px 0.3px 0.9px rgba(0, 0, 0, 0.1),
        0px 1.6px 3.6px rgba(0, 0, 0, 0.13);
    background: #faf9f8;
    border-radius: 8px;
    cursor: pointer;
}

.aiVisibilityDashboard_barChartRow__I9\+w3 .aiVisibilityDashboard_subLabelInfo__4cpl5 {
    display: flex;
    flex-direction: row;
}

.aiVisibilityDashboard_barChartRow__I9\+w3 .aiVisibilityDashboard_itemInfo__dfkKv,
.aiVisibilityDashboard_barChartRow__I9\+w3 .aiVisibilityDashboard_labelInfo__Rb76R {
    display: flex;
    flex-direction: row;
    gap: 8px;
    align-items: center;
}

.aiVisibilityDashboard_barChartRow__I9\+w3 .aiVisibilityDashboard_itemInfo__dfkKv img,
.aiVisibilityDashboard_barChartRow__I9\+w3 .aiVisibilityDashboard_labelInfo__Rb76R img,
.aiVisibilityDashboard_barChartRow__I9\+w3 .aiVisibilityDashboard_itemInfo__dfkKv i,
.aiVisibilityDashboard_barChartRow__I9\+w3 .aiVisibilityDashboard_labelInfo__Rb76R i {
    width: 16px;
}

.aiVisibilityDashboard_barChartRow__I9\+w3 .aiVisibilityDashboard_label__895fy .aiVisibilityDashboard_trendSelector__lK9zO,
.aiVisibilityDashboard_barChartRow__I9\+w3 .aiVisibilityDashboard_subLabel__eK0K\+ .aiVisibilityDashboard_trendSelector__lK9zO {
    margin-right: 10px;
}

.aiVisibilityDashboard_table__V3YTG td.aiVisibilityDashboard_trends__miORE,
.aiVisibilityDashboard_table__V3YTG .aiVisibilityDashboard_trendSelector__lK9zO {
    width: 40px;
    padding-right: 0;
}

tr.aiVisibilityDashboard_clickableRow__2zoLP:hover {
    cursor: pointer;
}

.aiVisibilityDashboard_barChartRow__I9\+w3 .aiVisibilityDashboard_label__895fy i {
    font-size: 10px;
}

.aiVisibilityDashboard_barChartRow__I9\+w3 .aiVisibilityDashboard_subCount__5nUSu,
.aiVisibilityDashboard_barChartRow__I9\+w3 .aiVisibilityDashboard_count__Qvjso {
    font-size: 12px;
    line-height: 16px;
}

.aiVisibilityDashboard_barChartRow__I9\+w3 .aiVisibilityDashboard_chart__eCzqe {
    flex: 1;
    gap: 4px;
    height: 6px;
    display: grid;
    margin: 5px 0;
    overflow: hidden;
}

.aiVisibilityDashboard_barChartRow__I9\+w3 .aiVisibilityDashboard_chart__eCzqe div {
    border-radius: 4px;
}

.aiVisibilityDashboard_barChartRow__I9\+w3 p,
.aiVisibilityDashboard_barChartRow__I9\+w3 strong {
    text-align: right;
    font-size: 12px;
    line-height: 16px;
}

.aiVisibilityDashboard_barChartRow__I9\+w3 .aiVisibilityDashboard_subLabel__eK0K\+ p {
    text-align: left;
}

.aiVisibilityDashboard_barChartRow__I9\+w3 .aiVisibilityDashboard_subPercent__z39Cb,
.aiVisibilityDashboard_barChartRow__I9\+w3 .aiVisibilityDashboard_subCount__5nUSu {
    color: #605e5c;
}

.aiVisibilityDashboard_barChartRow__I9\+w3 .aiVisibilityDashboard_itemContainer__JJNZb {
    display: grid;
    grid-template-columns: 256px 50px auto;
    align-items: center;
    margin-left: 4px;
    padding: 8px;
    margin-right: -4px;
}

.aiVisibilityDashboard_barChartRow__I9\+w3 .aiVisibilityDashboard_subLabel__eK0K\+ .ms-Checkbox-checkbox {
    height: 12px;
    width: 12px;
}

.aiVisibilityDashboard_barChartRow__I9\+w3 .aiVisibilityDashboard_subLabel__eK0K\+ .ms-Checkbox-checkmark {
    font-size: 10px;
}

.aiVisibilityDashboard_barChartRow__I9\+w3 .aiVisibilityDashboard_subLabel__eK0K\+ .ms-Checkbox-label {
    margin: 0;
}

.aiVisibilityDashboard_tableContainer__tpM9f {
    height: 100%;
    overflow-y: auto;
}

.aiVisibilityDashboard_tableContainer__tpM9f.aiVisibilityDashboard_withCallout__3vt8i {
    height: calc(100% - 115px);
}

.aiVisibilityDashboard_tableContainer__tpM9f .aiVisibilityDashboard_dropdownContainer__GogMZ {
    margin: 2px 24px 0;
    display: flex;
    justify-content: end;
    align-items: center;
}

.aiVisibilityDashboard_tableContainer__tpM9f .aiVisibilityDashboard_dropdownContainer__GogMZ .ms-Dropdown-title {
    display: flex;
    align-items: center;
    height: 24px;
    font-size: 12px;
    line-height: 16px;
    color: rgba(36, 36, 36, 1);
}

.aiVisibilityDashboard_tableContainer__tpM9f .aiVisibilityDashboard_dropdownContainer__GogMZ .ms-Dropdown-caretDownWrapper {
    top: 4px;
    height: 16px;
    font-size: 10px;
    line-height: 16px;
}

.aiVisibilityDashboard_tableContainer__tpM9f .aiVisibilityDashboard_table__V3YTG {
    margin: 16px 0 0 16px;
    height: calc(100% - 16px);
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 16px;
    color: #323130;
}

.aiVisibilityDashboard_tableContainer__tpM9f.aiVisibilityDashboard_withCallout__3vt8i .aiVisibilityDashboard_table__V3YTG {
    height: 100%;
}

.aiVisibilityDashboard_tableContainer__tpM9f .aiVisibilityDashboard_table__V3YTG.aiVisibilityDashboard_pathRequestTable__ZgncO {
    height: calc(100% - 16px);
}

.aiVisibilityDashboard_tableContainer__tpM9f .aiVisibilityDashboard_table__V3YTG td.domain,
.aiVisibilityDashboard_tableContainer__tpM9f .aiVisibilityDashboard_table__V3YTG td.page {
    max-width: 155px;
}

.aiVisibilityDashboard_pageTooltip__d3-yM {
    padding: 4px;
}

.aiVisibilityDashboard_tableContainer__tpM9f .aiVisibilityDashboard_table__V3YTG td.page .ms-TooltipHost {
    display: contents;
}

.aiVisibilityDashboard_tableContainer__tpM9f .aiVisibilityDashboard_table__V3YTG td.page .ms-TooltipHost .ms-Tooltip-subtext {
    font-size: 12px;
}

.aiVisibilityDashboard_tableContainer__tpM9f .aiVisibilityDashboard_table__V3YTG td.queryName {
    max-width: 265px;
    text-align: left;
}

.aiVisibilityDashboard_bwtLens__fDQv2.aiVisibilityDashboard_table__V3YTG td.queryName {
    max-width: 170px;
}

.aiVisibilityDashboard_bwtLens__fDQv2.aiVisibilityDashboard_trendsOpen__tIK6v.aiVisibilityDashboard_table__V3YTG td.queryName {
    max-width: 100px;
}

.aiVisibilityDashboard_tableContainer__tpM9f .aiVisibilityDashboard_table__V3YTG.aiVisibilityDashboard_topQueriesByCitationsTable__BrhPC th.queryName,
.aiVisibilityDashboard_tableContainer__tpM9f .aiVisibilityDashboard_table__V3YTG.aiVisibilityDashboard_topQueriesByCitationsTable__BrhPC td.queryName {
    width: 100%;
    max-width: none;
}

.aiVisibilityDashboard_tableContainer__tpM9f .aiVisibilityDashboard_table__V3YTG.aiVisibilityDashboard_topQueriesByCitationsTable__BrhPC th.pageCitations,
.aiVisibilityDashboard_tableContainer__tpM9f .aiVisibilityDashboard_table__V3YTG.aiVisibilityDashboard_topQueriesByCitationsTable__BrhPC td.pageCitations,
.aiVisibilityDashboard_tableContainer__tpM9f .aiVisibilityDashboard_table__V3YTG.aiVisibilityDashboard_topQueriesByCitationsTable__BrhPC th.shareOfAuthority,
.aiVisibilityDashboard_tableContainer__tpM9f .aiVisibilityDashboard_table__V3YTG.aiVisibilityDashboard_topQueriesByCitationsTable__BrhPC td.shareOfAuthority {
    width: 1%;
    white-space: nowrap;
}

.aiVisibilityDashboard_tableContainer__tpM9f .aiVisibilityDashboard_table__V3YTG td .aiVisibilityDashboard_domain__dcqJO,
.aiVisibilityDashboard_tableContainer__tpM9f .aiVisibilityDashboard_table__V3YTG td .aiVisibilityDashboard_domain__dcqJO.aiVisibilityDashboard_withLogo__BM85X {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 12px;
    max-width: 130px;
}

.expandedTable .aiVisibilityDashboard_tableContainer__tpM9f .aiVisibilityDashboard_table__V3YTG td .aiVisibilityDashboard_domain__dcqJO {
    max-width: 430px;
}

.expandedTable .aiVisibilityDashboard_tableContainer__tpM9f .aiVisibilityDashboard_table__V3YTG td .aiVisibilityDashboard_domain__dcqJO.aiVisibilityDashboard_withLogo__BM85X {
    max-width: 395px;
}

.aiVisibilityDashboard_tableContainer__tpM9f .aiVisibilityDashboard_table__V3YTG td .aiVisibilityDashboard_domain__dcqJO {
    max-width: 145px;
}

.aiVisibilityDashboard_tableContainer__tpM9f .aiVisibilityDashboard_table__V3YTG td .aiVisibilityDashboard_domain__dcqJO.aiVisibilityDashboard_multipleLines__ibw0T {
    max-width: 100%;
}

.aiVisibilityDashboard_domain__dcqJO.aiVisibilityDashboard_withLogo__BM85X img,
.aiVisibilityDashboard_domain__dcqJO.aiVisibilityDashboard_withLogo__BM85X i {
    height: 16px;
}

.aiVisibilityDashboard_domain__dcqJO.aiVisibilityDashboard_withLogo__BM85X i {
    color: #797775;
}

.aiVisibilityDashboard_tableContainer__tpM9f .aiVisibilityDashboard_table__V3YTG td .aiVisibilityDashboard_domain__dcqJO a,
.aiVisibilityDashboard_tableContainer__tpM9f .aiVisibilityDashboard_table__V3YTG td .aiVisibilityDashboard_domain__dcqJO span {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.aiVisibilityDashboard_tableContainer__tpM9f .aiVisibilityDashboard_table__V3YTG td .aiVisibilityDashboard_domain__dcqJO.aiVisibilityDashboard_multipleLines__ibw0T span,
.aiVisibilityDashboard_tableContainer__tpM9f .aiVisibilityDashboard_table__V3YTG td .aiVisibilityDashboard_domain__dcqJO.aiVisibilityDashboard_multipleLines__ibw0T a,
.aiVisibilityDashboard_tableContainer__tpM9f .aiVisibilityDashboard_table__V3YTG td.queryName span,
.aiVisibilityDashboard_tableContainer__tpM9f .aiVisibilityDashboard_table__V3YTG td.page a,
.aiVisibilityDashboard_tableContainer__tpM9f .aiVisibilityDashboard_table__V3YTG td.topic p,
.aiVisibilityDashboard_tableContainer__tpM9f .aiVisibilityDashboard_table__V3YTG td.pageUrl a {
    white-space: unset;
    text-overflow: unset;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-word;
    overflow: hidden;
}

.aiVisibilityDashboard_tableContainer__tpM9f .aiVisibilityDashboard_table__V3YTG td.queryName span.aiVisibilityDashboard_queryWordSegment__hqDZ\+ {
    display: inline;
    overflow: visible;
    -webkit-line-clamp: unset;
    -webkit-box-orient: unset;
}

.aiVisibilityDashboard_tableContainer__tpM9f .aiVisibilityDashboard_table__V3YTG td.aiVisibilityDashboard_rowIndex__izghK,
.aiVisibilityDashboard_tableContainer__tpM9f .aiVisibilityDashboard_table__V3YTG td.page a,
.aiVisibilityDashboard_tableContainer__tpM9f .aiVisibilityDashboard_table__V3YTG td.pageUrl a {
    text-decoration: none;
    font-size: 12px;
    line-height: 16px;
}

.aiVisibilityDashboard_tableContainer__tpM9f .aiVisibilityDashboard_table__V3YTG td span {
    font-size: 12px;
    line-height: 16px;
}

.aiVisibilityDashboard_tableContainer__tpM9f .aiVisibilityDashboard_table__V3YTG td.pageUrl a:hover {
    color: #0078d4;
}

.aiVisibilityDashboard_tableContainer__tpM9f .aiVisibilityDashboard_table__V3YTG th.citedQuery,
.aiVisibilityDashboard_tableContainer__tpM9f .aiVisibilityDashboard_table__V3YTG th.pageCitations,
.aiVisibilityDashboard_tableContainer__tpM9f .aiVisibilityDashboard_table__V3YTG th.queryVolume,
.aiVisibilityDashboard_tableContainer__tpM9f .aiVisibilityDashboard_table__V3YTG th.avgPosition,
.aiVisibilityDashboard_tableContainer__tpM9f .aiVisibilityDashboard_table__V3YTG th.myCitation,
.aiVisibilityDashboard_tableContainer__tpM9f .aiVisibilityDashboard_table__V3YTG th.citationRate,
.aiVisibilityDashboard_tableContainer__tpM9f .aiVisibilityDashboard_table__V3YTG th.pageCitations,
.aiVisibilityDashboard_tableContainer__tpM9f .aiVisibilityDashboard_table__V3YTG th.shareOfAuthority,
.aiVisibilityDashboard_tableContainer__tpM9f .aiVisibilityDashboard_table__V3YTG td.pageCitations,
.aiVisibilityDashboard_tableContainer__tpM9f .aiVisibilityDashboard_table__V3YTG td.citedQuery,
.aiVisibilityDashboard_tableContainer__tpM9f .aiVisibilityDashboard_table__V3YTG td.pageCitations,
.aiVisibilityDashboard_tableContainer__tpM9f .aiVisibilityDashboard_table__V3YTG td.queryVolume,
.aiVisibilityDashboard_tableContainer__tpM9f .aiVisibilityDashboard_table__V3YTG td.avgPosition,
.aiVisibilityDashboard_tableContainer__tpM9f .aiVisibilityDashboard_table__V3YTG td.myCitation,
.aiVisibilityDashboard_tableContainer__tpM9f .aiVisibilityDashboard_table__V3YTG td.citationRate,
.aiVisibilityDashboard_tableContainer__tpM9f .aiVisibilityDashboard_table__V3YTG td.shareOfAuthority {
    text-align: right;
}

.aiVisibilityDashboard_queryNameCell__bWVCc {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 4px;
}

.aiVisibilityDashboard_queryTypeTag__gW52Y {
    display: flex;
    justify-content: center;
    align-items: center;
    white-space: nowrap;
    padding: 2.5px 6px 3.5px;
    border-radius: 4px;
    font-weight: 600;
    font-size: 10px;
    line-height: 14px;
    letter-spacing: 0;
}

.aiVisibilityDashboard_segmentedBar__L8V8z {
    display: grid;
    gap: 2px;
    width: 100%;
    overflow: hidden;
}

.aiVisibilityDashboard_segmentedBar__L8V8z > div {
    min-width: 0;
}

.aiVisibilityDashboard_segmentedBarRounded__K6qP8 > div {
    border-radius: 4px;
}

.aiVisibilityDashboard_queryTypeTag__gW52Y.aiVisibilityDashboard_branded__XchPV {
    background-color: #eaeaff;
    color: #020057;
}

.aiVisibilityDashboard_queryTypeTag__gW52Y.aiVisibilityDashboard_nonBranded__X0nu3 {
    background-color: #f0f0f0;
    color: #616161;
}

.aiVisibilityDashboard_brandedQueryWord__YoTPH {
    background-color: #eaeaff;
    border-radius: 2px;
    box-decoration-break: clone;
}

.aiVisibilityDashboard_tableContainer__tpM9f .aiVisibilityDashboard_table__V3YTG .aiVisibilityDashboard_requestsContainer__YO72N {
    display: grid;
    font-size: 12px;
    color: #323130;
    line-height: 16px;
    text-align: right;
    grid-template-columns: 46px auto;
}

.aiVisibilityDashboard_tableContainer__tpM9f .aiVisibilityDashboard_table__V3YTG .aiVisibilityDashboard_requestsContainer__YO72N .aiVisibilityDashboard_percent__lK3rH {
    font-weight: 600;
}

.aiVisibilityDashboard_tableContainer__tpM9f .aiVisibilityDashboard_table__V3YTG .aiVisibilityDashboard_contentTypeTag__zFCKf {
    padding: 3px 8px;
    border-radius: 4px;
    background: #eaeaff;
    color: #020057;
}

.aiVisibilityDashboard_tableContainer__tpM9f .aiVisibilityDashboard_table__V3YTG .aiVisibilityDashboard_ownDomainTag__mlZJg {
    padding: 3px 8px;
    border-radius: 4px;
    background: #fae9ff;
    color: #cc00df;
}

.aiVisibilityDashboard_tableContainer__tpM9f .aiVisibilityDashboard_table__V3YTG .aiVisibilityDashboard_competitorDomainTag__hzpPh {
    padding: 3px 8px;
    border-radius: 4px;
    background: #fff1dd;
    color: #543200;
}

.aiVisibilityDashboard_tableContainer__tpM9f .aiVisibilityDashboard_table__V3YTG .aiVisibilityDashboard_thirdPartyDomainTag__joIMs {
    padding: 3px 8px;
    border-radius: 4px;
    background: #deecf9;
    color: #004578;
}

.aiVisibilityDashboard_tableContainer__tpM9f .aiVisibilityDashboard_table__V3YTG.aiVisibilityDashboard_aiEconomyTable__Pnzs\+ td {
    vertical-align: bottom;
}

.aiVisibilityDashboard_tableContainer__tpM9f .aiVisibilityDashboard_table__V3YTG.aiVisibilityDashboard_aiEconomyTable__Pnzs\+ .aiVisibilityDashboard_topicColumn__nGruw {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.aiVisibilityDashboard_tableContainer__tpM9f .aiVisibilityDashboard_table__V3YTG.aiVisibilityDashboard_aiEconomyTable__Pnzs\+ .topic {
    min-width: 270px;
    max-width: 270px;
}

.aiVisibilityDashboard_tableContainer__tpM9f .aiVisibilityDashboard_table__V3YTG.aiVisibilityDashboard_aiEconomyTable__Pnzs\+ th.pageCitations,
.aiVisibilityDashboard_tableContainer__tpM9f .aiVisibilityDashboard_table__V3YTG.aiVisibilityDashboard_aiEconomyTable__Pnzs\+ td.pageCitations,
.aiVisibilityDashboard_tableContainer__tpM9f .aiVisibilityDashboard_table__V3YTG.aiVisibilityDashboard_aiEconomyTable__Pnzs\+ th.shareOfAuthority,
.aiVisibilityDashboard_tableContainer__tpM9f .aiVisibilityDashboard_table__V3YTG.aiVisibilityDashboard_aiEconomyTable__Pnzs\+ td.shareOfAuthority {
    text-align: center;
}

.aiVisibilityDashboard_tableContainer__tpM9f .aiVisibilityDashboard_table__V3YTG.aiVisibilityDashboard_aiEconomyTable__Pnzs\+ table {
    width: auto;
}

.aiVisibilityDashboard_tableContainer__tpM9f .aiVisibilityDashboard_table__V3YTG.aiVisibilityDashboard_aiEconomyTable__Pnzs\+ .action {
    text-align: right;
    padding: 0 12px;
}

.aiVisibilityDashboard_cardShimmer__sNjZp {
    margin: 16px 20px 0;
}

.aiVisibilityDashboard_tableContainer__tpM9f table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    table-layout: auto;
}

.aiVisibilityDashboard_tableContainer__tpM9f thead tr {
    background: #ffffff;
}

.aiVisibilityDashboard_tableContainer__tpM9f thead {
    position: sticky;
    top: 0;
    z-index: 1;
}

.aiVisibilityDashboard_topicsListContainer__5v6BJ .aiVisibilityDashboard_tableContainer__tpM9f thead {
    top: 24px;
}

.aiVisibilityDashboard_topicsListContainer__5v6BJ .aiVisibilityDashboard_tableContainer__tpM9f .aiVisibilityDashboard_emptyPadding__d0cT7 {
    top: 0;
    position: sticky;
    height: 24px;
    background: #fff;
    width: 100%;
}

.aiVisibilityDashboard_tableContainer__tpM9f .aiVisibilityDashboard_paginating__\+1yyH {
    margin-bottom: 8px;
}

.aiVisibilityDashboard_tableContainer__tpM9f th {
    font-size: 12px;
    line-height: 16px;
    color: #161514;
    font-weight: 600;
    white-space: nowrap;
    border-bottom: 1px solid #edebe9;
}

.aiVisibilityDashboard_tableContainer__tpM9f th,
.aiVisibilityDashboard_tableContainer__tpM9f td {
    padding: 8px 12px;
    text-align: left;
    vertical-align: middle;
    font-size: 12px;
    line-height: 16px;
}

.aiVisibilityDashboard_tableContainer__tpM9f th.requests {
    text-align: right;
}

.aiVisibilityDashboard_tableContainer__tpM9f th button {
    width: 16px;
    height: 16px;
    font-size: 12px;
}

.aiVisibilityDashboard_tableContainer__tpM9f th i {
    font-size: 12px;
    color: #161514;
}

.aiVisibilityDashboard_tableContainer__tpM9f td {
    border-bottom: 1px solid #e1e1e1;
    box-sizing: border-box;
}

.aiVisibilityDashboard_tableContainer__tpM9f .aiVisibilityDashboard_table__V3YTG.aiVisibilityDashboard_aiEconomyTable__Pnzs\+ th,
.aiVisibilityDashboard_tableContainer__tpM9f .aiVisibilityDashboard_table__V3YTG.aiVisibilityDashboard_aiEconomyTable__Pnzs\+ td {
    border: none;
}

.aiVisibilityDashboard_tableContainer__tpM9f tbody tr:last-child td {
    border-bottom: none;
}

.aiVisibilityDashboard_tableContainer__tpM9f tbody tr:hover td {
    background: var(--neutralLighter, #f3f3f3);
}

.aiVisibilityDashboard_tableContainer__tpM9f .aiVisibilityDashboard_table__V3YTG.aiVisibilityDashboard_aiEconomyTable__Pnzs\+ tr:hover td {
    background: initial;
}

.aiVisibilityDashboard_tableContainer__tpM9f .aiVisibilityDashboard_table__V3YTG.aiVisibilityDashboard_aiEconomyTable__Pnzs\+ tr.aiVisibilityDashboard_clickableRow__2zoLP:hover {
    box-shadow:
        0px 0.3px 0.9px rgba(0, 0, 0, 0.1),
        0px 1.6px 3.6px rgba(0, 0, 0, 0.13);
    background: #faf9f8;
    border-radius: 4px;
}

.aiVisibilityDashboard_tableContainer__tpM9f .aiVisibilityDashboard_table__V3YTG.aiVisibilityDashboard_aiEconomyTable__Pnzs\+ thead tr {
    box-shadow: 0 -4px 0 4px #ffffff;
}

.aiVisibilityDashboard_tokenInvalidBannerContainer__Bl5ej {
    width: 100%;
    padding: 12px 32px 4px 32px;
}

.aiVisibilityDashboard_tokenInvalidBanner__mapTV {
    width: 100%;
    height: 36px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 12px;
    border-radius: 4px;
    border: 1px solid #eeacb2;
    background-color: #fdf3f4;
}

.aiVisibilityDashboard_tokenInvalidBannerContent__aOlE\+ {
    display: flex;
    align-items: center;
    gap: 8px;
}

.aiVisibilityDashboard_tokenInvalidBannerIcon__w5bxY {
    width: 20px;
    height: 20px;
    color: #b10e1c;
    display: flex;
    justify-content: center;
    align-items: center;
}

.aiVisibilityDashboard_tokenInvalidBannerTitle__c01Gu {
    font-weight: 600;
}

.aiVisibilityDashboard_tokenInvalidBannerSubtitle__P4baB,
.aiVisibilityDashboard_tokenInvalidBannerTitle__c01Gu,
.aiVisibilityDashboard_topicInsightsUpsellBannerSubtitle__RIH50 {
    color: #242424;
}

.aiVisibilityDashboard_tokenInvalidBannerActionGroup__SzWfc {
    display: flex;
    align-items: center;
    gap: 8px;
}

.aiVisibilityDashboard_topicInsightsUpsellBannerContainer__6oxhy {
    width: 100%;
    padding: 8px 32px 16px 32px;
}

.aiVisibilityDashboard_topicInsightsUpsellBanner__5G3jg {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    padding: 12px 16px;
    border-radius: 6px;
    border: 1px solid #b4c7ff;
    background: linear-gradient(90deg, #f7f9ff 0%, #f4f7ff 100%);
}

.aiVisibilityDashboard_topicInsightsUpsellBannerContent__BVbF\+ {
    margin-left: 8px;
}

.aiVisibilityDashboard_topicInsightsUpsellBannerTitle__K8tlE {
    color: #020057;
    font-weight: 600;
}

.aiVisibilityDashboard_topicInsightsUpsellBannerSubtitle__RIH50 {
    font-size: 12px;
    line-height: 24px;
}

.aiVisibilityDashboard_topicInsightsUpsellBannerActionGroup__0xYV\+ {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
}

.aiVisibilityDashboard_topicInsightsUpsellBannerActionGroup__0xYV\+ i {
    color: #424242;
}

.aiVisibilityDashboard_dashboardHeader__wxHOl {
    display: flex;
    width: 100%;
    align-items: center;
    padding: 0 32px 0 20px;
    justify-content: space-between;
    border-bottom: 1px solid #c7e0f4;
}

.aiVisibilityDashboard_dashboardHeader__wxHOl .aiVisibilityDashboard_titleContainer__lrM4v {
    display: flex;
    align-items: center;
}

.aiVisibilityDashboard_dashboardTitle__UyKjm,
.aiVisibilityDashboard_filterHeaderWrapper__ZBOCr .aiVisibilityDashboard_title__pMZdV,
.aiVisibilityDashboard_dashboardHeader__wxHOl .aiVisibilityDashboard_title__pMZdV,
.aiVisibilityDashboard_topicInsightsHeaderContainer__jmMu6 .aiVisibilityDashboard_headerText__1K0Vg {
    color: #161514;
    font-size: 20px;
    font-weight: 600;
    line-height: 28px;
}

.aiVisibilityDashboard_filterHeaderWrapper__ZBOCr .aiVisibilityDashboard_title__pMZdV,
.aiVisibilityDashboard_dashboardTitle__UyKjm {
    text-wrap: nowrap;
    padding-right: 32px;
}

.aiVisibilityDashboard_agenticHeaderTitle__r3xx\+ {
    display: flex;
    align-items: center;
    gap: 8px;
}

.aiVisibilityDashboard_dashboardTitle__UyKjm {
    padding: 12px 32px 16px;
}

.aiVisibilityDashboard_dashboardHeader__wxHOl .aiVisibilityDashboard_title__pMZdV {
    margin: 16px 12px;
}

.aiVisibilityDashboard_dashboardHeader__wxHOl .aiVisibilityDashboard_pivots__mTA4C {
    width: 100%;
    height: 56px;
}

.aiVisibilityDashboard_dashboardHeader__wxHOl .aiVisibilityDashboard_pivots__mTA4C .ms-Button {
    height: 56px;
    padding: 0 24px;
    margin: 0;
}

.aiVisibilityDashboard_dashboardHeader__wxHOl .aiVisibilityDashboard_pivots__mTA4C .ms-Button:is(:hover, :active) {
    background-color: transparent;
}

.aiVisibilityDashboard_dashboardHeader__wxHOl .aiVisibilityDashboard_pivots__mTA4C .ms-Pivot-link.is-selected:before {
    background-color: #827dff;
    height: 3px;
    border-radius: 8px;
}

.aiVisibilityDashboard_dashboardHeader__wxHOl .aiVisibilityDashboard_pivots__mTA4C .ms-Pivot-text {
    color: #424242;
    font-size: 18px;
}

.aiVisibilityDashboard_dashboardHeader__wxHOl .aiVisibilityDashboard_pivots__mTA4C .is-selected .ms-Pivot-text {
    color: #242424;
}

.aiVisibilityDashboard_dashboardHeader__wxHOl .aiVisibilityDashboard_pivots__mTA4C .ms-Button:hover .ms-Pivot-text {
    font-weight: 600;
}

.aiVisibilityDashboard_topQueriesContainer__z27\+W {
    display: flex;
    flex-direction: column;
    height: 100%;
    margin: 35px 17px;
    gap: 10px;
}

.aiVisibilityDashboard_queryItem__TXh6G {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    border-top: #bcbab7 1px solid;
    padding-top: 10px;
}

.aiVisibilityDashboard_queryString__PICHT {
    width: 70%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.aiVisibilityDashboard_shareOfAuthorityShimmerContainer__iAnjD {
    display: flex;
    flex-direction: column;
    padding: 16px 8px;
}

.aiVisibilityDashboard_ShareOfAuthorityPieChart__ul8ZC {
    position: relative;
    margin: -24px 8px 0 8px;
    --pie-chart-legend-margin-bottom: 12px;
}

.aiVisibilityDashboard_shareOfAuthorityBrandedSplit__21mSg {
    padding: 0 32px;
}

.aiVisibilityDashboard_brandedSplitTitle__EUJAi {
    font-weight: 600;
    color: #242424;
    font-size: 12px;
    margin-bottom: 12px;
}

.aiVisibilityDashboard_brandedSplitCard__41mBV {
    display: flex;
    align-items: center;
    margin-bottom: 12px;
    padding: 8px 20px;
    border: 1px solid #eff6fc;
    border-radius: 8px;
    cursor: pointer;
}

.aiVisibilityDashboard_brandedSplitCardMain__vlKc6 {
    flex-grow: 1;
    min-width: 0;
}

.aiVisibilityDashboard_brandedSplitCard__41mBV:hover {
    border-color: #0078d4;
    background-color: #f3f9fd;
}

.aiVisibilityDashboard_brandedSplitCard__41mBV:focus-visible {
    outline: 2px solid #0078d4;
    outline-offset: 2px;
}

.aiVisibilityDashboard_brandedSplitCardTitle__rq\+Hu {
    display: flex;
    align-items: center;
    font-size: 12px;
    font-weight: 600;
    color: #242424;
}

.aiVisibilityDashboard_brandedSplitCardContent__6pIYx {
    margin-top: 4px;
    display: flex;
    align-items: baseline;
}

.aiVisibilityDashboard_brandedSplitCardPercentage__xflTc {
    font-size: 16px;
    font-weight: 600;
    color: #004578;
    min-width: 53px;
}

.aiVisibilityDashboard_brandedSplitCardCount__-u-CV {
    font-size: 12px;
    color: #242424;
    margin-left: 12px;
}

.aiVisibilityDashboard_brandedSplitEditTooltip__jLre- {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    margin-left: 12px;
}

.aiVisibilityDashboard_brandedSplitEditButton__mAMjp {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    padding: 2px;
    border: none;
    border-radius: 4px;
    background: transparent;
    cursor: pointer;
}

.aiVisibilityDashboard_brandedSplitEditButton__mAMjp:hover {
    background: #f3f2f1;
}

.aiVisibilityDashboard_brandedSplitEditButton__mAMjp:focus-visible {
    outline: 2px solid #0078d4;
    outline-offset: 2px;
}

.aiVisibilityDashboard_brandedSplitEditButton__mAMjp svg {
    width: 18px;
    height: 18px;
}

.aiVisibilityDashboard_brandedSplitEditButton__mAMjp path {
    fill: #0078d4;
}

.aiVisibilityDashboard_teachingPopoverTrigger__CEvqm {
    position: absolute;
    top: 238px;
    right: 8px;
}

.aiVisibilityDashboard_teachingPopoverContent__zTsg9 {
    padding: 16px 16px 4px;
    width: 320px;
}

.aiVisibilityDashboard_teachingPopoverBodyText__qBQrg {
    font-size: 14px;
    line-height: 20px;
    color: #242424;
}

.aiVisibilityDashboard_reviewCompetitorsContainer__NwM85 {
    width: 100%;
    padding: 8px 24px 16px;
}

.aiVisibilityDashboard_reviewCompetitorsContent__reA29 {
    width: 100%;
    padding: 16px 24px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    border: 1px solid transparent;
    border-radius: 8px;
    background:
        linear-gradient(#fff, #fff) padding-box,
        linear-gradient(180deg, #aa65ff, #009af9, #656aff) border-box;
}

.aiVisibilityDashboard_reviewCompetitorsText__GVsAa {
    font-weight: 600;
    font-size: 12px;
    line-height: 16px;
    color: #1b1a19;
}

.aiVisibilityDashboard_reviewCompetitorsContent__reA29 .ms-Button {
    min-width: 69px;
    width: 69px;
}

.aiVisibilityDashboard_filterHeaderWrapper__ZBOCr,
.aiVisibilityDashboard_topicInsightsHeaderContainer__jmMu6 {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 12px 32px 16px;
    background: #eff6fc;
    position: sticky;
    top: 0;
    z-index: 10;
}

.aiVisibilityDashboard_topicInsightsOverviewContainer__TDegY,
.aiVisibilityDashboard_topicInsightsZeroStateContainer__-No4k {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.aiVisibilityDashboard_topicInsightsOverviewContainer__TDegY {
    overflow-y: auto;
}

.aiVisibilityDashboard_noTopicsZeroStateContainer__mQxYq {
    height: 100%;
}

.aiVisibilityDashboard_topicInsightsZeroStateContent__BkAZK {
    display: flex;
    flex-direction: column;
    height: calc(100% - 56px);
    justify-content: center;
    gap: 24px;
}

.aiVisibilityDashboard_topicInsightsHeaderContainer__jmMu6 {
    justify-content: space-between;
}

.aiVisibilityDashboard_topicInsightsZeroStateContainer__-No4k .aiVisibilityDashboard_topicInsightsHeaderContainer__jmMu6 {
    padding-bottom: 0;
}

.aiVisibilityDashboard_topicInsightsHeaderContainer__jmMu6 .aiVisibilityDashboard_headerText__1K0Vg {
    display: flex;
    align-items: center;
    gap: 8px;
}

.aiVisibilityDashboard_topicInsightsActions__-LmIw {
    display: flex;
    align-items: center;
    gap: 8px;
}

.aiVisibilityDashboard_editTopicTitleModalContent__SJT3F .aiVisibilityDashboard_topicInsightActions__LPn29 {
    margin-top: 24px;
}

.aiVisibilityDashboard_topicInsightsZeroStateContainer__-No4k .aiVisibilityDashboard_content__Pe6G1 {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 42px;
    padding: 24px;
    margin: 0 32px;
    background: #f4f7ff;
    border-radius: 8px;
}

.aiVisibilityDashboard_topicInsightsZeroStateContainer__-No4k .aiVisibilityDashboard_content__Pe6G1 h3 {
    color: #323130;
    font-weight: 600;
    font-size: 24px;
    line-height: 32px;
}

.aiVisibilityDashboard_topicInsightsZeroStateContainer__-No4k .aiVisibilityDashboard_content__Pe6G1 svg {
    height: fit-content;
}

.aiVisibilityDashboard_topicInsightsZeroStateContainer__-No4k .aiVisibilityDashboard_content__Pe6G1 p {
    color: #323130;
    font-size: 12px;
    line-height: 16px;
}

.aiVisibilityDashboard_topicInsightsZeroStateContainer__-No4k .aiVisibilityDashboard_content__Pe6G1 div {
    max-width: 420px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.aiVisibilityDashboard_noTopicsZeroStateContainer__mQxYq .aiVisibilityDashboard_actions__f0A-e,
.aiVisibilityDashboard_topicInsightsZeroStateContainer__-No4k .aiVisibilityDashboard_actions__f0A-e {
    margin: 0 32px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
    padding-bottom: 24px;
}

.aiVisibilityDashboard_topicInsightsZeroStateContainer__-No4k .aiVisibilityDashboard_actions__f0A-e .aiVisibilityDashboard_createFromScratchButton__wtbUf {
    background: transparent;
    color: #242424;
    border-color: #d1d1d1;
}

.aiVisibilityDashboard_dashboard__8emwV.aiVisibilityDashboard_scrolled__8oXs8 .aiVisibilityDashboard_filterHeaderWrapper__ZBOCr {
    box-shadow:
        0px 0.6px 1.8px rgba(131, 126, 255, 0.1),
        0px 3.2px 7.2px rgba(131, 126, 255, 0.12);
    z-index: 5;
}

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

.aiVisibilityDashboard_filtersContainer__g4dck .aiVisibilityDashboard_filterBadges__HDawQ {
    display: flex;
    align-items: center;
    flex-direction: row;
    gap: 12px;
    width: calc(100% - 310px);
}

.aiVisibilityDashboard_filtersContainer__g4dck .aiVisibilityDashboard_filterBadges__HDawQ .ms-layer {
    display: none;
}

.aiVisibilityDashboard_botActivityFiltersWithHeader__bl7FM.aiVisibilityDashboard_filtersContainer__g4dck {
    width: calc(100% - 160px);
}

.aiVisibilityDashboard_agenticFiltersWithHeader__cH0Yc.aiVisibilityDashboard_filtersContainer__g4dck {
    width: calc(100% - 220px);
}

.aiVisibilityDashboard_agenticFiltersWithHeader__cH0Yc.aiVisibilityDashboard_filtersContainer__g4dck .aiVisibilityDashboard_filterBadges__HDawQ,
.aiVisibilityDashboard_botActivityFiltersWithHeader__bl7FM.aiVisibilityDashboard_filtersContainer__g4dck .aiVisibilityDashboard_filterBadges__HDawQ,
.aiVisibilityDashboard_botActivityFilters__6hEME.aiVisibilityDashboard_filtersContainer__g4dck .aiVisibilityDashboard_filterBadges__HDawQ {
    width: calc(100% - 16px);
}

.aiVisibilityDashboard_agenticFilters__o-VIw.aiVisibilityDashboard_filtersContainer__g4dck .aiVisibilityDashboard_filterBadges__HDawQ {
    width: auto;
    flex: 1;
}

.aiVisibilityDashboard_badge__QoXT1,
.aiVisibilityDashboard_filterBadges__HDawQ button {
    min-width: fit-content;
}

.aiVisibilityDashboard_badge__QoXT1 {
    display: flex;
    align-items: center;
    flex-direction: row;
    padding: 5px 8px 5px 8px;
    width: fit-content;
    border-radius: 4px;
    height: 32px;
    margin-left: 0px;
    cursor: pointer;
    background-color: #fff;
    color: #004578;
    border: 1px solid #0078d4;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
}

.aiVisibilityDashboard_badge__QoXT1.ms-Dropdown:focus::after {
    border: none;
}

.aiVisibilityDashboard_badge__QoXT1 i {
    width: 24px;
    display: flex;
    font-size: 8px;
    align-items: center;
    justify-content: center;
}

.aiVisibilityDashboard_badge__QoXT1 .ms-Dropdown-title {
    padding: 0;
    border: none;
    color: #004578;
    background-color: transparent;
}

.aiVisibilityDashboard_badge__QoXT1 .ms-Dropdown-title div {
    line-height: 32px;
}

.aiVisibilityDashboard_badge__QoXT1 .ms-Dropdown-caretDownWrapper {
    padding: 0;
    display: flex;
    position: static;
    align-items: center;
    line-height: inherit;
    justify-content: center;
}

.aiVisibilityDashboard_badge__QoXT1 .aiVisibilityDashboard_badgeLabel__Xss3h {
    display: flex;
    flex-direction: row;
    gap: 4px;
}

.aiVisibilityDashboard_dateFilterCallout__PKb0z {
    background-color: #fff;
    padding: 8px 12px 12px;
    min-width: 180px;
}

.aiVisibilityDashboard_dateFilterCallout__PKb0z .dateTimeContent {
    box-shadow: unset;
}

.aiVisibilityDashboard_howItWorks__3JUqy {
    gap: 4px;
    display: flex;
    cursor: pointer;
    justify-content: center;
    align-items: center;
}

.aiVisibilityDashboard_howItWorks__3JUqy span {
    color: #242424;
    font-size: 12px;
    line-height: 16px;
}

.aiVisibilityDashboard_howItWorks__3JUqy .aiVisibilityDashboard_infoIcon__QhYjD {
    height: 20px;
}

.aiVisibilityDashboard_zeroStateContainer__\+pNl3 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.aiVisibilityDashboard_splitMessageState__bFxl8 {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 40px;
    height: 100%;
    padding: 32px;
    position: relative;
}

.aiVisibilityDashboard_splitMessageCenteredSpinner__BbYBx {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.aiVisibilityDashboard_loadingHeader__8w-d0 {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
}

.aiVisibilityDashboard_splitMessageState__bFxl8 .aiVisibilityDashboard_splitMessageText__M7Syq {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding-left: 60px;
    gap: 8px;
    flex: 1;
    max-width: 668px;
}

.aiVisibilityDashboard_splitMessageState__bFxl8 .aiVisibilityDashboard_splitMessageText__M7Syq h3 {
    background: linear-gradient(280.75deg, #0078d4 0%, #9692ff 94.81%);
    font-size: 16px;
    line-height: 22px;
    font-weight: 600;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    margin: 0;
}

.aiVisibilityDashboard_splitMessageState__bFxl8 .aiVisibilityDashboard_splitMessageText__M7Syq h2 {
    font-size: 24px;
    line-height: 32px;
    font-weight: 600;
    color: #323130;
    margin: 0;
}

.aiVisibilityDashboard_splitMessageState__bFxl8 .aiVisibilityDashboard_splitMessageText__M7Syq p {
    font-size: 14px;
    line-height: 20px;
    color: #323130;
    margin: 0;
}

.aiVisibilityDashboard_splitMessageState__bFxl8 > svg {
    transform: scale(1.3);
    transform-origin: center;
    flex-shrink: 0;
}

.aiVisibilityDashboard_topicSimulationState__pRN-A {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    padding: 32px;
    text-align: center;
}

.aiVisibilityDashboard_topicSimulationStateBody__Cfanw {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    max-width: 520px;
}

.aiVisibilityDashboard_topicSimulationStateStatus__Wi8QW {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
    margin-bottom: 8px;
    font-size: 16px;
    line-height: 22px;
    font-weight: 600;
}

.aiVisibilityDashboard_topicSimulationStateIllustration__57fjV {
    margin-bottom: 60px;
}

.aiVisibilityDashboard_topicSimulationState__pRN-A .aiVisibilityDashboard_topicSimulationStateIllustration__57fjV svg {
    width: 100%;
    height: auto;
}

.aiVisibilityDashboard_topicSimulationStateStatusText__pdSfI {
    background: linear-gradient(281deg, #0078d4 0%, #9692ff 94.81%);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
}

.aiVisibilityDashboard_topicSimulationStateTitle__D7fvy {
    font-size: 24px;
    line-height: 32px;
    font-weight: 600;
    color: #323130;
    margin-bottom: 24px;
}

.aiVisibilityDashboard_topicSimulationStateDescription__ne\+j0 {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: #323130;
}

.aiVisibilityDashboard_topicSimulationStateButton__QWRoy {
    margin-top: 24px;
}

.aiVisibilityDashboard_topicSimulationStateButton__QWRoy.ms-Button {
    padding: 5px 8px;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
}

.aiVisibilityDashboard_zeroStateTitle__VNGvl {
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    color: #020057;
    margin-bottom: 24px;
}

.aiVisibilityDashboard_zeroStateSubtitle__m4L5M {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #020057;
}

.aiVisibilityDashboard_zeroStateButton__RU3PL {
    margin-top: 24px;
}

.aiVisibilityDashboard_verificationButtons__Yq3Gp {
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: center;
}

.aiVisibilityDashboard_verificationButtonsRow__Z2vd4 {
    display: flex;
    gap: 16px;
    align-items: center;
}

.aiVisibilityDashboard_verificationSetupState__-NtgB {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 40px;
    height: 100%;
    padding: 60px 32px;
}

.aiVisibilityDashboard_verificationSetupText__9aYhO {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding-left: 60px;
    flex: 1;
    max-width: 668px;
}

.aiVisibilityDashboard_verificationSetupText__9aYhO h3 {
    background: linear-gradient(280.75deg, #0078d4 0%, #9692ff 94.81%);
    font-size: 16px;
    line-height: 22px;
    font-weight: 600;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    margin: 0;
}

.aiVisibilityDashboard_verificationSetupText__9aYhO h2 {
    font-size: 24px;
    line-height: 32px;
    font-weight: 600;
    color: #323130;
    margin: 0 0 24px;
}

.aiVisibilityDashboard_verificationSetupTitleGroup__gVJyu {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.aiVisibilityDashboard_verificationSetupText__9aYhO p {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: #323130;
    margin: 0;
}

.aiVisibilityDashboard_verificationSetupText__9aYhO a {
    font-size: 14px;
    line-height: 20px;
    color: #0078d4;
    text-decoration: none;
}

.aiVisibilityDashboard_verificationSetupText__9aYhO a:hover {
    text-decoration: underline;
}

.aiVisibilityDashboard_verificationSetupRight__OgY8z {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
    flex: 1;
    max-width: 608px;
    min-width: 608px;
}

/* Agent Activity renders the shared verification states below its own Back button. */
.aiVisibilityDashboard_agenticDomainVerification__w9sZE .aiVisibilityDashboard_splitMessageState__bFxl8,
.aiVisibilityDashboard_agenticDomainVerification__w9sZE .aiVisibilityDashboard_verificationSetupState__-NtgB {
    flex: 1;
    height: auto;
    min-height: 0;
    overflow: hidden;
}

.aiVisibilityDashboard_agenticDomainVerification__w9sZE .aiVisibilityDashboard_verificationSetupRight__OgY8z {
    gap: 20px;
    max-width: 668px;
    min-width: 0;
}

.aiVisibilityDashboard_domainSelectionDescription__-mfeF {
    width: 100%;
    margin: 0;
    text-align: center;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: #323130;
}

.aiVisibilityDashboard_domainSelectionDescription__-mfeF a {
    color: #0078d4;
    text-decoration: none;
}

.aiVisibilityDashboard_domainSelectionDescription__-mfeF a:hover {
    text-decoration: underline;
}

.aiVisibilityDashboard_domainCard__1zVYr {
    width: 100%;
    background: #ffffff;
    border-radius: 8px;
    box-shadow:
        0px 0.6px 1.8px rgba(131, 126, 255, 0.1),
        0px 3.2px 7.2px rgba(131, 126, 255, 0.12);
    overflow-y: auto;
    max-height: 360px;
    display: flex;
    flex-direction: column;
    padding: 16px 32px 32px;
}

.aiVisibilityDashboard_domainCardHeader__M2nbU {
    padding: 0 0 8px;
    font-size: 14px;
    font-weight: 600;
    color: #161514;
    border-bottom: 1px solid #edebe9;
    flex-shrink: 0;
}

.aiVisibilityDashboard_domainCardList__bxqjF {
    overflow-y: auto;
}

.aiVisibilityDashboard_domainCardRow__KHrBd {
    display: flex;
    align-items: center;
    padding: 8px 0 8px 8px;
    border-bottom: 1px solid #edebe9;
    gap: 9px;
}

.aiVisibilityDashboard_domainCardRow__KHrBd:last-child {
    border-bottom: none;
}

.aiVisibilityDashboard_domainCardRow__KHrBd .aiVisibilityDashboard_domainName__S2kfJ {
    flex: 1;
    font-size: 14px;
    font-weight: 400;
    color: #161514;
}

.aiVisibilityDashboard_domainVerificationRequiredBadge__kJDvA {
    font-size: 12px;
    font-weight: 400;
    color: #543200;
    border-radius: 4px;
    padding: 3px 8px;
    white-space: nowrap;
    background: #fff1dd;
}

.aiVisibilityDashboard_verifiedSetupBadge__Fb-1v {
    font-size: 12px;
    font-weight: 400;
    color: #004578;
    border-radius: 4px;
    padding: 3px 8px;
    white-space: nowrap;
    background: #deecf9;
}

.aiVisibilityDashboard_continueButton__lmdAC:disabled {
    opacity: 0.6;
    cursor: not-allowed;
    color: #bebbb8;
    border: 1px solid #e0e0e0;
    background: transparent;
}

.aiVisibilityDashboard_continueButton__lmdAC {
    background: linear-gradient(280.75deg, #0078d4 0%, #9692ff 94.81%);
    border: none;
    border-radius: 4px;
    color: #ffffff;
    font-weight: 600;
    font-size: 14px;
    padding: 5px 12px;
    height: 32px;
    cursor: pointer;
}

.aiVisibilityDashboard_continueButton__lmdAC:hover {
    background: linear-gradient(281deg, #106ebe 0%, #7974ff 94.81%);
}

.aiVisibilityDashboard_domainCardRow__KHrBd input[type="radio"] {
    accent-color: #0f6cbd;
    width: 16px;
    height: 16px;
    cursor: pointer;
}

.aiVisibilityDashboard_verificationOptionsList__rY1uG {
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 100%;
    align-items: stretch;
}

.aiVisibilityDashboard_verificationOptionCard__hKaBA {
    background: #ffffff;
    border-radius: 8px;
    padding: 32px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: flex-start;
    box-shadow: 0 4.8px 14.4px 0 rgba(131, 126, 255, 0.3);
}

.aiVisibilityDashboard_verificationOptionCardHeader__xLev4 {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 16px;
    font-weight: 600;
    color: #161514;
}

.aiVisibilityDashboard_verificationOptionCardHeader__xLev4 svg {
    width: 20px;
    height: 20px;
}

.aiVisibilityDashboard_verificationOptionCardSubtitle__rXTdH {
    margin: 0;
    font-size: 14px;
    line-height: 20px;
    color: #323130;
}

.aiVisibilityDashboard_verificationOptionCardActions__lI3pM {
    display: flex;
    gap: 12px;
}

.aiVisibilityDashboard_verificationOptionCardActionsGroup__KYccZ {
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-items: flex-start;
}

.aiVisibilityDashboard_bwtDialogOverlay__4fIE4 {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.4);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
}

.aiVisibilityDashboard_bwtDialog__H23-E {
    display: flex;
    flex-direction: column;
    width: 560px;
    background: #ffffff;
    box-shadow:
        0px 4.8px 14.4px rgba(0, 0, 0, 0.18),
        0px 25.6px 57.6px rgba(0, 0, 0, 0.22);
    border-radius: 8px;
    padding-bottom: 24px;
}

.aiVisibilityDashboard_bwtDialogHeader__n8CtA {
    padding: 16px 24px 20px;
    font-size: 20px;
    font-weight: 600;
    line-height: 28px;
    color: #323130;
}

.aiVisibilityDashboard_bwtDialogBody__1s8jr {
    display: flex;
    flex-direction: column;
    padding: 0 24px 16px;
    gap: 16px;
}

.aiVisibilityDashboard_bwtDialogBody__1s8jr p {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #242424;
    margin: 0;
}

.aiVisibilityDashboard_bwtDialogBody__1s8jr p a {
    color: #0078d4;
    text-decoration: none;
}

.aiVisibilityDashboard_bwtDialogBody__1s8jr p a:hover {
    text-decoration: underline;
}

.aiVisibilityDashboard_bwtDialogFieldGroup__yxXRF {
    display: flex;
    flex-direction: column;
}

.aiVisibilityDashboard_bwtDialogFieldGroup__yxXRF label {
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    color: #242424;
    padding-bottom: 6px;
}

.aiVisibilityDashboard_bwtDialogFieldGroup__yxXRF input {
    box-sizing: border-box;
    height: 32px;
    padding: 0 10px;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #242424;
    background: #ffffff;
    border: 1px solid #d1d1d1;
    border-radius: 4px;
    border-bottom-color: #616161;
    outline: none;
}

.aiVisibilityDashboard_bwtDialogFieldGroup__yxXRF input::placeholder {
    color: #707070;
}

.aiVisibilityDashboard_bwtDialogFieldGroup__yxXRF input:focus {
    border-color: #0f6cbd;
    border-bottom-width: 2px;
    padding-bottom: 0;
}

.aiVisibilityDashboard_bwtDialogFieldGroup__yxXRF input:disabled {
    background: #f3f2f1;
    color: #a19f9d;
}

.aiVisibilityDashboard_bwtDialogHelperText__ieWvQ {
    font-size: 12px;
    line-height: 16px;
    color: #616161;
    padding-top: 2px;
}

.aiVisibilityDashboard_bwtDialogSuccessText__PV7AO {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    color: #0e700e;
    display: flex;
    align-items: flex-start;
    gap: 4px;
    padding-top: 2px;
}

.aiVisibilityDashboard_bwtDialogSuccessText__PV7AO i {
    font-size: 12px;
    line-height: 16px;
}

.aiVisibilityDashboard_bwtDialogErrorStatus__jIHqX {
    display: flex;
    align-items: flex-start;
    gap: 4px;
    padding-top: 2px;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
}

.aiVisibilityDashboard_bwtDialogErrorIcon__E8h4d {
    font-size: 12px;
    line-height: 16px;
}

.aiVisibilityDashboard_bwtDialogErrorText__U\+Wns {
    color: #b10e1c;
}

.aiVisibilityDashboard_bwtDialogErrorStatus__jIHqX a {
    color: #115ea3;
}

.aiVisibilityDashboard_bwtDialogFooter__MguCh {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: flex-end;
    padding: 0 24px;
    gap: 8px;
}

.aiVisibilityDashboard_bwtDialogConnectButton__GrhC5 {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px 12px;
    height: 32px;
    background: linear-gradient(280.75deg, #0078d4 0%, #9692ff 94.81%);
    border: none;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 600;
    color: #ffffff;
    cursor: pointer;
}

.aiVisibilityDashboard_bwtDialogConnectButton__GrhC5:hover {
    background: linear-gradient(281deg, #106ebe 0%, #7974ff 94.81%);
}

.aiVisibilityDashboard_bwtDialogConnectButton__GrhC5:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

.aiVisibilityDashboard_bwtDialogCancelButton__\+IpC7 {
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px 12px;
    height: 32px;
    background: rgba(255, 255, 255, 0.3);
    border: 1px solid #0078d4;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 600;
    color: #004578;
    cursor: pointer;
}

.aiVisibilityDashboard_bwtDialogCancelButton__\+IpC7:hover {
    background: #deecf9;
}

.aiVisibilityDashboard_bwtDialogCancelButton__\+IpC7:disabled,
.aiVisibilityDashboard_bwtDialogCancelButton__\+IpC7:disabled:hover {
    background: rgba(255, 255, 255, 0.3);
    opacity: 0.6;
    cursor: not-allowed;
}

.aiVisibilityDashboard_zeroStateIllustration__g9Va2 {
    margin-bottom: 60px;
}

.aiVisibilityDashboard_errorWrapper__BwLo5 {
    background-color: inherit;
    flex: 1;
    display: flex;
    justify-content: center;
    min-height: 100%;
}

.aiVisibilityDashboard_startup__8fm64 {
    padding: 32px 48px;
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
}

.aiVisibilityDashboard_setupAdminBanner__B\+AFy {
    flex-shrink: 0;
    margin: 32px 48px 0;
}

.aiVisibilityDashboard_startupAdminBanner__YcPHt {
    margin: 0 0 24px;
}

.aiVisibilityDashboard_setupAdminBanner__B\+AFy,
.aiVisibilityDashboard_startupAdminBanner__YcPHt {
    --member-banner-margin: 0;
}

.aiVisibilityDashboard_startup__8fm64 h1 {
    font-size: 20px;
    line-height: 28px;
    font-weight: 600;
}

.aiVisibilityDashboard_startup__8fm64 .aiVisibilityDashboard_spinner__P1qpg {
    position: absolute;
    left: 50vw;
    top: 50vh;
}

.aiVisibilityDashboard_startup__8fm64 .aiVisibilityDashboard_description__mrucK {
    color: #323130;
    font-size: 14px;
    padding: 8px 0 0;
}

.aiVisibilityDashboard_startup__8fm64 .aiVisibilityDashboard_checklist__rAMHL {
    display: flex;
    flex-direction: column;
    max-width: 647px;
    border-radius: 8px;
    box-shadow:
        0 0.6px 1.8px 0 rgba(0, 0, 0, 0.1),
        0 3.2px 7.2px 0 rgba(0, 0, 0, 0.13);
}

.aiVisibilityDashboard_startup__8fm64 .aiVisibilityDashboard_checklist__rAMHL > div {
    padding-right: 16px;
}

.aiVisibilityDashboard_startup__8fm64 .aiVisibilityDashboard_checklist__rAMHL > div + div {
    border-top: 1px solid #edebe9;
}

.aiVisibilityDashboard_startup__8fm64 .aiVisibilityDashboard_checklist__rAMHL .checklistItemTitle {
    color: #323130;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
}

.aiVisibilityDashboard_startup__8fm64 .aiVisibilityDashboard_checklist__rAMHL .checklistItemDescription {
    color: #323130;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 6px;
}

.aiVisibilityDashboard_startup__8fm64 .aiVisibilityDashboard_sectionTitle__FrpXU {
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    color: #161514;
    margin: 0 0 24px;
}

.aiVisibilityDashboard_startup__8fm64 .aiVisibilityDashboard_section__Bc\+vf {
    margin-top: 40px;
}

.aiVisibilityDashboard_pageClassificationSetup__0amlW {
    flex: 1;
    display: flex;
    overflow-y: auto;
    margin: 32px 0 0;
    flex-direction: column;
}

.aiVisibilityDashboard_pageClassificationSetup__0amlW .ms-Breadcrumb,
.aiVisibilityDashboard_pageClassificationSetup__0amlW .ms-MessageBar {
    margin: 0 48px 24px;
    width: auto;
    flex-shrink: 0;
}

.aiVisibilityDashboard_pageClassificationSetup__0amlW .aiVisibilityDashboard_container__fQ70D {
    margin: 16px 48px 40px;
    flex: 1;
    display: flex;
    flex-direction: column;
}

.aiVisibilityDashboard_pageClassificationSetup__0amlW .aiVisibilityDashboard_container__fQ70D .aiVisibilityDashboard_sectionTitle__FrpXU {
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    color: #323130;
}

.aiVisibilityDashboard_pageClassificationSetup__0amlW .aiVisibilityDashboard_container__fQ70D .aiVisibilityDashboard_sectionDescription__-DmdU {
    margin-top: 8px;
    font-size: 14px;
    color: #323130;
    max-width: 600px;
}

.aiVisibilityDashboard_pageClassificationSetup__0amlW .aiVisibilityDashboard_container__fQ70D .aiVisibilityDashboard_actionSection__wK0\+Z {
    margin-top: 24px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
}

.aiVisibilityDashboard_pageClassificationSetup__0amlW .aiVisibilityDashboard_container__fQ70D .aiVisibilityDashboard_actionSection__wK0\+Z .aiVisibilityDashboard_domainPicker__gto7t {
    display: flex;
    align-items: center;
    gap: 8px;
}

.aiVisibilityDashboard_pageClassificationSetup__0amlW .aiVisibilityDashboard_container__fQ70D .aiVisibilityDashboard_actionSection__wK0\+Z .aiVisibilityDashboard_domainPickerLabel__lBAET {
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    color: #000000;
}

.aiVisibilityDashboard_pageClassificationSetup__0amlW .aiVisibilityDashboard_container__fQ70D .aiVisibilityDashboard_actionSection__wK0\+Z .aiVisibilityDashboard_domainPickerDropdown__cDgUi {
    min-width: 188px;
}

.aiVisibilityDashboard_pageClassificationSetup__0amlW .aiVisibilityDashboard_container__fQ70D .aiVisibilityDashboard_actionSection__wK0\+Z .aiVisibilityDashboard_domainPickerDropdown__cDgUi .ms-Dropdown-title {
    display: flex;
    align-items: center;
}

.aiVisibilityDashboard_domainPickerCallout__zxVvE .ms-Dropdown-item .ms-Button-flexContainer {
    width: 100%;
}

.aiVisibilityDashboard_domainOption__BneOq {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    width: 100%;
}

.aiVisibilityDashboard_domainOptionText__RBZWR {
    font-size: 14px;
    line-height: 20px;
    color: #242424;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.aiVisibilityDashboard_domainOptionSecondaryText__ZZypF {
    flex-shrink: 0;
    font-size: 12px;
    line-height: 16px;
    color: #605e5c;
}

.aiVisibilityDashboard_pageClassificationSetup__0amlW .aiVisibilityDashboard_container__fQ70D .aiVisibilityDashboard_actionSection__wK0\+Z .aiVisibilityDashboard_newCategoryButton__es3Kx {
    height: 32px;
    padding: 5px 12px;
    border: none;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 600;
    color: #ffffff;
    background: linear-gradient(280.75deg, #0078d4 0%, #9692ff 94.81%);
}

.aiVisibilityDashboard_pageClassificationSetup__0amlW .aiVisibilityDashboard_container__fQ70D .aiVisibilityDashboard_actionSection__wK0\+Z .aiVisibilityDashboard_newCategoryButton__es3Kx:hover {
    color: #ffffff;
    background: linear-gradient(281deg, #106ebe 0%, #7974ff 94.81%);
}

.aiVisibilityDashboard_pageClassificationSetup__0amlW .aiVisibilityDashboard_container__fQ70D .aiVisibilityDashboard_actionSection__wK0\+Z .aiVisibilityDashboard_newCategoryButton__es3Kx:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

.aiVisibilityDashboard_pageClassificationSetup__0amlW .aiVisibilityDashboard_container__fQ70D .aiVisibilityDashboard_categoriesTable__s9\+Lx {
    margin-top: 24px;
}

.aiVisibilityDashboard_pageClassificationSetup__0amlW .aiVisibilityDashboard_container__fQ70D .aiVisibilityDashboard_categoriesTable__s9\+Lx table {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}

.aiVisibilityDashboard_pageClassificationSetup__0amlW .aiVisibilityDashboard_container__fQ70D .aiVisibilityDashboard_categoriesTable__s9\+Lx th {
    height: 48px;
    padding: 0 16px;
    text-align: left;
    vertical-align: middle;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    color: #242424;
    border-bottom: 1px solid #edebe9;
}

.aiVisibilityDashboard_pageClassificationSetup__0amlW .aiVisibilityDashboard_container__fQ70D .aiVisibilityDashboard_categoriesTable__s9\+Lx th .aiVisibilityDashboard_columnHeaderWithTooltip__X44Rl {
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.aiVisibilityDashboard_pageClassificationSetup__0amlW .aiVisibilityDashboard_container__fQ70D .aiVisibilityDashboard_categoriesTable__s9\+Lx th .aiVisibilityDashboard_columnHeaderWithTooltip__X44Rl svg {
    display: block;
    width: 16px;
    height: 16px;
    color: #605e5c;
}

.aiVisibilityDashboard_pageClassificationSetup__0amlW .aiVisibilityDashboard_container__fQ70D .aiVisibilityDashboard_categoriesTable__s9\+Lx td {
    height: 48px;
    padding: 0 16px;
    vertical-align: middle;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    color: #242424;
    border-bottom: 1px solid #edebe9;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.aiVisibilityDashboard_pageClassificationSetup__0amlW .aiVisibilityDashboard_container__fQ70D .aiVisibilityDashboard_categoriesTable__s9\+Lx .aiVisibilityDashboard_categoriesTableActionColumn__kUwob {
    width: 88px;
    text-align: right;
    overflow: visible;
    line-height: 0;
    white-space: nowrap;
}

.aiVisibilityDashboard_pageClassificationSetup__0amlW .aiVisibilityDashboard_container__fQ70D .aiVisibilityDashboard_categoriesTable__s9\+Lx tr.aiVisibilityDashboard_disabledRow__VnXq7 td,
.aiVisibilityDashboard_pageClassificationSetup__0amlW .aiVisibilityDashboard_container__fQ70D .aiVisibilityDashboard_brandNamesTable__6Mc0C tr.aiVisibilityDashboard_disabledRow__VnXq7 td {
    color: #a19f9d;
}

.aiVisibilityDashboard_pageClassificationSetup__0amlW .aiVisibilityDashboard_container__fQ70D .aiVisibilityDashboard_categoriesTable__s9\+Lx .aiVisibilityDashboard_categoriesTableEditButton__hEIoi {
    height: 32px;
    width: 32px;
    vertical-align: middle;
}

.aiVisibilityDashboard_pageClassificationSetup__0amlW .aiVisibilityDashboard_container__fQ70D .aiVisibilityDashboard_categoriesTable__s9\+Lx .aiVisibilityDashboard_categoriesTableEditButton__hEIoi path {
    fill: #0078d4;
}

.aiVisibilityDashboard_pageClassificationSetup__0amlW .aiVisibilityDashboard_container__fQ70D .aiVisibilityDashboard_categoriesTable__s9\+Lx .aiVisibilityDashboard_categoriesTableEditButton__hEIoi:hover:not(:disabled) path {
    fill: #106ebe;
}

.aiVisibilityDashboard_pageClassificationSetup__0amlW .aiVisibilityDashboard_container__fQ70D .aiVisibilityDashboard_categoriesTable__s9\+Lx .aiVisibilityDashboard_categoriesTableEditButton__hEIoi:disabled path {
    fill: #a19f9d;
}

.aiVisibilityDashboard_pageClassificationSetup__0amlW .aiVisibilityDashboard_container__fQ70D .aiVisibilityDashboard_categoriesTable__s9\+Lx .aiVisibilityDashboard_categoriesTableEditButton__hEIoi:hover:not(:disabled) {
    background: #f3f2f1;
}

.aiVisibilityDashboard_pageClassificationSetup__0amlW .aiVisibilityDashboard_container__fQ70D .aiVisibilityDashboard_categoriesTable__s9\+Lx .aiVisibilityDashboard_categoriesTableDeleteButton__TU3Fu {
    height: 32px;
    width: 32px;
    vertical-align: middle;
}

.aiVisibilityDashboard_pageClassificationSetup__0amlW .aiVisibilityDashboard_container__fQ70D .aiVisibilityDashboard_categoriesTable__s9\+Lx .aiVisibilityDashboard_categoriesTableDeleteButton__TU3Fu i,
.aiVisibilityDashboard_pageClassificationSetup__0amlW .aiVisibilityDashboard_container__fQ70D .aiVisibilityDashboard_categoriesTable__s9\+Lx .aiVisibilityDashboard_categoriesTableDeleteButton__TU3Fu path {
    font-size: 16px;
    color: #0078d4;
    fill: #0078d4;
}

.aiVisibilityDashboard_pageClassificationSetup__0amlW .aiVisibilityDashboard_container__fQ70D .aiVisibilityDashboard_categoriesTable__s9\+Lx .aiVisibilityDashboard_categoriesTableDeleteButton__TU3Fu:hover:not(:disabled) i,
.aiVisibilityDashboard_pageClassificationSetup__0amlW .aiVisibilityDashboard_container__fQ70D .aiVisibilityDashboard_categoriesTable__s9\+Lx .aiVisibilityDashboard_categoriesTableDeleteButton__TU3Fu:hover:not(:disabled) path {
    color: #106ebe;
    fill: #106ebe;
}

/* Disabled actions stay in place so the two buttons never shift between rows. */
.aiVisibilityDashboard_pageClassificationSetup__0amlW .aiVisibilityDashboard_container__fQ70D .aiVisibilityDashboard_categoriesTable__s9\+Lx .aiVisibilityDashboard_categoriesTableDeleteButton__TU3Fu:disabled i,
.aiVisibilityDashboard_pageClassificationSetup__0amlW .aiVisibilityDashboard_container__fQ70D .aiVisibilityDashboard_categoriesTable__s9\+Lx .aiVisibilityDashboard_categoriesTableDeleteButton__TU3Fu:disabled path {
    color: #a19f9d;
    fill: #a19f9d;
}

.aiVisibilityDashboard_pageClassificationSetup__0amlW .aiVisibilityDashboard_container__fQ70D .aiVisibilityDashboard_categoriesTable__s9\+Lx .aiVisibilityDashboard_categoriesTableDeleteButton__TU3Fu:hover:not(:disabled) {
    background: #f3f2f1;
}

.aiVisibilityDashboard_pageClassificationSetup__0amlW .aiVisibilityDashboard_container__fQ70D .aiVisibilityDashboard_categoriesTable__s9\+Lx .aiVisibilityDashboard_categoriesTableDeleteButton__TU3Fu:disabled:hover {
    background: transparent;
}

.aiVisibilityDashboard_pageClassificationSetup__0amlW .aiVisibilityDashboard_container__fQ70D .aiVisibilityDashboard_categoriesTable__s9\+Lx .aiVisibilityDashboard_categoriesTableStatus__P2Rcb {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px;
    font-size: 12px;
    line-height: 16px;
    color: #605e5c;
}

.aiVisibilityDashboard_pageClassificationSetup__0amlW .aiVisibilityDashboard_container__fQ70D .aiVisibilityDashboard_brandNamesTable__6Mc0C {
    margin-top: 24px;
    width: 100%;
    min-width: 0;
}

.aiVisibilityDashboard_pageClassificationSetup__0amlW .aiVisibilityDashboard_container__fQ70D .aiVisibilityDashboard_brandNamesTable__6Mc0C table {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}

.aiVisibilityDashboard_pageClassificationSetup__0amlW .aiVisibilityDashboard_container__fQ70D .aiVisibilityDashboard_brandNamesTable__6Mc0C th,
.aiVisibilityDashboard_pageClassificationSetup__0amlW .aiVisibilityDashboard_container__fQ70D .aiVisibilityDashboard_brandNamesTable__6Mc0C td {
    box-sizing: border-box;
    height: 48px;
    padding: 16px 8px;
    text-align: left;
    vertical-align: middle;
    font-size: 12px;
    line-height: 16px;
    color: #242424;
}

.aiVisibilityDashboard_pageClassificationSetup__0amlW .aiVisibilityDashboard_container__fQ70D .aiVisibilityDashboard_brandNamesTable__6Mc0C th {
    font-weight: 600;
}

.aiVisibilityDashboard_pageClassificationSetup__0amlW .aiVisibilityDashboard_container__fQ70D .aiVisibilityDashboard_brandNamesTable__6Mc0C td {
    font-weight: 400;
    border-bottom: 1px solid #e0e0e0;
}

.aiVisibilityDashboard_pageClassificationSetup__0amlW .aiVisibilityDashboard_container__fQ70D .aiVisibilityDashboard_brandNamesTable__6Mc0C .aiVisibilityDashboard_brandNamesNameColumn__w0phU {
    width: 240px;
}

.aiVisibilityDashboard_pageClassificationSetup__0amlW .aiVisibilityDashboard_container__fQ70D .aiVisibilityDashboard_brandNamesTable__6Mc0C .aiVisibilityDashboard_brandNamesDefinedByColumn__PqkLb {
    width: 140px;
}

.aiVisibilityDashboard_pageClassificationSetup__0amlW .aiVisibilityDashboard_container__fQ70D .aiVisibilityDashboard_brandNamesTable__6Mc0C .aiVisibilityDashboard_brandNamesActionColumn__TqwOQ {
    width: 44px;
    padding: 10px 8px;
    text-align: right;
    line-height: 0;
}

.aiVisibilityDashboard_pageClassificationSetup__0amlW .aiVisibilityDashboard_container__fQ70D .aiVisibilityDashboard_brandNamesAliasesHeader__U4fiI {
    display: flex;
    align-items: center;
    gap: 4px;
    height: 20px;
    line-height: 16px;
}

.aiVisibilityDashboard_pageClassificationSetup__0amlW .aiVisibilityDashboard_container__fQ70D .aiVisibilityDashboard_brandNamesInfoTooltip__0XFQR {
    display: flex;
    align-items: center;
    height: 20px;
}

.aiVisibilityDashboard_pageClassificationSetup__0amlW .aiVisibilityDashboard_container__fQ70D .aiVisibilityDashboard_brandNamesInfoButton__Lyhep {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    min-width: 20px;
    height: 20px;
    padding: 0;
}

.aiVisibilityDashboard_pageClassificationSetup__0amlW .aiVisibilityDashboard_container__fQ70D .aiVisibilityDashboard_brandNamesInfoButton__Lyhep .ms-Button-icon {
    margin: 0;
    font-size: 12px;
    color: #424242;
}

.aiVisibilityDashboard_pageClassificationSetup__0amlW .aiVisibilityDashboard_container__fQ70D .aiVisibilityDashboard_brandNamesInfoIcon__cfCq1 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    padding: 0;
    border: none;
    background: none;
    color: #424242;
    cursor: pointer;
}

.aiVisibilityDashboard_pageClassificationSetup__0amlW .aiVisibilityDashboard_container__fQ70D .aiVisibilityDashboard_brandNamesAliases__OQTNm {
    position: relative;
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
}

.aiVisibilityDashboard_pageClassificationSetup__0amlW .aiVisibilityDashboard_container__fQ70D .aiVisibilityDashboard_brandNamesAliasText__NtJA7 {
    flex: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.aiVisibilityDashboard_pageClassificationSetup__0amlW .aiVisibilityDashboard_container__fQ70D .aiVisibilityDashboard_brandNamesAliasMeasure__QLIvs {
    position: absolute;
    visibility: hidden;
    width: max-content;
    white-space: nowrap;
    pointer-events: none;
}

.aiVisibilityDashboard_pageClassificationSetup__0amlW .aiVisibilityDashboard_container__fQ70D .aiVisibilityDashboard_brandNamesAdditionalAliases__IwolT {
    flex-shrink: 0;
}

.aiVisibilityDashboard_pageClassificationSetup__0amlW .aiVisibilityDashboard_container__fQ70D .aiVisibilityDashboard_brandNamesIconButton__zWE1I {
    width: 28px;
    min-width: 28px;
    height: 28px;
    padding: 6px;
    vertical-align: middle;
}

.aiVisibilityDashboard_pageClassificationSetup__0amlW .aiVisibilityDashboard_container__fQ70D .aiVisibilityDashboard_brandNamesIconButton__zWE1I .ms-Button-icon {
    margin: 0;
}

.aiVisibilityDashboard_pageClassificationSetup__0amlW .aiVisibilityDashboard_container__fQ70D .aiVisibilityDashboard_brandNamesIconButton__zWE1I i,
.aiVisibilityDashboard_pageClassificationSetup__0amlW .aiVisibilityDashboard_container__fQ70D .aiVisibilityDashboard_brandNamesIconButton__zWE1I path {
    font-size: 16px;
    color: #323130;
    fill: #323130;
}

.aiVisibilityDashboard_pageClassificationSetup__0amlW .aiVisibilityDashboard_container__fQ70D .aiVisibilityDashboard_brandNamesIconButton__zWE1I:disabled i,
.aiVisibilityDashboard_pageClassificationSetup__0amlW .aiVisibilityDashboard_container__fQ70D .aiVisibilityDashboard_brandNamesIconButton__zWE1I:disabled path {
    color: #a19f9d;
    fill: #a19f9d;
}

.aiVisibilityDashboard_pageClassificationSetup__0amlW .aiVisibilityDashboard_container__fQ70D .aiVisibilityDashboard_brandNamesIconButton__zWE1I:hover:not(:disabled) {
    background: #f3f2f1;
}

.aiVisibilityDashboard_pageClassificationSetup__0amlW .aiVisibilityDashboard_container__fQ70D .aiVisibilityDashboard_brandNamesHideButton__X9H\+G {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 28px;
    height: 28px;
    padding: 6px 0;
    border: none;
    background: transparent;
    font-family: inherit;
    font-size: 12px;
    line-height: 16px;
    color: #0078d4;
    cursor: pointer;
}

.aiVisibilityDashboard_pageClassificationSetup__0amlW .aiVisibilityDashboard_container__fQ70D .aiVisibilityDashboard_brandNamesHideButton__X9H\+G:hover:not(:disabled) {
    color: #106ebe;
    text-decoration: underline;
}

.aiVisibilityDashboard_pageClassificationSetup__0amlW .aiVisibilityDashboard_container__fQ70D .aiVisibilityDashboard_brandNamesHideButton__X9H\+G:disabled {
    color: #a19f9d;
    cursor: default;
}

.aiVisibilityDashboard_pageClassificationSetup__0amlW .aiVisibilityDashboard_container__fQ70D .aiVisibilityDashboard_brandNamesHideButton__X9H\+G:disabled:hover {
    text-decoration: none;
}

.aiVisibilityDashboard_pageClassificationSetup__0amlW .aiVisibilityDashboard_container__fQ70D .aiVisibilityDashboard_brandNamesTableStatus__nto1P {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px;
}

.aiVisibilityDashboard_pageClassificationSetup__0amlW .aiVisibilityDashboard_container__fQ70D .aiVisibilityDashboard_rulesOrder__I9djZ {
    margin-top: 24px;
    font-size: 12px;
    line-height: 16px;
    color: #605e5c;
}

.aiVisibilityDashboard_pageClassificationSetup__0amlW .aiVisibilityDashboard_container__fQ70D .aiVisibilityDashboard_rulesOrder__I9djZ .aiVisibilityDashboard_actionLink__RriBb {
    padding: 0;
    border: none;
    background: transparent;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    color: #0078d4;
    cursor: pointer;
}

.aiVisibilityDashboard_pageClassificationSetup__0amlW .aiVisibilityDashboard_container__fQ70D .aiVisibilityDashboard_rulesOrder__I9djZ .aiVisibilityDashboard_actionLink__RriBb:disabled {
    color: #a19f9d;
    cursor: default;
    text-decoration: none;
}

.aiVisibilityDashboard_pageCategoryOrderModal__LQXy8 .aiVisibilityDashboard_orderHeader__pg5gO {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    gap: 8px;
}

.aiVisibilityDashboard_pageCategoryOrderModal__LQXy8 .aiVisibilityDashboard_orderHeader__pg5gO .aiVisibilityDashboard_orderHeading__N2xIw {
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    color: #161514;
}

.aiVisibilityDashboard_pageCategoryOrderModal__LQXy8 .aiVisibilityDashboard_orderHeader__pg5gO .aiVisibilityDashboard_orderDescription__OPH9S {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    color: #605e5c;
}

.aiVisibilityDashboard_pageCategoryOrderModal__LQXy8 .aiVisibilityDashboard_orderList__bDQ51 {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    margin: 0;
    padding: 0;
    list-style: none;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
}

.aiVisibilityDashboard_pageCategoryOrderModal__LQXy8 .aiVisibilityDashboard_orderRow__\+eQsp {
    box-sizing: border-box;
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    align-self: stretch;
    gap: 12px;
    padding: 16px;
    border-bottom: 1px solid #e0e0e0;
    background: #ffffff;
    cursor: grab;
    touch-action: none;
    user-select: none;
}

.aiVisibilityDashboard_pageCategoryOrderModal__LQXy8 .aiVisibilityDashboard_orderRow__\+eQsp.aiVisibilityDashboard_orderRowAnimated__Syai1 {
    transition: transform 180ms cubic-bezier(0.33, 0, 0.67, 1);
}

.aiVisibilityDashboard_pageCategoryOrderModal__LQXy8 .aiVisibilityDashboard_orderRow__\+eQsp:first-child {
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
}

.aiVisibilityDashboard_pageCategoryOrderModal__LQXy8 .aiVisibilityDashboard_orderRow__\+eQsp:last-child {
    border-bottom: none;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
}

.aiVisibilityDashboard_pageCategoryOrderModal__LQXy8 .aiVisibilityDashboard_orderRow__\+eQsp:hover {
    background: #faf9f8;
}

.aiVisibilityDashboard_pageCategoryOrderModal__LQXy8 .aiVisibilityDashboard_orderRow__\+eQsp.aiVisibilityDashboard_orderRowDragging__7Xpg4 {
    z-index: 1;
    transition: none;
    border-bottom-color: transparent;
    border-radius: 4px;
    background: #ffffff;
    cursor: grabbing;
    box-shadow:
        0 1.6px 3.6px rgba(0, 0, 0, 0.13),
        0 0.3px 0.9px rgba(0, 0, 0, 0.1);
}

.aiVisibilityDashboard_pageCategoryOrderModal__LQXy8 .aiVisibilityDashboard_orderRow__\+eQsp .aiVisibilityDashboard_orderRowHandle__lMAzP {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    flex: none;
    width: 20px;
    height: 20px;
    padding: 2px;
    margin-top: 10px;
    border: none;
    border-radius: 4px;
    background: transparent;
    color: #605e5c;
    cursor: inherit;
}

.aiVisibilityDashboard_pageCategoryOrderModal__LQXy8 .aiVisibilityDashboard_orderRow__\+eQsp.aiVisibilityDashboard_orderRowDragging__7Xpg4 .aiVisibilityDashboard_orderRowHandle__lMAzP {
    cursor: inherit;
}

.aiVisibilityDashboard_pageCategoryOrderModal__LQXy8 .aiVisibilityDashboard_orderRow__\+eQsp .aiVisibilityDashboard_orderRowHandle__lMAzP i {
    font-size: 16px;
    color: #605e5c;
}

.aiVisibilityDashboard_pageCategoryOrderModal__LQXy8 .aiVisibilityDashboard_orderRow__\+eQsp .aiVisibilityDashboard_orderRowText__2wpti {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 4px;
    min-height: 40px;
    min-width: 0;
}

.aiVisibilityDashboard_pageCategoryOrderModal__LQXy8 .aiVisibilityDashboard_orderRow__\+eQsp .aiVisibilityDashboard_orderRowName__2r8LL {
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    color: #161514;
}

.aiVisibilityDashboard_pageCategoryOrderModal__LQXy8 .aiVisibilityDashboard_orderRow__\+eQsp .aiVisibilityDashboard_orderRowSummary__ixcdv {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    color: #605e5c;
}

.aiVisibilityDashboard_pageClassificationSetup__0amlW .aiVisibilityDashboard_container__fQ70D .aiVisibilityDashboard_rulesOrder__I9djZ .aiVisibilityDashboard_actionLink__RriBb:hover:not(:disabled) {
    text-decoration: underline;
}

.aiVisibilityDashboard_pageCategoryModal__wrrJJ .ms-Dialog-main,
.aiVisibilityDashboard_pageCategoryModal__wrrJJ .ms-Modal-scrollableContent {
    overflow: visible;
}

.aiVisibilityDashboard_pageCategoryModal__wrrJJ .ms-Modal-scrollableContent {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 870px;
    max-width: 92vw;
    height: 600px;
    max-height: 88vh;
    padding: 0 0 24px;
    box-sizing: border-box;
    border-radius: 8px;
    box-shadow:
        0 4.8px 14.4px rgba(0, 0, 0, 0.18),
        0 25.6px 57.6px rgba(0, 0, 0, 0.22);
}

.aiVisibilityDashboard_pageCategoryModal__wrrJJ .aiVisibilityDashboard_pageCategoryModalTitle__BPOZ5 {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    align-self: stretch;
    padding: 16px 24px 20px;
    font-size: 20px;
    font-weight: 600;
    line-height: 28px;
    color: #323130;
}

.aiVisibilityDashboard_pageCategoryModal__wrrJJ .aiVisibilityDashboard_pageCategoryModalContent__d26GH {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-self: stretch;
    gap: 20px;
    min-height: 0;
    padding: 0 24px 16px;
    overflow-y: auto;
    scrollbar-gutter: stable;
}

.aiVisibilityDashboard_pageCategoryModal__wrrJJ .aiVisibilityDashboard_pageCategoryModalHeader__dAdVQ {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
}

.aiVisibilityDashboard_pageCategoryModal__wrrJJ .aiVisibilityDashboard_inlineField__aK0BF {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
}

.aiVisibilityDashboard_pageCategoryModal__wrrJJ .aiVisibilityDashboard_domainField__biTpM {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
}

.aiVisibilityDashboard_pageCategoryModal__wrrJJ .aiVisibilityDashboard_fieldLabel__\+hHZH {
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    color: #000000;
}

.aiVisibilityDashboard_pageCategoryModal__wrrJJ .aiVisibilityDashboard_domainField__biTpM .aiVisibilityDashboard_domainFieldLabel__ZNBKu {
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    color: #000000;
}

.aiVisibilityDashboard_pageCategoryModal__wrrJJ .aiVisibilityDashboard_categoryNameField__BArp5 {
    width: fit-content;
}

.aiVisibilityDashboard_pageCategoryModal__wrrJJ .aiVisibilityDashboard_categoryNameInput__jMhOE {
    width: 320px;
}

.aiVisibilityDashboard_categoryNameInput__jMhOE .ms-TextField-fieldGroup {
    height: 32px;
    background: #ffffff;
    border: 1px solid #d1d1d1;
    border-radius: 4px;
}

.aiVisibilityDashboard_pageCategoryModal__wrrJJ .aiVisibilityDashboard_categoryNameInput__jMhOE .ms-TextField-fieldGroup::after {
    border-radius: 4px;
}

.aiVisibilityDashboard_pageCategoryModal__wrrJJ .aiVisibilityDashboard_categoryNameInput__jMhOE input {
    padding: 0 10px;
    font-size: 14px;
    line-height: 20px;
    color: #242424;
}

.aiVisibilityDashboard_pageCategoryModal__wrrJJ .aiVisibilityDashboard_categoryNameInput__jMhOE input::placeholder {
    color: #707070;
}

.aiVisibilityDashboard_pageCategoryModal__wrrJJ .aiVisibilityDashboard_categoryNameInput__jMhOE .ms-TooltipHost {
    display: flex;
    align-items: center;
    gap: 4px;
    width: fit-content;
    padding-bottom: 2px;
}

.aiVisibilityDashboard_pageCategoryModal__wrrJJ .aiVisibilityDashboard_categoryNameInput__jMhOE .ms-TooltipHost p {
    margin: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #242424;
}

.aiVisibilityDashboard_pageCategoryModal__wrrJJ .aiVisibilityDashboard_categoryNameInput__jMhOE .ms-TooltipHost span {
    font-size: 14px;
    line-height: 20px;
    color: #b10e1c;
}

.aiVisibilityDashboard_pageCategoryModal__wrrJJ .aiVisibilityDashboard_categoryNameInput__jMhOE .ms-TooltipHost i {
    font-size: 16px;
    color: #424242;
    cursor: default;
}

.aiVisibilityDashboard_pageCategoryModal__wrrJJ .aiVisibilityDashboard_categoryNameValue__5\+PMk {
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    color: #161514;
}

.aiVisibilityDashboard_categoryNameSuggestions__I-zUm .ms-Callout-main {
    overflow-y: auto;
    border-radius: 4px;
    box-shadow:
        0 8px 16px rgba(0, 0, 0, 0.14),
        0 0 2px rgba(0, 0, 0, 0.12);
}

.aiVisibilityDashboard_categoryNameSuggestionsList__zazJm {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 2px;
    padding: 4px;
}

.aiVisibilityDashboard_categoryNameSuggestionsList__zazJm .aiVisibilityDashboard_categoryNameSuggestionGroupItems__9T5d6 {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 2px;
}

.aiVisibilityDashboard_categoryNameSuggestionsList__zazJm .aiVisibilityDashboard_categoryNameSuggestionDivider__coJf2 {
    height: 1px;
    margin: 2px -4px;
    background: #e0e0e0;
}

.aiVisibilityDashboard_categoryNameSuggestionsList__zazJm .aiVisibilityDashboard_categoryNameSuggestionGroup__UA201 {
    display: flex;
    align-items: center;
    min-height: 32px;
    padding: 8px 6px;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    color: #424242;
}

.aiVisibilityDashboard_categoryNameSuggestionsList__zazJm .aiVisibilityDashboard_categoryNameSuggestionItem__Q7fv9 {
    display: flex;
    align-items: center;
    gap: 4px;
    width: 100%;
    min-height: 32px;
    padding: 6px 2px 6px 8px;
    border: none;
    border-radius: 4px;
    background: #ffffff;
    font-family: inherit;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #424242;
    text-align: left;
    cursor: pointer;
}

.aiVisibilityDashboard_categoryNameSuggestionsList__zazJm .aiVisibilityDashboard_categoryNameSuggestionItem__Q7fv9:hover {
    background: #f5f5f5;
}

.aiVisibilityDashboard_categoryNameSuggestionsList__zazJm .aiVisibilityDashboard_categoryNameSuggestionCreate__BOM\+2 i {
    font-size: 16px;
    color: #424242;
}

.aiVisibilityDashboard_pageCategoryModal__wrrJJ .aiVisibilityDashboard_categoryDomainValue__UTMdb {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #000000;
}

.aiVisibilityDashboard_pageCategoryModal__wrrJJ .aiVisibilityDashboard_modalDivider__lSPEl {
    align-self: stretch;
    height: 1px;
    background: #edebe9;
}

.aiVisibilityDashboard_pageCategoryModal__wrrJJ .aiVisibilityDashboard_pageCategoryModalBody__UJjOV {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    gap: 20px;
}

.aiVisibilityDashboard_pageCategoryModal__wrrJJ .aiVisibilityDashboard_rulesHeader__II5fG {
    display: flex;
    align-items: center;
    justify-content: space-between;
    align-self: stretch;
    gap: 16px;
}

.aiVisibilityDashboard_pageCategoryModal__wrrJJ .aiVisibilityDashboard_rulesHeader__II5fG .aiVisibilityDashboard_rulesTitle__j8ARQ {
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    color: #161514;
}

.aiVisibilityDashboard_pageCategoryModal__wrrJJ .aiVisibilityDashboard_rulesHeader__II5fG .aiVisibilityDashboard_automaticToggle__ONDlO {
    margin: 0;
}

.aiVisibilityDashboard_pageCategoryModal__wrrJJ .aiVisibilityDashboard_automaticToggle__ONDlO .ms-Toggle-label {
    padding: 0 8px 0 4px;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #242424;
}

.aiVisibilityDashboard_pageCategoryModal__wrrJJ .aiVisibilityDashboard_rulesDescription__GUs4f {
    margin-top: -12px;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    color: #605e5c;
}

.aiVisibilityDashboard_pageCategoryModal__wrrJJ .aiVisibilityDashboard_classificationNoticeLine__nCN-L {
    display: block;
    margin-bottom: 8px;
}

.aiVisibilityDashboard_pageCategoryModal__wrrJJ .aiVisibilityDashboard_ruleGroups__cEp6Q {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    gap: 32px;
}

.aiVisibilityDashboard_pageCategoryModal__wrrJJ .aiVisibilityDashboard_ruleGroup__1zITt {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    gap: 20px;
}

.aiVisibilityDashboard_pageCategoryModal__wrrJJ .aiVisibilityDashboard_ruleGroup__1zITt .aiVisibilityDashboard_rulesGroupHeader__D7JNn {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
}

.aiVisibilityDashboard_pageCategoryModal__wrrJJ .aiVisibilityDashboard_ruleGroup__1zITt .aiVisibilityDashboard_rulesGroupTitle__8VZKY {
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    color: #000000;
}

.aiVisibilityDashboard_pageCategoryModal__wrrJJ .aiVisibilityDashboard_ruleGroup__1zITt .aiVisibilityDashboard_rulesGroupDescription__-N6HO {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    color: #605e5c;
}

.aiVisibilityDashboard_pageCategoryModal__wrrJJ .aiVisibilityDashboard_ruleBox__9nasl {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    padding: 16px;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
}

.aiVisibilityDashboard_pageCategoryModal__wrrJJ .aiVisibilityDashboard_ruleRows__uGrl5 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
}

.aiVisibilityDashboard_pageCategoryModal__wrrJJ .aiVisibilityDashboard_pathRuleRow__Fbi7t,
.aiVisibilityDashboard_pageCategoryModal__wrrJJ .aiVisibilityDashboard_domainRuleRow__KmJrE {
    display: flex;
    flex-direction: row;
    align-items: center;
    align-self: stretch;
    gap: 16px;
    height: 48px;
}

.aiVisibilityDashboard_pageCategoryModal__wrrJJ .aiVisibilityDashboard_ruleRows__uGrl5 .aiVisibilityDashboard_pathRuleRow__Fbi7t + .aiVisibilityDashboard_pathRuleRow__Fbi7t {
    border-top: 1px solid #edebe9;
}

.aiVisibilityDashboard_pageCategoryModal__wrrJJ .aiVisibilityDashboard_pathRuleLabel__yBAgP {
    flex: none;
    min-width: 92px;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    text-align: right;
    color: #323130;
}

.aiVisibilityDashboard_pageCategoryModal__wrrJJ .aiVisibilityDashboard_pathRuleOperator__6a9fV {
    flex: none;
    width: 200px;
}

.aiVisibilityDashboard_pageCategoryModal__wrrJJ .aiVisibilityDashboard_domainRuleOperator__oTvbm {
    flex: none;
    width: 200px;
    padding-left: 12px;
    box-sizing: border-box;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #242424;
}

.aiVisibilityDashboard_pageCategoryModal__wrrJJ .aiVisibilityDashboard_domainRuleDropdown__FPHBv {
    flex: 1;
    min-width: 0;
}

.aiVisibilityDashboard_pageCategoryModal__wrrJJ .aiVisibilityDashboard_pathRuleOperator__6a9fV .ms-Dropdown-title,
.aiVisibilityDashboard_pageCategoryModal__wrrJJ .aiVisibilityDashboard_domainRuleDropdown__FPHBv .ms-Dropdown-title {
    height: 32px;
    padding: 5px 10px 7px 12px;
    border: none;
    border-bottom: 1px solid #616161;
    border-radius: 0;
    font-size: 14px;
    line-height: 20px;
    color: #242424;
}

.aiVisibilityDashboard_pageCategoryModal__wrrJJ .aiVisibilityDashboard_domainRuleDropdown__FPHBv .ms-Dropdown-titleIsPlaceHolder {
    color: #707070;
}

.aiVisibilityDashboard_pageCategoryModal__wrrJJ .aiVisibilityDashboard_pathRuleOperator__6a9fV .ms-Dropdown-caretDownWrapper,
.aiVisibilityDashboard_pageCategoryModal__wrrJJ .aiVisibilityDashboard_domainRuleDropdown__FPHBv .ms-Dropdown-caretDownWrapper {
    top: 6px;
    height: 20px;
    line-height: 20px;
    color: #616161;
}

.aiVisibilityDashboard_pageCategoryModal__wrrJJ .aiVisibilityDashboard_pathRuleInput__q\+MkK {
    flex: 1;
    min-width: 0;
    height: 32px;
    padding: 0;
    border: none;
    border-bottom: 1px solid #616161;
    border-radius: 0;
    background: transparent;
}

.aiVisibilityDashboard_pageCategoryModal__wrrJJ .aiVisibilityDashboard_pathRuleInput__q\+MkK::after {
    border: none;
    border-bottom: 2px solid #0078d4;
    border-radius: 0;
}

.aiVisibilityDashboard_pageCategoryModal__wrrJJ .aiVisibilityDashboard_pathRuleInput__q\+MkK .ms-SearchBox-iconContainer {
    width: 20px;
    font-size: 16px;
    color: #616161;
}

.aiVisibilityDashboard_pageCategoryModal__wrrJJ .aiVisibilityDashboard_pathRuleInput__q\+MkK .ms-SearchBox-field {
    padding: 0 2px;
    font-size: 14px;
    line-height: 20px;
    color: #242424;
}

.aiVisibilityDashboard_pageCategoryModal__wrrJJ .aiVisibilityDashboard_pathRuleInput__q\+MkK .ms-SearchBox-field::placeholder {
    color: #707070;
}

.aiVisibilityDashboard_pageCategoryModal__wrrJJ .aiVisibilityDashboard_addPathButton__qjSkK,
.aiVisibilityDashboard_pageCategoryModal__wrrJJ .aiVisibilityDashboard_addDomainRuleButton__Wvuu1 {
    flex: none;
    height: 32px;
    padding: 5px 12px;
    border: none;
    border-radius: 4px;
    background: transparent;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    color: #424242;
}

.aiVisibilityDashboard_pageCategoryModal__wrrJJ .aiVisibilityDashboard_addPathButton__qjSkK i,
.aiVisibilityDashboard_pageCategoryModal__wrrJJ .aiVisibilityDashboard_addDomainRuleButton__Wvuu1 i {
    font-size: 16px;
    color: #424242;
}

.aiVisibilityDashboard_pageCategoryModal__wrrJJ .aiVisibilityDashboard_addPathButton__qjSkK:hover,
.aiVisibilityDashboard_pageCategoryModal__wrrJJ .aiVisibilityDashboard_addDomainRuleButton__Wvuu1:hover {
    background: #f5f5f5;
    color: #424242;
}

.aiVisibilityDashboard_pageCategoryModal__wrrJJ .aiVisibilityDashboard_addPathButton__qjSkK:disabled,
.aiVisibilityDashboard_pageCategoryModal__wrrJJ .aiVisibilityDashboard_addPathButton__qjSkK:disabled i {
    background: transparent;
    color: #bdbdbd;
}

.aiVisibilityDashboard_pageCategoryModal__wrrJJ .aiVisibilityDashboard_removeRuleButton__inHaI {
    flex: none;
    width: 32px;
    height: 32px;
    margin: 0 8px;
    border-radius: 4px;
    color: #161514;
}

.aiVisibilityDashboard_pageCategoryModal__wrrJJ .aiVisibilityDashboard_removeRuleButton__inHaI i {
    font-size: 16px;
    color: #161514;
}

.aiVisibilityDashboard_pageCategoryModal__wrrJJ .aiVisibilityDashboard_categoryPages__PQSXl {
    align-self: stretch;
}

.aiVisibilityDashboard_pageCategoryModal__wrrJJ .aiVisibilityDashboard_categoryPages__PQSXl .aiVisibilityDashboard_categoryPagesHeader__oDFY- {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    min-height: 48px;
    padding: 16px 8px;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    color: #242424;
    background: #ffffff;
    border-bottom: 1px solid #e0e0e0;
}

.aiVisibilityDashboard_pageCategoryModal__wrrJJ .aiVisibilityDashboard_categoryPages__PQSXl .aiVisibilityDashboard_categoryPagesRow__STjz4 {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    min-height: 48px;
    padding: 16px 8px;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    color: #242424;
    background: #ffffff;
    border-bottom: 1px solid #e0e0e0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.aiVisibilityDashboard_pageCategoryModal__wrrJJ .aiVisibilityDashboard_categoryPages__PQSXl .aiVisibilityDashboard_categoryPagesStatus__h\+fT2 {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px;
    font-size: 12px;
    line-height: 16px;
    color: #605e5c;
}

.aiVisibilityDashboard_pageCategoryModal__wrrJJ .aiVisibilityDashboard_pageCategoryModalFooter__K84fc {
    flex-shrink: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    align-self: stretch;
    gap: 8px;
    padding: 0 24px;
}

.aiVisibilityDashboard_pageCategoryModal__wrrJJ .aiVisibilityDashboard_pageCategoryModalFooter__K84fc .aiVisibilityDashboard_pageCategoryModalSaveButton__aI8wh {
    height: 32px;
    padding: 5px 12px;
    border: none;
    border-radius: 4px;
    background: linear-gradient(280.75deg, #0078d4 0%, #9692ff 94.81%);
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    color: #ffffff;
}

.aiVisibilityDashboard_pageCategoryModal__wrrJJ .aiVisibilityDashboard_pageCategoryModalFooter__K84fc .aiVisibilityDashboard_pageCategoryModalSaveButton__aI8wh:hover {
    background: linear-gradient(281deg, #106ebe 0%, #7974ff 94.81%);
    color: #ffffff;
}

.aiVisibilityDashboard_pageCategoryModal__wrrJJ .aiVisibilityDashboard_pageCategoryModalFooter__K84fc .aiVisibilityDashboard_pageCategoryModalSaveButton__aI8wh:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

.aiVisibilityDashboard_pageCategoryModal__wrrJJ .aiVisibilityDashboard_pageCategoryModalFooter__K84fc .aiVisibilityDashboard_pageCategoryModalCancelButton__VZp\+6 {
    box-sizing: border-box;
    height: 32px;
    padding: 5px 12px;
    background: rgba(255, 255, 255, 0.3);
    border: 1px solid #0078d4;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    color: #004578;
}

.aiVisibilityDashboard_brandNameModal__jcHC6 .ms-Dialog-main {
    border-radius: 8px;
}

.aiVisibilityDashboard_brandNameModal__jcHC6 .ms-Modal-scrollableContent {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 870px;
    max-width: 92vw;
    height: 600px;
    max-height: 88vh;
    padding: 0 0 24px;
    box-sizing: border-box;
    border-radius: 8px;
    box-shadow:
        0 4.8px 14.4px rgba(0, 0, 0, 0.18),
        0 25.6px 57.6px rgba(0, 0, 0, 0.22);
}

.aiVisibilityDashboard_brandNameModal__jcHC6 .aiVisibilityDashboard_brandNameModalTitle__AObel {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    align-self: stretch;
    gap: 4px;
    padding: 16px 24px 20px;
    font-size: 20px;
    font-weight: 600;
    line-height: 28px;
    color: #323130;
}

.aiVisibilityDashboard_brandNameModal__jcHC6 .aiVisibilityDashboard_brandNameModalTitle__AObel.aiVisibilityDashboard_brandNameModalEditTitle__ijDBJ {
    font-weight: 400;
}

.aiVisibilityDashboard_brandNameModal__jcHC6 .aiVisibilityDashboard_brandNameModalTitle__AObel .aiVisibilityDashboard_brandNameModalTitleName__OuRuf {
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.aiVisibilityDashboard_brandNameModal__jcHC6 .aiVisibilityDashboard_brandNameModalContent__HD3Gd {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    gap: 20px;
    min-height: 0;
    padding: 0 24px 16px;
    overflow-y: auto;
    scrollbar-gutter: stable;
}

.aiVisibilityDashboard_brandNameModal__jcHC6 .aiVisibilityDashboard_brandNameInput__DGYPy {
    flex-shrink: 0;
    width: 320px;
    max-width: 100%;
}

.aiVisibilityDashboard_brandNameModal__jcHC6 .aiVisibilityDashboard_brandNameInput__DGYPy .ms-TextField-fieldGroup {
    height: 32px;
    background: transparent;
    border: none;
    border-bottom: 1px solid #616161;
    border-radius: 0;
}

.aiVisibilityDashboard_brandNameModal__jcHC6 .aiVisibilityDashboard_brandNameInput__DGYPy .ms-TextField-fieldGroup::after {
    border-radius: 0;
}

.aiVisibilityDashboard_brandNameModal__jcHC6 .aiVisibilityDashboard_brandNameInput__DGYPy input {
    padding: 0 10px;
    font-size: 14px;
    line-height: 20px;
    color: #242424;
}

.aiVisibilityDashboard_brandNameModal__jcHC6 .aiVisibilityDashboard_brandNameInput__DGYPy input::placeholder {
    color: #707070;
}

.aiVisibilityDashboard_brandNameModal__jcHC6 .aiVisibilityDashboard_brandNameInput__DGYPy .ms-TooltipHost {
    display: flex;
    align-items: center;
    gap: 4px;
    width: fit-content;
    padding-bottom: 2px;
}

.aiVisibilityDashboard_brandNameModal__jcHC6 .aiVisibilityDashboard_brandNameInput__DGYPy .ms-TooltipHost p {
    margin: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #242424;
}

.aiVisibilityDashboard_brandNameModal__jcHC6 .aiVisibilityDashboard_brandNameInput__DGYPy .ms-TooltipHost span {
    font-size: 14px;
    line-height: 20px;
    color: #b10e1c;
}

.aiVisibilityDashboard_brandNameModal__jcHC6 .aiVisibilityDashboard_brandNameInput__DGYPy .ms-TooltipHost i {
    font-size: 16px;
    color: #424242;
    cursor: default;
}

.aiVisibilityDashboard_brandNameModal__jcHC6 .aiVisibilityDashboard_modalDivider__lSPEl {
    flex-shrink: 0;
    align-self: stretch;
    height: 1px;
    background: #edebe9;
}

.aiVisibilityDashboard_brandNameModal__jcHC6 .aiVisibilityDashboard_brandNameAliasesHeader__-M1fx {
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    gap: 8px;
}

.aiVisibilityDashboard_brandNameModal__jcHC6 .aiVisibilityDashboard_brandNameAliasesHeader__-M1fx .aiVisibilityDashboard_brandNameAliasesTitle__zhdkm {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    color: #161514;
}

.aiVisibilityDashboard_brandNameModal__jcHC6 .aiVisibilityDashboard_brandNameAliasesHeader__-M1fx .aiVisibilityDashboard_brandNameAliasesTitle__zhdkm .aiVisibilityDashboard_brandNameAliasesRequired__Hqgdf {
    font-weight: 400;
    color: #b10e1c;
}

.aiVisibilityDashboard_brandNameModal__jcHC6 .aiVisibilityDashboard_brandNameAliasesHeader__-M1fx .aiVisibilityDashboard_brandNameAliasesTitle__zhdkm i {
    font-size: 16px;
    font-weight: 400;
    color: #424242;
    cursor: default;
}

.aiVisibilityDashboard_brandNameModal__jcHC6 .aiVisibilityDashboard_brandNameAliasesHeader__-M1fx .aiVisibilityDashboard_brandNameAliasesDescription__Ytpyt {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    color: #605e5c;
}

.aiVisibilityDashboard_brandNameModal__jcHC6 .aiVisibilityDashboard_brandNameAliasesInput__Pgwpa {
    flex-shrink: 0;
    align-self: stretch;
}

.aiVisibilityDashboard_brandNameModal__jcHC6 .aiVisibilityDashboard_brandNameAliasesInput__Pgwpa .ms-TextField-fieldGroup {
    height: 80px;
    background: #ffffff;
    border: 1px solid #d1d1d1;
    border-radius: 4px;
}

.aiVisibilityDashboard_brandNameModal__jcHC6 .aiVisibilityDashboard_brandNameAliasesInput__Pgwpa .ms-TextField-fieldGroup::after {
    border-radius: 4px;
}

.aiVisibilityDashboard_brandNameModal__jcHC6 .aiVisibilityDashboard_brandNameAliasesInput__Pgwpa textarea {
    padding: 6px 12px;
    font-size: 14px;
    line-height: 20px;
    color: #242424;
}

.aiVisibilityDashboard_brandNameModal__jcHC6 .aiVisibilityDashboard_brandNameAliasesInput__Pgwpa textarea::placeholder {
    color: #707070;
}

.aiVisibilityDashboard_brandNameModal__jcHC6 .aiVisibilityDashboard_brandNameModalFooter__FqxQ1 {
    flex-shrink: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    align-self: stretch;
    gap: 8px;
    padding: 0 24px;
}

.aiVisibilityDashboard_brandNameModal__jcHC6 .aiVisibilityDashboard_brandNameModalFooter__FqxQ1 .aiVisibilityDashboard_brandNameModalSaveButton__xHd7w {
    height: 32px;
    padding: 5px 12px;
    border: none;
    border-radius: 4px;
    background: linear-gradient(280.75deg, #0078d4 0%, #9692ff 94.81%);
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    color: #ffffff;
}

.aiVisibilityDashboard_brandNameModal__jcHC6 .aiVisibilityDashboard_brandNameModalFooter__FqxQ1 .aiVisibilityDashboard_brandNameModalSaveButton__xHd7w:hover {
    background: linear-gradient(281deg, #106ebe 0%, #7974ff 94.81%);
    color: #ffffff;
}

.aiVisibilityDashboard_brandNameModal__jcHC6 .aiVisibilityDashboard_brandNameModalFooter__FqxQ1 .aiVisibilityDashboard_brandNameModalSaveButton__xHd7w:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

.aiVisibilityDashboard_brandNameModal__jcHC6 .aiVisibilityDashboard_brandNameModalFooter__FqxQ1 .aiVisibilityDashboard_brandNameModalCancelButton__X39NB {
    box-sizing: border-box;
    height: 32px;
    padding: 5px 12px;
    background: rgba(255, 255, 255, 0.3);
    border: 1px solid #0078d4;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    color: #004578;
}

.aiVisibilityDashboard_crawlingActivitySetup__qjjQC {
    flex: 1;
    display: flex;
    overflow: hidden;
    margin: 32px 0 0;
    flex-direction: column;
}

.aiVisibilityDashboard_crawlingActivitySetup__qjjQC .ms-Breadcrumb,
.aiVisibilityDashboard_crawlingActivitySetup__qjjQC .ms-MessageBar {
    margin: 0 48px 24px;
    width: auto;
}

.aiVisibilityDashboard_crawlingActivitySetup__qjjQC .aiVisibilityDashboard_cdnProviderInstructions__mmFBG .ms-MessageBar {
    margin: 0 0 24px;
    width: auto;
}

.aiVisibilityDashboard_crawlingActivitySetup__qjjQC .aiVisibilityDashboard_content__Pe6G1 {
    margin-top: 40px;
}

.aiVisibilityDashboard_crawlingActivitySetup__qjjQC button.ms-Button.is-disabled,
.aiVisibilityDashboard_citationSetup__KrTnK button.ms-Button.is-disabled {
    background: #edebe9;
    color: #bebbb8;
    border: 1px solid #e0e0e0;
}

.aiVisibilityDashboard_cdnProviderSelection__8WuZg,
.aiVisibilityDashboard_cdnIntegrationPreview__pnirJ,
.aiVisibilityDashboard_cdnProviderInstructions__mmFBG {
    overflow-y: auto;
    overflow-x: hidden;
    padding: 32px 48px;
    padding-top: 0;
}

.aiVisibilityDashboard_cdnProviderSelection__8WuZg h2,
.aiVisibilityDashboard_cdnIntegrationPreview__pnirJ h2,
.aiVisibilityDashboard_citationSetupSubtitle__yJPRr .aiVisibilityDashboard_listTitle__ay\+Iv .aiVisibilityDashboard_listTitleText__IiZFR {
    color: #323130;
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    margin-bottom: 8px;
}

.aiVisibilityDashboard_cdnProviderSelection__8WuZg h2 {
    margin-bottom: 24px;
}

.aiVisibilityDashboard_cdnIntegrationPreview__pnirJ p {
    color: #323130;
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
}

.aiVisibilityDashboard_cdnIntegrationPreview__pnirJ .ms-Button--primary {
    margin: 16px 0 24px;
}

.aiVisibilityDashboard_cdnIntegrationPreview__pnirJ .aiVisibilityDashboard_errorWrapper__BwLo5 {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.aiVisibilityDashboard_cdnIntegrationPreview__pnirJ .aiVisibilityDashboard_errorWrapper__BwLo5 .aiVisibilityDashboard_error__YC2MW {
    position: relative;
    width: fit-content;
    top: unset;
}

.aiVisibilityDashboard_integrationCardsContainer__-5n1U {
    flex-wrap: wrap;
    display: flex;
    gap: 16px;
}

.aiVisibilityDashboard_cdnProviderIntegrationCard__ZZgPh {
    width: 535px;
    height: 249px;
    padding: 32px;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 4.8px 14.4px 0 rgba(131, 126, 255, 0.3);

    gap: 18px;
    display: flex;
    margin-top: 16px;
    flex-direction: row;
}

.aiVisibilityDashboard_cdnProviderIntegrationCard__ZZgPh .aiVisibilityDashboard_link__wwI38,
.aiVisibilityDashboard_cdnProviderIntegrationCard__ZZgPh .ms-Button--action {
    padding: 0px;
    height: 20px;
    color: #0078d4;
    font-size: 14px;
    line-height: 20px;
}

.aiVisibilityDashboard_cdnProviderIntegrationCard__ZZgPh .ms-Button-label {
    padding: 0;
    margin: 0;
}

.aiVisibilityDashboard_cdnProviderIntegrationCard__ZZgPh img {
    width: 60px;
    margin: 10px;
    height: 60px;
    align-self: center;
    object-fit: contain;
}

.aiVisibilityDashboard_cdnIntegrationStatusCard__KiKy- {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.aiVisibilityDashboard_cdnIntegrationStatusCard__KiKy- .ms-layer {
    display: none;
}

.aiVisibilityDashboard_cdnIntegrationStatusCard__KiKy-.aiVisibilityDashboard_failed__7qsSj,
.aiVisibilityDashboard_cdnIntegrationStatusCard__KiKy-.aiVisibilityDashboard_warning__IAQOr,
.aiVisibilityDashboard_cdnIntegrationStatusCard__KiKy-.aiVisibilityDashboard_invalidToken__6h-DW,
.aiVisibilityDashboard_cdnIntegrationStatusCard__KiKy-.aiVisibilityDashboard_connected__ea7y0,
.aiVisibilityDashboard_cdnIntegrationStatusCard__KiKy-.aiVisibilityDashboard_connecting__acMB9 {
    gap: 12px;
}

.aiVisibilityDashboard_cdnIntegrationStatusCard__KiKy-.aiVisibilityDashboard_failed__7qsSj .aiVisibilityDashboard_disconnectButton__D6uYK,
.aiVisibilityDashboard_cdnIntegrationStatusCard__KiKy-.aiVisibilityDashboard_warning__IAQOr .aiVisibilityDashboard_disconnectButton__D6uYK,
.aiVisibilityDashboard_cdnIntegrationStatusCard__KiKy-.aiVisibilityDashboard_connected__ea7y0 .aiVisibilityDashboard_disconnectButton__D6uYK,
.aiVisibilityDashboard_cdnIntegrationStatusCard__KiKy-.aiVisibilityDashboard_connecting__acMB9 .aiVisibilityDashboard_disconnectButton__D6uYK {
    margin-top: 8px;
}

.aiVisibilityDashboard_cdnIntegrationStatusCard__KiKy- h2 {
    margin: 0;
    color: #161514;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 1.28px;
}

.aiVisibilityDashboard_cdnIntegrationStatusCard__KiKy- .aiVisibilityDashboard_connectionNoteContainer__WUx-B {
    gap: 2px;
    display: flex;
    flex-direction: column;
}

.aiVisibilityDashboard_cdnIntegrationStatusCard__KiKy- .aiVisibilityDashboard_connectionNote__C9xDK {
    color: #323130;
    font-size: 14px;
}

.aiVisibilityDashboard_cdnIntegrationStatusCard__KiKy-.aiVisibilityDashboard_failed__7qsSj .aiVisibilityDashboard_connectionNote__C9xDK,
.aiVisibilityDashboard_cdnIntegrationStatusCard__KiKy-.aiVisibilityDashboard_warning__IAQOr .aiVisibilityDashboard_connectionNote__C9xDK,
.aiVisibilityDashboard_cdnIntegrationStatusCard__KiKy-.aiVisibilityDashboard_invalidToken__6h-DW .aiVisibilityDashboard_connectionNote__C9xDK,
.aiVisibilityDashboard_cdnIntegrationStatusCard__KiKy-.aiVisibilityDashboard_connected__ea7y0 .aiVisibilityDashboard_connectionNote__C9xDK,
.aiVisibilityDashboard_cdnIntegrationStatusCard__KiKy-.aiVisibilityDashboard_connecting__acMB9 .aiVisibilityDashboard_connectionNote__C9xDK {
    line-height: 20px;
}

.aiVisibilityDashboard_cdnIntegrationStatusCard__KiKy- .aiVisibilityDashboard_connectionNote__C9xDK strong {
    margin-right: 8px;
}

.aiVisibilityDashboard_cdnIntegrationStatusCard__KiKy- .aiVisibilityDashboard_connectionNote__C9xDK a {
    color: #0078d4;
    font-size: 14px;
}

.aiVisibilityDashboard_cdnIntegrationStatusCard__KiKy- .aiVisibilityDashboard_connectionNote__C9xDK a:hover {
    color: #0078d4;
    text-decoration: underline;
}

.aiVisibilityDashboard_cdnIntegrationStatusCard__KiKy- .aiVisibilityDashboard_status__by11m {
    gap: 4px;
    display: flex;
    height: 24px;
    padding: 0 8px;
    align-items: center;
    border-radius: 16px;
    justify-content: center;
}

.aiVisibilityDashboard_cdnIntegrationStatusCard__KiKy- .aiVisibilityDashboard_status__by11m span {
    text-align: center;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
}

.aiVisibilityDashboard_cdnIntegrationStatusCard__KiKy-.aiVisibilityDashboard_connecting__acMB9 .aiVisibilityDashboard_status__by11m {
    background: #edebe9;
    color: #616161;
}

.aiVisibilityDashboard_cdnIntegrationStatusCard__KiKy-.aiVisibilityDashboard_connected__ea7y0 .aiVisibilityDashboard_status__by11m {
    background: #107c10;
    color: #ffffff;
}

.aiVisibilityDashboard_cdnIntegrationStatusCard__KiKy-.aiVisibilityDashboard_warning__IAQOr .aiVisibilityDashboard_status__by11m {
    background: #d83b01;
    color: #ffffff;
}

.aiVisibilityDashboard_cdnIntegrationStatusCard__KiKy-.aiVisibilityDashboard_invalidToken__6h-DW .aiVisibilityDashboard_status__by11m {
    background: #d83b01;
    color: #ffffff;
}

.aiVisibilityDashboard_cdnIntegrationStatusCard__KiKy-.aiVisibilityDashboard_failed__7qsSj .aiVisibilityDashboard_status__by11m {
    background: #c50f1f;
    color: #ffffff;
}

.aiVisibilityDashboard_cdnIntegrationStatusCard__KiKy- .aiVisibilityDashboard_actionsGroup__ZsAXI {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 8px;
}

.aiVisibilityDashboard_cdnProviderSelection__8WuZg .aiVisibilityDashboard_divider__L59AC,
.aiVisibilityDashboard_cdnIntegrationPreview__pnirJ .aiVisibilityDashboard_divider__L59AC {
    background: #edebe9;
    margin-bottom: 16px;
    height: 1px;
}

.aiVisibilityDashboard_cdnProviderSelection__8WuZg .aiVisibilityDashboard_providerOptions__J5Eqo {
    margin-bottom: 40px;
    display: flex;
    gap: 24px;
}

.aiVisibilityDashboard_cdnProviderSelection__8WuZg .aiVisibilityDashboard_providerOption__mQqAG {
    gap: 16px;
    width: 245px;
    display: flex;
    cursor: pointer;
    border-radius: 8px;
    background: #fff;
    align-items: center;
    padding-right: 16px;
    border: 1px solid #edebe9;
    box-shadow:
        0 0.6px 1.8px 0 rgba(131, 126, 255, 0.1),
        0 3.2px 7.2px 0 rgba(131, 126, 255, 0.12);
    padding-left: 0;
    text-align: left;
    font-family: inherit;
}

.aiVisibilityDashboard_cdnProviderSelection__8WuZg .aiVisibilityDashboard_providerOption__mQqAG.aiVisibilityDashboard_connected__ea7y0 {
    opacity: 0.45;
    cursor: auto;
}

.aiVisibilityDashboard_cdnProviderSelection__8WuZg .aiVisibilityDashboard_providerOption__mQqAG.aiVisibilityDashboard_disabled__-pdgT {
    cursor: auto;
    background: #faf9f8;
}

.aiVisibilityDashboard_cdnProviderSelection__8WuZg .aiVisibilityDashboard_providerOption__mQqAG.aiVisibilityDashboard_disabled__-pdgT span {
    color: #979593;
}

.aiVisibilityDashboard_cdnProviderSelection__8WuZg .aiVisibilityDashboard_providerOption__mQqAG span {
    color: #161514;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
}

.aiVisibilityDashboard_cdnProviderSelection__8WuZg .aiVisibilityDashboard_providerOption__mQqAG img {
    width: 60px;
    height: 60px;
    padding: 10px;
    display: block;
    object-fit: contain;
    background-color: white;
    border-radius: 8px 0 0 8px;
}

.aiVisibilityDashboard_cdnProviderInstructions__mmFBG {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.aiVisibilityDashboard_cdnProviderInstructions__mmFBG details {
    margin-bottom: 40px;
}

.aiVisibilityDashboard_cdnProviderInstructions__mmFBG details[aria-current="false"][open] {
    margin-bottom: 24px;
}

.aiVisibilityDashboard_cdnProviderInstructions__mmFBG details summary {
    list-style: none; /* Removes default marker in some browsers */
}

.aiVisibilityDashboard_cdnProviderInstructions__mmFBG details summary::-webkit-details-marker {
    display: none; /* Chrome, Safari */
}

.aiVisibilityDashboard_cdnProviderInstructions__mmFBG details summary {
    gap: 8px;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.aiVisibilityDashboard_cdnProviderInstructions__mmFBG details summary i {
    width: 16px;
    height: 16px;
    font-size: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
}

.aiVisibilityDashboard_cdnProviderInstructions__mmFBG details[open] summary i {
    transform: rotate(180deg);
    transition: transform 0.2s ease-in-out;
}

.aiVisibilityDashboard_cdnProviderInstructions__mmFBG details .aiVisibilityDashboard_content__Pe6G1 {
    margin-top: 26px;
}

.aiVisibilityDashboard_cdnProviderInstructions__mmFBG details .aiVisibilityDashboard_nextButton__zrcoZ {
    margin-left: 32px;
}

.aiVisibilityDashboard_cdnProviderInstructions__mmFBG details .aiVisibilityDashboard_confirmSetupButton__yCqjD {
    margin-left: 32px;
}

.aiVisibilityDashboard_cdnProviderInstructions__mmFBG details .aiVisibilityDashboard_content__Pe6G1 ul {
    margin: 0 32px;
}

.aiVisibilityDashboard_cdnProviderInstructions__mmFBG details .aiVisibilityDashboard_content__Pe6G1 ul li {
    margin: 0 20px 8px;
}

.aiVisibilityDashboard_cdnProviderInstructions__mmFBG .ms-Link:focus-visible {
    text-decoration: underline;
}

.aiVisibilityDashboard_cdnProviderInstructions__mmFBG details .aiVisibilityDashboard_content__Pe6G1 ul + button {
    margin-top: 24px;
}

.aiVisibilityDashboard_cdnProviderInstructions__mmFBG details .aiVisibilityDashboard_content__Pe6G1 .aiVisibilityDashboard_metadata__nBILh {
    padding: 16px;

    border-radius: 8px;
    background: #fbfbfe;
    border: 1px solid #eaeaff;

    gap: 16px;
    display: flex;
    width: fit-content;
    flex-direction: column;
    align-items: flex-start;
}

.aiVisibilityDashboard_cdnProviderInstructions__mmFBG details .aiVisibilityDashboard_content__Pe6G1 ul li .aiVisibilityDashboard_metadata__nBILh {
    margin-bottom: 16px;
}

.aiVisibilityDashboard_cdnProviderInstructions__mmFBG details img {
    margin-bottom: 8px;
    margin-left: 32px;
    width: 536px;
}

.aiVisibilityDashboard_cdnProviderInstructions__mmFBG details .aiVisibilityDashboard_codeBlock__2laG1 {
    border-radius: 8px;
    margin-bottom: 24px;
    border: 1px solid #edebe9;

    display: flex;
    max-width: 621px;
    flex-direction: column;
    align-items: flex-start;
}

.aiVisibilityDashboard_cdnProviderInstructions__mmFBG details .aiVisibilityDashboard_codeBlock__2laG1 .aiVisibilityDashboard_header__-t54W {
    gap: 8px;
    display: flex;
    padding: 8px 0;
    max-height: 48px;
    border-radius: 8px 8px 0 0;
    flex-direction: column;
    align-items: flex-end;
    align-self: stretch;
    background: #fff;
}

.aiVisibilityDashboard_cdnProviderInstructions__mmFBG details .aiVisibilityDashboard_codeBlock__2laG1 .aiVisibilityDashboard_content__Pe6G1 {
    display: flex;
    padding: 16px;
    align-self: stretch;
    background: #faf9f8;
    align-items: flex-start;
    gap: 10px;
    margin: 0;
    color: #161514;
    font-size: 14px;
    line-height: 20px;
    border-radius: 0 0 8px 8px;
}

.aiVisibilityDashboard_cdnProviderInstructions__mmFBG details .aiVisibilityDashboard_metadataItem__Z-fq9 {
    gap: 8px;
    display: flex;
    align-items: end;
}

.aiVisibilityDashboard_cdnProviderInstructions__mmFBG details .aiVisibilityDashboard_metadataItem__Z-fq9 input {
    width: 428px;
}

.aiVisibilityDashboard_cdnProviderInstructions__mmFBG details .aiVisibilityDashboard_metadataItem__Z-fq9 .ms-Button--action,
.aiVisibilityDashboard_cdnProviderInstructions__mmFBG details .aiVisibilityDashboard_codeBlock__2laG1 .ms-Button--action {
    height: 32px;
    padding: 0 12px;
}

.aiVisibilityDashboard_cdnProviderInstructions__mmFBG details .aiVisibilityDashboard_metadataItem__Z-fq9 .ms-Button--action .ms-Button-label,
.aiVisibilityDashboard_cdnProviderInstructions__mmFBG details .aiVisibilityDashboard_codeBlock__2laG1 .ms-Button--action .ms-Button-label {
    margin: 0 2px;
}

.aiVisibilityDashboard_cdnProviderInstructions__mmFBG details .aiVisibilityDashboard_metadataItem__Z-fq9 .ms-Button--action .ms-Button-flexContainer:hover,
.aiVisibilityDashboard_cdnProviderInstructions__mmFBG details .aiVisibilityDashboard_codeBlock__2laG1 .ms-Button--action .ms-Button-flexContainer:hover {
    background-color: rgb(243, 242, 241);
    color: rgb(50, 49, 48);
    border-radius: 4px;
}

.aiVisibilityDashboard_cdnProviderInstructions__mmFBG details summary span {
    background: #eaeaff;
    border-radius: 50%;
    color: #020057;
    height: 24px;
    width: 24px;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.aiVisibilityDashboard_cdnProviderInstructions__mmFBG details summary h1 {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #323130;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
}

.aiVisibilityDashboard_cdnProviderInstructions__mmFBG details[aria-disabled="true"] {
    opacity: 0.5;
}

.aiVisibilityDashboard_cdnProviderInstructions__mmFBG .aiVisibilityDashboard_actionButtons__y-JeJ {
    gap: 8px;
    display: flex;
    margin-top: auto;
    justify-content: flex-end;
}

.aiVisibilityDashboard_cdnProviderInstructions__mmFBG .aiVisibilityDashboard_tableContainer__tpM9f {
    width: 568px;
    padding: 16px 0 16px 32px;
    margin-bottom: 8px;
}

.aiVisibilityDashboard_cdnProviderInstructions__mmFBG .aiVisibilityDashboard_table__V3YTG {
    border-collapse: collapse;
    margin: 0;
    padding: 0;
}

.aiVisibilityDashboard_cdnProviderInstructions__mmFBG .aiVisibilityDashboard_tableItem__wtIZ6 {
    height: 24px;
}

.aiVisibilityDashboard_cdnProviderInstructions__mmFBG .aiVisibilityDashboard_tableItemTitle__J7Bqf {
    color: #323130;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    padding: 0;
    padding-right: 32px;
    border-bottom: 0;
    height: 100%;
    white-space: nowrap;
}

.aiVisibilityDashboard_cdnProviderInstructions__mmFBG .aiVisibilityDashboard_tableItemValue__tVXkx {
    padding: 0;
    font-weight: 400;
    font-style: italic;
    font-size: 14px;
    line-height: 20px;
    color: #323130;
    border-bottom: 0;
    height: 100%;
    white-space: nowrap;
}

.aiVisibilityDashboard_cdnProviderInstructions__mmFBG .aiVisibilityDashboard_tableItemValue__tVXkx .aiVisibilityDashboard_tableItemValueContent__JPpvT {
    display: flex;
    align-items: center;
    gap: 4px;
    height: 100%;
}

.aiVisibilityDashboard_cdnProviderInstructions__mmFBG .aiVisibilityDashboard_tableItemHighlight__Dm0lq {
    height: 100%;
    display: flex;
    align-items: center;
    padding: 0 8px;
    border-radius: 4px;
    background-color: #f5f5f5;
    font-weight: 600;
    font-size: 12px;
    font-style: normal;
    line-height: 16px;
    color: #424242;
    user-select: all;
}

.aiVisibilityDashboard_cdnProviderInstructions__mmFBG .aiVisibilityDashboard_tableItemSeparator__Qhx2Q td {
    width: 100%;
    margin: 0;
    padding: 8px 0;
    border-bottom: 0;
}

.aiVisibilityDashboard_cdnProviderInstructions__mmFBG .aiVisibilityDashboard_tableContainer__tpM9f tbody tr:hover td {
    background: none;
}

.aiVisibilityDashboard_cdnProviderInstructions__mmFBG .aiVisibilityDashboard_tableItemSeparator__Qhx2Q div {
    width: 100%;
    height: 1px;
    background-color: #e1dfdd;
}

.aiVisibilityDashboard_cdnProviderInstructions__mmFBG .aiVisibilityDashboard_tableItemSeparator__Qhx2Q:last-child {
    display: none;
}

.aiVisibilityDashboard_confirmSetupModal__Yq532 .ms-Dialog-main {
    padding: 16px 24px;
    min-height: unset;
}

.aiVisibilityDashboard_disconnectConfirmation__qczwR {
    margin: 24px;
    max-width: 560px;
}

.aiVisibilityDashboard_disconnectConfirmation__qczwR h1,
.aiVisibilityDashboard_confirmSetupModal__Yq532 h3 {
    color: #323130;
    font-size: 20px;
    font-weight: 600;
    line-height: 28px;
}

.aiVisibilityDashboard_disconnectConfirmation__qczwR p,
.aiVisibilityDashboard_confirmSetupModal__Yq532 p {
    color: #242424;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}

.aiVisibilityDashboard_confirmSetupModal__Yq532 p {
    margin-top: 20px;
}

.aiVisibilityDashboard_disconnectConfirmation__qczwR .aiVisibilityDashboard_helpLinks__Xg2z3 {
    gap: 2px;
    display: flex;
    margin-top: 16px;
    flex-direction: column;
}

.aiVisibilityDashboard_disconnectConfirmation__qczwR a {
    display: block;
    color: #0078d4;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}

.aiVisibilityDashboard_disconnectConfirmation__qczwR a:hover {
    color: #0078d4;
    text-decoration: underline;
}

.aiVisibilityDashboard_disconnectConfirmation__qczwR .aiVisibilityDashboard_actions__f0A-e,
.aiVisibilityDashboard_confirmSetupModal__Yq532 .aiVisibilityDashboard_actions__f0A-e {
    gap: 8px;
    display: flex;
    margin-top: 32px;
    justify-content: flex-end;
}

.aiVisibilityDashboard_disconnectConfirmation__qczwR .aiVisibilityDashboard_header__-t54W {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    justify-content: space-between;
}

.aiVisibilityDashboard_disconnectConfirmation__qczwR .aiVisibilityDashboard_header__-t54W i {
    color: #323130;
}

.aiVisibilityDashboard_acknowledgmentLink__4Jjr7,
.aiVisibilityDashboard_acknowledgmentLink__4Jjr7:hover {
    text-decoration: underline;
    /* #0078d4 only reaches 4.05:1 on the MessageBar's #f3f2f1 background; darken to meet 4.5:1 (MAS 1.4.3) */
    color: #005a9e;
}

.aiVisibilityDashboard_citationSetup__KrTnK {
    flex: 1;
    display: flex;
    padding: 32px 48px;
    flex-direction: column;
    overflow: auto;
}

.aiVisibilityDashboard_citationSetup__KrTnK .ms-MessageBar,
.aiVisibilityDashboard_citationSetup__KrTnK .ms-Breadcrumb {
    margin: 0 0 24px;
}

/* Read by the shared member banner (Settings/MemberBanner.styles.ts), a Fluent v9 MessageBar. */
.aiVisibilityDashboard_citationSetup__KrTnK,
.aiVisibilityDashboard_competitorsPreviewContent__SyTea {
    --member-banner-margin: 0 0 24px;
}

.aiVisibilityDashboard_citationSetupSubtitle__yJPRr {
    margin-bottom: 16px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 16px;
}

.aiVisibilityDashboard_citationSetupSubtitle__yJPRr .aiVisibilityDashboard_listTitle__ay\+Iv {
    display: flex;
    justify-content: start;
    align-items: center;
}

.aiVisibilityDashboard_citationSetupSubtitle__yJPRr .aiVisibilityDashboard_listTitle__ay\+Iv .aiVisibilityDashboard_listTitleText__IiZFR {
    margin-bottom: 0;
}

.aiVisibilityDashboard_citationSetupSubtitle__yJPRr .aiVisibilityDashboard_listTitle__ay\+Iv .aiVisibilityDashboard_listTitleBadge__NrRPK {
    margin-left: 8px;
    padding: 3px 8px;
    background-color: #deecf9;
    border-radius: 50%;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: #004578;
}

.aiVisibilityDashboard_citationSetupSubtitle__yJPRr .aiVisibilityDashboard_listSubtitle__fhiWv {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #323130;
}

.aiVisibilityDashboard_citationSetupSubtitle__yJPRr .aiVisibilityDashboard_listSubtitle__fhiWv .aiVisibilityDashboard_highlight__G6I-O {
    font-weight: 600;
}

.aiVisibilityDashboard_competitorsList__v-846 {
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow-y: auto;
}

.aiVisibilityDashboard_competitorsListHeader__nbBKc {
    height: 48px;
}

.aiVisibilityDashboard_competitorsListHeader__nbBKc .ms-Button {
    width: fit-content;
    padding-left: 12px;
    padding-right: 12px;
    border-color: #d1d1d1;
}

.aiVisibilityDashboard_addCompetitorButtonContent__hY4Cg {
    display: flex;
    align-items: center;
    gap: 4px;
    width: 100%;
    justify-content: center;
}

.aiVisibilityDashboard_addCompetitorButtonContent__hY4Cg .ms-Icon {
    width: 20px;
    height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #242424;
}

.aiVisibilityDashboard_addCompetitorButtonContent__hY4Cg .aiVisibilityDashboard_addCompetitorButtonText__v9dw9 {
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    color: #242424;
}

.aiVisibilityDashboard_competitorListItem__YFkJJ {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 48px;
    min-height: 48px;
    padding: 8px;
    border-bottom: 1px solid #edebe9;
}

.aiVisibilityDashboard_competitorName__\+Ppgm {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: #605e5c;
}

.aiVisibilityDashboard_competitorListItem__YFkJJ .ms-Button {
    height: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-left: 12px;
    padding-right: 12px;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #0078d4;
}

.aiVisibilityDashboard_competitorListItem__YFkJJ .ms-Button:hover {
    color: #004578;
}

.aiVisibilityDashboard_citationSetupActions__VZWC- {
    margin-top: 24px;
    width: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 8px;
}

.aiVisibilityDashboard_citationSetupActions__VZWC- .ms-Button {
    width: 98px;
}

.aiVisibilityDashboard_actionButtonContent__5J3xE {
    font-weight: 600;
}

.aiVisibilityDashboard_competitorListAddItem__J7IeM {
    display: flex;
    justify-content: center;
    align-items: start;
    gap: 16px;
    width: 100%;
    padding: 8px;
    background-color: #fbfbfe;
    border-radius: 8px;
}

.aiVisibilityDashboard_competitorListAddItemInput__lXmA- {
    flex: 1;
}

.aiVisibilityDashboard_competitorListAddItemInput__lXmA- .ms-TextField-fieldGroup {
    border-bottom: unset;
    border: 1px solid #e0e0e0;
}

.aiVisibilityDashboard_competitorListAddItemInput__lXmA- input {
    color: #242424;
}

.aiVisibilityDashboard_competitorListAddItemInput__lXmA- input::placeholder {
    color: #bdbdbd;
}

.aiVisibilityDashboard_competitorListAddItemError__0jd9e {
    margin-top: 2px;
    height: 16px;
    display: flex;
    align-items: center;
    gap: 4px;
}

.aiVisibilityDashboard_competitorListAddItemError__0jd9e .ms-Icon {
    width: 12px;
    height: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #b10e1c;
}

.aiVisibilityDashboard_competitorListAddItemError__0jd9e .aiVisibilityDashboard_messageContent__e3FR6 {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: #b10e1c;
}

.aiVisibilityDashboard_competitorListAddItemActions__blTpH {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
}

.aiVisibilityDashboard_citationSetupErrorMessage__OB4r- {
    margin-top: 16px;
    width: 100%;
    height: 18px;
    display: flex;
    align-items: center;
    gap: 4px;
}

.aiVisibilityDashboard_citationSetupErrorMessage__OB4r- .ms-Icon {
    width: 12px;
    height: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #b10e1c;
}

.aiVisibilityDashboard_citationSetupErrorMessage__OB4r- .aiVisibilityDashboard_messageContent__e3FR6 {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: #b10e1c;
}

.aiVisibilityDashboard_competitorsPreviewModal__kn\+OK {
    width: 870px;
    height: 600px;
    padding: 16px 20px 40px;
}

.aiVisibilityDashboard_competitorsPreviewContent__SyTea .ms-MessageBar {
    margin: 0px 0 24px 0;
}
.aiVisibilityDashboard_competitorsPreviewContent__SyTea {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.aiVisibilityDashboard_competitorsPreviewTestContainer__of9GQ {
    width: 100%;
    height: 100%;
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.aiVisibilityDashboard_competitorsPreviewTitle__KuYP5 {
    margin-bottom: 20px;
    margin-left: 4px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.aiVisibilityDashboard_competitorsPreviewTitleText__u4Xxg,
.aiVisibilityDashboard_competitorsPreviewTitle__KuYP5 p {
    color: #323130;
}

.aiVisibilityDashboard_competitorsPreviewTitleText__u4Xxg {
    font-weight: 600;
    font-size: 20px;
    line-height: 28px;
}

.aiVisibilityDashboard_competitorsPreviewTitleBadge__yr-nn {
    margin-left: 8px;
    padding: 3px 8px;
    background-color: #deecf9;
    border-radius: 50%;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: #004578;
}

.aiVisibilityDashboard_competitorsPreviewSubtitle__xLesb {
    margin-bottom: 16px;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #323130;
}

.aiVisibilityDashboard_competitorsPreviewSubtitle__xLesb .aiVisibilityDashboard_highlight__G6I-O {
    font-weight: 600;
}

.aiVisibilityDashboard_downloadContainer__Ay9-J {
    display: flex;
    flex-direction: row;
    gap: 14px;
    margin-right: -20px;
    align-items: center;
}

.aiVisibilityDashboard_citationsDisclaimerContainer__hfy0H {
    display: flex;
    flex-direction: row;
    gap: 4px;
    align-items: center;
}

.aiVisibilityDashboard_citationsDashboardDisclaimer__KdMz2 {
    font-size: 12px;
    line-height: 16px;
}

.aiVisibilityDashboard_tileCalloutContainer__ulZFW {
    margin: 16px;
}

.aiVisibilityDashboard_citedPagesCallout__NzYYk.aiVisibilityDashboard_tileCalloutContainer__ulZFW {
    margin-top: 0;
}

.aiVisibilityDashboard_tileCalloutContainer__ulZFW p {
    width: 100%;
    background: #eaeaff;
    color: #020057;
    border-radius: 8px 8px 0 0;
    font-size: 12px;
    line-height: 20px;
}

.aiVisibilityDashboard_tileCalloutContainer__ulZFW p,
.aiVisibilityDashboard_tileCalloutContainer__ulZFW .aiVisibilityDashboard_tileCalloutRow__uTEjq {
    padding: 8px 16px;
}

.aiVisibilityDashboard_tileCalloutContainer__ulZFW .aiVisibilityDashboard_tileCalloutRows__p0TZN {
    border: 1px solid #eaeaff;
    border-radius: 0 0 8px 8px;
}

.aiVisibilityDashboard_tileCalloutRow__uTEjq {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
}

.aiVisibilityDashboard_tileCalloutRow__uTEjq strong {
    font-weight: 600;
    font-size: 20px;
    line-height: 28px;
}

.aiVisibilityDashboard_tileCalloutRow__uTEjq span {
    font-size: 12px;
    line-height: 14px;
}

.aiVisibilityDashboard_tokenInput__G5gVu {
    max-width: 568px;
    padding-left: 32px;
    display: flex;
    flex-direction: column;
}

.aiVisibilityDashboard_tokenInput__G5gVu .aiVisibilityDashboard_description__mrucK {
    color: #323130;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 24px;
}

.aiVisibilityDashboard_tokenInput__G5gVu .aiVisibilityDashboard_inputTitle__l-yys {
    margin-bottom: 4px;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    color: #242424;
}

.aiVisibilityDashboard_tokenInput__G5gVu > div {
    max-width: 512px;
    min-height: 54px;
}

.aiVisibilityDashboard_tokenInput__G5gVu .aiVisibilityDashboard_tokenInputNext__zdq\+O {
    margin-top: 2px;
    max-width: 96px;
}

.aiVisibilityDashboard_servicePicker__xdZ02 {
    display: flex;
    flex-direction: column;
    gap: 24px;
    max-width: 568px;
    padding-left: 32px;
}

.aiVisibilityDashboard_servicePicker__xdZ02 .aiVisibilityDashboard_servicePickerDescription__KmLSW {
    font-size: 14px;
    line-height: 20px;
    color: #323130;
}

.aiVisibilityDashboard_servicePickerError__qVAlR {
    color: #a4262c;
    font-size: 14px;
    line-height: 20px;
}

.aiVisibilityDashboard_servicePickerLoading__hQf8O {
    justify-content: center;
    max-width: 480px;
    margin-bottom: 16px;
}

.aiVisibilityDashboard_serviceListContainer__TJD7j {
    overflow-y: auto;
    max-height: 230px;
    border: 1px solid #d2d0ce;
    border-radius: 8px;
}

.aiVisibilityDashboard_serviceListItem__Mr6UC {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    padding: 16px 16px 16px 24px;
    border: none;
    border-bottom: 1px solid #edebe9;
    cursor: pointer;
}

.aiVisibilityDashboard_serviceListItem__Mr6UC:last-child {
    border-bottom: none;
}

.aiVisibilityDashboard_serviceListItem__Mr6UC:hover {
    background: #f5f5fe;
}

.aiVisibilityDashboard_serviceListItemSelected__2moNu {
    background: #f3f3ff;
}

.aiVisibilityDashboard_serviceListItemSelected__2moNu:hover {
    background: #eaeaff;
}

.aiVisibilityDashboard_serviceRadio__rvuA3 {
    accent-color: #827dff;
    width: 16px;
    height: 16px;
    margin: 0;
    flex-shrink: 0;
    cursor: pointer;
}

.aiVisibilityDashboard_serviceListItemContent__Q\+qeP {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
    font-size: 14px;
    line-height: 20px;
}

.aiVisibilityDashboard_serviceListItem__Mr6UC .aiVisibilityDashboard_serviceName__JoYPw {
    font-weight: 600;
    color: #323130;
}

.aiVisibilityDashboard_serviceListItem__Mr6UC .aiVisibilityDashboard_serviceId__RvYN4 {
    color: #797775;
}

.aiVisibilityDashboard_serviceListSentinel__rmB3L {
    display: flex;
    justify-content: center;
    padding: 16px;
}

.aiVisibilityDashboard_servicePicker__xdZ02 .aiVisibilityDashboard_servicePickerButton__LdYIx {
    max-width: 115px;
    padding: 0;
}

.aiVisibilityDashboard_citationTopic__O9G2\+ {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
    overflow: hidden;
}

.aiVisibilityDashboard_dashboardContainer__drsox:has([data-testid="aiVisibilityDemoDataDisclaimer"]) .aiVisibilityDashboard_citationTopicDemo__FMQJW {
    margin-top: 12px;
}

.aiVisibilityDashboard_citationTopic__O9G2\+ .aiVisibilityDashboard_topicHeader__TlMQA {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    flex-shrink: 0;
    gap: 8px;
    padding: 16px;
    height: 66px;
    background: #ffffff;
    border-bottom: 1px solid #eaeaff;
}

.aiVisibilityDashboard_citationTopic__O9G2\+ .aiVisibilityDashboard_topicBody__JPdvF {
    min-height: 0;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding: 0 16px;
    gap: 12px;
}

.aiVisibilityDashboard_topicBody__JPdvF .aiVisibilityDashboard_topicBodyContent__lIm6y {
    width: fit-content;
    margin: 0 auto;
    padding: 0 32px 32px;
}

.aiVisibilityDashboard_simulationsInfoBanner__Xg0qi {
    grid-template-columns: repeat(3, 1fr);
    width: 100%;
    max-width: 1380px;
    margin-top: 12px;
}

.aiVisibilityDashboard_topicBody__JPdvF .aiVisibilityDashboard_simulationsInfoBanner__Xg0qi .ms-TooltipHost {
    display: flex;
    align-items: center;
    flex-direction: row;
}

.aiVisibilityDashboard_citationTopic__O9G2\+ .aiVisibilityDashboard_topicHeader__TlMQA .aiVisibilityDashboard_topicTitle__zbfl4 {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 4px;
    flex: 1 1 auto;
    min-width: 0;
}

.aiVisibilityDashboard_citationTopic__O9G2\+ .aiVisibilityDashboard_topicHeader__TlMQA .aiVisibilityDashboard_topicTitle__zbfl4 .aiVisibilityDashboard_topicName__0DTpG {
    margin: 0;
    font-size: 20px;
    line-height: 28px;
    font-weight: 600;
    color: #161514;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.aiVisibilityDashboard_citationTopic__O9G2\+ .aiVisibilityDashboard_topicHeader__TlMQA .aiVisibilityDashboard_topicActions__WNDdv {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 12px;
    flex-shrink: 0;
}

.aiVisibilityDashboard_citationTopic__O9G2\+ .aiVisibilityDashboard_topicHeader__TlMQA .aiVisibilityDashboard_runStepper__SQfBx {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
}

.aiVisibilityDashboard_citationTopic__O9G2\+ .aiVisibilityDashboard_topicHeader__TlMQA .aiVisibilityDashboard_runDates__7Mv9C {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
}

.aiVisibilityDashboard_citationTopic__O9G2\+ .aiVisibilityDashboard_topicHeader__TlMQA .aiVisibilityDashboard_runDatePrimary__DY4LS {
    font-size: 14px;
    line-height: 20px;
    color: #323130;
}

.aiVisibilityDashboard_citationTopic__O9G2\+ .aiVisibilityDashboard_topicHeader__TlMQA .aiVisibilityDashboard_runDateSecondary__4ZUb4 {
    font-size: 12px;
    line-height: 16px;
    color: #605e5c;
    white-space: nowrap;
}

.aiVisibilityDashboard_topicActionsMenu__gUKlS .ms-ContextualMenu-link {
    padding-inline-start: 12px;
}

.aiVisibilityDashboard_citationTopic__O9G2\+ .aiVisibilityDashboard_topicHeader__TlMQA .aiVisibilityDashboard_moreButton__z9iAG {
    border: 1px solid #0078d4;
    padding: 0 6px;
}

.aiVisibilityDashboard_citationTopic__O9G2\+ .aiVisibilityDashboard_topicHeader__TlMQA i {
    color: #424242;
}

.aiVisibilityDashboard_citationTopic__O9G2\+ .aiVisibilityDashboard_topicHeader__TlMQA .aiVisibilityDashboard_moreButton__z9iAG i,
.aiVisibilityDashboard_citationTopic__O9G2\+ .aiVisibilityDashboard_topicHeader__TlMQA .aiVisibilityDashboard_generateNewInsightButton__A2w-q i {
    display: flex;
    align-items: center;
    justify-content: center;
}

.aiVisibilityDashboard_topicContent__Sd\+Gb {
    display: grid;
    grid-template-columns: 1fr auto;
    grid-template-rows: minmax(0, 1fr);
    flex: 1;
    min-height: 0;
}

.aiVisibilityDashboard_topicGrid__OpQNc {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 690px));
    justify-content: center;
    gap: 12px;
    max-width: 1380px;
    width: 100%;
    margin-bottom: 24px;
}

@media only screen and (max-width: 1410px) {
    .aiVisibilityDashboard_topicGrid__OpQNc {
        grid-template-columns: minmax(0, 690px);
    }
}

.aiVisibilityDashboard_topicSidebar__9QJbD {
    display: flex;
    flex-direction: column;
    gap: 16px;
    background: #ffffff;
    box-sizing: border-box;
    min-height: 0;
    margin: 16px 0;
    overflow-y: auto;
    width: 32px;
    border-radius: 8px 0 0 8px;
    box-shadow: 0 4.8px 14.4px 0 rgba(131, 126, 255, 0.3);
    justify-content: flex-start;
    align-items: center;
    padding: 16px 0;
}

.aiVisibilityDashboard_topicSidebarOpen__yFaeL {
    width: 366px;
    padding-left: 16px;
}

.aiVisibilityDashboard_topicSidebarButtons__FOH-R {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    flex-shrink: 0;
    width: 100%;
}

.aiVisibilityDashboard_topicSidebarContent__2PeON {
    display: flex;
    flex: 1 1 0;
    min-height: 0;
    flex-direction: column;
    gap: 16px;
    width: 100%;
}

.aiVisibilityDashboard_topicSidebarHeader__5bDAG {
    display: flex;
    flex-direction: column;
    gap: 8px;
    flex-shrink: 0;
}

.aiVisibilityDashboard_topicSidebarTitle__QDHOv {
    margin: 0;
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
    color: #161514;
}

.aiVisibilityDashboard_topicSidebarHeader__5bDAG .aiVisibilityDashboard_topicSidebarDisclaimer__esB8U,
.aiVisibilityDashboard_topicSidebarHeader__5bDAG .aiVisibilityDashboard_topicSidebarDisclaimer__esB8U p {
    margin: 0;
    font-size: 12px;
    line-height: 16px;
    color: #605e5c;
}

.aiVisibilityDashboard_topicSidebarHeader__5bDAG .aiVisibilityDashboard_shareFeedbackText__8d5iH {
    margin: 0;
    font-size: 12px;
    line-height: 16px;
    color: #605e5c;
}

.aiVisibilityDashboard_topicSidebarHeader__5bDAG .aiVisibilityDashboard_shareFeedbackLink__XoD66 {
    border: none;
    background: none;
    padding: 0;
    font-family: inherit;
    font-size: 12px;
    line-height: 16px;
    color: #0078d4;
    cursor: pointer;
    display: inline;
}

.aiVisibilityDashboard_topicSidebarHeader__5bDAG .aiVisibilityDashboard_shareFeedbackLink__XoD66:hover {
    text-decoration: underline;
}

.aiVisibilityDashboard_topicSidebarHeader__5bDAG .aiVisibilityDashboard_shareFeedbackLink__XoD66:focus-visible {
    outline: 2px solid #605e5c;
    outline-offset: 2px;
}

.aiVisibilityDashboard_reportCardsList__FD6rZ {
    display: flex;
    flex: 1 1 0;
    min-height: 0;
    flex-direction: column;
    gap: 16px;
    width: 100%;
    overflow-y: auto;
    padding-right: 16px;
}

.aiVisibilityDashboard_reportPromptsChangedSeparator__2jQ05 {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-shrink: 0;
    color: #605e5c;
    font-size: 12px;
    line-height: 16px;
}

.aiVisibilityDashboard_reportPromptsChangedSeparator__2jQ05::before,
.aiVisibilityDashboard_reportPromptsChangedSeparator__2jQ05::after {
    content: "";
    height: 1px;
    flex: 1;
    background: #edebe9;
}

.aiVisibilityDashboard_reportPromptsChangedLabel__cUVLo {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-weight: 600;
    white-space: nowrap;
    cursor: default;
}

.aiVisibilityDashboard_reportPromptsChangedLabel__cUVLo i {
    font-size: 12px;
    color: #605e5c;
}

.aiVisibilityDashboard_userPrompts__rAkUL {
    display: flex;
    flex: 1 1 0;
    min-height: 0;
    flex-direction: column;
    gap: 12px;
    width: 100%;
    overflow-y: auto;
    padding-right: 16px;
}

.aiVisibilityDashboard_userPrompts__rAkUL .aiVisibilityDashboard_userPromptsTitle__OnYR4 {
    margin: 0;
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
    color: #161514;
}

.aiVisibilityDashboard_userPrompts__rAkUL .aiVisibilityDashboard_promptGroup__zEmMY {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 100%;
}

.aiVisibilityDashboard_userPrompts__rAkUL .aiVisibilityDashboard_promptBadge__JjkQp {
    display: inline-flex;
    align-items: center;
    align-self: flex-start;
    height: 32px;
    padding: 0 8px;
    border-radius: 4px;
    font-size: 12px;
    line-height: 16px;
    font-weight: 600;
}

.aiVisibilityDashboard_userPrompts__rAkUL .aiVisibilityDashboard_promptBadgeCited__fn6Hj {
    background: #ebf3fc;
    color: #0f6cbd;
}

.aiVisibilityDashboard_userPrompts__rAkUL .aiVisibilityDashboard_promptBadgeNotCited__XCRCq {
    background: #fff1dd;
    color: #543200;
}

.aiVisibilityDashboard_userPrompts__rAkUL .aiVisibilityDashboard_promptBadgeError__4HbFp {
    background: #fdf3f4;
    color: #b10e1c;
}

.aiVisibilityDashboard_userPrompts__rAkUL .aiVisibilityDashboard_promptList__wlj2z {
    margin: 0;
    padding-left: 29px;
    list-style: disc;
    color: #323130;
}

.aiVisibilityDashboard_userPrompts__rAkUL .aiVisibilityDashboard_promptList__wlj2z li {
    font-size: 14px;
    line-height: 20px;
}

.aiVisibilityDashboard_userPrompts__rAkUL .aiVisibilityDashboard_promptList__wlj2z li + li {
    margin-top: 8px;
}

.aiVisibilityDashboard_userPrompts__rAkUL .aiVisibilityDashboard_promptDivider__dby6- {
    width: 100%;
    height: 1px;
    flex-shrink: 0;
    background: #edebe9;
}

.aiVisibilityDashboard_topicSidebarBackButton__ghhsL.ms-Button {
    border: none;
    padding: 0;
}

.aiVisibilityDashboard_topicSidebarOpen__yFaeL .aiVisibilityDashboard_toggleBtn__6AI9g {
    margin-left: auto;
    margin-right: 16px;
}

.aiVisibilityDashboard_reportCard__76ymN {
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    width: 100%;
    background: #ffffff;
    border: 1px solid #eaeaff;
    border-radius: 8px;
    padding: 12px 12px 4px;
    cursor: pointer;
}

.aiVisibilityDashboard_reportCard__76ymN.aiVisibilityDashboard_reportCardInProgress__0DS\+A {
    background: #faf9f8;
}

.aiVisibilityDashboard_reportCard__76ymN .aiVisibilityDashboard_reportHeader__2H7jb {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.aiVisibilityDashboard_reportCard__76ymN.aiVisibilityDashboard_reportCardInProgress__0DS\+A .aiVisibilityDashboard_reportHeader__2H7jb .aiVisibilityDashboard_reportStatus__ArJ\+R,
.aiVisibilityDashboard_reportCard__76ymN.aiVisibilityDashboard_reportCardFailed__qjIuQ .aiVisibilityDashboard_reportHeader__2H7jb .aiVisibilityDashboard_reportDate__1t-8z {
    padding: 3px 6px;
    border-radius: 4px;
    font-weight: 600;
    font-size: 12px;
}

.aiVisibilityDashboard_reportCard__76ymN.aiVisibilityDashboard_reportCardFailed__qjIuQ .aiVisibilityDashboard_reportHeader__2H7jb .aiVisibilityDashboard_reportStatus__ArJ\+R {
    background: #fdf3f4;
    color: #b10e1c;
}

.aiVisibilityDashboard_reportCard__76ymN.aiVisibilityDashboard_reportCardInProgress__0DS\+A .aiVisibilityDashboard_reportHeader__2H7jb .aiVisibilityDashboard_reportStatus__ArJ\+R {
    background: #f0f0f0;
    color: #616161;
}

.aiVisibilityDashboard_reportCard__76ymN:focus-visible {
    outline: 2px solid #827dff;
    outline-offset: 2px;
}

.aiVisibilityDashboard_reportCardActive__G3ETE {
    background: #fbfbfe;
    border: 1.5px solid #827dff;
}

.aiVisibilityDashboard_reportCard__76ymN .aiVisibilityDashboard_reportBody__7I6O- {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding-bottom: 16px;
}

.aiVisibilityDashboard_reportCard__76ymN .aiVisibilityDashboard_reportDate__1t-8z {
    font-size: 12px;
    line-height: 16px;
    color: #323130;
}

.aiVisibilityDashboard_reportCard__76ymN .aiVisibilityDashboard_reportMetrics__pirhb {
    display: flex;
    flex-direction: row;
    gap: 12px;
}

.aiVisibilityDashboard_reportCard__76ymN .aiVisibilityDashboard_reportMetric__GQ68g {
    display: flex;
    flex: 1 1 0;
    min-width: 0;
    flex-direction: column;
    gap: 4px;
}

.aiVisibilityDashboard_reportCard__76ymN .aiVisibilityDashboard_reportMetricLabel__ZeJPN {
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
    color: #323130;
}

.aiVisibilityDashboard_reportCard__76ymN.aiVisibilityDashboard_reportCardInProgress__0DS\+A .aiVisibilityDashboard_reportMetricLabel__ZeJPN,
.aiVisibilityDashboard_reportCard__76ymN.aiVisibilityDashboard_reportCardFailed__qjIuQ .aiVisibilityDashboard_reportMetricLabel__ZeJPN {
    color: #605e5c;
}

.aiVisibilityDashboard_reportCard__76ymN .aiVisibilityDashboard_reportMetricValue__Kl3qa {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 4px;
}

.aiVisibilityDashboard_reportCard__76ymN .aiVisibilityDashboard_reportMetricNumber__rsXEi {
    font-size: 14px;
    line-height: 20px;
    color: #605e5c;
}

.aiVisibilityDashboard_trendBadge__BqPWN {
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    gap: 2px;
    padding: 0 2px;
    border-radius: 4px;
    font-size: 10px;
    line-height: 14px;
    font-weight: 600;
}

.aiVisibilityDashboard_trendUp__60xgo {
    color: #0e700e;
}

.aiVisibilityDashboard_trendDown__oR0e3 {
    color: #b10e1c;
}

.aiVisibilityDashboard_reportCard__76ymN .aiVisibilityDashboard_reportBadges__Koirq {
    display: flex;
    flex-direction: row;
    gap: 12px;
}

.aiVisibilityDashboard_reportCard__76ymN .aiVisibilityDashboard_reportBadge__tlocJ {
    display: inline-flex;
    align-items: center;
    height: 24px;
    padding: 0 6px;
    border-radius: 4px;
    background: #f0f0f0;
    font-size: 12px;
    line-height: 16px;
    font-weight: 600;
    color: #616161;
    white-space: nowrap;
}

.aiVisibilityDashboard_reportCard__76ymN .aiVisibilityDashboard_reportDivider__VPJ45 {
    width: 100%;
    height: 1px;
    background: #edebe9;
}

.aiVisibilityDashboard_reportCard__76ymN .aiVisibilityDashboard_reportFooter__gMQVi {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding-top: 4px;
}

.aiVisibilityDashboard_reportCard__76ymN .aiVisibilityDashboard_reportViewPrompts__T0T9p {
    padding: 7px 8px 9px;
    border: none;
    background: none;
    font-family: inherit;
    font-size: 14px;
    line-height: 20px;
    color: #0078d4;
    cursor: pointer;
}

.aiVisibilityDashboard_reportCard__76ymN .aiVisibilityDashboard_reportViewPrompts__T0T9p:hover {
    text-decoration: underline;
}

.aiVisibilityDashboard_shareOfAuthorityCard__Oo5FQ,
.aiVisibilityDashboard_competitiveShareCard__PDYNe {
    height: 332px;
    border: 1px solid #eaeaff;
}

.aiVisibilityDashboard_competitiveShareCard__PDYNe {
    display: flex;
    flex-direction: column;
    padding: 16px 20px;
    border-radius: 8px;
    background: #fff;
    gap: 16px;
}

.aiVisibilityDashboard_competitiveShareCard__PDYNe .aiVisibilityDashboard_competitiveShareHeader__zID8M {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding-bottom: 36px;
}

.aiVisibilityDashboard_competitiveShareCard__PDYNe .aiVisibilityDashboard_competitiveShareLabel__QCoVY,
.aiVisibilityDashboard_competitiveShareCard__PDYNe .aiVisibilityDashboard_metricLabel__EOY02 {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    line-height: 16px;
    color: #1b1a19;
    font-weight: 600;
}

.aiVisibilityDashboard_competitiveShareCard__PDYNe .aiVisibilityDashboard_competitiveShareLabel__QCoVY i,
.aiVisibilityDashboard_competitiveShareCard__PDYNe .aiVisibilityDashboard_metricLabel__EOY02 i {
    font-size: 12px;
    color: #605e5c;
}

.aiVisibilityDashboard_competitiveShareCard__PDYNe .aiVisibilityDashboard_competitiveShareValueRow__I1oNh {
    display: flex;
    align-items: center;
    gap: 12px;
}

.aiVisibilityDashboard_competitiveShareCard__PDYNe .aiVisibilityDashboard_competitiveShareValue__1qw3O {
    font-size: 64px;
    font-weight: 600;
    color: #020057;
}

.aiVisibilityDashboard_competitiveShareCard__PDYNe .aiVisibilityDashboard_rankBadge__pxXvU {
    padding: 4px 8px;
    background: #fae9ff;
    color: #5b0073;
    border-radius: 999px;
    font-size: 12px;
    line-height: 16px;
    font-weight: 600;
}

.aiVisibilityDashboard_infoTileRankBadge__yJ6fu {
    align-self: center;
    padding: 4px 8px;
    background: #fae9ff;
    color: #5b0073;
    border-radius: 999px;
    font-size: 12px;
    line-height: 16px;
    font-weight: 600;
    white-space: nowrap;
}

.aiVisibilityDashboard_competitiveShareCard__PDYNe .aiVisibilityDashboard_competitiveShareCaption__Mb9VF,
.aiVisibilityDashboard_competitiveShareCard__PDYNe .aiVisibilityDashboard_metricCaption__GTzi4 {
    font-size: 12px;
    line-height: 16px;
    color: #323130;
}

.aiVisibilityDashboard_competitiveShareCard__PDYNe .aiVisibilityDashboard_competitiveShareDivider__RJwrY {
    height: 1px;
    background: #eaeaff;
    margin: 4px 0 0;
}

.aiVisibilityDashboard_competitiveShareCard__PDYNe .aiVisibilityDashboard_metricsRow__k0g6I {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
}

.aiVisibilityDashboard_competitiveShareCard__PDYNe .aiVisibilityDashboard_metricItem__4-fFf {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.aiVisibilityDashboard_competitiveShareCard__PDYNe .aiVisibilityDashboard_metricItem__4-fFf.aiVisibilityDashboard_avgContentAttribution__cxLZE {
    border: 1px #eaeaff solid;
    border-top: none;
    border-bottom: none;
    padding: 0 16px;
}

.aiVisibilityDashboard_competitiveShareCard__PDYNe .aiVisibilityDashboard_metricValue__jaeNi {
    font-size: 24px;
    line-height: 32px;
    font-weight: 600;
    color: #020057;
}

.aiVisibilityDashboard_topicInsightModalContent__ygtxo {
    max-width: 822px;
    box-sizing: border-box;
    padding: 24px 28px;
}

.aiVisibilityDashboard_topicInsightModalContent__ygtxo .aiVisibilityDashboard_header__-t54W {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: start;
}

.aiVisibilityDashboard_topicInsightModalContent__ygtxo .aiVisibilityDashboard_header__-t54W i {
    color: #323130;
}

.aiVisibilityDashboard_topicInsightModalContent__ygtxo .aiVisibilityDashboard_footer__nPUoh {
    margin-top: 24px;
}

.aiVisibilityDashboard_editTopicTitleModalContent__SJT3F {
    width: 400px;
    box-sizing: border-box;
    padding: 24px 28px;
}

.aiVisibilityDashboard_editTopicTitleModalContent__SJT3F h3 {
    margin-bottom: 20px;
    color: #323130;
    font-size: 20px;
    font-weight: 600;
    line-height: 28px;
}

.aiVisibilityDashboard_topicInsightModalContent__ygtxo h3 {
    margin-bottom: 20px;
    color: #323130;
    font-size: 20px;
    font-weight: 600;
    line-height: 28px;
}

.aiVisibilityDashboard_topicInsightModalContent__ygtxo hr {
    margin: 20px 0;
    border: none;
    border-top: 1px solid #edebe9;
}

.aiVisibilityDashboard_topicInsightModalContent__ygtxo h4 {
    gap: 6px;
    color: #323130;
    font-weight: 600;
}

.aiVisibilityDashboard_userPromptsHeader__5rGze {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 16px;
}

.aiVisibilityDashboard_topicInsightsCount__rAuDb .ms-TooltipHost,
.aiVisibilityDashboard_userPromptsHeader__5rGze .ms-TooltipHost {
    height: 14px;
}

.aiVisibilityDashboard_topicInsightsCount__rAuDb .ms-TooltipHost:hover,
.aiVisibilityDashboard_userPromptsHeader__5rGze .ms-TooltipHost:hover {
    cursor: default;
}

.aiVisibilityDashboard_userPromptsSubtitle__NnzpI {
    margin-bottom: 16px;
    color: #605e5c;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}

.aiVisibilityDashboard_promptsDisclaimer__oe8\+i {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 16px;
    padding: 6px 12px;
    border: 1px solid #d1d1d1;
    border-radius: 4px;
    background: #f5f5f5;
    color: #242424;
    font-size: 12px;
    line-height: 16px;
    font-weight: 400;
}

.aiVisibilityDashboard_promptsDisclaimer__oe8\+i i {
    flex-shrink: 0;
    font-size: 16px;
    color: #616161;
    padding: 2px;
}

.aiVisibilityDashboard_addPromptRow__MBLWM {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    margin-bottom: 8px;
}

.aiVisibilityDashboard_addPromptRow__MBLWM .ms-TextField {
    flex: 1;
}

.aiVisibilityDashboard_promptsList__mJNVO {
    max-height: 200px;
    overflow-y: auto;
    margin-top: 8px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding-right: 4px;
}

.aiVisibilityDashboard_promptRow__RnpTL {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    padding: 2px 4px;
}

.aiVisibilityDashboard_promptInput__I3eFy {
    flex: 1;
}

.aiVisibilityDashboard_removeLink__HTqLU {
    display: flex;
    align-items: center;
    min-height: 32px;
    margin: 0;
    color: #0078d4;
    font-size: 14px;
    line-height: 20px;
    white-space: nowrap;
    cursor: pointer;
    background: none;
    border: none;
}

.aiVisibilityDashboard_removeLink__HTqLU:hover {
    text-decoration: underline;
}

.aiVisibilityDashboard_removeLink__HTqLU:disabled {
    color: #d1d1d1;
    cursor: default;
    text-decoration: none;
}

.aiVisibilityDashboard_topicInsightActions__LPn29 {
    display: flex;
    justify-content: end;
    gap: 8px;
}

.aiVisibilityDashboard_topicInsightActions__LPn29 .aiVisibilityDashboard_loading__0EU2X {
    flex: 0;
}

.aiVisibilityDashboard_topicInsightActions__LPn29 .aiVisibilityDashboard_saveAsDraftButton__nosRv {
    color: #0078d4;
    border: none;
    background: none;
}

.aiVisibilityDashboard_topicInsightActions__LPn29 .aiVisibilityDashboard_saveAsDraftButton__nosRv:hover {
    text-decoration: underline;
    cursor: pointer;
}

.aiVisibilityDashboard_topicInsightActions__LPn29 .aiVisibilityDashboard_saveAsDraftButton__nosRv:disabled {
    color: #d1d1d1;
    cursor: default;
    text-decoration: none;
}

.aiVisibilityDashboard_generateInsightButton__5agLH {
    border: none;
    border-radius: 4px;
    color: #ffffff;
    font-weight: 600;
    background: linear-gradient(280.75deg, #0078d4 0%, #9692ff 94.81%);
}

.aiVisibilityDashboard_generateInsightButton__5agLH:hover {
    color: #ffffff;
    background: linear-gradient(281deg, #106ebe 0%, #7974ff 94.81%);
}

.aiVisibilityDashboard_generateInsightButton__5agLH:disabled {
    opacity: 0.6;
    background: linear-gradient(280.75deg, #0078d4 0%, #9692ff 94.81%);
}

.aiVisibilityDashboard_topicInsightModalContent__ygtxo .aiVisibilityDashboard_editPromptContainer__HnkOl button {
    min-width: fit-content;
}

.aiVisibilityDashboard_editPromptContainer__HnkOl .aiVisibilityDashboard_cancelButton__m-J1v,
.aiVisibilityDashboard_editPromptContainer__HnkOl .aiVisibilityDashboard_addPromptButton__MgkUu,
.aiVisibilityDashboard_editPromptContainer__HnkOl .aiVisibilityDashboard_addPromptButton__MgkUu i {
    color: #242424;
    border-color: #d1d1d1;
}

.aiVisibilityDashboard_shareOfAuthorityCard__Oo5FQ {
    display: flex;
    flex-direction: column;
    padding: 16px 0 0 0;
    border-radius: 8px;
    background: #fff;
    gap: 16px;
    min-height: 0;
    max-height: 100%;
}

.aiVisibilityDashboard_tileLoadingChart__Y5q\+5 {
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 100%;
    padding: 0 20px;
    box-sizing: border-box;
}

.aiVisibilityDashboard_tileLoadingChartRows__pe8Nm {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.aiVisibilityDashboard_tileLoadingList__pgTe1 {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.aiVisibilityDashboard_tileLoadingListItem__eQOVz {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 16px;
    border: 1px solid #edebe9;
    border-radius: 8px;
}

.aiVisibilityDashboard_contentInsightCard__2VPSH {
    display: flex;
    flex-direction: column;
    padding: 16px 0 0 16px;
    border-radius: 8px;
    background: #fff;
    gap: 16px;
    min-height: 0;
    height: 464px;
}

.aiVisibilityDashboard_contentInsightHeader__IldO4 {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.aiVisibilityDashboard_contentInsightTitle__l08mt {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    color: #1b1a19;
}

.aiVisibilityDashboard_contentInsightSubtitle__dQUuG {
    font-size: 12px;
    line-height: 16px;
    color: #605e5c;
}

.aiVisibilityDashboard_contentInsightList__6JtZo {
    display: flex;
    flex-direction: column;
    gap: 12px;
    overflow-y: auto;
    padding: 0 16px 16px 0;
}

.aiVisibilityDashboard_contentInsightZeroState__gwyP0 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 16px;
    padding: 24px 0 40px;
    text-align: center;
}

.aiVisibilityDashboard_contentInsightZeroState__gwyP0 .aiVisibilityDashboard_contentInsightZeroStateIllustration__rUmqx svg {
    width: 100%;
    height: auto;
}

.aiVisibilityDashboard_contentInsightErrorContainer__L5jqs {
    position: relative;
}

.aiVisibilityDashboard_contentInsightZeroStateLabel__kgkRE {
    font-size: 14px;
    line-height: 20px;
    color: #605e5c;
}

.aiVisibilityDashboard_contentInsightItem__IQYN4 {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 16px;
    border: 1px solid #edebe9;
    border-radius: 8px;
}

.aiVisibilityDashboard_contentInsightItemHeader__q-35J {
    display: flex;
    align-items: center;
    gap: 8px;
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
    text-align: left;
    width: 100%;
}

.aiVisibilityDashboard_contentInsightChevron__WTvZk {
    font-size: 12px;
    color: #424242;
}

.aiVisibilityDashboard_contentInsightItemLabel__ErDlj {
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    color: #1b1a19;
}

.aiVisibilityDashboard_contentInsightItemBody__9Hj\+C {
    font-size: 13px;
    line-height: 18px;
    color: #323130;
}

.aiVisibilityDashboard_contentInsightRationale__-Skvf {
    margin: 0;
}

.aiVisibilityDashboard_contentInsightInsights__1Mx6- {
    margin: 0;
    padding-left: 20px;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.aiVisibilityDashboard_contentInsightItemFooter__t63fD {
    display: flex;
    flex-direction: column;
}

.aiVisibilityDashboard_coveredRow__S4Gow {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    font-size: 12px;
    color: #605e5c;
}

.aiVisibilityDashboard_coveredLabel__feN4U {
    color: #605e5c;
}

.aiVisibilityDashboard_coveredDomains__Nj3rP {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.aiVisibilityDashboard_coveredDomain__AanC5 {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #1b1a19;
}

.aiVisibilityDashboard_coveredDot__XfXDV {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    display: inline-block;
    flex: 0 0 auto;
}

.aiVisibilityDashboard_coveredUrls__nWOn\+ {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    overflow: hidden;
}

.aiVisibilityDashboard_coveredUrlPill__uS-QX {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    max-width: 100%;
    padding: 2px 8px;
    border-radius: 4px;
    background: #edebe9;
    color: #3b3a39;
    text-decoration: none;
}

.aiVisibilityDashboard_coveredUrlPill__uS-QX:focus {
    border: 2px solid #000;
}

.aiVisibilityDashboard_coveredUrlPill__uS-QX i {
    color: #3b3a39;
}

.aiVisibilityDashboard_coveredUrlText__nm811 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.aiVisibilityDashboard_coveredMorePill__0-IVD {
    display: inline-flex;
    align-items: center;
    color: #323130;
}

.aiVisibilityDashboard_shareOfAuthorityCard__Oo5FQ .aiVisibilityDashboard_competitiveShareHeader__zID8M {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 0 20px;
}

.aiVisibilityDashboard_shareOfAuthorityCard__Oo5FQ .aiVisibilityDashboard_competitiveShareLabel__QCoVY {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 14px;
    line-height: 20px;
    color: #1b1a19;
    font-weight: 600;
}

.aiVisibilityDashboard_shareOfAuthorityCard__Oo5FQ .aiVisibilityDashboard_competitiveShareLabel__QCoVY i {
    font-size: 12px;
    color: #605e5c;
}

.aiVisibilityDashboard_shareOfAuthorityStackedBar__o1hcK {
    display: flex;
    gap: 2px;
    height: 24px;
    width: calc(100% - 40px);
    margin: 0 20px;
    flex: 0 0 auto;
}

.aiVisibilityDashboard_shareOfAuthorityStackedBar__o1hcK > :first-child {
    border-radius: 8px 0 0 8px;
}

.aiVisibilityDashboard_shareOfAuthorityStackedBar__o1hcK > :last-child {
    border-radius: 0 8px 8px 0;
}

.aiVisibilityDashboard_shareOfAuthorityStackedBar__o1hcK > :first-child:last-child {
    border-radius: 8px;
}

.aiVisibilityDashboard_shareOfAuthoritySegment__R7BIP {
    min-width: 8px;
}

.aiVisibilityDashboard_shareOfAuthorityLegend__0epOd {
    list-style: none;
    padding: 0 0 16px 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 16px;
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
}

.aiVisibilityDashboard_shareOfAuthorityLegendRow__Pwru2 {
    display: grid;
    grid-template-columns: 12px minmax(0, 1fr) auto 56px 88px;
    align-items: center;
    column-gap: 12px;
    font-size: 13px;
    padding: 0 20px;
    line-height: 18px;
    color: #1b1a19;
}

.aiVisibilityDashboard_shareOfAuthorityByDomainCols__EBAWQ {
    grid-template-columns: 12px minmax(0, 1fr) auto 56px 88px;
}

.aiVisibilityDashboard_shareOfAuthorityByCategoryCols__c9aoa {
    grid-template-columns: 12px minmax(0, 1fr) 56px 88px;
}

.aiVisibilityDashboard_legendDot__mi8\+P {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    display: inline-block;
}

.aiVisibilityDashboard_legendDomain__iaROH {
    overflow: hidden;
    color: #1b1a19;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    min-width: 0;
}

.aiVisibilityDashboard_legendDomainText__Wvl9G {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
}

.aiVisibilityDashboard_othersToggle__L2Hq4 {
    width: 24px;
    height: 24px;
    color: #605e5c;
}

.aiVisibilityDashboard_othersToggle__L2Hq4 i {
    font-size: 12px;
}

.aiVisibilityDashboard_shareOfAuthorityLegendChildRow__g77e\+ {
    padding-left: 36px;
    color: #605e5c;
}

.aiVisibilityDashboard_legendBadgeCell__YM7cv {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    min-width: 0;
}

.aiVisibilityDashboard_legendPercent__f1kGq {
    text-align: right;
    font-weight: 600;
    color: #323130;
}

.aiVisibilityDashboard_legendCount__o7bW8 {
    text-align: right;
    color: #605e5c;
}

.aiVisibilityDashboard_youBadge__azRk\+,
.aiVisibilityDashboard_competitorBadge__oZknU,
.aiVisibilityDashboard_otherBadge__U1LRS {
    display: inline-block;
    padding: 3px 8px;
    border-radius: 4px;
    font-size: 12px;
    line-height: 16px;
}

.aiVisibilityDashboard_youBadge__azRk\+ {
    background: #eaeaff;
    color: #020057;
}

.aiVisibilityDashboard_competitorBadge__oZknU {
    background: #fff1dd;
    color: #543200;
}

.aiVisibilityDashboard_otherBadge__U1LRS {
    background: #edebe9;
    color: #000;
}

/* === Scrape-to-Referral Ratio card === */
.aiVisibilityDashboard_scrapeToReferralCard__nYebx {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 4px 0;
    height: 100%;
    min-height: 0;
    margin: 0 28px;
}

.aiVisibilityDashboard_scrapeToReferralCardWithZeroStateWarning__zcOAt {
    position: relative;
}

.aiVisibilityDashboard_scrapeToReferralCardWithZeroStateWarning__zcOAt .aiVisibilityDashboard_scrapeToReferralWarningProvider__zACGC {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1;
}

.aiVisibilityDashboard_scrapeToReferralWarningProvider__zACGC {
    background: transparent;
    flex: 0 0 auto;
}

/* Card-scoped: tighten only the vertical gap between zero-state items
   (illustration / title / subtitle / button). Padding and centering are
   left untouched so alignment matches the other dashboard cards. */
.aiVisibilityDashboard_scrapeToReferralZeroState__Yynca > div > *:not(:last-child) {
    margin-bottom: 14px;
}

.aiVisibilityDashboard_scrapeToReferralZeroState__Yynca [class*="subtitle"] {
    text-align: center;
    padding-left: 24px;
    padding-right: 24px;
}

/* Average ratio header card */
.aiVisibilityDashboard_scrapeToReferralAverage__By\+gc {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2px;
    height: 100px;
    padding: 12px 16px;
    border: 1px solid #eaeaff;
    border-radius: 8px;
    background: #fff;
    flex: 0 0 auto;
}

.aiVisibilityDashboard_scrapeToReferralAverageTitle__cFu1S {
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    color: #1b1a19;
    margin: 0;
    text-align: center;
}

.aiVisibilityDashboard_scrapeToReferralAverageRatio__s2rkA {
    font-size: 28px;
    font-weight: 600;
    line-height: 36px;
    color: #004578;
    margin: 0;
    letter-spacing: 0;
}

.aiVisibilityDashboard_scrapeToReferralAverageSubtitle__c9RoC {
    font-size: 12px;
    font-weight: 400;
    font-style: italic;
    line-height: 16px;
    color: #323130;
    margin: 0;
    text-align: center;
}

/* Sort row — plain text + icon, no button chrome */
.aiVisibilityDashboard_scrapeToReferralSortRow__Tuzee {
    display: flex;
    align-items: center;
    gap: 4px;
    flex: 0 0 auto;
}

.aiVisibilityDashboard_scrapeToReferralSortButton__yUVxr {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    border: none;
    background: transparent;
    padding: 0;
    cursor: pointer;
    color: #323130;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
}

.aiVisibilityDashboard_scrapeToReferralSortButton__yUVxr:hover .aiVisibilityDashboard_scrapeToReferralSortLabel__Kxfmu {
    text-decoration: underline;
}

.aiVisibilityDashboard_scrapeToReferralSortIcon__Vv1oq {
    font-size: 12px;
    color: #323130;
}

/* Provider list */
.aiVisibilityDashboard_scrapeToReferralProviderList__uFSSZ {
    display: flex;
    flex-direction: column;
    gap: 8px;
    max-height: 340px;
    overflow-y: auto;
    padding-right: 4px;
    padding-bottom: 16px;
}

/* Provider card */
.aiVisibilityDashboard_scrapeToReferralProvider__moIIq {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 12px 16px;
    border: 1px solid #deecf9;
    border-radius: 8px;
    background: #fff;
    flex: 0 0 auto;
    cursor: pointer;
    transition:
        background-color 120ms ease,
        box-shadow 120ms ease;
}

/* Hover affordance for the clickable title row \u2014 mirrors the
   `barChartRow .clickable:hover` treatment used by the Content Type and
   Top Crawlers cards so the interaction model feels consistent. */
.aiVisibilityDashboard_scrapeToReferralProvider__moIIq:hover,
.aiVisibilityDashboard_scrapeToReferralProvider__moIIq:focus-visible {
    background: #faf9f8;
    box-shadow:
        0px 0.3px 0.9px rgba(0, 0, 0, 0.1),
        0px 1.6px 3.6px rgba(0, 0, 0, 0.13);
    outline: none;
}

/* Title row: logo + name on left, ratio on right */
.aiVisibilityDashboard_scrapeToReferralProviderTitle__C3Vsh {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.aiVisibilityDashboard_scrapeToReferralProviderLogoName__1Kkqn {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
}

.aiVisibilityDashboard_scrapeToReferralProviderIcon__0jUI- {
    width: 16px;
    height: 16px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
}

.aiVisibilityDashboard_scrapeToReferralProviderIcon__0jUI- img {
    width: 16px;
    height: 16px;
}

.aiVisibilityDashboard_scrapeToReferralProviderName__5spcP {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    color: #323130;
    white-space: nowrap;
}

.aiVisibilityDashboard_scrapeToReferralProviderRatio__fqTLd {
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    color: #323130;
    white-space: nowrap;
}

.aiVisibilityDashboard_scrapeToReferralProviderRight__7PC4O {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    flex: 0 0 auto;
}

/* Total-referrals subrow (always shown) */
.aiVisibilityDashboard_scrapeToReferralProviderSubrow__JczbO {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    gap: 4px;
    align-self: flex-start;
    border: none;
    background: transparent;
    padding: 0;
    cursor: pointer;
    text-align: left;
}

.aiVisibilityDashboard_scrapeToReferralProviderSubrowLabel__5JQg- {
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    color: #323130;
}

/* Muted percent suffix — matches the secondary color used for the per-host
   percent in the expanded list (`.scrapeToReferralDomainPct`). */
.aiVisibilityDashboard_scrapeToReferralProviderSubrowPercent__76N1G {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    color: #605e5c;
}

.aiVisibilityDashboard_scrapeToReferralChevronButton__E9cUE {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    padding: 2px;
    border: none;
    background: transparent;
    border-radius: 4px;
    cursor: pointer;
    color: #0078d4;
}

.aiVisibilityDashboard_scrapeToReferralChevronButton__E9cUE:hover {
    background: #f3f2f1;
}

.aiVisibilityDashboard_scrapeToReferralChevron__5qUZw {
    font-size: 12px;
    color: #0078d4;
}

/* Domain rows (when expanded) */
.aiVisibilityDashboard_scrapeToReferralDomainList__Et5-9 {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 100%;
}

.aiVisibilityDashboard_scrapeToReferralDomainRow__e2GyT {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 4px 0;
    width: 100%;
}

.aiVisibilityDashboard_scrapeToReferralDomainName__Fj3T1 {
    flex: 1 1 0;
    min-width: 0;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    color: #323130;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.aiVisibilityDashboard_scrapeToReferralDomainRight__LVJaj {
    display: flex;
    align-items: center;
    gap: 8px;
    flex: 0 0 auto;
    text-align: right;
    color: #605e5c;
}

.aiVisibilityDashboard_scrapeToReferralDomainCount__tT3IU {
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    color: #605e5c;
    width: 92px;
    text-align: right;
}

.aiVisibilityDashboard_scrapeToReferralDomainPct__eX\+6t {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    color: #605e5c;
}

@media (max-width: 860px) {
    .aiVisibilityDashboard_topicInsightsZeroStateContainer__-No4k .aiVisibilityDashboard_content__Pe6G1 {
        flex-direction: column;
    }
}

.aiVisibilityDashboard_topicsListContainer__5v6BJ {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.aiVisibilityDashboard_topicInsightModalContent__ygtxo .aiVisibilityDashboard_topicInsightsCount__rAuDb {
    display: flex;
    flex-direction: row;
    gap: 9px;
    align-items: center;
    padding: 16px 0;
    position: sticky;
    top: 0;
    z-index: 1;
    background: #fff;
}

.aiVisibilityDashboard_topicInsightModalContent__ygtxo .aiVisibilityDashboard_topicInsightsCount__rAuDb p {
    color: #616161;
    width: fit-content;
}

.aiVisibilityDashboard_clarityListTable__qI9Gf {
    padding: 0 24px;
    background: #fff;
}

.aiVisibilityDashboard_clarityListTable__qI9Gf table {
    background: #ffffff;
}

.aiVisibilityDashboard_clarityListTable__qI9Gf thead tr {
    background: #faf9f8;
    height: 36px;
}

.aiVisibilityDashboard_clarityListTable__qI9Gf tbody tr {
    height: 76px;
}

.aiVisibilityDashboard_clarityListTable__qI9Gf th,
.aiVisibilityDashboard_clarityListTable__qI9Gf td {
    color: #252423;
    font-size: 12px;
    line-height: 16px;
    padding: 16px 12px;
}

.aiVisibilityDashboard_clarityListTable__qI9Gf th.citationRate,
.aiVisibilityDashboard_clarityListTable__qI9Gf td.citationRate,
.aiVisibilityDashboard_clarityListTable__qI9Gf th.competitiveShare,
.aiVisibilityDashboard_clarityListTable__qI9Gf td.competitiveShare {
    text-align: right;
    width: 60px;
}

.aiVisibilityDashboard_clarityListTable__qI9Gf th.lastRun,
.aiVisibilityDashboard_clarityListTable__qI9Gf td.lastRun,
.aiVisibilityDashboard_clarityListTable__qI9Gf th.nextAvailable,
.aiVisibilityDashboard_clarityListTable__qI9Gf td.nextAvailable {
    width: 120px;
}

.aiVisibilityDashboard_topicInsightsTableShimmer__DwRt\+ {
    display: flex;
    flex-direction: column;
    padding: 16px 32px;
}

.aiVisibilityDashboard_topicCell__rfNlk {
    font-weight: 600;
    color: #252423;
}

.aiVisibilityDashboard_generatingPill__-ZXBP,
.aiVisibilityDashboard_notStartedPill__nozQ1 {
    display: inline-flex;
    align-items: center;
    padding: 4px 6px;
    border-radius: 4px;
    background: #eaeaff;
    color: #020057;
    font-weight: 600;
    font-size: 10px;
    line-height: 14px;
}

.aiVisibilityDashboard_failedTopicGeneration__bVr26 {
    display: flex;
    align-items: center;
    gap: 4px;
}

.aiVisibilityDashboard_failedTopicBadge__97yPT {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 20px;
    padding: 0 4px;
    border-radius: 4px;
    background: #fdf3f4;
}

.aiVisibilityDashboard_notStartedPill__nozQ1 {
    background: #edebe9;
    color: #252423;
}

.aiVisibilityDashboard_noTopicsZeroStateContainer__mQxYq .aiVisibilityDashboard_content__Pe6G1 {
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    justify-content: center;
    gap: 60px;
}

.aiVisibilityDashboard_noTopicsZeroStateContainer__mQxYq .aiVisibilityDashboard_content__Pe6G1 svg {
    display: block;
    width: min(100%, 360px);
    height: auto;
    max-height: 250px;
    flex-shrink: 1;
}

.aiVisibilityDashboard_noTopicsZeroStateContainer__mQxYq .aiVisibilityDashboard_content__Pe6G1 div {
    width: 335px;
    display: flex;
    flex-direction: column;
    gap: 24px;
    text-align: center;
    margin-bottom: 24px;
}

.aiVisibilityDashboard_noTopicsZeroStateContainer__mQxYq .aiVisibilityDashboard_content__Pe6G1 h3 {
    color: #323130;
    font-weight: 600;
    font-size: 24px;
    line-height: 32px;
}

@media (max-height: 780px) {
    .aiVisibilityDashboard_noTopicsZeroStateContainer__mQxYq .aiVisibilityDashboard_topicInsightsZeroStateContent__BkAZK {
        justify-content: flex-start;
        padding-top: 16px;
    }

    .aiVisibilityDashboard_noTopicsZeroStateContainer__mQxYq .aiVisibilityDashboard_content__Pe6G1 {
        gap: 24px;
    }

    .aiVisibilityDashboard_noTopicsZeroStateContainer__mQxYq .aiVisibilityDashboard_content__Pe6G1 svg {
        max-height: 30vh;
    }
}

.aiVisibilityDashboard_topicInsightsZeroStateContainer__-No4k .aiVisibilityDashboard_autoGeneratedTopicsContainer__YZkBL {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: stretch;
    gap: 16px;
    width: 100%;
}

.aiVisibilityDashboard_topicInsightsZeroStateContainer__-No4k .aiVisibilityDashboard_autoGeneratedTopicsContainer__YZkBL .aiVisibilityDashboard_autoGeneratedTopic__qB2mf:hover {
    cursor: pointer;
}

.aiVisibilityDashboard_topicInsightsZeroStateContainer__-No4k .aiVisibilityDashboard_autoGeneratedTopicsContainer__YZkBL .aiVisibilityDashboard_autoGeneratedTopic__qB2mf {
    background: #fff;
    box-shadow: 0px 4.8px 14.4px 0px #837eff4d;
    border-radius: 8px;
    padding: 24px;
    flex: 1 1;
}
.aiVisibilityDashboard_topicInsightsZeroStateContainer__-No4k .aiVisibilityDashboard_autoGeneratedTopicsContainer__YZkBL .aiVisibilityDashboard_autoGeneratedTopic__qB2mf h4 {
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    color: #161514;
    margin-bottom: 12px;
}

.aiVisibilityDashboard_topicInsightsZeroStateContainer__-No4k .aiVisibilityDashboard_autoGeneratedTopicsContainer__YZkBL .aiVisibilityDashboard_autoGeneratedTopic__qB2mf p,
.aiVisibilityDashboard_topicInsightsZeroStateContainer__-No4k .aiVisibilityDashboard_autoGeneratedTopicsContainer__YZkBL .aiVisibilityDashboard_autoGeneratedTopic__qB2mf ul {
    font-size: 14px;
    line-height: 20px;
    color: #605e5c;
}

.aiVisibilityDashboard_topicInsightsZeroStateContainer__-No4k .aiVisibilityDashboard_autoGeneratedTopicsContainer__YZkBL .aiVisibilityDashboard_autoGeneratedTopic__qB2mf ul {
    margin: 4px 0 18px 24px;
}

.aiVisibilityDashboard_topicInsightsZeroStateContainer__-No4k .aiVisibilityDashboard_autoGeneratedTopicsContainer__YZkBL .aiVisibilityDashboard_autoGeneratedTopic__qB2mf .aiVisibilityDashboard_userPromptExample__H7lMg {
    font-size: 12px;
    line-height: 16px;
}

.aiVisibilityDashboard_topicInsightsZeroStateContainer__-No4k .aiVisibilityDashboard_autoGeneratedTopicsContainer__YZkBL .aiVisibilityDashboard_autoGeneratedTopic__qB2mf ::marker {
    font-size: 12px;
    line-height: 1;
}

.aiVisibilityDashboard_topicInsightsZeroStateContainer__-No4k .aiVisibilityDashboard_autoGeneratedTopicsContainer__YZkBL .aiVisibilityDashboard_autoGeneratedTopic__qB2mf span {
    background: #f0f0f0;
    color: #616161;
    font-weight: 600;
    padding: 2px 4px;
    border-radius: 4px;
    font-size: 10px;
    line-height: 14px;
    margin-top: 18px;
}

.aiVisibilityDashboard_viewInsight__Qp7kt {
    color: #115ea3;
}

.aiVisibilityDashboard_viewInsight__Qp7kt:hover {
    text-decoration: underline;
}

.aiVisibilityDashboard_topicTitleInput__M-VCp .ms-TooltipHost {
    display: flex;
    gap: 4px;
    align-items: center;
    width: fit-content;
}

.aiVisibilityDashboard_topicTitleInput__M-VCp .ms-TooltipHost p {
    font-weight: 600;
}

.aiVisibilityDashboard_topicTitleInput__M-VCp .ms-TooltipHost span {
    color: #a4262c;
}

/* Bot info popup — hover/focus on a bot-agent name in the Bot operator card */
.aiVisibilityDashboard_barChartRow__I9\+w3 .aiVisibilityDashboard_itemInfo__dfkKv .ms-TooltipHost {
    display: inline-flex;
    align-items: center;
    min-width: 0;
}

.aiVisibilityDashboard_barChartRow__I9\+w3 .aiVisibilityDashboard_itemInfo__dfkKv .aiVisibilityDashboard_botInfoTarget__oUt-m {
    margin: -1px -4px;
    padding: 1px 4px;
    border: none;
    background: transparent;
    border-radius: 2px;
    font-family: inherit;
    font-size: 12px;
    line-height: 16px;
    text-align: left;
    color: #323130;
    cursor: pointer;
    text-decoration: underline dotted;
    text-decoration-color: #797775;
    text-underline-offset: 4px;
    white-space: nowrap;
}

.aiVisibilityDashboard_barChartRow__I9\+w3 .aiVisibilityDashboard_itemInfo__dfkKv .aiVisibilityDashboard_botInfoTarget__oUt-m:hover {
    background-color: #eaeaff;
    text-decoration-color: #605e5c;
}

.aiVisibilityDashboard_barChartRow__I9\+w3 .aiVisibilityDashboard_itemInfo__dfkKv .aiVisibilityDashboard_botInfoTarget__oUt-m:focus-visible {
    outline: 1px solid #000000;
    outline-offset: 2px;
    background-color: #eaeaff;
    text-decoration-color: #605e5c;
}

.aiVisibilityDashboard_botInfoTooltip__vi1fP .ms-Tooltip-content {
    padding: 0;
}

.aiVisibilityDashboard_botInfoCard__gvwm- {
    box-sizing: border-box;
    width: 240px;
    max-width: 100%;
    padding: 16px;
    text-align: left;
}

.aiVisibilityDashboard_botInfoCard__gvwm- .aiVisibilityDashboard_botInfoName__Sg65Z {
    margin: 0 0 12px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
    color: #242424;
}

.aiVisibilityDashboard_botInfoCard__gvwm- .aiVisibilityDashboard_botInfoDescription__aPMr5 {
    margin: 0 0 8px;
    font-size: 12px;
    line-height: 16px;
    color: #323130;
}

.aiVisibilityDashboard_botInfoCard__gvwm- .aiVisibilityDashboard_botInfoLastUpdated__z7Nwr {
    margin: 0 0 8px;
    font-size: 12px;
    line-height: 16px;
    color: #605e5c;
}

.aiVisibilityDashboard_botInfoCard__gvwm- .aiVisibilityDashboard_botInfoDivider__4n1wQ {
    height: 1px;
    margin: 0 0 12px;
    background: #edebe9;
}

.aiVisibilityDashboard_botInfoCard__gvwm- .aiVisibilityDashboard_botInfoFooter__z3HMC {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 8px;
}

.aiVisibilityDashboard_botInfoCard__gvwm- .aiVisibilityDashboard_botInfoRow__tq7O0 {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 12px;
}

.aiVisibilityDashboard_botInfoCard__gvwm- .aiVisibilityDashboard_botInfoRowLabel__qJ2F0 {
    flex: 1 1 auto;
    min-width: 0;
    font-size: 12px;
    line-height: 16px;
    font-weight: 400;
    color: #605e5c;
}

.aiVisibilityDashboard_botInfoCard__gvwm- .aiVisibilityDashboard_botInfoRowValue__vwrmq {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 12px;
    line-height: 16px;
    font-weight: 600;
    color: #323130;
    white-space: nowrap;
}

.aiVisibilityDashboard_botInfoCard__gvwm- .aiVisibilityDashboard_botInfoRowValue__vwrmq img,
.aiVisibilityDashboard_botInfoCard__gvwm- .aiVisibilityDashboard_botInfoRowValue__vwrmq i {
    width: 16px;
    height: 16px;
}

.aiVisibilityDashboard_competitiveShareLabel__QCoVY .ms-TooltipHost,
.aiVisibilityDashboard_contentInsightTitle__l08mt .ms-TooltipHost {
    height: 20px;
}

.filters_badge__XUXmL,
.filters_segmentBadge__J0LD- {
    background: #c7e0f4;
    border: 1px solid #ffffff;
    border-radius: 4px;
    color: #004578;
    margin-left: 12px;
    cursor: pointer;
    display: flex;
    align-items: center;
    padding: 3px 8px;
    flex: 0 0 auto;
    line-height: 20px;
    height: 32px;
}

.filters_segmentBadge__J0LD- {
    max-width: 90%;
}

.filters_segmentBadge__J0LD- .filters_segmentText__W3klv {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.filters_segmentBadge__J0LD- i {
    padding-left: 8px;
}

.filters_badge__XUXmL i {
    padding: 10px;
    margin-left: 4px;
    margin-right: -8px;
    font-size: 10px;
    height: 10px;
    width: 10px;
    box-sizing: content-box;
    line-height: 10px;
}

.filters_badge__XUXmL button:hover {
    background: transparent;
}

.filters_badge__XUXmL button {
    margin-left: -8px;
}

.filters_badge__XUXmL button::after {
    display: none;
}

.filters_blueFilterBadge__a6es1 {
    background: #004578;
    color: #fff;
}

.filters_blueFilterBadge__a6es1 i {
    color: #fff;
    display: flex;
    align-items: center;
    margin-left: -5px;
    margin-right: 1px;
}

.filters_badge__XUXmL.filters_inactive__QUzrV {
    background-color: #f3f2f1;
    color: #b3b0ad;
}

.filters_filterInfoIcon__4JDDJ {
    height: 20px;
}

.filters_addSegmentButton__7zqY7 {
    background: transparent;
    white-space: nowrap;
    margin-left: 12px;
}

.filters_filterBarButtonContainer__M3fkI {
    display: flex;
    flex: 1 0 auto;
    width: max-content;
}

.filters_filterBarButtonContainer__M3fkI.filters_withMargin__STLq7 {
    margin-right: 12px;
}

.filters_filterBarButtonContainer__M3fkI button {
    border: none;
}

.filters_filterBarButtonContainer__M3fkI button span {
    color: #424242;
    font-weight: 600;
}

.filters_filterBarButtonContainer__M3fkI button:hover {
    background-color: #fff;
}

.filters_orAndFilterRadio__79TML {
    -webkit-appearance: none;
    appearance: none;
    background-color: #fff;
    margin: 0 8px 0 0;
    font: inherit;
    color: #323130;
    width: 20px;
    height: 20px;
    border: 1px solid #323130;
    border-radius: 50%;
    display: grid;
    place-content: center;
}

.filters_orAndFilterRadio__79TML:checked {
    border: 1px solid #827dff;
}

.filters_orAndFilterLabel__i\+UBX:hover > .filters_orAndFilterRadio__79TML {
    border-width: 1.5px;
    border-color: #827dff;
}

.filters_orAndFilterRadio__79TML::before {
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 50%;
    transform: scale(0);
    transition: 80ms transform ease-in;
    box-shadow: inset 10px 10px #827dff;
}

.filters_orAndFilterRadio__79TML:checked::before {
    transform: scale(1);
}

.filters_orAndOption__MJ9kD {
    color: #323130;
    font-weight: normal;
    display: flex;
}

.filters_mobile__EHA4l.filters_orAndOption__MJ9kD .orFilterLabel {
    margin-right: 16px;
}

.filters_universalFilters__gIY8X {
    display: flex;
    height: 100%;
    overflow: hidden;
    flex: 1;
}

.filters_aiVisibilityFilters__SVvV9 .filters_universalFilters__gIY8X {
    overflow: auto;
}

.filters_filtersHeader__huS97 {
    margin-bottom: 0;
    padding: 16px;
    display: flex;
    align-items: center;
}

.filters_filtersHeader__huS97 > *:not(:first-child) {
    margin-left: 8px;
}

.filters_filterPanelTitle__eBYHj {
    line-height: 28px;
    font-size: 20px;
    font-weight: 600;
}

.filters_filtersPanel__fhWF3 {
    border-radius: 8px;
    padding: 0;
    position: fixed;
    height: 80%;
    top: 99px;
    left: 17px;
    right: 17px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    background-color: white;
    z-index: 14;
    max-height: calc(100vh - 138px); /* hardcoded: this is the sum of three headers above the panel*/
}

.filters_filtersPanel__fhWF3.filters_aiVisibilityFilters__SVvV9 {
    height: fit-content;
}

.filters_filterBadgeBar__eOrnM {
    display: flex;
    border-bottom: 1px solid #edebe9;
    padding: 8px 12px 8px 0;
}

.filters_filterBadgeBar__eOrnM button {
    border: none;
}

.filters_activeFilters__Y\+1vr {
    display: flex;
    flex-wrap: wrap;
}

.filters_activeFilters__Y\+1vr.filters_mobile__EHA4l {
    overflow: auto;
    scrollbar-width: none;
    margin-left: 4px;
    flex-wrap: nowrap;
}

.filters_mobile__EHA4l .heatmapUrlSearchBox.ms-SearchBox {
    width: 100%;
}

.filters_filter__p9yBo {
    height: fit-content;
}

.filters_filter__p9yBo.filters_padding__7cKpC {
    padding: 8px;
}

.optionWithNestedFilter .nestedFilter {
    margin: 6px 0 2px 26px;
}

.optionWithNestedFilter .nestedFilter .filters_filter__p9yBo.filters_padding__7cKpC {
    padding: 0;
}

.optionWithNestedFilter .nestedFilter .filterHeader {
    display: none;
}

.filters_queryFilter__AIIc0.filters_filter__p9yBo {
    width: fit-content;
}

.filters_urlPanelPadding__zlcxR {
    padding: 0 24px;
}

.filters_filter__p9yBo.filters_fitContent__imC-2 {
    width: fit-content;
}

.filters_filter__p9yBo.filters_mobile__EHA4l {
    width: 100%;
}

.filters_filter__p9yBo.filters_badgeView__rMEeb {
    padding-right: 0;
}

.filters_filter__p9yBo.filters_zeroState__SBZc1 {
    padding-left: 0;
    display: flex;
    align-items: flex-start;
}

.filters_filter__p9yBo.filters_range__yB1go:not(:last-child) {
    margin-bottom: 24px;
}

.filters_overflowBadgesButton__-83Dm {
    background: #c7e0f4;
    border: 1px solid #ffffff;
    border-radius: 4px;
    color: #004578;
    margin-left: 12px;
    cursor: pointer;
    width: 32px;
    height: 32px;
    padding: 6px 0 0 6px;
}

.filters_overflowBadgesButton__-83Dm:hover {
    background-color: #c7e0f4;
}

.filters_overflowBadgesButton__-83Dm.filters_secondary__PCIyj,
.filters_overflowBadgesButton__-83Dm.filters_secondary__PCIyj:hover {
    color: #5b0073;
    background: #fae9ff;
}

.filters_overflowBadgesButton__-83Dm.filters_secondary__PCIyj i path {
    fill: #5b0073;
}

.filters_overflowBadgesButton__-83Dm .ms-Button-menuIcon {
    display: none;
}

.filters_overflowBadgesButton__-83Dm i {
    display: flex;
    align-items: center;
}

.filters_overflowBadges__4CvSH {
    padding: 8px 8px 0 0;
}

.filters_overflowBadges__4CvSH > ul {
    margin-left: -4px;
}

.filters_overflowBadges__4CvSH li {
    margin-bottom: 8px;
    width: fit-content;
}

.filters_overflowBadges__4CvSH.filters_secondary__PCIyj ul li div {
    color: #5b0073;
    background: #fae9ff;
}

.filters_option__Q7vK9 {
    display: flex;
}

.filters_option__Q7vK9 div.ms-TooltipHost {
    margin-left: 10px;
    display: flex;
    align-items: center;
}

.filters_option__Q7vK9 .ms-Checkbox-label {
    align-items: center;
}

.filters_option__Q7vK9.filters_disabled__DKu1y .ms-Checkbox-checkbox {
    border-color: #a19f9d;
}

.filters_option__Q7vK9.filters_disabled__DKu1y .ms-Checkbox-text {
    color: #a19f9d;
}

/* start of copy from dashboard.css */
.filters_input__KZkA5 input {
    border: 1px solid rgb(96, 94, 92);
    padding: 4px;
    box-sizing: border-box;
    margin-right: 16px;
    border-width: 0 0 1px 0;
    border-radius: 0;
}

.filters_input__KZkA5 input[type="number"] {
    width: 48px;
    display: block;
}

.filters_input__KZkA5 input[type="text"] {
    display: block;
}

.filters_input__KZkA5 input[type="number"] {
    width: 105px;
}

.filters_filters__gRB8G .filters_input__KZkA5 input:focus {
    outline: 1px solid #177ecc;
}
/* end of copy from dashboard.css */

.filters_input__KZkA5.filters_idArray__\+u0Ab,
.filters_input__KZkA5.filters_idArray__\+u0Ab input {
    width: 100%;
}

.filters_dateFilterCallout__k22S0 {
    min-width: 150px;
    padding: 0 12px;
    padding-bottom: 8px;
    background-color: #fff;
}

.filters_filterNavPadding__cqOwP {
    padding-left: 8px;
}

.filters_aiVisibilityFilters__SVvV9 .filterPanelNav {
    height: unset;
}

.filters_aiVisibilityPathFilter__sswA6 .filters_aiVisibilitySelectedUrlsWrapper__RDtrv {
    display: block !important;
    width: 100%;
    min-width: 0;
}

@media (min-width: 900px) {
    .filters_aiVisibilityPathFilterWide__cFTix {
        grid-column: span 2;
    }
}

.filters_aiVisibilityPathFilter__sswA6 .filters_aiVisibilityUrlRow__Xrtrg {
    display: grid;
    grid-template-columns: max-content minmax(0, 1fr);
    column-gap: 16px;
    align-items: center;
}

.filters_aiVisibilityPathFilter__sswA6 .filters_aiVisibilityPathWhereLabel__KIThN,
.filters_aiVisibilityPathFilter__sswA6 .filters_aiVisibilityPathAndLabel__TBM8h {
    display: inline-block;
    white-space: nowrap;
    font-weight: 400;
    color: #323130;
    margin-bottom: 0;
}

.filters_aiVisibilityPathFilter__sswA6 .filters_aiVisibilityUrlRowContent__toFjK {
    min-width: 0;
}

.filters_aiVisibilityPathFilter__sswA6 .filters_aiVisibilityUrlRowContent__toFjK .filters_aiVisibilityUrlActionRow__QgL6R {
    margin: 0;
}

.filters_aiVisibilityPathFilter__sswA6 .filters_aiVisibilityUrlSearchBox__OUPNb {
    width: 100%;
    flex: 1 1 auto;
    min-width: 140px;
    max-width: none;
}

.filters_aiVisibilityPathFilter__sswA6 .filters_aiVisibilityUrlSearchBox__OUPNb.ms-SearchBox {
    margin-bottom: 0;
    align-self: center;
}

.filters_aiVisibilityPathFilter__sswA6 .filters_aiVisibilityUrlButtons__rCyRP {
    display: flex;
    align-items: center;
    flex-shrink: 0;
}

.filters_aiVisibilityPathFilter__sswA6 .filters_aiVisibilityUrlButtons__rCyRP .addURLButton {
    margin: 0;
}

.filters_timeSelector__nifjQ .ms-ComboBox::after {
    border: 1px solid #d1d1d1;
    border-bottom-color: #616161;
}

.filters_resizeGroupContainer__5jN8E {
    flex: 0 1 auto;
    overflow: hidden;
}

.filters_dateTimeField__CYxzS {
    padding-top: 12px;
    min-width: 320px;
}

.filters_dateTimeField__CYxzS .ms-TextField-field {
    cursor: pointer;
}

.filters_dateTimeContainer__KVm8z {
    position: relative;
}

.filters_dateTimeContent__LE6S4 {
    z-index: 10;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: fit-content;
    /* biome-ignore lint/suspicious/noDuplicateProperties: vendor-prefixed fallback for fit-content */
    width: -moz-fit-content;
    margin-top: 5px;
    background: #ffffff;
    box-shadow:
        0px 1.2px 3.6px rgba(0, 0, 0, 0.1),
        0px 6.4px 14.4px rgba(0, 0, 0, 0.13);
    border-radius: 2px;
}

.filters_dateTimeHeader__WSmKC {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 0px;
    width: 100%;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    color: #323130;
}

.filters_dateTimeCalendars__E0zma {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 0 20px;
    background: #ffffff;
}

.filters_dateTimeCalendarLabel__jU8y1 {
    align-self: start;
    font-weight: 600;
    margin: 16px 0 0 16px;
    font-size: 16px;
}

.filters_dateTimeCalendarContainer__fmZl- {
    display: flex;
    flex-direction: column;
    justify-items: center;
    align-items: center;
    height: 331px;
    max-height: 331px;
}

.filters_dateTimeCalendarSeparator__HLGay {
    width: 1px;
    height: 330px;
    background: #d9d9d9;
}

.filters_calendarNoTime__OVRZY .filters_dateTimeCalendarContainer__fmZl- {
    height: 260px;
    max-height: 260px;
}

.filters_calendarNoTime__OVRZY .filters_dateTimeCalendarSeparator__HLGay {
    height: 259px;
}

.filters_dateTimeSeparator__CnG\+c {
    height: 1px;
    width: 100%;
    background: #d9d9d9;
}

.filters_dateTimeFooter__dF-hw {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    padding: 20px 16px 16px 16px;
    width: 100%;
    gap: 10px;
}

.filters_timepickerContainer__yzz-U {
    display: flex;
    width: 100%;
    margin: auto 0 0 36px;
}

.filters_hourComboBox__\+\+c2B,
.filters_ampmComboBox__guyKn {
    width: 60px;
}

.filters_minuteComboBox__qYGcH {
    width: 70px;
}

.filters_hourComboBox__\+\+c2B .ms-ComboBox::after,
.filters_minuteComboBox__qYGcH .ms-ComboBox::after,
.filters_ampmComboBox__guyKn .ms-Dropdown-title,
.filters_lastDaysChoice__H9nRR {
    border-width: 0 0 1px 0;
    border-radius: 0;
}

.filters_calendarRootClass__ggxxW div div div {
    padding-left: 0;
}

.filters_calendarRootClass__ggxxW.ms-DatePicker {
    margin-bottom: 0px;
}

@media (forced-colors: active) and (prefers-color-scheme: light) {
    .filters_calendarRootClass__ggxxW .ms-CalendarDay-daySelected,
    .filters_calendarRootClass__ggxxW .ms-CalendarDay-hoverStyle {
        background-color: #6d6d77 !important;
    }
}

/* Bug 10698215 — the "Filters" control keeps a brand gradient via
   forced-color-adjust:none, so it does not adapt to High Contrast and no focus
   ring can contrast against its fill. Render it as a proper system button
   (ButtonFace surface, ButtonText label/icon, ButtonBorder) so it matches the
   adjacent controls, and draw a Highlight focus ring that now reads clearly.
   Gated on Fluent's keyboard-focus root class (native :focus-visible does not
   reliably match Fluent's programmatic focus); inset offset avoids clipping by
   the filters-header wrapper (overflow: hidden). */
@media (forced-colors: active) {
    [id$="_FiltersButton"] {
        forced-color-adjust: none !important;
        background: ButtonFace !important;
        border: 1px solid ButtonBorder !important;
    }

    [id$="_FiltersButton"] .ms-Button-label,
    [id$="_FiltersButton"] span,
    [id$="_FiltersButton"] i,
    [id$="_FiltersButton"] svg,
    [id$="_FiltersButton"] path {
        color: ButtonText !important;
        fill: ButtonText !important;
    }

    .ms-Fabric--isFocusVisible [id$="_FiltersButton"]:focus,
    [id$="_FiltersButton"]:focus-visible {
        outline: 3px solid Highlight !important;
        outline-offset: -3px;
    }
}

.filters_funnelsFilterContainer__DJ\+TU > div {
    margin-bottom: 12px;
}

.filters_lastDaysOption__3iOt0 {
    margin-left: 25px;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.filters_lastDaysOption__3iOt0 input {
    margin: 0 4px;
    height: 32px;
    width: 45px;
}

.filters_lastDaysOption__3iOt0 button {
    min-width: unset;
    width: 60px;
    margin-left: 16px;
}

.filters_lastDaysChoice__H9nRR + label::before {
    top: 7px;
}

.filters_lastDaysChoice__H9nRR + label::after,
.filters_lastDaysChoice__H9nRR + label:hover::after {
    top: 12px;
}

.filters_lastDaysChoice__H9nRR:focus {
    outline: 1px solid #177ecc;
}

.filters_lastDaysChoice__H9nRR::-webkit-inner-spin-button {
    cursor: pointer;
}

.filters_topPathDropdownTitle__W1Bmi {
    padding: 6px;
    font-weight: 600;
    color: #616161;
}

.filters_sourceName__iWf3-,
.filters_dropdownText__QNAuV {
    font-size: 14px;
    color: #616161;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.filters_sourceName__iWf3- {
    margin-right: auto;
}

/* Non-selectable rows: section headers and the OR/AND operator toggle. */
.filters_filterOptionHeader__EuLLP {
    padding: 0 8px;
}

.filters_filterOptionDivider__fH94i {
    height: 1px;
    margin: 4px 0;
    background-color: #edebe9;
}

/* Shown in place of the option list when a search query matches nothing. */
.filters_filterOptionNoResults__b\+Zew {
    padding: 8px;
    font-size: 14px;
    color: #616161;
}

.filters_chevronDark__yR7Sw i {
    font-size: 12px;
    color: #323130;
}

.filters_optionContainer__m29do {
    display: flex;
    align-items: center;
}

.filters_optionContainer__m29do button:hover {
    background-color: #eaeaff;
}

.filters_adsFilterComboBox__z6o2k .ms-ComboBox-header {
    padding: 0;
}

.filters_adsSourceHeader__d7V-o {
    background-color: #f3f2f1;
    color: #323130;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 10px;
    cursor: pointer;
    height: 100%;
}

.filters_adsSourceHeader__d7V-o i {
    font-size: 12px;
}

.filters_adsHeaderExpandIcon__clRpZ {
    transition: transform 0.1s linear 0s;
}

.filters_adsHeaderCollapsed__GmN01 {
    transform: rotate(180deg);
}

.filters_projectTagsTitle__sMKpk,
.filters_projectTagsOption__5pEAY,
.filters_projectTagsBadgeValue__WnR-h,
.filters_projectTagsBadgeValue__WnR-h div {
    display: flex;
    flex-direction: row;
    gap: 4px;
    align-items: center;
}

.filters_badge__XUXmL i.filters_projectTagBadgeIcon__yUH1p {
    margin-left: 0;
    padding: 0 10px 2px 4px;
}

.filters_quickLabel__L8uWF i.filters_projectTagBadgeIcon__yUH1p {
    padding: 0;
}

.filters_agentsFiltersContainer__eOxss {
    display: flex;
    align-items: center;
    margin: 12px;
    overflow: hidden;
}

.filters_agentsFiltersContainer__eOxss .scrollingBadges > div:not(:first-child) {
    margin-left: 12px;
}

.filters_agentsFiltersContainer__eOxss .ms-Dropdown-title,
.filters_agentsFiltersContainer__eOxss .filters_badge__XUXmL {
    width: fit-content;
    border-radius: 4px;
    height: 28px;
    cursor: pointer;
    background-color: #fff;
}

.filters_agentsFiltersContainer__eOxss .ms-Dropdown:not(.is-disabled) .ms-Dropdown-title,
.filters_agentsFiltersContainer__eOxss .filters_badge__XUXmL {
    color: #a22ee5;
    border: 1px solid #a22ee5;
}

.filters_agentsFiltersContainer__eOxss .ms-Dropdown:not(.is-disabled):focus .ms-Dropdown-title,
.filters_agentsFiltersContainer__eOxss .filters_badge__XUXmL:focus {
    color: #a22ee5;
    border: 1px solid #ac2af7;
}

.filters_agentsFiltersContainer__eOxss .filters_badge__XUXmL i {
    padding: 9px 10px;
}

.filters_agentsFiltersContainer__eOxss .ms-Dropdown:not(.is-disabled):hover .ms-Dropdown-title,
.filters_agentsFiltersContainer__eOxss .filters_badge__XUXmL:hover {
    background-color: #a22ee50d;
    color: #a22ee5;
    border: 1px solid #a22ee5;
}

.filters_agentsFiltersContainer__eOxss .ms-Dropdown:focus::after {
    border: unset;
}

.filters_agentsFiltersContainer__eOxss .ms-Dropdown-caretDownWrapper {
    height: 28px;
    line-height: 28px;
    display: flex;
    padding-top: 0;
}

.filters_agentsFiltersContainer__eOxss .ms-Dropdown-caretDownWrapper i {
    font-size: 10px;
    color: #a22ee5;
}

.filters_agentsFiltersContainer__eOxss .badgesNav {
    line-height: 28px;
    height: 28px;
}

.filters_filtersPanel__fhWF3.filters_agentsFilters__xgMyM .filters_filtersHeader__huS97 .ms-Button--default,
.filters_agentsFiltersContainer__eOxss .filters_badge__XUXmL,
.filters_filtersPanel__fhWF3.filters_agentsFilters__xgMyM .filters_badge__XUXmL {
    color: #a22ee5;
    border: 1px solid #a22ee5;
    background-color: #fff;
}

.filters_filtersPanel__fhWF3.filters_agentsFilters__xgMyM .filters_filtersHeader__huS97 .ms-Button--default:hover,
.filters_agentsFiltersContainer__eOxss .filters_badge__XUXmL:hover,
.filters_filtersPanel__fhWF3.filters_agentsFilters__xgMyM .filters_badge__XUXmL:hover {
    background-color: #a22ee50d;
    color: #a22ee5;
    border: 1px solid #a22ee5;
}

.filters_agentsFiltersContainer__eOxss .filters_badge__XUXmL:focus,
.filters_filtersPanel__fhWF3.filters_agentsFilters__xgMyM .filters_badge__XUXmL:focus {
    color: #a22ee5;
    border: 1px solid #ac2af7;
}

.filters_filtersPanel__fhWF3.filters_agentsFilters__xgMyM .ms-Button--primary {
    border-radius: 4px;
    background: linear-gradient(90deg, #4e83ff 0%, #ae3af1 50%, #df3c99 99%);
    border: unset;
}

.filters_filtersPanel__fhWF3.filters_agentsFilters__xgMyM .ms-Button--primary:hover {
    background: linear-gradient(90deg, #3a6feb 0%, #9a26dd 50%, #cb2885 99%);
}

.filters_filtersPanel__fhWF3.filters_agentsFilters__xgMyM .filters {
    grid-auto-rows: max-content;
}

.filters_queryFilterRow__dqN\+8 {
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: center;
    justify-content: left;
}

.filters_citationFilters__Ljlgc {
    padding: 15px;
    align-content: start;
}

.filters_queryFilterDropdown__5eMlE .ms-Dropdown,
.filters_queryFilterDropdown__5eMlE .ms-Dropdown-title {
    width: 132px;
    border-width: 0 0 1px 0;
    border-radius: 0;
}

.filters_queryFilterLabel__Xp9kS {
    text-align: right;
    width: 80px;
    color: #323130;
}

.filters_queryFilterInput__cR0Si.ms-SearchBox,
.filters .ms-SearchBox.filters_queryFilterInput__cR0Si {
    border-width: 0 0 1px 0;
    border-radius: 0;
    width: 300px;
    margin-bottom: 0;
}

.filters_addQueryButton__wD0qW.ms-Button--default,
.filters_addQueryButton__wD0qW.ms-Button--default.is-disabled {
    border: none;
}

.filters_addQueryButton__wD0qW .ms-Button-label {
    color: #323130;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    min-width: max-content;
}
.filters_addQueryButton__wD0qW i {
    color: #0078d4;
    font-size: 12px;
    font-weight: 900;
}

.filters_aiVisibilityClearButton__fbank.ms-Button--default {
    border: none;
}

.filters_urlFilterPrefix__eLzUx {
    grid-column: 1;
    text-align: right;
    text-wrap: nowrap;
}

.recordings_recordingTableView__Xl5\+Z {
    padding: 0 32px;
}

.recordings_allRecordingsTable__6nI3z,
.recordings_liveRecordingsTable__XRKgm {
    background: #fff;
    border-radius: 8px;
    margin: 16px 0;
    overflow-y: auto;
    position: relative;
}

.recordings_allRecordingsTable__6nI3z .recordings_tableHeader__IQzRc,
.recordings_liveRecordingsTable__XRKgm .recordings_liveRecordingsHeader__1\+9jv {
    padding: 30px 0 16px 24px;
    top: 0;
}

.recordings_allRecordingsTable__6nI3z .recordings_tableHeader__IQzRc {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #fff;
}

.recordings_allRecordingsTable__6nI3z .recordings_tableHeader__IQzRc h3,
.recordings_liveRecordingsTable__XRKgm .recordings_liveRecordingsHeader__1\+9jv h3,
.recordings_liveRecordings__6bvLT h3 {
    color: #161514;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
}

.recordings_liveRecordingsTable__XRKgm .recordings_liveRecordingsHeader__1\+9jv {
    display: flex;
    flex-direction: row;
    gap: 6px;
    align-items: center;
    background: #fff;
}

.recordings_allRecordingsTable__6nI3z .ms-DetailsRow-fields {
    align-items: center;
}

.recordings_allRecordingsTable__6nI3z .recordings_visitorBackToRec__397bn.recordings_panelBack__vVFv7 {
    margin-top: -10px;
    margin-left: -16px;
    margin-bottom: 10px;
}

.recordings_recordingTableView__Xl5\+Z .recordings_visitorBackToRec__397bn {
    padding: 0;
}

.recordings_recordingsTableContainer__JLF8d,
.recordings_liveRecordingsTable__XRKgm .recordings_recordingsSessionTable__4Y4Dp {
    padding-left: 24px;
}

.recordings_recordingsTableContainer__JLF8d:has(.fullScreenMessage),
.recordings_liveRecordingsTable__XRKgm:has(.fullScreenMessage),
.recordings_liveRecordingsTable__XRKgm:has(.recordings_loading__mIxGo) {
    display: flex;
    justify-content: center;
    height: 100%;
    align-items: center;
}

.recordings_recordingsTableContainer__JLF8d .errorWrapper {
    background: none;
}

.recordings_allRecordingsTable__6nI3z:has(.recordings_loading__mIxGo) {
    display: flex;
    flex-direction: column;
}

.recordings_recordingsTableContainer__JLF8d:has(.recordings_loading__mIxGo) {
    flex: 1;
    display: flex;
}

.recordings_sessionsSummaryLoading__KjbIF {
    width: 100%;
}

.recordings_sessionsSummaryLoading__KjbIF img {
    height: 100px;
    position: absolute;
    bottom: -7px;
    right: 5%;
}

.recordings_countryBrowserDeviceCell__7pY2d {
    display: flex;
    flex-direction: row;
    gap: 7px;
    align-items: center;
}

.recordings_countryBrowserDeviceCell__7pY2d i {
    font-size: 4px;
    color: #252423;
    height: 4px;
}

.recordings_userIdLink__\+j7cG {
    color: #0078d4;
}

.recordings_userIdLink__\+j7cG:hover,
.recordings_countryBrowserDeviceCell__7pY2d span:hover {
    text-decoration: underline;
    cursor: pointer;
}

.ms-DetailsRow-cell:has(.recordings_numberCell__x8vSS) {
    text-align: right;
}

.recordings_recordingTableView__Xl5\+Z .ms-Pivot button:not(.is-selected) {
    color: #605e5c;
}

.recordings_recordingTableView__Xl5\+Z .ms-Pivot button:hover {
    background: #fff;
}

.recordings_recordingsTab__0ocF\+ {
    background: #eff6fc;
}

.recordings_visitorDetailsArea__WX13O,
.recordings_impressions__XPSGd {
    background: #fff;
    border-radius: 0 8px 8px 0;
    box-shadow: 0px 4.8px 14.4px 0px rgba(131, 126, 255, 0.3);
    margin: 0 12px 12px 0;
    padding-top: 8px;
    flex: 0 0 auto;
}

.recordings_tabContentRecordingsVideo__NkOkN.recordings_publicShareView__NZYMx,
.recordings_tabContentRecordingsVideo__NkOkN.recordings_struggleView__LDgRP {
    top: 0px;
    height: 100%;
    margin-top: 12px;
}

.recordings_publicShareView__NZYMx .recordings_moreDetailsPanelActions__OPxwq button:last-of-type {
    margin-left: auto;
}

.recordings_visitorDetailsArea__WX13O {
    height: calc(100vh - 128px);
}

.recordings_impressions__XPSGd.recordings_scrollable__UVrw0 > .recordings_sessionInfoPivot__UzKpu,
.recordings_impressions__XPSGd.recordings_scrollable__UVrw0 .recordings_moreDetailsContainer__WPVFT {
    display: flex;
    flex-direction: column;
    padding: 0;
    height: calc(100% - 32px);
}

.recordings_impressions__XPSGd.recordings_scrollable__UVrw0 > .recordings_sessionInfoPivot__UzKpu {
    margin: 0 8px;
}

.recordings_impressions__XPSGd.recordings_scrollable__UVrw0 .recordings_moreDetailsContainer__WPVFT {
    overflow-y: scroll;
}

.recordings_impressions__XPSGd.recordings_scrollable__UVrw0 > .recordings_sessionInfoPivot__UzKpu .recordings_moreDetailsContainer__WPVFT {
    height: 100%;
}

.recordings_impressions__XPSGd.recordings_scrollable__UVrw0 > .sessionInfoPivot {
    padding-top: 12px;
}

.recordings_impressions__XPSGd #heatmapSidebarPortal {
    width: 100%;
    height: calc(100% - 40px);
    display: flex;
    flex-direction: column;
    margin-top: 6px;
}

.recordings_video__w8N3O {
    position: relative;
    margin: 0 auto;
    transform-origin: 0 0 0;
    background: #fff;
}

.recordings_video__w8N3O iframe {
    border: 1px solid #ccc;
    overflow: hidden;
}

.recordings_sessionInfoPivot__UzKpu div[role="tabpanel"] {
    height: calc(100% - 50px);
}

.recordings_sessionInfoPivot__UzKpu div[role="tablist"] {
    display: flex;
    justify-content: space-evenly;
}

.recordings_sessionInfoPivot__UzKpu .ms-Pivot-link {
    width: 50%;
}

.recordings_impressions__XPSGd .recordings_heatmapSidebar__lzIxx .recordings_panelTop__x-w0e {
    margin-bottom: 18px;
}

.recordings_staticMoreDetailsContainer__-w7wz {
    display: flex;
    flex-direction: column;
    height: 100%;
    margin: 0 8px;
}

.recordings_tagsInput__a7hmr .ms-BasePicker-text {
    padding: 4px 6px;
}

.recordings_tagsInput__a7hmr .ms-BasePicker-itemsWrapper {
    gap: 4px;
}

.recordings_infoContainer__0\+ibI .recordings_sessionInfo__QfQo5 .recordings_sessionInfoTitle__vjyGD,
.recordings_tagsTitle__64OLE p {
    padding: 11px 0 13px 0;
    color: #020057;
    font-weight: 600;
}

.recordings_infoContainer__0\+ibI .recordings_sessionInfo__QfQo5 .recordings_sessionInfoTitle__vjyGD {
    margin: 0;
}

.recordings_moreDetailsPanelActions__OPxwq {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 8px;
}

.recordings_moreDetailsPanelActions__OPxwq button:not(.recordings_highlightsToggle__Iep0F button) {
    border: none;
    padding: 0 4px;
}

.recordings_impressionsHeader__RBLbw .recordings_panelBack__vVFv7:hover,
.recordings_moreDetailsPanelActions__OPxwq button.recordings_panelBack__vVFv7:hover {
    background-color: #f5f5f5;
}

.recordings_panelBack__vVFv7 {
    background: transparent;
    line-height: 20px;
}

.recordings_impressionsHeader__RBLbw {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 0px 8px 8px;
}

.recordings_impressionsHeader__RBLbw .recordings_panelBack__vVFv7 {
    border: none;
    padding: 0 4px;
}

.recordings_sortDivContainer__0GLOD {
    margin: 0 16px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.recordings_sortDivContainer__0GLOD h3 {
    font-size: 16px;
    line-height: 22px;
    font-weight: 600;
}

.recordings_sessionsListContainer__hx4\+k {
    height: 100%;
    width: 100%;
    overflow: hidden;
}

.recordings_sessionsListContainer__hx4\+k.recordings_insights__R7zJX {
    overflow: auto;
}

.recordings_sessionsListContainer__hx4\+k .impressionList.scrollable {
    padding: 12px;
}

.recordings_sessionsListContainer__hx4\+k .noRecordingsFound {
    margin: 8px;
}

.recordings_sessionsListContainer__hx4\+k .recordingsPivot,
.recordings_sessionsListContainer__hx4\+k .sortDivContainer {
    margin: 0 8px;
}

.recordings_collapsedVpPanel__Sw-Zn,
.recordings_collapsedSessionsList__mbVsM {
    margin: 0 12px 12px 0;
    border-radius: 0px 8px 8px 0px;
    background: #fff;
    box-shadow: 0px 4.8px 14.4px 0px rgba(131, 126, 255, 0.3);
}

.recordings_vpSessionCard__TN0qX,
.recordings_liveSessionCard__qxHFA,
.recordings_sessionCard__\+-6q4 {
    border: 1px solid #eaeaff;
    cursor: pointer;
    border-radius: 8px;
    padding: 12px 16px 8px 16px;
    margin-bottom: 12px;
    background: #fff;
    box-shadow:
        0px 3.2px 7.2px 0px rgba(131, 126, 255, 0.12),
        0px 0.6px 1.8px 0px rgba(131, 126, 255, 0.1);
    position: relative;
}

.recordings_liveSessionCard__qxHFA {
    border: 1px solid #e5f8f8;
}

.recordings_vpSessionCard__TN0qX:hover,
.recordings_liveSessionCard__qxHFA:hover,
.recordings_sessionCard__\+-6q4:hover {
    box-shadow: 0px 4.8px 14.4px 0px rgba(131, 126, 255, 0.3);
}

.recordings_sessionCard__\+-6q4 .recordings_loading__mIxGo {
    justify-content: end;
}

.recordings_sessionCard__\+-6q4 .recordings_hasError__6OoKO {
    color: #a80000;
    font-size: 18px;
}

.recordings_sessionCard__\+-6q4:not(.recordings_loading__mIxGo):not(.recordings_disabled__CgEtE).recordings_selected__z09t7 {
    border: 1.5px solid rgba(150, 146, 255, 1);
    background-color: #fbfbfe;
}

.recordings_sessionCard__\+-6q4:not(.recordings_loading__mIxGo):not(.recordings_disabled__CgEtE).recordings_selected__z09t7 .recordings_cardActions__SoHV4 button {
    background-color: #fbfbfe;
}

.recordings_sessionCard__\+-6q4.recordings_disabled__CgEtE,
.recordings_sessionCard__\+-6q4.recordings_disabled__CgEtE:hover {
    box-shadow: none;
    cursor: default;
}

.recordings_liveSessionCard__qxHFA.recordings_selected__z09t7 {
    border: 1px solid #00babc;
}

.recordings_liveSessionCard__qxHFA.recordings_viewed__cqP\+k,
.recordings_sessionCard__\+-6q4.recordings_viewed__cqP\+k {
    background-color: #faf9f8;
    box-shadow: 0px 3.2px 7.2px 0px #00000014;
    border: 1px solid #edebe9;
}

.recordings_liveSessionCard__qxHFA.recordings_viewed__cqP\+k strong,
.recordings_liveSessionCard__qxHFA.recordings_viewed__cqP\+k span,
.recordings_sessionCard__\+-6q4.recordings_viewed__cqP\+k strong,
.recordings_sessionCard__\+-6q4.recordings_viewed__cqP\+k span,
.recordings_sessionCard__\+-6q4.recordings_viewed__cqP\+k .recordings_sessionCardTitle__G5Nm5 {
    color: #605e5c;
}

.recordings_liveSessionCard__qxHFA.recordings_viewed__cqP\+k .ms-Button-label,
.recordings_sessionCard__\+-6q4.recordings_viewed__cqP\+k .ms-Button-label {
    color: #424242;
}

.recordings_liveSessionCard__qxHFA .recordings_urlDate__IbnPE {
    margin-bottom: 8px;
}

.recordings_liveRecordingsInfoBubble__4b2i8 {
    height: 16px;
    display: flex;
    margin-bottom: -2px;
    margin-left: 4px;
}

.recordings_vpSessionCard__TN0qX {
    max-width: 330px;
    box-sizing: content-box;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #605e5c;
}

.recordings_vpListShowMoreButtonArea__wHbD\+ {
    width: 358px;
}

.recordings_vpSessionCard__TN0qX > .vpSessionItem {
    margin-bottom: 4px;
}

.recordings_vpListShowMoreArea__1PEek {
    width: fit-content;
    background: white;
    border-radius: 8px;
    margin: 4px 0;
    box-sizing: border-box;
    height: 32px;
    box-shadow:
        0px 3.2px 7.2px 0px rgba(131, 126, 255, 0.12),
        0px 0.6px 1.8px 0px rgba(131, 126, 255, 0.1);
}

.recordings_vpListShowMoreArea__1PEek button {
    padding: 0;
    height: 32px;
}

.recordings_vpListShowMoreArea__1PEek button:hover .ms-Button-label {
    color: #005a9e;
}

.recordings_cardBadgeRow__CXtsi,
.recordings_cardRow__CRC6M {
    display: flex;
    margin-bottom: 4px;
    align-items: center;
    line-height: 20px;
}

.recordings_sessionCard__\+-6q4.recordings_disabled__CgEtE .recordings_cardDateSection__tgLjS,
.recordings_sessionCard__\+-6q4.recordings_disabled__CgEtE .recordings_cardBadgeRow__CXtsi,
.recordings_sessionCard__\+-6q4.recordings_disabled__CgEtE .recordings_cardActions__SoHV4,
.recordings_sessionCard__\+-6q4.recordings_disabled__CgEtE .recordings_cardRow__CRC6M {
    opacity: 0.5;
}

.recordings_cardBadgeRow__CXtsi {
    margin-bottom: 0;
}

.recordings_liveSessionCard__qxHFA.recordings_viewed__cqP\+k .recordings_cardBadge__Y5qOn,
.recordings_sessionCard__\+-6q4.recordings_viewed__cqP\+k .recordings_cardBadge__Y5qOn {
    border: 1px solid #edebe9;
    color: #605e5c;
}

.recordings_cardTag__g7Ncb {
    width: fit-content;
    border-radius: 4px;
    padding: 3px 8px;
    text-align: center;
    background: #eaeaff;
    margin: 4px 8px 4px 0px;
    color: #020057;
    font-size: 12px;
    font-weight: 400;
    flex-grow: 0;
    flex-shrink: 0;
    cursor: pointer;
}

.recordings_lastItem__o99wX {
    margin: 4px 0px;
}

.recordings_cardTag__g7Ncb.recordings_similarSession__VLVzf {
    background: #b84b8a;
}

.recordings_cardTag__g7Ncb.recordings_interestingSession__6eLSs.recordings_selected__z09t7 {
    background: #eaeaff;
    color: #020057;
    border: 1px solid #eaeaff;
}

.recordings_cardTag__g7Ncb.recordings_interestingSession__6eLSs {
    background: #fff;
    color: #323130;
    border: 1px solid #c8c6c4;
}

.recordings_cardTag__g7Ncb.recordings_interestingSession__6eLSs:not(.recordings_disabled__CgEtE):hover {
    background: #eaeaff;
    color: #020057;
    border: 1px solid #eaeaff;
}

.recordings_selectedTagIcon__feLAg {
    font-weight: bold;
    flex-shrink: 0;
    padding-right: 4px;
}

.recordings_cardDateRow__DkJAs {
    justify-content: space-between;
    width: 100%;
    gap: 8px;
}

.recordings_cardDateSection__tgLjS {
    white-space: nowrap;
    text-align: end;
    font-size: 12px;
    line-height: 16px;
}

.recordings_urlDate__IbnPE {
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
}

.recordings_cardRow__CRC6M.recordings_urlDate__IbnPE > *:first-child {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-right: 12px;
}

.recordings_cardRow__CRC6M strong {
    color: #323130;
    margin-right: 4px;
}

.recordings_cardRow__CRC6M span {
    color: #605e5c;
}

.recordings_cardRow__CRC6M.recordings_multiValuedRow__EckIt span {
    margin-right: 14px;
}

.recordings_cardActionsContainer__kDD6e {
    justify-content: space-between;
    margin-top: 4px;
}

.recordings_sessionCard__\+-6q4.recordings_viewed__cqP\+k .recordings_cardActionsContainer__kDD6e button {
    background-color: #faf9f8;
}

.recordings_cardActionsContainer__kDD6e .recordings_moreDetails__HJON- {
    color: #0072c9;
}

.recordings_cardActionsContainer__kDD6e button {
    height: 32px;
    font-size: 14px;
    line-height: 20px;
    color: #0078d4;
}

.recordings_cardActions__SoHV4 {
    display: flex;
    align-items: center;
}

.recordings_cardActions__SoHV4 button {
    padding: 0;
    width: 32px;
    height: 32px;
}

.recordings_cardActions__SoHV4 button i {
    color: #161514;
    line-height: 20px;
    height: 20px;
}

.recordings_recordingsSessionTable__4Y4Dp {
    padding-right: 16px;
}

.recordings_recordingsSessionTable__4Y4Dp table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    table-layout: auto;
}

.recordings_recordingsSessionTable__4Y4Dp thead tr {
    background: #f8f8f8;
}

.recordings_leftSticky__-GRlJ {
    position: sticky;
    left: 0;
    z-index: 1;
}

.recordings_recordingsSessionTable__4Y4Dp thead {
    position: sticky;
    top: 0;
    z-index: 1;
}

.recordings_recordingsSessionTable__4Y4Dp .recordings_paginating__pG6Rs {
    margin-bottom: 8px;
}

.recordings_recordingsSessionTable__4Y4Dp th,
.recordings_recordingsSessionTable__4Y4Dp td {
    padding: 10px 12px;
    text-align: left;
    vertical-align: middle;
    border-bottom: 1px solid #e1e1e1;
    box-sizing: border-box;
}

.recordings_recordingsSessionTable__4Y4Dp tbody tr:last-child td {
    border-bottom: none;
}

.recordings_recordingsSessionTable__4Y4Dp tbody tr:hover {
    cursor: pointer;
}

.recordings_recordingsSessionTable__4Y4Dp th {
    font-weight: 600;
    color: #242424;
    white-space: nowrap;
}

.recordings_recordingsSessionTable__4Y4Dp th.index,
.recordings_recordingsSessionTable__4Y4Dp td.index {
    width: 40px;
    max-width: 40px;
    text-align: center;
    padding-left: 4px;
    padding-right: 4px;
    white-space: nowrap;
}

.recordings_recordingsSessionTable__4Y4Dp th.play,
.recordings_recordingsSessionTable__4Y4Dp td.play {
    width: 40px;
    text-align: center;
    padding-left: 4px;
    padding-right: 4px;
    white-space: nowrap;
}

.recordings_recordingsSessionTable__4Y4Dp th.sessionStart,
.recordings_recordingsSessionTable__4Y4Dp td.sessionStart {
    width: 120px;
    max-width: 140px;
    white-space: nowrap;
    line-height: 22px;
}

.recordings_recordingsSessionTable__4Y4Dp th.url,
.recordings_recordingsSessionTable__4Y4Dp td.url {
    min-width: 320px;
    max-width: 320px;
    line-height: 22px;
}

.recordings_recordingsSessionTable__4Y4Dp th.sessionDuration,
.recordings_recordingsSessionTable__4Y4Dp td.sessionDuration,
.recordings_recordingsSessionTable__4Y4Dp th.sessionClickCount,
.recordings_recordingsSessionTable__4Y4Dp td.sessionClickCount,
.recordings_recordingsSessionTable__4Y4Dp th.pageCount,
.recordings_recordingsSessionTable__4Y4Dp td.pageCount {
    width: 80px;
    max-width: 90px;
    white-space: nowrap;
    text-align: right;
}

.recordings_recordingsSessionTable__4Y4Dp th.userId,
.recordings_recordingsSessionTable__4Y4Dp td.userId {
    width: 110px;
    max-width: 120px;
    white-space: nowrap;
}

.recordings_recordingsSessionTable__4Y4Dp th.countryBrowserDevice,
.recordings_recordingsSessionTable__4Y4Dp td.countryBrowserDevice {
    width: 300px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    min-width: fit-content;
}

.recordings_recordingsSessionTable__4Y4Dp th.tags {
    width: fit-content;
}

.recordings_recordingsSessionTable__4Y4Dp tbody tr:hover td {
    background: var(--neutralLighter, #f3f3f3);
}

.recordings_recordingsSessionTable__4Y4Dp .recordings_cardLabels__5dghO {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 6px;
}

.recordings_cardActions__SoHV4 .saveIcon i,
.recordings_endOfRecordingModal__4minO .recordings_dialogCard__R6Tae .saveIcon i {
    height: 16px;
}

.recordings_cardActions__SoHV4 button:hover i {
    color: #005a9e;
}

.recordings_sessionCard__\+-6q4.recordings_viewed__cqP\+k .recordings_cardActions__SoHV4 button:not([disabled]) path {
    fill: #979593;
}

.recordings_sessionCard__\+-6q4.recordings_viewed__cqP\+k .recordings_cardActions__SoHV4 button:not(.is-disabled):hover {
    background-color: #0000000f;
}

.recordings_sessionCard__\+-6q4.recordings_viewed__cqP\+k .recordings_cardActions__SoHV4 .ms-Button i {
    color: #979593;
}

.recordings_sessionCard__\+-6q4 .recordings_cardLabels__5dghO {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 8px;
}

.recordings_cardActions__SoHV4 button:not([disabled]):hover path {
    fill: #005a9e;
}

.recordings_cardActions__SoHV4 button.saveIcon:not([disabled]):hover path {
    fill: #827dff;
}

.recordings_mobile__T5oKa .recordings_cardActions__SoHV4 > div {
    height: 40px;
    width: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 10px;
}

.recordings_recordingRatingInHeader__zjCmJ i:last-of-type {
    display: none;
}

.recordings_headerRatingModal__7qvo7 {
    width: 250px;
    height: 104px;
}

.recordings_badgeRow__KMg5- {
    display: flex;
    align-items: center;
    margin-bottom: 4px;
    justify-content: space-between;
}

.recordings_cardBadge__Y5qOn {
    margin: 4px;
    padding: 3px 8px;
    border-radius: 4px;
    border: 1px solid #deecf9;
    width: 143px;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    flex: 1 1 auto;
}

.recordings_cardBadge__Y5qOn:not(.recordings_disabled__CgEtE):hover {
    background: #e1dfdd;
    cursor: pointer;
}

.recordings_cardSeparator__Xyv25 {
    height: 1px;
    margin-top: 8px;
    border-bottom: 1px solid #edebe9;
}

.recordings_liveSessionsContainer__6IfYc {
    justify-content: space-between;
    border-radius: 8px;
    padding: 8px 12px;
    margin: 8px 8px 0;
    background: rgba(229, 248, 248, 1);
}

.recordings_liveSessionsContainer__6IfYc.recordings_expanded__2o7tn {
    margin-bottom: 0;
    border-radius: 8px 8px 0 0;
}

.recordings_liveSessionsContainer__6IfYc.recordings_clickable__intj8 {
    cursor: pointer;
}

.recordings_liveUserHeader__FU2iu {
    background-color: #00babc;
    text-align: center;
    text-transform: UPPERCASE;
    color: white;
    border-radius: 2px;
    font-size: 12px;
    line-height: 16px;
    font-weight: 600;
    padding: 4px 8px;
    margin-left: 4px;
}

.recordings_liveRecordingCardContainer__Glv4z {
    height: 100%;
    overflow-y: scroll;
    padding: 0 8px;
    margin: 0 8px;
    background-color: #e5f8f8;
}

.recordings_liveRecordings__6bvLT {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.recordings_liveRecordings__6bvLT .recordings_liveRecordingCardContainer__Glv4z {
    background: none;
    height: calc(100% - 90px);
    margin: 16px 0 0;
    padding: 0 16px;
    flex: 1;
}

.recordings_liveRecordings__6bvLT h3 {
    margin-left: 16px;
}

.recordings_liveCardDetails__iNpUI {
    justify-content: end;
    margin-top: 4px;
}

.recordings_liveCardDetails__iNpUI button {
    height: 22px;
    line-height: 20px;
    padding: 5px 12px;
    color: #0078d4;
    box-sizing: content-box;
    border: unset;
}

.recordings_liveBadgeContainer__zhuSX {
    display: flex;
    align-items: center;
    height: 16px;
}

.recordings_liveBadgeContainer__zhuSX svg {
    width: 20px;
    height: 20px;
}

.recordings_liveBadge__We3ml {
    background-color: #00babc;
    color: white;
    margin-left: 4px;
    border-radius: 2px;
    font-size: 10px;
    line-height: 12px;
    font-weight: 600;
    padding: 2px 12px;
    text-align: center;
    text-transform: uppercase;
}

.recordings_cardRow__CRC6M .recordings_date__dsgy2 {
    font-size: 12px;
    line-height: 16px;
    color: #323130;
}

.recordings_favoritesTabHeader__DKdJw {
    width: 100%;
    display: flex;
    align-items: center;
    line-height: 20px;
    justify-content: center;
}

.recordings_favoritesTabHeader__DKdJw i {
    display: flex;
    height: 20px;
}

.recordings_tabHeader__LXEmY {
    width: 100%;
    display: flex;
    align-items: center;
    line-height: 20px;
    justify-content: center;
}

.recordings_tabHeader__LXEmY i {
    display: flex;
    height: 20px;
}

.recordings_noFavoritesContainer__enMyY {
    height: 600px;
    gap: 16px;
}

.recordings_impressions__XPSGd .recordings_heatmapSidebar__lzIxx .recordings_panelTop__x-w0e {
    margin-bottom: 18px;
}

.recordings_sortingContainer__ThcZb {
    align-items: center;
}

.recordings_sortingContainer__ThcZb button:not(.recordings_highlightsToggle__Iep0F button) {
    background: transparent;
    border: none;
    color: #605e5c;
    padding: 0;
    font-weight: 600;
    line-height: 20px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.recordings_sortingContainer__ThcZb button:not(.recordings_highlightsToggle__Iep0F button):hover {
    background-color: rgb(243, 242, 241);
}

.recordings_sortingContainer__ThcZb button:not(.recordings_highlightsToggle__Iep0F button) span,
.recordings_sortingContainer__ThcZb button:not(.recordings_highlightsToggle__Iep0F button) i {
    font-weight: 600;
    line-height: 20px;
    height: 20px;
}

.recordings_sortingContainer__ThcZb button:not(.recordings_highlightsToggle__Iep0F button) i {
    width: 20px;
}

.recordings_sortingContainer__ThcZb button i {
    color: #605e5c;
}

.recordings_downloadRecordingsButton__\+WX2l.recordings_disabled__CgEtE i,
.recordings_sortingContainer__ThcZb .is-disabled .ms-Button-label,
.recordings_sortingContainer__ThcZb .is-disabled i {
    color: rgb(161, 159, 157);
}

.recordings_sortGroupSessions__pOtLw {
    padding: 8px 12px 0px 12px;
}

.recordings_downloadRecordingsButton__\+WX2l.recordings_disabled__CgEtE * {
    fill: rgb(161, 159, 157);
}

.recordings_downloadRecordingsButton__\+WX2l {
    margin-right: 8px;
    width: 32px;
    min-width: 32px;
    box-sizing: border-box;
}

.recordings_downloadRecordingsButton__\+WX2l i:not(:first-child) {
    display: none;
}

/*End of Recording Modal Start*/
.recordings_endOfRecordingModalOverlay__J2wJr {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    z-index: 5;
    background-color: rgba(0, 0, 0, 0.4);
    padding: 8px;
}

.recordings_endOfRecordingModal__4minO {
    background: #fff;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    width: 465px;
    min-height: 176px;
    max-height: calc(100% - 16px);
    border-radius: 6px;
    box-shadow:
        rgba(0, 0, 0, 0.22) 0px 25.6px 57.6px 0px,
        rgba(0, 0, 0, 0.18) 0px 4.8px 14.4px 0px;
}

.recordings_endOfRecordingHeader__1Ajq3 {
    background: white;
    color: #323130;
    justify-content: space-between;
    padding: 16px;
    font-size: 20px;
    font-weight: 600;
    line-height: 28px;
}

.recordings_endOfRecordingHeader__1Ajq3 i {
    color: #323130;
}

.recordings_endOfRecordingModal__4minO .recordings_content__R6JC3 {
    overflow-y: auto;
    padding-bottom: 32px;
    background: linear-gradient(343deg, rgba(250, 233, 255, 0.6) 0%, rgba(210, 224, 244, 0.6) 100%);
}

.recordings_endOfRecordingModal__4minO .recordings_dialogCard__R6Tae {
    text-align: center;
}

.recordings_endOfRecordingModal__4minO .recordings_dialogCard__R6Tae > span {
    font-weight: 600;
}

.recordings_endOfRecordingModal__4minO .recordings_feedbackWrapper__EpbLe {
    text-align: center;
    font-size: 24px;
    line-height: 32px;
    margin-top: 24px;
}

.recordings_thumbsContainer__9\+e\+X {
    margin-top: 24px;
    gap: 12px;
}

.recordings_thumbsContainer__9\+e\+X i,
.recordings_thumbsContainer__9\+e\+X .ms-Button {
    padding: 0;
    margin: 0;
    width: unset;
    height: unset;
}

.recordings_endOfRecordingModal__4minO .recordings_modalSeparator__gQ9Iz {
    border-top: 1px solid #fff;
    max-width: 288px;
    margin: 24px auto;
}

.recordings_endOfRecordingModal__4minO .recordings_dialogCard__R6Tae {
    text-align: center;
}

.recordings_dialogCard__R6Tae .ms-Button--commandBar {
    border: 1px solid #0078d4;
    color: #005a9e;
}

.recordings_dialogCard__R6Tae .ms-Button-label {
    font-weight: 600;
}

.recordings_dialogCard__R6Tae .ms-Button--commandBar path {
    fill: #005a9e;
}

.recordings_dialogCard__R6Tae .ms-TooltipHost:first-child {
    margin-right: 24px;
}

.recordings_dialogCard__R6Tae i {
    height: 20px;
    line-height: 20px;
}

.recordings_endOfRecordingModal__4minO .recordings_quickLabel__MChZJ {
    background: #fff;
    line-height: 20px;
    border-radius: 4px;
    cursor: pointer;
    padding: 4px 8px;
    border: 1px solid #deecf9;
}

.recordings_endOfRecordingModal__4minO .recordings_quickLabel__MChZJ:hover {
    border: 1px solid #0078d4;
    background: #eff6fc;
    color: #004578;
}

.recordings_endOfRecordingModal__4minO .recordings_quickLabel__MChZJ:hover:active {
    background: #deecf9;
}

.recordings_quickLabel__MChZJ.recordings_selectedLabel__Z3nXr {
    border: 1px solid #0078d4;
    background: #eff6fc;
    color: #004578;
}

.recordings_endOfRecordingModal__4minO .recordings_quickLabel__MChZJ i {
    width: 20px;
    padding: 0 5px;
    box-sizing: content-box;
}

.recordings_endOfRecordingModal__4minO .recordings_quickLabel__MChZJ i.recordings_annotationQuickLabel__gyut6 {
    padding: 0;
}

.recordings_endOfRecordingModal__4minO .recordings_quickLabelsContainer__kN2lf {
    display: flex;
    flex-wrap: wrap;
    column-gap: 12px;
    row-gap: 8px;
    align-items: center;
    justify-content: center;
    min-height: 36px;
    margin: 10px 24px 0 24px;
}

.recordings_endOfRecordingFooter__Xm3k6 {
    background: white;
    width: 100%;
    padding: 12px;
    display: flex;
    gap: 8px;
    justify-content: end;
    margin-top: auto;
}

.recordings_endOfRecordingFooter__Xm3k6 > .ms-Button--default {
    color: #323130;
    border-color: #d1d1dd;
}

.recordings_endOfRecordingFooter__Xm3k6 .recordings_primaryControl__DIWrH {
    width: 202px;
    border-radius: 4px;
    color: #fff;
}

.recordings_primaryControl__DIWrH.ms-Button {
    padding: 0;
}

.recordings_endOfRecordingFooter__Xm3k6 .recordings_primaryControl__DIWrH:hover {
    border: 1px solid transparent;
}

.recordings_endOfRecordingFooter__Xm3k6 .recordings_primaryControl__DIWrH.recordings_nextDisabled__xKI90 {
    background: #edebe9;
}

.recordings_endOfRecordingFooter__Xm3k6 .recordings_primaryControl__DIWrH.recordings_nextCountDown__yaIYN {
    background: linear-gradient(280.75deg, rgb(0, 120, 212, 0.3) 0%, rgb(150, 146, 255, 0.3) 94.81%);
}

.recordings_colorChangingText__sQlbD {
    color: #323130;
    font-weight: 600;
    padding: 0;
    width: 200px;
    height: 20px;
    position: absolute;
    white-space: nowrap;
}

.recordings_primaryControl__DIWrH .ms-Button-textContainer {
    overflow-x: hidden;
    position: absolute;
    height: 100%;
    left: 0;
    width: 200px;
}

.recordings_primaryControl__DIWrH .ms-Button-label {
    flex-grow: 0;
    position: absolute;
    z-index: 5;
    top: 5px;
    width: 200px;
    line-height: 20px;
    margin: 0;
}

.recordings_primaryControl__DIWrH .ms-Button-flexContainer::before {
    content: "";
    position: absolute;
    left: 0;
    height: 100%;
}

.recordings_nextCountDown__yaIYN .ms-Button-flexContainer::before {
    background: linear-gradient(280.75deg, #0078d4 0%, #9692ff 94.81%);
    animation: recordings_load__-lPVY 5s linear;
}

.recordings_nextCountDown__yaIYN .ms-Button-textContainer {
    overflow: hidden;
    animation: recordings_load__-lPVY 5s linear;
}

@keyframes recordings_load__-lPVY {
    0% {
        width: 0%;
    }

    100% {
        width: 100%;
    }
}
/*End of Recording Modal End*/

/*Event timeline -> Session More details */

.recordings_similarSessionList__MGLGM {
    overflow-y: auto;
    display: flex;
    align-items: center;
    flex-direction: column;
    background: #fbfbfe;
    padding-right: 5px;
    border-radius: 0 0 8px 8px;
    margin-bottom: 12px;
}

.recordings_similarSessionCard__fU-Yd {
    width: 334px;
}

.recordings_eventTimelineContainer__7aeFM {
    color: #020057;
    line-height: 20px;
    background: #fbfbfe;
    margin-bottom: 12px;
}

.recordings_eventTimelineContainer__7aeFM:last-of-type {
    margin-bottom: 0;
}

.recordings_eventTimelineContainer__7aeFM > div {
    justify-content: space-between;
    width: 100%;
    height: 44px;
    border-radius: 8px;
    background: #fbfbfe;
    padding: 12px;
}

.recordings_eventTimelineContainer__7aeFM > div > div {
    margin-left: 0;
}

.recordings_eventTimelineContainer__7aeFM.recordings_expanded__2o7tn {
    margin-bottom: 0;
}

.recordings_eventTimelineContainer__7aeFM.recordings_expanded__2o7tn > div {
    border-radius: 8px 8px 0 0;
}

.recordings_eventTimelineContainer__7aeFM i {
    color: #242424;
}

.recordings_eventTimelineContainer__7aeFM #eventTimelineCollapsibleTitle {
    display: flex;
    flex: 1;
}

.recordings_eventTimelineContainer__7aeFM #eventTimelineCollapsibleTitle > div {
    margin-left: auto;
    margin-right: 8px;
}

.recordings_eventsToggle__4S5zE.ms-Toggle {
    background: rgb(251, 251, 254);
}

.recordings_purpleIcon__uM\+P1 {
    padding-right: 4px;
    color: #a864cd;
    font-size: 16px;
}

.recordings_eventFilterIcon__Y0th4 {
    font-size: 16px;
    padding-right: 10px;
}

.recordings_eventFilterIcon__Y0th4.recordings_darkEventIcon__z7QwL svg {
    max-width: 16px;
    max-height: 20px;
}
.recordings_eventIcon__Grxuk.recordings_darkEventIcon__z7QwL svg {
    max-width: 16px;
    max-height: 14px;
}
.recordings_eventFilterIcon__Y0th4.recordings_darkEventIcon__z7QwL path,
.recordings_eventIcon__Grxuk.recordings_darkEventIcon__z7QwL path {
    fill: #005a9e;
}

.recordings_sessionInfo__QfQo5,
.recordings_sidebarAnnotationContainer__2l8wL {
    padding: 0 12px;
    background: #fbfbfe;
    border-radius: 0 8px;
    margin-bottom: 12px;
    margin-top: 8px;
}

.recordings_sidebarAnnotationContainer__2l8wL {
    padding: 0 12px 12px;
}

.recordings_sidebarAnnotationContainer__2l8wL .recordings_annotations__Bl0ig {
    border-radius: 8px;
    background-color: #fff;
    border: 1px solid #eaeaff;
}

.recordings_sidebarAnnotationContainer__2l8wL .recordings_annotations__Bl0ig > :first-child {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.recordings_sidebarAnnotationContainer__2l8wL .recordings_annotations__Bl0ig > :last-child {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.recordings_sidebarAnnotationContainer__2l8wL h3 {
    font-weight: 600;
    padding: 12px 0;
    color: #242424;
}

.recordings_sessionEventTitle__CUAu5 {
    display: flex;
    flex-direction: row;
    padding: 0;
    flex: 1;
}

.recordings_sessionEventTitle__CUAu5 .recordings_sessionEventPage__HcIAz {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    word-break: break-all;
    overflow: hidden;
}

.recordings_sessionEventTitle__CUAu5 button {
    margin-top: -7px;
    margin-left: auto;
}

.recordings_sessionInfoLine__SGdNn {
    height: 32px;
    line-height: 20px;
    display: flex;
    align-items: center;
}

.recordings_sessionInfoLine__SGdNn strong {
    min-width: 107px;
    max-width: 107px;
    margin-right: 8px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.recordings_sessionInfoLine__SGdNn > span {
    color: #605e5c;
}

.recordings_userPersonaInfoLine__52nJe {
    height: auto;
    min-height: 32px;
    align-items: flex-start;
}

.recordings_userPersonaInfoLine__52nJe strong {
    max-width: none;
    white-space: normal;
    text-overflow: clip;
    overflow: visible;
}

.recordings_userPersonaInfoLine__52nJe > span {
    min-width: 0;
    white-space: normal;
    overflow-wrap: anywhere;
}

.recordings_sessionInfoLine__SGdNn button {
    margin-left: auto;
}

.recordings_sessionInfoLink__gMq99 {
    max-width: 198px;
    display: inline-block;
}

.recordings_tagsCollapsibleExtraInfo__z6dg3 {
    background: #eaeaff;
    border-radius: 80px;
    width: 24px;
    height: 24px;
    text-align: center;
    display: inline-block;
    line-height: 21px;
    margin-left: 4px;
}

.recordings_labelsContainer__lV-j2 {
    padding: 0 12px 8px 12px;
    background: #fbfbfe;
    border-radius: 0 0 8px 8px;
    margin-bottom: 12px;
}

.recordings_labelsContainer__lV-j2 {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 8px 12px;
}

.recordings_labelsContainer__lV-j2 h3 {
    color: #020057;
    font-weight: 600;
}

.recordings_tagsTitle__64OLE p {
    display: inline-block;
}

.recordings_basePickerListBelow__XU\+7U .ms-BasePicker-text {
    border: 1px solid #d1d1d1;
    border-bottom-color: #616161;
    border-radius: 4px;
}

.recordings_basePickerListBelow__XU\+7U.recordings_disabled__CgEtE {
    background: #f3f2f1;
}

.recordings_basePickerListBelow__XU\+7U.recordings_disabled__CgEtE .ms-BasePicker-text {
    border: transparent;
    border-radius: 4px;
}

.recordings_basePickerListBelow__XU\+7U.recordings_error__3XtJo .ms-BasePicker-text {
    border-bottom-color: #a80000;
}

.recordings_basePickerListBelow__XU\+7U input {
    height: 30px;
    border-radius: 4px;
}

.recordings_selectedTagsContainer__rCRiK {
    margin-top: 12px;
    border: 1px solid #605e5c;
    background-color: #ffffff;
    border-radius: 4px;
}

.recordings_selectedTagsContainer__rCRiK > div {
    display: flex;
    flex-wrap: wrap;
}

.recordings_selectedTagsContainer__rCRiK.recordings_empty__bAvOx {
    border: none;
}

.recordings_tagBadge__ccAWC {
    display: flex;
    justify-content: space-between;
    color: #323130;
    background: #f3f2f1;
    margin: 2px;
    cursor: pointer;
    align-items: center;
    height: 26px;
    line-height: 20px;
    border-radius: 4px;
    max-width: calc(100% - 4px);
    width: fit-content;
    flex: 0 0 auto;
}

.recordings_tagBadge__ccAWC span {
    padding: 3px 8px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.recordings_tagBadge__ccAWC strong {
    padding-left: 8px;
}

.recordings_tagBadge__ccAWC i {
    line-height: 12px;
    font-size: 12px;
    width: 30px;
    text-align: center;
}

.recordings_customTagsDetailsContainer__VvtWT {
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
}

.recordings_customTagsDetailsContainer__VvtWT .recordings_tagBadge__ccAWC {
    cursor: default;
}

.recordings_sessionTimeline__En-wQ {
    padding: 0 12px 12px;
    background: #fbfbfe;
    border-radius: 0px 0px 8px 8px;
    overflow-y: scroll;
    min-height: 100px;
}

.recordings_impressionTimeline__FnXpI {
    border-radius: 8px;
    border: 1px solid #eaeaff;
    background: #fff;
    padding: 12px;
    margin-bottom: 10px;
    cursor: pointer;
}

.recordings_impressionTimeline__FnXpI.recordings_activeImpression__ZIh6- {
    border: 2px solid #9692ff;
    background: #fbfbfe;
}

.recordings_collapsibleSessionInfoContainer__NMnqk {
    background-color: #faf9f8;
    border-radius: 8px;
}

.recordings_collapsibleSessionInfoContainer__NMnqk.recordings_whiteBackground__WCCeV {
    background-color: #fff;
}

.recordings_sessionInfoLine__SGdNn {
    display: flex;
    align-items: center;
    font-size: 14px;
    line-height: 20px;
    color: #323130;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.recordings_collapsibleSessionInfoContainer__NMnqk .recordings_sessionInfoLine__SGdNn {
    padding: 0 16px;
}

.recordings_collapsibleSessionInfoContainer__NMnqk .recordings_sessionInfoLine__SGdNn:first-child {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.recordings_collapsibleSessionInfoContainer__NMnqk .recordings_sessionInfoLine__SGdNn:last-child {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.recordings_sessionInfoLine__SGdNn.recordings_notFiltered__WYYuC {
    background: #fff;
    color: #747373;
}

.recordings_sessionInfoLine__SGdNn.recordings_notFiltered__WYYuC .recordings_marker__-m4mS {
    background: url("data:image/svg+xml,<svg width=\"44\" height=\"40\" viewBox=\"0 0 44 40\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><g filter=\"url%28%23filter0_dd_88_52095%29\"><path d=\"M22 18.7692L29 8H15L22 18.7692Z\" fill=\"%23747373\"/><path d=\"M15.9213 8.5H28.0787L22 17.8518L15.9213 8.5Z\" stroke=\"white\"/></g><defs><filter id=\"filter0_dd_88_52095\" x=\"0.6\" y=\"4.76837e-07\" width=\"42.8\" height=\"39.5693\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/><feColorMatrix in=\"SourceAlpha\" type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\" result=\"hardAlpha\"/><feOffset dy=\"6.4\"/><feGaussianBlur stdDeviation=\"7.2\"/><feColorMatrix type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.13 0\"/><feBlend mode=\"normal\" in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_88_52095\"/><feColorMatrix in=\"SourceAlpha\" type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\" result=\"hardAlpha\"/><feOffset dy=\"1.2\"/><feGaussianBlur stdDeviation=\"1.8\"/><feColorMatrix type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0\"/><feBlend mode=\"normal\" in2=\"effect1_dropShadow_88_52095\" result=\"effect2_dropShadow_88_52095\"/><feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect2_dropShadow_88_52095\" result=\"shape\"/></filter></defs></svg>");
}

.recordings_sessionInfoLine__SGdNn.recordings_eventFiltered__o0Y3a {
    color: #323130;
    font-weight: 600;
    padding-left: 12px;
}

.recordings_sessionInfoLine__SGdNn.recordings_selectedEvent__Ukd6I,
.recordings_sessionInfoLine__SGdNn.recordings_selectedEvent__Ukd6I.recordings_notFiltered__WYYuC,
.recordings_sessionInfoLine__SGdNn.recordings_selectedEvent__Ukd6I.recordings_eventFiltered__o0Y3a {
    background-color: #eaeaff;
    color: #323130;
}

.recordings_sessionInfoLine__SGdNn.recordings_selectedEvent__Ukd6I {
    border: 1px solid #9692ff;
}

.recordings_sessionInfoLine__SGdNn.recordings_selectedEvent__Ukd6I.recordings_notFiltered__WYYuC {
    border: none;
    color: #747373;
}

.recordings_sessionInfoLine__SGdNn.recordings_selectedEvent__Ukd6I.recordings_eventFiltered__o0Y3a,
.recordings_sessionInfoLine__SGdNn.recordings_selectedEvent__Ukd6I.recordings_eventFiltered__o0Y3a.recordings_activeFilteredEvent__9MP1M {
    border: 1px solid #827dff;
}

.recordings_sessionInfoLine__SGdNn.recordings_selectedEvent__Ukd6I.recordings_eventFiltered__o0Y3a.recordings_activeFilteredEvent__9MP1M {
    background-color: #ccccff;
}

.recordings_sessionInfoLine__SGdNn.recordings_selectedEvent__Ukd6I {
    font-weight: 600;
}

.recordings_impressionTimelineHover__apUFW:hover {
    box-shadow: 0px 4.8px 14.4px 0px rgba(131, 126, 255, 0.3);
}

.recordings_eventHeaderText__AJJB5 {
    display: flex;
    justify-content: space-between;
    cursor: pointer;
}

.recordings_sessionInfoLine__SGdNn span:first-child,
.recordings_sessionEventPage__HcIAz .recordings_pageVisitTitle__IHj8y {
    color: #1b1a19;
    font-weight: 600;
    margin-right: 4px;
}

.recordings_sessionInfoLine__SGdNn span.recordings_filteredEventIndex__QgAq5 {
    background: #827dff;
    border-radius: 80px;
    width: fit-content;
    min-width: 16px;
    height: 16px;
    text-align: center;
    display: inline-block;
    line-height: 16px;
    color: #fff;
    font-size: 12px;
    padding: 0 4px;
}

.recordings_sessionInfoLine__SGdNn span:nth-child(2) {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.recordings_sessionInfoLine__SGdNn .recordings_eventText__hSdvv {
    font-weight: 600;
}

.recordings_sessionInfoLine__SGdNn .recordings_eventMetadata__9SnQS {
    flex: 1;
    margin-left: 4px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 400;
}

.recordings_sessionInfoLine__SGdNn .recordings_time__EBnce {
    margin-left: 12px;
    order: 4;
    width: 35px;
}

.recordings_sessionInfoLine__SGdNn.recordings_selectedEvent__Ukd6I .recordings_time__EBnce {
    margin-left: 11px;
}

.recordings_sessionInfoLineDetails__9p7Cb {
    display: flex;
    align-items: center;
    white-space: nowrap;
    gap: 4px;
    flex-wrap: wrap;
    line-height: 20px;
    min-height: 26px;
}

.recordings_sessionInfoLineDetails__9p7Cb .recordings_sessionDetail__RGjgb > strong::after,
.recordings_sessionInfoLineDetails__9p7Cb > strong::after {
    content: ":";
}

.recordings_sessionInfoLineDetails__9p7Cb .recordings_sessionDetail__RGjgb span,
.recordings_sessionInfoLineDetails__9p7Cb span:not(.recordings_sessionDetail__RGjgb) {
    color: #605e5c;
    flex-grow: 1;
}

.recordings_sessionDetail__RGjgb span {
    margin-left: 4px;
}

.recordings_collapsibleContentHeaderEvents__nqKhA button.recordings_sessionInfoButton__MgQwQ {
    padding: 0;
    color: #106ebe;
}

.recordings_collapsibleContentHeaderEvents__nqKhA .recordings_sessionInfoButton__MgQwQ .ms-Button-label {
    margin: 0;
}

.recordings_timelineImpressionIconContainer__dDwpj {
    display: flex;
}

.recordings_sessionInfoLine__SGdNn .recordings_eventTimelineMarker__nSzHw {
    display: flex;
    align-content: center;
    padding-left: 12px;
    position: relative;
}

.recordings_sessionInfoLine__SGdNn .recordings_line__bdTEH {
    border-left: 2px solid #edebe9;
    height: 36px;
}

.recordings_sessionInfoLine__SGdNn.recordings_selectedEvent__Ukd6I .recordings_line__bdTEH {
    border-left: 2px solid #c8c6c4;
}

.recordings_sessionInfoLine__SGdNn.recordings_sessionInfoLine__SGdNn.recordings_selectedEvent__Ukd6I.recordings_eventFiltered__o0Y3a.recordings_activeFilteredEvent__9MP1M .recordings_line__bdTEH {
    border-left: 2px solid #b3b0ad;
}

.recordings_sessionInfoLine__SGdNn .recordings_marker__-m4mS {
    z-index: 1;
    height: 30px;
    width: 30px;
    left: -9px;
    top: 15%;
    position: absolute;
    background: url("data:image/svg+xml,<svg width=\"44\" height=\"40\" viewBox=\"0 0 44 40\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><g filter=\"url%28%23filter0_dd_88_52095%29\"><path d=\"M22 18.7692L29 8H15L22 18.7692Z\" fill=\"%231B1A19\"/><path d=\"M15.9213 8.5H28.0787L22 17.8518L15.9213 8.5Z\" stroke=\"white\"/></g><defs><filter id=\"filter0_dd_88_52095\" x=\"0.6\" y=\"4.76837e-07\" width=\"42.8\" height=\"39.5693\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/><feColorMatrix in=\"SourceAlpha\" type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\" result=\"hardAlpha\"/><feOffset dy=\"6.4\"/><feGaussianBlur stdDeviation=\"7.2\"/><feColorMatrix type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.13 0\"/><feBlend mode=\"normal\" in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_88_52095\"/><feColorMatrix in=\"SourceAlpha\" type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\" result=\"hardAlpha\"/><feOffset dy=\"1.2\"/><feGaussianBlur stdDeviation=\"1.8\"/><feColorMatrix type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0\"/><feBlend mode=\"normal\" in2=\"effect1_dropShadow_88_52095\" result=\"effect2_dropShadow_88_52095\"/><feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect2_dropShadow_88_52095\" result=\"shape\"/></filter></defs></svg>");
}

.recordings_sessionInfoLine__SGdNn .recordings_purpleMarker__y9nKI {
    background: url("data:image/svg+xml,<svg width=\"44\" height=\"40\" viewBox=\"0 0 44 40\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><g filter=\"url%28%23filter0_dd_88_52095%29\"><path d=\"M22 18.7692L29 8H15L22 18.7692Z\" fill=\"%23A864CD\"/><path d=\"M15.9213 8.5H28.0787L22 17.8518L15.9213 8.5Z\" stroke=\"white\"/></g><defs><filter id=\"filter0_dd_88_52095\" x=\"0.6\" y=\"4.76837e-07\" width=\"42.8\" height=\"39.5693\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/><feColorMatrix in=\"SourceAlpha\" type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\" result=\"hardAlpha\"/><feOffset dy=\"6.4\"/><feGaussianBlur stdDeviation=\"7.2\"/><feColorMatrix type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.13 0\"/><feBlend mode=\"normal\" in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_88_52095\"/><feColorMatrix in=\"SourceAlpha\" type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\" result=\"hardAlpha\"/><feOffset dy=\"1.2\"/><feGaussianBlur stdDeviation=\"1.8\"/><feColorMatrix type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0\"/><feBlend mode=\"normal\" in2=\"effect1_dropShadow_88_52095\" result=\"effect2_dropShadow_88_52095\"/><feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect2_dropShadow_88_52095\" result=\"shape\"/></filter></defs></svg>");
}

.recordings_sessionInfoLine__SGdNn .recordings_blueMarker__mDcQ0 {
    background: url("data:image/svg+xml,<svg width=\"44\" height=\"40\" viewBox=\"0 0 44 40\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><g filter=\"url%28%23filter0_dd_2082_1667%29\"><path d=\"M22 18.7692L29 8H15L22 18.7692Z\" fill=\"%230086F0\"/><path d=\"M15.9213 8.5H28.0787L22 17.8518L15.9213 8.5Z\" stroke=\"white\"/></g><defs><filter id=\"filter0_dd_2082_1667\" x=\"0.6\" y=\"4.76837e-07\" width=\"42.8\" height=\"39.5692\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/><feColorMatrix in=\"SourceAlpha\" type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\" result=\"hardAlpha\"/><feOffset dy=\"6.4\"/><feGaussianBlur stdDeviation=\"7.2\"/><feColorMatrix type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.13 0\"/><feBlend mode=\"normal\" in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_2082_1667\"/><feColorMatrix in=\"SourceAlpha\" type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\" result=\"hardAlpha\"/><feOffset dy=\"1.2\"/><feGaussianBlur stdDeviation=\"1.8\"/><feColorMatrix type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0\"/><feBlend mode=\"normal\" in2=\"effect1_dropShadow_2082_1667\" result=\"effect2_dropShadow_2082_1667\"/><feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect2_dropShadow_2082_1667\" result=\"shape\"/></filter></defs></svg>");
}

.recordings_sessionInfoLine__SGdNn .recordings_annotationPurpleMarker__uq3FH {
    background: url("data:image/svg+xml,<svg width=\"44\" height=\"40\" viewBox=\"0 0 44 40\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><g filter=\"url%28%23filter0_dd_88_52095%29\"><path d=\"M22 18.7692L29 8H15L22 18.7692Z\" fill=\"%23827DFF\"/><path d=\"M15.9213 8.5H28.0787L22 17.8518L15.9213 8.5Z\" stroke=\"white\"/></g><defs><filter id=\"filter0_dd_88_52095\" x=\"0.6\" y=\"4.76837e-07\" width=\"42.8\" height=\"39.5693\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/><feColorMatrix in=\"SourceAlpha\" type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\" result=\"hardAlpha\"/><feOffset dy=\"6.4\"/><feGaussianBlur stdDeviation=\"7.2\"/><feColorMatrix type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.13 0\"/><feBlend mode=\"normal\" in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_88_52095\"/><feColorMatrix in=\"SourceAlpha\" type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\" result=\"hardAlpha\"/><feOffset dy=\"1.2\"/><feGaussianBlur stdDeviation=\"1.8\"/><feColorMatrix type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0\"/><feBlend mode=\"normal\" in2=\"effect1_dropShadow_88_52095\" result=\"effect2_dropShadow_88_52095\"/><feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect2_dropShadow_88_52095\" result=\"shape\"/></filter></defs></svg>");
}

.recordings_annotationLine__j\+rKe.recordings_sessionInfoLine__SGdNn .ms-TooltipHost {
    flex: 1;
}

.recordings_annotationLine__j\+rKe.recordings_sessionInfoLine__SGdNn .recordings_annotationEvent__4ppYj {
    display: flex;
    flex-direction: row;
    align-items: start;
    gap: 4px;
    max-width: 222px;
    padding: 4px;
    background: #fff;
    border-radius: 8px;
}

.recordings_annotationLine__j\+rKe.recordings_sessionInfoLine__SGdNn.recordings_selectedEvent__Ukd6I .recordings_annotationEvent__4ppYj {
    width: 221px;
}

.recordings_annotationLine__j\+rKe.recordings_sessionInfoLine__SGdNn .recordings_annotationEvent__4ppYj span {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-all;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: unset;
}

.recordings_annotationLine__j\+rKe.recordings_sessionInfoLine__SGdNn .recordings_annotationEvent__4ppYj .recordings_initials__izal6 {
    font-weight: 600;
    margin-right: 4px;
    display: inline;
}

.recordings_annotationLine__j\+rKe.recordings_sessionInfoLine__SGdNn {
    overflow: unset;
    text-overflow: unset;
    white-space: unset;
    height: fit-content;
    padding: 0 16px 0 9px;
}

.recordings_eventsHeader__iAqw4 {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin: 11px 28px 12px 16px;
}

.recordings_eventsFilter__5wxA\+ {
    display: flex;
    flex-direction: row;
    gap: 12px;
    align-items: center;
}

.recordings_eventsFilter__5wxA\+ div {
    display: flex;
    flex-direction: row;
    gap: 6px;
}

.recordings_eventsFilter__5wxA\+ div button,
.recordings_eventsFilter__5wxA\+ .recordings_navEventButton__yuEpF {
    border: 1px solid #827dff;
    border-radius: 4px;
}

.recordings_eventsFilter__5wxA\+ div button i,
.recordings_eventsFilter__5wxA\+ .recordings_navEventButton__yuEpF i {
    color: #020057;
    font-size: 12px;
}

.recordings_eventsFilter__5wxA\+ .recordings_navEventButton__yuEpF.is-disabled {
    color: #020057;
    background: #f0f0f0;
    border: 1px solid #e0e0e0;
}

.recordings_eventsTimelineImpressions__31RoZ {
    padding: 8px 16px;
    overflow: auto;
    height: calc(100% + 6px); /* Add 6 pixels because .sessionInfoPivot subtracts more than it should for events tab */
}

.recordings_eventsTimelineImpressions__31RoZ.recordings_eventFiltering__5\+fu2 {
    height: calc(100% - 50px); /* Subtract height of filter dropdown */
}

.recordings_eventsTypeButton__N\+XmM.ms-Button--default,
.recordings_eventsTypeButton__N\+XmM.ms-Button--default:hover {
    border: 1px solid #827dff;
    color: #323130;
    font-weight: 600;
    background: #fff;
}

.recordings_eventsTypeButton__N\+XmM.ms-Button--default.is-expanded {
    background: #eaeaff;
}

.recordings_eventsTypeButton__N\+XmM.recordings_filterApplied__6qkPq div {
    background: #827dff;
    border-radius: 80px;
    width: 16px;
    height: 16px;
    text-align: center;
    display: inline-block;
    line-height: 16px;
    margin-left: 4px;
    color: #fff;
    font-size: 12px;
}

.recordings_eventsTypeButton__N\+XmM.recordings_filterApplied__6qkPq {
    background: #eaeaff;
}

.recordings_eventsTypeButton__N\+XmM.ms-Button--default i {
    font-size: 8px;
    color: #323130;
    font-weight: 600;
    padding-left: 2px;
    line-height: 18px;
}

.recordings_eventsTypeButton__N\+XmM .recordings_eventTypeLabel__vU5Ji {
    max-width: 100px;
}

.recordings_eventsFilter__5wxA\+ .recordings_resultsLabel__c-oXP {
    max-width: 90px;
}

.recordings_eventsTypeButton__N\+XmM .recordings_eventTypeLabel__vU5Ji,
.recordings_eventsFilter__5wxA\+ .recordings_resultsLabel__c-oXP {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.recordings_eventTypesHeader__ERlZk .ms-ContextualMenu-itemText {
    color: #616161;
}

.recordings_eventFilterRow__OplV9 {
    padding: 8px 6px 8px 10px;
    width: 275px;
}

.recordings_eventFilterRow__OplV9 label .ms-Checkbox-text {
    line-height: 16px;
    margin-left: 6px;
}

.recordings_eventFilterRow__OplV9 .ms-Checkbox-label {
    margin: 0;
}

.recordings_eventFilterRow__OplV9:hover {
    cursor: pointer;
    background-color: #eaeaff;
}

.recordings_eventFilterRow__OplV9.recordings_noEventType__tWssy,
.recordings_eventFilterRow__OplV9.recordings_noEventType__tWssy .ms-Checkbox-text {
    color: #bdbdbd;
}

.recordings_eventFilterRow__OplV9.recordings_noEventType__tWssy .ms-Checkbox-label div.ms-Checkbox-checkbox {
    border-color: #bdbdbd;
}

.recordings_eventFilterRow__OplV9.recordings_noEventType__tWssy:hover,
.recordings_eventFilterRow__OplV9.recordings_noEventType__tWssy .ms-Checkbox-label:hover {
    background-color: #fff;
    cursor: default;
}

.recordings_eventClearButton__vIGbJ {
    text-align: right;
    padding: 2px;
}

.recordings_eventClearButton__vIGbJ button,
.recordings_eventClearButton__vIGbJ button.is-disabled {
    border: none;
}

.recordings_filterableInfoTooltip__5pwIl {
    display: flex;
    overflow: hidden;
}

.recordings_filterableInfoTooltip__5pwIl button {
    margin-left: unset;
    color: #106ebe;
}

/*Share Modal*/
.recordings_shareModalContainer__0RjoU {
    min-height: 364px;
    max-width: 560px;
    flex: 1 0 auto;
    border-radius: 8px;
    background: #fff;
    box-shadow:
        0px 25.6px 57.6px 0px rgba(0, 0, 0, 0.22),
        0px 4.8px 14.4px 0px rgba(0, 0, 0, 0.18);
}

.recordings_shareModalPivot__8LF6V {
    margin: 0 24px;
}

.recordings_shareModalPivot__8LF6V .ms-Pivot-link:focus {
    outline: 2px solid #0078d4;
    outline-offset: 2px;
}

.recordings_shareModalPivot__8LF6V .ms-Pivot-link:focus-visible {
    outline: 2px solid #0078d4;
    outline-offset: 2px;
}

.recordings_shareModalPivotTab__lnlVL {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-top: 8px;
    min-height: 248px;
}

.recordings_shareSettingsGroup__Yul0N div:first-child {
    display: flex;
    gap: 24px;
    align-items: center;
}

.recordings_shareSettingsGroup__Yul0N .ms-ChoiceField {
    margin: 0;
}

.recordings_shareSettingsGroup__Yul0N label {
    display: flex;
    align-items: center;
    text-align: center;
}

.recordings_shareSettingsGroup__Yul0N .ms-ChoiceFieldLabel {
    padding: 5px 0 8px 12px;
}

.recordings_shareSettingsGroup__Yul0N label:hover::before,
.recordings_shareSettingsGroup__Yul0N label::before {
    width: 16px;
    height: 16px;
    position: static;
}

.recordings_shareSettingsGroup__Yul0N label:hover::after,
.recordings_shareSettingsGroup__Yul0N label::after {
    left: 3px;
    top: 11px;
}

.recordings_shareModalLinkDescription__5VMYO {
    padding: 12px 0;
    margin-top: 4px;
    line-height: 20px;
}

.recordings_shareModalLinkContainer__O-I0C {
    display: flex;
}

.recordings_shareModalCloseButtonGroup__ik2H6 > button,
.recordings_shareModalLinkContainer__O-I0C > button {
    min-width: 100px;
}

.recordings_shareModalLinkContainer__O-I0C > div {
    margin-right: 8px;
    max-width: 404px;
    flex-grow: 1;
}

.recordings_shareLinkConfig__RzH9K {
    position: relative;
    display: flex;
    align-items: center;
    margin: 16px 0;
    gap: 4px;
}

.recordings_shareLinkConfig__RzH9K .ms-Checkbox-label {
    align-items: center;
}

.recordings_shareTimeStamp__MaYt1 {
    position: static;
    width: 58px;
    margin-right: 20px;
}

.recordings_shareTimeStamp__MaYt1 > span {
    left: 0px;
    position: absolute;
}

.recordings_shareModalCloseButtonGroup__ik2H6 {
    display: flex;
    align-items: center;
    flex-direction: row;
    margin: 16px 0 24px auto;
}

.recordings_shareModalEmailMessage__TZdPU {
    margin-top: 12px;
}

.recordings_shareModalEmailMessage__TZdPU .ms-TextField-fieldGroup {
    min-height: 122px;
}

.recordings_shareModalSendEmailButton__sSKOA {
    margin-left: 16px;
}

/* The expiration row between the two paragraphs of the external-recipient notice. */
.recordings_shareModalEmailExpirationMessage__aRbY8 {
    margin: 10px 0;
}

.recordings_shareModalEmailExpirationMessage__aRbY8 .recordings_shareModalExpirationDropdown__bWhbg span {
    font-size: 12px;
}

.recordings_shareModalExpirationDropdown__bWhbg {
    display: flex;
    align-items: center;
    gap: 4px;
}

.recordings_shareModalExpirationDropdown__bWhbg label {
    font-weight: 400;
}

.recordings_replay__l8GGR {
    min-width: 350px;
    flex: 1 1 auto;
    overflow: hidden;
    display: flex;
    position: relative;
    justify-content: center;
    flex-direction: column;
    border-radius: 8px;
    background: linear-gradient(281deg, rgba(0, 120, 212, 0.1) 0%, rgba(150, 146, 255, 0.1) 94.81%);
    margin: 0 32px 12px 0;
}

.recordings_replay__l8GGR.recordings_isSelected__5vEZb {
    background: transparent;
    margin: 0;
    justify-content: normal;
}

.recordings_replay__l8GGR.recordings_highlights__ccidA {
    background: transparent;
    margin: 0;
}

.recordings_replay__l8GGR .errorWrapper {
    background-color: transparent;
}

.recordings_replay__l8GGR.recordings_isSelected__5vEZb .errorWrapper {
    background: linear-gradient(281deg, rgba(0, 120, 212, 0.1) 0%, rgba(150, 146, 255, 0.1) 94.81%);
    min-height: unset;
    flex: 1 1 auto;
    margin: 0 12px 12px 0;
    border-radius: 8px;
    height: 100%;
}

.recordings_timelineHeader__iPxnG {
    font-size: 14px;
    line-height: 20px;
    white-space: nowrap;
    color: #323130;
    font-weight: 600;
    padding: 16px;
    height: 45px;
}

.recordings_playbackContainer__2wVBK {
    border-radius: 8px;
    flex: 1;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    position: relative;
    margin-right: 16px;
}

.recordings_videoWrapper__Lnxtg {
    flex: 1 0 auto;
    display: flex;
    align-items: center;
    position: relative;
    background: rgba(255, 255, 255, 0.3);
}

.recordings_highlightsWrapper__qpSIH {
    width: 100%;
    height: 100%;
    overflow: hidden;
    align-items: center;
    justify-content: center;
    display: flex;
}

.recordings_highlightsWrapper__qpSIH.recordings_outer__xq5kG {
    padding: 0 32px;
}

.recordings_highlightsFloatingControls__-2bs\+ {
    display: flex;
    flex-direction: column;
    gap: 32px;
    margin: 16px;
}

.recordings_highlightsContainer__Z3RGW {
    position: relative;
}

.recordings_highlightsSubtitles__AZvyD {
    position: absolute;
    bottom: 1em;
    width: 100%;
    text-align: center;
    z-index: 3;
}

.recordings_highlightsSubtitlesText__rzt3W {
    color: white;
    background-color: rgba(0, 0, 0, 0.7);
    font-size: 24px;
    padding: 2px 8px;
    border-radius: 4px;
}

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

.recordings_highlightsScrubber__ozORM.recordings_embedded__I95RV {
    position: absolute;
    top: 6px;
    left: 0;
    z-index: 2;
}

.recordings_highlightSegment__sGLlh {
    overflow: clip;
    border-radius: 6px;
}

.recordings_highlightSegment__sGLlh.recordings_inactive__ABfrm {
    background-color: #dad8ff;
}

.recordings_highlightSegment__sGLlh.recordings_active__ZqeLK {
    background-color: #827dff;
}

.recordings_highlightProgress__XNTZC {
    height: 100%;
    background-color: #827dff;
}

.recordings_videoControlButtons__2ODfq {
    display: flex;
    flex-direction: row;
}

.recordings_videoControlButtons__2ODfq button,
.recordings_videoControlButtons__2ODfq button:hover,
button.recordings_addNoteButton__DfOew {
    color: #323130;
}

button.recordings_addNoteButton__DfOew {
    border: none;
}

button.recordings_addNoteButton__DfOew:hover {
    background-color: #f5f5f5;
    color: #323130;
}

button.recordings_addNoteButton__DfOew.is-disabled {
    border: none;
}

.recordings_scrubberTooltipAddNote__pEjnM.recordings_addNoteButton__DfOew {
    width: calc(100% - 16px);
    text-align: left;
}

.recordings_videoSettingsMenu__RBlI4 {
    position: absolute;
    background: #fff;
    box-shadow: 0px 8px 16px 0px #00000024;
    border-radius: 4px;
    z-index: 10;
    right: 35px;
    bottom: 70px;
}

.recordings_videoSettingsMenu__RBlI4:focus-visible,
.recordings_videoSettingsMenu__RBlI4[tabindex]:focus {
    /* biome-ignore lint/complexity/noImportantStyles: override global [tabindex="-1"]:focus { outline: none !important } */
    outline: 2px solid #0078d4 !important;
    outline-offset: 2px;
}

.recordings_videoSettingsLegend__HDqug {
    font-size: 12px;
}

.recordings_videoSettingsToggle__wFihQ {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 200px;
}

.recordings_videoSettingsMenuItems__NE-tA {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin: 10px 12px;
}

.recordings_videoSettingsIconLegend__01HiX {
    color: #0078d4;
    border-top: 1px solid #e0e0e0;
    padding: 10px 12px;
}

.recordings_videoSettingsIconLegend__01HiX:hover {
    cursor: pointer;
}

.recordings_videoSettingsLegend__HDqug .recordings_navigation__0Rul8 {
    display: flex;
    flex-direction: row;
    gap: 8px;
    align-items: center;
    margin: 12px 0 0 16px;
}

.recordings_videoSettingsLegend__HDqug .recordings_navigation__0Rul8 i,
.recordings_videoSettingsLegend__HDqug .recordings_navigation__0Rul8 svg {
    height: 20px;
    width: 20px;
}

.recordings_videoSettingsLegend__HDqug .recordings_navigation__0Rul8 p {
    color: #004578;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
}

.recordings_videoSettingsLegend__HDqug .recordings_navigation__0Rul8 p:hover {
    cursor: pointer;
}

.recordings_annotationsOnHover__rsMAJ,
.recordings_addAnnotationOnHover__QlRyI {
    position: absolute;
    bottom: 20px;
    background-color: #fff;
    border-radius: 8px;
    width: 360px;
    box-shadow: 0px 8px 16px 0px #00000024;
    z-index: 10;
}

.recordings_annotationsOnHover__rsMAJ {
    padding: 20px 0 12px 16px;
}

.recordings_annotationsOnHover__rsMAJ.recordings_withBeak__52hlt,
.recordings_addAnnotationOnHover__QlRyI {
    bottom: 32px;
}

.recordings_annotationIcon__UzvWD {
    position: absolute;
    z-index: 5;
}

.recordings_annotationIcon__UzvWD {
    bottom: -12px;
}

.recordings_annotationUserName__Bspel {
    display: flex;
    flex-direction: row;
    gap: 4px;
    border: 1px solid #eaeaff;
    border-radius: 100px;
    align-items: center;
    width: fit-content;
    padding: 2px 6px;
}

.recordings_annotationUserName__Bspel p {
    color: #323130;
    font-weight: 600;
    max-width: 228px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.recordings_annotationUserName__Bspel i {
    display: flex;
    height: 12px;
    width: 12px;
}

.recordings_addAnnotationOnHover__QlRyI {
    padding: 20px 16px;
}

.recordings_editAnnotationsActions__PA3RK {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    gap: 16px;
    margin-top: 20px;
}

.recordings_editAnnotationsActions__PA3RK p,
.recordings_sidebarAnnotation__N0h8S .recordings_annotationContent__syWlY .recordings_timestamp__vorgZ {
    color: #0078d4;
}

.recordings_editAnnotationsActions__PA3RK p:hover {
    text-decoration: underline;
    cursor: pointer;
}

.recordings_annotationsOnHover__rsMAJ h3 {
    color: #242424;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    word-wrap: break-word;
}

.recordings_annotationsOnHover__rsMAJ .recordings_annotationsOnHoverDetails__\+nYqg {
    padding: 4px 0 12px 0;
    display: flex;
    align-items: center;
    gap: 6px;
    color: #605e5c;
    flex-wrap: wrap;
}

.recordings_annotationsOnHover__rsMAJ h3,
.recordings_annotationsOnHover__rsMAJ .recordings_annotationsOnHoverDetails__\+nYqg,
.recordings_annotationsOnHover__rsMAJ .recordings_addNoteButton__DfOew {
    margin-right: 16px;
}

.recordings_annotationsOnHover__rsMAJ .recordings_annotationsOnHoverDetails__\+nYqg i {
    font-size: 6px;
}

.recordings_annotationsOnHover__rsMAJ .recordings_annotationsOnHoverDetails__\+nYqg.recordings_bottomBorder__DGslC {
    border-bottom: 1px solid #edebe9;
}

.recordings_annotationsOnHover__rsMAJ .recordings_addNoteButton__DfOew {
    padding: 0;
    margin-top: 2px;
}

.recordings_annotationsOnHover__rsMAJ .recordings_addNoteButton__DfOew i {
    height: 19px;
    margin: 0;
}

.recordings_annotationsOnHover__rsMAJ .recordings_addNoteButton__DfOew svg {
    height: 19px;
    width: 20px;
}

.recordings_annotationsOnHover__rsMAJ .recordings_annotationsContainer__u8Fwz {
    max-height: 300px;
    overflow: auto;
}

.recordings_annotationBeak__cOz96 {
    position: absolute;
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 15px solid #fff;
    bottom: 24px;
    z-index: 11; /* annotation div is 10 so needs to be slightly higher to get away from shadow*/
}

.recordings_annotationInfoContainer__lvX-x {
    border-bottom: 1px solid #edebe9;
    display: flex;
    flex-direction: column;
    gap: 4px;
    overflow-wrap: break-word;
}

.recordings_annotationsContainer__u8Fwz .recordings_annotationInfoContainer__lvX-x {
    margin-right: 16px;
}

.recordings_annotationsContainer__u8Fwz > :first-child {
    border-top: 1px solid #edebe9;
}

.recordings_annotationInfoContainer__lvX-x .recordings_annotationText__lrxrs {
    word-break: break-word;
    overflow-wrap: break-word;
    white-space: normal;
}

.recordings_annotationInfoContainer__lvX-x:hover {
    background: #f3f2f1;
    cursor: pointer;
}

.recordings_annotationInfoContainer__lvX-x.recordings_selectedAnnotation__qgeGe {
    border: 1px solid #827dff;
}

.recordings_annotationInfoHeader__hnHZG {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 16px 8px 0 16px;
}

.recordings_annotationInfoContainer__lvX-x .recordings_annotationInfo__Z4YZl .recordings_lastUpdated__zihIV {
    font-size: 12px;
    line-height: 16px;
    color: #707070;
    padding: 0 16px;
    margin-bottom: 8px;
}

.recordings_annotationActions__dg9\+j i {
    color: #161514;
    font-size: 14px;
}

.recordings_annotationInfoContainer__lvX-x .recordings_annotationContent__syWlY {
    display: flex;
    flex-direction: row;
    gap: 16px;
    align-items: start;
    justify-content: space-between;
    padding: 0 16px 16px 16px;
}

.recordings_annotationInfoContainer__lvX-x .recordings_editAnnotationInline__QSyUL {
    margin: 0 16px 16px;
}

.recordings_loadingAnnotation__5Nlsn {
    display: inline-block;
    flex: 0;
    min-width: 32px;
}

.recordings_deleteAnnotationModal__PVevS {
    width: 560px;
}

.recordings_deleteAnnotationModal__PVevS .ms-Modal-scrollableContent > p {
    margin: 0 24px;
}

.recordings_deleteAnnotationHeader__K7Jwz {
    display: flex;
    align-items: center;
    margin: 16px 24px 20px;
    gap: 12px;
}

.recordings_deleteAnnotationHeader__K7Jwz > span {
    color: #161514;
    font-size: 20px;
    font-weight: 600;
    line-height: 28px;
}

.recordings_deleteAnnotationHeader__K7Jwz > i {
    height: 24px;
}

.recordings_deleteAnnotationHeader__K7Jwz > button {
    margin-left: auto;
}

.recordings_deleteAnnotationHeader__K7Jwz > button i {
    color: #323130;
}

.recordings_deleteAnnotationActions__Y4BFF {
    display: flex;
    gap: 8px;
    align-items: center;
    justify-content: flex-end;
    margin: 32px 24px 24px;
}

.recordings_annotationEventTooltip__LOsuQ span {
    display: inline-block;
}

.recordings_highlightsAuxContainer__Foqfk {
    display: flex;
    gap: 16px;
    margin: 16px 32px;
}

.recordings_highlightsAuxWrapper__LfK6F {
    background-color: white;
    box-shadow: 0px 4.8px 14.4px 0px rgba(131, 126, 255, 0.3);
    display: flex;
    flex-grow: 1;
    border-radius: 100px;
    align-items: center;
    padding: 12px 16px;
    gap: 16px;
}

.recordings_highlightsButtons__qIPj- {
    background: white;
    border: 1px solid #eaeaff;
    box-shadow:
        0px 3.2px 7.2px 0px #837eff1f,
        0px 0.6px 1.8px 0px #837eff1a;
    height: 64px;
    width: 64px;
    align-items: center;
    justify-content: center;
}

.recordings_highlightsButtons__qIPj-.ms-Button {
    display: flex;
    border-radius: 50%;
}

.recordings_highlightsButtons__qIPj-:hover:not(:disabled) {
    box-shadow: 0px 4.8px 14.4px 0px #837eff4d;
}

.recordings_highlightsButtons__qIPj-:active:not(:disabled),
.recordings_highlightsButtons__qIPj-.recordings_pressed__oXMOU:not(:disabled) {
    box-shadow:
        0px 3.2px 7.2px 0px #837eff1f,
        0px 0.6px 1.8px 0px #837eff1a;
    background: #eaeaff;
}

.recordings_highlightsButtonsArrow__dD6mx {
    font-size: 16px;
    font-weight: bold;
    color: #161514;
}

.recordings_highlightsButtons__qIPj-:hover:not(:disabled) .ms-Button-icon {
    color: #161514;
}

.recordings_highlightsInfoPill__8ns73 {
    background: #f3f2f1;
    border-radius: 100px;
    padding: 3px 8px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 300px;
    font-size: 12px;
    line-height: 16px;
}

.recordings_highlightsInfoSpan__nfueU {
    font-weight: 600;
}

.recordings_playerControlsWrapper__q1HjT {
    padding: 16px;
    background-color: white;
    border-radius: 8px;
    box-shadow: 0px 4.8px 14.4px 0px rgba(131, 126, 255, 0.3);
    margin: 12px 16px 12px 0;
}

.recordings_playerControls__h5ggW {
    display: flex;
    align-items: center;
    gap: 12px;
}

.recordings_playerControls__h5ggW i {
    min-height: 20px;
    line-height: 20px;
}

.recordings_playButton__AkPQU {
    cursor: pointer;
    height: 40px;
    width: 40px;
    border-radius: 40px;
    box-shadow:
        0 6.4px 14.4px 0 rgba(0, 0, 0, 0.132),
        0 1.2px 3.6px 0 rgba(0, 0, 0, 0.108);
}

.recordings_playButton__AkPQU div {
    height: 100%;
    width: 100%;
}

.recordings_playButton__AkPQU:hover {
    box-shadow:
        0 25.6px 57.6px 0 rgba(0, 0, 0, 0.22),
        0 4.8px 14.4px 0 rgba(0, 0, 0, 0.18);
}

.recordings_playButton__AkPQU.recordings_disabled__CgEtE {
    cursor: default;
    pointer-events: none;
    opacity: 0.5;
}

.recordings_playerControls__h5ggW .ms-Checkbox-label {
    align-items: center;
}

.recordings_autoPlayControl__YXOAL .ms-Toggle-thumb {
    background-repeat: no-repeat;
    background-position-y: center;
    width: 16px;
    height: 16px;
}

.recordings_autoPlayControl__YXOAL .ms-Toggle-thumb {
    background-image: url("data:image/svg+xml,<svg width=\"6\" height=\"9\" viewBox=\"0 0 6 9\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M6 4.77344L0 8.79688V0.796875L6 4.77344Z\" fill=\"white\"/></svg>");
}

.recordings_autoPlayControl__YXOAL.is-checked .ms-Toggle-thumb {
    background-image: url("data:image/svg+xml,<svg width=\"6\" height=\"9\" viewBox=\"0 0 6 9\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M6 4.77344L0 8.79688V0.796875L6 4.77344Z\" fill=\"%239692FF\"/></svg>");
}

.recordings_muteButton__jYCCr {
    padding: 0;
    width: 32px;
    height: 32px;
    border: unset;
}

.recordings_muteButton__jYCCr.recordings_muteInMenu__BJlRU {
    width: 100%;
    padding: 0 8px;
}

.recordings_muteButton__jYCCr i {
    height: 20px;
    line-height: 20px;
}

.recordings_muteButton__jYCCr:hover {
    background-color: rgb(243, 242, 241);
    color: #323130;
}

.recordings_muteButton__jYCCr:not(.recordings_muteInMenu__BJlRU) > span {
    justify-content: center;
}

.recordings_scrubberEvent__ro8GM {
    position: absolute;
    top: -18px;
}

.recordings_scrubberEventContainer__fS7Gc {
    position: absolute;
    top: -42px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.recordings_scrubberEventContainer__fS7Gc .recordings_eventIcon__Grxuk svg {
    width: 14px;
    height: 14px;
}

.recordings_scrubberEventContainer__fS7Gc .recordings_eventIcon__Grxuk i {
    vertical-align: middle;
}

.recordings_scrubberEventContainer__fS7Gc .recordings_errorIcon__1b-EU,
.recordings_scrubberEventContainer__fS7Gc .recordings_eventIcon__Grxuk,
.recordings_scrubberEventContainer__fS7Gc .recordings_multiEventIcon__Zoke3 {
    width: 28px;
    height: 28px;
    padding: 4px 6px;
    border-radius: 14px;
    border: 1px solid #fff;
    position: relative;
    z-index: 10;
}

.recordings_scrubberEventContainer__fS7Gc.recordings_darkEventIcon__z7QwL .recordings_eventIcon__Grxuk {
    background: #005a9e;
}

.recordings_scrubberEventContainer__fS7Gc .recordings_errorIcon__1b-EU {
    background: #fae9ff;
}

.recordings_scrubberEventContainer__fS7Gc .recordings_errorIcon__1b-EU:hover {
    background: #f5d8fd;
}

.recordings_scrubberEventContainer__fS7Gc .recordings_multiEventIcon__Zoke3,
.recordings_scrubberEventContainer__fS7Gc .recordings_eventIcon__Grxuk {
    background: #c7e0f4;
}

.recordings_scrubberEventContainer__fS7Gc .recordings_multiEventIcon__Zoke3:hover,
.recordings_scrubberEventContainer__fS7Gc .recordings_eventIcon__Grxuk:hover,
.recordings_scrubberEventContainer__fS7Gc .recordings_errorIcon__1b-EU:hover {
    box-shadow: 0px 4px 8px 0px #00000024;
}

.recordings_scrubberEventContainer__fS7Gc .recordings_multiEventIcon__Zoke3 {
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.recordings_scrubberEventContainer__fS7Gc .recordings_multiEventIcon__Zoke3 span {
    color: #106ebe;
    font-weight: 600;
}

.recordings_scrubberEventContainer__fS7Gc .recordings_multiEventIcon__Zoke3 span:hover {
    cursor: default;
}

.recordings_scrubberEventContainer__fS7Gc .recordings_eventIcon__Grxuk path {
    fill: #106ebe;
}

.recordings_scrubberEventContainer__fS7Gc.recordings_darkEventIcon__z7QwL .recordings_eventIcon__Grxuk path {
    fill: #fff;
}

.recordings_eventTooltip__Pu7Z\+ {
    padding: 0;
    width: fit-content;
}

.recordings_eventTooltip__Pu7Z\+ .ms-Tooltip-content {
    padding: 12px;
}

.recordings_eventTooltip__Pu7Z\+ .ms-Callout-beakCurtain,
.recordings_eventTooltip__Pu7Z\+ {
    box-shadow: 0px 0.6px 1.8px 0px #837eff1a;
    border-radius: 4px;
}

.recordings_eventInTooltip__mxWRf {
    display: flex;
    flex-direction: row;
    gap: 2px;
    align-items: flex-start;
}

.recordings_eventInTooltip__mxWRf .recordings_eventIcon__Grxuk {
    width: 20px;
    margin-top: 2px;
}

.recordings_eventTextTooltip__g9URA {
    width: 200px;
    display: inline-block;
    word-wrap: break-word;
}

.recordings_tooltipHeader__lkbz6 {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
}

.recordings_tooltipHeader__lkbz6 .recordings_eventTime__NW\+v3,
.recordings_annotationContent__syWlY .recordings_timestamp__vorgZ {
    color: #605e5c;
}

.recordings_eventDetailsTooltip__8KnHp,
.recordings_singleEventTooltip__j\+aK3 .recordings_tooltipHeader__lkbz6 {
    width: 200px;
}

.recordings_singleEventTooltip__j\+aK3,
.recordings_eventInTooltip__mxWRf {
    padding: 6px 4px;
}

.recordings_eventInTooltip__mxWRf:hover,
.recordings_singleEventTooltip__j\+aK3:hover {
    background: #f3f2f1;
    border-radius: 4px;
    cursor: pointer;
}

.recordings_slider__TOwvT {
    position: relative;
    display: flex;
    margin-bottom: 16px;
    margin-top: 7px;
    height: 6px;
}

.recordings_slider__TOwvT .recordings_progressWrapper__s7nnB {
    display: flex;
    justify-content: end;
}

.recordings_progress__eGfrl {
    height: 6px;
    position: absolute;
    border-color: white;
    border-style: solid;
    border-width: 0 0 1px 0;
}

.recordings_progress__eGfrl.recordings_fullTimeline__Bbugm {
    border-width: 0px;
}

.recordings_sliderSlice__pPT-w {
    box-sizing: border-box;
    border-color: white;
    border-style: solid;
    border-width: 0 0 1px 0;
    display: inline-block;
    height: 6px;
    cursor: pointer;
    position: relative;
}

.recordings_sliderSlice__pPT-w.recordings_fullTimeline__Bbugm {
    border-width: 0px;
}

.recordings_sliderSlice__pPT-w,
.recordings_sliderSlice__pPT-w .recordings_progress__eGfrl {
    border-radius: 3px;
}

.recordings_sliderSlice__pPT-w.recordings_newPageSlice__2c2qi,
.recordings_sliderSlice__pPT-w.recordings_newPageSlice__2c2qi .recordings_progress__eGfrl {
    border-radius: 0 3px 3px 0;
}

.recordings_newPage__9USPu {
    height: 13px;
    border-radius: 14px;
    margin-top: -3px;
    min-width: 4px;
    z-index: 2;
}

.recordings_sliderSlice__pPT-w.recordings_isDead__tBNcY .recordings_progress__eGfrl,
.recordings_sliderSlice__pPT-w.recordings_isDead__tBNcY {
    border: unset;
}

.recordings_sliderSlice__pPT-w.recordings_isDead__tBNcY.recordings_deadThin__XBsSi {
    margin-top: 1.5px;
}

.recordings_sliderSlice__pPT-w.recordings_isDead__tBNcY.recordings_deadThin__XBsSi,
.recordings_sliderSlice__pPT-w.recordings_isDead__tBNcY.recordings_deadThin__XBsSi .recordings_progress__eGfrl {
    height: 2px;
}

.recordings_scrubber__5hghb {
    position: absolute;
    top: -5px;
    width: 16px;
    height: 16px;
    border-radius: 20px;
    cursor: pointer;
    background-color: white;
    border: 1px solid #0078d7;
    z-index: 3;
}

.recordings_speedOptionsDropdown__q9PZ8 span:active,
.recordings_speedOptionsDropdown__q9PZ8 span:focus,
.recordings_speedOptionsDropdown__q9PZ8 span {
    border: unset;
}

.recordings_speedOptionsDropdown__q9PZ8:hover .ms-Dropdown-title {
    background-color: rgb(243, 242, 241);
}

.recordings_speedOptionsDropdown__q9PZ8 > div:focus::after {
    border: unset;
}

.recordings_speedOptionsDropdown__q9PZ8 > div:focus-visible::after {
    outline: -webkit-focus-ring-color auto 1px;
}

.recordings_speedOptionsDropdown__q9PZ8.recordings_rotateChevron__6y2D5 i {
    transform: rotate(-90deg);
}

.recordings_selectedSpeedOption__U9Usu {
    display: flex;
    align-items: center;
}

.recordings_selectedSpeedOption__U9Usu i {
    height: 16px;
    width: 16px;
    line-height: 16px;
    font-weight: 600;
    margin-right: 4px;
}

.recordings_selectedSpeedOption__U9Usu span {
    color: #323130;
}

.recordings_playerEventInfo__gckZk {
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.recordings_liveButton__aDQM- {
    background-color: #00babc;
    color: white;
    margin-left: 8px;
    border-radius: 2px;
    font-size: 12px;
    font-weight: 600;
    width: 69px;
    text-align: center;
}

.recordings_liveButtonMobile__g2kah {
    max-width: fit-content;
    padding: 3px 8px;
}

.recordings_goLiveButton__sjyM3 {
    background-color: white;
    color: #008066;
    border: 1px solid #008066;
    margin-left: 8px;
    border-radius: 2px;
    font-size: 12px;
    font-weight: 600;
    width: 69px;
    text-align: center;
    cursor: pointer;
}

.recordings_livePlayerStats__BJ-4G {
    gap: 4px;
}

.recordings_videoSettingsButton__pg7nC {
    width: 32px;
    color: #323130;
}

.recordings_videoSettingsButton__pg7nC:hover {
    color: #323130;
}

.recordings_videoSettingsButton__pg7nC i:nth-of-type(2) {
    display: none;
}

.recordings_csvDownloadOptionText__jGP4v,
.recordings_csvDownloadDropdownText__r0vYm,
.recordings_csvDownloadOption__07\+1i {
    color: #323130;
    padding: 0px 8px;
}

.recordings_csvDownloadDropdownText__r0vYm {
    padding-top: 6px;
    padding-bottom: 8px;
}

.recordings_csvDownloadOption__07\+1i {
    padding: 6px 0;
    cursor: pointer;
    min-height: 32px;
    margin: 4px;
    border-radius: 4px;
}

.recordings_csvDownloadOption__07\+1i:hover {
    background-color: #eaeaff;
}

.recordings_csvDownloadOptionText__jGP4v {
    width: 100%;
}

.recordings_csvCustomDownloadOption__G4YjV {
    margin: 4px;
}

.recordings_csvDownloadDropdownTitle__yc88M > div {
    color: #161514;
    font-weight: 600;
    height: unset;
    line-height: 18px;
    padding: 8px 0 4px 8px;
    font-size: 14px;
}

.recordings_cvsDownloadDropdownActions__8aX7e {
    display: flex;
    align-items: center;
    padding: 0 8px 10px 8px;
}

.recordings_csvDownloadSpin__bJRdX {
    margin-right: 8px;
    width: 96px;
    height: 32px;
}

.recordings_csvDownloadSpin__bJRdX > div {
    width: unset;
}

.recordings_csvDownloadSpin__bJRdX > div::after {
    border-radius: 2px;
    border: 1px solid #605e5c;
}

.recordings_downloadCSVButton__uMeqv {
    cursor: pointer;
    color: #fff;
    width: 100px;
    height: 32px;
    border-radius: 4px;
    background: linear-gradient(281deg, #0078d4 0%, #9692ff 94.81%);
}

.recordings_sortMenu__TXiRw button {
    width: 96%;
    margin: 4px;
    border-radius: 4px;
}

.recordings_sortMenu__TXiRw button.is-checked {
    color: #020057;
    background-color: #eaeaff;
}

.recordings_sortMenu__TXiRw button.is-checked > div {
    margin-left: 20px;
}

.recordings_sortMenu__TXiRw button.is-checked::before {
    content: url("data:image/svg+xml,<svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M14.0458 3.4856C14.3299 3.78703 14.3158 4.26169 14.0144 4.54579L6.08456 12.0197C5.74829 12.3366 5.22042 12.3269 4.89609 11.9977L2.21576 9.27737C1.92504 8.98231 1.92856 8.50745 2.22361 8.21674C2.51867 7.92602 2.99353 7.92954 3.28424 8.22459L5.51839 10.4921L12.9856 3.45421C13.287 3.17011 13.7617 3.18416 14.0458 3.4856Z\" fill=\"%23020057\"/></svg>");
    position: absolute;
    top: 3px;
}

@media screen and (prefers-contrast: more) {
    .recordings_sortMenu__TXiRw button.is-checked::before {
        content: url("data:image/svg+xml,<svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M14.0458 3.4856C14.3299 3.78703 14.3158 4.26169 14.0144 4.54579L6.08456 12.0197C5.74829 12.3366 5.22042 12.3269 4.89609 11.9977L2.21576 9.27737C1.92504 8.98231 1.92856 8.50745 2.22361 8.21674C2.51867 7.92602 2.99353 7.92954 3.28424 8.22459L5.51839 10.4921L12.9856 3.45421C13.287 3.17011 13.7617 3.18416 14.0458 3.4856Z\" fill=\"%23FFF\"/></svg>");
        position: absolute;
        top: 3px;
    }
}

img.recordings_noSessionsSelected__AShxz {
    width: 100%;
}

.noHeatmapModalIllustration img {
    width: 250px;
}

.recordings_goToVpButton__-X4T1 {
    display: flex;
    justify-content: space-between;
    padding: 0 8px;
}

.recordings_goToVpButton__-X4T1 > button {
    padding: 0;
    border: unset;
}

.recordings_goToVpButton__-X4T1 > button:hover {
    background: #f5f5f5;
}

.recordings_visitorProfile__pNsN8 {
    flex: 1;
    background: linear-gradient(165deg, #eff6fc 31.1%, #d0e7ff 61.85%, #d0e7ff 69.98%, #ffdbd9 91.72%);
    position: relative;
    z-index: 0;
}

.recordings_visitorDetails__kk6S6 {
    padding: 12px 24px;
    color: #323130;
    overflow: auto;
    box-sizing: content-box;
}

.recordings_visitorDetailCard__8gJNE {
    box-sizing: content-box;
    padding: 16px;
    border-radius: 8px;
    border: 1px solid #eaeaff;
    background: #fff;
    box-shadow:
        0px 3.2px 7.2px 0px rgba(131, 126, 255, 0.12),
        0px 0.6px 1.8px 0px rgba(131, 126, 255, 0.1);
    margin-bottom: 12px;
}

.recordings_visitorDetailCard__8gJNE[tabindex]:focus-visible {
    /* biome-ignore lint/complexity/noImportantStyles: override global [tabindex="-1"]:focus { outline: none !important } */
    outline: 2px solid #0078d4 !important;
    outline-offset: 2px;
}

.recordings_visitorDetailCardTitle__57Ca1 {
    padding-bottom: 8px;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    color: #161514;
}

.recordings_visitorDetailsCardBreak__XjR2M {
    width: 100%;
    height: 1px;
    background: #edebe9;
    mix-blend-mode: normal;
    flex: none;
    order: 1;
    align-self: stretch;
    flex-grow: 0;
}

.recordings_visitorDetailCardContent__aS2gf {
    padding-top: 8px;
    font-size: 14px;
    line-height: 20px;
}

.recordings_visitorDetailCardContent__aS2gf > div:not(:last-child) {
    margin-bottom: 8px;
}

.recordings_visitorDetailLineLabel__oEPD9 {
    display: flex;
    align-items: center;
    color: #323130;
    font-weight: 600;
}

.recordings_visitorDetailValue__\+OQWF {
    max-width: 200px;
    text-align: right;
    color: #605e5c;
}

button.recordings_vpToRecButton__7PRQo {
    padding: 0;
    margin: 0 12px;
}

.ms-Button.recordings_vpToRecButton__7PRQo:hover {
    background: #f5f5f5;
}

.recordings_visitorProfile__pNsN8 .recordings_mountainIllustration__UezIZ {
    position: absolute;
    z-index: -2;
    right: 0;
}

.recordings_brunoWalkingAnimation__VWSWE {
    height: 350px;
    position: absolute;
    bottom: -72px;
    z-index: -1;
    right: 0;
    width: 100%;
}

.recordings_visitorSessions__cu4iN {
    flex: 1 1 auto;
    position: relative;
    overflow: hidden;
    margin: 0 12px 0 0;
}

.recordings_visitorSessions__cu4iN .recordings_houseIllustration__cIBZD {
    position: absolute;
    transform-origin: bottom left;
    bottom: -5px;
    z-index: 0;
    left: 0;
}

.recordings_noResultsVisitorSessions__pSpIu {
    background: white;
    height: calc(100vh - 128px);
    border-radius: 8px;
}

.recordings_noResultsVisitorSessions__pSpIu .recordings_visitorSessionsContent__Ylwv- {
    justify-content: center;
}

.recordings_visitorSessionsContent__Ylwv- {
    position: relative;
    margin-right: 16px;
    height: 100%;
    width: 100%;
}

.recordings_vpSessionScroll__50Hr1 {
    overflow-y: scroll;
    max-height: calc(100vh - 130px);
    background: rgba(255, 255, 255, 0.9);
    border-radius: 8px;
    padding: 24px 36px;
}

.recordings_vpKeyEvent__GIh-4 {
    padding: 3px 8px;
    font-size: 12px;
    line-height: 16px;
    margin: 3px;
    border-radius: 4px;
}

.recordings_vpSessionCard__TN0qX .recordings_vpKeyEvent__GIh-4 {
    margin: 3px 0 3px 8px;
}

.recordings_vpCardBreak__C5DiI {
    width: 100%;
    height: 1px;
    border-top: 1px solid #edebe9;
    margin-top: 8px;
}

.recordings_vpRecButtonContainer__uSCzO {
    margin-top: 8px;
    height: 24px;
    overflow: hidden;
}

.recordings_visitorSessionsTable__tx4Ww .recordings_vpHeader__Hsz4b {
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    padding: 12px;
}

.recordings_vpHeader__Hsz4b {
    justify-self: flex-start;
}

.recordings_visitorSessionsTable__tx4Ww {
    display: grid;
    grid-template-columns: min-content max-content min-content min-content min-content min-content min-content 1fr;
    align-items: center;
}

.recordings_visitorSessionsTable__tx4Ww .recordings_vpData__UPFl1 {
    padding: 0 12px;
    vertical-align: middle;
    font-size: 12px;
    line-height: 16px;
    color: #605e5c;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 62px;
}

.recordings_vpData__UPFl1.recordings_vpPlayColumn__nBlgk {
    padding: 0;
    width: 40px;
    align-items: center;
}

.recordings_visitorPlayButton__A3Dx5 {
    cursor: pointer;
    transform: scale(0.6);
    box-shadow:
        0 6.4px 14.4px 0 rgba(0, 0, 0, 0.132),
        0 1.2px 3.6px 0 rgba(0, 0, 0, 0.108);
    border-radius: 40px;
    height: 40px;
}

.recordings_visitorPlayButton__A3Dx5:hover {
    box-shadow:
        0 25.6px 57.6px 0 rgba(0, 0, 0, 0.22),
        0 4.8px 14.4px 0 rgba(0, 0, 0, 0.18);
}

.recordings_recordingsSessionTable__4Y4Dp .recordings_visitorPlayButton__A3Dx5 {
    height: 40px;
    width: 40px;
}

.recordings_vpNumeric__4JtbK {
    text-align: right;
}

.recordings_visitorSessionsTable__tx4Ww .recordings_vpKeyEventMargin__DpM9M {
    padding: 10px 10px;
}

.recordings_vpNoData__sPpZp {
    align-items: center;
    padding: 24px;
    background-color: white;
    font-weight: 600;
    color: #323130;
}

button.recordings_visitorBackToRec__397bn {
    width: fit-content;
    border: unset;
}

.recordings_noMargin__rrIIE {
    margin: 0;
}

.recordings_hintButton__r8-Tm,
.recordings_hintButton__r8-Tm i {
    height: 16px;
}

.recordings_hintButton__r8-Tm path {
    fill: #424242;
}

.recordings_vpRecButtonContainer__uSCzO .recordings_hintButton__r8-Tm svg {
    width: 16px;
    height: 16px;
}

.recordings_visitorDetailCardContent__aS2gf .recordings_hintButton__r8-Tm {
    transform: translateY(4px);
}

@media only screen and (max-width: 1119px) {
    .recordings_vpListShowMoreButtonArea__wHbD\+,
    .recordings_vpSessionCard__TN0qX {
        width: 86%;
        min-width: 280px;
    }

    .recordings_vpListShowMoreButtonArea__wHbD\+ {
        max-width: 358px;
    }

    .recordings_vpSessionScroll__50Hr1 {
        border-width: 8px;
        padding: 16px 24px;
        background-color: transparent;
    }

    .recordings_vpSessionScroll__50Hr1 > :first-child {
        margin-bottom: 12px;
    }

    .recordings_vpSessionCard__TN0qX > .vpSessionItem {
        max-width: 80%;
    }
}

@media only screen and (max-width: 440px) {
    .recordings_vpSessionScroll__50Hr1 > :first-child {
        align-items: flex-start;
    }
}

.recordings_noHeatmapInfoIcon__cWOk0 i,
.recordings_noHeatmapInfoIcon__cWOk0 {
    height: 20px;
}

.recordings_noHeatmapInfoIcon__cWOk0 {
    margin-bottom: -3px;
}

@media screen and (max-width: 550px) {
    .recordings_shareModalContainer__0RjoU {
        max-width: 90%;
    }
}

@media (forced-colors: active) {
    .recordings_sessionCard__\+-6q4:not(.recordings_loading__mIxGo):not(.recordings_disabled__CgEtE).recordings_selected__z09t7 {
        border: 3px solid Highlight;
    }

    /* Bug 10698225 — player / session-card control icons hardcoded fill:white,
       so they are invisible in light HC (Desert). Use CanvasText so they adapt
       to both Aquatic (dark) and Desert (light) contrast themes. */
    .recordings_cardActions__SoHV4 path,
    .recordings_playerControlButton__yqChr:not(.recordings_disabled__CgEtE) path,
    .recordings_muteButton__jYCCr path,
    .recordings_collapsedSessionsList__mbVsM path,
    .recordings_playerControlsWrapper__q1HjT path,
    .recordings_playerControls__h5ggW path,
    .recordings_playerControls__h5ggW i,
    .sortDivContainer path {
        fill: CanvasText;
        color: CanvasText;
    }
}

.recordings_interestingInsights__3OOHc {
    padding: 8px 12px;
}

.recordings_interestingInsights__3OOHc.recordings_expanded__2o7tn {
    margin-bottom: 0px;
    height: 100%;
}

.recordings_insightsContent__xlx-G {
    max-height: 100%;
    background: #f8f8f8;
}

.recordings_interestingFilters__H8QWq {
    display: flex;
    flex-shrink: 0;
    position: sticky;
    padding: 0px 12px;
    transition: max-height 0.3s ease-out;
    flex-wrap: wrap;
}

.recordings_interestingTagsContainer__N\+c5p {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.recordings_interestingCollapseButton__uTx9Q {
    background: none;
    color: #0078d4;
    cursor: pointer;
    font-size: 12px;
    line-height: 16px;
    font-weight: 400;
    padding: 3px 8px;
}

.recordings_interestingHeather__iqzaw {
    margin-bottom: 0px;
}

.recordings_impressionList__0PhFo {
    outline: none;
}

.recordings_impressionList__0PhFo.recordings_hidden__yT\+xd {
    display: none;
}

.recordings_impressionList__0PhFo.recordings_scrollable__UVrw0 {
    overflow-y: scroll;
    padding: 12px;
    height: calc(100vh - 180px);
}

.recordings_interestingInsightsContainer__grXwp {
    display: block;
    background: #f8f8f8;
    height: 100%;
    border-radius: 8px;
    cursor: pointer;
}

.recordings_interestingInsightsTitle__yEK\+a {
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    display: flex;
    color: #161514;
    font-weight: 600;
    padding: 12px 16px;
}

.recordings_insightsTitle__OWzA7 {
    padding: 0px 2px;
}

.recordings_interestingFilters__H8QWq.recordings_disabled__CgEtE div,
.recordings_interestingInsightsContainer__grXwp.recordings_disabled__CgEtE {
    pointer-events: none;
    opacity: 0.5;
    cursor: not-allowed;
}

.recordings_noRecordings__EHpK2 {
    padding: 12px;
}

.recordings_label__ZZRve {
    display: flex;
    flex-direction: row;
    align-items: center;
    border-radius: 4px;
    background: #eaeaff;
    height: 25px;
    font-size: 12px;
    gap: 6px;
    padding: 3px 8px;
    width: fit-content;
}

.recordings_label__ZZRve span {
    max-width: 280px;
    text-overflow: ellipsis;
    display: inline-block;
    overflow: hidden;
    text-wrap: nowrap;
}

.recordings_label__ZZRve i {
    font-size: 10px;
    height: 12px;
}

.recordings_label__ZZRve i:hover {
    cursor: pointer;
}

.recordings_labelDeleteButton__wvW5k {
    all: unset;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.recordings_labelDeleteButton__wvW5k i {
    font-size: 10px;
    height: 12px;
}

.recordings_addAnnotationOnHover__QlRyI .recordings_label__ZZRve.recordings_preSelectedLabel__sDS6B i:hover,
.recordings_addAnnotationOnHover__QlRyI .recordings_label__ZZRve.recordings_preSelectedLabel__sDS6B:hover {
    cursor: default;
}

.recordings_hasInstruction__N30Qf {
    display: flex;
    gap: 0 4px;
    align-items: center;
    margin-top: 10px;
    flex-wrap: wrap;
}

.recordings_hasInstruction__N30Qf,
.recordings_hasMaximumLabels__l14Iq {
    font-size: 12px;
}

.recordings_hasMaximumLabels__l14Iq {
    margin-top: 8px;
    color: #960b18;
}

.recordings_labelOption__nWIck {
    padding: 8px 0;
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: center;
}

.recordings_annotationLabel__MuRyQ {
    margin-top: 24px;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.recordings_annotationLabel__MuRyQ p {
    font-weight: 600;
}

.recordings_annotationLabel__MuRyQ .recordings_maxLabelError__Q\+0X7,
.recordings_maxLabelError__Q\+0X7 {
    font-size: 12px;
    font-weight: 400;
}

@media screen and (max-width: 800px) {
    .recordings_annotationsOnHover__rsMAJ {
        width: 240px;
    }
}

/*
    Chat copilot styles
*/
.chat.copilot {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    background: radial-gradient(105.42% 105.42% at 50% 105.42%, #CEDCF3 0%, #D8E8FB 16.15%, #EEF5FF 53.79%, #FFF 100%); 
    border-radius: 8px 0 0 8px;
    box-shadow: 0px 4.8px 14.4px 0px rgba(131, 126, 255, 0.30);
}

.chat.copilot .root {
    width: 100%;
    height: 100%;
    display: flex;
    max-height: 100%;
    justify-content: start;
    flex-direction: column;
}

.chat.copilot .section {
    height: calc(100% - 82px);
    width: 100%;
    flex-direction: column;
    align-items: center;
    overflow: hidden scroll;
    padding: 0 16px;
    display: flex;
    -webkit-mask-image: linear-gradient(to top, transparent 4px, black 20px), linear-gradient(to left, black 11px, transparent 6px);
    mask-image: linear-gradient(to top, transparent 4px, black 20px), linear-gradient(to left, black 11px, transparent 6px);
}

.source {
    display: flex;
    gap: 8px;
    width: 304px;
    height: 48px;
    min-height: 48px;
    background-color: #fff;
    padding: 4px 8px;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.14), 0px 0px 2px rgba(0, 0, 0, 0.12);
    border-radius: 8px;
    margin: 0 auto 24px;
}

.source button {
    border-radius: 6px;
    max-width: 142px;
    width: 142px;
    height: 100%;
    font-size: 14px;
    line-height: 22px;
    font-weight: 700;
    color: #111;
    border: none;
    padding: 0 5px;
}

.source button .ms-Button-flexContainer {
    flex-direction: column;
    padding: 4.5px 0;
}

.source button.selected {
    background: linear-gradient(129.58deg, #2870EA 20.88%, #2870EA 20.89%, #1B4AEF 77.37%);
    color: #FFF;
}

.source button.ga.selected {
    background: linear-gradient(144.14deg, #2870EA -4.14%, #FFC700 -4.13%, #F7B20D 31.47%, #EF9A1B 70.98%);
    color: #201F1E;
}

.source button .subtext {
    font-weight: 400;
    font-size: 11px;
    line-height: 13px;
    color: rgba(0, 0, 0, 0.7);
}

.source button.selected .subtext {
    color: rgba(255, 255, 255, 0.8);
}

.source button.ga.selected .subtext {
    color: rgba(0, 0, 0, 0.8);
}

.chat.copilot .intro {
    display: flex;
    flex-direction: column;
    align-items: center;
    overflow: auto;
    flex-shrink: 0;
}

.chat.copilot .intro .title {
    display: flex;
    align-items: flex-end;
    gap: 12px;
    flex-wrap: wrap;
    justify-content: center;
}

.chat.copilot .intro .title span {
    font-size: 12px;
    line-height: 16px;
    font-weight: 600;
    border-radius: 4px;
    padding: 6px 12px;
    background-color: #50E6FF;
    margin-bottom: 16px;
}

.chat.copilot .intro img {
    width: 64px;
    height: 64px;
    margin-bottom: 10px;
    object-fit: contain;
}

.chat.copilot .intro img.gaImg {
    width: 45vw;
    height: auto;
}

.chat.copilot .intro h2 {
    font-weight: 600;
    font-size: 42px;
    line-height: 52px;
    color: #201F1E;
    margin-top: 10px;
    margin-bottom: 8px;
    text-align: center;
}

.chat.copilot .intro h5 {
    margin-top: 8px;
    margin-bottom: 24px;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    color: #201F1E;
}

.chat.copilot .intro .cards {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 12px;
    flex-wrap: wrap;
    margin-bottom: 25px;
}

.chat.copilot .intro .introCard {
    max-width: 300px;
    min-width: 300px;
    margin: 12px 24px;
}

.chat.copilot .intro .introCard h4 {
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
    color: #000;
    margin-bottom: 16px;
    text-align: center;
    min-width: 300px;
}

.chat.copilot .intro .introCard .subtext {
    background: rgba(255, 255, 255, 0.6);
    border-radius: 12px;
    padding: 14px 24px 16px;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    color: #111;
    cursor: pointer;
}

.chat.copilot .intro .introCard .subtext:hover {
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.14), 0px 0px 2px rgba(0, 0, 0, 0.12);
}

.chat.copilot .intro .note {
    gap: 2px;
    color: #201F1E;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    max-width: 880px;
    text-align: center;
    margin-top: 25px;
    margin-bottom: 20px;
}

.chat.copilot .intro .note a {
    margin: 0 4px;
    text-decoration: underline;
    color: #174AE4;
}

.chat.copilot .intro .introLinks {
    display: flex;
    padding-bottom: 5px;
}

.chat.copilot .state {
    max-width: 880px;
    display: flex;
    margin: 0 auto 10px;
    padding: 0 20px;
    min-height: 50px;
    transition: height 300ms;
    justify-content: center;
}

.chat.copilot .state.error {
    color: #201F1E;
    font-size: 14px;
    display: flex;
    gap: 5px;
    min-height: 25px;
}

.chat.copilot .stickyButton.container {
    width: 100%;
    position: fixed;
    bottom: 114px;
    display: flex;
    max-width: 900px;
    align-items: flex-end;
    justify-content: center;
    padding-bottom: 20px;
    margin: 0 -10px;
    transition: bottom 200ms ease;
}

.chat.copilot .stop,
.chat.copilot .goToLatest {
    border: 2px solid #174AE4;
    border-radius: 20px;
    color: #174AE4;
    height: 40px;
    padding: 0px 10px;
    background: #EFF3FF;
    font-weight: 600;
    font-size: 14px;
    line-height: 22px;
    background-color:#fff;
}


.chat.copilot button.goToLatest {
    width: 202px;
}

.chat.copilot .messages {
    display: flex;
    flex-direction: column;
    margin-top: 32px;
    margin-bottom: 8px;
    position: relative;
    flex: 1;
    gap: 12px;
    width: 100%;
}

.chat.copilot .fai-CopilotChat {
    row-gap: 32px;
}

.chat.copilot .messages:not(:has(.suggestions)) {
    margin-bottom: 50px;
}

.chat.copilot .message {
    border-radius: 8px;
    background: #FFF;
    box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.12), 0px 1px 2px 0px rgba(0, 0, 0, 0.14);
    max-width: 768px;
    margin: 20px 0;
    display: flex;
    font-weight: 400;
    color: #111111;
    flex-direction: column;
    width: fit-content;
    width: -moz-fit-content;
    max-width: 95%;
}

.chat.copilot .message .container {
    position: relative;
}

.chat.copilot .markdown {
    padding: 4px;
    overflow: auto;
}

.chat.copilot .message.bot:has(.base) .markdown {
    padding-bottom: 12px;
}

.markdown table {
    width: 100%;
    border-collapse: collapse;
    border-radius: 12px;
    border-style: hidden;
    box-shadow: 0 0 0 1px #ddd;
    margin: 8px 0;
}

.markdown table thead tr th {
    font-size: 12px;
    line-height: 20px;
    color: #020057;
    text-align: left;
}

.markdown table thead tr th, .markdown table tbody tr td {
    padding: 6px 14px;
}

.markdown table thead {
    background-color: #EAEAFF;
}

.markdown table thead tr:hover {
    background-color: #EAEAFF;
}

.markdown table tbody tr:hover {
    background-color: unset;
}

.markdown table thead tr th:first-child {
    border-radius: 8px 0 0 0;
}

.markdown table thead tr th:last-child {
    border-radius: 0 8px 0 0;
}

.markdown table tbody tr:last-child td:first-child {
    border-radius: 0 0 0 8px;
}

.markdown table tbody tr:last-child td:last-child {
    border-radius: 0 0 8px 0;
}

.markdown table tbody td {
    font-size: 12px;
    color: #020057;
    font-weight: 400;
    line-height: 16px;
}

.markdown ul,
.markdown ol {
    margin-left: 10px;
}

.chat.copilot .markdown ul li,
.chat.copilot .markdown ol li {
    margin: 8px;
}

.markdown ul li,
.markdown ol li {
    list-style-position: outside;
    margin-left: 15px;
    margin-top: 6px;
}

.chat.copilot .markdown ul li,
.chat.copilot .markdown ol li {
    margin-left: 16px;
    margin-top: 8px;
}

.markdown ul li::marker {
    font-size: 14px;
}

.markdown ol li::marker {
    font-weight: 600;
}

.markdown a {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 400px;
    color: #174AE4;
    display: inline-block;
    vertical-align: text-bottom;
}

.chat.copilot .markdown a {
    max-width: 100%;
    line-height: 18px;
}

.chat.copilot .message.user {
    margin-left: auto;
    color: #111;
    background: #EBEFFF;
    box-shadow: none;
}

.turn-container {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-left: -8px;
}

.convo-turns {
    font-size: 12px;
    text-align: right;
    padding-right: 7px;
    font-weight: bold;
}

.chat.copilot .system {
    gap: 0 8px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.chat.copilot .system .query,
.chat.copilot .system .report {
    font-weight: 600;
    margin-left: -4px;
}

.chat.copilot .system .checkmark {
    font-size: 28px;
    color: #13A10E;
}

.chat.copilot .tooltip {
    border: 0.5px solid rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0.6px 1.8px rgba(0, 0, 0, 0.1), 0px 3.2px 7.2px rgba(0, 0, 0, 0.13);
    border-radius: 8px;
}

.chat.copilot .message.bot .border {
    border-bottom: 1px solid rgb(194, 194, 194);
}

.chat.copilot .markdown.debug {
    padding: 16px;
    font-size: 16px;
    max-width: 100%;
    width: fit-content;
    background: #faf9f8;
    width: -moz-fit-content;
    border-radius:  12px;
    margin: 12px;
    box-shadow: 0px 0.3px 0.9px rgba(0, 0, 0, 0.12), 0px 1.6px 3.6px rgba(0, 0, 0, 0.16);
}

.chat.copilot .markdown ul,
.chat.copilot .markdown.debug ul {
    list-style-position: inside;
}

.chat.copilot .markdown.debug code {
    white-space: normal;
}

.chat.copilot .send {
    width: 52px;
    height: 52px;
    margin-left: 12px;
    border-radius: 8px;
}

.chat.copilot .message.bot .base {
    display: flex;
    flex-direction: row;
    justify-content: end;
    align-items: center;
    border-top: 1px rgba(59, 58, 58, 0.12) solid;
    padding: 10px 12px 10px 21px;
    gap: 20px;
}

.chat.copilot .message.bot .base .ms-TooltipHost:has(+ .filterBadgeNavWrapper) {
    margin-right: -8px;
}

.chat.copilot .message.bot .base .filterBadgeNavWrapper {
    margin-right: auto;
    align-self: center;
    flex: 1;
    display: flex;
    align-items: center;
    font-weight: 600;
    font-size: 13px;
    line-height: 20px;
    color: #111111;
    gap: 8px;
}

.chat.copilot .message.bot .base .scrollingBadges div {
    cursor: default;
}

.chat.copilot .message.bot .base .filterBadgeNavWrapper .scrollingBadges {
    gap: 8px;
}

.chat.copilot .message.bot .base .filterBadgeNavWrapper .filterBadge {
    cursor: auto;
    font-weight: 400;
    font-size: 13px;
    line-height: 20px;
    text-align: center;
    color: #323130;
    background-color: #F3F2F1;
    margin-left: 0;
}

.chat.copilot .message.bot .base .filterBadgeNavWrapper .filterBadge .filterBadgeVal,
.chat.copilot .message.bot .base .filterBadgeNavWrapper .filterBadge .date {
    font-weight: 600;
}


.chat.copilot .message.bot .base .filterBadgeNavWrapper .filterBadge .badgeClear {
    margin: -3px -8px -3px 0px;
}

.chat.copilot .message .base a i {
    font-size: 14px;
    color: #0078D4;
}

.chat.copilot .message .base a:hover,
.chat.copilot .message .base a:focus,
.chat.copilot .message .base a:active,
.chat.copilot .message .base a:active:hover {
    color: rgb(0, 120, 212);
}

/*
    Copilot suggestions styles
*/

.copilot .suggestions {
    gap: 10px;
    display: flex;
    flex-wrap: wrap;
    max-width: 880px;
    justify-content: flex-end;
    margin-top: auto;
    width: 100%;
}

.copilot .suggestion {
    cursor: pointer;
    width: fit-content;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 28px;
    border: 1px solid #B0BEFF;
    border-radius: 8px;
    overflow: hidden;
    box-sizing: border-box;
    padding: 4px 8px;
    color: #424242;
    font-size: 12px;
    line-height: 16px;
    max-width: 380px;
    width: 100%;
}

.copilot .suggestion:hover {
    background-color: #CCD6FF;
    color: #3B3FB2;
    border: 1px solid #8295FF;
}


.copilot .suggestions .ms-TooltipHost {
    border-radius: 4px;
    overflow: hidden;
}

.chatHubProgressIndicator {
    padding: 0 5%;
}

.chatHubProgressIndicator .ms-ProgressIndicator-itemName {
    color: rgb(154 154 154);
    font-size: 12px;
}

.chat.copilot .input {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 12px;
    max-width: 880px;
    width: 100%;
    margin: auto;
    min-height: 90px;
    max-height: 90px;
    flex-wrap: wrap;
    position: relative;
}

.chat.copilot .input button.newTopic {
    width: 139px;
    height: 100%;
    max-height: 48px;
    background: linear-gradient(243.43deg, #344DF3 8.73%, #426DF2 41.85%, #2C7CD5 67.37%, #19ACE3 113.51%);
    mix-blend-mode: normal;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.14), 0px 0px 2px rgba(0, 0, 0, 0.12);
    border-radius: 42px;
    color: #FFF;
    font-weight: 600;
    font-size: 15px;
    line-height: 22px;
    border: none;
}

.chat.copilot .input button svg {
   width: 24px;
   height: 24px;
   margin-right: 8px;
}

.chat.copilot .input .text.container {
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: 24px;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.14), 0px 0px 2px rgba(0, 0, 0, 0.12);
    background-color: #fff;
    padding: 8px 18px 0;
    transition: min-height 300ms, border-radius 200ms, width 200ms;
    top: 0;
    max-height: 260px;
    position: absolute;
    justify-content: space-between;
    width: calc(100% - 150px);
    right: 0;
    height: 48px;
    min-height: 48px;
}

.chat.copilot .input .text.container:not(.disabled.error):hover,
.chat.copilot .input .text.container:not(.disabled.error):focus,
.chat.copilot .input .text.container:not(.disabled.error):active {
    height: unset;
    min-height: 90px;
    border-radius: 12px;
}

.chat.copilot .input .text.container:not(.disabled.error):focus-within,
.chat.copilot .input .text.container.pinned:not(.disabled.error),
.chat.copilot .input .text.container.hasData:not(.disabled.error) {
    bottom: 0;
    top: auto;
    height: unset;
    min-height: 90px;
    border-radius: 12px;
}

.chat.copilot .input .text.container .text.row .ms-TextField textarea {
    max-height: 200px;
    overflow: hidden auto;
    padding-top: 5px;
    font-size: 16px;
    line-height: 22px;
    color: #111111;
    transition: height 500ms;
    background: transparent;
}

.chat.copilot .input .text.container .text.row .ms-TextField textarea::placeholder {
    font-size: 16px;
    line-height: 22px;
    color: #767676;
    overflow: hidden;
}

.chat.copilot .input .text.container.disabled.error .text.row .ms-TextField textarea,
.chat.copilot .input .text.container.disabled.error .text.row .ms-TextField textarea::placeholder {
    color: #afa5a5;
}


.chat.copilot .input .text.container .text.row .textField .ms-TextField-fieldGroup {
    border-radius: 7px;
    min-height: unset;
    height: 29px;
    max-height: 250px;
    background-color: transparent;
}

.chat.copilot .input .text.container:not(.disabled.error):hover .text.row .textField .ms-TextField-fieldGroup,
.chat.copilot .input .text.container:not(.disabled.error):active .text.row .textField .ms-TextField-fieldGroup,
.chat.copilot .input .text.container:not(.disabled.error):focus .text.row .textField .ms-TextField-fieldGroup,
.chat.copilot .input .text.container:not(.disabled.error):focus-within .text.row .textField .ms-TextField-fieldGroup,
.chat.copilot .input .text.container.pinned:not(.disabled.error) .text.row .textField .ms-TextField-fieldGroup,
.chat.copilot .input .text.container.hasData:not(.disabled.error) .text.row .textField .ms-TextField-fieldGroup {
    height: unset;
    min-height: 55px;
}

.chat.copilot .input .text.container.pinned .text.row .ms-TextField textarea {
    height: 200px !important;
}

.chat.copilot .input .text.container .text.row {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 10px;
    width: 100%;
    border-radius: 7px;
}
 
.chat.copilot .input .text.container .text.row svg {
    width: 20px;
    height: 20px;
    margin-top: 7px;
    fill: #767676;
}

.chat.copilot .input .text.container.disabled .text.row svg {
    fill: #afa5a5;
}

.chat.copilot .input .text.container .text.row path {
    fill: inherit;
}

.chat.copilot .input .text.container .text.row .textField {
    background-color: transparent;
    flex: 1;
}

.chat.copilot .input .text.container.disabled .text.row .textField input {
    background-color: transparent;
}

.chat.copilot .input .text.container.pinned .text.row .textField .ms-TextField-fieldGroup,
.chat.copilot .input .text.container.hasData .text.row .textField .ms-TextField-fieldGroup {
    height: unset;
}

.chat.copilot .input .text.container:not(.disabled.error):hover .pin,
.chat.copilot .input .text.container:not(.disabled.error):active .pin, 
.chat.copilot .input .text.container:not(.disabled.error):focus .pin, 
.chat.copilot .input .text.container:not(.disabled.error):focus-within .pin,
.chat.copilot .input .text.container.pinned:not(.disabled.error) .pin, 
.chat.copilot .input .text.container.hasData:not(.disabled.error) .pin {
   opacity: 1;
}

.chat.copilot .input .text.container:not(.disabled):hover .sendIcon,
.chat.copilot .input .text.container:not(.disabled):active .sendIcon,
.chat.copilot .input .text.container:not(.disabled):focus .sendIcon,
.chat.copilot .input .text.container:not(.disabled):focus-within .sendIcon,
.chat.copilot .input .text.container.pinned:not(.disabled) .sendIcon,
.chat.copilot .input .text.container.hasData:not(.disabled) .sendIcon {
   opacity: 1;
}

.chat.copilot .input .text.container .info .pin {
    margin: 0;
    margin-left: auto;
}

.chat.copilot .input .text.container .info {
    opacity: 0;
    height: 0;
    transition: height 300ms, opacity 100ms;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 24px;
    color: #767676;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    padding-bottom: 10px;
}

.chat.copilot .input .text.container:not(.disabled.error):hover .info,
.chat.copilot .input .text.container:not(.disabled.error):active .info,
.chat.copilot .input .text.container:not(.disabled.error):focus .info,
.chat.copilot .input .text.container:not(.disabled.error):focus-within .info,
.chat.copilot .input .text.container.pinned:not(.disabled.error) .info,
.chat.copilot .input .text.container.hasData:not(.disabled.error) .info {
    opacity: 1;
    height: 27px;
}

.chat.copilot .input .text.container .info button {
    background-color: transparent;
    color: #767676;
}

.chat.copilot .input .text.container.pinned .info button,
.chat.copilot .input .text.container.hasData .info button {
    color: #0078D4;
}

.chat.copilot .input .text.container .sendIcon {
    font-size: 20px;
    position: static;
    cursor: pointer;
    color: #0078D4;
    pointer-events: auto;
    margin-top: 4px;
    opacity: 0;
    transition: opacity 400ms;
    height: fit-content;
}

.chat.copilot .input .text.container .sendIcon:focus {
    outline: #000 auto;
    outline-offset: 3px;
    outline-width: thin;
    outline-style: solid;
}

.intro .link {
    color: #174AE4;
    text-decoration: none;
    display: inline;
    margin: 0 0.25em;
}

.intro .link:hover {
    cursor: pointer;
}

.intro .link:focus {
    outline: #000 auto;
    outline-offset: 3px;
}

/*
    Copilot session insights styles
*/

.heatmap.copilot .title,
.session.copilot .title {
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    display: flex;
    align-items: center;
    color: #111111;
    margin-bottom: 8px;
    gap: 8px;
}

.session.copilot {
    padding-left: 5px;
}

.session.copilot .content .time,
.insightsContent .time {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 400px;
    color: #174AE4;
    display: inline-block;
    vertical-align: text-bottom;
    vertical-align: bottom;
    cursor: pointer;
    padding: 0 2px;
}

.session.copilot .content .time.playing,
.insightsContent .time.playing {
    border-radius: 4px;
    background-color: #EAEAFF;
}

.session.copilot .content .time:hover,
.insightsContent .time:hover,
.session.copilot .content .time.playing:hover,
.insightsContent .time.playing:hover {
    color: #0078D4;
    text-underline-offset: 3px;
    text-decoration: underline;
    text-decoration-style: dotted;
    text-decoration-color: #0078D4;
}

.heatmap.copilot .markdown,
.session.copilot .content {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    word-break: break-word;
    white-space: normal;
    padding: 12px 16px 12px 28px;
    background: rgba(255, 255, 255, 0.6);
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.14), 0px 0px 2px rgba(0, 0, 0, 0.12);
    border-radius: 12px;
}

.heatmap.copilot .markdown.error {
    padding: 16px;
}

.heatmap.copilot .markdown li::marker,
.session.copilot .content li::marker {
    font-size: 12px;
}

.heatmap.copilot .markdown a,
.session.copilot .content a {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 400px;
    color: #174AE4;
    display: inline-block;
    vertical-align: text-bottom;
}

.heatmap.copilot .link,
.session.copilot .link {
    gap: 4px;
    display: flex;
    margin-top: 8px;
    flex-wrap: wrap;
    flex-direction: row;
}

.heatmap.copilot .link:hover,
.session.copilot .link:hover {
    background: rgb(0 0 0 / 10%);
}

.copilot.actions {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 6px;
}

.copilot.actions.disabled path {
    fill: #a19f9d;
}

.copilot.actions.disabled span:hover {
    background-color: transparent;
}

.copilot.actions.session {
    gap: 8px;
    margin-left: auto;
    margin-right: 6px;
}

.copilot.actions.sessionCard {
    gap: 14px;
    margin-top: 8px;
    justify-content: start;
}

.chat .copilot.actions {
    gap: 4px;
}

.copilot.actions .action {
    margin: 1px;
    height: 32px;
    padding: 4px;
    display: flex;
    align-items: center;
    justify-items: center;
}

.chat.copilot .actions .action {
    margin: 0;
    padding: 5px;
    height: 24px;
}

.heatmap.copilot .actions .action,
.session.copilot .actions .action {
    height: 30px;
}

.copilot.actions .action.small {
    height: 28px;
}

.copilot.actions .action:hover {
    background-color: rgba(0, 0, 0, 0.06);
    cursor: pointer;
    border-radius: 8px;
}

.chat .copilot.actions .action:hover {
    background-color: transparent;
}

.copilot.loading {
    height: 38px;
    /* 
    * This to accomodate the temp GIF dimensions
    * Will revert when new loading is implemented
    */
    margin: -2px;
    width: auto;
}

.session.copilot .subtitle {
    font-size: 14px;
    color: #605E5C;
    margin: 16px 2px;
}

.heatmap.copilot .disclosure,
.session.copilot .disclosure {
    font-size: 12px;
    color: #605E5C;
    margin-bottom: 8px;
}

.dot {
    height: 12px;
    width: 12px;
    border-radius: 50%;
    display: inline-block;
}

.greenDot {
    background-color: #2C8247;
}

.orangeDot {
    background-color: orange;
}

.redDot {
    background-color: red;
}

.insightsContent {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    word-break: break-word;
    white-space: normal;
    padding:  8px 0 8px 22px;
}

.insightsContent li::marker {
    font-size: 12px;
}

.insightsActionsContainer, 
.insightsActionsContainerPanel,
.contentInsightsActions {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.insightsActionsContainerPanel {
    margin: 8px 4px 0px 8px;
}

.contentInsightsActions {
    margin: 8px 4px 0px -8px;
}

.copilotPreferenceToggle {
    margin-top: 8px;
}

@media only screen and (max-width: 880px) {
    .chat.copilot .input {
        padding-left: 20px;
    }

    .chat.copilot .input .text.container {
        width: calc(100% - 190px);
        right: 20px;
    }
}


@media only screen and (max-width: 600px) {
    .chat.copilot .section {
        padding: 0 10px;
    }

    .chat.copilot .input {
        padding-left: 10px;
    }

    .copilot .suggestions {
        max-width: 100%;
    }

    .chat.copilot .input button.newTopic {
        width: unset;
    }

    .chat.copilot .input .newTopicText {
        display: none;
    }

    .chat.copilot .input .text.container {
        width: calc(100% - 110px);
        right: 10px;
    }

    .chat.copilot button.goToLatest {
        width: unset;
    }
    .chat.copilot .stickyButton.container {
        bottom: 69px;
    }

    .chat.copilot .input .text.container:not(.disabled.error):hover,
    .chat.copilot .input .text.container:not(.disabled.error):focus,
    .chat.copilot .input .text.container:not(.disabled.error):active
    .chat.copilot .input .text.container:not(.disabled.error):focus-within{
        width: calc(100% - 20px);
    }


    .chat.copilot .stickyButton.container span.ms-Button-textContainer {
       display: none;
    }

    .chat.copilot .input .text.container .info {
        display: none;
    }

    .chat.copilot .input {
        min-height: 45px;
    }

    .chat.copilot .stickyButton.container {
        bottom: 65px;
    }

    .chat.copilot :has(.input .text.container:not(.disabled.error):hover) .stickyButton.container,
    .chat.copilot :has(.input .text.container:not(.disabled.error):focus) .stickyButton.container,
    .chat.copilot :has(.input .text.container:not(.disabled.error):active) .stickyButton.container 
    .chat.copilot :has(.input .text.container:not(.disabled.error):focus-within) .stickyButton.container
    .chat.copilot :has(.input .text.container:not(.disabled.error):focus-visible) .stickyButton.container {
        bottom: 105px;
    }

    .chat.copilot .section {
        height: calc(100% - 45px);
    }

    .chat.copilot .intro .introCard {
        max-width: 100%;
        min-width: unset;
    }

    .chat.copilot .intro .introCard h4 {
        min-width: unset;
    }
}

@media only screen and (max-width: 481px) {
    .chat.copilot .stickyButton.container {
        display: none;
    }
    .chat.copilot .input button.newTopic {
        display: none;
    }
    .chat.copilot .input .text.container {
        width: calc(100% - 20px);
        right: 10px;
    }
    .chat.copilot .input .text.container .text.row .ms-TextField textarea {
        height: 100%;
    }
}

@media screen and (prefers-contrast: more) {
    .copilot.actions .action svg path {
        fill: #FFF;
    }
}

/**
    Heatmap copilot insights
**/

.heatmap.copilot {
    height: 100%;
    overflow: auto;
    padding: 0px 16px 16px;
}

.heatmap.copilot .markdown {
    padding: 4px 12px 12px 6px;
}

.heatmap.copilot .markdown h3 {
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 14px;
    margin: 8px 6px 14px;
}

.heatmap.copilot .markdown a {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 400px;
    color: #0078D4;
    display: inline-block;
    vertical-align: text-bottom;
}

.heatmap.copilot .markdown a.custom {
    line-height: 20px;
    vertical-align: initial;
    text-overflow: initial;
    white-space: initial;
    max-width: initial;
    display: initial;
    overflow: auto;
}

.heatmap.copilot .markdown a.custom:focus-visible {
    content: "";
    border: 1px solid transparent;
    outline: rgb(96, 94, 92) solid 1px;
}

.heatmap.copilot .markdown i {
    top: 4px;
    width: 20px;
    height: 20px;
    margin: 0 2px;
    cursor: pointer;
    position: relative;
}

.heatmap.copilot .markdown a.highlight {
    padding: 2px 4px;
    color: #000000;
    border-radius: 4px;
    background-color: #EAEAFF;
    text-decoration: underline;
    text-underline-offset: 3px;
    text-decoration-style: dotted;
    text-decoration-color: #000000;
}

.heatmap.copilot .feedbackButton,
.session.copilot .feedbackButton {
    text-decoration: none;
    line-height: 20px;
    color: #0078D4;
    cursor: pointer;
    display: inline;
}

@media screen and (-ms-high-contrast: active), (forced-colors: active) {
    .heatmap.copilot .feedbackButton {
        color: highlight;
    }
}

.heatmap.copilot .feedbackButton:focus,
.heatmap.copilot .feedbackButton:hover,
.session.copilot .feedbackButton:focus,
.session.copilot .feedbackButton:hover,
.heatmap.copilot .markdown a:hover,
.heatmap.copilot .markdown a:focus {
    color: #0078D4;
    text-underline-offset: 3px;
    text-decoration: underline;
    text-decoration-style: dotted;
    text-decoration-color: #0078D4;
}

.heatmap.copilot .markdown a.custom.highlight:hover {
    color: #000000;
    border-radius: 4px;
    background-color: #EAEAFF;
    text-decoration-color: #000000;
}

.devices {
    gap: 4px;
    display: flex;
    border-radius: 4px;
    flex-direction: column;
    padding: 11px 12px 7px;
    box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.12), 0px 4px 8px 0px rgba(0, 0, 0, 0.14);
}

.devices h1 {
    color: #242424;
    font-size: 12px;
    line-height: 16px;
}

.icons {
    display: flex;
    gap: 2px;
}

.icons .icon {
    width: 40px;
    height: 32px;
    padding: 0px;
    border-radius: 4px;
}

.icon span {
    margin: 6px;
    width: 28px;
    height: 20px;
    display: block;
}

.devices .icons .icon i {
    top: 0px;
}

.icons .icon.selected {
    background-color: #E0E0E0;
}

.icons .icon:not([disabled]):hover svg path {
    fill: #005A9E;
}

.icons .icon svg path {
    fill: #424242;
}

.icons .icon.selected svg path {
    fill: #004578;
}

/* Contextual chat */
.copilot_resizer__6HPnq {
    width: 12px;
    cursor: col-resize;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: visible;
    position: absolute;
    z-index: 5;
    height: 100vh;
}

.copilot_resizerButton__ZghLY {
    cursor: col-resize;
    font-size: 28px;
    display: none;
}

.copilot_resizer__6HPnq:hover .copilot_resizerButton__ZghLY {
    display: inline-block;
}

.copilot_loading__LNYRX {
    margin-top: 40vh;
}

.copilot_closeButton__RzAGF .ms-Icon {
    font-size: 12px;
    color: #424242;
}

.copilot_closeButton__RzAGF.ms-Button {
    width: 24px;
    height: 24px;
}

.copilot_intro__Yoe4D {
    display: flex;
    flex-direction: column;
    overflow: auto;
    flex-shrink: 0;
    font-size: 14px;
}

.copilot_intro__Yoe4D h2 {
    font-size: 40px;
}

.copilot_introCard__\+caKu {
    width: 100%;
    margin: 0 1px;
    background: rgba(255, 255, 255, 0.6);
    border-radius: 12px;
    padding: 16px;
    font-weight: 400;
    line-height: normal;
    color: #111;
    cursor: pointer;
    box-shadow:
        0px 0px 2px 0px rgba(0, 0, 0, 0.12),
        0px 2px 4px 0px rgba(0, 0, 0, 0.14);
    border: 1px solid transparent;
}

.copilot_introCard__\+caKu:hover {
    border: 1px solid var(--northern-village-light-purple, #a7a5f5);
}

.copilot_introCardHeader__3q8GB {
    display: flex;
    flex-direction: row;
    align-items: center;
    color: #020057;
    font-weight: 600;
}

.copilot_introCardHeader__3q8GB svg {
    width: 20px;
    height: 20px;
    margin-right: 8px;
}

.copilot_section__uWy3n {
    height: calc(100% - 82px);
    width: 100%;
    flex-direction: column;
    overflow: hidden scroll;
    padding: 0 6px 0 16px;
    display: flex;
    -webkit-mask-image: linear-gradient(to top, transparent 4px, black 20px), linear-gradient(to left, black 11px, transparent 6px);
}

.copilot_section__uWy3n .fai-CopilotMessage__name {
    font-weight: 400;
    color: #616161;
}

.copilot_header__D1LN5 {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    padding: 16px;
    background-color: #fff;
    position: sticky;
    border-radius: 8px 0 0 0;
}

.copilot_header__D1LN5 .copilot_title__X5ky1 {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
}

.copilot_title__X5ky1 svg {
    width: fit-content;
}

.copilot_header__D1LN5 h2 {
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
}

.copilot_header__D1LN5 p {
    line-height: 24px;
}

.copilot_intro__Yoe4D .copilot_note__3G6nd {
    gap: 2px;
    color: #201f1e;
    font-weight: 400;
    max-width: 880px;
}

.copilot_intro__Yoe4D .copilot_links__PqjBv {
    display: inline-flex;
    gap: 4px;
    font-size: 12px;
}

.copilot_intro__Yoe4D .copilot_msg__ADewI {
    font-size: 12px;
}

.copilot_intro__Yoe4D .copilot_link__XwdSD {
    color: #174ae4;
    text-decoration: none;
    display: inline;
}

.copilot_intro__Yoe4D .copilot_link__XwdSD:hover {
    cursor: pointer;
    text-decoration: underline;
}

.copilot_intro__Yoe4D .copilot_link__XwdSD:focus-visible {
    outline: rgb(16, 16, 16) auto 1px;
}

.copilot_intro__Yoe4D a {
    color: #174ae4;
}

.copilot_intro__Yoe4D a:hover {
    text-decoration: underline;
}

.copilot_intro__Yoe4D .copilot_cards__Gz\+kB {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin: 16px 0;
    gap: 16px;
}

.copilot_copy__m-hP3 {
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.copilot_textArea__6Xy54.fai-Textarea {
    max-width: 100%;
    margin: 0 16px;
}

.copilot_aiDisclaimer__oQePl {
    text-align: center;
    margin: 8px 0;
    font-size: 12px;
    color: #616161;
}

.messages .fai-CopilotMessage__content {
    margin-left: 5px;
}

.copilot_messageTurns__YsiKd {
    font-size: 10px;
    color: #707070;
    line-height: 14px;
    text-align: center;
    font-style: normal;
    text-wrap: nowrap;
}

.copilot_messageInfo__-Fs2M {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 8px;
    padding-left: 4px;
}

.copilot_message__F1X9O div {
    background: #ebefff;
}

.copilot_messageInfo__-Fs2M .fai-AiGeneratedDisclaimer {
    text-wrap: wrap;
    margin-right: 8px;
}

.copilot_messageDisclaimer__rbfLL {
    font-size: 10px;
    margin: 0 0 8px 16px;
    padding: 1px 4px;
    background: #ebebeb;
    width: fit-content;
    font-weight: 600;
    color: #616161;
    border-radius: 4px;
}

.copilot_messageActions__gDBcv {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-top: 8px;
    gap: 6px;
}

.copilot_inputActions__Nmysw {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 4px;
}

.copilot_messageLink__kvduV {
    width: 24px;
    height: 24px;
}

.copilot_latencyHeader__AaQnM .fai-LatencyLoader__header {
    margin: 12px 0 16px;
}

.copilot_latencyMessage__psOSJ {
    align-self: start;
    width: 100%;
}

.copilot_badgesToggle__ba1cn {
    margin-left: auto;
}

.copilot_badges__Xrxm0 {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    margin-top: 8px;
    gap: 8px;
}

.copilot_badges__Xrxm0 > div {
    margin: 0;
    max-width: 100% !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
}

.copilot_badges__Xrxm0 .filterBadgeLabel {
    font-size: 13px;
}

button.copilot_newTopic__KQj6N {
    width: 48px;
    height: 48px;
    background: linear-gradient(243.43deg, #344df3 8.73%, #426df2 41.85%, #2c7cd5 67.37%, #19ace3 113.51%);
    mix-blend-mode: normal;
    box-shadow:
        0px 2px 4px rgba(0, 0, 0, 0.14),
        0px 0px 2px rgba(0, 0, 0, 0.12);
    border-radius: 50px;
    color: #fff;
    font-weight: 600;
    border: none;
    min-width: auto;
}

.copilot_stickyButton__hvzt7.copilot_container__JtjE4 {
    bottom: 114px;
    display: flex;
    max-width: 900px;
    align-items: flex-end;
    justify-content: center;
    padding-bottom: 20px;
    margin: 0 -10px;
    transition: bottom 200ms ease;
}

.copilot_beta__ORLOT {
    font-size: 12px;
    font-weight: 600;
    border-radius: 4px;
    padding: 2px 6px;
    background-color: #6864ce;
    margin-left: 8px;
    color: #fff;
}

.copilot_system__-Ufto {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 0 8px;
    margin-right: 0.25em;
}

.copilot_system__-Ufto .copilot_checkmark__Ghnp9 {
    font-size: 28px;
    color: #13a10e;
}

.copilot_system__-Ufto .copilot_query__KJi9x {
    font-weight: 600;
    display: inline;
    margin-left: 0.25em;
    word-wrap: break-word;
}

.copilot_activityText__LYKcB {
    white-space: pre-line;
}

.chat.copilot.copilot_newChatDesign__aHXqv.copilot_chatFre__glhxw .copilot_section__uWy3n {
    height: initial;
}

.chat.copilot.copilot_newChatDesign__aHXqv .copilot_welcomeText__q\+NTP {
    margin: 0 16px;
    font-size: 12px;
    line-height: 16px;
}

.chat.copilot.copilot_newChatDesign__aHXqv.copilot_chatFre__glhxw .copilot_greetingMessage__sGRzF {
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    margin-top: max(0px, -300px + 50vh);
}

.chat.copilot.copilot_newChatDesign__aHXqv.copilot_chatFre__glhxw .copilot_chatInput__oZ0Bj {
    margin: 52px 16px 0 16px;
}

.chat.copilot.copilot_newChatDesign__aHXqv.copilot_hasMessages__9uyta .copilot_chatInput__oZ0Bj {
    margin: 0 16px;
}

.chat.copilot.copilot_newChatDesign__aHXqv .fai-ChatInput,
.chat.copilot.copilot_newChatDesign__aHXqv .fai-ChatInput__inputWrapper {
    border-radius: 12px;
}

.copilot_newChatDesign__aHXqv .copilot_header__D1LN5 .copilot_beta__ORLOT {
    margin-left: 0;
}

.copilot_newChatDesign__aHXqv .copilot_zeroPromptList__NsAFS {
    padding: 16px;
    overflow: auto;
    display: block;
    text-align: right;
    align-self: center;
    width: 100%;
}

.copilot_newChatDesign__aHXqv .copilot_zeroPromptList__NsAFS button.fai-PromptStarterList__expandButton {
    margin-top: 20px;
}

/**
    Prompt guide for chat
**/

.copilot_promptGuide__vCtXy {
    max-width: 100%;
    background: #fff;
    padding: 4px;
    border-radius: 8px;
    margin: 0 16px;
    box-shadow:
        #00000022 0px 6.4px 14.4px 0px,
        #0000001c 0px 1.2px 3.6px 0;
    position: relative;
    z-index: 1;
}

.copilot_guideHeaderText__3ptOI {
    padding: 6px;
    color: #616161;
    font-weight: 600;
    font-size: 12px;
    line-height: 16px;
}

.copilot_guideBackHeader__IC4Og {
    gap: 8px;
    padding: 6px;
}

.copilot_guideBackHeader__IC4Og .copilot_guideHeaderText__3ptOI {
    padding: 0;
    margin: 0;
}

.copilot_guideBackHeader__IC4Og:hover {
    cursor: pointer;
}

.copilot_guideChoice__Rbz5s {
    justify-content: space-between;
    padding: 6px;
}

.copilot_guideChoiceTitle__tkkru {
    gap: 10px;
}

.copilot_guideChoice__Rbz5s:hover,
.copilot_promptQuestion__GD1CL:hover {
    cursor: pointer;
    background-color: #eaeaff;
    border-radius: 4px;
}

.copilot_promptQuestion__GD1CL {
    padding: 6px 6px 6px 8px;
}

.copilot_promptQuestion__GD1CL p {
    display: inline;
}

.copilot_promptQuestion__GD1CL p:first-child {
    margin-left: 0px;
}

.copilot_promptQuestion__GD1CL .copilot_inputText__2opa4 {
    color: #717171;
}

/* 
    Support ticket for chat
*/

.copilot_supportTicket__ZyT7i {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.copilot_supportTicket__ZyT7i.copilot_isCollapsed__zLVMY {
    max-height: 160px;
    overflow: hidden;
}

.copilot_supportTicketContainer__dAKaz .copilot_expandButton__rm0FZ {
    margin-top: 12px;
}

.copilot_supportTicket__ZyT7i,
.copilot_supportTicket__ZyT7i .copilot_uploadScreenshot__5yJTq button i,
.copilot_supportTicket__ZyT7i .ms-TextField.is-required label,
.copilot_supportTicket__ZyT7i .copilot_uploadScreenshot__5yJTq p,
.copilot_supportTicket__ZyT7i button.ms-Button--default .ms-Button-label,
.copilot_supportTicketContainer__dAKaz .copilot_expandButton__rm0FZ.ms-Button,
.copilot_supportTicketContainer__dAKaz .copilot_expandButton__rm0FZ i.ms-Icon,
.copilot_supportTicket__ZyT7i .ms-TextField.is-disabled input,
.copilot_supportTicket__ZyT7i .ms-TextField.is-disabled .ms-TextField-field {
    color: #242424;
}

.copilot_supportTicket__ZyT7i .ms-TextField.is-required label,
.copilot_supportTicket__ZyT7i .copilot_uploadScreenshot__5yJTq p,
.copilot_supportTicket__ZyT7i .copilot_uploadScreenshot__5yJTq .ms-Button .ms-Button-label,
.copilot_supportTicketContainer__dAKaz .copilot_expandButton__rm0FZ.ms-Button .ms-Button-label {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
}

.copilot_supportTicket__ZyT7i .ms-TextField.is-disabled .ms-TextField-fieldGroup,
.copilot_supportTicket__ZyT7i .ms-TextField.is-disabled .ms-TextField-field {
    background: transparent;
}

.copilot_supportTicket__ZyT7i .ms-TextField.is-disabled .ms-TextField-fieldGroup {
    border: 1px solid #e0e0e0;
}

.copilot_supportTicket__ZyT7i .copilot_uploadScreenshot__5yJTq button {
    margin-top: 5px;
}

.copilot_supportTicket__ZyT7i .copilot_uploadScreenshot__5yJTq button,
.copilot_supportTicketContainer__dAKaz .copilot_expandButton__rm0FZ.ms-Button {
    border: 1px solid #d1d1d1;
}

.copilot_supportTicket__ZyT7i .copilot_uploadScreenshot__5yJTq button,
.copilot_supportTicket__ZyT7i .copilot_submitSupportTicket__ZRMfT,
.copilot_supportTicketContainer__dAKaz .copilot_expandButton__rm0FZ.ms-Button {
    height: 24px;
    padding: 0 4px;
}

.copilot_supportTicketContainer__dAKaz .copilot_expandButton__rm0FZ i.ms-Icon {
    font-size: 8px;
    line-height: 16px;
}

.copilot_supportTicketContainer__dAKaz .copilot_expandButton__rm0FZ.ms-Button {
    width: fit-content;
}

.copilot_supportTicketContainer__dAKaz .copilot_expandButton__rm0FZ span.ms-Button-flexContainer {
    flex-direction: row-reverse;
}

.copilot_supportTicket__ZyT7i .copilot_submitSupportTicket__ZRMfT {
    min-width: initial;
    width: fit-content;
    padding: 16px 8px;
    border-radius: 8px;
}

.copilot_supportTicket__ZyT7i .copilot_submitSupportTicket__ZRMfT .ms-Button-label {
    font-weight: 400;
}

.copilot_supportTicket__ZyT7i .copilot_screenshotPreview__gO1Ui:hover {
    cursor: default;
}

.copilot_supportTicket__ZyT7i .copilot_screenshotPreview__gO1Ui {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 10px 12px;
    box-shadow:
        0px 0px 2px 0px #0000001f,
        0px 2px 4px 0px #00000024;
    border-radius: 4px;
    background: #fff;
}

.copilot_supportTicket__ZyT7i .copilot_screenshotPreview__gO1Ui p {
    width: calc(100% - 40px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.copilot_supportTicket__ZyT7i .copilot_screenshotPreview__gO1Ui i {
    color: #424242;
}

.copilot_supportTicket__ZyT7i .copilot_uploadScreenshot__5yJTq button.is-disabled .ms-Button-label {
    color: #bebbb8;
}

.copilot_supportTicket__ZyT7i .copilot_uploadScreenshot__5yJTq button.is-disabled {
    background: #f3f2f1;
}

.copilot_supportTicketContainer__dAKaz .copilot_expandActions__dRgvn {
    box-shadow: 0 -25px 20px #eef5ff;
    position: relative;
    width: 100%;
}

.copilot_supportTicket__ZyT7i .copilot_emailInput__blG6U .ms-Checkbox-text {
    margin: 0;
    font-size: 12px;
}

.copilot_supportTicket__ZyT7i .copilot_emailInput__blG6U .ms-Checkbox-label {
    align-items: center;
}

.copilot_supportTicket__ZyT7i .copilot_emailInput__blG6U .ms-Checkbox-checkbox {
    width: 14px;
    height: 14px;
    margin-right: 6px;
    border-color: #e0e0e0;
}

.copilot_supportTicket__ZyT7i .copilot_emailInput__blG6U .ms-Checkbox-checkmark {
    font-size: 12px;
}

/**
 *   Selection stage of grouped sessions insights
 **/
.copilot_selection__doADm {
    padding: 12px 12px 0 12px;
    overflow: hidden;
    height: 100%;
}

.copilot_selection__doADm .copilot_head__uhGpu {
    display: flex;
    min-height: 60px;
    padding: 8px 16px;
    border-radius: 8px;
    align-items: center;
    margin-bottom: 12px;
    justify-content: space-between;
    background: #eff6fc;
}

.copilot_selection__doADm .copilot_head__uhGpu button:disabled {
    background-color: rgb(243, 242, 241);
    border-color: lightgray;
    color: lightgray;
}

.copilot_selection__doADm .copilot_head__uhGpu button:disabled path {
    fill: lightgray;
}

.copilot_selection__doADm .copilot_head__uhGpu .copilot_submit__1YJNq {
    margin-left: 16px;
}

.copilot_selection__doADm .copilot_head__uhGpu .copilot_title__X5ky1 {
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
}

.copilot_selection__doADm .copilot_head__uhGpu .copilot_subtitle__PKwWw {
    font-size: 12px;
    line-height: 16px;
    color: #a80000;
    display: flex;
    align-items: center;
    gap: 2px;
}

.copilot_selection__doADm .copilot_list__09sre {
    overflow: auto;
    padding-right: 5px;
}

/**
 *   Insights stage of grouped sessions insights
 **/

.copilot_sessions__-mAkp {
    height: 100%;
    padding: 12px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.copilot_autoGSISummary__tq7h8 .copilot_sessions__-mAkp {
    padding: 0;
}

.copilot_sessions__-mAkp.copilot_interesting__oj5xa {
    padding: 0px 16px 16px 16px;
}

.copilot_sessions__-mAkp .copilot_back__3nvoB {
    border: none;
    padding-left: 0;
    min-height: 32px;
}

.copilot_sessions__-mAkp .copilot_back__3nvoB span {
    font-weight: 400;
    color: #0078d4;
}

.copilot_sessions__-mAkp .copilot_back__3nvoB i {
    margin: 0px 4px 4px 4px;
}

.copilot_sessions__-mAkp .copilot_title__X5ky1 {
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    display: flex;
    align-items: center;
    color: #111111;
    margin-bottom: 8px;
    gap: 8px;
}

.copilot_cardInsights__kLSnZ {
    padding: 12px 0px 8px 0px;
}

.copilot_cardInsightsText__MKv2v h1 {
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
}

.copilot_sessions__-mAkp .copilot_disclosure__6m\+jt,
.copilot_cardInsightsText__MKv2v .copilot_disclosure__6m\+jt,
.copilot_userStruggleSessionList__o6iuZ .copilot_disclosure__6m\+jt {
    font-size: 12px;
    color: #605e5c;
}

.copilot_cardInsightsText__MKv2v .copilot_disclosure__6m\+jt {
    margin: 8px 0;
}

.copilot_disclosure__6m\+jt.copilot_interesting__oj5xa,
.copilot_disclosure__6m\+jt.copilot_interesting__oj5xa div,
.copilot_disclosure__6m\+jt.copilot_interesting__oj5xa span {
    font-size: 11px;
    display: inline;
    margin: 0;
    padding: 0;
    white-space: normal;
}

.copilot_disclosure__6m\+jt.copilot_interesting__oj5xa div {
    margin: 0px 0px 0px 4px;
}

.copilot_disclosure__6m\+jt.copilot_interesting__oj5xa > div:first-child::after {
    content: " ";
}

.copilot_sessions__-mAkp .copilot_link__XwdSD {
    gap: 4px;
    display: flex;
    margin-top: 8px;
    flex-wrap: wrap;
    flex-direction: row;
}

.copilot_sessions__-mAkp .copilot_link__XwdSD:hover {
    background: rgb(0 0 0 / 10%);
}

/**
    Auto grouped sessions styles
**/

.copilot_autoGSISummary__tq7h8 {
    border-radius: 8px;
    padding: 16px;
    margin: 0 24px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    border: 1px solid transparent;
    background:
        linear-gradient(0deg, #ffffffe6, #ffffffe6) padding-box,
        linear-gradient(96.5deg, #aa65ff99 0%, #009af999 49.25%, #656aff99 98.5%) padding-box,
        linear-gradient(96.5deg, #aa65ff33 0%, #009af933 49.25%, #656aff33 98.5%) border-box;
    position: relative;
    margin-top: 24px;
}

.copilot_impressionsSummaryHeader__XT54J,
.copilot_autoGSISummary__tq7h8 .copilot_summaryHeader__9ycXy {
    display: flex;
    gap: 12px;
    align-items: center;
}

.copilot_impressionsSummaryHeader__XT54J h3,
.copilot_autoGSISummary__tq7h8 .copilot_summaryHeader__9ycXy h3 {
    color: #161514;
    font-size: 16px;
    line-height: 22px;
    font-weight: 600;
}

.copilot_autoGSISummary__tq7h8 .copilot_summaryHeader__9ycXy button {
    height: 20px;
    width: 20px;
}

.copilot_autoGSISummary__tq7h8 .copilot_summaryHeader__9ycXy .ms-Button i {
    font-size: 12px;
    color: #161514;
}

.copilot_autoGSISummary__tq7h8 .copilot_summaryHeader__9ycXy:hover {
    cursor: pointer;
}

.copilot_autoGSIResponse__ZB3Vy {
    min-height: 109px;
}

.copilot_autoGSIResponse__ZB3Vy.copilot_autoGSIError__2mo5h {
    min-height: auto;
}

.copilot_autoGSIResponse__ZB3Vy button.copilot_seeMore__WV1B4 {
    background: none;
    border: none;
    color: #0078d4;
}

.copilot_autoGSIResponse__ZB3Vy button.copilot_seeMore__WV1B4:hover {
    cursor: pointer;
    text-decoration: underline;
}

.copilot_autoGSIResponse__ZB3Vy .copilot.actions {
    gap: 10px;
}

.copilot_autoGSISummary__tq7h8 .copilot_blur__dO0uz {
    width: 100%;
    position: absolute;
    bottom: 44px;
    left: 0;
    height: 30px;
    filter: blur(18px);
    background: #e9eeff;
}

.copilot_disableOverlay__DDnjn {
    z-index: 10;
    width: 100px;
    height: 34px;
}

/**
 *   Markdown styles for copilot
 **/

.copilot_markdown__MarTV {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    white-space: normal;
    border-radius: 12px;
    word-break: break-word;
    padding: 12px 12px 12px 6px;
    background: rgba(255, 255, 255, 0.6);
    box-shadow:
        0px 2px 4px rgba(0, 0, 0, 0.14),
        0px 0px 2px rgba(0, 0, 0, 0.12);
}

.copilot_autoGSISummary__tq7h8 .copilot_markdown__MarTV {
    box-shadow: none;
    background: none;
    padding: 0;
}

.copilot_autoGSISummary__tq7h8 .copilot_autoGSIMinimized__H4qAV,
.copilot_autoGSISummary__tq7h8 .copilot_autoGSIExpanded__ZBgmh {
    min-height: 75px;
    overflow: hidden;
}

.copilot_autoGSISummary__tq7h8 .copilot_autoGSIError__2mo5h .copilot_autoGSIMinimized__H4qAV {
    min-height: auto;
}

.copilot_autoGSISummary__tq7h8 .copilot_autoGSIMinimized__H4qAV {
    max-height: 75px;
}

.copilot_autoGSISummary__tq7h8 .copilot_autoGSIExpanded__ZBgmh {
    height: 100%;
}

.copilot_autoGSISummary__tq7h8 .copilot_autoGSIActions__\+5zCp {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 32px;
    margin-top: 8px;
}

.copilot_markdown__MarTV.copilot_interesting__oj5xa {
    padding: 0px;
    margin: 0px;
}

.copilot_sessions__-mAkp .copilot_markdown__MarTV {
    margin: 8px 2px;
}

.copilot_markdown__MarTV h3 {
    font-size: 15px;
    font-weight: 500;
    margin: 8px 6px 14px;
}

.copilot_markdown__MarTV.copilot_interesting__oj5xa h3 {
    font-size: 14px;
    font-weight: 400;
    padding: 8px 0px 0px;
    margin: 0px;
}

.copilot_markdown__MarTV a {
    line-height: 20px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 320px;
    color: #0078d4;
    display: inline-block;
    vertical-align: text-top;
}

.copilot_markdown__MarTV .copilot_selected__3iXRl:hover {
    color: #000000;
    text-decoration-color: #000000;
}

.copilot_markdown__MarTV li::marker {
    font-size: 12px;
}

.copilot_markdown__MarTV table {
    width: 100%;
    border-collapse: collapse;
    border-radius: 12px;
    border-style: hidden;
    box-shadow: 0 0 0 1px #ddd;
    margin: 8px 0;
}

.copilot_markdown__MarTV table thead tr th {
    font-weight: bold;
    text-align: left;
}

.copilot_markdown__MarTV table thead tr th,
.copilot_markdown__MarTV table tbody tr td {
    padding: 6px 14px;
}

.copilot_markdown__MarTV ul,
.copilot_markdown__MarTV ol {
    margin-left: 10px;
}

.copilot_markdown__MarTV ul li,
.copilot_markdown__MarTV ol li {
    list-style-position: outside;
    margin-left: 15px;
    margin-top: 6px;
}

.copilot_markdown__MarTV ul li::marker {
    font-size: 14px;
}

.copilot_markdown__MarTV ol li::marker {
    font-weight: 600;
}

.copilot_impressionsSummaryContainer__YlNkC {
    padding: 0 16px 16px;
    height: calc(100% - 50px);
    position: relative;
}

.copilot_impressionsSummary__yQXV1 {
    display: flex;
    flex-direction: column;
    gap: 12px;
    height: calc(100% - 60px);
}

.copilot_impressionsSummary__yQXV1 .copilot_impressionsSummary__yQXV1 {
    flex: 3;
    max-height: fit-content;
}

.copilot_impressionsSummary__yQXV1 .copilot_insightsContainer__vFYbm {
    display: flex;
    flex-direction: column;
    height: calc(100% - 260px);
    box-shadow:
        0px 2px 4px #00000024,
        0px 0px 2px #0000001f;
    border-radius: 12px;
    max-height: fit-content;
    min-height: 128px;
}

.copilot_impressionsSummary__yQXV1 .copilot_insightsContainer__vFYbm .copilot_markdown__MarTV {
    box-shadow: none;
    overflow: auto;
}

.copilot_impressionsSummary__yQXV1 .copilot_insightsContainer__vFYbm .copilot.actions {
    padding: 2px 0 6px 12px;
}

.copilot_impressionsSummary__yQXV1 .copilot_insightsContainer__vFYbm .copilot.actions svg {
    height: 16px;
}

.copilot_impressionsSummary__yQXV1 .copilot_sessionCard__c2t3X {
    flex: 1;
    max-height: fit-content;
}

.copilot_autoGSIResponse__ZB3Vy .copilot_markdown__MarTV sup,
.copilot_impressionsSummary__yQXV1 .copilot_markdown__MarTV sup,
.copilot_gsiSessionNumber__ojav0,
.copilot_sessions__-mAkp .copilot_markdown__MarTV sup {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    vertical-align: baseline;
    top: -1px;
    margin: 0px 2px;
    min-width: 14px;
    height: 14px;
    text-decoration-color: transparent;
    outline: transparent solid 1px;
    background-color: #eaeaff;
    border-radius: 3px;
    font-size: 10px;
    color: black;
    font-weight: 600;
    cursor: pointer;
}

.copilot_autoGSIResponse__ZB3Vy .copilot_markdown__MarTV sup.copilot_firstSessionLink__MH2Cn,
.copilot_impressionsSummary__yQXV1 .copilot_markdown__MarTV sup.copilot_firstSessionLink__MH2Cn {
    margin-left: 4px;
}

.copilot_autoGSIResponse__ZB3Vy .copilot_markdown__MarTV sup,
.copilot_impressionsSummary__yQXV1 .copilot_markdown__MarTV sup,
.copilot_gsiSessionNumber__ojav0 {
    border: 1px solid #c6c6de;
    background-color: #fff;
    color: #161514;
    padding: 0 2px;
}

.copilot_impressionsSummary__yQXV1 .copilot_markdown__MarTV sup.copilot_sessionIsPlaying__RLYH2 {
    background: #827dff;
    color: #fff;
}

.copilot_markdown__MarTV a.copilot_custom__zaeah {
    line-height: 20px;
    text-overflow: initial;
    white-space: initial;
    overflow: auto;
    max-width: initial;
    color: #000000;
    display: initial;
    vertical-align: initial;
}

.copilot_impressionsSummary__yQXV1 .copilot_markdown__MarTV sup:focus-visible,
.copilot_impressionsSummary__yQXV1 .copilot_markdown__MarTV a.copilot_custom__zaeah:focus-visible,
.copilot_sessions__-mAkp .copilot_markdown__MarTV sup:focus-visible,
.copilot_sessions__-mAkp .copilot_markdown__MarTV a.copilot_custom__zaeah:focus-visible {
    content: "";
    border: 1px solid transparent;
    outline: rgb(96, 94, 92) solid 1px;
}

.copilot_impressionsSummary__yQXV1 .copilot_markdown__MarTV a.copilot_custom__zaeah.copilot_highlight__\+XpKz,
.copilot_sessions__-mAkp .copilot_markdown__MarTV a.copilot_custom__zaeah.copilot_highlight__\+XpKz {
    border-radius: 4px;
    background-color: #eaeaff;
}

.copilot_impressionsSummary__yQXV1 .copilot_markdown__MarTV a.copilot_custom__zaeah:hover .copilot_impressionsSummary__yQXV1 .copilot_markdown__MarTV a.copilot_custom__zaeah:focus,
.copilot_sessions__-mAkp .copilot_markdown__MarTV a.copilot_custom__zaeah:hover,
.copilot_sessions__-mAkp .copilot_markdown__MarTV a.copilot_custom__zaeah:focus {
    text-decoration: underline;
    text-decoration-style: dotted;
    text-decoration-color: #000000;
    text-underline-offset: 3px;
}

.copilot_sessions__-mAkp .copilot_feedback__p-qbb,
.copilot_cardInsightsText__MKv2v .copilot_feedback__p-qbb,
.copilot_userStruggleSessionList__o6iuZ .copilot_feedback__p-qbb {
    text-decoration: none;
    line-height: 20px;
    color: #0078d4;
    cursor: pointer;
    display: inline;
}

.copilot_sessions__-mAkp .copilot_feedback__p-qbb:focus,
.copilot_sessions__-mAkp .copilot_feedback__p-qbb:hover,
.copilot_cardInsightsText__MKv2v .copilot_feedback__p-qbb:focus,
.copilot_cardInsightsText__MKv2v .copilot_feedback__p-qbb:hover,
.copilot_userStruggleSessionList__o6iuZ .copilot_feedback__p-qbb:focus,
.copilot_userStruggleSessionList__o6iuZ .copilot_feedback__p-qbb:hover {
    color: #0078d4;
    text-underline-offset: 3px;
    text-decoration: underline;
    text-decoration-style: dotted;
    text-decoration-color: #0078d4;
}

/* biome-ignore lint/correctness/noUnknownMediaFeatureName: -ms-high-contrast is a css known media feature */
@media screen and (-ms-high-contrast: active), (forced-colors: active) {
    .copilot_sessions__-mAkp .copilot_feedback__p-qbb,
    .copilot_cardInsightsText__MKv2v .copilot_feedback__p-qbb,
    .copilot_userStruggleSessionList__o6iuZ .copilot_feedback__p-qbb {
        color: highlight;
    }

    /* Bug 10698239 — the Like / Dislike / Copy icons set their SVG fill via a
       presentation attribute (default #444444 or a brand color), which
       forced-colors does not remap, so they vanish / are low-contrast in HC.
       Every instance (message footer, GSI, and the Session insights sessionCard)
       renders the global `.copilot.actions` container with `.action` icon spans,
       so target that directly rather than the CSS-module wrapper. */
    .copilot.actions .action svg,
    .copilot.actions .action svg path,
    .copilot.actions .action path,
    .copilot.actions .action i {
        fill: CanvasText !important;
        color: CanvasText !important;
    }
}

/**
    Selected Grouped Sessions - collapsable module
**/

.copilot_sessions__-mAkp details {
    width: 100%;
    margin: 16px 0;
    border-radius: 8px;
    background: #eff6fc;
}

.copilot_sessions__-mAkp details:hover {
    cursor: pointer;
}

.copilot_sessions__-mAkp details > summary {
    display: flex;
    font-weight: 600;
    list-style-type: none;
    justify-content: space-between;
    padding: 16px;
}

.copilot_sessions__-mAkp details[open] {
    margin: 16px 0 0;
    border-radius: 8px 8px 0 0;
}

.copilot_sessions__-mAkp details[open] > summary i {
    transform: rotate(90deg);
}

.copilot_sessions__-mAkp .copilot_list__09sre {
    width: 100%;
    height: 100%;
    overflow-y: auto;
    display: flex;
    align-items: center;
    flex-direction: column;
    background: #eff6fc;
    padding: 0 12px;
    border-radius: 0 0 8px 8px;
}

.copilot_list__09sre .copilot_card__NwUoH {
    padding: 12px 16px 8px 16px;
    width: 100%;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #605e5c;
    position: relative;
    margin-bottom: 16px;
    box-shadow:
        0px 3.2px 7.2px 0px rgba(131, 126, 255, 0.12),
        0px 0.6px 1.8px 0px rgba(131, 126, 255, 0.1);
    border-radius: 8px;
    background: #ffffff;
    border: 1px solid #eaeaff;
}

.copilot_list__09sre .copilot_card__NwUoH:hover {
    cursor: pointer;
    box-shadow: 0px 4.8px 14.4px 0px rgba(131, 126, 255, 0.3);
}

.copilot_list__09sre .copilot_card__NwUoH.copilot_selected__3iXRl {
    border: 1px solid rgba(150, 146, 255, 1);
}

.copilot_list__09sre .copilot_card__NwUoH .copilot_tag__7G6wF {
    width: 94px;
    height: 22px;
    border: 1px solid #deecf9;
    border-radius: 4px;
    display: inline-block;
    text-align: center;
    font-size: 12px;
    color: #323130;
}

.copilot_cardNumber__T0J4j {
    background: #eaeaff;
    border-radius: 3px;
    width: 20px;
    text-align: center;
    margin-bottom: 8px;
}

.copilot_cardNumber__T0J4j span {
    font-weight: 600;
}

.copilot_cardTime__RyXf9 {
    position: absolute;
    font-size: 12px;
    line-height: 16px;
    right: 16px;
    top: 42px;
    color: #323130;
    text-align: right;
}

.copilot_cardItem__SxaOE {
    max-width: 222px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.copilot_cardItemInline__Zu0Ya {
    margin-right: 12px;
    display: inline-block;
}

.copilot_cardItemName__rNznq {
    margin-right: 4px;
}

.copilot_device__lrnZQ {
    margin: 8px 0;
}

.copilot_device__lrnZQ > .copilot_tag__7G6wF:not(:last-child) {
    margin-right: 8px;
}

.copilot_groupInsightsButton__TRGaH {
    margin-left: 12px;
    min-width: max-content;
}

.copilot_groupInsightsButton__TRGaH .ms-Button-label {
    line-height: 21px;
}

.copilot_groupInsightsButton__TRGaH.is-expanded {
    background-color: #eff6fc;
}

.copilot_groupInsightsButton__TRGaH .ms-Button-menuIcon {
    line-height: 12px;
    height: 12px;
    width: 12px;
}

.copilot_groupInsightsButton__TRGaH .ms-Button-icon {
    height: 20px;
    width: 20px;
}

.copilot_groupInsightsButton__TRGaH:disabled {
    border: 1px solid #e0e0e0 !important;
}

.copilot_groupExitInsightsButton__FkCpK .ms-Icon {
    display: none;
}

@media only screen and (max-width: 950px) {
    .copilot_groupInsightsButton__TRGaH {
        padding: 0 !important;
        margin-right: 0px;
    }

    .copilot_groupExitInsightsButton__FkCpK .ms-Button-icon {
        height: 16px;
        width: 16px;
    }

    .copilot_groupInsightsButton__TRGaH .ms-Button-textContainer {
        display: none;
    }

    .copilot_groupExitInsightsButton__FkCpK .ms-Icon {
        display: initial;
    }

    .copilot_groupExitInsightsButton__FkCpK .ms-Button-textContainer {
        display: none;
    }
}

/*
    Playback Understanding styles
*/
.copilot_pivotItem__oytX8 .copilot_markdown__MarTV {
    padding: 8px 21px 16px;
}

.copilot_pivotItem__oytX8 .copilot_markdown__MarTV h1,
.copilot_pivotItem__oytX8 .copilot_markdown__MarTV h2,
.copilot_pivotItem__oytX8 .copilot_markdown__MarTV h3,
.copilot_pivotItem__oytX8 .copilot_markdown__MarTV h4 {
    color: #333;
    margin: 20px 0 14px;
    margin-bottom: 10px;
}

.copilot_pivotItem__oytX8 .copilot_markdown__MarTV h1 {
    font-size: 2em;
    border-bottom: 2px solid #ccc;
    padding-bottom: 10px;
}

.copilot_pivotItem__oytX8 .copilot_markdown__MarTV h2 {
    font-size: 1.5em;
    border-bottom: 1px solid #ccc;
    padding-bottom: 5px;
}

.copilot_pivotItem__oytX8 .copilot_markdown__MarTV h3 {
    font-size: 1.2em;
}

.copilot_pivotItem__oytX8 .copilot_markdown__MarTV p {
    margin: 10px 0;
}

.copilot_pivotItem__oytX8 .copilot_markdown__MarTV .copilot_code__nF8O0 {
    background-color: #f5f5f5;
    border: 1px solid #ddd;
    padding: 10px;
    margin: 10px 0;
    overflow-x: auto;
}

.copilot_pivotItem__oytX8 .copilot_markdown__MarTV .copilot_code__nF8O0 pre {
    margin: 0;
    font-family: "Courier New", Courier, monospace;
}

.copilot_pivotItem__oytX8 {
    height: 100%;
    padding-top: 8px;
    margin: 4px 14px 14px;
    min-height: calc(82vh - 144px);
}

.copilot_loadingSpinner__xWUMQ,
.copilot_copilotIcon__1eBa9 {
    flex: 0;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.copilot_copilotIcon__1eBa9.copilot_clickable__fgdRZ:hover {
    cursor: pointer;
}

/* Resets native button chrome so the icon button keeps the same box as the icon. */
.copilot_copilotIconButton__Kbkd2 {
    padding: 0;
    border: 0;
    background: none;
    color: inherit;
    font: inherit;
}

.copilot_copilotIcon__1eBa9.copilot_disabled__XEnGc path {
    fill: rgb(161, 159, 157);
}

.copilot_scrollableContent__77JWM {
    overflow-y: "scroll";
    display: "flex";
    flex-direction: "column";
    gap: 21;
}

.copilot_screenshotLabel__-dNMr {
    font-weight: 600;
    margin: 16px 16px 0px;
}

.copilot_screenshot__jCkTd {
    display: block;
    margin: 21px 16px 0;
    border-radius: 12px;
    max-width: calc(100% - 32px);
    box-shadow:
        0px 2px 4px rgba(0, 0, 0, 0.14),
        0px 0px 2px rgba(0, 0, 0, 0.12);
}

.copilot_markdown__MarTV.copilot_interesting__oj5xa {
    background: none;
    box-shadow: none;
}

.copilot_subheaderContainer__io2nn {
    display: flex;
    padding: 0px 2px;
}

.copilot_loadingContainer__6XONQ {
    padding-top: 12px;
}

/* User struggle */
.copilot_playlistLink__S93gB {
    width: 380px;
    height: 106px;
    border-radius: 8px;
    border: 1px solid #eaeaff;
    padding: 16px 24px;
    display: flex;
    flex-direction: row;
    gap: 16px;
    align-items: center;
}

.copilot_playlistLink__S93gB:focus {
    outline-color: #827dff;
}

.copilot_playlistLink__S93gB.copilot_debug__R\+AFQ {
    height: fit-content;
}

.copilot_playlistLink__S93gB:hover {
    cursor: pointer;
    background-color: #faf9f8;
    box-shadow: 0px 1.6px 3.6px 0px #00000021;
}

.copilot_playlistLink__S93gB:active {
    cursor: pointer;
    background-color: #f3f2f1;
    box-shadow: 0px 1.6px 3.6px 0px #00000021;
}

.copilot_playlistLinkScreenshot__q0Mot {
    position: relative;
}

.copilot_playlistLinkScreenshot__q0Mot img {
    height: 67px;
    width: 120px;
    border-radius: 4px;
    z-index: 2;
    position: relative;
    box-shadow: 0px 1px 2px 0px #00000024;
    object-fit: cover;
}

.copilot_playlistLinkScreenshot__q0Mot div {
    height: 67px;
    width: 120px;
    background-color: #edebe9;
    border-radius: 4px;
    position: absolute;
    border: 1px solid #eaeaff;
}

.copilot_playlistLinkScreenshot__q0Mot .copilot_rectOne__g7gQK {
    box-shadow: 0px 1px 2px 0px #00000024;
    top: 4px;
    left: 4px;
    z-index: 1;
}

.copilot_playlistLinkScreenshot__q0Mot .copilot_rectTwo__UIvJv {
    box-shadow: 0px 2px 4px 0px #00000024;
    top: 8px;
    left: 8px;
    z-index: 0;
}

.copilot_playlistLinkScreenshot__q0Mot .copilot_playIcon__IfJti {
    position: absolute;
    top: 25px;
    left: 50px;
    z-index: 4;
}

.copilot_playlistLinkContent__-fT5S {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 2px;
}

.copilot_playlistLinkContent__-fT5S h3 {
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    color: #004578;
}

.copilot_playlistLink__S93gB.copilot_historyPage__9ZwYB {
    box-shadow: 0px 0.6px 1.8px 0px #837eff1a;
}

.copilot_playlistLink__S93gB.copilot_historyPage__9ZwYB .copilot_playlistLinkContent__-fT5S h3 {
    color: #161514;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    word-break: break-word;
    overflow: hidden;
}

.copilot_playlistLinkContent__-fT5S p {
    font-size: 12px;
    line-height: 16px;
    color: #605e5c;
}

.copilot_clusterLink__xybOA {
    height: 224px;
    width: 280px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 10px;
    border-radius: 8px;
}

.copilot_clusterLink__xybOA:hover {
    cursor: pointer;
    background: #fbfbfe;
}

.copilot_clusterLink__xybOA:focus {
    outline-color: #827dff;
}

.copilot_userStrugglesDashboard__78rDb.copilot_clusterLink__xybOA {
    flex-direction: row;
    width: 100%;
    align-items: center;
    height: 125px;
}

.copilot_clusterLink__xybOA .copilot_playIcon__IfJti {
    display: none;
    position: absolute;
    z-index: 4;
    left: 8px;
    top: 105px;
    background: #eaeaff;
    height: 35px;
    width: 35px;
    text-align: center;
    line-height: 34px;
    border-radius: 100px;
}

.copilot_clusterLink__xybOA .copilot_playIcon__IfJti,
.copilot_clusterLink__xybOA .copilot_playIcon__IfJti svg {
    vertical-align: middle;
}

.copilot_clusterLink__xybOA .copilot_playIcon__IfJti path {
    fill: #827dff;
}

.copilot_clusterLink__xybOA:hover .copilot_playIcon__IfJti,
.copilot_clusterLink__xybOA:focus .copilot_playIcon__IfJti {
    display: inline-block;
}

.copilot_userStrugglesDashboard__78rDb.copilot_clusterLink__xybOA .copilot_playIcon__IfJti {
    top: 57px;
}

.copilot_clusterLinkScreenshot__j7FWB {
    position: relative;
    align-self: center;
}

.copilot_clusterLinkScreenshot__j7FWB img {
    height: 135px;
    width: 240px;
    border-radius: 8px;
    z-index: 2;
    position: relative;
    box-shadow: 0px 1px 2px 0px #00000024;
    object-fit: cover;
    top: 10px;
}

.copilot_clusterLinkScreenshot__j7FWB div {
    border-radius: 8px;
    position: absolute;
    border: 1px solid #fff;
    background: #eaeaff;
}

.copilot_clusterLinkScreenshot__j7FWB .copilot_rectOne__g7gQK {
    height: 130px;
    width: 230px;
    top: 5px;
    left: 5px;
    z-index: 1;
}

.copilot_clusterLinkScreenshot__j7FWB .copilot_rectTwo__UIvJv {
    height: 125px;
    width: 220px;
    top: 0px;
    left: 10px;
    z-index: 0;
}

.copilot_userStrugglesDashboard__78rDb .copilot_clusterLinkScreenshot__j7FWB img {
    height: 90px;
    width: 160px;
}

.copilot_userStrugglesDashboard__78rDb .copilot_clusterLinkScreenshot__j7FWB .copilot_rectOne__g7gQK {
    height: 85px;
    width: 150px;
}

.copilot_userStrugglesDashboard__78rDb .copilot_clusterLinkScreenshot__j7FWB .copilot_rectTwo__UIvJv {
    height: 80px;
    width: 140px;
}

.copilot_clusterLinkContent__BcfwP h3 {
    color: #161514;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-word;
    overflow: hidden;
}

.copilot_userStrugglesDashboard__78rDb .copilot_clusterLinkContent__BcfwP h3 {
    -webkit-line-clamp: 3;
}

@media screen and (prefers-contrast: more) {
    .copilot_groupInsightsButton__TRGaH path {
        fill: white;
    }
}

.copilot_dateContainer__FYsRT {
    width: fit-content;
    display: flex;
    gap: 12px;
}

.copilot_dateCallout__KvRG2 {
    background-color: #fff;
    padding: 0 12px 8px 12px;
}

.copilot_sentiment__2dGaL,
.copilot_dateFilter__ACBmD {
    display: flex;
    padding: 4px 8px;
    align-items: center;
    border-radius: 4px;
    border: 1px solid #fff;
    background: #f3f2f1;
    color: #201f1e;
    height: 28px;
    cursor: pointer;
}

.copilot_dateFilter__ACBmD > i {
    color: #201f1e;
    margin-left: 8px;
    font-size: 8px;
    height: 8px;
}

.copilot_sentiment__2dGaL span.ms-Dropdown-title,
.copilot_sentiment__2dGaL > div.ms-Dropdown:focus::after {
    border: none;
    background: none;
    color: #201f1e;
    outline: none;
}

.copilot_sentiment__2dGaL i {
    font-size: 8px;
    height: 8px;
    color: #201f1e;
}

.copilot_sentiment__2dGaL.copilot_disabled__XEnGc span.ms-Dropdown-title,
.copilot_sentiment__2dGaL.copilot_disabled__XEnGc i {
    color: #a09f9d;
}

.copilot_dateFilter__ACBmD.copilot_disabled__XEnGc > span {
    color: #a09f9d;
}

.copilot_dateFilter__ACBmD.copilot_disabled__XEnGc > i {
    color: #a09f9d;
}

.copilot_userStruggleSessionList__o6iuZ {
    height: 100%;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.copilot_userStruggleSessionList__o6iuZ .copilot_listHeader__3X8Ut {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 0 16px;
}

.copilot_userStruggleSessionList__o6iuZ .copilot_navigation__SZNaN {
    display: flex;
    flex-direction: row;
    gap: 8px;
    align-items: center;
}

.copilot_userStruggleSessionList__o6iuZ .copilot_navigation__SZNaN i {
    font-size: 10px;
    color: #242424;
    font-weight: 600;
}

.copilot_userStruggleSessionList__o6iuZ .copilot_navigation__SZNaN h3 {
    color: #004578;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
}

.copilot_userStruggleSessionList__o6iuZ .copilot_navigation__SZNaN h3:hover {
    cursor: pointer;
}

.copilot_userStruggleSessionList__o6iuZ .copilot_sessionList__e1Cxz {
    overflow-y: scroll;
    padding: 0 16px 16px;
}

.copilot_userStruggleSessionList__o6iuZ .copilot_title__X5ky1 {
    font-size: 16px;
    line-height: 22px;
    font-weight: 600;
    margin: 0;
    padding: 0;
}

.copilot_userStruggleSessionList__o6iuZ .copilot_info__bntJE {
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: space-between;
}

.copilot_userStruggleSessionList__o6iuZ .copilot_info__bntJE .copilot_feedbackActions__METk2 span {
    margin: 0 1px;
}

.copilot_userStruggleSessionList__o6iuZ .copilot_info__bntJE p {
    color: #605e5c;
    font-size: 14px;
    line-height: 20px;
}

.copilot_userStruggleSessionList__o6iuZ .copilot_disclosure__6m\+jt {
    padding: 0 0 12px;
}

.copilot_userStruggleSessionList__o6iuZ .copilot_listDetails__zIdZt {
    gap: 8px;
    display: flex;
    margin: 16px;
    flex-direction: column;
    border-bottom: 1px solid #e6e6e6;
}

.copilot_userStruggleHistory__zv6TW {
    background: #fff;
    border-radius: 8px;
    margin: 12px 16px 0 16px;
    padding: 32px 32px 0 32px;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.copilot_userStruggleHistory__zv6TW .copilot_navigation__SZNaN,
.copilot_userStruggleSessionList__o6iuZ .copilot_navigation__SZNaN {
    display: flex;
    flex-direction: row;
    height: 22px;
    gap: 6px;
    align-items: center;
    width: fit-content;
    margin: 5px 12px 5px 0;
}

.copilot_userStruggleHistory__zv6TW .copilot_navigation__SZNaN:hover,
.copilot_userStruggleSessionList__o6iuZ .copilot_navigation__SZNaN:hover {
    cursor: pointer;
}

.copilot_userStruggleHistory__zv6TW .copilot_navigation__SZNaN i,
.copilot_userStruggleHistory__zv6TW .copilot_navigation__SZNaN svg,
.copilot_userStruggleSessionList__o6iuZ .copilot_navigation__SZNaN i,
.copilot_userStruggleSessionList__o6iuZ .copilot_navigation__SZNaN svg {
    height: 16px;
    width: 16px;
}

.copilot_userStruggleHistory__zv6TW .copilot_navigation__SZNaN path,
.copilot_userStruggleSessionList__o6iuZ .copilot_navigation__SZNaN path {
    fill: #424242;
}

.copilot_userStruggleHistory__zv6TW .copilot_navigation__SZNaN p,
.copilot_userStruggleSessionList__o6iuZ .copilot_navigation__SZNaN p {
    color: #004578;
    font-weight: 600;
    line-height: 20px;
}

.copilot_userStruggleSessionList__o6iuZ .copilot_filterBadges__-rxiH {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 8px;
    margin: 8px 0 12px 0;
}

.copilot_userStruggleSessionList__o6iuZ .copilot_filterBadges__-rxiH span {
    background: #f3f2f1;
    color: #323130;
    border-radius: 4px;
    font-size: 12px;
    line-height: 16px;
    padding: 3px 8px;
}

.copilot_userStruggleHistory__zv6TW .copilot_historyHeader__nGL4u {
    display: flex;
    flex-direction: column;
    margin: 16px 0 0;
    padding-bottom: 12px;
    border-bottom: 1px solid #e6e6e6;
    gap: 12px;
}

.copilot_userStruggleHistory__zv6TW .copilot_historyHeader__nGL4u h3 {
    color: #000;
    font-size: 20px;
    font-weight: 600;
    line-height: 28px;
    margin-bottom: 4px;
}

.copilot_userStruggleHistory__zv6TW .copilot_historyHeader__nGL4u p {
    color: #605e5c;
    font-size: 12px;
    line-height: 16px;
}

.copilot_userStruggleHistory__zv6TW .copilot_datePivot__q3s0I {
    margin-bottom: 20px;
}

.copilot_userStruggleHistory__zv6TW .copilot_playlistLinks__jlIsB {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    overflow-y: auto;
    padding: 1px;
    padding-bottom: 32px;
}

.copilot_userStruggleHistory__zv6TW .copilot_errorState__GrhW3,
.copilot_userStruggleHistory__zv6TW .copilot_noInsights__bEnOr {
    position: unset;
    padding: 0;
    width: 100%;
    margin: auto;
    text-align: center;
}

.copilot_userStruggleHistory__zv6TW .copilot_noInsights__bEnOr h3 {
    font-weight: 600;
    font-size: 20px;
    line-height: 27px;
    margin-top: 16px;
}

.copilot_userStruggleHistory__zv6TW .copilot_noInsights__bEnOr p,
.copilot_userStruggleHistory__zv6TW .copilot_noInsights__bEnOr h3 {
    color: #323130;
}

.copilot_userStruggleHistory__zv6TW .copilot_customDateView__W9jkj {
    display: flex;
    flex-direction: column;
    gap: 20px;
    height: calc(100% - 45px);
}

@media only screen and (max-width: 768px) {
    .copilot_playlistLink__S93gB.copilot_historyPage__9ZwYB {
        width: 250px;
        height: 195px;
        flex-direction: column;
        justify-content: center;
    }
}

@media only screen and (max-width: 1536px) {
    .copilot_clusterLink__xybOA {
        width: 270px;
    }
}

@media only screen and (max-width: 1280px) {
    .copilot_userStruggleHistory__zv6TW .copilot_playlistLinks__jlIsB {
        gap: 5px;
    }
}

@media only screen and (max-width: 670px) {
    .copilot_clusterLink__xybOA {
        width: 250px;
    }

    .copilot_clusterLinkScreenshot__j7FWB img {
        width: 210px;
    }

    .copilot_clusterLinkScreenshot__j7FWB .copilot_rectOne__g7gQK {
        width: 200px;
    }

    .copilot_clusterLinkScreenshot__j7FWB .copilot_rectTwo__UIvJv {
        width: 190px;
    }
}

.layout_footer__DE8eA {
    background-color: #F2F2F2;
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #6A6A6A ;
    font-size: 11px;
    line-height: 16px;
}

.layout_footerNavContainer__-98l6 {
    background: #EAEAFF;
    padding: 80px 54px;
    display: flex;
    gap: 96px;
    width: 100%;
    justify-content: center;
    color: #323130;
    font-size: 16px;
    line-height: 22px;
}

.layout_footerNavContainer__-98l6 path {
    fill: #323130;
}

.layout_footerLink__EJRQw {
    cursor: pointer;
    color: #323130;
    text-decoration: none;
}

div.newFooterLinksContainer {
    padding: 26px 54px;
}

@media only screen and (max-width: 1100px) {
    .layout_footerNavContainer__-98l6 {
        flex-direction: column-reverse;
        padding: 26px 54px;
        row-gap: 24px;
    }
}
.chooseOrCreateProjectRebrand_loggedInAs__MOJxO {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    display: flex;
    flex-direction: column;
}

.setupChoice_setupChoicePageBackground__Pbaum {
    background-color: #f5f7fb;
    min-height: 100vh;
    width: 100%;
    box-sizing: border-box;
    padding: 16px 48px 48px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0;
}

.setupChoice_logosHeader__UR69I {
    width: 100%;
    max-width: 1080px;
    display: flex;
    justify-content: flex-start;
}

.setupChoice_setupChoiceCard__yBP5s {
    background: #ffffff;
    border-radius: 12px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06);
    width: 100%;
    max-width: 1180px;
    padding: 32px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 0;
}

.setupChoice_setupChoiceTitle__r6Tsb {
    font-size: 20px;
    font-weight: 600;
    line-height: 28px;
    margin: 0 0 24px;
}

.setupChoice_setupChoiceBody__9t2br {
    display: flex;
    flex-direction: row;
    gap: 32px;
    align-items: stretch;
}

@media (max-width: 900px) {
    .setupChoice_setupChoiceBody__9t2br {
        flex-direction: column;
    }
}

.setupChoice_choiceCardsColumn__Q2HYr {
    display: flex;
    flex-direction: column;
    gap: 12px;
    flex: 1 1 0;
    min-width: 0;
}

.setupChoice_choiceCard__7odtf {
    border: 1px solid #e1e1e1;
    border-radius: 10px;
    padding: 16px 20px;
    background: #ffffff;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 12px;
    text-align: left;
    transition:
        border-color 120ms ease,
        box-shadow 120ms ease,
        background 120ms ease;
}

.setupChoice_choiceCard__7odtf:hover {
    border-color: #b4a0ff;
}

.setupChoice_choiceCard__7odtf.setupChoice_selected__-489v {
    border-color: #8b5cf6;
    box-shadow: 0 0 0 1px #8b5cf6;
    background: #faf7ff;
}

.setupChoice_choiceCardContent__Bwl3a {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 0;
}

.setupChoice_choiceCardHeader__JO8cS {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.setupChoice_choiceCardTitle__gww7b {
    font-size: 15px;
    font-weight: 600;
    line-height: 20px;
    margin: 0;
}

.setupChoice_recommendedBadge__NJ8Hp {
    font-size: 11px;
    font-weight: 600;
    line-height: 16px;
    padding: 2px 10px;
    border-radius: 12px;
    background: linear-gradient(90deg, #8b5cf6 0%, #c084fc 100%);
    color: #ffffff;
}

.setupChoice_choiceCardDescription__\+EZCi {
    font-size: 13px;
    line-height: 18px;
    color: #5f5f5f;
    margin: 0;
}

.setupChoice_choiceCardHighlight__To-l4 {
    font-size: 13px;
    line-height: 18px;
    font-weight: 600;
    color: #5f5f5f;
    margin: 0;
}

.setupChoice_choiceCardTerms__T751o {
    font-size: 11px;
    line-height: 16px;
    color: #707070;
    margin: 0;
}

.setupChoice_learnMoreLink__8yl0Y {
    font-size: 13px;
    color: #6b46d4;
    text-decoration: none;
    margin-top: 2px;
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
    align-self: flex-start;
}

.setupChoice_learnMoreLink__8yl0Y:hover {
    text-decoration: underline;
}

.setupChoice_choiceRadio__3m5A7 {
    flex: 0 0 auto;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    border: 1.5px solid #c0c0c0;
    background: #ffffff;
    margin-top: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
}

.setupChoice_choiceCard__7odtf.setupChoice_selected__-489v .setupChoice_choiceRadio__3m5A7 {
    border-color: #8b5cf6;
}

.setupChoice_choiceRadioInner__8MYq2 {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #8b5cf6;
}

.setupChoice_continueRow__BmBb5 {
    display: flex;
    justify-content: flex-start;
    margin-top: 8px;
}

.setupChoice_continueButton__BwjFO {
    background: linear-gradient(90deg, #6366f1 0%, #8b5cf6 100%);
    background-image: linear-gradient(90deg, #6366f1 0%, #8b5cf6 100%);
    color: #ffffff;
    border: none;
    border-radius: 6px;
    padding: 8px 20px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    min-width: 100px;
}

.setupChoice_continueButton__BwjFO:hover {
    opacity: 0.92;
}

.setupChoice_previewColumn__wCN0X {
    flex: 1 1 0;
    min-width: 0;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: center;
}

.setupChoice_previewColumn__wCN0X [class*="BAUpsellContent"] {
    margin-top: 0;
}

.setupChoice_previewColumn__wCN0X [class*="mcpContainerHeader"] {
    background: linear-gradient(90deg, #6366f1 0%, #8b5cf6 50%, #ec4899 100%);
}

.setupChoice_demoVideoFrame__eytC6 {
    width: 100%;
    aspect-ratio: 2 / 1;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    overflow: hidden;
    background: #ffffff;
    box-shadow: 0 4.8px 14.4px 0 rgba(174, 58, 241, 0.12);
}

.setupChoice_demoVideo__jIrbi {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.setupChoice_previewFrame__m6VqV {
    width: 100%;
    aspect-ratio: 2 / 1;
    display: flex;
    flex-direction: column;
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid #ececec;
    background: #ffffff;
}

.setupChoice_previewHeader__tjTKu {
    background: linear-gradient(90deg, #6366f1 0%, #8b5cf6 50%, #ec4899 100%);
    color: #ffffff;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    padding: 10px 16px;
    text-align: center;
}

.setupChoice_previewBody__HljK9 {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    min-height: 0;
    padding: 16px;
}

.setupChoice_previewPlaceholder__fyNoq {
    flex: 1 1 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 32px;
    color: #616161;
    font-size: 14px;
    text-align: center;
}

.brandAgentSetup_pageBackground__h9xTm {
    background-color: #f5f7fb;
    min-height: 100vh;
    width: 100%;
    box-sizing: border-box;
    padding: 8px 48px 48px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.brandAgentSetup_logosHeader__Eu73G {
    width: 100%;
    max-width: 1200px;
    display: flex;
    justify-content: flex-start;
    margin-bottom: 4px;
}

.brandAgentSetup_brandAgentSetupContainer__ZSsuh {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 24px 24px 32px;
    box-sizing: border-box;
}

.brandAgentSetup_mainCard__172lG {
    display: flex;
    flex-direction: column;
    gap: 24px;
    background-color: #ffffff;
    border: 1px solid #e5e5e5;
    border-radius: 8px;
    padding: 24px 32px;
    box-sizing: border-box;
    width: 100%;
    max-width: 1200px;
    font-family: "Segoe UI", "Segoe UI Web (West European)", -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif;
}

.brandAgentSetup_headerSection__zMGi7 {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    padding-bottom: 16px;
    border-bottom: 1px solid #edebe9;
}

.brandAgentSetup_headerLeft__P-Kbg {
    display: flex;
    flex-direction: column;
    gap: 6px;
    flex: 1 1 auto;
    min-width: 0;
}

.brandAgentSetup_headerTitleRow__Fj85g {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
}

.brandAgentSetup_headerTitle__3jsz6 {
    font-size: 22px;
    font-weight: 600;
    line-height: 30px;
    margin: 0;
}

.brandAgentSetup_betaTag__\+Ri2D {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 2px 10px;
    border-radius: 4px;
    background-color: #ae3af1;
    color: #ffffff;
    font-size: 11px;
    font-weight: 600;
    line-height: 16px;
    letter-spacing: 0.5px;
}

.brandAgentSetup_headerDescription__costD {
    font-size: 14px;
    line-height: 20px;
    color: #424242;
    margin: 0;
    max-width: 720px;
}

.brandAgentSetup_learnMoreLink__jVJUk {
    font-size: 14px;
    margin-left: 4px;
}

.brandAgentSetup_headerActions__bYg9G {
    display: flex;
    flex-direction: row;
    gap: 8px;
    flex: 0 0 auto;
}

.brandAgentSetup_statusSection__NpSIc {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.brandAgentSetup_sectionTitle__WpYVz {
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    margin: 0;
    color: #242424;
}

.brandAgentSetup_readyCard__8rbtd {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 20px;
    border: 1px solid #edebe9;
    border-radius: 8px;
    background-color: #fafafa;
    width: 100%;
    max-width: 720px;
    box-sizing: border-box;
}

.brandAgentSetup_readyActionsRow__o4p\+z {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    flex-flow: wrap;
    gap: 16px;
}

.brandAgentSetup_publishNowButton__LxEpM {
    flex: 0 0 auto;
}

.brandAgentSetup_continueWithoutPublishing__wrXz3 {
    align-self: flex-start;
    font-size: 13px;
}

.brandAgentSetup_readyCardTitle__w4m0s {
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    margin: 0;
    color: #242424;
}

.brandAgentSetup_readyCardTitleHighlight__sID3V {
    background: linear-gradient(90deg, #8b5cf6 0%, #ec4899 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
}

.brandAgentSetup_readyCardDescription__Eoj-k {
    font-size: 14px;
    line-height: 20px;
    color: #424242;
    margin: 0;
    max-width: 720px;
}

.brandAgentSetup_trafficControl__VdZ6l {
    display: flex;
    flex-direction: column;
    gap: 6px;
    width: 100%;
    max-width: 420px;
}

.brandAgentSetup_trafficLabel__a-IO7 {
    font-size: 13px;
    font-weight: 500;
    line-height: 18px;
    color: #242424;
}

.brandAgentSetup_trafficDropdown__i7lKa {
    width: 100%;
}

.brandAgentSetup_configurationSection__rDvgh {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding-top: 24px;
    border-top: 1px solid #edebe9;
}

.brandAgentSetup_configurationTitleRow__wJcEa {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
}

.brandAgentSetup_optionalTag__KyKNP {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 2px 10px;
    border-radius: 12px;
    background-color: #f3f2f1;
    color: #605e5c;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
}

.brandAgentSetup_configurationWrapper__jz0W8 {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.brandAgentSetup_loadingContainer__fT6G- {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 240px;
}

/* Two-column grid so labels and values line up regardless of translated label length.
   The label column sizes to the widest label (max-content), and the column gap keeps the
   value from ever butting against the label. */
.msAdsConsent_consentDetailsSection__crUeJ {
    display: grid;
    grid-template-columns: max-content 1fr;
    column-gap: 16px;
    row-gap: 8px;
    align-items: baseline;
    margin-bottom: 16px;
}

/* Let each row's label and value participate directly in the section grid. */
.msAdsConsent_detailRow__UgGFI {
    display: contents;
}

.msAdsConsent_detailLabel__d0B5J {
    font-weight: 600;
}

.msAdsConsent_detailValue__rzFJL {
    min-width: 0;
    overflow-wrap: break-word;
}

.msAdsConsent_consentTitle__enVbX {
    margin: 0 0 16px 0;
}

.msAdsConsent_consentActions__PSm8W {
    display: flex;
    gap: 8px;
    margin-top: 16px;
    justify-content: center;
}

.msAdsConsent_errorIllustration__9HzqV {
    width: 120px;
    height: 120px;
}

.msAdsConsent_errorContainer__pyNcc {
    text-align: center;
    padding: 24px 0;
}

.msAdsConsent_errorTitle__NH-q8 {
    margin: 0;
}

.msAdsConsent_errorDescription__qlTo6 {
    color: #605e5c;
    max-width: 400px;
    margin: 0 auto;
}

.projectsDeck .projHeader {
    padding: 6px 16px;
}

.projectsDeck .projHeader > button:first-child {
    margin-right: 12px;
}

.projectContent {
    background-color: #fafafa;
    overflow: auto;
    height: 100%;
    padding: 32px;
}

.projectContent table {
    overflow: visible;
    max-width: 1200px;
    background: #fff;
    margin: auto;
    width: 100%;
}

.projectContent th,
.projectContent td {
    text-align: left;
    vertical-align: middle;
    border-bottom: 1px solid #edebe9;
    border-top: 0;
    height: 42px;
    max-width: 313px;
    min-width: 50px;
    padding: 2px 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.projectContent td:nth-child(2) {
    width: 45%;
}

.projectContent td:first-child {
    width: 30%;
}

.projectContent tr:hover:nth-child(n + 2) {
    cursor: pointer;
    background-color: rgb(243, 242, 241);
}

td.centerdColumn {
    justify-content: center;
    display: flex;
    align-items: center;
}

.disabledRow:hover:nth-child(n + 2) {
    cursor: unset !important;
    background-color: unset !important;
}

.projectContent th {
    color: #323130;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    padding: 11px 12px;
}

.projectContent td button:first-child {
    width: 100%;
    display: flex;
}

.projectContent td button:hover,
.projectContent td button:active,
.projectContent td button:active:hover {
    text-decoration: none;
}

.projectContent .projectGridContainer {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(276px, 0fr));
    grid-gap: 32px;
}

.listViewCell {
    display: flex;
    flex: 1 1 auto;
    flex-direction: row;
    align-items: center;
    min-height: 20px;
    width: max-content;
}

.projectCard {
    background: #fff;
    box-shadow:
        0px 0.3px 0.9px rgba(0, 0, 0, 0.1),
        0px 1.6px 3.6px rgba(0, 0, 0, 0.13);
    border-radius: 2px;
    width: 276px;
    height: 100%;
}

.projectCard:hover {
    box-shadow:
        0px 0.6px 1.8px rgba(0, 0, 0, 0.1),
        0px 3.2px 7.2px rgba(0, 0, 0, 0.13);
}

.projectCard.isDisabled:hover {
    box-shadow:
        0px 0.3px 0.9px rgba(0, 0, 0, 0.1),
        0px 1.6px 3.6px rgba(0, 0, 0, 0.13);
}

.projectActions {
    justify-content: space-between;
    display: flex;
    flex-direction: row;
    align-items: center;
    margin: 0 12px;
    padding: 4px 0;
    border-top: 1px solid #edebe9;
    min-height: 42px;
}

.projectBody {
    color: #0078d4;
    width: 100%;
    font-weight: 600;
    font-size: 12px;
    padding: 0px 12px;
}

.projectBody > div {
    padding-top: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.projectBody > div:last-child {
    padding-bottom: 24px;
}

.projectTitleContainer {
    display: flex;
    vertical-align: middle;
}

.projectTitleContainer > div {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.projectTitleContainer i {
    font-size: 16px;
    width: 32px;
    text-align: center;
    flex-shrink: 0;
}

.projectIcon {
    background: url(https://claritystatic.azureedge.net/images/projectTypes.png) no-repeat 0 0;
    width: 16px;
    height: 16px;
    background-position-y: center;
    margin-right: 8px;
}

.mobileIcon {
    background-position-x: -24px;
}

.projectCard.isDisabled .projectActions i {
    color: gray;
}

.projectCard.isDisabled .projectBody {
    color: gray;
}

.projectCard.isDisabled .projectTitle {
    color: gray;
}

.projectCard.isDisabled .projectBody:hover {
    cursor: unset;
}

.verifyEmailModal {
    border-radius: 2px !important;
    min-width: 560px;
    min-height: 172px;
    padding: 24px;
}

.verifyEmailModal .modalHeader {
    margin: 0 0 20px;
}

.verifyEmailModal .verifyingStatusContainer {
    padding: 8px 12px;
    background-color: rgb(243, 242, 241);
    display: flex;
    min-height: 32px;
}

.verifyEmailModal .verifyingStatusContainer > span {
    margin-left: 8px;
    font-size: 12px;
}

.verifyEmailModal .verificationStatus {
    margin-top: 20px;
}

.verifyEmailModal .modalFooter {
    margin-top: 20px;
    display: flex;
    justify-content: flex-end;
}

.verifyEmailModal .modalFooter .ms-Button--primary {
    margin-right: 8px;
}

.verifyEmailLink {
    text-decoration: underline;
    font-size: 12px;
    margin-left: 4px;
}

.verifyCountDown {
    display: flex;
    flex-direction: row;
    column-gap: 8px;
}

.projectTitle {
    color: #323130;
}

.addNewProjectContainer {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 121px;
}

.addNewProjectContainer:hover,
.projectBody:hover {
    cursor: pointer;
}

.addNewProjectText {
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
}

.addNewProjectIcon {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 8px;
    width: 32px;
    height: 32px;
    color: #0078d4;
}

.welcomeBannerContainer {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex: 1 1 auto;
    min-height: 100%;
}

.welcomeBannerDescription {
    font-weight: 600;
    font-size: 20px;
    line-height: 28px;
    margin: 16px 0px;
}

.projectModalContainer {
    width: 480px;
    overflow: hidden;
}

.ms-Dialog-main.projectModalContainer {
    border-radius: 2px;
    min-height: 0;
}

.addProjectContainer {
    padding: 0 16px 16px;
}

.addProjectContainer .name,
.addProjectContainer .website,
.addProjectContainer .siteCategory {
    min-height: 62px;
    font-weight: 500;
    padding-bottom: 12px;
}

.addProjectContainer > span {
    line-height: 20px;
}

.confirmEmailContent:first-child {
    display: flex;
    margin: 0 40px 70px 40px;
}

.promoEmailsCard .checkEmailModal,
.confirmEmailContent .checkEmailModal {
    display: flex;
    flex-direction: column;
    justify-content: center;
    row-gap: 24px;
    margin-top: 70px;
}

.checkEmailModal .emailModalTitle {
    font-weight: 600;
    font-size: 24px;
    line-height: 32px;
}

.checkEmailModal .ms-Button--primary {
    max-width: fit-content;
}

.checkEmailModal .skipLink {
    margin-top: 24px;
    text-decoration: underline;
}

.deleteUETProjectWarning {
    margin-top: 16px;
}

.confirmEmailContainer .confirmEmailButton {
    color: white;
    border-color: #0078d7;
    background-color: #0078d7;
}

.addProjectButtonContainer,
.deleteProjectButtonContainer {
    display: flex;
    justify-content: center;
}

.addProjectButtonContainer {
    margin-top: 4px;
}

.addProjectButtonContainerInstall {
    margin-top: 26px;
    margin-bottom: 18px;
    display: flex;
}

.addProjectButtonContainerInstall .loadingContainer {
    max-width: 145px;
}

.confirmEmailContainerInstall {
    overflow: hidden;
}

.deleteProjectButtonContainer {
    margin-top: 16px;
}

.addProjectButtonContainer > *:first-child,
.addProjectButtonContainerInstall > *:first-child,
.deleteProjectButtonContainer > *:first-child {
    margin-right: 8px;
}

.newProjectForm {
    overflow: hidden;
}

.webContentPivot {
    width: 100%;
}

.appContentPivot {
    margin-top: 16px;
    color: #605e5c;
}

.howtoInstallContainer {
    margin-top: 57px;
}

.howtoInstallContainer.gtm {
    margin-top: 134px;
}

.howtoInstallContainer .ms-Spinner {
    align-items: end;
    flex-flow: nowrap;
    justify-content: start;
    margin: 24px 0 32px 0;
}

.howtoInstallContainer .ms-Spinner div:first-child {
    margin-right: 8px;
}

.addProjHeaderInstall {
    margin-bottom: 16px;
    font-size: 24px;
    line-height: 32px;
    color: #323130;
}

.addProjHeaderInstall.confirmEmail {
    margin-top: 126px;
}

.projectModalContainerInstall {
    width: 880px;
    overflow: hidden;
}

.mainContentInstall {
    display: flex;
    width: 370px;
}

.mainContentInstall.projectTypeContainer {
    flex-direction: column;
}

.mainContentInstall.confirmEmail {
    display: block;
}

.projectTypeContainer .projectCreationPivots {
    margin-top: 26px;
}

.projectTypeContainer > span {
    color: #605e5c;
}

.howtoInstallPivot {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.howtoInstallPivot .ms-FocusZone {
    display: flex;
    justify-content: center;
}

.newProjectFormContainer {
    display: flex;
    padding: 0 40px 40px 48px;
}

.projectModalContainerInstall {
    width: min-content;
}

.sideContentInstall {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 95px 0 37px 42px;
}

.sideContentInstall img {
    height: 310px;
    width: 380px;
}

.sideContentInstall.gtm {
    margin-top: 95px;
}

.websiteLabel {
    font-weight: 600;
    margin-top: 16px;
}

.webContentLabel {
    font-weight: 600;
    margin-top: 5px;
    margin-bottom: 5px;
}

.webContentPivot .name {
    margin-top: 24px;
}

.sideContentInstall > * {
    justify-content: center;
    display: flex;
}

.sideContentInstall span {
    font-weight: 600;
    margin-bottom: 16px;
}

.promoEmailsCardContainer,
.firstExperience {
    display: flex;
    align-content: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background-color: #e5e5e5;
}

.promoEmailsCard,
.firstExperienceWindow {
    width: min-content;
    height: min-content;
    background-color: white;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 8px;
    box-shadow:
        0px 0.3px 0.9px rgba(0, 0, 0, 0.1),
        0px 1.6px 3.6px rgba(0, 0, 0, 0.13);
}

.promoEmailsCard {
    display: flex;
    padding: 0 40px 70px 40px;
}

.promoCardIllustration {
    margin: 95px 0 37px 42px;
    height: 310px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.sideContentInstall.maxImage {
    margin: unset;
}

.firstRunSide.maxImage {
    height: 300px;
    width: 350px;
}

.firstRunSide.sideContentInstall.maxImage img {
    position: relative;
    height: fit-content;
    width: fit-content;
    margin-right: -90px;
    z-index: -1;
}

.sideContentInstall.maxImage {
    height: 440px;
    width: 400px;
}

.newProjectSide.maxImage img {
    height: 100%;
    width: 100%;
    margin-right: -78px;
}

.newProjectSide {
    position: relative;
    height: 310px;
    width: 380px;
}

.newProjectSide img {
    width: 100%;
    height: 100%;
    position: absolute;
}

.newProjectSide .fadeIn {
    animation: fadeIn 1s;
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.newProjectSide .fadeOut {
    animation: fadeOut 0.5s;
    opacity: 0;
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

/* Exit Survey */
.exitSurveyModal {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px 0px 24px;
    position: relative;
    width: 560px;
    background: #ffffff;
    box-shadow:
        0px 4.8px 14.4px rgba(0, 0, 0, 0.18),
        0px 25.6px 57.6px rgba(0, 0, 0, 0.22);
    border-radius: 2px;
    overflow-x: hidden;
}

.exitSurveyModal > .ms-Modal-scrollableContent {
    width: 100%;
    overflow-x: hidden;
}

.exitSurveyDeleteProjectTitle {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 16px 24px 20px;
    gap: 8px;
    width: 560px;
    height: 64px;
    background: #ffffff;
    order: 0;
    align-self: stretch;
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 28px;
    color: #323130;
    margin: 0;
}

.exitSurveyDeleteProjectPrompt {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px 24px;
    height: 100%;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #323130;
    order: 1;
    align-self: stretch;
}

.exitSurveyContactSupport {
    margin-bottom: 0px;
}

.exitSurveyDeletionReasons {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 16px 24px;
    gap: 24px;
    order: 2;
}

.exitSurveyDeletionReason {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 4px;
    width: 100%;
}

.exitSurveyDeletionReasonGroup {
    width: 100%;
}

.exitSurveyDeletionReasonCheckbox {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 100%;
    box-sizing: border-box;
    height: 20px;
    border: 1px #323130;
    border-radius: 2px;
}

.exitSurveyDeletionReasonRow {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 8px;
    gap: 8px;
    width: 100%;
}

.exitSurveyDeletionAction {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #323130;
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding-left: 36px;
}

.exitSurveyDeletionText {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.exitSurveyTechnicalIssuesDropdown {
    box-sizing: border-box;
    background: #ffffff;
    border: 2px solid #0078d4;
    border-radius: 2px;
    width: 100%;
}

.exitSurveyTextBox {
    box-sizing: border-box;
    background: #ffffff;
    border: 1px #605e5c;
    border-radius: 2px;
    width: 100%;
}

.exitSurveyActionButtonsContainer {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: flex-end;
    padding: 0px 24px;
    gap: 8px;
    height: 48px;
    bottom: 24px;
}

.exitSurveyDeleteButton {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 6px 20px;
    width: 82px;
    height: 32px;
    background: #0078d4;
    border-radius: 2px;
}

.exitSurveyCloseButton {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 6px 20px;
    width: 75px;
    height: 32px;
    background: #ffffff;
    border: 1px solid #8a8886;
    border-radius: 2px;
    flex: none;
    order: 1;
    flex-grow: 0;
}

.exitSurveyLinkText {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    text-decoration-line: underline;
    color: #0078d4;
}

.exitSurveyTroubleshootInstallation {
    display: flex;
    flex-direction: row;
    gap: 8px;
}

.exitSurveyNoUnderline {
    text-decoration-line: none;
    /* biome-ignore lint/suspicious/noDuplicateProperties: intentional override for specific state */
    text-decoration-line: underline;
}

.exitSurveyNoUnderline:focus-visible {
    outline: 2px solid #000;
    outline-offset: 2px;
    border-radius: 2px;
}

.areaMapInteractor {
    width: 100%;
    pointer-events: none;
    background-color: transparent;
    position: absolute;
    overflow: hidden;
}

.areaInfoRow {
    margin-bottom: 8px;
}

.areaInfoRow span{
    font-size: 12px;
    line-height: 16px;
}

.moneyInfoElement {
    margin-left: 15px;
}

.areaMapMetricValue {
    font-weight: 600;
    padding-right: 2px;
}

.areaMapEdit {
    padding-left: 8px;
    max-height: 20px;
    max-width: 93px;
    overflow: hidden;
}

/* biome-ignore-all format: legacy hand-maintained stylesheet; preserve existing author formatting */
/* biome-ignore-all lint/correctness/noUnknownMediaFeatureName: intentional -ms-high-contrast legacy high-contrast support */
/* biome-ignore-all lint/correctness/noUnknownTypeSelector: pre-existing legacy selector */
.ms-Button {
    border-radius: 4px;
    padding: 0 12px;
    min-height: initial;
}

button.ms-Button--primary,
button.ms-Button--default,
button.ms-Button--command,
button.ms-Button--icon {
    display: inline-block;
}

button.ms-Button--icon.ms-UpButton,
button.ms-Button--icon.ms-DownButton {
    display: block;
}

button.ms-Dropdown-item {
    min-height: 36px;
}

/* Accessible gradient (per design Style guide). The previous purple stop (#9692ff) only
   reached 2.67:1 against the white button label, failing WCAG 1.4.3. #6a5ae0 keeps the
   brand ramp while giving 5.06:1 at the purple end and 4.53:1 at the blue end.
   Bugs 10684150, 10684879, 10684911, 10698143, 10698148, 10698151 */
.ms-Button--primary {
    background: linear-gradient(280.75deg, #0078d4 0%, #6a5ae0 94.81%);
    border: 1px solid transparent;
    height: 32px;
}

.ms-Button--default {
    border: 1px solid #0078d4;
    color: #004578;
    height: 32px;
}

.ms-Button--default i {
    color: #004578;
}

.ms-Pivot-link.is-selected::before {
    background-color: #9692ff;
}

.ms-Pivot-link.is-selected {
    background-color: transparent;
}

.ms-Button--default:hover,
.ms-Button--default.is-checked,
.ms-Button--hasMenu.is-checked {
    background-color: #eff6fc;
}

.ms-Button--primary.is-disabled,
.ms-Button--default.is-disabled {
    background: #edebe9;
    color: #bebbb8;
    border: 1px solid #e0e0e0;
}

.ms-Button--default.is-disabled path,
.ms-Button--commandBar.is-disabled path {
    fill: #bebbb8;
}

/* Hover keeps the same "one shade darker" relationship as rest, and must also clear 4.5:1
   against the white label (#7974ff was 3.65:1). #5a4bd0 gives 6.26:1. */
.ms-Button--primary:hover {
    background: linear-gradient(281deg, #106ebe 0%, #5a4bd0 94.81%);
    color: #fff;
}

.ms-Button--hasMenu.is-disabled {
    border: none;
}
.ms-Button--icon {
    padding: 0;
}

button.ms-Button.is-disabled,
button.ms-Button.is-disabled i,
button.ms-Button.is-disabled span {
    background: transparent;
    color: #bebbb8;
}

button.ms-Button.is-disabled i path {
    fill: #bebbb8;
}

/* biome-ignore lint/correctness/noUnknownTypeSelector: pre-existing legacy selector; not altering modal styling in this a11y change */
.ms-Modal-scrollableContent scrollableContent {
    border-radius: 8px;
}

.ms-ContextualMenu-link:hover {
    background-color: #eaeaff;
}

.ms-SearchBox {
    border-radius: 4px;
    border: 1px solid #d1d1d1;
}

/*Checkbox override*/

.ms-Checkbox-label {
    margin-top: 5px;
    margin-bottom: 7px;
}

.ms-Checkbox-checkbox {
    width: 16px;
    height: 16px;
    border-color: #616161;
}

.ms-Checkbox span {
    line-height: 20px;
    color: #616161;
}

.ms-Checkbox-text,
.ms-ComboBox-optionText {
    margin-left: 12px;
}

.ms-Checkbox.is-checked.is-enabled.ms-ComboBox-option,
.ms-Checkbox.is-enabled.ms-ComboBox-option:hover {
    background-color: #eaeaff;
}

.ms-Checkbox.is-checked.is-enabled.ms-ComboBox-option .ms-Checkbox-checkbox {
    background-color: black;
}

.ms-Checkbox.is-checked.is-enabled .ms-Checkbox-checkbox {
    background-color: #827dff;
    border: none;
}

.ms-Checkbox.is-checked.is-enabled span {
    color: black;
}

/* disable checkmark on hover for checkboxes for mobile screens*/
@media screen and (max-width: 670px) {
    .ms-Checkbox:not(.is-checked):hover .ms-Checkbox-checkmark {
        opacity: 0;
    }
}

/*Radio Button*/
label.ms-ChoiceField-field.is-checked::after,
label.ms-ChoiceField-field.is-checked::before {
    border-color: #827dff;
}

label.ms-ChoiceField-field:hover::before,
label.ms-ChoiceField-field:hover::after {
    border: 1px solid #827dff;
}

label.ms-ChoiceField-field:hover::after,
.ms-Toggle.is-checked.is-enabled button {
    background-color: #827dff;
}

.ms-BasePicker-text,
.ms-Dropdown-title,
.ms-TextField-field,
.ms-TextField-fieldGroup {
    border-radius: 4px;
}

.ms-BasePicker-text,
.ms-Dropdown-title,
.ms-Dropdown:active .ms-Dropdown-title .ms-TextField-fieldGroup:hover,
.ms-TextField-fieldGroup {
    border: 1px solid #d1d1d1;
    border-bottom-color: #616161;
}

.ms-BasePicker-text::after,
.ms-Dropdown:focus::after,
.ms-TextField-fieldGroup::after {
    border-color: #827dff;
    border-radius: 4px;
}

/* Bugs 10698321 / 10698400 — keyboard focus indicator below the 3:1 non-text
   minimum (MAS 1.4.11).

   A previous fix used a single dark-blue (#0f548c) ring. That measures 7.87:1 on
   a white page but only 1.37:1 against the dark banner behind the close button and
   1.74:1 against the primary button's own blue fill, so both bugs were reopened.
   No single fixed colour can clear 3:1 on every surface the ring is drawn over.

   Use the dual-ring treatment from the Accessible design toolkit instead: a black
   inner ring plus a light (#1aebff) outer ring. The two rings sit at 14.37:1 to each
   other, so whichever one loses contrast against the underlying surface, the other
   remains clearly visible. Verified: black is 21:1 on white, 4.64:1 on the primary
   button fill and 3.66:1 on the banner; the cyan ring adds 3.93:1 on the banner.

   forced-colors mode drops box-shadow, so high contrast falls back to a single
   Highlight outline — the system palette guarantees that against Canvas, and it
   keeps the user's chosen theme (hard-coding the cyan would require
   forced-color-adjust: none and break Desert).

   Scoped to keyboard focus via Fluent's .ms-Fabric--isFocusVisible so mouse clicks
   are unaffected. */
.ms-Fabric--isFocusVisible .ms-Button:focus::after {
    outline: 2px solid #000 !important;
    outline-offset: 1px !important;
    box-shadow: 0 0 0 5px #1aebff !important;
    border-color: transparent !important;
}

.ms-Fabric--isFocusVisible a.ms-Link:focus {
    outline: 2px solid #000 !important;
    outline-offset: 1px !important;
    box-shadow: 0 0 0 5px #1aebff !important;
}

@media (forced-colors: active) {
    .ms-Fabric--isFocusVisible .ms-Button:focus::after,
    .ms-Fabric--isFocusVisible a.ms-Link:focus {
        outline: 3px solid Highlight !important;
        outline-offset: 2px !important;
        box-shadow: none !important;
    }
}

.ms-TextField.is-disabled .ms-TextField-fieldGroup {
    border-bottom-color: #d1d1d1;
}

/* Dropdown */
.ms-Dropdown.is-disabled span,
.ms-TextField.is-disabled input,
.ms-TextField.is-disabled div {
    border: none;
}

.ms-Dropdown-items .ms-Button[aria-selected="true"],
.ms-Dropdown-items .ms-Button:hover {
    background-color: #eaeaff;
}

/* biome-ignore lint/correctness/noUnknownMediaFeatureName: -ms-high-contrast is a css known media feature */
@media screen and (-ms-high-contrast: active), (forced-colors: active) {
    .ms-Dropdown-items .ms-Button[aria-selected="true"],
    .ms-Dropdown-items .ms-Button:hover {
        color: #323130;
    }
}

/* BasePicker */
.ms-Suggestions-item .ms-Suggestions-itemButton.is-suggested,
.ms-Suggestions-item:hover {
    background: #eaeaff;
}

/* FilterPanel */
.ms-Nav-compositeLink.is-selected button,
.ms-Nav-compositeLink:hover .ms-Button {
    background-color: #eaeaff;
}

.ms-Nav-compositeLink.is-selected button::after {
    border: none;
}

.ms-Nav-compositeLink:hover .ms-Button {
    color: #424242;
}

.ms-Nav-group div.isSelected button {
    background-color: #eaeaff;
}

/*
    Setting !important here because the style was set in JS in fluentUI
    All other methods (root style, theme provider) are all being overwritten
*/
.ms-ComboBox-optionsContainer > .ms-ComboBox-option:hover,
.ms-ComboBox-optionsContainer > .ms-ComboBox-option:focus {
    background-color: #eaeaff !important;
}

.ms-ComboBox-optionsContainer > .ms-Button--command {
    background-color: white !important;
}

.ms-ComboBox-optionsContainerWrapper .ms-Button-flexContainer {
    min-height: 32px;
}

/*Toogle overrides*/
.ms-Toggle {
    margin-bottom: 0;
}

.ms-Toggle.is-checked .ms-Toggle-background:hover,
.ms-Toggle.is-checked .ms-Toggle-background {
    background: #9692ff;
}

.ms-Callout-container > .ms-Callout.ms-ContextualMenu-Callout {
    border: unset;
}

.ms-ContextualMenu-Callout {
    border-radius: 4px;
    background: #fff;
    border: unset;
}

.ms-ContextualMenu-Callout {
    border-radius: 4px;
}

.ms-ContextualMenu-Callout > .ms-Callout-main {
    border-radius: 4px;
    background: #fff;
    box-shadow:
        0px 0px 2px 0px rgba(0, 0, 0, 0.12),
        0px 8px 16px 0px rgba(0, 0, 0, 0.14);
}

.ms-SearchBox-iconContainer,
.ms-SearchBox:hover .ms-SearchBox-iconContainer {
    color: #424242;
}

.ms-ComboBox-CaretDown-button:hover {
    background-color: #eaeaff;
}

.ms-Callout-container > .ms-Callout {
    border-radius: 4px;
}

/*fluent UI use !important to set this style so I need to use !important to override*/
.ms-CalendarDay-daySelected,
.ms-CalendarDay-hoverStyle {
    background-color: #eaeaff !important;
}

.ms-MessageBar-text {
    margin: 4px 12px 4px 8px;
}

.ms-MessageBar-icon {
    margin: 4px 0 4px 12px;
}

.ms-TeachingBubble-content {
    background: linear-gradient(281deg, #0078d4 0%, #9692ff 94.81%);
}
/* This should be white instead of purple */
.ms-TeachingBubble-primaryButton {
    color: #0078d4;
    background: #fff !important;
}
.ms-TeachingBubble-primaryButton:hover {
    background-color: rgb(243, 242, 241) !important;
    color: #0078d4;
}

.ms-TeachingBubble .ms-Callout-beak {
    background: #5c88ef;
}

/* biome-ignore lint/correctness/noUnknownMediaFeatureName: -ms-high-contrast is a css known media feature */
@media screen and (-ms-high-contrast: active), (forced-colors: active) {
    .ms-Pivot-link.is-selected::before {
        background-color: highlight;
    }

    button.ms-Button.is-disabled,
    button.ms-Button.is-disabled i,
    button.ms-Button.is-disabled span {
        background: transparent;
        color: #504c4c;
        opacity: 80%;
    }

    /* Bug 10698288 / 10698291 — the checkbox box and label were hardcoded (label
       to black via `.is-checked.is-enabled span`, box to #827DFF), which is
       invisible/low-contrast in HC. Use CSS system colors, and match the
       `.is-checked.is-enabled` specificity so these win over the base rules. */
    .ms-Checkbox-checkbox {
        border-color: CanvasText;
    }

    /* Checked checkboxes hardcode a purple (#827DFF) fill and a black label/checkmark in the
       base overrides above. forced-colors mode keeps those author colors (forced-color-adjust:
       none), so in Aquatic the black label/checkmark sits on the dark Canvas and disappears.
       Re-map the selected state to system colors, matching the base rules' specificity
       (.is-checked.is-enabled) so these win the cascade. */
    .ms-Checkbox.is-checked.is-enabled .ms-Checkbox-checkbox {
        background-color: Highlight;
        border-color: Highlight;
    }

    .ms-Checkbox.is-checked.is-enabled .ms-Checkbox-checkmark {
        color: HighlightText;
    }

    .ms-Checkbox span,
    .ms-Checkbox-text,
    .ms-Checkbox-label,
    .ms-Checkbox.is-checked.is-enabled span,
    .ms-Checkbox.is-checked.is-enabled .ms-Checkbox-text,
    .ms-Checkbox.is-checked.is-enabled .ms-Checkbox-label {
        color: CanvasText;
    }

    /* Radio (ChoiceGroup) ring + selected dot use theme colors that flatten to invisible in
       light high-contrast themes (Aquatic/Desert); pin them to system colors instead. */
    .ms-ChoiceField-field::before {
        border-color: CanvasText;
    }

    .ms-ChoiceField-field.is-checked::after {
        border-color: Highlight;
        background-color: Highlight;
    }

    /* Bug 10698166 — tooltip content/boundary measured < 3:1 in HC. Give the
       tooltip an explicit boundary and system colors so it stays legible. */
    .ms-Tooltip {
        color: CanvasText;
        background-color: Canvas;
        border: 1px solid CanvasText;
    }

    .ms-Tooltip-subText {
        color: CanvasText;
    }
}

/* Side-pane action icons ("Open in new tab", "Close the side pane") are registered inline
   SVGs with hardcoded dark fills (#161514 / #424242 / #605E5C / #323130) that forced-colors
   mode does not remap, leaving them <3:1 and hard to perceive in Aquatic/Desert. Map them to a
   system color so they adapt to the active contrast theme. (MAS 4.3.1)
   NOTE: the heatmap side pane's "Open in new tab" uses the "openLink" icon (not "newTabIcon"),
   so it must be listed explicitly. */
@media screen and (-ms-high-contrast: active), (forced-colors: active) {
    [data-icon-name="newTabIcon"] svg path,
    [data-icon-name="openLink"] svg path,
    [data-icon-name="chevronDoubleLeftIcon"] svg path,
    [data-icon-name="chevronDoubleRightIcon"] svg path,
    [data-icon-name="editV2"] svg path,
    [data-icon-name="saveIconV2"] svg path,
    [data-icon-name="downloadV2"] svg path,
    [data-icon-name="trends"] svg path {
        fill: CanvasText;
    }
}

.gettingStarted {
    background-color: #faf9f8;
    overflow: auto;
    height: 100%;
}

.gettingStartedSprite {
    position: absolute;
    overflow: hidden;
    transform-origin: top left;
}

.gettingStartedSprite::after {
    content: url(https://claritystatic.azureedge.net/images/gettingstartedsprites5.png);
    position: relative;
}

.setupOptions {
    background: linear-gradient(44.4deg, #3a6ad8 35.45%, #3d7fdb 72.93%, #4094eb 107.42%), #c4c4c4;
    padding: 48px 48px 52px;
    overflow: hidden;
    min-height: 645px;
}

.setupOptions.fullHeight {
    height: 100%;
    overflow: auto;
}

.shortSetupOptions {
    min-height: 200px;
    height: 200px;
}

.setupTitle > * {
    height: 48px;
    vertical-align: text-top;
}

.setupTitle svg {
    width: 48px;
}

.setupTitle span {
    font-size: 36px;
    line-height: 48px;
    color: white;
    font-weight: 600;
    margin: 0 0 8px 56px;
    display: inline-block;
    white-space: nowrap;
}

.alreadyInstalledNote {
    color: white;
    text-align: center;
}

.thirdPlatformsContainer,
.trackingCodeContainer {
    width: calc(100% - 94px);
    position: relative;
    margin: 0 auto;
}

.thirdPlatformsContent,
.trackingCodeContent,
.needHelpContent {
    background-color: #faf9f8;
    border-radius: 6px;
    display: inline-block;
    width: 100%;
    min-width: 650px;
}

.thirdPlatformsContentEmbedded {
    box-shadow: 0px 4px 14px 0px rgb(131, 126, 255, 0.3);
}

.thirdPlatformSprite {
    position: absolute;
    overflow: hidden;
    transform-origin: top left;
}

.thirdPlatformSprite::after {
    content: url(https://claritystatic.azureedge.net/images/iconTilesSprite.png);
    position: relative;
}

.tickSuccess {
    height: 48px;
    width: 47px;
    overflow: hidden;
    position: absolute;
    vertical-align: text-top;
}

.tickSuccess::after {
    content: url(https://claritystatic.azureedge.net/images/TickSuccess.png);
    position: relative;
}

.emoji.platformsIconsSprite {
    margin-top: 35px;
    margin-left: 35px;
}

.emoji.platformsIconsSprite.mesh {
    margin-left: 12px;
    margin-top: 0px;
}

.platformFact .emoji,
.emoji.platformsIconsSprite {
    height: 40px;
    width: 40px;
    min-width: 40px;
}

.platformFact .fact {
    margin-left: 40px;
    max-width: 241px;
}

.thirdPlatformSprite.thirdPartyIcon {
    width: 40px;
}

.thirdPlatformSprite.thirdPartyIcon::after {
    left: -120px;
}

.emoji.eyesIcon::after {
    left: 0;
}

.emoji.monkeyIcon::after {
    left: -40px;
}

.emoji.questionFaceIcon::after {
    left: -80px;
}

.thirdPlatformsContent > span:first-child {
    font-weight: 600;
    margin: 32px 0 0 32px;
    display: inline-block;
}

.thirdPartyPlatforms {
    display: grid;
    gap: 8px;
    border-radius: 6px;
    justify-content: center;
    margin: 40px 32px 32px 32px;
    grid-template-columns: repeat(auto-fill, 278px);
}

.thirdPartyPlatform {
    width: 280px;
    height: 64px;
    background: #ffffff;
    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.noPlatformModalTitle {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.noPlatformModalTitleText {
    font-weight: 600;
    font-size: 20px;
    line-height: 28px;
}

.thirdPartyPlatform span {
    margin-left: 68px;
}

.platformInputTitle {
    font-weight: 600;
    padding: 21px 0 5px;
}

.noPlatformModal {
    padding: 16px 24px 24px;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    width: 560px;
}

.platformSubmit {
    margin: 16px 0 24px;
}

.trackCodeLink {
    color: #0078d4;
    text-decoration-line: underline;
}

.platformFact {
    display: flex;
    margin: 0 0 24px 24px;
}

.platformFact svg {
    margin-right: 8px;
}

.platformFacts {
    margin: 32px 15% 8px 80px;
    display: flex;
}

.platformFacts.installation {
    margin: 32px 15% 8px 32px;
}

.platformFactsContainer {
    display: flex;
    background-color: #eff6fc;
    border-radius: 6px;
}

.platformsIconsSprite {
    position: absolute;
    overflow: hidden;
    transform-origin: top left;
}

.platformsIconsSprite::after {
    content: url(https://claritystatic.azureedge.net/images/platformIconsSprite18.png);
    position: relative;
}

.emoji.hubspotIcon::after {
    left: -180px;
    top: -303px;
}

.emoji.adobeTagIcon::after {
    left: -180px;
    top: -65px;
}

.emoji.clickFunelsIcon::after {
    top: -127px;
}

.emoji.shopifyIcon::after {
    top: -65px;
}

.emoji.squareSpaceIcon::after {
    left: -57px;
}

.emoji.unbounceIcon::after {
    left: -180px;
}

.emoji.weeblyIcon::after {
    left: -56px;
    top: -65px;
}

.emoji.wixIcon::after {
    left: -56px;
    top: -130px;
}

.emoji.wordPressIcon::after {
    left: -120px;
}

.emoji.gatsbyIcon::after {
    left: -120px;
    top: -65px;
}

.emoji.joomlaIcon::after {
    left: -120px;
    top: -130px;
}

.emoji.aioseoIcon::after {
    top: -185px;
}

.emoji.seoIcon::after {
    left: -56px;
    top: -185px;
}

.emoji.abTastyIcon::after {
    left: -120px;
    top: -183px;
}

.emoji.aitocIcon::after {
    left: -180px;
    top: -183px;
}

.emoji.elevarIcon::after {
    top: -246px;
}

.emoji.softrIcon::after {
    left: -60px;
    top: -245px;
}

.emoji.webflowIcon::after {
    left: -120px;
    top: -245px;
}

.emoji.bubbleIcon::after {
    left: -180px;
    top: -245px;
}

.emoji.analyzifyIcon::after {
    top: -305px;
}

.emoji.sharePointIcon::after {
    left: -60px;
    top: -303px;
}

.emoji.zapierIcon::after {
    left: -120px;
    top: -303px;
}

.emoji.GAIcon::after {
    left: 0px;
    top: -363px;
}

.emoji.gscIcon::after {
    left: -234px;
    top: -129px;
}

.emoji.kameleoonIcon::after {
    left: -58px;
    top: -363px;
}

.emoji.optimizelyIcon::after {
    left: -120px;
    top: -363px;
}

.emoji.clickFunnelsIcon::after {
    left: -181px;
    top: -360px;
}

.emoji.msAdsIcon::after {
    left: -237px;
    top: -64px;
}

.emoji.metaAdsIcon::after {
    left: -235px;
    top: -184px;
}

.emoji.platformsIconsSprite.noSeePlatformIcon.mesh::after {
    left: -180px;
    top: -130px;
}

.emoji.gAdsIcon::after {
    left: -238px;
    top: 0;
}

.platformFactsContainer > svg:first-child {
    margin: 32px 32px 0 32px;
}

.letterIcon {
    width: 28px;
    height: 28px;
    background: #c7e0f4;
    text-align: center;
    position: relative;
    top: 2px;
    border-radius: 45px;
    padding-top: 3px;
    margin-right: 8px;
    font-weight: 600;
}

.firstStep,
.trackinStep {
    margin: 32px;
    width: 600px;
}

.firstStepHeader {
    display: flex;
    align-items: center;
}

.firstStepHeader span {
    font-weight: 600;
}

.firstStep .code {
    margin-left: 32px;
}

.copyProjectId {
    margin-top: 24px;
    margin-left: 32px;
}

.secondStep {
    margin: 0 32px 32px 32px;
}

.noFirstStep {
    margin-top: 32px;
}

.secondStep .collapsibleTitle {
    font-weight: 600;
}

.secondStep .collapsibleContentTitle {
    margin-right: 8px;
}

.secondStep .markdownTutorials {
    background: white;
    padding: 5px 32px;
    margin-top: 16px;
}

.secondStep .markdownTutorials ul,
.secondStep .markdownTutorials ol {
    padding-left: 30px;
}

.installationBreadcrum .ms-Breadcrumb-itemLink > * {
    font-size: 14px;
    color: white;
}

.installationBreadcrum .ms-Breadcrumb-chevron {
    color: white;
}

.installationBreadcrum .ms-Breadcrumb-itemLink:hover,
.crumbLink:hover {
    background-color: transparent;
    text-decoration: underline;
    text-decoration-color: white;
    font-weight: 600;
    color: white;
}

.ms-Fabric--isFocusVisible .crumbLink:focus::after {
    content: "";
    position: absolute;
    inset: 1px;
    border: 1px solid rgb(255, 255, 255);
    outline: rgb(96, 94, 92) solid 1px;
    z-index: 1;
}

.crumbTP {
    color: white;
    padding: 0 8px;
}

.learnMore {
    color: rgb(0, 120, 212);
}

.learnMore:hover {
    text-decoration: underline;
}

.ms-Fabric--isFocusVisible .learnMore:focus,
.ms-Fabric--isFocusVisible .thirdPartyPlatform:focus {
    box-shadow: rgb(96 94 92) 0px 0px 0px 1px inset;
    outline: rgb(96, 94, 92) auto 1px;
}

.installMethodsButton,
.installationBreadcrum:last-child .ms-Breadcrumb-item {
    font-weight: 600;
    color: white;
    font-size: 14px;
}

.installationBreadcrum.withIcon {
    height: 38.5px;
    display: flex;
    align-items: center;
}

.installationBreadcrum.withIcon svg {
    display: block;
}

.installationBreadcrum svg {
    display: none;
}

.goBackBreadcrumb {
    display: flex;
    color: white;
    align-items: center;
    cursor: pointer;
}

.goBackBreadcrumb svg {
    margin-right: 8px;
}

.breadCrumItem {
    margin-right: 8px;
}

.almostThere {
    height: 48px;
    width: 47px;
}

.gettingStarted .centered {
    margin: 0 auto;
    width: fit-content;
    position: relative;
}

.setupSubtitle {
    color: white;
    font-size: 24px;
    line-height: 32px;
    margin: 0 0 32px 56px;
}

.setupOptionTiles {
    display: flex;
    margin-top: 52px;
}

.appsOptionTiles {
    justify-content: center;
}

.setupOptionTile {
    width: 400px;
    background: #faf9f8;
    box-shadow:
        0px 1.6px 3.6px rgba(0, 0, 0, 0.132),
        0px 0.3px 0.9px rgba(0, 0, 0, 0.108);
    border-radius: 8px;
    padding: 24px 24px 44px;
    margin-right: 24px;
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 350px;
}

.setupOptionTile:last-child {
    margin-right: 0;
}

.setupOptionTile .emoji {
    height: 100px;
    width: 105px;
}

.setupOptionTitle {
    font-size: 16px;
    line-height: 20px;
    font-weight: 600;
    margin-top: 153px;
    margin-bottom: 16px;
}

.setupOptionTitle.withDescription {
    margin-top: 16px;
}

.setupButtonWrapper {
    flex: 1;
    display: flex;
    align-items: flex-end;
    margin-top: 48px;
}

.setupButtonWrapper > :first-child {
    margin-right: 8px;
}

.emoji.trackingCode::after {
    left: -48px;
}

.emoji.thirdPartyIcon::after {
    left: -162px;
}

.emoji.heartEnvelope::after {
    left: -277px;
}

.emoji.installGTM::after {
    left: -442px;
}

.emoji.installGA::after {
    left: -545px;
}

.emoji.installGO::after {
    left: -647px;
}

.emoji.installHubspot::after {
    left: -749px;
}

.setupOptionTiles ~ a,
.stillnoData {
    color: white;
    text-align: center;
    margin-top: 41px;
    text-decoration: underline;
    display: inline-block;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    font-weight: 600;
}

.setupOptionTiles ~ a:hover,
.setupOptionTiles ~ a:focus,
.setupOptionTiles ~ a:active,
.setupOptionTiles ~ a:active:hover {
    color: white;
    text-decoration: underline;
}

.checklist {
    padding: 48px 48px 30px;
    color: #323130;
    background-color: #faf9f8;
    margin-bottom: 78px;
}

.checklistTitle {
    font-weight: 600;
    font-size: 26px;
    line-height: 35px;
    margin-bottom: 8px;
}

.checklistSubtitle {
    margin-bottom: 32px;
    font-size: 16px;
    line-height: 20px;
}

.checklistArea {
    display: flex;
    box-shadow:
        0px 0.3px 0.9px rgba(0, 0, 0, 0.1),
        0px 1.6px 3.6px rgba(0, 0, 0, 0.13);
    border-radius: 8px;
    overflow: hidden;
    user-select: none;
}

.checklistAreaLoading {
    min-height: 900px;
    margin-top: 60px;
}

.checklistItems {
    flex: 0 1 auto;
}

.checklistItem {
    background-color: #edebe9;
    display: flex;
    border-bottom: 1px solid #c4c4c4;
}

.appsCheckList .checklistItem {
    min-height: 98px;
}

.checklistItem:last-child {
    border-bottom: none;
}

.checklistCircle {
    background-color: white;
    border: 1px solid #323130;
    border-radius: 24px;
    height: 24px;
    width: 24px;
    margin: 29px;
    flex: 1 0 auto;
}

.checklistCircle.unChecked circle {
    fill: #8a8886;
}

.checklistCircle svg {
    position: relative;
    left: -1px;
    top: -1px;
}

.appsCheckList .checklistCircle {
    margin: auto 29px;
}

.checklistTextArea {
    background-color: #faf9f8;
    padding: 16px;
    width: 100%;
}

.appsCheckList .checklistTextArea {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.checklistItemTitle {
    margin-bottom: 8px;
}

.mountainArea {
    background-color: white;
    padding: 52px 89px 39px 85px;
    position: relative;
    flex: 0 0 auto;
}

.appsCheckList .mountainArea {
    padding: 46px 104px 14px 104px;
}

.completedBadge {
    display: inline-block;
    position: absolute;
    top: 114px;
    left: 163px;
    padding: 12px;
    color: #2f9596;
    border: 1px solid #2f9596;
    border-radius: 8px;
    font-size: 18px;
    line-height: 24px;
}

.appsCheckList .completedBadge {
    top: 78px;
    left: 172px;
}

.completedBadge.completed {
    background-color: #2f9596;
    color: white;
}

.mountainIllustration {
    position: relative;
    top: 56px;
}

.appsCheckList .mountainIllustration {
    top: 17px;
}

.appsCheckList .mountainIllustration svg {
    display: block;
    width: 494px;
}

.flagEmoji {
    width: 68px;
    height: 68px;
    top: 50px;
    right: 331px;
}

.appsCheckList .flagEmoji {
    top: 18px;
    right: 330px;
}

.flagEmoji::after {
    left: -377px;
}

.goat {
    position: absolute;
}

.goat.step0 {
    right: 132px;
    top: 453px;
}

.appsCheckList .goat.step0 {
    right: 151px;
    top: 391px;
}

.goat.step1 {
    transform: scaleX(-1) rotate(-16.71deg);
    right: 119px;
    top: 376px;
}

.appsCheckList .goat.step1 {
    right: 211px;
    top: 296px;
}

.goat.step2 {
    transform: scaleX(-1) rotate(-16.71deg);
    right: 235px;
    top: 340px;
}

.appsCheckList .goat.step2 {
    transform: scaleX(-1) rotate(-27.21deg);
    right: 374px;
    top: 231px;
}

.goat.step3 {
    transform: scaleX(-1) rotate(-27.21deg);
    right: 346px;
    top: 296px;
}

.appsCheckList .goat.step3 {
    transform: rotate(-7deg);
    right: 323px;
    top: 179px;
}

.goat.step4 {
    transform: rotate(-7deg);
    right: 412px;
    top: 234px;
}

.appsCheckList .goat.step4 {
    transform: scaleX(-1) rotate(-63.83deg);
    right: 203px;
    top: 140px;
}

.goat.step5 {
    transform: rotate(-7deg);
    right: 285px;
    top: 217px;
}

.appsCheckList .goat.step5 {
    transform: scaleX(-1) rotate(-50.83deg);
    right: 258px;
    top: 44px;
}

.goat.step6 {
    transform: scaleX(-1) rotate(-62.26deg);
    right: 210px;
    top: 160px;
}

.goat.step7 {
    transform: scaleX(-1) rotate(-50.83deg);
    right: 263px;
    top: 71px;
}

.goatHearts {
    position: absolute;
    top: 32px;
    left: 376px;
}

.appsCheckList .goatHearts {
    top: 6px;
    left: 376px;
}

.blogUpsell {
    padding: 0 48px;
}

.blogTitle {
    display: inline-block;
    font-weight: 600;
    font-size: 26px;
    line-height: 35px;
    margin-bottom: 32px;
    margin-right: 8px;
}

.blogTitleArea a {
    text-decoration: underline;
}

.blogItems {
    display: flex;
    margin-bottom: 115px;
}

.blogItem {
    display: flex;
    box-shadow:
        0px 1.6px 3.6px rgba(0, 0, 0, 0.132),
        0px 0.3px 0.9px rgba(0, 0, 0, 0.108);
    border-radius: 8px;
    margin-right: 24px;
    min-height: 120px;
    overflow: hidden;
}

.blogItem:last-child {
    margin-right: 0;
}

a.blogItem:hover {
    text-decoration: none;
}

.blogItem img {
    object-fit: contain;
    background: #f5f8fa;
}

.blogItemTextArea {
    padding: 24px 23px 16px;
    color: #323130;
    font-size: 14px;
    line-height: 19px;
    width: 298px;
}

.blogItemTextArea a:hover {
    text-decoration: none;
}

.blogItemTitle {
    font-weight: 600;
    margin-bottom: 16px;
}

.socialBar {
    padding: 54px 0;
    background-color: #eff6fc;
}

.socialMediaItems,
.socialMediaItem {
    display: flex;
    font-size: 12px;
    line-height: 16px;
}

.socialMediaItem {
    border: 2px solid white;
    border-radius: 38px;
    align-items: center;
    margin-right: 16px;
    padding: 2px 20px 2px 2px;
    background-color: rgba(255, 255, 255, 0.5);
}

.socialMediaItem:last-child {
    margin-right: 0;
}

.socialMediaIcon {
    overflow: hidden;
    transform-origin: top left;
    width: 30px;
    height: 30px;
    margin-right: 12px;
}

.socialMediaIcon::after {
    content: url(https://claritystatic.azureedge.net/images/SocialMediaIcons.png);
    position: relative;
}

.socialMediaItem:nth-child(2) .socialMediaIcon::after {
    left: -32px;
}

.socialMediaItem:last-child .socialMediaIcon::after {
    left: -63px;
}

a.socialMediaItem:hover {
    text-decoration: none;
}

.socialMediaName {
    color: #323130;
}

.trackingCodeContainer .goBackInstallation,
.needHelpContainer .goBackInstallation {
    margin-bottom: 8px;
}

.thirdPlatformSprite.trackingCodeIcon::after {
    left: -160px;
}

.needHelpSprite {
    position: absolute;
    overflow: hidden;
    transform-origin: top left;
}

.needHelpSprite::after {
    content: url(https://claritystatic.azureedge.net/images/needHelpSprite.png);
    position: relative;
}

.needHelpSprite.envelopeIcon {
    width: 50px;
}

.trackingCodeContainer .setupTitle > span {
    margin: 9px 0 0 70px;
}

.trackingCodeContainer .setupTitle {
    margin-bottom: 40px;
}

.thirdPlatformSprite.trackingCodeIcon {
    height: 58px;
}

.needHelpContainer .setupTitle {
    margin-bottom: 32px;
}

.needHelpContent .imageDiv {
    width: 420px;
    height: 380px;
    background: #eff6fc;
    border-radius: 6px;
}

.needHelpSprite.sendEnvelope {
    width: 255px;
    margin-top: 95px;
}

.needHelpSprite.mailbox {
    bottom: 0px;
    right: 0px;
    width: 150px;
}

.needHelpSprite.sendEnvelope::after {
    left: -48px;
}

.needHelpSprite.mailbox::after {
    left: -300px;
}

.needHelpContent {
    display: flex;
}

.step {
    margin: 32px 32px 0 32px;
}

.stepContent {
    max-width: 420px;
}

.emailTextField {
    margin: 25px 0 32px 0;
}

.needHelpImage {
    width: 600px;
    min-width: 400px;
}

.emojiDescription {
    margin-top: 115px;
    background-color: #2f9596;
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    border-radius: 127.273px;
    padding: 2px 10px;
    color: white;
    max-width: fit-content;
}

.emojiDescription svg {
    margin-left: 6px;
}

.setupOptionTiles .loadingState {
    height: 376px;
}

.loadingState > :first-child {
    margin-bottom: 5px;
}

.loadingState .ms-Spinner-label {
    color: white;
}

.settingsVertical .checklist {
    background: white;
}

.settingsVertical .checklistTitle {
    display: none;
}

.settingsVertical .checklist .centered,
.settingsVertical .blogUpsell .centered {
    margin: 0;
}

.setupContainer.setupFRE {
    max-width: 100%;
}

.setupOptionTile.isSettingsPage {
    background-color: white;
    border: 1px solid #c4c4c4;
    box-shadow: none;
    width: 370px;
    height: 350px;
    min-width: 370px;
}

.setupOptionTile.isSettingsPage .setupButtonWrapper {
    margin-top: 0px;
}

.clarityInstalledInfo {
    color: white;
    padding-top: 37px;
    font-weight: 400;
    font-size: 18px;
    line-height: 20px;
}

.clarityInstalledHeader {
    cursor: pointer;
}

.clarityInfoExpandIcon {
    transform: rotate(-90deg);
    transition: transform 0.1s linear 0s;
}

.clarityInfoExpanded {
    transform: rotate(0deg);
}

.clarityInstalledTitle {
    padding-left: 10px;
}

.clarityInstalledInfoExpanded {
    padding: 26px 30px;
}

.clarityInfoStepNo {
    padding-right: 8px;
}

.clarityInstalledInfoExpanded {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
}

.clarityInstallTroubleShoot {
    padding-top: 36px;
}

.clarityInstallTroubleShootLink {
    color: white;
    text-align: center;
    text-decoration: underline;
    display: inline-block;
}

.clarityInstallTroubleShootLink:hover,
.clarityInstallTroubleShootLink:active,
.clarityInstallTroubleShootLink:active:hover,
.clarityInstallTroubleShootLink:focus {
    color: white;
    text-decoration: underline;
}

.clarityInstalledStep {
    padding-bottom: 22px;
}

.visitSiteButton {
    margin-left: 10px;
    border: 1px solid white;
    color: white;
    background: transparent;
}

.visitSiteButton:hover {
    background: rgb(0, 0, 0, 0.1);
    color: white;
}

.attestationContainerWrapper {
    max-height: 252px;
    border: 1px solid #d1d1d1;
    background: #fafafa;
    border-radius: 4px;
    display: flex;
    flex-direction: column;
}

.attestationContainer {
    overflow-y: auto;
    padding: 16px 8px 16px 30px;
}

.attestationContainer p {
    margin-left: -14px;
}

.attestationContainer strong {
    text-decoration: underline;
}

.attestationContainer li::marker {
    font-weight: 600;
}

.attestationContainer .alphaList {
    list-style-type: lower-alpha;
    padding-left: 24px;
}

.attestationContainer .romanList {
    list-style-type: lower-roman;
    padding-left: 24px;
}

.attestationContainerWrapper .acceptTerms {
    width: 100%;
    background: #fff;
    box-shadow:
        0px -3.2px 7.2px 0px rgba(0, 0, 0, 0.08),
        0px -0.6px 1.8px 0px rgba(0, 0, 0, 0.1);
    border-radius: 0 0 4px 4px;
    padding: 14px 24px;
    display: flex;
    justify-content: center;
}

.attestationContainerWrapper .acceptTerms label {
    align-items: center;
    gap: 0;
}

.attestationContainerWrapper .acceptTerms .ms-Checkbox-checkbox {
    margin-right: 0;
}

.eventSettingsContainer {
    display: flex;
    flex-direction: column;
    max-width: 932px;
}

.eventSettingsDescription {
    padding-bottom: 25px;
}

.eventSettingsFiltersHeader {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    gap: 80px;
}

.allEventsDropdown {
    box-sizing: border-box;
    width: 218px;
    height: 32px;
    background: #ffffff;
    border-radius: 2px;
    flex: none;
    align-self: stretch;
    flex-grow: 0;
}

.findEventTextbox {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    width: 217px;
    height: 32px;
    border-radius: 2px;
    flex: none;
    flex-grow: 0;
}

.findEventTextbox div {
    color: #616161;
}

.createEventButton {
    min-width: 116px;
    max-width: 130px;
    width: 100%;
}

.createEventButton :disabled {
    background: #f3f2f1;
}

.eventCounterRow > .ms-layer {
    position: absolute;
}

.eventSettingsFiltersGroup {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 20px;
}

.eventCounterRow {
    margin-top: 20px;
}

.eventCounterText {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    display: flex;
    align-items: center;
    text-align: center;
    color: #323130;
    padding: 13px 0px 9px 0px;
    float: left;
}

.eventsZeroState {
    display: flex;
    flex-direction: column;
    align-self: center;
    justify-content: center;
    text-align: center;
    margin-top: 16px;
}

.eventSettingsList {
    overflow: auto;
    height: 100%;
    width: 100%;
}

.eventSettingsList table {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
}

.eventSettingsList thead {
    width: 100%;
}

.eventSettingsList tbody {
    width: 100%;
    max-height: calc(100vh - 400px);
    overflow-x: hidden;
    overflow-y: auto;
}

.eventSettingsList tr {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 9px;
    cursor: pointer;
}

.eventSettingsList tr:not(.eventSettingsListHeader):hover {
    background-color: rgb(243, 242, 241);
}

.eventSettingsList th:first-child,
.eventSettingsList th:nth-child(2) {
    display: flex;
    flex-direction: row;
    padding: 13px 0px;
    align-items: center;
    color: #323130;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    width: 325px;
    overflow: hidden;
}

.eventSettingsList td:first-child,
.eventSettingsList td:nth-child(2) {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 4px;
    width: 325px;
    height: 42px;
    overflow: hidden;
}

.eventSettingsListHeader th:first-child {
    display: flex;
    flex-direction: row;
    gap: 4px;
}

.eventSettingsListSort {
    color: #252423;
}
tr.clarityEvent,
tr.disabledClarityEvent {
    border-bottom: 1px solid #edebe9;
    padding: 8px 0 8px 8px;
}

.eventIconContainer {
    display: flex;
    align-items: center;
}

.eventIconBackground {
    background-color: #eaeaff;
    color: #9692ff;
    border-radius: 28px;
    height: 28px;
    width: 28px;
    justify-content: center;
    align-items: center;
    display: flex;
    margin-right: 12px;
}

.eventIconBackground svg {
    width: 25px;
}

.eventSettingsEventName {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    display: flex;
    align-items: center;
    color: #0078d4;
}

.editEventSettingsColumn {
    width: 61%;
    height: 42px;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: flex-start;
}

.editEventSettingsColumn > .ms-layer {
    position: absolute;
}

.editEventSettingsColumn > .ms-TooltipHost {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.editEventSettings {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    width: 160px;
    justify-content: center;
}

.eventEditButtonContainer {
    width: 75px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.eventEditButton {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    background: transparent;
    padding: 0;
}

.editEventDeleteButtonContainer {
    width: 75px;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.editEventDeleteButton {
    padding: 0;
    width: 100%;
    height: 100%;
    display: flex;
}

.editEventDeleteButton > span {
    justify-content: flex-start;
}

.editEventDeleteButton > span > i {
    margin-left: 0;
}

.eventState {
    width: 75px;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #0078d4;
    cursor: pointer;
    background: none;
    border: none;
    padding: 0;
    text-align: left;
}

.eventState.disabled {
    color: rgb(210, 208, 206);
    cursor: default;
}
tr.disabledClarityEvent {
    color: #a19f9d;
    cursor: default;
}

.eventDetails {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 13px 12px;
    gap: 4px;
    width: 325px;
    height: 42px;
}

.eventManagerModal {
    overflow: hidden;
    background-blend-mode: color, luminosity;
    backdrop-filter: blur(120px);
    border-radius: 7px;
    max-width: 1100px;
    width: 100%;
    max-height: 658px;
    height: 100%;
}

.eventManagerModal > .ms-Modal-scrollableContent {
    position: absolute;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    width: 100%;
    height: 100%;
}

.eventManagerHeader {
    max-width: 1100px;
    height: 60px;
    padding: 10px 15px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    border-bottom: 1px solid #edebe9;
}

.eventManagerEditHeader {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
    float: left;
}

.eventManagerExitButton {
    align-self: center;
    color: #323130;
}

.eventManagerEditTitle {
    display: flex;
    flex-direction: row;
    gap: 7px;
    font-weight: 400;
    font-size: 20px;
    line-height: 28px;
    color: #323130;
}

.eventManagerEventName {
    font-weight: 600;
}

.eventManagerTextbox {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    width: 320px;
    border: 1px solid #605e5c;
    border-radius: 2px;
}

.eventManagerTextbox .ms-TextField-wrapper {
    width: 100%;
}

.eventManagerTextbox .ms-TextField-fieldGroup {
    background: none;
    border: none;
    border-radius: 0;
}

.eventManagerTextboxInput {
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    color: #252423;
}

.eventManagerEditIcon {
    margin: 4px;
    width: 36px;
    height: 42px;
    cursor: pointer;
    color: #252423;
}

.eventManagerContainer {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    width: 100%;
    height: calc(100% - 60px);
    background: rgba(255, 255, 255, 0.5);
    border-radius: 0px 0px 7px 7px;
}

.eventCatalogue {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding-right: 8px;
    gap: 4px;
    width: 50%;
    height: 100%;
    border-radius: 0px 0px 0px 7px;
}

.eventCatalogueContent {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 16px;
    gap: 12px;
    width: 100%;
    height: 100%;
    flex-grow: 1;
}

.eventCataloguePivot {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 0;
    gap: 8px;
    align-self: stretch;
}

.eventCataloguePivot [role="tabpanel"] {
    width: 0;
}

.eventCataloguePivotItem {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0px 8px;
    width: 97px;
    height: 44px;
}

.eventCatalogueSearchBox {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 6px 8px;
    margin: 12px;
    max-width: 390px;
    width: 100%;
    background: #ffffff;
    border: 1px solid #605e5c;
    border-radius: 2px;
}

.eventCatalogueSearchBox .ms-SearchBox-iconContainer {
    color: #616161;
}

.eventCatalogueDivider {
    width: 100%;
    height: 1px;
    background: #edebe9;
    align-self: stretch;
}

.eventCatalogueAddPrompt {
    font-size: 14px;
    line-height: 20px;
    display: flex;
    align-items: flex-end;
    color: #323130;
    align-self: stretch;
}

.eventCatalogueLoading {
    align-self: center;
}

.eventCatalogueDetailsList {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 16px;
    gap: 22px;
    width: 100%;
}

.eventSettingsDetailsLoading {
    width: 100%;
}

.eventSettingsDetailsContainer {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 50%;
    height: 100%;
    background: #f3f2f1;
    border: 1px solid #e1dfdd;
    box-shadow:
        inset -4px -4px 4px rgba(0, 0, 0, 0.05),
        inset 4px 4px 4px rgba(0, 0, 0, 0.05);
    border-radius: 0px 0px 7px 0px;
}

.eventSettingsDetailsContent {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 16px;
    gap: 20px;
    max-height: 540px;
    width: 100%;
    height: 100%;
}

.eventSettingsSelectedEventsLabel {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 24px;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    color: #000000;
}

.eventSettingsAddFilterGroup {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 6px 20px;
    gap: 8px;
    width: 132px;
    height: 36px;
    border-radius: 2px;
    cursor: pointer;
}

.eventSettingsAddFilterLabel {
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    display: flex;
    align-items: flex-end;
    color: #0078d4;
}

.eventSettingsDetailsList {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    width: 100%;
    height: 100%;
    overflow-y: auto;
}

.eventSettingsDetailsList.summary {
    width: 70%;
    height: 80%;
    align-items: center;
    justify-items: center;
}

.eventSettingsFooter {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 487px;
    height: 64px;
    padding: 16px;
    background: rgba(255, 255, 255, 0.8);
    align-self: stretch;
}

.eventSettingsFooterActions {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    justify-content: flex-end;
    gap: 8px;
    width: 100%;
    height: 32px;
}

.eventSettingsButton {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 6px 20px;
    border-radius: 4px;
}

/* Accessible gradient — see fluentUIOverrides.css .ms-Button--primary. Bug 10684150 */
.eventSettingsNextButton {
    height: 32px;
    background: linear-gradient(280.75deg, #0078d4 0%, #6a5ae0 94.81%);
}

.eventSettingsNextButton.disabled {
    background-color: rgb(243, 242, 241);
    color: rgb(210, 208, 206);
}

.eventSettingsCancelButton {
    box-sizing: border-box;
    height: 32px;
    background: #ffffff;
    border: 1px solid #0078d4;
    color: #004578;
}

.eventDetailsBox {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 800px;
    width: 100%;
    background: #ffffff;
    border: 1px solid #e1dfdd;
    border-radius: 4px;
}

.eventDetailsHeader {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 8px 16px;
    width: 100%;
    background: #eff6fc;
}

.eventDetailsHeader.autoEvent {
    background: linear-gradient(307.31deg, #fae9ff -9.47%, #deecf9 75.93%);
}

.eventDetailsBody {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: baseline;
    padding: 12px 24px;
    gap: 10px;
    width: 100%;
    cursor: default;
}

.eventDetailsTitle {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 12px;
}

.eventDetailsTitleCombo {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.eventDetailsCategory {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    display: flex;
    align-items: center;
    color: #323130;
    cursor: default;
}

.eventDetailsLabel {
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    display: flex;
    align-items: center;
    color: #1b1a19;
    cursor: default;
}

.eventDetailsLabel > span {
    max-width: 360px;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.eventDetailsTooltip {
    background: transparent;
}

.eventDetailsTooltip:hover {
    background: transparent;
}

.eventDetailsButtonsCombo {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 7px;
    cursor: pointer;
}

.eventDetailsChevron {
    cursor: pointer;
    color: #424242;
}

.eventDetailsChevron:hover {
    background-color: transparent;
}

.eventDetailsButton {
    display: flex;
    align-items: center;
    width: 24px;
    height: 24px;
    cursor: pointer;
}

.eventFilterRow {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0;
    gap: 10px;
    width: 511px;
    height: 32px;
    background: #ffffff;
}

.eventFilterDropdown {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    display: flex;
    align-items: flex-end;
    color: #323130;
}

.eventFilterDropdown .ms-Dropdown-title {
    border: none;
}

.eventFilterDropdown .ms-Dropdown {
    width: 128px;
}

.eventFilterSearchBox {
    border: none;
    width: 312px;
}

.eventFilterSeparator {
    width: 1px;
    height: 16px;
    background: #c8c6c4;
}

.eventFilerAddSmallIcon {
    margin-left: 3px;
}

.eventBadgeRow {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 0;
    width: 511px;
    height: 28px;
    background: #c7e0f4;
    border-radius: 2px;
}

.eventBadgeText {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    padding: 4px 8px;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #004578;
}

.eventSummaryPage {
    display: flex;
    flex-direction: column;
    gap: 12px;
    height: 100%;
    overflow: hidden;
}

.eventSummaryHeaderBox {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 8px 16px 8px 16px;
    gap: 4px;
    width: 100%;
    height: 68px;
    background: #ffffff;
    border-radius: 8px;
    box-shadow: 0px 4.800000190734863px 14.399999618530273px 0px #837eff4d;
}

.eventSummaryNav {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.eventSummaryNavTitle {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 110px;
    padding: 6px 0px;
    gap: 10px;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    cursor: pointer;
}

.eventSummaryNavTitle:hover {
    font-weight: 600;
}

.eventSummaryChevron {
    padding: 12px 12px 7px;
    width: 12px;
    height: 12px;
}

.eventSummaryChevron:hover {
    background: none;
    cursor: default;
}

.eventSummaryChevron > span > i {
    font-size: 12px;
    color: #605e5c;
}

.eventSummaryNavSelected {
    display: flex;
    align-items: flex-end;
    text-align: center;
    cursor: default;
}

.eventSummaryNavAction {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 6px 20px;
    /* Accessible gradient — see fluentUIOverrides.css .ms-Button--primary */
    background: linear-gradient(280.75deg, #0078d4 0%, #6a5ae0 94.81%);
    border-radius: 8px;
}

.eventSummaryContent {
    display: flex;
    flex-direction: row;
    height: 100%;
    background: #faf9f8;
    border-radius: 8px;
}

.eventOverviewContainer {
    width: 100%;
    max-width: 400px;
    height: 100%;
    box-shadow: 0px 4.800000190734863px 14.399999618530273px 0px #837eff4d;
    border-radius: 8px;
    background: #ffffff;
}

.smartEventSectionTitle {
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
    color: #323130;
}

.smartEventSectionTitle:hover {
    color: #605e5c;
    text-decoration: none;
}

.eventOverviewAnalysis {
    display: flex;
    flex-direction: column;
    gap: 23px;
    margin: 0px 16px;
}

.eventOverviewTitle {
    padding: 22px 0px 15px 16px;
}

.eventOverviewBox {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    background: #ffffff;
    border-radius: 8px;
    border: 1px solid #eaeaff;
    box-shadow:
        0px 0.3px 0.9px rgba(0, 0, 0, 0.1),
        0px 1.6px 3.6px rgba(0, 0, 0, 0.13);
}

.eventAnalysisHeader {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 14px 16px;
    width: 100%;
    height: 100%;
}

.eventAnalysisHeaderText {
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    color: #323130;
}

.eventAnalysisSeparator {
    height: 1px;
    width: 100%;
    background: rgba(0, 0, 0, 0.1);
    mix-blend-mode: normal;
}

.eventAnalysisRow {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
}

.eventAnalysisText {
    font-weight: 600;
    line-height: 20px;
    color: #323130;
}

.eventAnalysisText.count {
    font-weight: 400;
}

.eventAnalysisDetails {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 16px 16px 20px 16px;
    gap: 12px;
    width: 100%;
}

.eventSummaryBreakdown {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.eventWizardContent {
    height: 100%;
    background: linear-gradient(307.31deg, #fae9ff -9.47%, #deecf9 75.93%);
    display: flex;
    padding: 24px 44px;
    overflow-y: auto;
    flex-direction: column;
    align-items: center;
    gap: 24px;
}

.eventWizardText {
    display: flex;
    align-items: center;
    font-weight: 400;
    font-size: 24px;
    line-height: 32px;
    color: #1b1a19;
    margin: auto;
}

.eventWizardGrid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 25px;
    margin: auto;
}

.eventWizardSeparatorGroup {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 6px;
    width: 100%;
    max-width: 1012px;
}

.eventWizardSeparator {
    width: 50%;
    height: 0;
    border: 1px solid #827dff;
}

.eventWizardBox {
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    padding: 16px;
    gap: 7px;
    width: 180px;
    max-height: 112px;
    background: #ffffff;
    border-radius: 8px;
}

.eventWizardBox:hover {
    cursor: pointer;
    border: 1px solid #827dff;
    box-shadow:
        0px 1.2px 3.6px rgba(0, 0, 0, 0.1),
        0px 6.4px 14.4px rgba(0, 0, 0, 0.13);
}

.eventWizardBox.selected {
    border: 1px solid #827dff;
}

.eventWizardBoxTop {
    display: flex;
    flex-direction: row;
    width: 80%;
    height: 55px;
    align-self: flex-end;
}

.eventWizardBoxCheckbox {
    box-sizing: border-box;
    width: 20px;
    border-radius: 2px;
    justify-content: flex-end;
}

.eventWizardBoxCheckbox.ms-Checkbox-label {
    margin-top: 0px;
    margin-bottom: 0px;
}

.eventWizardBoxEventIcon {
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-end;
}

.eventWizardBoxEventIcon > svg > path {
    color: #0078d4;
}

.eventWizardBoxEventIcon > .eventIconBackground {
    height: 40px;
    width: 40px;
}

.eventWizardBoxEventTitle {
    align-self: center;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    overflow-wrap: break-word;
    text-align: center;
}

.eventWizardRadioButton {
    position: relative;
    appearance: none;
    width: 15px;
    height: 17px;
    border: 1px solid #323130;
    border-radius: 50%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    align-self: flex-end;
}

.eventWizardRadioButton:checked {
    border: 1px solid #827dff;
}

.eventWizardRadioButton::before {
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 50%;
    transform: scale(0);
    transition: 80ms transform ease-in;
    box-shadow: inset 10px 10px #827dff;
}

.eventWizardRadioButton:checked::before {
    transform: scale(1);
}

.eventWizardBoxTop .eventWizardRadioButton {
    align-self: flex-start;
    width: 17px;
    height: 15px;
}

.eventWizardScratchOption {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    align-self: center;
    height: 70px;
}

.eventWizardAddEvent {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 50px;
    width: 100%;
    height: 100%;
}

.eventWizardAddEventMessage {
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    display: flex;
    align-items: center;
    text-align: center;
}

.eventWizardFooter {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 16px;
    gap: 487px;
    max-width: 1100px;
    max-height: 64px;
    border-radius: 0px 0px 7px 7px;
}

.eventWizardFooterActions {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    justify-content: flex-end;
    gap: 8px;
    width: 100%;
    height: 32px;
}

.eventWizardBackButton {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 6px 20px;
    width: 68px;
    height: 32px;
    border-radius: 2px;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    color: #0078d4;
    cursor: pointer;
}

.eventDeletionModal {
    padding: 16px;
    max-width: 80%;
}

.eventDeletionModal > .ms-Modal-scrollableContent {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.eventDeletionHeader {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.eventDeletion {
    font-weight: 600;
    font-size: 20px;
    line-height: 28px;
}

.eventDeletionConfirmation {
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    padding: 16px 0px;
}

.eventDeletionConfirmation + span {
    margin-top: -10px;
}

.eventDeletionFunnelContainer {
    width: 100%;
    border-radius: 4px;
    border: 1px solid #d1d1d1;
    background: #fafafa;
    padding: 8px 8px 8px 32px;
    margin-bottom: 22px;
    max-height: 124px;
    overflow-y: scroll;
}

.eventDeletionActions {
    display: flex;
    flex-direction: row;
    align-self: flex-end;
    gap: 10px;
}

.eventSignalsContainer {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    width: 50%;
    height: 100%;
    background: #eff6fc;
}

.eventSignals {
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
}

.eventSignalsOptions {
    display: flex;
    flex-direction: row;
    gap: 12px;
}

.eventNameContainer {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-height: 535px;
    height: 100%;
}

.eventNameBackground {
    position: absolute;
    width: 100%;
    height: 100%;
}

.eventName {
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
}

.eventNameContent {
    position: absolute;
    display: flex;
    flex-direction: column;
    gap: 24px;
    align-items: center;
}

.eventNameTextField {
    width: 526px;
}

.eventNameTextField .ms-TextField-fieldGroup {
    background: transparent;
    border: 0px;
    border-bottom: 2px solid;
    border-color: #0078d4;
}

.eventNameTextField .ms-TextField-field {
    font-size: 18px;
}

.eventPageVisitsFilter {
    display: flex;
    flex-direction: row;
    gap: 8px;
    align-items: flex-end;
    justify-content: center;
}

.eventPageVisitsURLLabel {
    display: flex;
    width: max-content;
    height: 100%;
    align-items: center;
}

.eventPageVisitsDropdown {
    border-bottom: 1px solid;
}

.eventPageVisitsDropdown .ms-Dropdown-title {
    background: transparent;
}

.eventPageVisitsSearchBox {
    width: 220px;
    background: transparent;
    border-bottom: 1px solid;
}

.eventPageVisitsLoading {
    margin-bottom: 5px;
    width: 60px;
}

.eventPageVisitsAddButton {
    min-width: 60px;
    padding: 0;
    background: #ffffff;
    color: #323130;
    border: 1px solid;
}

.eventPageVisitsAddButton.disabled {
    background-color: rgb(243, 242, 241);
    color: rgb(210, 208, 206);
    border: transparent;
}

.eventPageVisitsAddButton:hover {
    background: #ffffff;
    color: #323130;
}

.eventCatalogueNoData {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 100%;
    height: 100%;
}

.eventCatalogueNoDataMessage {
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    text-align: center;
}
@media only screen and (max-width: 840px) {
    .eventCataloguePivot .ms-FocusZone {
        display: flex;
        flex-direction: column;
    }
    .eventSignalsOptions {
        display: flex;
        flex-direction: column;
        gap: 12px;
    }
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video,
textarea {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    vertical-align: baseline;
    -webkit-tap-highlight-color: transparent;
    outline: none;
}

html,
body {
    height: 100%;
    width: 100%;
}

body {
    font-family: "Segoe UI", "Segoe UI Web (West European)", -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif;
    color: black;
    background-color: #f1f1f1;
    font-size: 14px;
    line-height: 20px;
    box-sizing: border-box;
}

::-webkit-scrollbar {
    width: 10px;
    height: 12px;
}

::-webkit-scrollbar-track {
    background: transparent;
}

::-webkit-scrollbar-thumb {
    border-radius: 8px;
    border: solid 2px #fff;
    background: #bcbab7;
    min-height: 40px;
}

::-webkit-scrollbar-thumb:hover {
    background: #99a3a6;
}

.identity {
    display: flex;
    align-items: center;
    font-size: 14px;
}

.logos {
    display: flex;
    margin-bottom: 20px;
}

.embeddedPage .logos {
    position: absolute;
    top: 50px;
}

.embedClarityHeader .logos {
    margin-bottom: 0;
}

.msLogo {
    margin-right: 8px;
    width: 92px;
}

.msLogo img {
    display: block;
    width: 90px;
    height: auto;
}

.msLogo:focus-visible {
    outline: 1px solid;
}

.ms-Dropdown-container label {
    color: black;
}

.clarityLogo span {
    padding-bottom: 2px;
}

.clarityLogo > span {
    position: relative;
}

.clarityLogo > span::before {
    background: black;
    content: "";
    display: none;
    height: 2px;
    position: absolute;
    width: 100%;
    bottom: -3px;
}

.clarityLogo.darkHeaderBtn > span::before {
    background: #fff;
}

a.clarityLogo {
    font-size: 20px;
    color: black;
    margin: 0 8px;
    position: relative;
    line-height: 18px;
    text-decoration: none;
}

a.clarityLogo:hover {
    text-decoration: none;
    color: black;
}

a.clarityLogo:before {
    height: 18px;
    width: 1px;
    background-color: black;
    content: "";
    display: block;
    position: absolute;
    left: -8px;
}

a.clarityLogo.darkHeaderBtn:before {
    background-color: #fff;
}

.clarityLogo:hover span::before {
    display: block;
}

.clarityLogo:hover span::before {
    bottom: -5px;
}

.clarityLogo:focus-visible {
    outline: 1px solid;
}

.embedLanding {
    width: 100%;
}

.promoLanding {
    display: flex;
    padding: 20px;
    min-height: 280px;
    background: linear-gradient(44.4deg, #3a6ad8 35.45%, #3d7fdb 72.93%, #4094eb 107.42%), linear-gradient(0deg, #c4c4c4, #c4c4c4);
    width: 100%;
    position: relative;
    box-sizing: border-box;
}

.promoLandingIllustration {
    position: absolute;
    right: 0;
}

.promoLandingIllustration svg {
    width: 30vw;
    height: 22vw;
}

.promoContent {
    text-align: left;
    margin: 41px 0px 41px 12px;
}

.waveIcon {
    margin-left: 40px;
    margin-top: 41px;
}

.promoContent h1 {
    font-weight: 600;
    font-size: 36px;
    line-height: 48px;
    color: #ffffff;
}

.promoContent h3 {
    font-weight: 400;
    font-size: 24px;
    line-height: 32px;
    color: #ffffff;
}

.promoContent h3:first-of-type {
    margin-top: 8px;
}

.promoContent button {
    background-color: #fff;
    width: 86.06px;
    height: 33.32px;
    color: #0078d4;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    margin-top: 36px;
}

.promoContent button:hover {
    background-color: #fff;
    color: #106ebe;
}

.upsellCardsContainer {
    padding: 48px 0px 10px 6.5vw;
}

.upsellCardsTitle {
    font-weight: 600;
    font-size: 26px;
    line-height: 35px;
    color: #323130;
}

.upsellCardsTitle a {
    margin-left: 16px;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #0078d4;
    text-decoration: underline;
}

.upsellCards {
    display: flex;
    margin-top: 40px;
    flex-flow: wrap;
}

.upsellCard {
    display: flex;
    margin-right: 24px;
    margin-bottom: 24px;
    overflow: hidden;
    min-height: 120px;
    width: 400px;
    max-height: 120px;
    background: #faf9f8;
    box-shadow:
        0px 1.6px 3.6px rgba(0, 0, 0, 0.132),
        0px 0.3px 0.9px rgba(0, 0, 0, 0.108);
    border-radius: 8px;
    padding: 0;
}

.upsellCard:hover,
.upsellCard:active,
.upsellCard:active:hover {
    text-decoration: none;
}

.upsellCard img {
    object-fit: contain;
    background: #f5f8fa;
    max-width: 120px;
    max-height: 120px;
}

.upsellCardText {
    color: #484644;
    font-size: 14px;
    line-height: 19px;
    padding: 0 20px;
    margin: auto 0;
}

.upsellCardText h1 {
    font-weight: 600;
    margin-bottom: 16px;
    font-size: 16px;
    line-height: 20px;
    color: #323130;
}

.upsellCardText h3 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.signInModal {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1000;
    left: 0;
}

.signInModal .overlay {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.1);
}

.signIn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    background-color: white;
    padding: 28px 0 38px;
    box-shadow:
        0px 2.4px 7.2px rgba(0, 0, 0, 0.18),
        0px 12.8px 28.8px rgba(0, 0, 0, 0.22);
    border-radius: 2px;
}

.signInTitle {
    font-size: 36px;
    line-height: 48px;
    margin-bottom: 8px;
}

.signInSubtitle {
    font-size: 13px;
    line-height: 17px;
    margin-bottom: 32px;
}

.signInButton {
    width: 240px;
    display: flex;
    font-size: 14px;
    font-weight: 600;
    padding: 8px 30px;
    align-items: center;
    border-radius: 4px;
    cursor: pointer;
    margin: 0 122px 16px;
}

.signInButton .providerLogo {
    margin-right: 16px;
}

.signInButton svg {
    display: block;
}

#msSignIn {
    background-color: #235a9f;
    color: white;
}

#fbSignIn {
    background-color: #1877f2;
    color: white;
}

#googleSignIn {
    border: 1px solid #8a8886;
    background: white;
}

.embeddedPage {
    background-color: #eff6fc;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    padding-top: 160px;
}

.loadingContainer {
    padding-top: 330px;
}

.projectDeletedOrInaccessibleLoading .loadingContainer {
    padding: 0;
}

.cookiesBlockedContent .loadingContainer {
    padding-top: 0;
    width: 100px;
}

.embeddedPage:has(.errorWrapper, .loadingContainer, .fullScreenMessage):not(
    :has(.projectDeletedOrInaccessibleLoading, .cookiesBlockedContent)
) {
    padding-top: 0;
}

.embeddedSetupChoicePage {
    background-color: #f5f7fb;
    width: 100%;
    min-height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
}

.embeddedSetupChoicePage.loadingContainer,
.embeddedSetupChoicePage .loadingContainer {
    padding-top: 0;
}

.errorWrapper {
    background-color: #eff6fc;
}

.embeddedContent {
    width: 65%;
    background: #ffffff;
    box-shadow:
        0px 0.3px 0.9px rgba(0, 0, 0, 0.1),
        0px 1.6px 3.6px rgba(0, 0, 0, 0.13);
    border-radius: 8px;
    max-width: 880px;
    min-height: 505px;
    padding: 90px 48px 24px 48px;
    display: flex;
    box-sizing: border-box;
    position: relative;
    justify-content: space-between;
    align-items: center;
}

.embeddedContent .identity {
    position: absolute;
    top: 24px;
    left: 48px;
    padding-bottom: 46px;
}

.embeddedContent img:not(.msLogoImage) {
    width: 40%;
    height: fit-content;
    max-width: 380px;
}

.embeddedContent h1 {
    font-weight: 600;
    font-size: 24px;
    line-height: 32px;
}

.projectReadyTitle {
    margin-bottom: 24px;
}

.newProjectContent {
    justify-content: space-between;
    max-height: 550px;
}

.embeddedContentText {
    max-width: 400px;
    width: 60%;
}

.embeddedContentText.firstRunConfirmation {
    align-self: normal;
    display: flex;
    flex-direction: column;
    gap: 36px;
}

.embeddedContentText.firstRunConfirmation .ms-Button {
    width: fit-content;
}

.projectDeletedOrInaccessibleLoading {
    align-items: center;
    justify-content: center;
}

.zapierChooseProject {
    background-color: #eff6fc;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.projManagementOptions {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    width: 90%;
}

.zapierChooseProject .projManagementOptions {
    width: 65%;
    background: #ffffff;
    box-shadow:
        0px 0.3px 0.9px rgba(0, 0, 0, 0.1),
        0px 1.6px 3.6px rgba(0, 0, 0, 0.13);
    border-radius: 8px;
    padding: 30px 20px 55px;
    height: auto;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    max-width: 700px;
}

.zapierChooseProject .projManagementOptions img:not(.msLogoImage) {
    width: 45%;
    height: fit-content;
}

.zapierChooseProject .projManagementOptions .content {
    display: flex;
    flex-direction: column;
}

.projManagementOptions .ms-Dropdown-container {
    margin-top: 20px;
}

.projManagementOptions .ms-Dropdown-titleIsPlaceHolder {
    color: #605e5c;
}

.projSelectDropDownDropdown {
    max-height: 400px;
}

.projOptionsDisclaimer {
    margin: 18px 0;
    font-size: 12px;
}

.projErrorDisclaimer {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.projManagementSideToSideButtons,
.newProjectSideToSideButtons,
.cookiesSideToSideButtons {
    margin-top: 12px;
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    align-items: center;
}

.newProjectSideToSideButtons,
.cookiesSideToSideButtons {
    margin-top: 35px;
}

.projManagementSideToSideButtons a,
.newProjectSideToSideButtons .backButton,
.cookiesSideToSideButtons a {
    background: #ffffff;
    border: 1px solid #8a8886;
    border-radius: 2px;
    color: #323130;
}

.projManagementSideToSideButtons a:hover,
.newProjectSideToSideButtons .backButton:hover,
.cookiesSideToSideButtons a:hover {
    background-color: rgb(243, 242, 241);
    color: #323130;
    border: 1px solid #8a8886;
}

.cookiesSideToSideButtons .buttonInLink .ms-Button {
    background: inherit;
    border: none;
    color: inherit;
    border-radius: inherit;
}

.projOptionActionButton,
.publishActionButton {
    background: #0078d4;
    width: fit-content;
    padding: 6px 20px;
    color: #fff;
    border-radius: 2px;
    border: 1px solid #0078d4;
}

.projOptionActionButton.is-disabled {
    background-color: #f3f2f1;
    color: #a19f9d;
    border: 1px solid #f3f2f1;
}

.projOptionActionButton:hover:not(.is-disabled) {
    background-color: rgb(16, 110, 190);
    border: 1px solid rgb(16, 110, 190);
    color: rgb(255, 255, 255);
    text-decoration: none;
}

.newProjFormContainer {
    display: flex;
    flex-direction: column;
    justify-content: start;
    height: 100%;
}

.newProjForm .name {
    margin-top: 15px;
}

.newProjForm .website {
    margin-top: 30px;
}

.newProjForm .name .ms-TextField-errorMessage,
.newProjForm .website .ms-TextField-errorMessage {
    position: absolute;
}

.newProjFormDisclaimer {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    margin-top: 29px;
    margin-bottom: 9px;
}

.overviewLabel {
    margin-bottom: 5px;
}

.projectLoadingScreenText {
    justify-content: center;
    display: flex;
    flex-direction: column;
}

.projectLoadingScreenText h1 {
    font-weight: 600;
    font-size: 20px;
    line-height: 32px;
}

.projectLoadingScreenText > span {
    margin-top: 20px;
}

.embeddedProjectDashboard .embeddedProjectText {
    max-width: 370px;
}

.embeddedProjectDashboard .embeddedProjectText svg {
    max-width: 380px;
}

.projectInfoRow {
    margin-top: 0;
    margin-bottom: 0;
    display: flex;
    align-items: center;
}

.firstRow {
    margin-top: 24px;
}

.lastRow {
    margin-bottom: 16px;
}

.projectInfoLabel {
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
    margin-right: 5px;
}

.embeddedContent .projectID {
    margin-bottom: 16px;
}

.goToProjectLink {
    background: #0078d4;
    border-radius: 2px;
    color: #fff;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    padding: 6px 20px;
    width: fit-content;
}

.goToProjectLink:hover,
.goToProjectLink:active,
.goToProjectLink:active:hover,
.goToProjectLink:focus {
    background: #0078d4;
    color: #fff;
    text-decoration: none;
}

.goToProjectLink:active:hover {
    background: #0078d4;
    color: #fff;
    text-decoration: none;
}

.projectActionButton {
    display: block;
    margin-top: 10px;
}

.embeddedProjectDashboard p {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    margin-top: 16px;
}

.signInNoAuthProjectButton {
    display: block;
    margin-top: 10px;
}

.firstRunConfirmation .email {
    margin: 24px 0;
}

.checkboxContainer {
    display: flex;
    align-items: baseline;
    gap: 4px;
}

.checkboxContainer .ms-Checkbox-label {
    display: flex;
    align-items: baseline;
    margin: 0px;
}

.checkboxContainer .ms-Checkbox span {
    margin-left: 4px;
}

.firstRunConfirmation .checkboxContainer {
    display: flex;
}

.firstRunConfirmation .promoConsentNotice {
    font-size: 12px;
    max-width: 330px;
}

.firstRunConfirmation .checkboxContainer a,
.promoConsentNotice a {
    margin-left: 4px;
    color: #0078d4;
    text-decoration: underline;
}

.firstRunConfirmation .continueButton {
    margin-top: 40px;
    margin-bottom: 10px;
    width: max-content;
}

/* Error Alert */
.errorWrapper {
    flex: 1;
    display: flex;
    justify-content: center;
    height: 100%;
}

.fullScreenMessage {
    text-align: center;
    font-size: 14px;
    line-height: 20px;
    max-width: 410px;
    padding-top: 160px;
}

.errorSeparator {
    margin-bottom: 24px;
    margin-top: 24px;
    height: 1px;
    background-color: #e1dfdd;
    width: 100%;
}

.fullScreenMessage .expandingArea {
    margin-left: 10px;
}

.fullScreenMessage .fullScreenTitle {
    font-size: 20px;
    line-height: 28px;
}

.fullScreenMessage > *:not(.errorSeparator) {
    margin-bottom: 16px;
}

.fullScreenMessage > button {
    margin-bottom: 36px;
}

.expandingArea .titleArea {
    display: flex;
    cursor: pointer;
}

.expandingContent {
    margin-top: 12px;
    margin-left: 36px;
    text-align: left;
}

.titleArea i {
    margin-right: 22px;
}

.chevron {
    transform: rotate(0);
    transform-origin: 50% 50%;
    transition: transform 0.1s linear 0s;
}

.downChevron {
    transform: rotate(90deg);
}

.upChevron {
    transform: rotate(-180deg);
}

.confirmModalContainer {
    min-width: 500px;
    max-width: 560px;
    padding: 15px 20px;
    top: 330px;
    position: absolute;
}

.confirmModalContainer .embeddedContent {
    min-height: unset;
}

.confirmModalContainer .confirmModalHeader {
    display: flex;
    font-weight: 600;
    font-size: 20px;
    margin: 16px 0;
    justify-content: space-between;
    line-height: 28px;
}

.confirmModalContainer .closeIcon {
    color: #666;
}

.confirmModalContainer .buttonsContainer {
    margin-top: 24px;
    display: flex;
    justify-content: flex-end;
}

.confirmModalContainer .buttonsContainer .confirmModalIntegrationButton {
    margin-right: 15px;
}

.darkOverlay {
    background-color: rgb(0 0 0 / 70%);
}

.confirmModalContainer .projectLoadingScreen {
    width: 100%;
    padding: 20px 5px;
    box-shadow: none;
}

.projectViewContainer {
    background-color: #faf9f8;
    width: 100%;
    margin-bottom: auto;
    min-height: 100%;
}

.embedClarityHeader {
    width: 100%;
    display: flex;
    justify-content: space-between;
    background: #0078d4;
    color: #fff;
    align-items: center;
    padding: 14px 16px;
    box-sizing: border-box;
    height: 48px;
    top: 0;
    position: sticky;
    z-index: 1000;
}

.embedClarityHeader a:not(.signOut),
.embedClarityHeader a:not(.signOut):hover,
.embedClarityHeader a:not(.signOut):focus,
.embedClarityHeader a:not(.signOut):active,
.embedClarityHeader a:not(.signOut):active:hover {
    color: #fff;
    text-decoration: none;
}

.signOut,
.signOut:hover,
.signOut:focus,
.signOut:active,
.signOut:active:hover {
    color: #fff;
    text-decoration: underline;
}

.embeddedContent .identity a,
.embeddedContent .identity a:hover,
.embeddedContent .identity a:focus,
.embeddedContent .identity a:active,
.embeddedContent .identity a:active:hover {
    color: #000;
    text-decoration: none;
}

.pivotContainer {
    position: relative;
}

.embedProjectHeader {
    border-bottom: 1px solid #edebe9;
    top: 48px;
    position: sticky;
    z-index: 1000;
    display: flex;
    justify-content: space-between;
    background-color: #fff;
}

.tabs .ms-Pivot-link {
    text-transform: capitalize;
}

.tabs .ms-Pivot-link:hover {
    background-color: inherit;
    font-weight: 600;
}

.embedProjectTitle {
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    color: #323130;
    padding: 12px 16px;
}

.seeMoreOnClarity {
    padding: 12px 16px;
    text-align: right;
    text-decoration: underline;
}

.chartCardTitle {
    padding: 14px 0 6px 16px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
    display: flex;
    align-items: center;
    color: #323130;
}

.liveUsersCard .chartCardTitle {
    padding: 11px 0px 10px 16px;
}

h2.chartCardTitle *:not(.hintButton *, .downloadButton *) {
    color: #323130;
}

.dashboardCardsContainer {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    padding: 10px 48px 30px;
    max-width: 1826px;
    margin: auto;
}

.noDataBanner {
    position: sticky;
    z-index: 1000;
    top: 93px;
}

.dashboardContainer .upsellCard {
    background: #fff;
    flex: 1;
    margin: 0;
    min-width: 400px;
    width: unset;
}

.dashboardContainer .upsellCardText {
    max-width: 600px;
    padding: 16px 20px 0;
    margin: 0;
}

.embedFiltersContainer {
    display: flex;
    background-color: #faf9f8;
    top: 93px;
    position: sticky;
    z-index: 1000;
    padding: 12px 48px;
}

.filtersAfterBanner {
    top: 125px;
}

.filterDropDown {
    width: 140px;
}

.embedSessionCard {
    background-color: white;
    box-shadow:
        0px 1.6px 3.6px rgba(0, 0, 0, 0.132),
        0px 0.3px 0.9px rgba(0, 0, 0, 0.108);
    padding: 12px 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    font-size: 14px;
    line-height: 19px;
    width: 100%;
    justify-content: space-between;
}

.embedSessionCard .activeLegend,
.embedSessionCard .inactiveLegend {
    height: unset;
}

.embedSessionMetricGroup {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    min-height: 104px;
    justify-content: space-between;
}

.doubleCard {
    justify-content: space-between;
    flex-basis: 50%;
    box-sizing: border-box;
}

.singleCard {
    flex-basis: 25%;
    padding: 0 12px;
    box-sizing: border-box;
}

.doubleCard .singleCard {
    flex-basis: 50%;
}

.embedSessionMetricGroup:not(:last-child) {
    border-right: 1px solid #e1dfdd;
}

.embedSessionCard .cardFocus {
    width: 100%;
}

.rowFlex {
    display: flex;
    flex-direction: row;
}

.alignCenter {
    align-items: center;
}

.alignBaseline {
    align-items: baseline;
}

.cardBorder {
    background-color: white;
    box-shadow:
        0px 1.6px 3.6px rgb(0 0 0 / 13%),
        0px 0.3px 0.9px rgb(0 0 0 / 11%);
}

.numberCardsRow {
    display: flex;
    flex-basis: 100%;
    gap: 24px;
    flex-wrap: wrap;
}

.numberCardContainer {
    flex: 2 1 auto;
    padding: 12px;
    box-sizing: border-box;
    height: 126px;
    min-width: 180px;
}

#rageClicksPercentageLabel {
    border-bottom-color: #e86e58;
}

#excessiveScrollPercentageLabel {
    border-bottom-color: #00a2ad;
}

#deadClicksPercentageLabel {
    border-bottom-color: #4b003f;
}

#jsErrorsPercentageLabel {
    border-bottom-color: #e3008c;
}

#checkoutAbandonmentPercentageLabel {
    border-bottom-color: #00188f;
}

#purchasesPercentageLabel {
    border-bottom-color: #333333;
}

.leftTitle {
    justify-content: flex-start;
}

.cardWithMargins {
    margin: 20px;
}

.numberWithLinkContent {
    display: flex;
    justify-content: space-between;
    padding-top: 16px;
    align-items: flex-start;
}

.valueContent {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 3px;
}

.goToRecLink {
    display: flex;
    align-items: center;
    text-decoration: none;
    gap: 8px;
    font-weight: 500;
    outline: transparent;
    position: relative;
    -webkit-font-smoothing: antialiased;
    font-size: 14px;
    box-sizing: border-box;
    border: 1px solid rgb(138, 136, 134);
    border-radius: 2px;
    text-align: center;
    cursor: pointer;
    padding: 0px 16px;
    min-width: 80px;
    height: 32px;
    background-color: rgb(255, 255, 255);
    color: rgb(50, 49, 48);
    user-select: none;
    margin-right: 14px;
}

.goToRecLink:hover,
.goToRecLink:focus,
.goToRecLink:active,
.goToRecLink:active:hover {
    background-color: rgb(243, 242, 241);
    text-decoration: none;
    color: #323130;
}

.goToRecLinkDisabled,
.goToRecLinkDisabled:hover,
.goToRecLinkDisabled:focus,
.goToRecLinkDisabled:active,
.goToRecLinkDisabled:active:hover {
    background-color: #f3f2f1;
    cursor: default;
    color: #a19f9d;
}

.goToRecIcon,
.goToHeatIcon {
    font-size: 16px;
    height: auto;
    color: #0078d4;
}

.goToRecIconDisabled,
.goToHeatIconDisabled {
    color: #999999;
    cursor: default;
}

.populatMetricsCard {
    min-width: 400px;
    flex: 1;
}

.embedTopChart {
    padding: 16px;
    font-size: 12px;
    line-height: 20px;
    box-sizing: border-box;
}

.textOverFlowEllipses {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.anchorText {
    text-decoration: none;
    color: #323130;
    margin-top: 12px;
}

.topListCountSessions,
.topListCountNoData {
    color: #999999;
}

.embedTopListBar {
    border-bottom: 16px solid #0078d4;
}

.embedTopListGrid {
    display: grid;
    width: 100%;
    align-items: center;
    grid-auto-flow: row;
    grid-row-gap: 5px;
}

.embedTopListGrid i {
    display: flex;
    font-size: 16px;
}

.embedTopListGrid a {
    text-decoration: none;
}

.embedTopListGrid.embedTopListGrid a:hover,
.embedTopListGrid.embedTopListGrid a:focus,
.embedTopListGrid.embedTopListGrid a:active,
.embedTopListGrid.embedTopListGrid a:active:hover {
    text-decoration: none;
    color: #323130;
}

.embedTopListGrid a:hover:not(.topListItemLabel, .topDeviceName),
.embedTopListGrid a:focus:not(.topListItemLabel, .topDeviceName),
.embedTopListGrid a:active:not(.topListItemLabel, .topDeviceName),
.embedTopListGrid a:active:hover:not(.topListItemLabel, .topDeviceName) {
    color: #0078d4;
}

.topMetricsBarCardBorder {
    grid-column: span 5;
    border-bottom: 1px solid #f4f4f4;
}

.flexColumn {
    display: flex;
    gap: 24px;
    flex-direction: column;
    height: fit-content;
    width: 30%;
    flex: 1 0 auto;
    flex-wrap: wrap;
    min-width: 400px;
}

.topDeviceName {
    font-weight: 600;
}

.embedCardLoading {
    padding: 20px 0 30px;
}

.doubleDash {
    text-align: center;
    font-size: 28px;
    font-weight: 600;
    padding-top: 20px;
}

.settingsContainer {
    padding: 16px 48px 30px;
}

.settingsContainer h3 {
    color: #323130;
    font-weight: 600;
    font-size: 26px;
    line-height: 36px;
    margin: 8px 0;
}

.settingsContainer .allIntegrationNote {
    margin-top: 16px;
    margin-bottom: 6px;
    font-size: 14px;
    line-height: 19px;
    color: #484644;
}

.settingsContainer .allIntegrationNote a {
    margin-left: 4px;
    color: #0078d4;
}

.embedSetupCard {
    padding: 28px;
    border: 1px solid #c4c4c4;
    border-radius: 8px;
    box-sizing: border-box;
    min-height: 350px;
    width: 370px;
}

.embedSetupCard .titleContainer {
    display: flex;
    align-items: center;
    margin: 4px 0 16px;
    gap: 4px;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
}

.embedSetupCard .connectedToContainer {
    margin-bottom: 55px;
}

.embedSetupCard a,
.embedSetupCard.embedSetupCard a:active,
.settingsContainer .editProjectText a:active {
    color: #0078d4;
}

.embedSetupCard.embedSetupCard a:focus,
.settingsContainer .editProjectText a:focus {
    outline: auto;
}

.embedSetupCard a:hover {
    color: #106ebe;
}

.embedSetupCard button {
    display: inline-block;
}

.embedSetupCard img {
    height: 80px;
    width: 80px;
    min-width: 80px;
    margin: 6px 0;
    object-fit: contain;
}

.embedEmojiDescription {
    background-color: #2f9596;
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    border-radius: 127.273px;
    padding: 2px 10px;
    color: white;
    max-width: fit-content;
    margin: 14px 0;
    gap: 8px;
}

.editProjectContainer {
    padding: 20px;
}

.settingsContainer .collapsibleTitle .collapsibleContentHeader {
    display: flex;
    align-items: center;
    margin-top: 10px;
}

.settingsContainer .collapsibleTitle > * {
    font-size: 18px;
    line-height: 24px;
    cursor: pointer;
    color: #0078d4;
}

.settingsContainer .collapsibleTitle .ms-Icon {
    margin-right: 10px;
}

.settingsContainer .embedSettingsDropDown {
    max-width: 370px;
}

.settingsContainer .loadingContainer {
    padding-top: 0;
}

.settingsContainer .editProjectText {
    font-size: 14px;
    line-height: 19px;
    max-width: 550px;
    margin-top: 16px;
}

.settingsContainer .editProjectText a {
    display: block;
    width: fit-content;
    padding: 5px 0;
    color: #0078d4;
}

.publishWebflowContent {
    padding-bottom: 10px;
    min-height: 465px;
}

.publishWebflowContent ul {
    border-radius: 4px;
    border: 1px solid #d1d1d1;
    margin: 8px 0;
    padding: 10px;
    list-style-position: inside;
}

.publishWebflowContent .embeddedContentText {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.publishing {
    display: flex;
    color: #0078d4;
    gap: 8px;
    font-size: 12px;
}

.embeddedContentText p:last-child {
    font-size: 12px;
    margin-top: 24px;
}

.installWebflowModule {
    min-height: 50%;
}

.noAccessErrorContent h1,
.publishWebflowContent h1,
.installWebflowModule h1 {
    font-weight: 600;
    font-size: 24px;
    line-height: 32px;
    margin: 30px 0;
}

.publishWebflowContent h1 {
    margin: 0;
}

.skipPublish,
.skipPublish:hover {
    background-color: #fff;
    color: #323130;
    border-radius: 2px;
    border: 1px solid #8a8886;
}

.projOptionsDisclaimer .emailUsOn {
    margin-left: 2px;
}

.noAccessErrorContent .copyEmailText,
.projOptionsDisclaimer .copyEmailText {
    color: #2b88d8;
    margin-left: 2px;
}

.projectDeletedAction,
.projectInaccessibleAction {
    margin-top: 30px;
}

.cookiesBlockedContent,
.dontWantToEnableCookies {
    margin-top: 29px;
}

.dontWantToEnableCookies {
    color: rgb(0, 120, 212);
}

.cookiesBlockedContent .looksLikeIntegrated {
    margin-bottom: 15px;
}

.classicProjectId {
    display: flex;
    align-items: flex-end;
    margin-top: 15px;
}

.classicProjectId button {
    height: 32px;
}

.classicProjectId .ms-TextField {
    width: 200px;
}

.thirdPartyCookiesBlockedNote a {
    margin-left: 4px;
}

.classicIntegration h3 {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 15px;
}

.classicIntegration ol {
    padding: 0 20px 0px 15px;
}

.classicIntegration li a {
    margin-left: 4px;
}

.classicIntegration li:last-of-type a {
    margin: 0 4px;
}

.onlyAdminsNote {
    margin-top: 15px;
}

.wrongPathContainer,
.wrongPathContainer .fullScreenMessage {
    margin: auto;
}

@media only screen and (min-width: 1920px) {
    .chartCard {
        width: 438px;
    }
}

@media only screen and (max-width: 1530px) {
    .embedSessionCard {
        background-color: transparent;
        box-shadow: none;
        padding: 0;
    }

    .doubleCard {
        order: 3;
        border-left: none;
        background-color: white;
        box-shadow:
            0px 1.6px 3.6px rgba(0, 0, 0, 0.132),
            0px 0.3px 0.9px rgba(0, 0, 0, 0.108);
        flex-basis: 100%;
        padding: 12px 0;
    }

    .singleCard {
        background-color: white;
        box-shadow:
            0px 1.6px 3.6px rgba(0, 0, 0, 0.132),
            0px 0.3px 0.9px rgba(0, 0, 0, 0.108);
        flex: 2 1 auto;
        padding: 12px;
        flex-basis: 48%;
    }

    .doubleCard .singleCard {
        padding: 0 12px;
        box-shadow: none;
    }

    .embedSessionCard {
        gap: 24px;
    }
}

@media only screen and (max-width: 1100px) {
    .promoLandingIllustration {
        position: absolute;
        right: 0;
        top: 80px;
    }

    .promoLandingIllustration svg {
        width: 40vw;
        height: 28vw;
    }

    .promoContent h3 {
        max-width: 80%;
    }
}

@media only screen and (max-width: 900px) {
    .embeddedContent {
        width: 85%;
        max-height: none;
    }

    .confirmModalContainer .projectLoadingScreen {
        width: 100%;
    }

    .promoContent {
        max-width: 40%;
    }

    .promoContent h3 {
        max-width: unset;
    }

    .promoLandingIllustration {
        top: 40px;
    }
}

@media only screen and (max-width: 759px) {
    .embedSessionMetricGroup:not(:last-child) {
        border: none;
    }

    .singleCard {
        flex-basis: 100%;
    }

    .doubleCard {
        box-shadow: none;
        padding: 0;
    }

    .doubleCard .singleCard {
        background-color: white;
        box-shadow:
            0px 1.6px 3.6px rgba(0, 0, 0, 0.132),
            0px 0.3px 0.9px rgba(0, 0, 0, 0.108);
        padding: 12px;
        flex-basis: 100%;
    }
}

@media only screen and (max-width: 700px) {
    .embedProjectHeader {
        flex-wrap: wrap;
    }

    .tabs {
        border-top: 1px solid #edebe9;
        background-color: #fff;
        order: 3;
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        justify-content: center;
        align-items: center;
    }

    .embedProjectTitle,
    .embedProjectHeader .seeMoreOnClarity {
        padding-bottom: 5px;
    }

    .noDataBanner,
    .embedFiltersContainer {
        top: 131px;
    }

    .filtersAfterBanner {
        top: 163px;
    }

    .embeddedContent img:not(.msLogoImage),
    .embeddedContent svg,
    .noAccessErrorContent svg,
    .publishWebflowContent svg,
    .zapierChooseProject .projManagementOptions img:not(.msLogoImage) {
        display: none;
    }

    /* Keep the v9 MessageBar intent icon visible; display matches the Fluent icon default. */
    .embeddedContent [data-embed-message-bar] svg {
        display: inline;
    }

    .projectLoadingScreenText {
        text-align: center;
    }

    .embeddedContent {
        justify-content: flex-start;
        padding: 90px 10px 57px 30px;
    }

    .embeddedContent .identity {
        left: 30px;
    }

    .loadingInModal {
        width: 100%;
        padding: 37px 20px;
    }

    .embeddedContentText {
        max-width: none;
        width: 100%;
    }

    .promoLanding {
        padding: 5px;
    }

    .promoContent {
        max-width: none;
    }

    .promoLandingIllustration {
        display: none;
    }

    .waveIcon {
        margin-left: 4%;
    }

    .backToProjectSelectionNav {
        left: 4px;
    }

    .confirmModalContainer {
        width: unset;
        min-width: unset;
        margin: 0 10px;
    }
}

@media only screen and (max-width: 500px) {
    .dashboardCardsContainer {
        padding: 10px 24px 30px;
    }

    .settingsContainer {
        padding: 16px 24px 30px;
    }

    .embedFiltersContainer {
        padding: 12px 24px;
    }

    .embedSetupCard {
        width: unset;
        text-align: center;
    }

    .embedEmojiDescription {
        margin: 14px auto;
    }

    .embedSetupCard .titleContainer {
        flex-direction: column;
        align-items: center;
    }

    .embedSetupCard button {
        margin: auto;
        margin-top: 55px;
    }

    .embeddedContent h1 {
        font-size: 18px;
        line-height: 24px;
    }
}

@media only screen and (max-width: 440px) {
    .embedProjectHeader .seeMoreOnClarity {
        display: none;
    }

    .flexColumn {
        width: unset;
        min-width: unset;
        flex: 1;
    }

    .liveUsersCard,
    .populatMetricsCard {
        min-width: unset;
        flex: 1;
    }

    .liveUsersCard .usersGoToRec {
        margin-top: 5px;
    }

    .usersCard > div {
        flex-wrap: wrap;
    }

    .populatMetricsCard .anchorText {
        margin-bottom: 5px;
    }
}
.regionDataContainer {
    padding: 0px 16px;
}

.regionDataArea.regionDataArea > * {
    display: flex;
    padding: 12px 0;
    justify-content: space-between;
}

.regionDataBorder > *:not(:last-child) {
    border-bottom: 1px solid #edebe9;
}

.regionSectionHeader,
.regionSectionHeader.regionSectionHeader * {
    background-color: #faf9f8;
}

.regionSectionHeader {
    padding: 12px 16px;
    font-weight: 600;
}

.regionMetricTitle {
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    padding-bottom: 8px;
}

.regionMetricValue {
    font-size: 18px;
    line-height: 24px;
    font-weight: 500;
}

.regionTotalArticles {
    font-size: 20px;
    line-height: 28px;
}

.regionTotalArea {
    padding: 12px 0;
}

.didYouKnowTitle {
    font-size: 12px;
    line-height: 16px;
    font-weight: 700;
}

.didYouKnowBreakdown {
    display: flex;
    flex-direction: column;
}

.regionZeroStateArea,
.didYouKnowBreakdown > div:not(:last-child) {
    padding-bottom: 12px;
}

.didYouKnowInsight {
    font-size: 12px;
    line-height: 14px;
    padding-top: 4px;
}

button.regionHintButton {
    transform: translateY(2px);
    background-color: #faf9f8;
}

.regionLinks {
    align-self: center;
}

.regionFullBleed {
    width: 100%;
    transform: translateX(-16px);
}

.didYouKnowContainer {
    padding: 12px 16px;
    background-color: #eff6fc;
}

.regionsZeroState {
    padding-top: 12px;
    display: flex;
    justify-content: center;
}

.regionsZeroStateTitle {
    font-size: 18px;
    line-height: 21px;
    font-weight: 500;
    padding-top: 18px;
}

.regionsZeroStateContent {
    padding: 12px 0 24px;
}

.regionMetric {
    cursor: pointer;
}
.mediumText {
    font-size: 16px;
    line-height: 22px;
}
.strong {
    font-weight: 600;
}

.info {
    white-space: pre-line;
}
.didYouKnowBg {
    background-color: rgb(222, 236, 249);
}

.flexColumnUpdated {
    display: flex;
    gap: 24px;
    flex-direction: column;
    height: fit-content;
    flex: 1 0 auto;
    flex-wrap: wrap;
}

.noCodeWrapper {
    display: flex;
    background: #eff6fc;
    margin: auto;
    width: 100%;
    min-height: 100vh;
    align-items: center;
}

.noCodeWrapper .noCodecontent {
    width: 400px;
    display: flex;
    flex-direction: column;
    margin: 200px auto 0;
    text-align: center;
    gap: 20px;
}

.noCodeWrapper .noCodecontent h1 {
    font-family: "Segoe UI", sans-serif;
    font-size: 24px;
    font-weight: 600;
    line-height: 32px;
}

.noCodeWrapper .noCodecontent a {
    width: fit-content;
    min-width: 107px;
    margin: auto;
    border-radius: 2px;
}

.noCodeWrapper .noCodecontent .maxSitesWarning {
    font-size: 12px;
    margin-top: -10px;
}

.embeddedContentText .actionButtons {
    display: flex;
    gap: 8px;
    margin: 24px 0;
}

.publishWebflowContent .actionButtons {
    margin: 0;
}

.publishWebflowContent p,
.publishWebflowContent p:last-child {
    margin: 0;
}


/*# sourceMappingURL=embedrebrand.c690e6e1dba6f799e6e5.css.map*/