Domain Name: clarity.ms
Registry Domain ID: 474060-CoCCA
Registry WHOIS Server: whois.nic.ms
Updated Date: 2022-03-02T09:43:40.648Z
Creation Date: 2017-04-03T15:07:07.394Z
Registry Expiry Date: 2023-04-03T15:07:07.487Z
Registrar Registration Expiration Date: 2023-04-03T15:07:07.487Z
Registrar: MarkMonitor
Registrar Abuse Contact Email: ccops@markmonitor.com
Registrar Abuse Contact Phone: +1.2083895740
Domain Status: clientDeleteProhibited https://icann.org/epp#clientDeleteProhibited
Domain Status: clientUpdateProhibited https://icann.org/epp#clientUpdateProhibited
Domain Status: clientTransferProhibited https://icann.org/epp#clientTransferProhibited
Registry Registrant ID: h1vO1-RCfbK
Registrant Name: Domain Administrator
Registrant Organization: Microsoft Corporation
Registrant Street: One Microsoft Way
Registrant City: Redmond
Registrant State/Province: WA
Registrant Postal Code: 98052
Registrant Country: US
Registrant Phone: +1.4258828080
Registrant Fax: +1.4259367329
Registrant Email: domains@microsoft.com
Registry Admin ID: rXcSW-mln1q
Admin Name: Domain Administrator
Admin Organization: Microsoft Corporation
Admin Street: One Microsoft Way
Admin City: Redmond
Admin State/Province: WA
Admin Postal Code: 98052
Admin Country: US
Admin Phone: +1.4258828080
Admin Fax: +1.4259367329
Admin Email: domains@microsoft.com
Registry Tech ID: pat0A-bESFG
Tech Name: MSN Hostmaster
Tech Organization: Microsoft Corporation
Tech Street: One Microsoft Way
Tech City: Redmond
Tech State/Province: WA
Tech Postal Code: 98052
Tech Country: US
Tech Phone: +1.4258828080
Tech Fax: +1.4259367329
Tech Email: msnhst@microsoft.com
Registry Billing ID: BpHSZ-6JtNm
Billing Name: CCOPS Billing
Billing Organization: MarkMonitor Inc.
Billing Street: 3540 East Longwing Lane
Billing Street: Suite 300
Billing City: Meri
Billing State/Province: ID
Billing Postal Code: 83646
Billing Country: US
Billing Phone: +1.2083895740
Billing Fax: +1.2083895771
Billing Email: ccopsbilling@markmonitor.com
Name Server: ns1-37.azure-dns.com
Name Server: ns2-37.azure-dns.net
Name Server: ns3-37.azure-dns.org
Name Server: ns4-37.azure-dns.info
DNSSEC: unsigned
>>> Last update of WHOIS database: 2022-12-27T05:09:23.578Z <<<

For more information on Whois status codes, please visit https://icann.org/epp

TERMS OF USE: 
You are not authorized to access or query our Whois database through the use of electronic processes that are high-volume and automated.  

The data is for information purposes only. MNINET does not guarantee its accuracy. By submitting a Whois query, you agree to abide by the following terms of use: 
You agree that you may use this Data only for lawful purposes and that under no circumstances will you use this Data to: 
 (1) allow, enable, or otherwise support the transmission of mass unsolicited, commercial advertising or solicitations via e-mail, telephone, or facsimile; 
                  or
 (2) enable high volume, automated, electronic processes. The compilation, repackaging, dissemination or other use of this Data is expressly prohibited.

                             

• POST

  0 Timed out waiting for a response.

  https://m.clarity.ms/collect

• http://www.clarity.ms/ https://clarity.microsoft.com/
• https://px.ads.linkedin.com/collect?v=2&fmt=js&pid=7850&time=1672125960228&url=https%3A%2F%2Fclarity.microsoft.com%2F /collect?v=2&fmt=js&pid=7850&time=1672125960228&url=https%3A%2F%2Fclarity.microsoft.com%2F&cookiesTest=true
• https://px.ads.linkedin.com/collect?v=2&fmt=js&pid=7850&time=1672125960228&url=https%3A%2F%2Fclarity.microsoft.com%2F&cookiesTest=true https://www.linkedin.com/px/li_sync?redirect=https%3A%2F%2Fpx.ads.linkedin.com%2Fcollect%3Fv%3D2%26fmt%3Djs%26pid%3D7850%26time%3D1672125960228%26url%3Dhttps%253A%252F%252Fclarity.microsoft.com%252F%26cookiesTest%3Dtrue%26liSync%3Dtrue
• https://www.linkedin.com/px/li_sync?redirect=https%3A%2F%2Fpx.ads.linkedin.com%2Fcollect%3Fv%3D2%26fmt%3Djs%26pid%3D7850%26time%3D1672125960228%26url%3Dhttps%253A%252F%252Fclarity.microsoft.com%252F%26cookiesTest%3Dtrue%26liSync%3Dtrue https://px.ads.linkedin.com/collect?v=2&fmt=js&pid=7850&time=1672125960228&url=https%3A%2F%2Fclarity.microsoft.com%2F&cookiesTest=true&liSync=true

<html data-clarity-unmask="true" lang="en"><head><style data-merge-styles="true"></style><style data-merge-styles="true"></style><style data-merge-styles="true"></style><meta charset="UTF-8"><title>Microsoft Clarity - Free Heatmaps &amp; Session Recordings</title><link rel="icon" href="https://claritystatic.azureedge.net/images/logo.ico"><meta name="referrer" content="same-origin"><meta name="csrf-token" content="5H36XmlH-e_OLZpeW0hONScGUaKvDQblET44"><meta name="google-site-verification" content="CTbwVfa8RZJ5hKO7mHOeV7JRJNZwK4OdZrQJpPaD77U"><meta name="viewport" id="viewport" content="width=device-width,initial-scale=1,maximum-scale=1"><meta name="description" content="Clarity is a free user behavior analytics tool that helps you understand how users are interacting with your website through session replays and heatmaps."><meta property="og:url" content="https://clarity.microsoft.com"><meta property="og:type" content="website"><meta property="og:title" content="Microsoft Clarity - Free Heatmaps &amp; Session Recordings"><meta property="og:site_name" content="Microsoft Clarity"><meta property="og:description" content="Clarity is a free user behavior analytics tool that helps you understand how users are interacting with your website through session replays and heatmaps."><meta property="og:image" content="https://clarity.microsoft.com/static/Facebook_og_image.png"><meta property="og:image:width" content="2400"><meta property="og:image:height" content="720"><meta name="twitter:card" content="summary_large_image"><meta name="twitter:title" content="Microsoft Clarity - Free Heatmaps &amp; Session Recordings"><meta name="twitter:description" content="Clarity is a free user behavior analytics tool that helps you understand how users are interacting with your website through session replays and heatmaps."><meta name="twitter:site" content="@msftClarity"><meta name="twitter:image" content="https://clarity.microsoft.com/static/Twitter_og_image.png"><script type="text/javascript" async="" src="//static.ads-twitter.com/uwt.js"></script><script type="text/javascript" async="" src="https://snap.licdn.com/li.lms-analytics/insight.min.js"></script><script type="text/javascript" async="" src="https://www.googletagmanager.com/gtag/js?id=AW-10809779149"></script><script async="" src="https://www.clarity.ms/eus-f/s/0.7.1/clarity.js"></script><script async="" src="https://www.clarity.ms/tag/3t0wlogvdz"></script><script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments);}gtag('js',new Date());gtag('config','AW-10809779149');</script><script defer="defer" src="https://claritystatic.azureedge.net/scripts/client/runtime.9e618368fb419af1b6d9.js"></script><script defer="defer" src="https://claritystatic.azureedge.net/scripts/client/polyfills.c644895b82a135e46595.js"></script><script defer="defer" src="https://claritystatic.azureedge.net/scripts/client/react.56eb5e972bfc9ce20b2c.js"></script><script defer="defer" src="https://claritystatic.azureedge.net/scripts/client/framework.44c19f940ee0f9d31e81.js"></script><script defer="defer" src="https://claritystatic.azureedge.net/scripts/client/vendors.3243aaa2aa409061be5b.js"></script><script defer="defer" src="https://claritystatic.azureedge.net/scripts/client/client.15fd43f9080cc6f18db1.js"></script><script src="https://wcpstatic.microsoft.com/mscc/lib/v2/wcp-consent.js" async=""></script><style>#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;
}
</style><style>.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);
}

.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;
}

.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;
}

.verifyCountDown .ms-Spinner{
    margin-right: 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
}

.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%;
}

.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;
}

.addProjHeaderInstall.confirmEmail {
    margin-top: 126px;
}   

.projectModalContainerInstall {
    width: 880px;
}

.mainContentInstall {
    display: flex;
    width: 370px;
}

.mainContentInstall.confirmEmail {
    display: block;
}

.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;
}

.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;
}</style><style data-load-themed-styles="true">.root_2f55324e{min-width:260px}.suggestionsItem_2f55324e{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;position:relative;overflow:hidden}.suggestionsItem_2f55324e:hover{background:#f3f2f1}.suggestionsItem_2f55324e:hover .closeButton_2f55324e{display:block}.suggestionsItem_2f55324e.suggestionsItemIsSuggested_2f55324e{background:#edebe9}.suggestionsItem_2f55324e.suggestionsItemIsSuggested_2f55324e:hover{background:#c8c6c4}@media screen and (-ms-high-contrast:active){.suggestionsItem_2f55324e.suggestionsItemIsSuggested_2f55324e:hover{background:Highlight;color:HighlightText}}@media screen and (-ms-high-contrast:active){.suggestionsItem_2f55324e.suggestionsItemIsSuggested_2f55324e{background:Highlight;color:HighlightText;-ms-high-contrast-adjust:none}}.suggestionsItem_2f55324e.suggestionsItemIsSuggested_2f55324e .closeButton_2f55324e:hover{background:#a19f9d;color:#323130}@media screen and (-ms-high-contrast:active){.suggestionsItem_2f55324e.suggestionsItemIsSuggested_2f55324e .itemButton_2f55324e{color:HighlightText}}.suggestionsItem_2f55324e .closeButton_2f55324e{display:none;color:#605e5c}.suggestionsItem_2f55324e .closeButton_2f55324e:hover{background:#edebe9}.actionButton_2f55324e{background-color:transparent;border:0;cursor:pointer;margin:0;position:relative;border-top:1px solid #edebe9;height:40px;width:100%;font-size:12px}[dir=ltr] .actionButton_2f55324e{padding-left:8px}[dir=rtl] .actionButton_2f55324e{padding-right:8px}html[dir=ltr] .actionButton_2f55324e{text-align:left}html[dir=rtl] .actionButton_2f55324e{text-align:right}.actionButton_2f55324e:hover{background-color:#edebe9;cursor:pointer}.actionButton_2f55324e:active,.actionButton_2f55324e:focus{background-color:#c7e0f4}.actionButton_2f55324e .ms-Button-icon{font-size:16px;width:25px}.actionButton_2f55324e .ms-Button-label{margin:0 4px 0 9px}html[dir=rtl] .actionButton_2f55324e .ms-Button-label{margin:0 9px 0 4px}.buttonSelected_2f55324e{background-color:#c7e0f4}.suggestionsTitle_2f55324e{padding:0 12px;color:#0078d4;font-size:12px;line-height:40px;border-bottom:1px solid #edebe9}.suggestionsContainer_2f55324e{overflow-y:auto;overflow-x:hidden;max-height:300px;border-bottom:1px solid #edebe9}.suggestionsNone_2f55324e{text-align:center;color:#797775;font-size:12px;line-height:30px}.suggestionsSpinner_2f55324e{margin:5px 0;white-space:nowrap;line-height:20px;font-size:12px}html[dir=ltr] .suggestionsSpinner_2f55324e{padding-left:14px}html[dir=rtl] .suggestionsSpinner_2f55324e{padding-right:14px}html[dir=ltr] .suggestionsSpinner_2f55324e{text-align:left}html[dir=rtl] .suggestionsSpinner_2f55324e{text-align:right}.suggestionsSpinner_2f55324e .ms-Spinner-circle{display:inline-block;vertical-align:middle}.suggestionsSpinner_2f55324e .ms-Spinner-label{display:inline-block;margin:0 10px 0 16px;vertical-align:middle}html[dir=rtl] .suggestionsSpinner_2f55324e .ms-Spinner-label{margin:0 16px 0 10px}.itemButton_2f55324e.itemButton_2f55324e{width:100%;padding:0;min-width:0;height:100%}@media screen and (-ms-high-contrast:active){.itemButton_2f55324e.itemButton_2f55324e{color:WindowText}}.itemButton_2f55324e.itemButton_2f55324e:hover{color:#201f1e}.closeButton_2f55324e.closeButton_2f55324e{padding:0 4px;height:auto;width:32px}@media screen and (-ms-high-contrast:active){.closeButton_2f55324e.closeButton_2f55324e{color:WindowText}}.closeButton_2f55324e.closeButton_2f55324e:hover{background:#c8c6c4;color:#201f1e}.suggestionsAvailable_2f55324e{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}</style><style data-load-themed-styles="true">.pickerText_15a92175{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #a19f9d;min-width:180px;min-height:30px}.pickerText_15a92175:hover{border-color:#323130}.pickerText_15a92175.inputFocused_15a92175{position:relative;border-color:#0078d4}.pickerText_15a92175.inputFocused_15a92175:after{pointer-events:none;content:'';position:absolute;left:-1px;top:-1px;bottom:-1px;right:-1px;border:2px solid #0078d4}@media screen and (-ms-high-contrast:active){.pickerText_15a92175.inputDisabled_15a92175{position:relative;border-color:GrayText}.pickerText_15a92175.inputDisabled_15a92175:after{pointer-events:none;content:'';position:absolute;left:0;top:0;bottom:0;right:0;background-color:Window}}.pickerInput_15a92175{height:34px;border:none;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;outline:0;padding:0 6px 0;-ms-flex-item-align:end;align-self:flex-end}.pickerItems_15a92175{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;max-width:100%}.screenReaderOnly_15a92175{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}</style><style>.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;
}
</style><style>.cardsHeaderWithDownload {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.cardsDownloadButton {
    padding: 5px;
}

.dashboardVertical {
    min-height: 100%;
    display: flex;
    flex-direction: column;
    flex: 1;
}

.dashboardContent {
    background-color: #FAFAFA;
    width: 100%;
    padding: 22px 48px;
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow: auto;
    color: #323130;
}

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

.dashboardCard {
    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);
}

.cardFocus:focus,
.cardFocus > .cardFocusContent {
    outline: none;
}

:focus > .cardFocusContent {
    box-shadow: 0 0 1px 1px black;
}

.sessionsCard {
    padding: 12px 0 12px 0;
    width: 1346px;
}

.cardsLoading {
    height: 100%;
    width: 100%;
}

.upsellCard {
    padding: 0px 16px 0px;
}

.upsellImg {
    text-align: center;
}

.upsellMessageTitle {
    font-size: 18px;
    font-weight: 550;
}

.upsellMessage {
    font-size: 12px;
}

.upsellButtonRow {
    margin-top: 16px;
    margin-bottom: 16px;
}

.upsellPagination i,
.upsellPagination span {
    color: inherit;
}

.upsellDismissLink {
    color: #0078D4;
}

.upsellButtonRow > *:first-child {
    margin-right: 12px;
}

.dashboardError {
    padding: 16px;
}

.sessionTotalInfoArea {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.sessionMetricContent {
    display: flex;
    flex-direction: row;
    font-size: 14px;
    line-height: 19px;
}

.appsSessionMetricContent .cardFocus {
    flex: 1;
    padding: 0 16px;
}

.appsSessionMetricContent .cardFocus:first-child {
    border-right: 1px solid #E1DFDD;
}

.sessionMetricGroup {
    padding: 0 8px;
    display: flex;
    flex-direction: row;
    min-height: 104px;
}

.sessionMetricGroup:not(:last-child) {
    border-right: 1px solid #E1DFDD;
}

.metricSection {
    padding: 0 8px;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.sessionMetricSection {
    width: 347px;
}

.pageMetricSection {
    width: 300px;
}

.sessionMetricSectionHeader {
    border-bottom: 2px solid;
    text-align: right;
    padding-bottom: 7px;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.sessionMetricSectionContent {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    text-align: right;
    padding-top: 12px;
}

.sessionMetricSubHeader {
    padding-bottom: 4px;
}

.bold {
    font-weight: 500;
}

.metricValue {
    line-height: 36px;
    font-size: 28px;
    font-weight: 500;
}

.metricUnit {
    font-size: 14px;
    line-height: 21px;
    font-weight: 400;
    margin-left: 8px;
}

.usersGoToRec {
    flex: 1 auto;
    display: flex;
    justify-content: flex-end;
}

#pagesPerSession {
    border-bottom-color: #001D3F;
}

#sessionInfoHeader {
    border-bottom-color: #00188F;
}

.totalSessions {
    margin-right: 80px;
    text-align: left;
}

#plt {
    border-bottom-color: #0078D4;
}

#scrollDepth {
    border-bottom-color: #00A2AD;
}

#engagement {
    border-bottom-color: #E3008C;
}

.engagementToolTip {
    display: flex;
    align-items: center;
}

.hintButton * {
    color: #0078D4;
}

.hintButton {
    background-color: white;
    height: 21px;
    transform: translateY(1px);
}

.engagementArea {
    display: flex;
    flex-direction: column;
    padding: 8px 0 0;
}

.engagementInfo {
    display: flex;
    justify-content: space-between;
    font-size: 12px;
    line-height: 16px;
}

.engagementBar {
    padding: 4px 0 8px;
    display: flex;
}

.activeBar {
    height: 16px;
    margin-right: 2px;
    display: inline-block;
    border-bottom: 16px solid #E3008C;
}

.inactiveBar {
    border-bottom: 16px solid #D9D9D9;
    height: 16px;
    display: inline-block;
}

.engagementLegend {
    display: flex;
    font-size: 14px;
    line-height: 16px;
}

.activeLegend {
    height: 12px;
    width: 12px;
    margin-right: 8px;
    border-bottom: 12px solid #E3008C;
}

.inactiveLegend {
    height: 12px;
    width: 12px;
    margin-right: 8px;
    border-bottom: 12px solid #D9D9D9;
}

.legendLabel {
    margin-right: 16px;
}

.insightsIcon {
    margin-right: 5px;
}

.dashboardMasonry {
    padding: 24px 0;
    width: 1346px;
    display: flex;
}

.dashboardMasonryHorizontal {
    padding: 24px 0;
    width: 1368px;
}

.dashboardColumn {
    margin-right: 24px;
}

.dashboardRow {
    margin-bottom: 24px;
    display: flex;
    column-gap: 24px;
}

.chartCard {
    width: 432px;
    display: inline-block;
    margin-bottom: 24px;
}

.chartCardTitle {
    padding: 11px 16px 8px 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;
}

h2.chartCardTitle *:not(.hintButton *, .downloadButton *) {
    color: #323130;
}

.chartCardTitleDownloads {
    padding: 11px 16px 8px 16px;
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
    display: flex;
    align-items: center;
}

.chartContentLoading {
    height: 350px;
}

.chartContent {
    padding: 12px 16px;
}

.percentTitle {
    padding-left: 12px;
    font-size: 12px;
    line-height: 16px;
}

.insightSubValue {
    padding-top: 4px;
    font-size: 12px;
    line-height: 16px;
}

.insightPieSpace {
    margin-top: 27px;
}

.pieChart {
    width: 100%;
    height: 176px;
    display: flex;
    justify-content: center;
}

.pieChartLegend {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 12px;
    width: 100%;
}

.pieLegendSquare {
    height: 12px;
    width: 12px;
    margin-right: 8px;
    font-weight: 500;
    display: inline-block;
}

.dashboardClickTarget {
    cursor: pointer;
}

.pieToolTip {
    display: flex;
    padding: 10px;
}

.pieChartToolTipLegend {
    width: 4px;
    margin-right: 8px;
}

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

.pieButtonArea {
    padding-top: 24px;
}

.pieButton {
    margin-right: 16px;
}

.topChart {
    padding: 9px 8px 0 0;
    font-size: 12px;
    line-height: 20px;
}

.topListGrid {
    display: grid;
    width: 100%;
    align-items: center;
    grid-auto-flow: row;
    padding-left: 16px;
}

.topListItemLabel {
    grid-column: span 4;
}

.topListLabelShrunk {
    grid-column: span 3;

}

.topListBar {
    height: 16px;
    border-bottom: 16px solid #0078D4;
}

.topListCount {
    margin: 0 16px 0 12px;
}

.dashboardButton * {
    color: #0078D4;
}

.dashboardButtonLight {
    color: white;
}

.topListButtons {
    padding: 0 8px;
}

.topListButton {
    height: 28px;
}

.urlParamToggle {
    padding: 8px 16px 8px 16px;
}

.chartEmpty {
    padding: 24px 0 32px;
    text-align: center;
}

.distChart {
    display: flex;
    flex-direction: column;
    padding: 21px 0 24px 0;
}

.listChart {
    display: flex;
    flex-direction: column;
    padding-top: 21px;
}

.pieTable {
    display: grid;
    align-items: center;
    padding: 34px 16px 0;
    grid-template-columns: auto repeat(3, max-content);
}

.listTable {
    display: grid;
    align-items: center;
    padding: 0 16px 0;
    grid-template-columns: auto repeat(3, max-content);
    font-size: 12px;
}

.listTable h5 {
    font-weight: 600;
}

.listTableActionHeader {
    grid-column: span 3 / 6;
    text-align: center;
}

.listTableSessions {
    text-align: right;
    color: rgba(0, 0, 0, 0.6);
    margin-right: 10px;
}

.pieTable5Column,
.listTable5Column {
    grid-template-columns: auto repeat(4, max-content);
}

.distTableItemBorder {
    grid-column: span 4;
    border-bottom: 1px solid #F4F4F4;
}

.distTableItemBorder5Column {
    grid-column: span 5;
}

.distTableSubItem {
    font-size: 12px;
    line-height: 14px;
}

.distTablePercentItem {
    margin-right: 24px;
    text-align: right;
}

.distTableSessions {
    margin-right: 39px;
    color: rgba(0, 0, 0, 0.6);
}

.distColorLegend {
    display: inline-block;
    margin-right: 8px;
    height: 12px;
    width: 12px;
}

.pieCalloutHost {
    display: inline-block;
    height: 177px;
    width: 177px;
}

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

.segmentOfInterest {
    display: flex;
    padding-top: 16px;
}

.segmentOfInterest:first-child {
    padding-top: 12px;
}

.segmentOfInterest:not(:last-child) {
    padding-bottom: 16px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.insightsBadge {
    background-color: #F3F2F1;
    margin: 4px 8px 4px 0;
    padding: 4px 8px;
    max-width: 370px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.insightsBold {
    font-weight: 700;
}

.breakDownValue {
    font-weight: 700;
    line-height: 19px;
    font-size: 16px;
}

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

.soiSection {
    padding-top: 15px;
    margin-top: 20px;
    border-top: 1px solid;
}

.jsTextPageSection {
    transform: translateX(-16px);
}

.soiHeader {
    font-size: 15px;
    line-height: 20px;
    font-weight: 600;
    display: flex;
    align-items: center;
    padding-top: 12px;
}

.soiBadgeContainer {
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 12px;
    margin-right: -8px;
}

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

.chAbandonBar {
    height: 16px;
    margin: 16px 0;
}

.chAbandonBarFill {
    height: 14px;
}

.soiBar {
    height: 16px;
    margin: 12px 0 16px;
    cursor: pointer;
}

.soiExpansionContainer,
.soiTitle,
.soiBadgeContainer {
    cursor: pointer;
}

.soiBarFill {
    height: 14px;
    max-width: 338px;
}

.soiTitle {
    max-width: 360px;
    font-size: 12px;
    line-height: 16px;
}

.soiExpansionContainer {
    height: 14px;
    width: 14px;
    margin-right: 6px;
    padding-top: 10px;
    color: #605E5C;
}

.soiChevronIcon {
    color: #605E5C;
    transition: transform 0.1s linear;
}

.soiChevronIcon.expanded {
    transform: rotate(90deg);
}

.soiActionButton {
    display: flex;
    margin-left: -12px;
}

.soiActionButton *:hover {
    color: #0078D4;
}

.soiButton {
    margin-top: 12px;
    transform: translateX(-8px);
}

.cartBreakdownHeader {
    font-size: 15px;
    font-weight: 600;
    padding-top: 32px;
}

.checkoutSetupIssue {
    padding: 16px 0 23px;
    font-size: 14px;
    line-height: 20px;
}

.cartBreakdown {
    padding: 20px 0 9px;
}

.cartBreakdown:not(:last-child) {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.cartBreakdown:first-child {
    padding-top: 44px;
}

.cartLoading {
    height: 120px;
}

.noPointer {
    cursor: default;
}

.dashboardButton.chDisableButton {
    background-color: transparent;
}

.dashboardErrLink {
    color: #0078D4;
}

.goalCardDropdownDiv {
    padding: 12px 16px;
}

.goalCardDropdownTitle {
    line-height: 20px;
    font-weight: 500;
    color: #323130;
    padding-bottom: 5px;
}

.goalCardDropdownDiv .ms-Dropdown-title {
    width: 100%;
}

.stepBar {
    height: 14px;
    width: 375px;
    display: flex;
    background-color: #EDEBE9;
    margin-bottom: 12px;
}

.stepBarFill {
    height: 14px;
    margin-right: 2px;
}

.stepBar .clickable {
    cursor: pointer;
}

.stepContainer {
    padding: 0px 16px 6px 16px;
}

.stepCard {
    padding: 12px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
}

.stepCard .titleBar {
    display: flex;
    position: relative;
    padding-bottom: 16px;
}

.stepCard .titleBar .title {
    font-weight: 600;
    padding-right: 3px;
    font-size: 12px;
}

.stepCard .titleBar .totalSession {
    position: absolute;
    right: 0;
    font-weight: 400;
    font-size: 12px;
}

.stepCard .legendBar {
    display: flex;
    align-items: center;
}

.stepCard .clickable {
    cursor: pointer;
}

.stepCard .legendIcon {
    width: 12px;
    height: 12px;
    margin-right: 6px;
}

.stepCard .legendText {
    font-size: 11px;
    font-weight: 600;
    padding-right: 6px;
}

.stepCardSpacer {
    height: 6px;
}

.dropoffBar {
    background-color: #FAF9F8;
    padding-left: 110px;
    height: 16px;
    font-size: 10px;
    margin-top: 6px;
    margin-bottom: 6px;
    display: flex;
    align-items: center;
}

.dropoffBar .dropoffText {
    margin-left: 4px;
}

.goalFiltersDropdown {
    padding-bottom: 12px;
}

.jsSubHeader {
    font-size: 12px;
    font-weight: 600;
    padding-top: 10px;
}

.flexRowReverse {
    flex-direction: row-reverse;
}

.zeroMargin {
    margin: 0;
}

.usersCard {
    padding: 22px 16px;
}

.retroUsersContent {
    margin-left: 16px;
}

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

.usersCard>div:not(:last-child) {
    margin-bottom: 26px;
}

.usersCardLoading {
    height: 176px;
}

.userLastUpdate {
    margin-left: 8px;
    color: #605E5C;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
}

.livePopupArea {
    padding: 20px 24px;
    width: 343px;
    color: #323130;
}

.livePopupTitle {
    font-weight: 600;
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 12px;
}

.livePopupInfo {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 20px;
}

.livePopupButton {
    width: fit-content;
    align-self: end;
    background-color: #2F9596;
}

.livePopupButton:hover {
    background-color: #226a6b;
}

.livePopupTitle > span {
    margin-left: 4px;
}

@media only screen and (min-width: 1920px) {
    .sessionsCard {
        width: 1826px;
    }

    .sessionMetricSection {
        min-width: 263px;
    }

    .dashboardMasonry,
    .dashboardMasonryHorizontal {
        width: 1826px;
    }

    .sessionMetricSection {
        width: 420px;
    }

    .pageMetricSection {
        width: 465px;
    }

    .chartCard {
        width: 438px;
    }

    .chAbandonBarFill {
        max-width: 372px;
    }
}

@media only screen and (min-width: 1440px) {
    .dashboardScroll {
        align-items: center;
    }
}

@media only screen and (max-width: 1440px) {
    .dashboardScroll {
        min-width: 1392px;
    }
}

@media (forced-colors: active) {
    .activeBar,
    .inactiveBar,
    .activeLegend,
    .inactiveLegend,
    .stepBarFill,
    .legendBar {
        forced-color-adjust: none;
    }
}

@media (-ms-high-contrast: active),
(forced-colors: active) {
    .selectedPaginationButton {
        color: highlight !important;
    }
}

@media only screen and (-webkit-min-device-pixel-ratio : 4) {
    .dashboardScroll {
        min-width: unset;
    }

    .dashboardMasonry,
    .dashboardMasonryHorizontal {
        width: unset; 
        flex-direction: column;
    }

    .sessionsCard {
        width: fit-content;
    }

    .sessionMetricGroup {
        flex-direction: column;
    }

    .sessionMetricGroup:not(:last-child){
        border-right: unset;
    }

    .sessionMetricContent {
        flex-direction: column;
        column-gap: 8px;
    }

    .pageMetricSection {
        width: unset;
    }

    .tabContentHeader {
        display: grid !important;
        grid-template-columns: auto auto auto;
        grid-row-gap: 4px;
    }

    .tabContentHeader .filtersContent {
        grid-row: 2;
        grid-column: 1 / 4;
    }

    .clearFiltersButton .ms-Button-textContainer,
    .filtersActions #dashboard_FiltersButton .ms-Button-textContainer{
        display: none;
    }

    .clearFiltersButton {
        width: 24px;
        min-width: unset;
    }
}
</style><style>.regionDataContainer {
    padding: 0px 16px;
}

.regionDataArea > * {
    display: flex;
    padding: 12px 0;
    justify-content: space-between;
}

.regionDataBorder > *:not(:last-child) {
    border-bottom: 1px solid #EDEBE9;
}

.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;
}

.regionHintButton {
    transform: translateY(4px);
}

.regionLinks {
    align-self: center;
}

.regionFullBleed {
    width: calc(100% + 32px);
    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;
}
</style><style>.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/gettingstartedsprites4.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;
}

.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/platformsIconsSprite4.png);
    position: relative;
}

.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.platformsIconsSprite.noSeePlatformIcon.mesh::after {
    left: -180px;
    top: -130px;
}

.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 .collapsibleContentHeader {
    display: flex;
    align-items: center;
}

.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;
}

.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;
}

.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;
}

.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 svg {
    position: relative;
    left: -1px;
    top: -1px;
}

.checklistTextArea {
    background-color: #FAF9F8;
    padding: 16px;
    width: 100%;
}

.checklistItemTitle {
    margin-bottom: 8px;
}

.mountainArea {
    background-color: white;
    padding: 52px 89px 39px 85px;
    position: relative;
    flex: 0 0 auto;
}

.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;
}

.completedBadge.completed {
    background-color: #2F9596;
    color: white;
}

.mountainIllustration {
    position: relative;
    top: 56px;
}

.flagEmoji {
    width: 68px;
    height: 68px;
    top: 50px;
    right: 331px;
}

.flagEmoji::after {
    left: -377px;
}

.goat {
    position: absolute;
}

.goat.step0 {
    right: 132px;
    top: 453px;
}

.goat.step1 {
    transform: scaleX(-1) rotate(-16.71deg);
    right: 119px;
    top: 376px;
}

.goat.step2 {
    transform: scaleX(-1) rotate(-16.71deg);
    right: 235px;
    top: 340px;
}

.goat.step3 {
    transform: scaleX(-1) rotate(-27.21deg);
    right: 346px;
    top: 296px;
}

.goat.step4 {
    transform: rotate(-7deg);
    right: 412px;
    top: 234px;
}

.goat.step5 {
    transform: rotate(-7deg);
    right: 285px;
    top: 217px;
}

.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;
}

.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;    
}

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

.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;
}

.socialMediaItem .socialMediaName {
    color: #323130;
}

a.socialMediaItem:hover {
    text-decoration: none;
}

.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;
}</style><style>/* antd styles */
html,
body {
  width: 100%;
  height: 100%;
}
input::-ms-clear,
input::-ms-reveal {
  display: none;
}
*,
*::before,
*::after {
  box-sizing: border-box;
}
html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
@-ms-viewport {
  width: device-width;
}
body {
  font-variant: tabular-nums;
  font-feature-settings: 'tnum';
}
[tabindex='-1']:focus {
  outline: none !important;
}
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}
input[type='text'],
input[type='password'],
input[type='number'],
textarea {
  -webkit-appearance: none;
}
b,
strong {
  font-weight: bolder;
}
a {
  color: #0078D7;
  text-decoration: none;
  background-color: transparent;
  outline: none;
  cursor: pointer;
  transition: color 0.3s;
  -webkit-text-decoration-skip: objects;
}
a:hover {
  color: #2494e3;
}
a:active {
  color: #005bb0;
}
a:active,
a:hover {
  text-decoration: none;
  outline: 0;
}
a:focus {
  text-decoration: none;
  outline: 0;
}
img {
  vertical-align: middle;
  border-style: none;
}
svg:not(:root) {
  overflow: hidden;
}
a,
area,
button,
[role='button'],
input:not([type='range']),
label,
select,
summary,
textarea {
  touch-action: manipulation;
}
table {
  border-collapse: collapse;
}
::selection {
  color: #fff;
  background: #0078D7;
}

input,
button,
select,
optgroup,
textarea {
  margin: 0;
  color: inherit;
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
}

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-size: 100%;
	font: inherit;
	vertical-align: baseline;
	font-family: "Segoe UI", "Segoe UI Web (West European)", "Segoe UI", -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif;
	-webkit-tap-highlight-color: transparent;
    color: inherit;
    line-height: inherit;
}

.rowFlex {
    display: flex;
    flex-direction: row;
}

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

.justifyCenter {
    justify-content: center;
}

.alignCenter {
    align-items: center;
}

.alignBaseline {
    align-items: baseline;
}

.flexAuto {
    flex: auto;
}

/* adding some unnecessary specification to make the selector stronger*/
html body .wholePage .hidden {
    display: none;
}

strong {
    font-weight: 600;
}

.info {
    white-space: pre-line;
}

.wholePage {
    width: 100%;
    line-height: 1.4;
    font-size: 14px;
}

::-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;
}

.separator {
    width: 100%;
    height: 1px;
    background: rgba(0, 0, 0, 0.1);
}

.skipToContent {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    padding: 12px;
    box-sizing: border-box;
    z-index: 1001;
    transform: translate(-100%);
}

.skipToContent:focus {
    border: 2px black dashed;
    transform: translate(0);
}

.header {
    padding: 8px 16px;
    display: flex;
    align-items: center;
    font-size: 14px;
}

.darkHeader:not(.newHomepage .newHeader) {
    background-color: #0078D4;
    fill: #FFFFFF;
}

.header a {
    color: unset;
    position: relative;
}

.header i {
    color: #323130;
}

.header a.ms-Button:not(#feedbackButton):not(#blogLink a) {
    margin-left: 16px;
}

.darkHeader *,
.darkHeader i {
    background-color: transparent;
    color: #FFFFFF;
}

.header button {
    height: 32px;
}

.header.newHeader .ms-Button--commandBar {
    margin-right: 16px;
    margin-left: 16px;
}

.darkHeader.newHeader .ms-Button--commandBar {
    background: transparent;
}

.header a.ms-Button--commandBar .ms-Button-textContainer {
    height: 32px;
    color: #323130;
    display: flex;
    align-items: center;
}

.header #signInIdentity {
    margin-left: 32px;
}

.identity {
    overflow: hidden;
    white-space: nowrap;
}

.identity button:last-child {
    margin-left: 16px;
    overflow: hidden;
}

.identity button span {
    max-width: 200px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 18px
}

.identity button svg {
    margin: 0 8px 0;
}

.identity .menuSpacer {
    margin: 0 4px;
}

.profileSpacer {
    margin: 0 8px;
}

.leftSpacer8 {
    margin-left: 8px;
}

.header:not(.newHeader.darkHeader) #headerSignIn {
    color: #006abe;
    border-color: #006abe;
}

.clarityLogo span {
    padding-bottom: 2px;
}

.darkHeader:not(.newHeader) #headerSignIn:hover {
    background-color: rgba(255,255,255,0.1);
}

.newHeader.darkHeader #headerSignIn {
    border: none;
}

.newHeader.darkHeader #headerSignIn:not(:active):not(:hover) {
    background: white;
}

.newHeader.darkHeader #headerSignIn .ms-Button-label {
    color: #3A6BE4;
}

.darkHeader #headerGetStarted:not(:active):not(:hover) {
    background-color: rgb(0, 120, 212);
}

.darkHeaderButton ~ .ms-Button:hover,
.darkHeader .hamburger:hover {
    background-color: #106ebe;
    color: white;
}

.darkHeaderButton ~ .ms-Button:active,
.darkHeader ~ .hamburger:active  {
    background-color: #0f64ad;
}

.newHeader .darkHeaderButton ~.ms-Button i,
.newHeader .darkHeaderButton ~ .ms-Button:hover i {
    background: transparent;
    color: white;
}

.darkHeader .ms-TooltipHost .ms-Button:hover {
    background-color: #106ebe;
}

#headerProjects button:first-child > span,
.clarityLogo > span {
    position: relative;
}

#blogLink {
    margin-right: 24px;
}

#blogLink a:focus::after {
    outline: none;
    text-decoration: underline;
    border-bottom: 1px solid black; 
}

#blogLink a:first-child > span {
    position: relative;
}

#headerProjects {
    margin-left: 28px;
}

#headerProjects button:first-child > span:before,
#blogLink a:first-child > span:before,
.clarityLogo > span::before {
    background: black;
    content: "";
    display: none;
    height: 2px;
    position: absolute;
    width: 100%;
    bottom: -3px;
}

.darkHeader #headerProjects button:first-child > span:before,
.clarityLogo.darkHeaderButton > span::before  {
    background: #FFFFFF;
}

.header.darkHeader.selectedSession {
    display: none;
}

#headerProjects button:first-child:hover span:before,
#blogLink a:first-child:hover > span:before,
.clarityLogo:hover span::before {
    display: block;
}

.clarityLogo:hover span::before {
    bottom: -5px;
}

.clarityLogo:focus-visible {
    outline: 1px solid;
}

.msLogo{
    margin-right: 8px;
    width: 92px;
}

.msLogo img {
    display: block;
}

.msLogo:focus-visible {
    outline: 1px solid;
}

.flexSpacer {
    flex: 1 0 auto;
}

a.clarityLogo {
    font-size: 20px;
    color: black;
    margin: 0 8px;
    position: relative;
    line-height: 28px;
}

.clarityLogo.darkHeaderButton {
    color: white;
}

a.clarityLogo.darkHeaderButton:before {
    background-color: white ;
}

.hamburger {
    margin-right: 18px;
}

.hamburgerPanel .userInfo {
    width: calc(100% - 12px);
    overflow: hidden;
}

.hamburgerPanel .userInfo > * {
    overflow: hidden;
    text-overflow: ellipsis;
}

.hamburgerPanel .identityButton {
    width: 100%;
    margin-bottom: 9px;
}

.panelLogos {
    display: flex;
    align-items: center;
    flex: 1;
}

.hamburgerPanel .ms-Nav-groupContent {
    margin-bottom: 0;
}

.hamburgerPanel .feedbackButton {
    line-height: 44px;
    cursor: pointer;
    width: 100%;

}

.hamburgerPanel .feedbackButton.leftPadding {
    padding-left: 32px;
}

.hamburgerPanel .feedbackButton:hover {
    background: rgb(243, 242, 241);
    color: rgb(0, 120, 212);
}

.confirmEmailModal{
    height: 394px;
    width: 480px;
    overflow: hidden;
    text-align: center;
}

.confirmEmailModal a {
    color: black;
    text-decoration: underline;
}

.confirmEmailModal .title {
    font-size: 32px;
    line-height: 42px;
    text-align: center;
    padding: 40px 32px;
}

.confirmEmailContainer {
    max-height: 213px;
    overflow: hidden;
    display: flex;
    text-align: center;
    flex-direction: column;
}

.confirmEmailContainer .email {
    min-height: 86px;
    padding: 0px 90px 32px 90px;
}

.acceptTOSContainer a, 
.content .setupLearnMore {
    margin-left: 4px;
}

.content .setupLearnMore {
    margin-right: 4px;
}

.content .setupUETWarning {
    margin: 16px 0;
}

.confirmEmailContainer .acceptTOSContainer {
    padding: 0 125px;
    display: flex;
}

.confirmEmailButtonContainer {
    padding: 28px 24px;
}

.confirmEmailButtonContainer.confirmEmail {
    padding: 48px 0 16px 0
}

.confirmEmailContainerInstall .addProjHeaderInstall {
    margin-top: 134px;
}

.mainContentInstall .email {
    margin-bottom: 11px;
}

.mainContentInstall .ms-TextField {
    height: 54px;
}

.acceptTOSContainer.confirmEmail a,
.promoConsentNotice a {
    color: #0078D4;
    text-decoration: underline;
}

.acceptTOSContainer.confirmEmail {
    display: flex;
}

.acceptTOSContainer.confirmEmail.withMargin {
    margin-bottom: 12px;
}

.announcementsBanner {
    position: fixed;
    bottom: 0;
    z-index: 100;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.viewTermsButton {
    height: 32px;
}

a.clarityLogo:before {
    height: 18px;
    width: 1px;
    background-color: black;
    content: "";
    display: block;
    position: absolute;
    left: -8px;
    top: 5px;
}

.ms-Callout-container > .ms-Callout {
    border: 1px solid lightgray;
    margin-top: 9px;
    z-index: 100;
}

.ms-Callout-container > .suggestionContainer.ms-Callout {
    margin-top: 0px;
}

.ms-ComboBox-optionsContainer > .ms-ComboBox-option:hover,
.ms-ComboBox-optionsContainer > div > .ms-ComboBox-option:hover {
    background: #f3f2f1;
}

.separate:before {
    background-color: lightgray;
    height: 1px;
    content: "";
    display: block;
    position: absolute;
    width: 90%;
    left: 5%
}

.separate i {
    color: #000000;
    margin-left: 16px;
}

.separate button {
    padding: 8px 0;
    height: fit-content;
}

.userInfo {
    margin: 12px 12px 12px 8px;
    display: grid;
    grid-template-columns: 45px;
    grid-column-gap: 12px;
    grid-template-rows: 25px 20px;
}
.userInfo #name {
    max-width: 320px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#avatar,
.userIcon {
    grid-column: 1;
    grid-row-end: 3;
    grid-row-start: 1;
    border-radius: 45px;
    background: linear-gradient(130deg, #3A4fCE 0%, #3384AE 100%);
}

#avatar span {
    line-height: 45px;
    transform: scale(1) translateX(-50%);
    display: inline-block;
    left: 50%;
    position: relative;
    font-size: 18px;
    font-weight: 600;
    color: white;
}

#name {
    font-size: 16px;
    font-weight: 500;
    grid-column: 2;
}

#email {
    color: rgb(102, 102, 102);
    grid-column: 2;
}

.userSettingsContainer {
    margin: 12px 0;
}

.userSettingsContainer h2 {
    margin: 24px 0;
    font-weight: 600;
    font-size: 18px;
    line-height: 20px;
}

.basicSettingsContainer,
.preferencesContainer {
    margin-top: 12px;
    border-top: 1px solid #B3ADB2
}

.preferencesContainer {
    margin-top: 24px;
}

.basicSettingsContainer > *,
.preferencesContainer > * {
    margin-bottom: 16px;
    max-width: 600px;
}

.preferencesContainer .ms-Toggle {
    margin-top: 12px;
}

.userSettingsContainer .ms-TextField,
.userSettingsContainer .ms-Dropdown-container {
    width: 300px;
}

.userSettingsContainer .title {
    display: flex;
    justify-content: space-between;
}

.userSettingsContainer .closeIcon {
    border: none;
}

.userSettingsContainer .closeIcon i {
    border: none;
}

.userSettingsContainer .closeIcon span {
    flex-direction: row-reverse;
    font-weight: 400;
}

.projHeader {
    padding: 12px 16px;
    display: flex;
    align-items: center;
}

.projHeader,
.timelineHeader {
    border-bottom: 1px solid #EDEBE9;
}

.projHeader .title,
.timelineHeader {
    font-size: 14px;
    line-height: 20px;
    white-space: nowrap;
    color: #323130;
    font-weight: 600; 
}

.timelineHeader {
    padding: 16px;
    height: 45px;
}

.projHeader .tabs {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.ms-Pivot-link.is-disabled:hover {
    font-weight: normal;
}

.projHeader .ms-Pivot-link::before {
    height: 4px;
}

.caseStudyIllustration {
    margin: 24px;
    max-width: 389px;
}

.caseStudyButtons {
    margin: 0 24px 24px 24px;
    justify-content: flex-end;
    display: flex;
}

.confirmJoinCaseStudy {
    margin-right: 8px;
}

.caseStudyIllustration span {
    color: #605E5C;
}

.caseStudyIllustration svg {
    margin-bottom: 16px;
}

.wholePage .setup,
.wholePage .tos {
    padding: 24px;
    overflow: auto;
}

.wholePage.noScroll {
    overflow: hidden;
}

.markdownTutorials img {
    margin-top: 12px;
    margin-bottom: 12px;
    max-width: 100%;
}

.markdownTutorials {
    margin-left: 30px;
}

.markdownTutorials h2 {
    font-size: 20px;
    line-height: 32px;
    margin: 20px 0px;
}

.markdownTutorials a {
    cursor: pointer;
    color: #2494e3;
}

.markdownTutorials a:hover {
    color: #2494e3;
}

.markdownTutorials a:focus-visible {
    outline: 3px solid;
    color: #2494e3;
}

.project,
.projectsDeck {
    overflow: hidden;
    display: flex;
    flex-direction: column;
    position: absolute;
    width: 100%;
    height: calc(100% - 48px);
}

.tabs button {
    text-transform: capitalize;
}

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

/********************************************/
/***********      Settings     **************/
/********************************************/
.settingsVertical {
    display: flex;
    height: 100%;
}

.navContent {
    border-right: 1px solid rgb(237, 235, 233)
}

.settingsContent {
    width: 100%;
    padding: 22px 48px;
    min-height: 100%;
    overflow: auto;
}

.settingsContent .title,
.userSettingsContainer .title {
    font-weight: 600;
    font-size: 26px;
    line-height: 36px;
}

.overviewContainer {
    margin-top: 16px;
    max-width: 300px;
}

.overviewContainer > * {
    margin-bottom: 32px;
}

.overviewLabel {
    font-weight: 500;
    margin-bottom: 5px;
    user-select: none;
}

.overviewContainer .projectID > * {
    margin-right: 12px;
    vertical-align: middle;
}

.appsSetupContainer .projectID {
    font-weight: 500;
    display: flex;
    line-height: 20px;
    padding-top: 5px;
}

.appsSetupContainer .projectID .ms-Button {
    width: 32px;
    height: 20px;
    margin-left: 8px;
}

.siteCategory .ms-Label.ms-Dropdown-label {
    color: black;
}

.radioButtonWrapper .radioButton {
    margin-right: 8px;
    width: 20px;
    height: 20px;
}

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

.radioButtonWrapper {
    display: flex;
    margin: 8px 0;
}

.deleteConfirmationText {
    font-weight: 600;
    margin: 15px 0;
}

.surveyTextarea, 
.exitSurveyDropdown {
    margin-left: 24px;
}

.exitSurveyDropdown span {
    border-radius: 0;
    margin-bottom: 8px;
}

.actionsContainer .delete > button,
.ipActionsContainer > button {
    background: white;
    border: none;
    cursor: pointer;
    color: #0078D4;
    padding-left: 0px;
}

.actionsContainer .disabled > button {
    color: #A79F9D;
    font-weight: 600;
}

.buttonsContainer,
.addUserButtonsContainer {
    margin-top: 24px;
    display: flex;
    justify-content: flex-end;
}

.buttonsContainer {
    margin-bottom: 16px;
}

.buttonsContainer .confirmDeleteButton.cancel {
    margin-left: 16px;
}

.buttonsContainer .gaModalButton {
    margin-left: 16px;
}

.connectGTMContainer{
    height: 100%;
    display: flex;
    flex-direction: column;
}

.gtmIntegartionPanel .ms-Panel-main {
    width: 380px;
}

.gtmIntegartionPanel .ms-Panel-content {
    height: 80%;
}

.gtmPanelFooter .ms-MessageBar{
    background: #EFF6FC;
    margin-bottom: 16px;
}

.gtmPanelButtonsContainer {
    padding: 16px;
    border-top: 1px solid #EDEBE9;
    display: flex;
    justify-content: start;
    align-items: center;
} 

.gtmPanelButtonsContainer .ms-Button {
    margin-right: 8px;
}

.gtmDialogStyles .ms-Dialog-main{
    min-height: 151px;
    border-radius: 2px;
    min-width: 480px;
}

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

.overlaySpinner {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 10;
    background-color: rgba(128,128,128,0.4)
}

.overlayHeatmapSpinner {
    height: 100%;
}

.loadingCentered {
    position: absolute;
    left: 50%
}

.loadingIcon {
    font-size: 24px;
}

.loadingSmall {
    min-width: 12px;
    max-width: 12px;
}

.loadingSmall .ant-spin .anticon {
    font-size: 12px;
}
 
.deleteProjectContainer,
.connectGAContainer {
    margin: 0px 16px;
}

.deleteProjectContainer {
    width: 480px;
}

.gaDatePickerContainer {
    margin: 6px 16px;
}

.gaDatePickerContainer .buttonRow {
    padding: 10px 0;
    display: flex;
    justify-content: space-between;
}

.connectGTMContainer .optionsError {
    font-size: 12px;
    color: #A80000;
}

.connectGTMContainer .optionsErrorLink {
    font-size: 12px;
}

.connectGTMContainer .containerLabel {
    font-size: 12px;
    color: #106ebe;
}

.connectGTMContainer .linkingContainer {
    margin: auto;
}

.connectGTMContainer .linkingContainer > div {
    text-align: center;
}

.addingGAMessage {
    font-size: 13px;
    margin-top: 16px;
    margin-bottom: 16px;
}

.gaDocumentLink {
    font-size: 13px;
    margin-top: 6px;
    margin-bottom: 16px;
}

.manualGAInputLabel {
    font-weight: 500;
}

.manualGAInput {
    margin-top: 8px;
    margin-bottom: 20px;
}

.manualGAInputTextWrapper {
    height: 75px;
}

.deleteConfirmationContainer {
    margin: 0px 16px;
}

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

.panelHeader {
    margin: 0 0 21px 0;
}

.panelSubHeader {
    margin-bottom: 21px;
    font-weight: 600;
}

.deleteModalHeader {
    align-items: baseline;
}

.deleteModalHeader .title,
.removeUserModalHeader .title {
    display: flex;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.deleteModalHeader .title:focus,
.removeUserModalHeader .title:focus,
.actionsContainer .delete > button:focus,
.ipActionsContainer > button:focus,
.deleteProjectHeader .title:focus,
.noFocusBorder:focus,
.seeAllFAQ:focus {
    outline: none;
}

.deleteModalHeader .title:focus-visible,
.removeUserModalHeader .title:focus-visible,
.actionsContainer .delete > button:focus-visible,
.deleteProjectHeader .title:focus-visible,
.seeAllFAQ:focus-visible {
    outline: 3px solid;
}

.removeUserContainer {
    margin: 16px;
}

.removeUserContainer > span {
    height: 20px;
    display: inline-block;
}

.removeUserButtonsContainer,
.deleteProjectButtonsContainer,
.addElementButtonsContainer {
    margin-top: 16px;
    display: flex;
    justify-content: flex-end;
}

.removeUserButtonsContainer > *,
.deleteProjectButtonsContainer > *,
.addElementButtonsContainer > * {
    margin-left: 8px;
}

.confirmDeleteButton.confirm .ms-Button-label {
    margin: 0px;
}

.instructions,
.maskingElementsContainer {
    margin-top: 16px;
    border-top: 1px solid #B3ADB2;
}

.maskElementsNameContainer {
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    max-width: 400px;
}

.setupContainer {
    max-width: 615px;
}

.setupContainer .title > span {
    font-size: 18px;
}

.setupContainer .collapsibleTitle .collapsibleContentHeader{
    display: flex;
    align-items: center;
    margin-top: 10px;
}

.collapsibleContentHeaderEvents.event {
    border: 1px solid #EDEBE9;
}

.collapsibleSessionInfoContainer {
    border-bottom: 1px solid #EDEBE9;
    border-right:  1px solid #EDEBE9;
    border-left:  1px solid #EDEBE9;
    background-color: #FAF9F8
}

.collapsibleSessionInfoContainer .sessionInfoLine .eventText {
    padding-left: 20px;
}

.collapsibleSessionInfoContainer .sessionInfoLine .purpleIcon + .eventText {
    padding-left: 5px;
}

.collapsibleContentHeaderEvents .headerText {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-right: 12px;
    cursor: pointer;
}

.collapsibleSessionInfoContainer .sessionInfoLine {
    padding-left: 36px;
}

.eventTimelineContainer.expanded .sessionInfoButton,
.sessionInfoDetails .sessionInfoButton {
    font-size: 12px;
    color: #0078D4;
    height: fit-content;
    margin: 8px 0px;
}

.eventTimelineContainer.expanded {
    margin-bottom: 0px;
}

.sessionInfoContainer .sessionInfoButton {
    color: #0078D4;
    transform: translateX(-8px);
}

.setupContainer .collapsibleTitle > * {
    font-size: 18px;
    line-height: 24px;
    cursor: pointer;
    color: #0078D4;
}

.setupContainer .collapsibleTitle .ms-Icon {
    margin-right: 10px;
}

.setupContainer .instructions .content{
    font-size: 14px;
    font-weight: normal;
    line-height: 19px;
}

.setupContainer .options {
    margin-top: 24px;
}

.setupOptionContainer .collapsibleContentHeader {
    display: flex;
    cursor: pointer;
    user-select: none;
}

.setupOptionContainer {
    margin-bottom: 40px;
}

.setupOptionContainer.thirdParty {
    margin-bottom: 20px;
    display: inline-block;
}

.setupOptionContainer.manual {
    margin-top: 20px;
    margin-bottom: 20px;
}

.setupOptionContainer .expanded {
    font-weight: 600;
}

.setupOptionContainer .collapsibleContentTitle {
    margin-left: 32px;
    font-size: 16px;
    line-height: 22px;
}

.setupOptionContainer .advancedSettingsTitle {
    display: flex;
    align-items: center;
}

.setupOptionContainer .advancedSettingsTitle > span {
    font-weight: 600;
}

.setupOptionContainer .advancedSettingsTitle svg {
    margin-right: 8px;
    width: 20px;
    height: 20px;
}

.collapsibleContentTitle {
    display: flex;
}

.collapsibleContentExtra {
    background: #C7E0F4;
    color: #0078D4;
    height: 24px;
    width: 24px;
    font-weight: 600;
    margin-left: 8px;
    border-radius: 15px;
}

.collapsibleContentExtra span{
    padding-left: 7px;
    position: relative;
}

.setupContainer .setupSection {
    margin-left: 32px;
}

.setupSection .code {
    margin-top: 5px;
    display: inline-block;
}

.setupOptionContent {
    margin-left: 46px;
    margin-top: 12px;
    margin-bottom: 40px;
}

.setupOptionContent .content {
    cursor: pointer;
    color: #0078D4;
    margin-top: 8px;
}

.appsSetupContainer .instructions{
    font-weight: 600;
    padding-top: 10px;
    margin-bottom: 10px;
    font-size: 18px;
    line-height: 20px;
    margin-top: 29px;
}

.appsSetupContainer .setupStep{
    margin-top: 29px;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
}

.setupStep .stepNumber{
    display: inline-flex;
    justify-content: center;
    width: 20px;
    border-radius: 10px;
    background-color: #C7E0F4;
    margin-right: 8px;
}

.sessionDetailsContainer {
    margin: 18px 16px;
}

.sessionDetailsContainer .sessionInfo{
    border-bottom: none;
}

.timeLineTabsWrapper {
    margin: 16px 16px 0;
}

.timeLineTabsWrapper .ms-Pivot {
    display: grid;
    grid-template-columns: 50% 50%;
    border-bottom: 1px solid #EDEBE9;
}

.timeLineTabsWrapper .ms-Button {
    line-height: 22px;
    font-size: 16px;
    margin-right: 0;
}

.appsSetupContainer .markdownCode{
    font-weight: 400;
    margin-left: 28px;
}

.appsSetupContainer .setupStepCopy{
    margin-left: 28px;
    margin-top: 12px;
    font-size: 12px;
    color: #0078D4;
    padding-left: 0;
}

.appsSetupContainer .setupStepCopy:hover{
    background-color: transparent;
}

.appsSetupContainer .setupStepCopy i{
    margin-left: 0;
}

.appsNeedHelp,
.appsPrivacyStatement {
    margin-top: 32px;
    width: 628px;
    display: flex;
    flex-direction: column;
}

.appsPrivacyStatement {
    border-top: 1px solid #B3B0AD;
}

.appsNeedHelp .helpEnvelope,
.appsPrivacyStatement .privacyMonkey {
    position: relative;
    display: flex;
    font-size: 16px;
    line-height: 21px;
    font-weight: 600;
    margin: 8px 0;
    height: 21px;
}

.appsNeedHelp .ms-Button {
    margin-top: 16px;
    width: 200px;
}

.appsNeedHelp .helpEnvelope::before,
.appsPrivacyStatement .privacyMonkey::before {
    content: "";
    width: 44px;
    height: 44px;
}

.appsPrivacyStatement .privacyMonkey span,
.appsNeedHelp .helpEnvelope span {
    position: absolute;
    left: 30px;
}

.appsPrivacyStatement .privacyMonkey::before{
    background: url(https://claritystatic.azureedge.net/images/thirdPlatformSprite.png) no-repeat 0 0;
    transform: translate(0, -11px) scale(0.65);
    position: absolute;
    left: -10px;
    background-position-x: -36px;
}

.appsNeedHelp .helpEnvelope::before{
    background: url(https://claritystatic.azureedge.net/images/needHelpSprite.png) no-repeat 0 0;
    transform: translate(-13px, -11px) scale(0.5);
}

.tutorial-Panel-header {
   width: 100%;
   padding: 0 0 12px 24px;
}

.tutorial-Panel-header .ms-Panel-header {
    padding: 0;
}

.collapsibleTutorial {
    margin-top: 12px;
}

.collapsibleTutorial .collapsibleContentHeader {
    display: flex;
    cursor: pointer;
    user-select: none;
    color: #0078D4;
    padding-left: 0;
}

.collapsibleTutorial .ms-Icon {
    color: #0078D4;
    margin-right: 10px;
}

.recommendedTag {
    width: 112px;
    height: 20px;
    background-color: #004578;
    color: white;
    border-radius: 2px;
    padding: 0 8px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 12px;
    line-height: 16px;
}

code {
    font-family: monospace;
    font-size: 12px;
}

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

.code span {
    font-weight: 500;
}

.code .ms-Button {
    margin-top: 16px;
}

.privacyStatement {
    margin: 24px 0 8px;
}

.privacyStatement > span {
    font-weight: 600;
}

.privacyStatementButton {
    margin-bottom: 22px;
}

.analytics .action {
    font-size: 14px;
    line-height: 16px;
    color: #484644;
    margin: 0px 8px;
}

.settingsContent .content {
    margin-top: 16px;
}

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

.teamMember,
.maskingElements,
.ipElements {
    margin: 24px;
    align-items: center;
    white-space: nowrap; 
}

.teamLoading {
    margin-top: 100px;
}

.teamMember {
    width: 100%;
}

.teamMember td {
    padding: 5px 24px 5px 0;
}

.teamMember > .ms-layer,
.maskingElements > .ms-layer,
.ipElements > .ms-layer {
    position: absolute;
}

.teamMember > * {
    border-bottom: solid 1px #F3F2F1;
    height: 33px;
    line-height: 32px;
    padding: 5px 24px 5px 0;
    box-sizing: content-box;
}

.teamMember > *:nth-child(5) {
    padding-right: 24px;
}

.teamMember > .status {
    text-align: center;
}

.teamMember .role,
.teamMember .inviteRole {
    text-align: right;
}

.role > button.ms-Button.is-disabled {
    background: white;
}

.userNameContainer > * {
    display: inline-block;
}

.actionContainer {
    text-align: end;
}

.membershipList {
    border: none;
}

.userNameContainer .name {
    margin-left: 12px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 90%;
    vertical-align: bottom;
}

.userNameContainer {
    max-width: 250px;   
}

.userIcon {
    width: 28px;
    height: 28px;
    background: #4F6BED;
    text-align: center;
    position: relative;
    top: 2px;
}

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

.addUserContainer {
    margin: 16px 16px; 
}

.addUserContainer .email {
    min-height: 82px;
}

.addUserContainer .email > span,
.addUserContainer .userRole > span {
    font-weight: 600;
}

.addUserModalHeader {
    width: 288px;
}

.userRole {
    margin-top: 5px;
    margin-bottom: 24px;
}

.addUserButtonsContainer .confirmAddUser.cancel {
    margin-left: 16px;
}

.deleteModalHeader .title > i,
.deleteProjectHeader .title > i {
    margin-right: 8px;
}

.deleteModalHeader .title,
.deleteProjectHeader .title {
    display: flex;
    align-items: center;
}

.deleteSegmentContainer {
    margin: 24px 16px 20px;
}

.deleteProjectUserContainer {
    margin: 16px
}

.maskingNotice {
    background-color: #F3F2F1;
    margin-top: 16px;
    align-items: center;
    display: flex;
}

.maskingNotice .infoIcon {
    margin: 8px;
}

.maskingElementsContainer .title {
    font-size: 18px;
    font-weight: 600;
    margin-top: 5px;
    line-height: 31px;
}

.maskingElementsContainer .content {
    margin: 10px 0 16px;
}

.maskingInfoBubble {
    display: flex;
    padding: 10px 14px;
}

.addElementContainer {
    width: 448px;
    margin: 16px;
    height: 80px;
}

.addElementButtonsContainer {
    margin-top: 24px;
}

.addElementButtonsContainer {
    margin: 24px 16px 16px 16px;
}

.maskingContainer,
.ipExclusionContainer {
    max-width: 717px;
}

.maskingAllContainer .title {
    font-size: 18px;
    border-top: 1px solid #B3ADB2;
    line-height: 31px;
    padding-top: 5px;
    margin: 16px 0;
}

.maskingElements {
    grid-template-columns: 470px auto auto;
}

.maskingElements,
.ipElements {
    margin-left: 0;
    width: 100%;
}

.maskingElements td,
.ipElements td {
    padding: 5px 8px 5px 16px;
}

.maskingElements > *,
.ipElements > * {
    border-bottom: solid 1px #F3F2F1;
    height: 33px;
    line-height: 32px;
    padding: 5px 5px 5px 0;
    box-sizing: content-box;
}

.maskingElements .status,
.maskingElements .maskElementActionContainer {
    display: flex;
    justify-content: flex-end;
}

.maskingElements .maskElementActionContainer {
    min-width: 67px;
}

.unmaskButton {
    width: 112px;
}

.maskButton {
    width: 99px; 
}

.maskingElements .status button.ms-Button.is-checked.is-disabled,
.maskingElements .status button.ms-Button.is-checked.is-disabled i.ms-Icon.ms-Button-icon {
    color: black;
}

.maskingElements .ms-Button.ms-Button--default.is-checked {
    background-color: #EFF6FC
}

.maskingStatus {
    height: 28px;
    align-items: center;
    display: flex;
    justify-content: center;
}

.maskingTogg {
    width: 66px;
}

.unmaskingTogg {
    width: 82px;
}

.maskingStatus.active {
    background: #EFF6FC;
    font-weight: 600;
}

.maskingStatus.notActive {
    background: #F3F2F1;
}

.maskChoiceGroup .ms-ChoiceField-innerField {
    padding: 0;
}

.maskChoiceGroup img.ms-Image-image {
    padding: 16px 24px 16px 24px;
}

.maskChoiceGroup .ms-ChoiceField-labelWrapper div:first-child {
    font-weight: 500;
    line-height: 16px;
}

.maskChoiceGroup .ms-ChoiceField-labelWrapper {
    margin: 0 8px 10px;
}

.maskChoiceGroup .ms-ChoiceField-labelWrapper {
    min-height: 32px;
    height: unset;
}

.ms-Button--default.normal span.ms-Button-label {
    font-weight: 400;
}

.ipElementsContainer {
    margin-top: 16px;
}

.ipActionsContainer {
    display: flex;
    color: #0078D4;
    align-items: center;
    justify-content: flex-end;
    min-width: 67px;
}

.ipActionSeparator {
    border-left: solid 1px #C8C6C4;
    height: 18px;
    align-items: center;
    margin-right: 8px;
    margin-left: 3px;
}

.ipNameModalContainer,
.ipAddressModalContainer,
.ipCurrentContainer {
    margin: 16px;
}

.ipNameModalContainer,
.ipAddressModalContainer {
    height: 80px;
    width: 308px;
}

.emptyMessage {
    text-align: center;
    max-width: 250px;
    margin-top: 16px;
    left: calc(50vw);
    position: absolute;
}

.ipAddressModalContainer .ms-Label {
    color: black;
}

/********************************************/
/***********      Project Page     **************/
/********************************************/

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

.projContentEmpty {
    padding-top: 100px;
}

.addSegmentHeader,
.saveEditSegmentHeader {
    color: #323130;
    display: flex;
    padding: 16px 20px 24px 24px;
    position: relative;
}

.addProjHeader {
    color: #323130;
    display: flex;
    justify-content: space-between;
    padding: 16px;
    position: relative;
}

.addProjHeader > span:first-child,
.addSegmentHeader .title,
.saveEditSegmentHeader .title {
    font-size: 20px;
    line-height: 28px;
    width: 100%;
    font-weight: 500;
}

.iconsContainer .ms-Button,
.closeIcon,
.segmentRemoveFilter .ms-Button {
    color: #666;
}

.segmentRemoveFilter .ms-Icon {
    color: #0078D4;
}

.filterArea > .numberInput,
.filterArea > .textInput {
    display: flex;
    padding-top: 12px;
}

.ipNameContainer {
    display: flex;
}

.ipName {
    font-weight: 600;
    max-width: 176px;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    width: 25%;
}

/********************************************/
/***********      Impressions    **************/
/********************************************/

.tabContentHeader {
    padding: 6px 16px;
    display: flex;
    border-bottom: 1px solid #ddd;
    align-items: center;
    position: relative;
}

.tabContentHeader .search {
    flex: 0 0 354px;
    margin-right: 40px;
}

.tabContentHeader .ms-Button {
    flex: 0 0 auto;
}

.filtersActions,
.filtersContent {
    display: flex;
}

.filtersContent{
    display: flex;
    overflow: hidden;
}

/********************************************/
/***********      Segments     **************/
/********************************************/
.segments {
    display: flex;
    margin-left: 10px;
    max-width: fit-content;
}

.segmentsPanel {
    padding: 0 0 12px;
}

.segmentBadges,
.gaSegmentBadges {
    display: flex;
    align-items: center;
    box-sizing: border-box;
    width: max-content;
}

.gaSegmentBadges {
    width: 100%;
}

.segmentPadding {
    padding-right: 36px;
}

.segmentsHeader {
    display: flex;
    justify-content: space-between;
    height: 44px;
    padding: 6px 12px 12px 0;
    margin-bottom: 12px;
    border-bottom: 1px solid #ddd;
}

.segmentsHeaderLabel {
    padding-top: 6px;
}

.segmentsHeader > span {
    font-weight: 600;
}

.segmentsDropdown {
    max-width: 210px;
}

.segmentRow {
    display: flex;
    align-items: center;
    height: 44px;
    overflow: hidden;
    cursor: pointer;
}

.segmentRow.disabled {    
    opacity: 0.3;
}

.gaSegmentTooltip {
    overflow: hidden;
    display: inline;
}

.segmentRow.highlight {
    background-color: #f3f2f1;
    color: #000;
}

.segmentRow .segmentBadge {
    overflow: hidden;
}

.segmentRow.emptyList {
    height: 184px;
    justify-content: center;
}

.importGAContainer {
    display: flex;
    background-color: #EFF6FC;
    line-height: 32px;
    justify-content: space-between;
}

.importGAContainer .messageContainer {
    display: flex;
}

.importGAContainer .messageContainer .lightBulbIcon {
    margin: 8px 12px;
    display: flex;
}

.importGAContainer .messageContainer .importGAText {
    font-size: 12px;
}

.importGAContainer .importGAButton {
    height:24px;
    border-radius: 2px;
    margin: 4px 12px;
}

.noSegmentsTitle {
    display: flex;
    align-items: center;
}

.noSegmentsTitle .content {
    margin-left: 16px;
    width: 460px;
}

.createSegmentSteps {
    margin-top: 8px;
}

.createSegmentSteps span {
    font-weight: 600;
}

.createSegmentSteps ul {
    margin-top: 8px;
}

.createSegmentSteps li {
    line-height: 18px;
    margin: 0px 26px 8px;
}

.badgesSegmentWrapper {
    width: 100%;
    overflow: hidden;
    display: flex;
}

.segmentRow:hover {
    background-color:#f3f2f1;
}

.segments button.ms-Button {
    color: #323130; 
    max-width: 210px;
}

.addSegmentContainer button.ms-Button {
    border: 1px solid #8A8886;
}

.segmentsDropdown .ms-Button-label {
    line-height: 1.2em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.addSegmentHeader {
    padding: 16px 16px 12px 16px;
}

.segmentRow .title {
    width: 180px;
    min-width: 180px;
    margin-right: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.segmentRow .iconsContainer {
    display: flex;
    margin: 10px 12px;
}
.addSegmentsContainer
.nameContainer {
    height: 73px;
}

.nameDropdownContainer {
    height: 138px;
}

.nameContainer, 
.badgesContainer,
.nameDropdownContainer {
    margin: 8px 16px;
    min-height: 72px;
}

.nameContainer > span,
.badgesContainer > span,
.nameDropdownContainer > span,
.dropdownContainer > span {
    font-weight: 600;
}

.addSegmentsContainer {
    height: auto;
    margin-bottom: 16px;
}

.dropdownContainer {
    margin-bottom: 12px;
}

.nameContainer .ms-TextField,
.dropdownContainer .ms-Dropdown-container,
.nameDropdownContainer .ms-TextField {
    margin-top: 5px;
}

.badgesContainer {
    max-height: 199px;
    height: auto;
}

.footerContainer {
    display: flex;
    align-items: baseline;
    margin-left: 16px;
    margin-right: 16px;
    justify-content: space-between;
}

.saveSegmentButtonContainer button.ms-Button--primary {
    margin-right: 8px;
}

.errorContainer > span {
    font-size: 12px;
    color: #A4262C;
}

.saveSegmentButtonContainer {
    margin-top: 8px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.badgesContainer .badges {
    max-height: 173px;
    overflow-y: auto;
    box-sizing: border-box;
    border-radius: 2px;
}

.segmentBadge, 
.badgesError {
    margin-top: 12px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #EDEBE9;
    height: 32px;
}

.segmentBadge .segmentText {
    width: 100%;
    margin-left: 8px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: flex;
}

.badges .badgesError {
    font-size: 12px;
} 

.addSegmentButton,
.moreDetailsHeaderButton,
.addTeamMemberButton {
    white-space: nowrap;
}

.saveEditSegmentHeader {
    padding: 16px 20px 12px 24px;
}

.saveEditSegmentContainer .text, 
.saveEditSegmentContainer .buttons {
    padding: 0 24px;
}

.saveEditSegmentContainer .buttons {
    padding-top: 29px;
    display: flex;
    justify-content: flex-end;
}

.saveSegmentButton.newSegment,
.saveSegmentButton.editSegment {
    padding: 0px 9px;
    width: 134px;
}

.saveSegmentButton.editSegment {
    margin-left: 8px;
}

.segmentsList span.ms-Button-textContainer {
    overflow: hidden;
}

.segmentsList .ms-Button-flexContainer,
.closeScreenshots  .ms-Button-flexContainer{
    flex-direction: row-reverse;
}

.segmentsList .ms-Icon,
.speedButton .ms-Icon {
    font-size: 12px;
}

.deleteSegmentButtonsContainer {
    display: flex;
    justify-content: flex-end;
    margin-top: 16px;
}

.deleteSegmentButtonsContainer .ms-Button.confirmDeleteButton {
    margin-right: 8px;
}

.segmentRow .errorTitle {
    color: #A4262C;
}

.segmentsNav {
    position: relative;
    background: rgba(255, 255, 255, 0.5); 
}

.deleteSegment span.ms-Button-flexContainer {
    color: #0078D4;
}

.secondary .deleteSegment span.ms-Button-flexContainer {
    color: #E3008C;
}

/********************************************/
/***********      filter badges     **************/
/********************************************/

.filterBadge,
.tagBadge,
.gaFilterBadge {
    cursor: pointer;
    display: flex;
    align-items: center;
    padding: 3px 8px;
    flex: 0 0 auto;
    border-radius: 2px;
    line-height: 20px;
    margin-left: 16px;
    height: 32px;
}

.filterBadge,
.heatmapCompare .primary .heatmapMetrics .badge {
    background: #EFF6FC;
    color: #004578;
}

.blueFilterBadge {
    background: #004578;
    color: #FFF;
}

.gaFilterBadge {
    background: #FFE7DA;
    color: #952F15;
}

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

.filterBadge.inactive {
    background-color: #F3F2F1;
    color: #B3B0AD;
}

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

.filterBadges {
    overflow: hidden;
}

.scrollingBadges {
    display: flex;
    align-items: center;
    box-sizing: border-box;
    width: max-content;
}

.badgesNav {
    font-size: 10px;
    line-height: 32px;
    padding: 0 8px;
    cursor: pointer;
    top: 0;
    user-select: none;
}

.filterNav {
    position: absolute;
    background: rgba(255, 255, 255, 0.8);
}

#next {
    right: 0;
}

#prev {
    left: 0
}

.filterBadge i {
    color:#004578;
    font-size: 14px;
    line-height: 1em;
    cursor: pointer;
    margin-left: 10px;
}

.blueFilterBadge i {
    color:#fff;
}

.filterBadge .badgeClear,
.tagBadge .badgeClear,
.gaFilterBadge .badgeClear {
    padding: 10px 12px;
    margin: -3px -8px -3px 6px;
    font-size: 12px;
}

.filterBadge .filterBadgeIcon {
    padding: 8px 8px 8px 0;
    font-size: 12px;
    margin-left: 0;
}

.gaFilterText {
    padding: 10px 0px 10px;
    font-size: 14px;
}

.gaFilterSpacer {
    border: 1px solid #EDEBE9;
    margin-top: 20px;
}

.segmentSpacer {
    border: 1px solid #EDEBE9;
}

.segmentUpsellMessage {
    font-weight: 500;
}

.segmentUpsellImport {
    font-weight: normal;
    text-decoration: underline;
}

.filterBadgeLabel, 
.filterBadgeOp,
.segmentBadgeLabel {
    white-space: pre;
}

.filterBadgeLabel {
    flex: 1 0 auto;
}

.filterBadgeVal {
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.filterBadgeNavWrapper ~ .reset {
    margin-left: 10px;
}

.verticalLine {
    width: 1px;
    height: inherit;
    margin-left: 17px;
    background: #CCC;
}

.tabContent {
    display: flex;
    overflow: hidden;
    flex: 1;
}

.tabContentRecordingsVideo.publicShareView {
    top: 0px;
    height: 100%;
}

.scrollingImpressions {
    display: none;
}

.recordingsPivotTab {
    padding-top: 8px;
}

.recordingsPivot .ms-Pivot-link {
    width: 50%;
}

.recordingsPivot .ms-Pivot-link .favoritesTabHeader {
    width: 100%;
}

.favoritesTabinfoIcon {
    margin-left: 8px;
}

.impressionList {
    outline: none;
}

.impressionList.hidden {
    display: none;
}

.impressionList.scrollable {
    overflow-y: scroll;
    padding-right: 5px;
    height: calc(100vh - 234px);
}

.impressionList.scrollable.live {
    overflow-y: scroll;
    padding-right: 5px;
    height: calc(100vh - 310px);
}

.digestRecordings .impressionList.scrollable {
    height: calc(100vh - 180px);
}

.impressions {
    flex: 0 0 auto;
    border-right: 1px solid rgb(237, 235, 233);
    background-color: #FAF9F8;
}

.sessionSidebar,
.regionsPanel,
.heatmapSidebar {
    flex: 0 0 auto;
    border-right: 1px solid rgb(237, 235, 233);
    overflow: hidden auto;    
    padding: 12px 16px;
    background-color: #FAF9F8;
}

.heatmapSidebar{
    width:394px;
}

.heatmapSidebar .topNavbar{
    border-bottom: 1px solid #EDEBE9;
    padding-bottom: 15px;
    display: flex;
    align-items: center;
}

.heatmapSidebarClosed{
    flex: 0 0 auto;
    border-right: 1px solid rgb(237, 235, 233);
    overflow: hidden auto;    
    background-color: #FAF9F8;
    width: 29px;
}

.sidebarPanelActionWrapper {
    position: sticky;
    top: -12px;
    padding: 12px 0;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    z-index: 100;
    background-color: #FAF9F8;
}

.sidebarPanelTitleWrapper {
    margin-bottom: 12px;
    margin-top: 16px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.sidebarPanelTitleWrapper.areaTitle {
    margin-top: 4px;
}

.heatmapPanelTop {
    display: flex;
    justify-content: flex-end;
    align-items: baseline;
}

.panelTop.favoriteSession {
    margin-bottom: 6px;
    display: flex;
    flex-direction: row;
}

.impressions > div {
    overflow: hidden;    
    padding: 12px;
    background-color: #FAF9F8;
    height: 100%;
    width: 100%;
}

.impressions > .heatmapSidebar {
    height: calc(100% - 32px);
}

.impressions.scrollable > .moreDetailsContainer { 
    padding: 12px 16px;
    display: flex;
    flex-direction: column;
    padding: 0;
    height: calc(100% - 38px);
}

.sortingContainer {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    margin: -6px -8px 5px 0;
    text-align: end;
}

.sortingContainer.favoriteSession {
    align-self: flex-end;
    margin-left: auto;
}

.sortingContainer i,
.closeScreenshots i,
.backToScreenshots i,
.panelBack i {
    color: #0078D4;
}

.sortingContainer .is-disabled i {
    color: rgb(161, 159, 157);
}

.closeScreenshots i {
    padding-top: 1px;
}

.digestSessionBack,
.sortingContainer button:not(.highlightsToggle button),
.closeScreenshots,
.panelBack {
    background: transparent;
    border: none;
    line-height: 20px;
    padding: 0 10px;
}

.digestSessionBack{
    margin-right: auto;
}

.panelBack {
    margin-top: 6px;
}

.impressions .heatmapSidebar .panelTop {
    margin-bottom: 18px;
}

.panelTitle {
    display: flex;
    justify-content: space-between;
}

.panelTitle,
.eventTimelineContainer .collapsibleContentTitle {
    font-size: 16px;
    line-height: 22px;
    font-weight: 600;
}

.eventTimelineContainer .collapsibleContentTitle {
    margin-bottom: 16px;
}


.eventTimelineContainer .toggleCollapseAll {
    display: flex;
    justify-content: space-between;
}

.toggleCollapseAll label:first-child {
    font-size: 16px;
}

.panelUrl {
    word-break: break-all;
}

.panelInfo {
    margin-top: 8px;
    font-size: 14px;
    line-height: 20px;
}

.panelInfoSub {
    margin-left: 40px;
}

.card {
    padding: 12px;
    border-radius: 2px;
    border: 1px solid #E1DFDD;
    background-color: white;
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 12px;
    cursor: pointer;
    position: relative;
    color: 323130;
    font-size: 14px;
    line-height: 20px;
}

.card.actionCard {
    padding-bottom: 0px;
}

.cardRow {
    margin-bottom: 8px;
    display: flex;
    align-items: center;
}

.cardRow .heatmapElementMetaData{
    flex: 1;
}

.cardRow:last-child {
    margin-bottom: 0;
}

.cardRow.urlDate {
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
}

.cardRow.urlDate > *:first-child {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-right: 12px;
}

.cardRow.urlDate > *:last-child {
    flex: 0;
}

.cardRow .badge,
.heatmapMetrics .badge {
    background-color: #F3F2F1;
    padding: 3px 8px;
    margin-right: 8px;
    flex: 0 1 auto;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px;
    line-height: 16px;
}

.cardRow .badge:last-child {
    margin-right: 0;
    overflow: hidden;
}

.viewed .cardRow {
    opacity: 0.6;  
}

.card.selected {
    border: #0078D7 2px solid;
}

.card: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);
}

.favoriteIcon,
.filterIcon,
.shareIcon {
    size: 16px;
}

.favoriteIcon.ms-Button,
.shareIcon.ms-Button {
    min-width: unset;
    height: 32px;
}

.favoriteIcon.disabled * {
    fill: rgb(161, 159, 157);
}

.ms-Button-menuIcon.filterIcon {
    visibility: hidden;
    display: none;
}

.cardSeparator {
    height: 1px;
    margin-top: 12px;
    background-color: rgb(237, 235, 233);
}

.actionCardDetails{
    display: flex;
    align-items: center;
}

.seeDetails {
    color: #0078D4;
    font-size: 12px;
    line-height: 16px;
    float: right;
}

.seeDetails .ms-Button-label {
    margin: 0px;
}

.seeDetails.ms-Link {
    line-height: 40px;
    border-bottom: 0px;
    text-decoration: none;
    margin-right: 5px;
}

.noFavorites {
    font-size: 14px;
    line-height: 20px;
}

.noFavoritesIllustration {
    margin-top: 200px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.favoritesErrorText {
    margin: 16px 0px;
}

/********************************************/
/***********      Video Player    **************/
/********************************************/

.replayHeader {
    display: flex;
    background: white;
    align-items: center;
}

.replayHeaderButtons {
    display: flex;
    padding: 6px 16px;
}

.replayHeader > .shareButtonContainer {
    padding: 6px 16px 6px 0;
}

.replayHeaderBack {
    background-color: #FAF9F8;
    border-right: 1px solid rgb(237, 235, 233);
}

.replayHeader button {
    margin-right: 12px;
}

.replayHeader .shareIcon {
    margin-right: -8px;
}

.replay {
    flex: 1 1 auto;
    overflow: hidden;
    display: flex;
    position: relative;
    justify-content: center;
    flex-direction: column;
}

.expandingArea .titleArea {
    display: flex;
    cursor: pointer;
}

.expandingContent {
    margin-top: 12px;
    margin-left: 36px;
    text-align: left;
}

.titleArea i {
    margin-right: 22px;
}

.notFound {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
}

.errorWrapper {
    flex: 1;
    display: flex;
    justify-content: center;
    min-height: 100%;
}

.fullScreen {
    height: calc(100% - 48px);
}

.shareError {
    height: 1100px;
}

.fullScreenMessage {
    text-align: center;
    align-self: center;
    font-size: 14px;
    line-height: 20px;
    max-width: 410px;
}

.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;
}

.noData {
    display: flex;
    flex: 1;
    justify-content: center;
}

.videoWrapper,
.heatmapVisual,
.noData,
.replay,
.notFound,
.errorWrapper {
    background-color: #F3F2F1;
}

.videoWrapper,
.selectorArea {
    flex: 1 0 auto;
    display: flex;
    align-items: center;
    position: relative;
}

.video {
    position: relative;
    margin: 0 auto;
    transform-origin: 0 0 0;
}

.appVideo {
    position: relative;
    margin: 0 auto;
    transform-origin: 0 0 0;
}

.videoHeatmap {
    position: absolute;
    overflow-y: scroll;
}

.cover {
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 2;
    box-sizing: border-box;
}

.video iframe,
.videoHeatmap iframe {
    border: 1px solid #CCC;
    overflow: hidden;
}

.videoControlPanel {
    padding: 18px 16px 12px;
    background-color: white;
}

.videoControls {
    position: relative;
    display: flex;
    align-items: center;
    height: 40px;
}

.videoControls > *:not(.ms-layer) {
    width: max-content;
}

.newVideoControls .ms-Toggle,
.newVideoControls .ms-Button {
    margin-right: 20px;
}

@media (forced-colors: active) {
    .newVideoControls path {
        fill: highlight;
    }
}

.videoControls i {
    font-size: 16px;
}

.videoSettingsButton.ms-Button {
    color: #323130;
    margin-right: 0;
}

.hideAllMenuIcons .ms-ContextualMenu-icon,
.hideAllMenuIcons .ms-Icon-placeHolder {
    display: none;
}

.hideCheckPlaceholder .ms-Icon-placeHolder {
    display: none;
}

.hideIconPlaceHolder .ms-ContextualMenu-icon {
    display: none;
}

.videoTimestamp {
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    margin-right: 20px;
    display: flex;
    align-items: center;
}

.playContainer {
    display: flex;
    align-items: center;
}

.centeredControls {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
}

.disabledVideoControl path{
    fill: rgb(161, 159, 157);
}

.centeredControls > button {
    vertical-align: middle;
}

.playerLegendInfoBubble,
.heatmapInfoBubbble {
    margin: 20px 24px;
    max-width: 524px
}

.playerInfoIcon i {
    color: #323130;
}

.playerLegendInfoTitle {
    font-weight: 400;
    line-height: 28px;
    font-size: 20px;
    display: grid
}

.keyboardShortcutsTitle,
.playerLegendInfoTitle span, 
.heatmapInfoBubbleTitle span {
    font-weight: 600;
    line-height: 20px;
    font-size: 14px;
    margin-top: 12px;
}

.keyboardShortcutsTitle {
    border-top: 1px solid #EDEBE9;
    padding-top: 20px;
}

.playerLegendItemsList {
    display: grid;
    justify-content: space-between;
    grid-auto-flow: row;
    grid-template-columns: repeat(3, 134px);
    margin: 20px 0;
    gap: 12px;
}

.playerKeyboardControls {
    display: flex;
    flex-direction: column;
    max-height: 300px;
    flex-wrap: wrap;
    margin-top: 16px;
    gap: 12px;
}

.playerLegendItem {                   
    display: flex;
    align-items: center;
    min-width: 24px;
}

.playerLegendItem span:not(:first-child) {
    margin-left: 8px;
}

.playerLegendItemIcon {
    box-shadow: 0px 0.3px 0.9px rgba(0, 0, 0, 0.1), 0px 1.6px 3.6px rgba(0, 0, 0, 0.13);
    padding: 4px 8px;
}

.heatmapInfoBubbble {
    margin-top: 16px;
    border-top: solid 1px #EDEBE9;
}

.heatmapInfoBubbleTitle {
    justify-content: left;
}

.heatmapInfoBubbleTitle {
    margin: 16px 0 12px;
}

.heatmapInfoBubbleContent span:first-child {
    margin-right: 5px;
}

.heatmapInfoBubbleContent span:last-child {
    margin-left: 5px;
}

.heatmapInfoBubbleContent {
    display: flex;
    align-content: stretch;
    flex: 1;
    align-items: baseline;
}

.disableIcon {
    color: #C50F1F;
}

#playButton {
    cursor: pointer;
    height: 40px;
    width: 40px;
    border-radius: 40px;
    box-shadow: 0 6.4px 14.4px 0 rgba(0,0,0,.132), 0 1.2px 3.6px 0 rgba(0,0,0,.108);
    margin: 0 16px
}

#playButton:hover {
    box-shadow: 0 25.6px 57.6px 0 rgba(0,0,0,.22), 0 4.8px 14.4px 0 rgba(0,0,0,.18);
}

.newVideoControls #playButton {
    margin-right: 20px;
    margin-left: 0;
}

.ms-Button.speedButton {
    border: unset;
    border-bottom: 1px solid #8A8886;
    padding: 0;
    min-width: 60px;
    margin-right: 12px;
}

.newVideoControls .ms-Button.speedButton {
    border-bottom: unset;
}

.speedButton .ms-Button-flexContainer {
    justify-content: space-around;
}

.speedButton .ms-Button-textContainer {
    flex-grow: 0;
}

.ms-BasePicker.basePickerListBelow {
    border-bottom: 1px solid #8A8886;
    border-radius: 0px;
}

.newSkipInactivity,
.skipInactivity {
    cursor: pointer;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 20px;
    margin-right: 12px;
}

.newSkipInactivity .ms-Checkbox-checkbox{
    border: 1px solid #D2D0CE;
    background-color: transparent;
}   

.newSkipInactivity:hover .ms-Checkbox-checkbox{
    border: 1px solid #484644;
    background-color: transparent;
} 

.newSkipInactivity .ms-Checkbox-checkmark{
    color: #0078D4;
}

.newSkipInactivity:hover .ms-Checkbox-checkmark{
    opacity: 0;
} 

.is-checked.newSkipInactivity:hover .ms-Checkbox-checkmark{
    opacity: 1;
} 

.autoPlayControl {
    margin-bottom: 0;
}

.autoPlayControl .ms-Toggle-background {
    padding: 0 1px;
}

.autoPlayControl .ms-Toggle-thumb {
    background-image: url("https://claritystatic.azureedge.net/images/autoPlayIcons.png");
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: -24px;
    width: 18px;
    height: 18px;
}

.autoPlayControl.is-checked .ms-Toggle-thumb {
    background-position-x: 0;
}

.projectsLoading {
    width: 274px;
    height: 144px;
}

.recordingEndedWrapper {
    z-index: 3;
    display: flex;
    width: 100%;
    height: 100%;
    position: absolute;
    background: #11100F;
    justify-content: center;
}

.recordingEndedContainer {
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    flex-direction: column;
    row-gap: 2px;
    width: 47%;
    max-width: 716px;
}

.recordingEndedHeader {
    font-weight: 600;
    font-size: 20px;
    line-height: 28px;
    padding-bottom: 16px;
}

.recordingEndedContainer .ms-Button {
    background-color: transparent;
}

.recordingEndedContainer .ms-Button-label {
    color: white;
}

.recordingEndedContainer .dialogCard {
    padding: 16px;
    background: #3B3A39;
    display: flex;
    flex-direction: column;
    row-gap: 8px;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.recordingEndedContainer > div:first-of-type {
    border-radius: 8px 8px 0px 0px;
}

.recordingEndedContainer > div:last-of-type {
    border-radius: 0px 0px 8px 8px;
}

.dialogCard.rowContainer {
    flex-direction: row;
    column-gap: 16px;
}

.thumbsContainer .ms-Button:last-child {
    margin-left: 24px;
}

.rowContainer .ms-Button {
    background: #1B1A19;
    border-radius: 2px;
}

.rowContainer .ms-Button:hover {
    background: #292827;
}

.quickLabelsContainer {
    display: flex;
    flex-wrap: wrap;
    column-gap: 12px;
    row-gap: 8px;
    align-items: center;
    justify-content: center;
    min-height: 36px
}

.quickLabel {
    background: #1B1A19;
    border-radius: 2px;
    padding: 4px 8px;
    display: flex;
}

.quickLabel:hover {
    cursor: pointer;
    background: #292827;
}

.quickLabel .labelName {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.quickLabel i {
    margin-left: 16px;
}

.quickLabel.selectedLabel {
    background: #2899F5;
    color: #1B1A19;
}

.recordingEndFooter {
    width: 72%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 8px;
    padding-top: 24px;
}

.recordingEndFooter .ms-Button {
    flex-grow: 1;
    border-radius: 2px;
}

.recordingEndFooter .ms-Button--default {
    background: #292827;
}

.recordingEndFooter .ms-Button--primary .ms-Button-label{
    color: #092C47;
}

.recordingEndFooter .primaryControl.ms-Button {
    background: #2899F5;
}

.recordingEndFooter .nextDisabled.ms-Button {
    background: rgb(161, 159, 157);;
}

.nextCountDown.ms-Button {
    background: #C7E0F4;
}

.nextCountDown .ms-Button-label {
    position: relative;
    z-index: 2;
}

.nextCountDown.animation .ms-Button-flexContainer::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    height: 100%;
    background-color: #2899F5;
    animation: load 5s linear;
}

@keyframes load {
    0% {
        width: 0%;
    }

    100% {
        width: 100%;
    }
}

@media only screen and (min-width: 1085px) {
    .playerInfoIcon.ms-Button {
        margin-right: 0;
    }
}

/********************************************/
/***********      Filters    **************/
/********************************************/

.filtersPanel,
.segmentsPanel,
.gaFilterPanel {
    background-color: white;
    z-index: 4;
    width: 100%;
    left: 0;
    box-shadow: 0px 1.2px 3.6px rgba(0, 0, 0, 0.1), 0px 6.4px 14.4px rgba(0, 0, 0, 0.13);
    max-height: calc(100vh - 138px);  /* hardcoded: this is the sum of three headers above the panel*/
    font-size: 14px;
    line-height: 20px;
}

.segmentsPanel,
.gaFilterPanel {
    padding: 0 16px 12px;
    position: absolute;
    overflow: auto;
    top: calc(100% + 1px);
}

.gaFilterPanel {
    width: 330px;
    height: fit-content;
}

.filtersPanel {
    padding: 0;
    position: fixed;
    height: 80%;
    top: 93px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.filtersHeader {
    margin-bottom: 0;
    padding: 0 16px;
    display: flex;
    border-bottom: 1px solid #E2E2E2;
    line-height: 20px;
    align-items: center;
}

.filtersHeader > * {
    cursor: pointer;
}

.filtersHeader > *:not(:first-child) {
    margin-left: 12px;
}

.activeFilters {
    display: flex;
    padding: 0 16px 8px 0;
    border-bottom: 1px solid #EDEBE9;
    flex-wrap: wrap;
}

.activeFilters .filterBadge,
.activeFilters .gaFilterBadge {
    margin-top: 8px;
}

.panelOverlay,
.coachmarkOverlay,
.xRayOverlay {
    opacity: 0;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.coachmarkOverlay {
    z-index: 10;
}

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

.universalFilters {
    display: flex;
    height: 100%;
    overflow: hidden;
    flex: 1;
}

.filterPanelTitle {
    line-height: 44px;
    font-size: 14px;
    font-weight: 600;
}

.filterPanelNav {
    width: 206px;
    border-right: 1px solid #EDEBE9;
    margin-right: 32px;
    height: 100%;
    overflow: auto;
}

.filterPanelNav.dontShowChevron .ms-Nav-group:last-child i {
    display: none;
}

.filterPanelNav .ms-Nav-chevronButton {
    border-bottom: 0;
    font-size: 14px;
    line-height: 20px;
}

.filterPanelNav i {
    line-height: 20px;
    height: 20px;
}

.filterPanelNav .ms-Nav-groupContent {
    margin-bottom: 0;
}

.filterPanelNav .ms-Nav-compositeLink.is-selected a {
    border-left: none;
}

.filters {
    padding: 0 16px 12px;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    grid-column-gap: 48px;
    grid-row-gap: 36px;
    user-select: none;
    padding-top: 16px;
    padding-right: 16px;
    height: 100%;
    overflow: auto;
}

.filters:last-child {
     margin-bottom: 0;
}

.filter:last-child {
    padding-bottom: 48px;
}

.filters .ms-layer {
    position: absolute;
}

.filterCategoryTitle {
    grid-column: 1 / -1;
    margin-bottom: -20px;
    font-size: 18px;
    line-height: 24px;
    font-weight: 500;
    display: flex;
}

.filterCategoryTitle:not(:first-child) {
    margin-top: -20px;
}

.filterCategoryNewBadge {
    margin-left: 10px;
    margin-top: 4px;
    color: #FAF9F8;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0px;
    text-align: left;
    background: linear-gradient(80.61deg, #3A6AD8 1.06%, #4094EB 98.23%);
    padding: 2px 10px;
    width: 44px;
    height: 20px;
    border-radius: 24px;
}

.filterHeader,
#dateFilter .ms-Label {
    font-weight: normal;
    margin-bottom: 12px;
    padding-bottom: 0;
}

.filterHeader .ms-TooltipHost > * {
    vertical-align: middle;
}

.filterHeader .ms-FocusZone {
    display: inline-block;
}

a.filterLabel:focus {
    box-shadow: rgb(96 94 92) 0px 0px 0px 1px inset;
    outline: rgb(96, 94, 92) auto 1px;
}

a.filterLabel {
    color: #323130;
}

.customFilterZeroStateImg {
    margin-top: 18px;
    width: 100%;
}

.options {
    position: relative;
}

.filterLabel {
    color: #323130;
    flex: 1 0 auto;
    cursor: default;
    margin-right: 12px;
    font-weight: 500;
    display: inline-block;
}

#dateFilter .ms-Label {
    color: #0078D7;
}

i + .filterLabel {
    margin-left: 8px;
    cursor: pointer;
}

.ms-DatePicker {
    margin-bottom: 12px;
}

.filterOptions {
    display: grid;
    grid-template-columns: 50% 50%;
    border: 1px solid rgb(96, 94, 92);
    border-radius: 2px;
    margin-top: 5px;
    cursor: pointer;
}

.filterOptions > * {
    padding: 2px 12px;
    opacity: 0.7;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.filterOptions > .selected {
    color: white;
    font-weight: 600;
    opacity: 1;
}

button.ms-Button.filtersBarButtons {
    border: none;
    padding: 2px;
    margin-left: 12px;
}

.filtersBarButtons .ms-Icon {
    color: #0078D4;
}

.filtersBarButtons.is-disabled .ms-Icon {
    color: #bcbab7;
}

.filtersBarButtons .ms-Button-label {
    font-weight: 400;
}

.filtersBarButtons button.ms-Button {
    border: 1px solid #8A8886;
}

.clearFiltersButton .ms-Button-textContainer {
    flex-grow: 0;
}

.filters .ms-SearchBox {
    margin-bottom: 12px;
} 

.filter.inline {
    display: flex;
    align-items: center;
}

.filter.inline .filterHeader {
    margin-bottom: 0;
}

.filter.inline .filterLabel {
    margin-right: 12px;
    width: 50px;
    text-transform: capitalize;
}

.filter.inline .options {
    flex: 1;
}

.option > * {
    display: inline-block;
}

.option > .ms-TooltipHost{
    margin-left: 10px;
}

.filter.inline .ms-SearchBox {
    margin-bottom: 0;
}

.filter.range:not(:last-child) {
    margin-bottom: 24px;
}

.range .filterHeader {
    margin-bottom: 8px;
}

.chevron {
    transform: rotate(0);
    transform-origin: 50% 50%;
    transition: transform 0.1s linear 0s;
}

.downChevron {
    transform: rotate(90deg);
}

.upChevron {
    transform: rotate(-180deg);
}

.fromRightToUpChevron {
    transform: rotate(-90deg);
}

.filters .options .ms-Checkbox {
    margin-bottom: 5px;
}

.operators .ms-ChoiceField {
    margin-right: 12px;
}

.inputGroup {
    display: flex;
    margin-top: 8px;
}

.inputGroup span {
    font-size: 14px;
    line-height: 20px;
    color: #777674;
    margin-bottom: 0;
}

.filters .input input {
    border: 1px solid rgb(96, 94, 92);
    padding: 4px;
    box-sizing: border-box;
    margin-right: 16px;
}

.filters .input input,
.filters .ms-ComboBox::after,
.filters .ms-SearchBox,
.filters .ms-Dropdown-title {
    border-width: 0 0 1px 0;
    border-radius: 0;
}

.filters .input input[type=number] {
    width: 48px;
    display: block;
}

.filters .input input[type=text] {
    display: block;
}

.filters .input input[type=number] {
    width: 105px;
}

.filters .input input:focus {
    outline: 1px solid #177ecc;
}

.filters .invalidError {
    color: #ca1616;
    position: absolute;
    margin-bottom: 12px;
    margin-top: 4px;
}

.suggestionContainer {
    min-width: 351px;
    max-width: 1000px;
    margin-left: 8px;
}

.suggestionsLoading {
    padding: 8px;
}

.noUrlSuggestions {
    padding-left: 8px;
    margin: 8px;
}

.suggestionItem {
    padding: 0px 8px;
    font-size: 14px;
    cursor: default;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 26px;
}

.suggestionItem:hover,
.suggestionItem:focus {
    background: rgb(237 235 233);
}

.suggestionCount {
    color: #0078D4;
}

.pageTargeting {
    border-top: 1px solid #DDD;
    margin-top: 8px;
    padding: 8px;
}

.pageTargeting span:first-child {
    margin-right: 16px;
    width: 60px;
    display: inline-block;
}

.pageTargeting > * {
    margin-bottom: 8px;
    display: block;
}

.noVariables {
    margin-bottom: 12px;
}

/********************************************/
/**********     share modal    ************/
/********************************************/
.shareModalContainer {
    min-height: 312px;
    max-height: 456px;
    width: 500px;
}

.ms-Dialog-main.shareModalContainer {
    border-radius: 2px !important;
}

.shareHeader {
    display: flex;
    position: relative;
    padding: 16px;
}

.shareHeader .title {
    font-size: 20px;
    line-height: 28px;
    width: 100%;
    font-weight: 500;
}

.shareHeader .closeIcon {
    color: #666;
}

.shareSettingsLabel {
    color: #323130;
    flex: 1 0 auto;
    cursor: default;
    margin-right: 12px;
    font-weight: 500;
    display: inline-block;
}

.shareSettingsGroup {
    display: inline-block;
}

.shareSettingsGroup .ms-ChoiceField {
    display: inline-block;
    padding-right: 8px;
}

.shareModalPivot {
    margin: 0px 10px 10px;
}

.shareModalPivotTab {
    width: 100%;
    padding: 10px 8px 8px 8px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.shareModalPivotTab > :not(:last-child) {
    margin-bottom: 8px;
}

.shareModalCloseButtonGroup {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    margin-left: auto;
    height: 48px;
    right: 0px;
    bottom: 16px;
}

.shareModalCloseButton {
    align-self: flex-end;
}

.shareModalSendEmailButton {
    margin-right: 16px;
}

.shareModalLinkDescription,
.shareModalToggleGroup {
    padding: 6px 0px;
}

.shareModalLinkContainer {
    display: flex;
    padding: 6px 0px;
}

.shareModalLinkContainer > div {
    display: inline-block;
    margin-right: 8px;
    flex-grow: 1;
}

.shareModalLinkContainer input:disabled {
    color: transparent;
    text-shadow: 0 0 2px rgb(161, 159, 157);
}

.shareModalEmailPivotTab {
    min-height: 200px;
}

.shareModalEmailRecipientTextField {
    margin: 8px 0px 0px;
}

.shareModalEmailMessage {
    height: 72px;
    margin: 8px 0px;
    flex-grow: 1;
}

.shareModalEmailMessage .ms-TextField-fieldGroup {
    height: 72px;
}

.shareModalEmailExpirationMessage {
    padding: 5px 0px;
}

.shareModalEmailExpirationMessage .ms-MessageBar-icon {
    padding-top: 4px;
}

.shareModalEmailExpirationMessage .ms-MessageBar-text p:not(:last-child) {
    margin-bottom: 10px;
}   

.shareModalEmailExpirationMessage .ms-MessageBar-text p:last-child {
    margin-top: 10px;
}

.shareModalEmailExpirationMessage .ms-MessageBar-text p strong {
    font-weight: 700;
}

.shareModalEmailExpirationMessage .shareModalExpirationDropdown span {
    font-size: 12px;
}

.shareModalExpirationDropdown {
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
    /* To counteract the 1px border on the dropdown: */
    position: relative;
    top: -2px;
}

.shareModalLoadingSpinner {
    padding: 8px;
}


/********************************************/
/**********     sign in  page    ************/
/********************************************/

.signInModal {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1000;
}

.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;
}

.closeSignIn {
    display: none;
}

.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: #1671e5;
    color: white;
}

#googleSignIn {
    border: 1px solid #8a8886;
}

/********************************************/
/***********     recording    **************/
/********************************************/

.fullscreenRecording {
    display: flex;
    height: calc(100% - 48px);
    width: 100%;
    position: absolute;
}

.slider {
    position: relative;
    display: flex;
    margin-bottom: 19px;
}

.sliderSlice {
    box-sizing: border-box;
    border-color: white;
    border-style: solid;
    border-width: 1px;
    display: inline-block;
    height: 8px;
    cursor: pointer;
}

.sliderSlice.isDead {
    border-radius: 6px;
}

.scrubber {
    position: absolute;
    top: -4px;
    width: 16px;
    height: 16px;
    border-radius: 20px;
    cursor: pointer;
    background-color: white;
    border: 2px solid #0078D7;
    z-index: 3;
}

.progress {
    height: 7px;
    position: absolute;
    border-color: white;
    border-style: solid;
    border-width: 0 0 1px 0;
}

.scrubberEvent {
    position: absolute;
}

.scrubberEventIndicator {
    height: 12px;
    width: 2px;
    border-radius: 1px;
    margin-top: -3px;
}

.comment {
    position: absolute;
    bottom: -2px;
}

.react-tabs {
    height: 50%;
}

.inactivityNotice {
    position: absolute;
    background: white;
    left: 50%;
    transform: translateX(-50%);
    width: 300px;
    padding: 32px;
    box-sizing: border-box;
    border: 2px solid rgb(23, 126, 204);
    border-radius: 10px;
    box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.05);
    text-align: center;
    font-size: 16px;
}

.noHeatmapModal {
    position: absolute;
    background: white;
    left: 50%;
    transform: translateX(-50%);
    top: 100px;
    width: 560px;
    padding: 24px;
    border-radius: 2px;
    box-shadow: 0px 4.8px 14.4px rgba(0, 0, 0, 0.18), 0px 25.6px 57.6px rgba(0, 0, 0, 0.22);
    font-size: 16px;
}

.noHeatmapModalTitle {
    margin-bottom: 20px;
    font-size: 20px;
    line-height: 28px;
    font-weight: 500;
    color: #323130;
}

.noHeatmapModalMessage {
    font-size: 14px;
    line-height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.filterBadgeValue {
    padding-left: 4px;
}

.filterBadgeSeparator {
    padding: 0 4px;
}

.noHeatmapModalIllustration {
    text-align: center;
    margin-bottom: 32px;
}

.clearFilterModalButton {
    float: right;
}

.deadSessionSnapshot {
    opacity: 0.5;
}

/********************************************/
/***********      graphs       **************/
/********************************************/
.chart {
    border: 1px solid #CCC;
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    max-width: 100%;
    background: #FFF;
    margin: 10px;
    border-radius: 6px;
    border: 1px solid rgba(0, 0, 0, 0.05);
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.05);
}

.gradientChartBackround {
    background: rgb(60,83,197);
    background: linear-gradient(90deg, rgba(60,83,197,1) 0%, rgba(58,94,191,1) 25%, rgba(56,104,186,1) 50%, rgba(56,115,181,1) 75%, rgba(55,129,175,1) 100%);    
}

.graphsContainer {
    display: flex;
    flex-wrap: wrap;
}

.graphComponent {
    background: #f8f8f8;
    width: 100%;
    height: 100%;
    overflow-y: scroll;
}

.chartContainer {
    overflow: hidden;
    max-width: 100%;
}

.chartTitle {
    width: 100%;
    padding-left: 20px;
    padding-top: 10px;
    font-size: 16px;
    font-weight: 600;
    color: #676767;
}

.lightChartTitle {
    color: #f8f8f8;
}

.popularPages {
    width: 100%;
    overflow: scroll;
    height: 300px;
    overflow-x: hidden;
    padding-top: 16px;
    padding-bottom: 20px;
}

.popularPages table {
    border-collapse: collapse;
    width: 100%;
  }
  
 .popularPages td, .popularPages th {
    border-top: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
    text-align: left;
    padding: 8px;
    border-right: 0px;
    border-left: 0px;
  }
  
.popularPages th {
    color: #54555a;
    background: #f4f7fe;
    font-weight: 600;
    font-size: 14px;
}

.popularPages tr>th:first-child {
    padding-left: 24px;
}

.popularPages tr>td:first-child {
    padding-left: 24px;
}

/********************************************/
/***********      feedback     **************/
/********************************************/

.feedbackModal .ms-Dialog-main {
    border-radius: 2px;
}

.feedbackHeader {
    padding: 16px;
    display: flex;
    width: 380px;
    justify-content: space-between;
}

.feedbackHeader .title {
    font-size: 20px;
    font-weight: 600;
    padding-right: 8px;
    padding-top: 4px;
}

.feedbackHeader .closeIcon {
    padding-left: 10px
}

.feedbackInput {
    padding: 4px 16px 16px;
    width: 380px;
}

.feedbackInput > *:not(:last-child) {
    margin-bottom: 12px;
}

.feedbackInput textarea {
	width: 100%;
	font-size: 13px;
	height: 120px;
	line-height: 20px;
	border: 1px solid #323130;
	box-sizing: border-box;
	padding: 8px 12px;
    resize: none;
}

.feedbackInput .privacyLink {
	font-size: 13px;
	line-height: 20px;
	text-decoration: none;
}

.feedbackInput .emailText {
    min-height: 53px;
}

.feedbackActions {
	display: flex;
	justify-content: flex-end;
	margin-top: 8px;
}


.feedbackActions > *:first-child {
	margin-right: 12px;
}

.feedbackOption {
	background-color: #F5F5F5;
	padding: 4px 16px;
	font-size: 13px;
	line-height: 20px;
	color: #666;
	margin-bottom: 16px;
	cursor: pointer;
	display: table;
}

.feedbackOption:hover,
.feedbackOption:focus,
.suggestionItemContainer:focus {
	background-color: #ececec;
	color: #111;
	border-color: #ccc;
}

.feedbackOption:last-child {
	margin-bottom: 0;
}

/********************************************/
/***********      timeline     **************/
/********************************************/

.eventTimelineContainer .collapsibleContentHeader,
.impressionTimeline .collapsibleContentHeader {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    cursor: pointer;
    border-bottom: 1px solid #DDD;
}

.impressionTimeline .collapsibleContentHeader {
    margin: 8px 10px;
}

.impressionTimeline {
    background-color: #FFF;
    margin-bottom: 4px;
}


.collapsibleContentHeader.event,
.eventTimelineContainer.expanded .collapsibleContentHeader {
    border: none
}

.collapsibleContentHeader.event .sessionInfoLine {
    max-width: 280px;
}

.eventTimelineContainer:not(:first-child) {
    margin: 16px 0;
}

.eventTimelineContainer i {
    color: #0078D4;
    font-size: 16px;
}

.sessionInfo, 
.taggingContainer {
    border-bottom: 1px solid #DDD;
}

.sessionInfoContainer {
    font-size: 14px;
    line-height: 20px;
    white-space: nowrap;
    margin-bottom: 16px;
}

.sessionInfoContainer i {
    font-size: 16px;
    line-height:  14px;
    margin-right: 8px;
}

.timelineImpressionIconContainer {
    display: flex;
}

.timelineImpressionIconContainer i {
    color: #0078D4;
}

.timelineImpressionTime {
    font-weight: 600;
    margin-right: 12px;
}

.sessionInfoLine,
.sessionInfoLineDetails {
    display: flex;
    padding: 6px 0;
    align-items: center;
}

.sessionInfoContainer .sessionInfoLine {
    height: 32px;
}

.sessionInfoLine strong,
.sessionInfoLineDetails strong {
    margin-right: 8px;
}

.sessionInfoLine span,
.sessionInfoLineDetails span,
.sessionInfoLine a,
.sessionInfoLineDetails a {
    overflow: hidden;
    text-overflow: ellipsis;
}

.sessionInfoLine.oneLine strong:not(:first-child),
.sessionInfoLineDetails.oneLine strong:not(:first-child) {
    margin-left: 16px;
}

.sessionInfoLineDetails.oneLine.details {
    margin-left: 12px;
    white-space: nowrap;
}

.sessionInfoLine.dashed span {
    margin-right: 4px;
}

.sessionTimeline {
    overflow: auto;
    padding: 16px 4px 4px 12px;
}

.sessionTimeline .sessionInfoLine {
    padding: 8px 10px;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.collapsibleSessionInfoContainer .sessionInfoLine {
    padding-bottom: 0;
    padding-top: 0;
}

.staticMoreDetailsContainer {
    box-shadow: 0 3.2px 7.2px 0 rgb(0 0 0 / 13%), 0 0.6px 1.8px 0 rgb(0 0 0 / 11%);
    z-index: 1;
    padding: 12px 16px 0;
}

.sessionInfoLine .lineDot {
    display: flex;
    align-content: center;
    padding-left: 12px;
    position: relative;
}

.sessionInfoLine .line {
    border-left: 2px solid #EDEBE9;
    height: 36px;
}

.sessionInfoLine .dot {
    z-index: 1;
    background-color:#323130;
    height: 8px;
    width: 8px;
    left: 9px;
    top: 35%;
    position: absolute;
    border-radius: 50%;
}

.sessionInfoLine .dot.purple {
    background-color: #A864CD;
}

.purpleIcon {
    color: #A864CD;
    font-size: 16px;
}

.sessionInfoLine .time {
    margin-left: 12px;
}

.sessionTimeline > .impressionTimeline:last-child {
    margin-bottom: 24px;
}

.impressionTimeline {
    width: 100%;
    background-color: #FFF;
    margin-bottom: 4;
}

.impressionTimeline:nth-child(2) {
    border-top-width: 1px;
}

.impressionTimeline:nth-child(2n) {
    background: white;
}

.activeImpression {
    outline: 2px solid #0078D7;
}

.activeImpression:nth-child(2) {  
    border-top: 1px solid rgba(221, 221, 221, 0.55);
}

.filterableInfoTooltip {
    display: inline-grid;
}

.truncatedLine {
    text-overflow: ellipsis;
    overflow: hidden;
}

.eventSelected {
    background-color: #0078D7;
    color: white;
    font-weight: 600;
}

.eventText {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
}

.eventMetadata {
    flex: 1;
    margin-left: 9px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.noteTitle {
    white-space: unset;
}

.taggingContainer {
    margin-top: 16px;
    margin-bottom: 4px;
}

.timelineTitle {
    font-size: 16px;
    margin-bottom: 8px;
}

.playbackContainer {
    flex: 1;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    position: relative;
}

.tagHeader {
    font-size: 16px;
    font-weight: 500;
    display: flex;
    margin: 5px;
}

.basePickerListBelow.error {
    border-bottom: 1px solid #A80000;
}

.inputTextError {
    color: #A80000;
    font-size: 12px;
}

.promoEmailToggles {
    margin-left: 16px;
}

.promoEmailToggles .digestProjectsList {
    max-height: 172px;
    overflow-y: scroll;
    padding: 0 16px;
    margin: 8px 0;
    border: 1px solid #CCCCCC;
}

.basePickerListBelow .ms-BasePicker-text{
    border: none;
}

.basePickerListBelow .ms-BasePicker-input {
    background-color: #FAF9F8;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.taggingContainer .ms-SelectionZone {
    display: none;
}

.tagElement {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.tagElement i {
    cursor: default;
}

.tagBadge {
    color: #004578;
    background: #EFF6FC;
    max-width: calc(100% - 2*4px);
    display: flex;
    justify-content: space-between;
    margin: 4px;
    width: fit-content;
}

.taggingContainer .ms-FocusZone {
    flex-wrap: wrap;
    display: flex;
}

.suggestedTagItem {
    line-height: 30px;
    margin: 6px 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 334px;
    max-width: 334px;
    text-align: left;
}

.suggestedTagItem span {
    max-width: 230px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.tagBadge span {
    overflow: hidden;
    text-overflow: ellipsis;
}

.taggingContainer .basePickerListBelowDisabled .ms-BasePicker-text, 
.taggingContainer .basePickerListBelowDisabled .ms-BasePicker-text:after {
    border-color: transparent;
}

.basePickerListBelowDisabled {
    background-color: #F3F2F1;
}

.basePickerListBelowDisabled input,
.selectedTagsContainer.empty,
.selectedTagsContainer.emptyerror {
    border: none;
}

.selectedTagsContainer {
    margin-top: 24px;
    border: solid 1px #605E5C;
    flex-wrap: wrap;
    background-color: #FFFFFF;
}

.selectedTagsContainer.error {
    margin-top: 8px;
}

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

.createNewTag {
    align-items: baseline;
    color: #106EBE;
}

.createNewTagIcon {
    margin-right: 8px;
    color: #106EBE;
}

.newTaggingContainer > div {
    margin-top: 8px;
}

.newTaggingContainer .tagBadge {
    width: unset;
    border: 1px solid rgba(96, 94, 92, 1);
    margin: 12px 0;
    max-width: 100%;
}

/********************************************/
/***********      footer       **************/
/********************************************/

.footer {
    background-color: #F2F2F2;
    padding: 0 54px;
    color: #767676;
    font-size: 11px;
    line-height: 16px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.footer > * {
    color: #767676;
}

.footerLink {
    cursor: pointer;
    color: #767676;
    text-decoration: none;
}

.footerLink:hover {
    text-decoration: none;
    color: #2494e3;
}

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

.footerNavContainer {
    max-width: 1540px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 77px 0;
}

.footerNavLinks {
    font-size: 16px;
    line-height: 21px;
    display: flex;
    flex-direction: column;
    row-gap: 8px
}

.footerNavTitle {
    font-size: 16px;
    line-height: 21px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 4px;
}

.footerLinksContainer {
    display: flex;
    column-gap: 16px;
    padding: 26px 0;
    width: 100%;
    justify-content: flex-end;
}

.fontWeight600 {
    font-weight: 600;
}

.size14Text {
    font-size: 14px;
    line-height: 20px;
}

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

.newFooterLinksContainer {
    justify-content: center;
}

.newFooterLinksContainer .userLanguage {
    display: flex;
    column-gap: 8px;
}

.footerSocials {
    display: flex;
    column-gap: 8px;
}

.footerSocials .ms-Link{
    height: 16px;
    padding: 4px;
    box-sizing: content-box;
}


@media only screen and (max-width: 900px) {
    .footerNavContainer {
        flex-direction: column-reverse;
        padding: 26px 0;
        row-gap: 24px;
    }

    .footerNavContainer #socialMedia {
        order: 1;
    }

    .footerNavContainer #resources {
        order: -1;
    }

    .footerLinksContainer {
        padding: 12px 24px;
        justify-content: center;
    }

    .newFooterLinksContainer {
        padding: 26px 0;
    }
}

/* TODO: hack solution until we have hamburger menu in mobile*/
@media only screen and (max-width: 700px) {
    .header #headerGetStarted:not(.newHeader #headerGetStarted),
    .header #headerSignedIn:not(.newHeader #headerSignedIn),
    .header #headerSignOut:not(.newHeader #headerSignOut),
    .header #blogLink:not(.newHeader #blogLink) {
        display: none;
    }
}

@media only screen and (max-width: 600px) {
    .newFooterLinksContainer {
        flex-direction: column;
        row-gap: 16px;
        width: 100%;
    }
}

@media only screen and (max-width: 400px) {
    #headerProjects {
        position: absolute;
        right: 2px;
    }
}
/* end of mobile header hack */ 


@media only screen and (max-width: 500px) {
    .signIn {
        border: none;
        box-shadow: unset;
        top: 48px;
        left: 0;
        transform: unset;
        width: 100vw;
        height: 100vh;
        overflow: auto;
        padding-bottom: 55px;
        border-radius: 0;
        border-top: 1px solid #EDEBE9;
    }

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

    .signInModal .overlay,
    .signInModal ~ .wholePage .identity,
    .signInModal ~ .wholePage .feedbackIcon {
        display: none;
    }

    .closeSignIn {
        display: block;
        position: absolute;
        right: 8px;
        top: 0;
        color: black;
    }
}

.regionNaming {
    background: white;
    padding: 12px;
    border-radius: 6px;
    border: 1px solid #e5e5e5;
    box-shadow: 0 1px 24px rgba(0,0,0,0.5), 0 0 0 0.5px rgba(0,0,0,.2);
    font-size: 12px;
    background-color: white;
    box-sizing: border-box;
    margin-bottom: 12px;
    cursor: pointer;
    position: relative;
}

.regionNaming > *:not(button) {
    margin-bottom: 12px;
}

.regionNaming button {
    margin-right: 12px;
}

.regionsOverlay {
    display: flex;
    position: absolute;
    background: white;
    width: 100%;
    height: 100%;
    overflow: hidden;
    left: 0;
    top: 0;
    z-index: 3;
}

.selectorArea {
    justify-content: center;
    overflow: hidden auto;
    flex: 1 1 auto;
    align-items: unset;
}

.selectorArea > div {
    width: 100%;
}

.selectorArea iframe {
    border: 1px solid #cccccc;
}

.regionsPanel > button {
    width: 100%;
    margin-bottom: 12px;
}

.cardTitle {
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    width: 90%;
    display: flex;
}

.cardTitle,
.heatmapUrl,
.sessionImpression span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cardInfo {
    margin-top: 12px;
    font-size: 13px;
    line-height: 18px;
}

.card3dots {
    position: absolute;
    right: 7px;
    top: 7px;
}

.card3dots i {
    color: #000;
    font-size: 16px;
}

.panelDescription,
.regionsPanel .separator {
    margin-bottom: 12px;
}
.regionsPanel .separator::before {
    background: #DDD;
}
.regionsPanel .separator > div {
    background: #FAFAFA;
}

.regionsPanel .cardInfo {
    word-break: break-word;
}

.regionNamingTitle {
    font-size: 16px;
    line-height: 1.4em;
    cursor: default;
}

.regionNaming .errorMessage {
    color: red;
}

.regionsPanel .loading {
    margin-bottom: 12px;
}

.spanFilter {
    grid-column: span 2;
}

.googleOptimizeFilterArea {
    margin-top: 20px;
}

.spanFilter .optionSection {
    display: flex;
}

.spanFilter .options > .optionSection {
    margin-bottom: 12px;
}

.spanFilter .optionSection > * {
    flex: 1;
    margin-right: 12px;
}

.spanFilter .selectedOptions div:first-child {
    margin-right: 60px;
}

.googleOptimizeLearnMoreModal {
    width: 420px;
    display: flex;
    text-align: center;
    box-shadow: 0px 25.600000381469727px 57.599998474121094px 0px #00000038, 0px 4.800000190734863px 14.399999618530273px 0px #0000002E;
    border-radius: 2px;
}

.googleOptimizeLearnMoreModal > div {
    display: flex;
    flex-direction: column;
    justify-content: start;
}

.googleOptimizeLearnMoreModalHeader {
    padding: 16px 24px 16px 22px;
    display: flex;
    justify-content: start;
}

.googleOptimizeLearnMoreModalHeader h2 {
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 28px;
    color: #323130;
    text-align: left;
    min-width: 350px;
}

.googleOptimizeLearnMoreModalBody a {
    color:rgb(0, 120, 212);
    margin: 0 3px;
    text-decoration: underline;
}

.googleOptimizeLearnMoreModalHeader .closeIcon {
    color: #666;
    margin-left: 3px;
}

.googleOptimizeLearnMoreModalBody {
    padding: 8px 24px;
}

.hasExperiments .googleOptimizeLearnMoreModalBody {
    padding-top: 4px;
}

.googleOptimizeLearnMoreModalBody h4 {
    font-size: 14px;
    font-weight: 600;
    line-height: 19px;
    letter-spacing: 0px;
    text-align: left;
    color: #333333;
    margin-top: 18px;
}

.googleOptimizeLearnMoreModalBody h4:first-of-type {
    margin-top: 3px;
}

.googleOptimizeLearnMoreModalBody h5 {
    font-size: 14px;
    font-weight: 400;
    line-height: 19px;
    letter-spacing: 0px;
    text-align: left;
    margin-top: 8px;
    color: #605E5C;
}

.googleOptimizeLearnMoreModalActionButtons {
    display: flex;
    justify-content: flex-end;
    margin: 20px;
}

.googleOptimizeLearnMoreModalActionButtons a {
    background: #0078D4;
    padding: 6px 20px;
    height: 32px;
    border-radius: 2px;
    color: #FFF;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 0px;
    text-align: center;
    margin: 0 4px;
    margin-top: 7px;
}

.googleOptimizeLearnMoreModalActionButtons button {
    margin: 0 4px;
    margin-top: 7px;
}

.googleOptimizeLearnMoreModalActionButtons a:hover {
   text-decoration: none;
    background-color: #106ebe;
}

.spanFilter .optionSection button,
.spanFilter .iconPlaceholder {
    flex: 0;
    margin-right: 0;
}

.spanFilter .optionSection .multiSelectValue {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 4px;
}

.filterHeader button {
    height: 20px;
    color:rgb(0, 120, 212);
    padding-left: 0;
}

.learnMoreButton {
   margin-left: 0;
}

.learnMoreButton :hover {
    color:rgb(0, 120, 212);
    text-decoration: underline;
}

.spanFilter .iconPlaceholder {
    width: 32px;
}

.regionSetup .title {
    font-size: 17px;
    font-weight: 500;
    margin-top: 40px;
    margin-bottom: 12px;
    line-height: 1.4em;
}

.regionSetup .description {
    margin-bottom: 30px;
}

.regionRow {
    display: flex;
    margin-top: 20px;
    max-width: 1000px;
}

.regionRow > * {
    flex: 1;
    margin-right: 20px;
}

.regionRow > button {
    flex: 0;
}

.regionRow.newRegion > button:last-child {
    visibility: hidden;
}

.analytics,
.goSettings {
    font-size: 14px;
    line-height: 18px;
    color: #323130;
    margin: 8px 0px;
    border-top: 1px solid #B3ADB2;
}

.goActions {
    display: flex;
    flex-grow: 1;
    justify-content: space-between;
    margin-top: 20px;
}

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

.goError .ms-Toggle {
    margin-top: 5px;
}

.gtmWrapper {
    border-bottom: 1px solid #B3ADB2;
}

.tutorialsContent > :first-child {
    border-bottom: 1px solid #B3ADB2;
    padding-bottom: 14px;
    margin-bottom: 19px;
}

.analytics .ms-MessageBar {
    margin-bottom: 24px;
}

.analytics .ms-MessageBar > div {
    margin-bottom: 0;
}

.analytics .gtmLabel {
    font-weight: 600;
    margin-right: 4px;
}

.analytics .heading,
.goSettings .heading {
    font-size: 18px;
    line-height: 20px;
    margin: 10px 0px;
    font-weight: 600;
}

.analytics .subheading,
.goSettings .subheading {
    color: #323130;
}

.analytics .subheading .ms-Link,
.goSettings .subheading .ms-Link {
    margin-right: 4px;
}

.analytics .heading > *,
.goSettings .heading > * {
    vertical-align: bottom;
    display: inline-block;
}

.analytics .action,
.goSettings .action {
    font-size: 14px;
    line-height: 16px;
    color: #484644;
    margin: 0px 8px;
}

.connectedLabel {
    font-weight: 600;
    margin-right: 6px;
    overflow: hidden;
    white-space: nowrap;
}

.connectedContainerFRE {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    margin-bottom: 39px;
}

.toggleContainerFRE {
    display: flex;
    justify-content: space-between;
}

.toggleContainerFRE span.ms-layer {
    position: absolute;
}

.toggleContainerFRE .gaRemove {
    color: #0078D4;
    cursor: pointer;
}

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

.googleContainer {
    margin-bottom: 24px;
}

.googleContainer > * svg {
    margin-right: 8px;
}

.googleContainer ~ div > * {
    margin-bottom: 24px;
}

.analytics .signInAgainLink {
    font-size: 12px;
    margin-left: 6px;
}

.analytics .gtmRemoving,
.analytics .gaRemove {
    color: #0078D4;
    font-size: 14px;
}

.analytics .gtmRemove:hover,
.analytics .gtmRemove:focus,
.analytics .gaRemove:hover,
.analytics .gaRemove:focus {
    text-decoration: underline;
    cursor: pointer
}

.compatContent {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    top: 150px;
}

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

.browserIcon {
    margin-right: 16px;
}

.browserLink {
    margin-left: 8px;
}

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

.msoDel {
    display: none;
}

#wcpConsentBannerCtrl {
    position: fixed;
    bottom: 0;
    border-top: 1px solid #DDD;
    background-color: white !important;
}

#wcpConsentBannerCtrl > *:last-child {
    margin-right: 12px;
}

#wcpConsentBannerCtrl > *:first-child {
    padding-left: 5px;
}

.userViewError {
    padding: 16px;
    font-size: large;
    font-weight: 600;
}

.orAndOption {
    color: #323130;
    font-weight: normal;
    display: flex;
}

.orFilterLabel {
    margin-right: 63px;
}

.orAndFilterLabel {
    display: flex;
    align-items: center;
}

.orAndFilterRadio {
    -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;
}

.orAndFilterRadio:checked {
    border: 1px solid #0078D4;
}

.orAndFilterLabel:hover > .orAndFilterRadio {
    border-width: 1.5px;
    border-color: #0078D4;
}

.orAndFilterRadio::before {
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 50%;
    transform: scale(0);
    transition: 80ms transform ease-in;
    box-shadow: inset 10px 10px #0078D4;
  }

.orAndFilterRadio:checked::before {
    transform: scale(1);
}

#ScriptErrorTextbox__JSError__,#ScriptErrorTextbox__ClickError__ {
    background-color: #F3F2F1;
    color: #323130;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    display: flex;
    align-items: center;
    padding-left: 10px;
}

.jsFilterOptionHeader {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-grow: 1;
}

.hideJsError div[aria-labelledby="ScriptErrorTextbox__JSError__"] > .ms-ComboBox-option,
.hideClickError div[aria-labelledby="ScriptErrorTextbox__ClickError__"] > .ms-ComboBox-option {
    display: none;
}

.showJsError div[aria-labelledby="ScriptErrorTextbox__JSError__"] > .ms-ComboBox-option,
.showClickError div[aria-labelledby="ScriptErrorTextbox__ClickError__"] > .ms-ComboBox-option {
    display: flex;
}

.jsErrorExpandIcon {
    transition: transform 0.1s linear 0s;
}

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

/*OVERRIDING FLUENT UI PANEL BEHAVIOR*/
@media (min-width: 480px) {
    .hamburgerPanel .ms-Panel-main {
        width: 242px;
    }
}

.googleIntegrationsFRE {
    display: flex;
}

.googleIntegrationsFRE > :first-child {
    margin-right: 12px;
}

.connectedGTM > :last-child ,
.connectedGTMFRE > :last-child {
    margin-top: 16px;
}

.connectedGTMFRE .gtmLabel {
    font-weight: 600;
    margin-right: 5px;
}

.connectedGTMFRE .gtmLabelWrapper:last-child {
    margin-top: 8px;
}

.gtmFact {
    margin-top: 10px;
    position: relative;
}

.smallIconsSprite {
    position: absolute;
    overflow: hidden;
    transform-origin: top left;
}

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

.emoji.smallIconsSprite {
    width: 20px;
}

.emoji.smaillLinkIcon::after {
    left: 0;
}

.emoji.smallEyesIcon::after {
    left: -22px;
}

.emoji.smallMonkeyIcon::after {
    left: -44px;
}

.gtmConnectButtonFRE > :last-child {
    margin: 135px 0 29px 0;
}

.gtmFact span {
    margin-top: 5px;
    margin-left: 30px;
}

.gtmConnectButtonFRE .gtmFact:first-child {
    margin-top: 31px;
}

.gtmConnectButtonFRE > :last-child {
    margin: 135px 0 29px 0;
    margin: 32px 0 29px 0;
}

.gtmConnectButtonFRE {
    border-bottom: solid 1px #B3B0AD;
    margin-bottom: 19px;
}

.gtmFact .ms-Link {
    margin-left: 4px;
}

.finishSetupGTMFRE {
    display: flex;
    justify-content: space-between;
    width: 100%;
    font-size: 12px;
}

.hundredPercentHeight {
    height: 100%;
}

@media (forced-colors: active) and (prefers-color-scheme: dark) {
    .msLogo {
        background-color: black;
    }
}

@media (forced-colors: active) and (prefers-color-scheme: light) {
    .msLogo {
        background-color: white;
    }
}

#myProjectsInPanel {
    display: none;
    width: 100%;
}

#myProjectsInPanel>div,
#myProjectsInPanel>div>span{
    width: 100%;
}

#myProjectsInPanel .ms-Button:first-child {
    flex-grow: 1;
}

@media only screen and (-webkit-min-device-pixel-ratio : 4) {
    .projHeader.hiddenOnZoom{
        display: none;
    }

    #headerProjects{
        display: none;
    }

    #myProjectsInPanel {
        display: block;
    }
}

.appMaskCodeBlock {
    background-color: #EDEBE9;
    padding: 20px;
}

.liveRecordingContainer {
    display: flex;
    height: 64px;
    background-color: #2F95961A;
    border-radius: 4px;
    padding: 18px;
    margin-bottom: 12px;
    align-items: center;
    position: relative;
}

.liveRecordingContainer.clickable {
    cursor: pointer;
}

.liveRecordingContainer.expanded {
    margin-bottom: 0px;
}

.liveUserContentHeader {
    align-items: center;
    display: flex;
}

.liveUserHeader {
    height: 28px;
    background-color: #2F9596;
    color: white;
    font-weight: 600;
    border-radius: 2px;
    padding: 5px 12px;
    margin-left: 4px;
}

.liveUserHeaderZero {
    padding: 5px 12px;
    margin-left: 4px;
}

.liveUserHeaderZeroBold {
    font-weight: 600;
}

.liveRecordingContainer .ms-Icon {
    position:absolute;
    right: 24px;
}

.liveRecordingCardContainer {
    overflow-y: scroll;
    padding:0 8px;
    background-color: #2F95961A;
    height: calc(100vh - 300px);
}

.liveRecordingsHeader {
    font-weight: 600;
}

.liveLabelContainer {
    display: flex;
    align-items: center;
    height: 16px;
}

.liveLabel {
    background-color: #2F9596;
    color: white;
    margin-left: 4px;
    border-radius: 5px;
    font-size: 10px;
    font-weight: 600;
    width: 48px;
    display: flex; 
    justify-content: center
}

.videoControlLiveIcon {
    align-items: center;
    display: flex;
    padding-right: 4px;
}

.liveButton {
    background-color: #2F9596;
    color: white;
    margin-left: 8px;
    border-radius: 2px;
    font-size: 12px;
    font-weight: 600;
    width: 69px;
    text-align: center;
}

.goLiveButton {
    background-color: white;
    color: #2F9596;
    border-color: #2F9596;
    border-style: solid;
    border-width: 1px;
    margin-left: 8px;
    border-radius: 2px;
    font-size: 12px;
    font-weight: 600;
    width: 69px;
    text-align: center;
    cursor: pointer;
}

.cardRow.urlDate > .flexAuto {
    flex: auto;
}
</style><style>.homepageHeader {
    border: none;
    width: 100%;
    box-sizing: content-box;
    padding-right: 0;
    padding-left: 0;
    width: unset;
}

.centered,
.homepageHeader {
    max-width: 1340px;
    margin: 0 auto;
}

.homepage img {
    display: inline-block;
    width: 100%;
}

.homepage .banner {
    padding: 110px 80px;
    background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(180deg, #FDFEFF 0%, #F0F8FF 100%), #FFFFFF;
}

.banner .centered,
.valueProp {
    display: flex;
    align-items: center;
}

.bannerText:not(.newHomepage .bannerText) {
    width: 360px;
    flex: 1 0 auto;
}

.bannerTitle {
    font-size: 40px;
    line-height: 1.2em;
    margin-bottom: 24px;
}

.bannerDescription {
    font-size: 18px;
    line-height: 1.2em;
    margin-bottom: 60px;
}

.bannerButtons .liveDemoButton {
    color: #0078D7;
    border-color: #0078D7;
    background-color: transparent;
    margin-left: 16px;
}

.bannerButtons .liveDemoButton:hover {
    background-color: rgba(0, 0, 0, 0.05);
}

.jumplinks {
    width: max-content;
    padding: 20px 0 40px;
}

.jumplink,
.jumplink > * {
    display: inline-block;
    color: black;
    font-size: 14px;
    line-height: 19px;
    text-transform: uppercase;
    vertical-align: middle;
}

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

.jumplinkIcon {
    margin-right: 10px;
}

.jumplink:not(:last-child) {
    margin-right: 48px;
}

.valueProp {
    padding: 40px 0;
    cursor: default;
}

.valueProp:nth-child(2n) {
    flex-direction: row-reverse;
}

.valueProp > * {
    width: 50%;
}

.valueTextWrapper {
    display: flex;
    color: black;
    margin-right: 20px;
    flex: 1;
}

.valueProp:nth-child(2n+1) .valueTextWrapper {
    justify-content: flex-end;
    margin-left: 20px;
    margin-right: 0;
}

.valueImg {
    justify-self: center;
}

.valueImg img {
    max-width: 610px;
    display: block;
    margin: 0 auto;
}

.valueText {
    max-width: 470px;
}

.valueTitle {
    margin-top: 16px;
    font-size: 32px;
    line-height: 40px;
    font-weight: 600;
}

.valueSubtitle {
    margin-top: 8px;
    font-size: 18px;
    line-height: 28px;
    color: #737373;
}

.valueDescription {
    margin-top: 16px;
    font-size: 18px;
    line-height: 28px;
}

.clarityVideo {
    margin: 40px auto;
}

.clarityVideo .videoTitle {
    text-align: center;
    font-size: 32px;
    line-height: 42px;
    margin: 40px 0;
    font-weight: 600;
}

.clarityVideo iframe {
    margin: 0 auto;
    display: block;
    max-width: 100%;
}

.clarityVideoWrapper {
    margin: 0 auto;
    display: block;
    max-width: 100%;
    max-height: 475px;
}

.highlightedFaqs {
    background-color: #FAF9F8;
    padding: 24px 16px;
    margin-bottom: 80px;
    margin-top: 40px;
}

.highlightedFaq {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.highlightedFaqsTitle {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 24px;
    display: flex;
    justify-content: space-between;
}

.seeAllFAQ {
    font-size: 14px;
}

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

.seeAllLink {
    color: #3A6BE4;
}

.faqHeader {
    padding: 12px;
    font-weight: 600;
    color: #323130;
    cursor: pointer;
}

.faqHeader > * {
    display: inline-block;
}

.faqHeader .faqQuestion {
    margin-left: 12px;
}

.faqAnswer {
    padding: 12px;
    padding-left: 37px;
}

.getClarity {
    padding: 136px 0;
    background: linear-gradient(255.81deg, #55ADFF -6.3%, #3A6BE4 105.73%), #3A6BE4;
    color: white;
    text-align: center;
}

.getClarity button {
    color: #3A6BE4;
    border-color: #fff;
    border-radius: 2px;
}

.getClarity .centered {
    max-width: 350px;
}

.getClarityTitle {
    font-size: 34px;
    line-height: 40px;
    margin-bottom: 26px;
}

.getClarityText {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 26px;
}

.localizationDropdown {
    width: 110px;
    margin-right: 16px;
    margin-left: 24px;
}

.languageDropdownDivider {
    margin-left: 8px;
}

.localizationMenuDropdown {
    margin-bottom: 16px;
}

.localizationDropdown .ms-Dropdown:focus i,
.localizationDropdown .ms-Dropdown:focus span {
    color: white;
}

.myProjectsLoading {
    width: 180px;
    height: 72px;
}

.newHomepage .banner .newHeader .ms-Dropdown-title,
.homepageHeader .ms-Dropdown-title {
    border-width: 0;
    border-radius: 0;
}

.newHomepage .banner .newHeader .ms-Dropdown:hover {
    background-color: #106ebe;
}

.homepageHeader .ms-Dropdown-title:hover {
    background-color: rgba(0, 0, 0, 0.05);
}

.newHomepage .banner .newHeader .ms-Dropdown:hover i,
.newHomepage .banner .newHeader .ms-Dropdown:hover span {
    background: transparent;
    color: white;
}

.goToProjectsRow {
    border-top: 1px solid #EDEBE9;
    padding: 8px;
    cursor: pointer;
}

.header .projectsButton .ms-Button-label {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: normal;
    max-width: 100px;
}

@media only screen and (min-width: 1660px) {
    .homepageHeader.stickyHeader {
        padding-left: 80px;
        padding-right: 80px;
    }
}

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

    .homepageHeader,
    .valueProps {
        padding-left: 80px;
        padding-right: 80px;
        box-sizing: content-box;
    }

    .highlightedFaqs {
        margin-left: 80px;
        margin-right: 80px;
    }
}


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

    .valueProps {
        margin: 40px 0 48px;
    }

    .valueProp {
        flex-wrap: wrap;
        padding: 0;
    }

    .valueProp > * {
        width: 100%;
        margin-bottom: 48px;
    }

    .valueImg {
        max-width: unset;
    }

    .valueProps .valueProp .valueTextWrapper {
        justify-content: center;
        margin-left: 0;
        margin-right: 0;
        text-align: center;
    }
}

@media only screen and (max-width: 798px) {
    .homepage .homepageHeader {
        padding-left: 0px;
        padding-right: 0px;
        justify-content: center;
    }
}

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

    .homepage .banner,
    .homepage .homepageHeader,
    .homepage .valueProps {
        padding-left: 16px;
        padding-right: 16px;
    }

    .homepage .highlightedFaqs {
        margin-left: 26px;
        margin-right: 26px;
    }

    .homepage .bannerText {
        text-align: center;
        width: fit-content;
    }

    .homepage .bannerTitle {
        font-size: 32px;
        line-height: 40px;
    }

    .homepage .valueTitle,
    .homepage .clarityVideo .videoTitle {
        font-size: 24px;
        line-height: 32px;
    }

    .homepage .valueSubtitle {
        font-size: 16px;
        line-height: 22px;
    }

}

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

    .homepage .banner,
    .homepage .homepageHeader,
    .homepage .valueProps {
        padding-left: 8px;
        padding-right: 8px;
    }
}


/* NEW HOMEPAGE */

.newHomepage {
    overflow: hidden;
}

.newHomepage .banner {
    height: calc(51vw + 397px);
    min-height: 1140px;
}

.banner.updatedHomePage {
    height: calc(57vw + 397px);
    min-height: 1340px;
}

.newHomepage .bannerShape {
    width: 100%;
    height: calc(51vw + 397px);
    position: absolute;
    background: #FAF9F8;
    z-index: -1;
    overflow: hidden;
    min-height: 1140px;
}

.banner.updatedHomePage .bannerShape {
    height: calc(57vw + 397px);
    min-height: 1340px;
}

.newHomepage .bannerShape>svg {
    width: 100%;
    height: 55vw;
    min-width: 1600px;
    min-height: 880px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -3px;
}

.newHomepage .banner .newHeader {
    position: absolute;
    width: 100%;
    box-sizing: border-box;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
}

.newHomepage .banner .newHeader:not(.darkHeader) {
    background-color: white;
}

.newHomepage .bannerContent {
    height: 50vw;
    min-height: 800px;
    color: white;
}

.newHomepage .bannerTextArea {
    max-width: 823px;
    margin: 0 auto;
    padding-top: calc(17vw - 149px);
}

.newHomepage .bannerTitle {
    font-size: 48px;
    line-height: 52px;
}

.bannerTitleIcon {
    margin-right: 10px;
}

.newHomepage .bannerText {
    font-size: 22px;
    line-height: 30px;
    margin: 36px 0;
}

.newHomepage .pageBannerFeatures {
    margin-bottom: 50px;
}

.newHomepage .pageBannerFeature {
    color: white;
}

.newHomepage .bannerTextArea .ms-Button--default {
    border: none;
    color: #3A6BE4;
    margin-right: 12px;
}

.newHomepage .bannerTextArea .ms-Button--primary {
    border-color: white;
    background: transparent;
}

.newHomepage .bannerTextArea .ms-Button--primary:hover {
    background: rgba(0, 0, 0, 0.05);
}

.newHomepage .swoosh {
    position: absolute;
    top: calc(20vw - 446px);
    right: calc(79vw - 1557px);
}

.newHomepage .narrowSwoosh {
    position: absolute;
    width: 100%;
    height: 164vw;
    top: calc(-149vw + 729px);
    right: 50%;
    transform: translateX(50%);
}

.newHomepage .narrowSwoosh svg {
    height: 100%;
    min-width: 600px;
    min-height: 984px;
}

.newHomepage:not(.narrowPage) .phoneIllustration {
    position: absolute;
    left: 0;
    top: 192px;
    max-width: 38%;
}

.newHomepage .laptopIllustration {
    position: absolute;
    max-width: 38%;
    top: -97px;
    right: 0;
}

.newHomepage .laptopIllustration>svg,
.newHomepage:not(.narrowPage) .phoneIllustration>svg,
.newHomepage .narrowSwoosh>svg,
.newHomepage .freeIllustration svg {
    width: 100%;
}

.newHomepage.narrowPage .phoneIllustration>svg {
    display: block;
    margin: 0 auto;
}

.newHomepage .companiesUsingClarityTitle {
    width: 100%;
}

.newHomepage .companies {
    margin: 40px 0;
}

.newHomepage .learnMoreContainer {
    display: flex;
    justify-content: space-between;
}

.selectedTitleContainer span {
    padding: 8px;
}

.newHomepage .learnMore {
    font-size: 16px;
    line-height: 20px;
    text-decoration: underline;
    color: #0072c9;
}

.newHomepage .subBannerContainer {
    padding-left: 80px;
    background: #DEECF9;
    width: 100%;
}

.newHomepage .subBannerCentered {
    display: flex;
    align-items: center;
    max-width: 1512px;
    margin: 0 auto;
}

.subBannerTextArea {
    max-width: 560px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
}

.subBannerTextArea .landingSectionTitle {
    text-align: left;
    margin-bottom: 16px;
}

.subBannerTextArea .landingTemplatePageHeaderSubtitle {
    margin-bottom: 0;
}

.subBannerTextArea .ms-Button {
    max-width: 128px;
    border-color: #0078D4;
    color: #0066b4;
    margin-top: 48px;
}

.subBannerTextArea .topAction {
    margin-top: 8px;
}

.subBannerTextArea .bottomAction {
    margin-top: 40px;
}

.newHomepage .freeIllustration {
    flex: 1;
    margin-left: 152px;
}

.newHomepage .subBannerIllustration {
    flex: 1;
    min-height: 594px;
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}


.newHomepage .subBannerIllustration.free {
    background-image: url("https://claritystatic.azureedge.net/images/pricingBanner_updated.png");
}

.newHomepage .subBannerIllustration.extension {
    background-image: url("https://claritystatic.azureedge.net/images/extension.png");
}

.subBannerContainer.liveExtensionBanner {
    background-color: #FFFFFF;
}

.subBannerContainer.freeBanner {
    padding: 80px;
}

.stickyHeader {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    background: white;
    z-index: 1000;
    border-bottom: 1px solid lightgray;
}

.homepageHeader.stickyHeader {
    max-width: initial;
}

.newHomepage .platformsRatingWrapper {
    background-color: #FAF9F8;
    width: 100%;
}

.newHomepage .platformsRatingContainer {
    display: flex;
    justify-content: space-around;
    max-width: 1165px;
    margin: 0 auto;
    width: 100%;
    background-color: #FAF9F8;
    padding-bottom: 32px;
}

.platformsRatingContainer .platform {
    display: flex;
    flex-direction: column;
    align-items: center;
    overflow: hidden;
    max-width: 244px;
}

.platformsRatingContainer .platform img {
    position: relative;
}

.platformsRatingContainer .capterraLogo {
    left: 90px;
}

.platformsRatingContainer .g2Logo {
    left: -168px
}

.platform .ratingContainer {
    display: flex;
    margin: 26px 0 8px;
    align-items: baseline;
    font-weight: 600;
    font-size: 28px;
    line-height: 36px;
    column-gap: 24px;
}

.platform .ms-Rating-button {
    margin-right: 12px;
}

.platform .ms-Rating-star .ms-RatingStar-back {
    color: #A19F9D;
}

.platform .ms-Rating-star .ms-RatingStar-front {
    color: #F2C811;
}

@media only screen and (max-width: 1600px) {
    .newHomepage .bannerTextArea {
        padding-top: 109px;
    }
}

@media only screen and (min-width: 1101px) {
    .newHomepage .companiesUsingClarityContainer {
        padding-top: 0;
        margin-top: -25px;
        background-color: transparent;
    }
}

@media only screen and (max-width: 1100px) {
    .newHomepage .banner {
        height: fit-content;
        min-height: unset;
    }

    .banner.updatedHomePage .bannerShape,
    .newHomepage .bannerShape,
    .newHomepage .bannerContent {
        min-height: unset;
        height: calc(-30vw + 1150px);
    }

    .newHomepage .narrowSwoosh {
        top: unset;
        height: unset;
        bottom: 0;
        min-width: 600px;
        left: 50%;
        transform: translateX(-50%);
    }

    .newHomepage .phoneIllustration {
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
    }

    .newHomepage .subBannerContainer {
        padding: 80px;
    }
}

@media only screen and (max-width: 900px) {
    .newHomepage .bannerTextArea {
        padding-right: 30px;
        padding-left: 30px;
    }

    .newHomepage .bannerTitle {
        text-align: center;
        font-size: 42px;
        line-height: 52px;
    }

    .newHomepage .bannerText {
        font-size: 20px;
        line-height: 28px;
        margin: 24px 0 20px;
    }

    .newHomepage .pageBannerFeatures {
        width: fit-content;
        margin-right: auto;
        margin-left: auto;
        margin-bottom: 36px;
    }

    .newHomepage .buttonArea {
        text-align: center;
        position: static;
    }

    .newHomepage .featureImage img {
        border-radius: 10px;
    }
}

@media only screen and (max-width: 750px) {
    .platform .ratingContainer {
        font-size: 24px;
        column-gap: 14px;
    }

    .platformsRatingContainer .platform img {
        transform: scale(0.75);
    }

    .platformsRatingContainer .capterraLogo {
        left: 68px;
    }

    .platformsRatingContainer .g2Logo {
        left: -130px
    }
}

@media only screen and (max-width: 700px) {
    .newHeader.homepageHeader {
        padding: 8px;
    }

    .subBannerTextArea,
    .subBannerTextArea .landingSectionTitle,
    .subBannerTextArea .landingTemplatePageHeaderSubtitle {
        text-align: center;
        align-items: center;
    }

    .subBannerTextArea .ms-Button {
        align-self: center;
    }
}

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

    .newHomepage .narrowSwoosh,
    .newHomepage .phoneIllustration {
        left: 0;
        transform: unset;
    }

    .newHomepage .pageBannerFeature {
        font-size: 19px;
        line-height: 22px;
        margin: 5px 0;
    }

    .newHomepage .companiesUsingClarityContainer {
        padding-bottom: 40px;
    }

    .newHomepage .companiesUsingClarityBody {
        margin: 0 auto;
    }
}

.maxHomePageBanner .bannerContent {
    position: relative;
}

.maxHomePageBanner .bannerContent ,
.maxHomePageBanner .bannerContent .pageBannerFeature {
    color: #343434;
}

.maxHomePageBanner .bannerContent .pageBannerFeature {
    font-weight: 600;
}

.maxHomePageBanner .bannerTextArea .ms-Button--primary {
    margin-right: 12px;
}

.maxHomePageBanner .bannerContent .bannerTextArea {
    padding-top: calc(5vw + 52px);
    padding-left: calc(5vw + 52px);
    max-width: 823px;
    margin: unset;
}

.maxBannerShape {
    height: 100%;
    width: 100%;
    position: absolute;
    bottom: 0;
    right: 0;
}

.maxBannerShape img {
    position: absolute;
    width: 100%;
    object-fit: contain;
    bottom: 0;
    right: 0;
}

#corkImg {
    top: 0;
    padding-top: 48px;
}  

.maxHomePageBanner .bannerContainer {
    background: linear-gradient(90.33deg, #F1F1F1 -1.13%, #C2BEB2 103.38%);
    position: relative;
}

.maxHomePageBanner .maxHomePageBanner .bannerTitle {
    font-weight: 350;
}

.maxHomePageBanner .landingSection.newCompaniesUsingClarity {
    background-color: #FAF9F8;
    padding-top: 80px;
    position: relative;
}

.maxHomePageBanner #firstContentItem {
    border: 1px solid rgb(0, 120, 212);
    background-color: rgb(0, 120, 212);
}

@media only screen and (max-width: 500px) {
    .newHomepage .featureImage img {
        border-radius: 5px;
    }

    .newHomepage .platformsRatingContainer {
        flex-direction: column;
        row-gap: 52px;
        align-items: center;
    }
}

@media only screen and (max-width: 459px) {
    .newHomepage .companiesUsingClarityBody {
        margin-top: -120px;
    }

    .newHomepage .companiesUsingClarityTitle {
        width: 240px;
        margin: 0 30px;
    }

    .newCompaniesUsingClarity .companiesUsingClarityTitle {
        width: unset;
    }
}

@media only screen and (max-width: 1200px) {
    .maxHomePageBanner .bannerContent .bannerTextArea {
        max-width: 1000px;
    }
}

@media only screen and (max-width: 601px) {
    .maxHomePageBanner .bannerTextArea {
        padding: 0 61px;
    }

    #desktopImg {
        padding-top: 510px;
    }
}

@media only screen and (min-width: 2881px) {
    .maxHomePageBanner .bannerContent .bannerTextArea {
        margin-left: 391px;
        padding-left: 0;
    }
}

@media only screen and (max-width: 900px) {
    .maxHomePageBanner .bannerContent .bannerTextArea {
        margin: 0 61px auto;
        padding-left: unset;
        padding-top: calc(5vw + 82px);
        max-width: 817px;
    }
}

@media only screen and (max-width: 600px) {
    .maxHomePageBanner .bannerContent .bannerTextArea {
        margin: 0 61px 0 61px;
        padding-right: unset;
        padding-left: unset;
    }

    .maxHomePageBanner .bannerContainer .buttonArea {
        display: flex;
        justify-content: center;
    }
}

@media only screen and (max-width: 375px) {
    .maxHomePageBanner .bannerContent .bannerTextArea {
        margin: 0 41px 0 41px;
        padding-right: unset;
        padding-left: unset;
    }
}

.maxHomePageBanner .homepageHeader {
    max-width: unset;
}

@media only screen and (min-width: 1800px) {
    .maxHomePageBanner .header.newHeader.homepageHeader {
        padding-left: 10%;
        padding-right: 10%;
    }
}

@media only screen and (max-width: 700px) {
    .maxHomePageBanner .bannerContainer {
        height: 880px;
        max-height: 880px;
    }
}

/* features container */
.responsiveFeatures {
    overflow: hidden;
}

.responsiveFeatures .features {
    padding: 60px;
    max-width: 1776px;
    box-sizing: content-box;
    margin: 0 auto;
    position: relative;
}

.responsiveFeatures .features .landingSectionTitle {
    text-align: start;
    margin-bottom: 40px;
}

/* featuresStack */
.featuresStack {
    text-align: center;
}

.featuresStack .featureImage {
    position: relative;
    width: 100%;
    margin-bottom: 44px;
}

.featuresStack img {
    width: 100%;
    max-width: 770px;
}

.featuresStack .featureTitle {
    font-size: 28px;
    line-height: 1.2em;
}

.featuresStack .featureText {
    margin: 24px auto 32px;
    font-size: 18px;
    line-height: 24px;
    max-width: 460px;
}

.featureStack:not(:last-child) {
    margin-bottom: 112px;
}

/* features */
.subBannerTextArea .landingSectionTitle {
    text-align: left;
    margin-bottom: 16px;
}

.responsiveFeatures .featuresArea {
    display: flex;
    width: 100%;
}

.responsiveFeatures .featuresArea .featureImage {
    flex: 1 1 1190px;
}

.responsiveFeatures .featuresArea img {
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
    position: relative;
    min-width: 700px;
}

.responsiveFeatures .featuresList {
    margin-right: 130px;
}

.responsiveFeatures .feature {
    padding: 24px;
    border: 1px solid #E1DFDD;
    border-radius: 4px;
    margin-top: 24px;
    cursor: pointer;
    width: 456px;
    min-height: 169px;
}

.responsiveFeatures .feature.selected {
    background: #EFF6FC;
    box-shadow: 0px 0.6px 1.8px rgb(0 0 0 / 10%), 0px 3.2px 7.2px rgb(0 0 0 / 13%);
}

.responsiveFeatures .learnMoreContainer {
    display: flex;
    justify-content: space-between;
}

.selectedTitleContainer {
    margin-left: auto;
}

.selectedTitleContainer span {
    padding: 8px;
}

/* common */
.responsiveFeatures .featureTitle {
    font-size: 20px;
    line-height: 28px;
    font-weight: 500;
}

.responsiveFeatures .featureText {
    margin-top: 8px;
    margin-bottom: 24px;
}

.responsiveFeatures .learnMore {
    font-size: 16px;
    line-height: 20px;
    text-decoration: underline;
    color: #0072c9;
}

.responsiveFeatures .featureImage img {
    border-radius: 21px;
    box-shadow: 0 25.6px 57.6px 0 rgb(0 0 0 / 22%), 0 4.8px 14.4px 0 rgb(0 0 0 / 18%);
}

@media only screen and (max-width: 500px) {
    .responsiveFeatures .featureImage img {
        border-radius: 5px;
    }
}

@media only screen and (max-width: 900px) {
    .responsiveFeatures .featureImage img {
        border-radius: 10px;
    }
}
</style><style>
/* General */
.centeredElement {
  margin: 0 auto;
  color: inherit;
}

.landingSection {
  padding-top: 80px;
  padding-bottom: 80px;
}

.landingSectionTitle {
  font-size: 32px;
  line-height: 42px;
  font-weight: 500;
  text-align: center;
}

.boldText {
  font-weight: 500;
}

.bolderText {
  font-weight: 600;
}

.focusSection {
  background: linear-gradient(42.14deg, #3A6AD8 0.64%, #3D7FDB 51.71%, #4094EB 98.69%),
  linear-gradient(42.14deg, #3C70E6 0.64%, #53A7FD 98.69%);
  color: #fff;
  text-align: center;
  width: 100%;
}

.focusSection h3 {
  color: #fff;
}

.focusSectionLight {
  background-color: #deecf9;
  color: #fff;
  text-align: center;
  width: 100%;
}

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

.columnFlexContainer {
  flex-direction: column;
}

.mediumText {
  font-size: 16px;
  line-height: 22px;
}

.normalText {
  font-size: 18px;
  line-height: 24px;
}

/* Page Header */
.landingTemplatePageHeader {
  padding: 90px 10vw;
  flex-wrap: wrap;
  background: linear-gradient(180deg, #fff 0%, rgba(255, 255, 255, 0) 100%),
    linear-gradient(180deg, #fdfeff 0%, #f0f8ff 100%), #fff;
}

.landingTemplatePageHeader svg {
  display: inline-block;
  width: 44%;
  max-width: 800px;
}

.landingTemplatePageHeaderContent {
  width: 58%;
  max-width: 760px;
}

.landingTemplatePageHeaderContent h1 {
  font-size: 42px;
  font-weight: 600;
  line-height: 52px;
  margin-bottom: 20px;
}

.landingTemplatePageHeaderSubtitle {
  font-size: 20px;
  line-height: 28px;
  margin-bottom: 18px;
}

.landingTemplatePageHeaderContent a,
.landingTemplatePageHeaderContent button {
  margin: 0;
  margin-right: 15px;
  width: max-content;
  min-width: 113px;
  text-align: center;
  height: 31px;
  border-radius: 2px;
}

.landingTemplatePageHeaderContent a:focus-visible,
.landingTemplatePageHeaderContent button:focus-visible {
  outline: 2px solid #0078D4;
}

.landingTemplatePageHeaderContent a {
  background: #0078D4;
  color: white;
  padding: 5px 16px;
  font-weight: 600;
}

.landingActionButtons a:hover {
  background-color: #106ebe;
  border-color: #106ebe;
}

.extraButtons .ms-Button {
  border-color: #0078D4;
  color: #0078D4;
  min-width: 132px;
}

.extraButtons a {
  background-color: #fff;
  border: 1px solid #0078D4;
}

.extraButtons a:hover {
  background-color: #0000000d;
}

.landingTemplatePageHeaderBody {
  min-height: 320px;
}

.landingActionButtons {
  justify-content: flex-start;
  flex-wrap: wrap;
}

.landingActionButtons .ms-Button {
  margin-top: 30px;
}

.pageBannerFeature {
  display: inline-flex;
  align-items: center;
  margin-right: 36px;
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
}

.pageBannerFeature:last-child {
  margin-right: 0;
}

.pageBannerFeature i {
  margin-right: 4px;
}

/* Highlights */
.keyFeatures {
  margin: 80px 40px;
  font-size: 28px;
  line-height: 36px;
}

.keyFeatures i {
  font-size: 50px;
  line-height: 50px;
  margin-bottom: 24px;
}

.keyFeatures h4 {
  width: 200px;
  color: #fff;
}

.highlightContainer {
  padding: 50px 10vw;
  text-align: left;
}

.highlightContainer:nth-child(even) .highlight {
  flex-direction: row-reverse;
}

.highlightContainer:nth-child(even) .highlightTextWrapper,
.highlightContainer:nth-child(odd) .highlightMedia  {
  padding-right: 40px;
}

.highlightContainer:nth-child(even) .highlightMedia ,
.highlightContainer:nth-child(odd) .highlightTextWrapper {
  padding-left: 40px;
}

.highlightContainer:nth-child(even) .highlight {
  margin: auto;
}

.highlight {
  justify-content: center;
  cursor: default;
  color: white;
}

.highlightMedia {
  justify-self: center;
  width: 55%;
  max-width: 800px;
}

.highlightMedia img {
  width: 100%;
  display: block;
  margin: 0;
  border-radius: 10px;
  filter: drop-shadow(0px 4.8px 14.4px rgba(0, 0, 0, 0.18));
}

.highlightContainer h4 {
  margin: 16px;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: white;
  text-align: center;
}

.highlightTextWrapper {
  align-items: flex-start;
  color: white;
  flex: 1;
  max-width: 670px;
}

.highlightTextWrapperDarkerText {
  color: black;
}

.highlightContainer h3 {
  font-size: 28px;
  line-height: 34px;
  font-weight: 700;
  color: inherit;
  text-align: left;
}

.highlightText {
  font-size: 20px;
  line-height: 26px;
  margin-top: 8px;
  color: inherit;
}

.highlightsSubtitle {
  margin: 16px 0;
}

.highlightPointsList {
  margin: 16px;
}

.highlightPoint {
  font-size: 20px;
  line-height: 26px;
  margin: 6px;
}

.highlightPoint span {
  font-weight: 700;
  margin-right: 5px;
}

.highlightLineSeparator {
  max-width: 1000px;
  width: 80%;
  height: 0;
  border: 3px solid #fff;
  opacity: 0.25;
  margin: 120px auto;
}

.landingFaqs {
  flex-wrap: wrap;
  padding: 75px 22vw 75px 15vw;
  background-color: #FAF9F8;
}

.landingFaq {
  background-color: #fff;
  box-shadow: 0 0.3px 0.9px rgba(0, 0, 0, 0.1), 0 1.6px 3.6px rgba(0, 0, 0, 0.13);
  margin: 15px 0;
  padding: 10px 12px;
}

.landingFaqsTitle {
  margin: 75px 0;
  margin-right: 70px;
  width: 32%;
  max-width: 404px;
}

.landingFaqsTitle .mediumText {
  color: black;
  font-weight: 400;
}

.landingFaqsTitle p {
  font-size: 20px;
  line-height: 28px;
  margin-top: 10px;
  color: #797775;
}

.landingFaqsTitle .faqIllustration {
  margin: 20px 0;
  max-width: 400px;
  width: 100%
}

/* Benefits */
.mergeBenefitsandFeatures {
  flex-wrap: wrap;
  align-items: stretch;
}

.mergeBenefitsandFeatures .centeredElement {
  position: relative;
  flex: 1;
  min-width: 620px;
  min-height: 600px;
}

.verticalSeparator {
  width: 4px;
  opacity: 0.25;
  margin: 80px 0;
  background-color: #fff;
}

.benefitsGrid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  margin-top: 10px;
}

.benefit {
  font-size: 24px;
  line-height: 32px;
  margin: 30px;
}

.benefit svg {
  margin: 25px;
}

/* FeaturesList */
.featuresContainer table {
  margin: 50px auto 0;
  font-weight: 500;
  max-width: 1180px;
  box-shadow: 0px 0.6px 1.8px rgb(0 0 0 / 10%), 0px 3.2px 7.2px rgb(0 0 0 / 13%);
  border-radius: 4px;
  overflow: hidden;
}

.featuresContainer tr > * {
  padding: 12px 24px;
}

.featuresContainer th {
  background-color: #F0EEEE;
  color: #62605F;
}

.featuresContainer td {
  background-color: #fff;
  color: #484644;
}

.featuresContainer th:nth-child(even) {
  text-align: center;
  width: 100px;
}

.featuresContainer td:nth-child(odd) {
  text-align: left;
  width: 480px;
}

.standaloneFeaturesContainer td:nth-child(odd) {
  width: 100%;
}

.featuresContainer i {
  color: #55B17E;
}

/* Free Text */
.freeText {
  background-color: #FAF9F8;
  padding-right: 10%;
  padding-left: 10%; 
}

.freeText h3 {
  text-align: left;
  margin-bottom: 30px;
}

.freeText p {
  margin: 15px 0;
  font-size: 18px;
}

.landingTemplatePageHeader .landingBanner {
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  height: 320px;
  flex-grow: 1;
}

.freeBanner {
  background-image: url("https://claritystatic.azureedge.net/images/pricingBanner_updated.png");
}

.gaBanner {
  background-image: url("https://claritystatic.azureedge.net/images/gaBanner.png");
}

.heatmapsBanner {
  background-image: url("https://claritystatic.azureedge.net/images/heatmapsBanner.png");
}

.sessionRecordingsBanner {
  background-image: url("https://claritystatic.azureedge.net/images/sessionRecordingsBanner.png");
}

.insightsBanner {
  background-image: url("https://claritystatic.azureedge.net/images/insightsBanner.png");
}

.liveExtensionBanner {
  background-image: url("https://claritystatic.azureedge.net/images/liveExtensionBanner.png");
}

.faqIllustration {
  width:100%;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  height: 320px;
  flex-grow: 1;
  background-image: url("https://claritystatic.azureedge.net/images/faqIllustration.png");
}

.gaPanelLogo {
  background-image: url(https://claritystatic.azureedge.net/scripts/client/0e2a679974bb6b5e6a25.png);
  width: 20px;
  height: 20px;
  background-position: left;
  background-size: cover;
  background-repeat: no-repeat;
}

/* ClarityOffers */
.clarityOffersContainer {
  padding: 40px 14vw;
  align-items: flex-start;
}

.clarityOfferInstance {
  width: 33%;
  max-width: 630px;
  margin: 20px;
}

.clarityOfferImage {
  max-width: 100%;
  max-height: 350px;
  min-width: 250px;
  width: auto;
  margin: 20px 0;
}

.denseOffers {
  min-width: 170px;
}

.clarityOfferText {
  min-height: 150px;
}

.clarityOfferInstance p {
  width: 100%;
  max-width: 320px;
  font-size: 18px;
  line-height: 24px;
  text-align: center;
  margin: 10px auto 0;
}

.clarityOfferLearnMore {
  margin: 24px 0;
  color: #000;
  border: 1px solid #000;
  border-radius: 2px;
  padding: 6px 20px;
  font-size: 14px;
  line-height: 24px;
}

.clarityOfferLearnMore:hover {
  background-color: #0000000d;
  color: #000;
}

/* FAQ */
.landingFaqQuestion {
  justify-content: space-between;
  cursor: pointer;
}

.selectedQuestion i,
.landingFaqQuestion i:hover,
.selectedQuestion h1 {
  color: #0078D4;
}

.viewAllFAQ a {
  color: #0072c9;
}

.landingFaqsContent {
  max-width: 720px;
  width: 42%;
  margin-left: 70px;
}

.viewAllFAQ {
  font-size: 12px;
  margin-top: 25px;
  text-decoration: underline;
}

.viewAllFAQ a:focus-visible,
.clarityOfferLearnMore:focus-visible {
  outline: 1px solid;
}

.landingFaqHeader {
  padding: 12px;
  color: #323130;
  cursor: pointer;
}

.landingFaqHeader > * {
  display: inline-block;
}

.faqAnswer {
  padding: 12px 0;
}

.faqAnswer a {
  text-decoration: underline;
}

/* Testimonials */
.whatUsersSay {
  background: #deecf9;
}

.whatUsersSayBody {
  overflow: hidden;
  position: relative;
  margin: auto;
}

.whatUsersSayBody .testimonialIllustration {
  position: absolute;
  width: 17%;
  height: auto;
}

.whatUsersSayBody .testimonialIllustration:first-of-type {
  bottom: -4px;
  left: 1vw;
}

.whatUsersSayBody .testimonialIllustration:last-of-type {
  bottom: 169px;
  right: -30px;
  width: 12%;
}

.whatUsersSayBody .pagination i:not([data-icon-name=StatusCircleOuter]) {
  color: #0066b4;
}

.whatUsersSayContainer {
  flex-wrap: wrap;
  max-width: 1000px;
  margin: 40px auto;
}

.testimonial {
  background-color: white;
  border-radius: 5px;
  max-width: 240px;
  height: 260px;
  min-height: 260px;
  margin: 15px;
  padding: 41px 10px 15px 28px; 
}

.testimonial h3 {
  margin-bottom: 20px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  max-height: 200px;
  text-align: center;
}

.testimonialSource {
  margin: 10px;
}

.quotations {
  display: block;
  position: relative;
  left: -10px;
  top: -3px;
}

.testimonialSource img {
  width: 30px;
}

.avatarDefault {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #d2d0ce;
  margin: 0 10px;
}

.testimonialSource p {
  color: #8a8886;
  font-size: 11px;
}

.pagination {
  margin-bottom: 5px;
}

.paginationChevron:hover {
  background-color: transparent;
}

.paginationButton {
  height: 12px;
  width: 12px;
  border: 1px solid #605e5c;
  margin: 4px;
  padding: 0;
  color: transparent;
  border-radius: 50%;
}

.selectedPaginationButton {
  color: #005a9e;
}

/* Companies Using Clarity */
.companiesUsingClarityContainer {
  background-color: #FAF9F8;
}

.companiesUsingClarityBody {
  justify-content: space-around;
  align-items: flex-start;
  flex-wrap: wrap;
  max-width: 1000px;
  margin: 40px auto;
  padding: 0 10px;
}

.newCompaniesUsingClarity .companiesUsingClarityBody {
  max-width: 1150px;
  width: 100%;
  margin: 0 auto;
  padding: 0;
}

.companiesUsingClarityTitle {
  margin: 0;
}

.companies {  
  align-items: flex-start;
  max-height: 160px;
  flex-wrap: wrap;
  min-width: 200px;
}

.newCompaniesUsingClarity .companies {
  column-gap: 12%;
  row-gap: 32px;
  margin: 40px 60px 0;
  max-height: unset;
  justify-content: space-between;
  width: 100%;
}

.newCompaniesUsingClarity .companies div {
  min-width: 60px;
  width: 100%;
  max-width: 120px;
  height: 78px;
  overflow: hidden;
}

.newCompaniesUsingClarity .companies img {
  position: relative;
}

.company {
  border-left: 4px solid #0078D4;
  padding: 10px 20px;
}

/* Footer */
.landingFooter {
  padding: 120px 0;
}

.landingFooter .centeredElement {
  padding: 0 40px
}

.landingFooter button {
  color: #3a6be4;
  border: none;
  border-radius: 2px;
  margin: 10px;
}

.landingFooter button:hover {
  color: #3a6be4;
  background-color: #eee;
}

.landingFooterTitle {
  margin-bottom: 24px;
}

.landingFooterText {
  margin-bottom: 30px;
}

.gaLandingPanel .ms-Panel-footer{
  height: 64px;
  border-top: 1px solid #EDEBE9;
}

.gaLandingPanel .ms-Panel-footerInner{
  display: flex;
  align-items: center;
  height: 100%;
  margin-left: 24px;
  padding: 0;
}

.gaLandingPanel .ms-Panel-footerInner .ms-Button:not(:last-child){
  margin-right: 8px;
}

.gaLandingPanel .ms-Panel-header {
  margin-bottom: 26px;
}

.gaLandingPanelSection {
  border-top: 1px solid #B3B0AD;
}

.gaLandingPanelSection:not(:last-child) {
  margin-bottom: 14px;
}

.gaLandingPanelSection .sectionTitle {
  margin: 12px 0 16px 0;
  color: #323130;
  font-weight: 600;
  font-size: 18px;
  line-height: 21px;
  display: flex;
  align-items: center;
}

.gaLandingPanelSection .sectionTitle span {
  margin-left: 12px;
}

.gaLandingPanelSection .displayEmail,
.gaLandingPanelSection .name,
.gaLandingPanelSection .website,
.gaLandingPanelSection .siteCategory {
    min-height: 62px;
    font-weight: 500;
    padding-bottom: 12px;
}

.gaLandingPanelSection .ms-TextField {
  margin-top: 5px;
}

.gaLandingPanelSection .termsOfServiceContainer {
  display: flex;
  align-items: center;
  margin-top: 12px;
  margin-bottom: 16px;
}

.gaLandingPanelSection .termsOfServiceContainer a{
  margin-left: 4px;
}

.gaLandingPanelSection .gaManualEnterContainer .collapsibleContentHeader {
  color: #0078D4;
  font-weight: 500;
  display: flex;
  align-items: center;
}

.gaLandingPanel .gaSuccessWrapper .collapsibleContentHeader:hover,
.gaLandingPanelSection .gaManualEnterContainer .collapsibleContentHeader:hover {
  cursor: pointer;
}

.gaLandingPanel .gaSuccessWrapper .collapsibleContentTitle,
.gaLandingPanelSection .gaManualEnterContainer .collapsibleContentTitle {
  margin-left: 8px;
}

.gaLandingPanelSection .gaManualEnterContainer .gaManualEnter {
  margin-left: 26px;
}

.gaLandingPanelSection .gaManualEnterContainer .manualGAInputTextWrapper {
  height: unset;
}

.gaLandingPanelSection .gaManualEnterContainer .ms-TextField:not(:first-child) {
  margin-top: 17px;
  margin-bottom: 0;
}

.gaLandingPanelSection .gaManualEnterContainer .ms-TextField:first-child {
  margin-top: 12px;
  margin-bottom: 0;
}

.gaLandingPanelSection .cannotAddGAMessage {
  font-size: 13px;
  margin: 16px 0;
}

.gaLandingPanelSection .GaLoading {
  min-height: 150px;
}

.gaLandingPanelSection .noWebPropertiesFound{
  color: #A4262C;
  font-size: 12px;
  margin-top: 8px;
}

.gaLandingPanelSection .webPropertiesError {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  font-weight: 600;
}

.gaLandingPanelSection .webPropertiesError span{
  max-width: 80%;
  font-weight: normal;
  margin-top: 8px;
}

.gaLandingPanelSection .webPropertiesError .ms-Link{
  margin-right: 4px;
}

.gtmSectionWrapper .collapsibleContentHeader{
  margin: 10px 0px;
  font-weight: 600;
  color: #0078D4;
  display: flex;
}

.gtmSectionWrapper .collapsibleContentHeader div {
  margin-left: 8px;
}

.gtmSectionWrapper .collapsibleContentHeader:hover {
  cursor: pointer;
}

.gtmSectionWrapper .gtmContent {
  margin-left: 24px
}

.gtmSectionWrapper .gtmSubHeader {
  margin-bottom: 24px;
}

.gtmSectionWrapper .gtmButtonMargin {
  margin-top: 8px;
}

.creatingAndLinkingContainer {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.creatingAndLinkingContainer img {
  padding-bottom: 36px;
} 

.creatingAndLinkingTitle {
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  margin-bottom: 16px;
  align-self: flex-start;
}

.creatingAndLinkingContainer svg {
  margin-bottom: 36px;
}

.gaLandingPanel .gaSuccessWrapper .collapsibleContentHeader{
  font-weight: 500;
  display: flex;
  align-items: center;
}

.gaLandingPanel .gaSuccessWrapper{
  margin-bottom: 12px;
  display: flex;
  flex-direction: column;
}

.gaLandingPanel .gaSuccessWrapper .nextSteps{
  margin-top: 40px;
  font-weight: 600;
}

.gaLandingPanel .gaSuccessWrapper img{
  align-self: center;
  margin-top: 18px;
}

.manualInstallWrapper .collapsibleContentHeader {
  font-weight: 600;
  margin-bottom: 10px;
  padding-top: 8px;
  color: #0078D4;
  display: flex;
}

.manualInstallWrapper .manualInstallContent {
  margin-left: 24px;
}

.manualInstallWrapper .collapsibleContentHeader div {
  margin-left: 8px;
}

.manualInstallWrapper .collapsibleContentHeader:hover {
  cursor: pointer;
}

.manualInstallWrapper .manualInstallMessage{
  margin-bottom: 17px;
}

.gaPanelErrorWrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.gaPanelErrorWrapper div{
  margin-top: 16px;
  text-align: center;
}

.gaPanelErrorWrapper > div:first-of-type{
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
}

.gaLandingPanelSection .gtmContent .ms-MessageBar{
  background: #EFF6FC;
  margin: 16px 0;
}

.gaLandingPanelSection .gtmLabel{
  font-weight: 600;
  margin-right: 4px;
}

.gaLandingPanelSection .gtmSubHeader .ms-Link{
  margin: 0 4px;
}

.gaLandingPanelSection .privacyLink {
  text-decoration: underline;
}

.gaLandingPanelSection .privacyLink:hover {
  color: #005A9E;
}

.gaLandingPanelSection .privacyLink:focus {
  border: 1px solid #605E5C;
  box-sizing: border-box;
}

@media only screen and (max-width: 1300px) {
  /* Benefits & FeatureList */
  .verticalSeparator {
    display: none;
  }

  .standaloneFeaturesContainer table {
    margin: 50px 60px 60px;
  }

  .mergeBenefitsandFeatures .featuresContainer table {
    width: 90%;
    max-width: 550px;
  }
}

@media only screen and (max-width: 1700px) {
  .clarityOfferText {
    min-height: 180px;
  }
}

@media only screen and (max-width: 1400px) {
  .clarityOfferText {
    min-height: 220px;
  }
}

@media only screen and (max-width: 1100px) {
  .newCompaniesUsingClarity .companies {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    justify-items: center;
    column-gap: 8%;
  }
}

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

  /* Page Header */
  .landingTemplatePageHeader {
    padding: 110px 80px;
  }

  .landingTemplatePageHeaderContent {
    margin-right: 15px
  }
  
  .landingTemplatePageHeaderContent h1 {
    font-size: 36px;
    line-height: 40px;
  }

  .landingTemplatePageHeader svg {
    margin-left: 15px;
  }
  
  .landingTemplatePageHeaderSubtitle,
  .pageHeaderFeature {
    font-size: 18px;
  }
  .landingTemplatePageHeaderSubtitle {
    margin-bottom: 16px;
  }

  .pageBannerFeature {
    display: block;
    margin: 8px 0;
    white-space: nowrap;
  }

  .landingTemplatePageHeaderContent button,
  .landingTemplatePageHeaderContent a {
    margin-right: 8px;
  }

  .landingActionButtons .ms-Button{
    margin-top: 24px;
  }

  /* Highlights */
  .highlightContainer:first-child {
    padding-top: 0;
  }

  .highlight {
    flex-wrap: wrap;
    padding: 0;
  }

  .highlightContainer h3 {
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 12px;
    margin-top: 4px;
    text-align: center;
  }

  .highlightsSubtitle {
    margin: 14px 0
  }

  .highlightPointsList {
    margin: 4px 0;
  }

  .highlightMedia {
    width: 100%;
  }

  .highlightMedia img {
    order: 2;
  }

  .highlightContainer:nth-child(odd) .highlightTextWrapper,
  .highlightContainer:nth-child(even) .highlightTextWrapper,
  .highlightContainer:nth-child(odd) .highlightMedia ,
  .highlightContainer:nth-child(even) .highlightMedia  {
    padding: 0;
  }
  
  .highlightTextWrapper {
    text-align: center;
    align-items: center;
    width: 90%;
    margin: auto;
    margin-top: 40px;
    max-width: 550px;
  }
  
  .highlightText,
  .highlightPoint {
    font-size: 18px;
    line-height: 24px;
    text-align: start;
  }
  /* Free Text */
  .freeText,
  .freeText h3 {
    text-align: center;
  }

  /* ClarityOffers */
  .clarityOfferInstance {
    width: 90%;
  }

  .clarityOffersContainer {
    flex-wrap: wrap;
  }

  .clarityOfferText {
    min-height: unset;
  }
  
  .clarityOfferImage {
    height: auto;
    max-width: 400px;
    width: 100%;
    margin: 0;
    margin-bottom: 20px;

  }

  .clarityOfferInstance p {
    max-width: 450px;
  }

  .standaloneFeaturesContainer table {
    margin: 50px 30px 60px;
  }

  /* Companies Using Clarity */
  .companiesUsingClarityTitle {
    width: 100%;
    margin-bottom: 20px;
  }

  .companies {
    margin: 20px 0;
  }
  
  /* Benefits */
  .benefitsTitle {
    position: static;
  }

  /* FAQs */
  .landingFaqs {
    padding: 0 0 75px;
    flex-direction: column;
    justify-content: center;
  }

  .landingFaqsContent {
    max-width: 660px;
    width: 90%;
    padding: 0 10vw;
    margin: 0;
  }
  
  .landingFaqsTitle {
    font-size: 28px;
    line-height: 36px;
    margin: 70px 0 40px 0;
    width: 90%;
  }

  .landingFaqsTitle p {
    font-size: 18px;
    line-height: 28px;
  }

  .landingFaqsTitle .faqIllustration {
    order: -1;
  }

  /* Testimonials */
  .testimonial {
    width: 100%;
  }  
}

@media only screen and (max-width: 700px) {
  /* Page Header */
  .landingTemplatePageHeader {
    padding: 70px 16px;
  }
  
  .landingTemplatePageHeaderContent a {
    margin: 30px auto;
  }
    
  .landingTemplatePageHeaderContent {
    text-align: center;
    width: fit-content;
    margin: 0;
    padding: 0 20px;
  }
  
  .landingTemplatePageHeaderSubtitle {
    text-align: left;
    max-width: 480px;
    margin: 0 auto;
    margin-bottom: 16px;
  }
  
  .pageBannerFeatures .pageBannerFeature {
    margin: 8px auto;
    width: 220px;
    text-align: left;
  }
  
  .landingTemplatePageHeaderContent button {
    margin: 20px auto;
  }
  
  .landingTemplatePageHeader .landingBanner,
  .landingTemplatePageHeader svg,
  .extraButtons {
    display: none;
  }
}

@media only screen and (max-width: 750px){
  .newCompaniesUsingClarity .companies {
    margin: 28px 8% 0;
    row-gap: 0;
    column-gap: 0;
  }

  .newCompaniesUsingClarity .companies div {
    max-width: 90px;
  }

  .newCompaniesUsingClarity .companies img {
    transform: scale(.75);
  }
}

@media only screen and (max-width: 600px) {
  /* General */
  .landingSectionTitle {
    font-size: 28px;
    line-height: 36px;
  }  

  /* FAQ */
  .landingFaqsTitle .faqIllustration {
    display: none;
  }

  .mergeBenefitsandFeatures .centeredElement {
    min-width: auto;
  }

  /* Features */
  .featuresContainer {
    margin: 0 20px;
  }

  /* Testimonials */
  .quote {
    width: 90%;
    height: 300px;
    min-height: 300px;
    margin: 10px;
    padding: 20px;
  }

  .companies {
    width: 40%;
    flex-wrap: nowrap;
    min-width: unset;
  }

  /* ClarityOffers */
  .clarityOfferInstance p {
    max-width: 315px;
  }

  /* Footer */
  .landingFooter {
    padding: 65px 10px;
  }
}

@media only screen and (max-width: 500px) {
  .newCompaniesUsingClarity .companies img {
    transform: scale(.5);
  }
}

@media only screen and (max-width: 400px) {
  /* Page Header & Highlights */
  .landingTemplatePageHeader,
  .landingSection {
    padding-left: 8px;
    padding-right: 8px;
  }
  .benefitsGrid {
    margin: 0;
  }

  .newCompaniesUsingClarity .companies img {
    transform: scale(.5);
  }
}
</style><style>.heatmapContainer,
.emptyHeatmapContainer {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    overflow: auto;
}

.heatmapContent,
.heatmapCompare {
    display: flex;
    overflow: hidden;
    flex: 1;
}

.heatmapCompareButton {
    margin-left: auto;
    margin-right: 12px;
    flex: 0 0 auto;
}

.heatmapCompare .heatmapSidebar {
    float: inline-end;
    padding-top: 0;
    position: absolute;
    z-index: 1000000;
    transition: 0.2s;
    height: 100%;
}

.heatmapCompare .heatmapSidebar .topNavbar {
    padding-top: 12px;
}

.heatmapCompare .sidebarClosed{
    transform: translateX(-100%);
}

.heatmapCompare .heatmapCompareResizer {
    width: 2px;
    cursor: col-resize;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: visible;
    background: #E1DFDD;
    margin-top: 143px;
}

.heatmapCompare .heatmapCompareResizer .resizerButton {
    background: #0078D4;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);
    cursor: pointer;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    padding: 0 4px;
    z-index: 1;
}

.heatmapCompare .heatmapCompareResizer .resizerButton .dragerIcon {
    width: 12px;
    height: 12px;
    color: #FFF;
    background: #0078D4;
    cursor: pointer;
}

.dragerIcon .ms-Icon{
    color: #FFF;
}

.heatmapCompare .secondary .sidebarClosed {
    transform: translateX(100%);
}

.heatmapCompare .secondary .heatmapSidebar {
    border-left: 1px solid rgb(237, 235, 233);
}

.heatmapCompare .tabContentHeader {
    flex-direction: column;
    border: hidden;
    padding: 0;
}
.heatmapCompare .filterBadgeNavWrapper {
    width: 100%;
}

.heatmapCompare .heatmapContent{
    position: relative;
}

.changingScreenshots .heatmapPanelTop {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-bottom: 18px;
}

.changingScreenshots .panelTitle {
    padding-bottom: 12px;
}

.changingScreenshots .screenshotsListWrapper {
    display: grid;
    gap: 12px;
}

.changingScreenshots .heatmapScreenshotCard {
    justify-content: center;
    padding: 12px;
    border: 1px solid #E1DFDD;
    box-sizing: border-box;
    border-radius: 2px;
    width: 362px;
    height: 237px;
    background: #FFF;
}

.heatmapScreenshotCard.selected {
    border: #0078D4 2px solid;
    height: 274px;
}

.heatmapScreenshotCard .viewElementsButton {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 7px;
    font-size: 14px;
    font-weight: 600;
    height: 32px;
    padding: 6px;
}

.changingScreenshots .heatmapScreenshotCard .heatmapScreenshotIframeWrapper {
    margin: 0 2.5px;
    width: 328px;
    height: 213px;
    border: 1px solid #C8C6C4;
    box-sizing: border-box;
    cursor: pointer;
    overflow: hidden;
    background-color: #F3F2F1;
}

.changingScreenshots .heatmapScreenCard {
    margin: 0 2.5px;
    width: 150px;
    border: 1px solid #C8C6C4;
    box-sizing: border-box;
    cursor: pointer;
    overflow: hidden;
    background-color: #F3F2F1;
}


.changingScreenshots .screenshotsLoading {
    justify-content: center;
    margin-top: 137px;
}

.heatmapCompare .secondary .heatmapContent,
.heatmapCompare .primary .heatmapFooter,
.heatmapCompare .secondary .heatmapSidebar .heatmapPanelTop { 
    flex-direction: row-reverse;
}

#heatmapSidebarPortal {
    overflow: hidden auto;
}

.heatmapCompare .secondary .cardOrder,
.heatmapCompare .secondary .heatmapElements .elementRank,
.heatmapCompare .secondary .ms-Button--primary,
.heatmapCompare .secondary .is-checked .ms-Checkbox-checkbox,
.calloutStylesSecondary .is-checked .ms-Checkbox-checkbox {
    background-color: #E3008C;
}

.heatmapCompare .secondary .heatmapElements .heatmapElement {
    outline-color: #E3008C;
}

.heatmapCompare .secondary .filtersBarButtons .ms-Icon, 
.heatmapCompare .secondary .seeDetails,
.heatmapCompare .secondary .cardAction i {
    color: #E3008C;
}

.heatmapSidebar .cardAction .ms-Button {
    margin: 1px;
}

@media screen and (-ms-high-contrast: active) { 
    .heatmapSidebar .cardAction .ms-Button:focus-visible {
        outline: windowtext solid 1px;
    }
}

.heatmapCompare .secondary .ms-Button--primary,
.heatmapCompare .secondary .is-checked .ms-Checkbox-checkbox,
.heatmapCompare .secondary .is-checked::before,
.heatmapCompare .secondary .is-checked::after,
.calloutStylesSecondary .is-checked .ms-Checkbox-checkbox {
    border-color: #E3008C;
}

.heatmapCompare .secondary .filterBadge,
.heatmapCompare .secondary .heatmapMetrics .badge {
    background: rgba(227, 0, 140, 0.1);
    color: #E3008C;
}

.heatmapCompare .tabContentWithFilter{
    min-width: 528px;
}
.heatmapCompare .primary {
    flex: none; 
    max-width: calc(100% - 528px);  
}

.heatmapCompare .secondary {
    flex: 1 1 0%;
}

.heatmapCompare .heatmapSidebar .heatmapPanelTop {
   position: sticky;
   top: 0;
   background-color: #FAF9F8;
   z-index: 100;
   margin-top: 12px;
   max-width: 100%;
}

.heatmapCompare .filtersActions,
.heatmapCompare .filtersContent {
    width: 100%;
    display: flex;
    overflow: hidden;
    align-items: flex-start;
    padding: 6px 16px;
}

.heatmapCompare .heatmapZeroState {
    height: 100%;
}

.heatmapCompare .filtersActions {
    padding-bottom: 6px;
    border-bottom: 1px solid #ddd;
}

.heatmapCompare .heatmapZeroState {
    height: 100%;
    overflow: hidden;
    padding-bottom: 124px;
}

.heatmapCompare .heatmapFooter {
    border-top: 1px solid #CCC;
}

.heatmapCompare .filtersActions .cancelIconContainer {
    border: 1px solid #D83B01;
    box-sizing: border-box;
    border-radius: 2px;
    margin-left: auto;
}

.heatmapCompare .filtersActions .closeIcon {
    color: #D83B01;
    width: 30px;
    height: 30px;
}

.heatmapCompare .filtersContent {
    padding-top: 8px;
}

.heatmapCompare .filtersBarButtons:first-child {
    margin-left: 0px;
}

.emptyHeatmapContainer {
    font-size: 20px;
    text-align: center;
    padding-top: 250px;
}

.heatmapCompare .heatmapUrlSearchBox {
    width: 50%;
    max-width: 351px;
    min-width: 230px;
}

.heatmapCompare .secondary .heatmapCompareFilterButton {
    background-color: #E3008C;
}

.heatmapCompare .heatmapCompareFilterButton {
    color: white;
    background-color: #0078D4;
    width: 56px;
}

.heatmapUrlSearchBox {
    width: 351px;
    margin-right: 10px;
    flex: 0 0 auto;
}

.heatmapSidebar .card {
    width: 100%;
    white-space: nowrap;
    padding: 0;
}

.heatmapSidebar .cardSingleRow {
    padding: 12px;
}

.heatmapSidebar .cardOrder {
    background-color: #0078D4;
    color: white;
    flex: 0 0 auto;
    height: 32px;
    width: 32px;
    border-radius: 32px;
    text-align: center;
    line-height: 32px;
    margin-right: 10px;
}

.heatmapSidebar .cardBody {
    display:  flex;
    white-space: nowrap;
    padding-bottom: 8px;
    border-bottom: 1px solid #EDEBE9;
    margin: 12px 12px 0;
}

.heatmapSidebar .cardAction {
    justify-content: space-between;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 4px 8px 4px 4px;
}

.heatmapSidebar .card div {
    text-overflow: ellipsis;
    overflow: hidden
}

.heatmapSidebar .ms-DetailsHeader-cellTitle {
    padding: 0;
}

.heatmapSidebar .ms-DetailsHeader,
.heatmapSidebar .ms-DetailsRow {
    background-color: #FAF9F8;
}

.heatmapSidebar .ms-DetailsHeader {
    color:#323130
}

.heatmapSidebar .ms-DetailsRow {
    color:#605E5C
}

.heatmapSidebar .ms-DetailsRow:hover,
.heatmapSidebar .ms-DetailsHeader-cell:hover {
    background-color: #FAF9F8;
}

.heatmapSidebar .ms-DetailsRow:hover {
    color: #605E5C;
}

/*Heatmap header begin */
.heatmapHeader {
    display: flex;
    padding: 10px 16px;
    border-bottom: 1px solid #ddd;
    align-items: center;
}

.heatmapHeader > .heatmapButtonGroup {
    display: flex;
}

.heatmapHeader > :first-child {
    margin-right: 24px;
}

.heatmapHeader > .ms-TooltipHost {
    margin-left: 9px;
}

.heatmapHeader .ms-Button-label {
    margin-left: 8px;
    float: left;
}

.heatmapCompare .heatmapDeviceButton .ms-Button-label{
    margin: 0;
}

.heatmapChangeScreenshotButtonDisabled {
    background-color: #FFF;
    border-width: 1px;
    border-color: rgb(220, 220, 219);
}

.clickMapButton {
    padding: 0 0 0 16px;
}

.heatmapHeaderInfoIcon {
    font-size: 18px;
    color: #0078D7;
}

.heatmapHeaderInfoIcon:hover {
    color: #627B8E;
}

.heatmapHeaderInfoBubble {
    padding: 8px;
}

.heatmapHeaderInfoBubble > *:not(:last-child) {
    border-bottom: 1px solid #EEE;
    padding-bottom: 13px;
}

.clickMenuHighlight, .moneyMenuHighlight {
    background-color: #f3f2f1;
}

.heatmapInfoTitle {
    font-size: 20px;
    font-weight: 600;
    display: flex;
    justify-content: center;
}

.listItem {
    display: flex;
    padding-top: 13px;
}

.listItem > :first-child {
    width: 15%;
    padding-top: 3px;
}

.listItem > :last-child {
    width: 85%;
}

.listItem svg {
    margin-left: -5px;
}

.listItemTitle {
    color: #333;
    font-size: 14px;
    line-height: 16px;
    font-weight: 600;
}

.listItemsClickmap {
    margin-left: 15px;
}

.listItemDescription,
.listItemDescriptionBold {
    margin-top: 9px;
    font-size: 13px;
    line-height: 18px;
    color: #666;
}

.listItemDescriptionBold {
    color: #333;
    font-weight: 600;
}

/*Heatmap header end */

.heatmapVisual {
    overflow:  hidden auto;
    display: flex;
    position: relative;
    justify-content: center;
    flex: 1;
}

.noHeat {
    flex: 1;
    display: flex;
    justify-content: center;
    background-color: #F3F2F1;
}

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

.heatmap-wrapper iframe {
    position: relative;
    border: 1px solid #CCC
}

.heatmapElements {
    position: absolute;
    z-index: 2;
}

.heatmapElements .heatmapElement {
    position: absolute;
    border: 1px solid white;
    outline: 1px solid #0078D4;
}

.heatmapElements .elementRank {
    position: absolute;
    width: 36px;
    height: 36px;
    background: #0078D4;
    color: white;
    border: 1px solid #FFFFFF;
    border-radius: 32px;
    text-align: center;
    line-height: 32px;
    filter: drop-shadow(0px 1.2px 3.6px rgba(0, 0, 0, 0.1));
    cursor: default;   
}

.heatmapElements .missingElement {
    padding: 24px;
    background: white;
    font-size: 16px;
    line-height: 22px;
    position: relative;
    left: 50%;
    top: 250px;
    display: inline-block;
    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;
    transform-origin: left;
}

.elementMetadata {
    padding: 8px 8px 8px 20px;
    display: flex;
}

.elementMetadata .metadataText{
    margin-right: 12px;
    line-height: 30px;
}

#disclaimerIcon {
    font-size: 32px;
    color: #2c2c2c;
    position: fixed;
    right: 20px;
}

.scrollmap-canvas{
    position: absolute;
    z-index: 2;
}

.scrollMarker {
    width: 100%;
    position: absolute;
    text-align: center;
    z-index: 3;
}

.scrollMarkerIndicatorWrapper {
    position: absolute;
    display: flex;
    width: 100%;
    z-index: 3;
    align-items: center;
}

.scrollMarkerIndicator {
    height: 32px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 5px;
    font-size: 12px;
    font-family: Arial;
    background: #fff;
    font-weight: 500;
    color: #323130;
}

.scrollMarkerIndicator.avgFoldMarker {
    width: 84px;
}

.scrollMarkerIndicator.percentageMarker {
    width: 35px;
}

.scrollMarkerLine {
    width: 100%;
    height:2px;
    display:inline-block;
    background:repeating-linear-gradient(90deg, #323130, transparent 2px 3px);
  }

.scrollMarkerInfo {
    display: inline-block;
    width: 230px;
    padding: 8px;
    font-size: 12px;
    background: #fff;
    font-weight: 700;
    text-transform: uppercase;
    color: #323130;
    border: 1px solid #323130;
    border-radius: 2px;
}

.scrollMarkerInfo::before,
.scrollMarkerInfo::after {
    content: "";
    border-top: 1px solid #323130;
    margin: auto;
    display: block;
    width: calc((100% - 230px)/2);
    position: absolute;
    left: 0;
    top: 16px;
}

.scrollMarkerInfo::after {
    right: 0;  
    left: auto;
}

.heatmapFooter {
    position: relative;
    display: flex;
    padding: 9px 20px;
    height: 44px;
    background-color: #FFF;
    color: #323130;
    align-items: center;
    min-height: 44px;
}

.heatmapZeroState{
    padding: 24px 32px 44px;
}

.heatmapZeroState .showMore,
.heatmapZeroState .showLess{
    color: #0078D4;
    text-decoration: underline;
}

.heatmapZeroState .projectContent {
    background-color: #FFF;
    overflow: auto;
    height: 100%;
    padding: 0;
}

.heatmapZeroState .projectContent table {
    min-width: 100%;
}

.heatmapZeroState .projectContent td {
    width: auto;
    max-width: 730px;
}

.heatmapZeroState .projectContent td:first-child{
    width: 80%;
}

.heatmapZeroState .projectContent tr:hover {
    cursor: pointer;
    background-color: rgb(243, 242, 241);
}

.heatmapZeroStateTitle {
    font-size: 18px;
    line-height: 20px;
    margin-bottom: 10px;
    font-weight: 600;
}

.heatmapZeroState .urlParamToggle {
    padding: 16px 0;
}

.heatmapZeroState .viewHeatmapAction {
    color: #0078D4;
    font-size: 16px;
    line-height: 31px;
    display: flex;
    width: max-content;
}

.heatmapZeroState .urlColoumn {
    display: flex;
}

.heatmapZeroState .urlColoumn span:first-child{
    min-width: 40px;
}

.heatmapZeroState tr td:last-child {
    padding-left: 5px;
}

.heatmapMetrics {
    display: flex;
    cursor: default;
}

.backToScreenshots {
    background: transparent;
    border: none;
    padding-left: 0;
}

.heatmapColorScale,
.heatmapColorScaleScroll {
    width: 100px;
    height: 8px;
    border-radius: 1px;
    margin: 0 13px;
}

.heatmapColorScale {
    background: linear-gradient(to right, red 0%, yellow 25%, lime 50%, cyan 75%, blue 100%);
}

.heatmapColorScaleScroll {
    background: linear-gradient(to right, hsla(0, 100%, 50%, 0.6) 10%, hsla(30, 100%, 50%, 0.6) 20%, hsla(60, 100%, 50%, 0.6) 30%, hsla(90, 100%, 50%, 0.6) 0% 40%, hsla(120, 100%, 50%, 0.6) 0% 50%, hsla(150, 100%, 50%, 0.6) 0% 60%, hsla(180, 100%, 50%, 0.6) 0% 70%, hsla(210, 100%, 50%, 0.6) 0% 80%, hsla(240, 100%, 50%, 0.6) 0% 90%);
}

.xRaySliderContainer {
    background-color: white;
    display: flex;
    position: absolute;
    flex-direction: column;
    height: 272px;
    bottom: 45px;
    right: 52px;
    justify-content: center;
    box-shadow:  0px 0.6px 1.8px rgb(0 0 0 / 10%), 0px 3.2px 7.2px rgb(0 0 0 / 13%);
    border-radius: 2px;
}

.xRaySliderContainer .ms-Slider {
    margin-right: 0;
}

.xRaySliderContainer .ms-Slider-thumb {
    border: 2px solid rgb(0, 90, 158);
}

.xRaySliderContainer .ms-Slider-active {
    background-color:rgb(0, 120, 212);
}

.xRaySliderContainer .ms-Slider-inactive {
    background-color: rgb(222, 236, 249);
}

.ms-Callout-container > .xrayCallout.ms-Callout {
    border: none;
    box-shadow: 0px 0.6px 1.8px rgba(0, 0, 0, 0.1), 0px 3.2px 7.2px rgba(0, 0, 0, 0.13);
}

.ms-Callout-container > .xrayCallout .ms-Slider {
    margin: 0;
}

.heatmapPage {
    display: flex;
    flex: 1;
    overflow: hidden;
}

.createButtonContainer {
    padding: 20px;
}

.createHeatmapButton {
    width: 100%;
    margin-bottom: 10px;
}

/* Heatmap cards begin */

.heatmapsList {
    overflow-y: scroll;
	padding: 0 10px 0 20px;
}

.heatmapsList .cardTitle svg {
    margin-right: 9px;
}

.heatmapMenuItem {
    min-width: max-content;
}

.heatmapInfo > div {
    display: flex;
}

.heatmapInfo > div > span:first-child  {
    width: 33%;
    color: #333;
}

.heatmapInfo > div > span:last-child {
    width: 67%;
    color: #666;
}

/* Heatmap cards end */
/* Heatmap creation modal begin */

.ms-Dialog-main {
    border-radius: 6px;
}

.createHeatmapLabel {
    margin-left: 4px;
}

.createHeatmapClose {
    position: absolute;
    top: 22px;
    right: 24px;
    color: #666;
}

.createHeatmapClose:hover {
    color: #000;
}

.createHeatmapClose i {
    font-size: 18px;
}

.createHeatmapBody {
    display: flex;
    width: 650px;
    height: 450px;
    position: relative;
}

.createHeatmapBody .ms-Label,
.createHeatmapBody .ms-Checkbox-text,
.createHeatmapInfoTitle,
.createHeatmapdefinitionHeader {
    font-weight: 400;
    color: #000;
}

.createHeatmapForm {
    width: 60%;
    padding: 23px;
}

.createHeatmapForm > *:not(:last-child) {
    margin-bottom: 15px;
}

.createHeatmapInfo {
    width: 40%;
    background-color: #F5F5F5;
    border-left: 1px solid #B5AFAF;
    padding: 23px;
    overflow-y: scroll;
}

.heatmapTitleLabel {
    font-size: 24px;
}

.createHeatmapForm .dateControl {
    width: 150px;
    margin-bottom: 0;
}

.createHeatmapSubmitButton {
    display: flex;
    margin: 25px auto 0;
}

.createHeatmapInfo {
    padding: 30px 20px;
}

.createHeatmapInfoTitle {
    font-size: 18px;
    margin-bottom: 10px;
}

.createHeatmapdefinition {
    color: #666;
}

.createHeatmapdefinitionHeader {
    padding: 10px 0;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.createHeatmapdefinitionHeader i {
    font-size: 12px;
    margin-right: 15px;
    color: #999;
}

/* Heatmap creation modal end */

@media (forced-colors: active) {
    .heatmapColorScale {
        forced-color-adjust: none;
    }
}

/* Heatmap screen sidebar start */

.screenSidebar {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 16px 0px;
    gap: 12px;
    position: absolute;
    height: 100%;
}

.screenPanelTop {
    width: 394px;
    height: 44px;
    flex: none;
    order: 0;
    flex-grow: 0;
}

.backToElementsWrapper {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
    position: absolute;
    width: 146px;
    height: 32px;
    cursor: pointer;
}

.backToElementsButton {
    width: 16px;
    height: 16px;
    font-family: 'Fabric MDL2 Assets';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    display: flex;
    align-items: center;
    text-align: center;
    color: #0078D4;
    cursor: pointer;
}

.backToElementsText {
    width: 106px;
    height: 20px;
    font-family: 'Segoe UI';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    display: flex;
    align-items: flex-end;
    color: #323130;
}

.screenStatsWrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 5px;
    width: 257px;
    height: 42px;
}

.screensListWrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    width: 374px;
    overflow-y: scroll;
}

.screenWrapper {
    display: flex;
    flex-direction: row;
    gap: 80px;
    padding: 12px;
}

.screenCardLoading {
    padding-top: 15px;
    padding-left: 60px;
    height: 100%;
}

.heatmapScreenCard {
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    width: 362px;
    height: 261px;
    background: #FFFFFF;
    border: 1px solid #D2D0CE;
    border-radius: 2px;
    cursor: pointer;
}

.heatmapScreenCard.selected {
    border: #0078D4 2px solid;
}

.screenIndex {
    width: 32px;
    height: 32px;
    border-radius: 30px;
    background: #0078D4;
    font-family: 'Segoe UI';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    display: inline-flex;
    color: #FFFFFF;
    align-items: center;
    justify-content: center;
}

/* Heatmap screen sidebar end */

/* Heatmap screen navigator start */

.screenNavigator {
    position: absolute;
    width: 216px;
    height: 104px;
    left: 16px;
    top: 14px;
    background: #FFFFFF;
    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: 2px;
}

.screenNavigatorGroup {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 8px;
    position: absolute;
    width: 184px;
    height: 72px;
    left: 16px;
    top: 16px;
}

.screenNavigationOptions {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 12px;
    width: 145px;
    height: 32px;
}

.screenChevron {
    cursor: pointer;
}

.screenTextField {
    height: 32px;
    width: 40px;
    border-radius: 2px;
}

.showScreensButton {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 6px 20px;
    gap: 8px;
    width: 186px;
    height: 32px;
    border: 1px solid #8A8886;
    border-radius: 2px;
    cursor: pointer;
}

.showScreensText {
    width: 120px;
    height: 20px;
    font-family: 'Segoe UI';
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    display: flex;
    align-items: flex-end;
    color: #323130;
}

/* Heatmap screen navigator end */
</style><style>.downloadContainer {
    margin-left: auto;
}

.downloadButton {
    color: #0078D4;
    min-width: auto;
    width: fit-content;
    padding: 0px;
    box-shadow: 0px transparent;
    border: 0px solid transparent;
    text-shadow: 0px transparent;
}

.downloadButton.disabled * {
    fill: rgb(161, 159, 157);
}

.downloadButton > span {
    justify-content: right;
}

.csvDownloadSpin {
    margin-right: 12px;
}

.csvDownloadOption {
    line-height: 36px;
    display: flex;
    justify-content: left;
    flex-direction: row;
    cursor: pointer;
}

.csvDownloadOption:hover {
    background-color: rgb(239, 239, 239);
}

.csvDownloadOptionText {
    padding:0px 12px;
    width: 100%;
}

.csvDownloadOptionText > a {
    color: rgb(50, 49, 48);
}

.csvDownloadOptionText:hover > a {
    color: rgb(50, 49, 48);
}

.csvDownloadDropdownText {
    padding: 5px 4px;
}

.csvDownloadDropdownText > span {
    margin: 8px;
}

.csvDownloadDropdownText.title > button > div {
    font-weight: 600;
    color: #323130;
}


.downloadRecordingsButton {
    color: #000000;
}

.downloadRecordingsButton.disabled {
    color: rgb(161, 159, 157);
}

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

.csvDropdownContainer {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    border-radius: 2px;
}

.csvDropdownContainer .ms-ContextualMenu-list {
    width: 100%;
}

.cvsDownloadDropdownActions {
    display: flex;
    flex-direction: row;
    justify-content: center;
    padding: 5px 12px 12px;
}

.downloadCSVButton {
    width: 105px;
    height: 32px;
    background: #0078D4;
    border-radius: 2px;
    color: #FFFFFF;
    text-align: center;
}

.downloadCSVButton > a {
    color: #FFFFFF;
}

.downloadErrorModal {
    width: 545px;
    height: 430px;
    display: flex;
    text-align: center;
    box-shadow: 0px 1.2px 3.6px rgb(0 0 0 / 10%), 0px 6.4px 14.4px rgb(0 0 0 / 13%);
    border-radius: 2px;
}

.downloadErrorModal > div {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.downloadErrorModalHeader {
    position: absolute;
    width: 100%;
    height: 9px;
    left: 0px;
    top: 0px;  
    background: #C43E1C;
}

.downloadErrorModalSubHeader {
    position: absolute;
    left: 92.52%;
    right: 4.98%;
    top: 5.61%;
    bottom: 90.65%;
}

.downloadErrorModalSubHeader .closeIcon {
    color: #666;
}

.downloadFailTitle {
    font-size: 28px;
    line-height: 36px;
    padding-bottom: 15px;
}

.downloadFailCaption {
    font-size: 18px;
    line-height: 24px;
    padding-bottom: 38px;
}

.downloadFailOptions {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.downloadErrorModalCancel {
    margin-right: 12px;
}

.downloadHeatmap {
    margin-right: 16px;
}</style><style>
/********************************************/
/**********     GA Dashboard    ************/
/********************************************/
.gaCardHeader {
    display: flex;
    width: 100%;
    position: relative;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.gaCardTitle {
    padding: 11px 0px 8px 16px;
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
    display: flex;
    align-items: center;
}

.gaCardHeader .ms-Dropdown-container {
    position:absolute;
    right: 16px;
    top: 4px;
}

.gaPivotHeader {
    padding: 10px;
}

.gaCardHeader .ms-Dropdown-title {
    border-width: 0 0 1px 0;
    border-radius: 0;
    width: 100%;
    min-width: 120px;
}

.gaCard,
.gaCardLarge {
    display: inline-table;
    margin-bottom: 24px;
    margin-right: 24px;
}

.gaCard {
    width: 432px;
    min-height: 350px;
}

.gaCardLarge {
    width: 660px;
    height: 490px;
}

.gaChart {
    min-height: 350px;
}

.gaPageColumn {
    width: 265px;
}

.gaCardPivotHeader {
    height: 25px;
}

.gaCardPivotBody {
    font-size: 28px;
    height: 50px;
}

.gaCardFooter {
    height: 40px;
    line-height: 40px;
    padding-left: 16px;
    background-color: #0078D4;
    position: relative;
    display: flex;
    align-items: center;
}

.gaCardFooter .ms-Button {
    display: flex;
    width: 100%;
}

.gaCardFooter .ms-Button:hover {
    background-color: #106ebe;
}

.gaCardFooterText {
    display: inline-block;
    color: white;
    margin-right: 10px;
}

.gaCardFooter .bold {
    font-weight: 600;
}

.gaCardFooter * .ms-Icon {
    color: white;
}

.gaCardFooter .badgeClear {
    font-size: 12px;
    color:white;
    cursor: pointer;
    position: absolute;
    right: 12px;
}

.wideChart {
    font-size: 12px;
    line-height: 20px;
}

.centerDiv {
    width: 644px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.gaChartHeight {
    height: 345px;
}

.gaShortChartHeight {
    height: 316px;
}

.gaHintDiv {
    padding-top: 11px;
}

@media only screen and (min-width: 1920px) {
    .gaCardLarge {
        width: 886px;
        height: 490px;
    }
}</style><style>/********************************************/
/***********      Footer     **************/
/********************************************/

.mobileFooter {
    display: flex;
    justify-content: space-around;
    cursor: pointer;
    min-width: 320px;
    height: 57px;
    border-top: 1px solid #EDEBE9;
}

.footerNavButton {
    text-align: center;
    width: 100%;
    height: 100%;
    margin: 8px;
}

.footerNavButton.selected div {
    font-weight: 600;
}

/********************************************/
/***********      Dashboard     **************/
/********************************************/

.projContent.mobile .fullScreenMessage.welcomeMessage {
    margin: 0 24px;
}

.dashboardContent.mobile {
    overflow-x: hidden;
    min-width: 352px;
    padding: unset;
}

.dashboardContent.mobile .dashboardMasonry {
    width: 100%;
    min-width: 288px;
    padding: 16px 0;
}

.dashboardContent.mobile .chartCard {
    width: 100%;
    min-width: 288px;
}

.mobile .frustrationArea .topChart {
    padding-right: 8px;
}

.dashboardContent.mobile .cardFocus {
    width: 100%;
    min-width: 320px;
}

.dashboardContent.mobile .dashboardColumn {
    width: 100%;
    margin-right: unset;
}

.dashboardContent.mobile .dashboardScroll {
    width: 100%;
    min-width: 288px;
    padding: 24px 16px;
}

.dashboardContent.mobile .cardFocusContent.metricSection.pageMetricSection,
.dashboardContent.mobile .cardFocusContent.metricSection.sessionMetricSection,
.dashboardContent.mobile .sessionsCard {
    width: 100%;
}

.dashboardContent.mobile .sessionMetricContent {
    width: 100%;
    display: block;
}

.dashboardContent.mobile .sessionMetricGroup:not(:last-child) {
    border: none;
}

.impressions.mobile {
    width: 100%;
}

.impressions.mobile .actionCardDetails {
    margin-bottom: 12px;
}

.mobile .card.impression.actionCard:first-child {
    margin-top: 8px;
}

.mobile .recordingsPivotTab {
    padding-top: 0;
}

.impressions.mobile .shareIcon i {
    font-size: 20px;
    margin-top: 6px;
}

.tabContentHeader.mobile.noHeader {
    display: none;
}

/********************************************/
/***********      Player     **************/
/********************************************/


.closeMobilePlayer {
    position: absolute;
    z-index: 100;
    width: fit-content;
    top: 0;
    right: 0;
    background-color: rgba(250, 250, 250, 0.1);
}

.closeMobilePlayer i {
    color: #212121;
    font-weight: 600;
}

.closeMobilePlayer .closeIcon {
    height: 45px;
    width: 45px;
}

.projContent.mobile .slider,
.fullscreenRecording .mobile .slider {
    margin: 0px;
    height: 8px;
}

.mobile .sliderSlice,
.mobile .progress {
    border: 0;
}

.projContent.mobile .videoControlPanel {
    width: 100%;
    padding: unset;
    border-bottom: solid 1px #EDEBE9;
    z-index: 101;
}

.projContent.mobile .impressionList.scrollable.live {
    height: 100%;
}

.fullscreenRecording .mobile .videoControlPanel {
    padding: unset;
}

.mobile .slider {
    background-color: rgb(210, 208, 206);
}

.projContent.mobile .scrubber,
.fullscreenRecording .mobile .scrubber {
    position: absolute;
    top: unset;
    width: unset;
    height: unset;
    border-radius: unset;
    cursor: pointer;
    border: none;
    z-index: 3;
}

.playbackContainer.mobile {
    flex: 1;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
}

.overlayWrapper {
    width: 100%;
    height: 100%;
    position: relative;
    transition: "transform 0.2s";
}

.mobile .videoWrapper {
    height: 100%;
}

.mobileOpaqueCover {
    position: absolute;
    z-index: 10;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.fullscreenRecording .mobile .mobileOpaqueCover {
    margin-bottom: 100px;
}

.mobileOpaqueCover.stopped {
    background-color: #484644;
    opacity: 0.5;
}

.mobileReplayHeader {
    display: grid;
    position: absolute;
    right: 0;
    z-index: 100;
    bottom: 0;
    padding-bottom: 22%;
    margin-right: 20px;
    gap: 12px;
}

.mobileReplayHeader .favoriteIcon.ms-Button,
.mobileReplayHeader .shareIcon.ms-Button,
.mobileReplayHeader button {
    background-color: white;
    min-width: unset;
    height: 56px;
    width: 56px;
    border-radius: 40px;
    box-shadow: 0 6.4px 14.4px 0 rgba(0, 0, 0, .132), 0 1.2px 3.6px 0 rgba(0, 0, 0, .108);
}

.mobileReplayHeader i {
    height: 20px;
    width: 20px;
    font-size: 20px;
    line-height: 20px;
}

.mobileControlers {
    position: absolute;
    display: flex;
    align-items: center;
    left: 50%;
    z-index: 101;
    transition: "transform 0.2s";
}

.mobileControlers .is-disabled.disabledVideoControl {
    background-color: transparent;
}

.mobileControlers .ms-Button--icon:hover {
    background-color: transparent;
}

#mobilePlayButton {
    align-items: center;
    height: 50px;
    width: 50px;
    margin: 0 21px;
}

#mobilePlayButton svg {
    top: -7px;
    left: -15px;
    position: relative;
}

.mobile .videoTimestamp {
    height: 42px;
    min-height: 42px;
    display: flex;
    align-items: center;
    margin-left: 12px;
    background-color: white;
}

.rewindTenMobile {
    margin-left: 21px;
}

.forwardTenMobile {
    margin-right: 21px;
}

.rewindTenMobile:active,
.rewindTenMobile:hover,
.is-disabled.rewindTenMobile,
.forwardTenMobile:active,
.forwardTenMobile:hover,
.is-disabled.forwardTenMobile {
    background-color: transparent;
}


/********************************************/
/***********     Timeline      **************/
/********************************************/

.mobileTimeline {
    width: 100%;
    height: 75%;
    bottom: 0;
    z-index: 101;
    position: absolute;
    padding: 32px 24px 0;
    background: #FAF9F8;
    box-shadow: 0px -2px 4px rgb(0 0 0 / 4%);
    border-radius: 14px 14px 0px 0px;
    display: flex;
    flex-direction: column;
    transition: "transform 0.2s";
}

.mobileTimelineTitle {
    font-size: 16px;
    line-height: 22px;
    font-weight: 600;
    margin-bottom: 12px;
}

.mobileTimelinePages {
    overflow: auto;
}

.mobileTimelinePage {
    background-color: white;
    padding: 8px;
    margin-bottom: 12px;
    border: 1px solid #E1DFDD;
}

.mobileTimelineURL {
    display: flex;
    gap: 6px;
    align-items: flex-start;
}

.mobileTimelineURL span {
    overflow: hidden;
    text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    flex: 1;
}

.mobileTimelineURL strong {
    margin-right: 4px;
}

.mobileTimelineEvent {
    margin-top: 12px;
    padding: 3px 8px;
    margin-right: 8px;
    display: inline-block;
}

.mobileTimelineEvent strong {
    margin-left: 8px;
}

.closeTimeline {
    position: absolute;
    right: 10px;
    top: 10px;
}

.mobileTimelineDuration {
    background-color: #F3F2F1;
    border-radius: 2px;
    font-size: 12px;
    line-height: 16px;
    padding: 1px 8px 3px;
    font-weight: 600;
}

/********************************************/
/***********   Projects Page   **************/
/********************************************/

.projectGridContainer.mobile .projectCard {
    width: 100%;
    height: 100%;
    margin-bottom: 16px;
}

.mobile .projectActions {
    justify-content: end;
}

.projectGridContainer.mobile {
    display: block;
}

.firstExperienceWindow.mobile {
    width: 90%;
}

.firstExperienceWindow.mobile .confirmEmailContent:first-child {
    margin: 0 24px 80px 24px;
}

.firstExperienceWindow.mobile .mainContentInstall {
    width: 100%;
}

.firstExperienceWindow.mobile .confirmEmailContainerInstall .addProjHeaderInstall {
    margin-top: 134px;
    margin-top: 80px;
}

@keyframes swipDownAnimation {
    0% {
        top: 0px;
    }

    50% {
        top: 50%;
    }

    100% {
        top: 100%;
    }
}

@keyframes swipUpAnimation {
    0% {
        top: 0px;
    }

    50% {
        top: -50%;
    }

    100% {
        top: -100%;
    }
}</style><meta http-equiv="origin-trial" content="A751Xsk4ZW3DVQ8WZng2Dk5s3YzAyqncTzgv+VaE6wavgTY0QHkDvUTET1o7HanhuJO8lgv1Vvc88Ij78W1FIAAAAAB7eyJvcmlnaW4iOiJodHRwczovL3d3dy5nb29nbGV0YWdtYW5hZ2VyLmNvbTo0NDMiLCJmZWF0dXJlIjoiUHJpdmFjeVNhbmRib3hBZHNBUElzIiwiZXhwaXJ5IjoxNjgwNjUyNzk5LCJpc1RoaXJkUGFydHkiOnRydWV9"><meta http-equiv="origin-trial" content="A751Xsk4ZW3DVQ8WZng2Dk5s3YzAyqncTzgv+VaE6wavgTY0QHkDvUTET1o7HanhuJO8lgv1Vvc88Ij78W1FIAAAAAB7eyJvcmlnaW4iOiJodHRwczovL3d3dy5nb29nbGV0YWdtYW5hZ2VyLmNvbTo0NDMiLCJmZWF0dXJlIjoiUHJpdmFjeVNhbmRib3hBZHNBUElzIiwiZXhwaXJ5IjoxNjgwNjUyNzk5LCJpc1RoaXJkUGFydHkiOnRydWV9"><script type="text/javascript" async="" src="https://googleads.g.doubleclick.net/pagead/viewthroughconversion/10809779149/?random=1672125960373&amp;cv=11&amp;fst=1672125960373&amp;bg=ffffff&amp;guid=ON&amp;async=1&amp;gtm=2oabu0&amp;u_w=1366&amp;u_h=768&amp;hn=www.googleadservices.com&amp;frm=0&amp;url=https%3A%2F%2Fclarity.microsoft.com%2F&amp;tiba=Microsoft%20Clarity%20-%20Free%20Heatmaps%20%26%20Session%20Recordings&amp;auid=1366384368.1672125960&amp;data=event%3Dgtag.config&amp;rfmt=3&amp;fmt=4"></script></head><body data-clarity-unmask="true"><script>(function(c,l,a,r,i,t,y){
    c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};
    t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i;
    y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);
})(window, document, "clarity", "script", "3t0wlogvdz");</script><div id="cookie-banner"></div><div id="clarity-app-root" style="display: flex; min-width: 100%; min-height: 100%;"><div id="messageContainer"><div></div></div><div class="wholePage"><div class="newHomepage" role="main"><div class="banner updatedHomePage"><button class="skipToContent" role="button">Skip to content</button><div class="header darkHeader newHeader homepageHeader"><a href="https://www.microsoft.com" id="msLogo" class="msLogo darkHeaderButton" tabindex="0"><picture><source type="image/png" media="(forced-colors: active) and (prefers-color-scheme: light)" srcset="/static/MicrosoftLogo.png"><source type="image/png" media="(forced-colors: active) and (prefers-color-scheme: dark)" srcset="/static/MicrosoftLogoWhite.png"><source type="image/webp" srcset="/static/MicrosoftLogoWhite.webp"><img src="/static/MicrosoftLogoWhite.png" aria-label="Microsoft Logo" alt="Microsoft Logo" height="18"></picture></a><a class="clarityLogo darkHeaderButton" tabindex="0" href="/"><span>Clarity</span></a><div class="flexSpacer"></div><button type="button" class="ms-Button ms-Button--commandBar ms-Button--hasMenu root-98" data-is-focusable="true" aria-expanded="false" aria-haspopup="true"><span class="ms-Button-flexContainer flexContainer-99" data-automationid="splitbuttonprimary"><span class="ms-Button-textContainer textContainer-100"><span class="ms-Button-label label-102" id="id__0">Products</span></span><i data-icon-name="ChevronDown" aria-hidden="true" class="ms-Icon root-89 css-107 ms-Button-menuIcon menuIcon-103" style="font-family: &quot;FabricMDL2Icons&quot;;"></i></span></button><button type="button" class="ms-Button ms-Button--commandBar root-98" data-is-focusable="true"><span class="ms-Button-flexContainer flexContainer-99" data-automationid="splitbuttonprimary"><span class="ms-Button-textContainer textContainer-100"><span class="ms-Button-label label-102" id="id__3">Pricing</span></span></span></button><button type="button" class="ms-Button ms-Button--commandBar ms-Button--hasMenu root-98" data-is-focusable="true" aria-expanded="false" aria-haspopup="true"><span class="ms-Button-flexContainer flexContainer-99" data-automationid="splitbuttonprimary"><span class="ms-Button-textContainer textContainer-100"><span class="ms-Button-label label-102" id="id__6">Resources</span></span><i data-icon-name="ChevronDown" aria-hidden="true" class="ms-Icon root-89 css-107 ms-Button-menuIcon menuIcon-103" style="font-family: &quot;FabricMDL2Icons&quot;;"></i></span></button><span class="languageDropdownDivider">|</span><div class="ms-Dropdown-container localizationDropdown"><div data-is-focusable="true" data-ktp-target="true" id="Dropdown9" tabindex="0" role="combobox" aria-haspopup="listbox" aria-expanded="false" class="ms-Dropdown dropdown-108"><span id="Dropdown9-option" class="ms-Dropdown-title title-165" aria-invalid="false">English (US)</span><span class="ms-Dropdown-caretDownWrapper caretDownWrapper-110"><i data-icon-name="ChevronDown" aria-hidden="true" class="ms-Dropdown-caretDown caretDown-126"></i></span></div></div><div class="ms-TooltipHost root-127" role="none"><button type="button" id="feedbackButton" class="ms-Button ms-Button--icon root-133" aria-label="Feedback" data-is-focusable="true"><span class="ms-Button-flexContainer flexContainer-99" data-automationid="splitbuttonprimary"><i data-icon-name="Emoji2" aria-hidden="true" class="ms-Icon root-89 css-138 ms-Button-icon icon-134" style="font-family: &quot;FabricMDL2Icons-0&quot;;"></i></span></button></div><div class="identity" data-clarity-mask="true" id="signInIdentity"><button type="button" id="headerSignIn" class="ms-Button ms-Button--default identityButton root-143" data-is-focusable="true"><span class="ms-Button-flexContainer flexContainer-99" data-automationid="splitbuttonprimary"><span class="ms-Button-textContainer textContainer-100"><span class="ms-Button-label label-144" id="id__50">Sign in</span></span></span></button><button type="button" id="headerGetStarted" class="ms-Button ms-Button--primary identityButton root-145" data-is-focusable="true"><span class="ms-Button-flexContainer flexContainer-99" data-automationid="splitbuttonprimary"><span class="ms-Button-textContainer textContainer-100"><span class="ms-Button-label label-144" id="id__53">Sign up</span></span></span></button></div></div><div class="bannerContainer"><div class="bannerShape"><svg width="1966" height="1081" viewBox="0 0 1966 1081" fill="none"><path d="M0 0H1966V233.056L422.072 984.22C398.929 995.48 371.473 993.132 350.578 978.105L0 725.986V0Z" fill="url(#hero12)"></path><g clip-path="url(#hero16)"><path d="M2052.89 536.95C2052.89 529.427 2048.9 522.467 2042.41 518.663L1805.22 379.616C1793.94 373.001 1780.09 372.505 1768.36 378.293L1312.4 603.369C1297.78 610.583 1296.44 630.9 1309.97 639.979L1992.37 1097.8C2018.19 1115.13 2052.89 1096.63 2052.89 1065.54L2052.89 536.95Z" fill="#F3F2F1"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M2042.41 518.664C2048.9 522.468 2052.89 529.428 2052.89 536.951L2052.89 1065.54C2052.89 1096.63 2018.19 1115.13 1992.37 1097.81L1309.97 639.98C1296.44 630.901 1297.79 610.584 1312.4 603.37L1313.86 602.648C1304.14 607.481 1303.27 621.025 1312.31 627.056L1983.01 1074.51C1998.27 1084.69 2018.72 1073.75 2018.72 1055.4L2018.72 514.264C2018.72 509.272 2016.08 504.651 2011.79 502.106L1805.28 379.758C1793.98 373.065 1780.07 372.529 1768.29 378.331L1768.36 378.294C1780.09 372.505 1793.94 373.002 1805.22 379.617L2042.41 518.664Z" fill="#BEBBB8"></path><path d="M1534.08 564.492C1536.87 566.401 1540.47 566.668 1543.51 565.193L1575.32 549.772C1578.15 548.402 1578.4 544.474 1575.78 542.754L1543.15 521.391C1540.33 519.546 1536.74 519.344 1533.73 520.861L1503.32 536.207C1500.58 537.592 1500.32 541.415 1502.86 543.151L1534.08 564.492Z" fill="#E1DFDD"></path><path d="M1636.84 516.333C1639.63 518.242 1643.23 518.511 1646.27 517.038L1676.88 502.228C1679.67 500.88 1679.97 497.032 1677.42 495.269L1642.55 471.09C1639.71 469.12 1636.02 468.863 1632.93 470.421L1602.67 485.692C1599.92 487.077 1599.67 490.899 1602.21 492.635L1636.84 516.333Z" fill="#E1DFDD"></path><path d="M1780.31 443.589C1783.1 445.498 1786.69 445.768 1789.74 444.295L1810.12 434.434C1812.93 433.073 1813.2 429.172 1810.6 427.436L1774.94 403.612C1772.1 401.714 1768.45 401.502 1765.41 403.057L1746.08 412.935C1743.35 414.33 1743.11 418.138 1745.64 419.869L1780.31 443.589Z" fill="#E1DFDD"></path><path d="M1671.19 482.655C1673.98 484.564 1677.58 484.833 1680.62 483.361L1711.23 468.55C1714.02 467.203 1714.32 463.354 1711.77 461.591L1692.09 447.945C1689.26 445.978 1685.57 445.719 1682.48 447.27L1652.29 462.457C1649.54 463.84 1649.28 467.665 1651.82 469.403L1671.19 482.655Z" fill="#E1DFDD"></path><path d="M1609.92 555.785C1612.7 557.666 1616.27 557.929 1619.29 556.477L1650.79 541.347C1653.61 539.991 1653.89 536.082 1651.29 534.343L1594.69 496.543C1591.87 494.655 1588.24 494.435 1585.21 495.966L1554.88 511.269C1552.13 512.658 1551.88 516.495 1554.43 518.224L1609.92 555.785Z" fill="#E1DFDD"></path><path d="M1573.83 589.458C1576.62 591.341 1580.19 591.596 1583.22 590.129L1615.08 574.686C1617.9 573.318 1618.16 569.396 1615.54 567.673L1592.25 552.356C1589.46 550.52 1585.91 550.298 1582.91 551.772L1551.62 567.16C1548.84 568.53 1548.57 572.398 1551.14 574.135L1573.83 589.458Z" fill="#E1DFDD"></path><path d="M1648.59 580.029C1651.38 581.911 1654.96 582.167 1657.98 580.7L1689.84 565.256C1692.67 563.888 1692.92 559.967 1690.3 558.243L1667.02 542.926C1664.23 541.09 1660.67 540.868 1657.67 542.343L1626.39 557.73C1623.6 559.1 1623.34 562.968 1625.91 564.706L1648.59 580.029Z" fill="#E1DFDD"></path><path d="M1675.54 542.31C1678.32 544.192 1681.9 544.448 1684.93 542.981L1716.79 527.537C1719.61 526.169 1719.86 522.248 1717.24 520.524L1693.96 505.207C1691.17 503.371 1687.61 503.149 1684.62 504.624L1653.33 520.012C1650.54 521.382 1650.28 525.25 1652.85 526.987L1675.54 542.31Z" fill="#E1DFDD"></path><path d="M1820.52 468.894C1823.38 470.662 1826.97 470.774 1829.93 469.186L1851.19 457.805C1853.94 456.332 1854.05 452.429 1851.39 450.797L1827.86 436.361C1824.99 434.599 1821.39 434.504 1818.43 436.112L1797.44 447.507C1794.71 448.988 1794.6 452.864 1797.24 454.496L1820.52 468.894Z" fill="#E1DFDD"></path><path d="M1858.62 494.215C1861.48 495.984 1865.07 496.095 1868.03 494.508L1889.28 483.126C1892.04 481.653 1892.15 477.75 1889.49 476.119L1865.95 461.683C1863.08 459.92 1859.49 459.825 1856.52 461.433L1835.53 472.829C1832.81 474.309 1832.7 478.185 1835.34 479.817L1858.62 494.215Z" fill="#E1DFDD"></path><path d="M1897.34 518.271C1900.2 520.039 1903.78 520.151 1906.75 518.563L1928 507.182C1930.75 505.709 1930.87 501.806 1928.21 500.174L1904.67 485.738C1901.8 483.976 1898.2 483.881 1895.24 485.489L1874.25 496.884C1871.52 498.365 1871.41 502.241 1874.05 503.873L1897.34 518.271Z" fill="#E1DFDD"></path><path d="M1936.73 542.299C1939.59 544.067 1943.17 544.179 1946.14 542.591L1967.39 531.21C1970.14 529.737 1970.26 525.834 1967.6 524.202L1944.06 509.766C1941.19 508.004 1937.6 507.909 1934.63 509.517L1913.64 520.912C1910.92 522.393 1910.81 526.269 1913.45 527.901L1936.73 542.299Z" fill="#E1DFDD"></path><path d="M2015.46 589.01C2018.32 590.779 2021.9 590.891 2024.87 589.303L2046.12 577.922C2048.87 576.449 2048.99 572.546 2046.33 570.914L2022.79 556.478C2019.92 554.716 2016.32 554.621 2013.36 556.229L1992.37 567.624C1989.64 569.105 1989.53 572.98 1992.17 574.613L2015.46 589.01Z" fill="#E1DFDD"></path><path d="M2046.66 623.701C2049.45 625.584 2053.03 625.839 2056.05 624.372L2077.75 613.856C2080.56 612.494 2080.83 608.599 2078.23 606.862L2055.3 591.49C2052.5 589.614 2048.91 589.375 2045.89 590.862L2024.45 601.403C2021.67 602.773 2021.4 606.641 2023.98 608.378L2046.66 623.701Z" fill="#E1DFDD"></path><path d="M1975.76 565.669C1978.62 567.438 1982.2 567.549 1985.17 565.962L2006.42 554.58C2009.17 553.107 2009.29 549.204 2006.63 547.573L1983.09 533.137C1980.22 531.375 1976.62 531.28 1973.66 532.887L1952.67 544.283C1949.94 545.763 1949.83 549.639 1952.47 551.272L1975.76 565.669Z" fill="#E1DFDD"></path><path d="M1708.54 508.632C1711.33 510.515 1714.9 510.771 1717.93 509.304L1749.79 493.86C1752.61 492.492 1752.87 488.57 1750.25 486.847L1726.96 471.53C1724.17 469.694 1720.62 469.472 1717.62 470.946L1686.33 486.334C1683.55 487.704 1683.28 491.572 1685.85 493.31L1708.54 508.632Z" fill="#E1DFDD"></path><path d="M1720.66 460.81C1723.45 462.693 1727.03 462.949 1730.05 461.482L1761.91 446.038C1764.74 444.67 1764.99 440.748 1762.37 439.025L1739.09 423.708C1736.3 421.872 1732.74 421.65 1729.74 423.124L1698.46 438.512C1695.67 439.882 1695.41 443.75 1697.98 445.488L1720.66 460.81Z" fill="#E1DFDD"></path><path d="M1763.1 656.14C1765.88 658.022 1769.46 658.278 1772.49 656.811L1804.35 641.367C1807.17 639.999 1807.43 636.078 1804.81 634.354L1781.52 619.037C1778.73 617.201 1775.18 616.979 1772.18 618.454L1740.89 633.841C1738.11 635.211 1737.84 639.079 1740.41 640.817L1763.1 656.14Z" fill="#E1DFDD"></path><path d="M1791.39 617.747C1794.17 619.63 1797.75 619.885 1800.78 618.419L1832.64 602.975C1835.46 601.607 1835.71 597.685 1833.09 595.962L1809.81 580.645C1807.02 578.809 1803.46 578.587 1800.47 580.061L1769.18 595.449C1766.39 596.819 1766.13 600.687 1768.7 602.425L1791.39 617.747Z" fill="#E1DFDD"></path><path d="M1825.39 584.337C1828.2 586.189 1831.78 586.406 1834.79 584.906L1866.47 569.114C1869.28 567.715 1869.5 563.791 1866.86 562.097L1843.41 547.036C1840.59 545.23 1837.04 545.047 1834.06 546.554L1802.94 562.284C1800.17 563.684 1799.95 567.555 1802.54 569.264L1825.39 584.337Z" fill="#E1DFDD"></path><path d="M1836.37 535.803C1839.2 537.632 1842.78 537.82 1845.78 536.295L1877.34 520.248C1880.13 518.827 1880.31 514.901 1877.66 513.228L1854.09 498.357C1851.26 496.574 1847.71 496.42 1844.74 497.951L1813.75 513.932C1810.99 515.354 1810.8 519.227 1813.4 520.915L1836.37 535.803Z" fill="#E1DFDD"></path><path d="M1877.6 732.251C1880.39 734.133 1883.97 734.389 1886.99 732.922L1918.85 717.478C1921.67 716.11 1921.93 712.189 1919.31 710.465L1896.02 695.148C1893.23 693.312 1889.68 693.09 1886.68 694.565L1855.39 709.953C1852.61 711.322 1852.34 715.19 1854.92 716.928L1877.6 732.251Z" fill="#E1DFDD"></path><path d="M1905.89 693.185C1908.68 695.067 1912.25 695.323 1915.28 693.856L1947.14 678.412C1949.96 677.044 1950.22 673.123 1947.6 671.399L1924.31 656.082C1921.52 654.246 1917.97 654.024 1914.97 655.499L1883.68 670.887C1880.9 672.257 1880.63 676.125 1883.2 677.862L1905.89 693.185Z" fill="#E1DFDD"></path><path d="M1940.72 659.189C1943.52 661.041 1947.11 661.258 1950.12 659.758L1981.8 643.966C1984.61 642.567 1984.82 638.643 1982.19 636.949L1958.74 621.888C1955.92 620.082 1952.37 619.899 1949.39 621.406L1918.27 637.136C1915.5 638.536 1915.28 642.407 1917.87 644.116L1940.72 659.189Z" fill="#E1DFDD"></path><path d="M1952.31 609.721C1955.13 611.55 1958.71 611.738 1961.71 610.213L1993.27 594.166C1996.06 592.745 1996.24 588.819 1993.59 587.146L1970.02 572.275C1967.2 570.492 1963.64 570.338 1960.67 571.869L1929.68 587.85C1926.92 589.272 1926.73 593.145 1929.33 594.833L1952.31 609.721Z" fill="#E1DFDD"></path><path d="M1907.24 808.362C1910.02 810.244 1913.6 810.5 1916.63 809.033L1948.49 793.589C1951.31 792.221 1951.57 788.3 1948.95 786.576L1925.66 771.259C1922.87 769.423 1919.32 769.201 1916.32 770.676L1885.03 786.064C1882.24 787.433 1881.98 791.301 1884.55 793.039L1907.24 808.362Z" fill="#E1DFDD"></path><path d="M1612.9 615.053C1615.68 616.936 1619.26 617.191 1622.29 615.724L1654.15 600.28C1656.97 598.912 1657.22 594.991 1654.6 593.268L1631.32 577.951C1628.53 576.115 1624.97 575.893 1621.98 577.367L1590.69 592.755C1587.9 594.125 1587.64 597.993 1590.21 599.73L1612.9 615.053Z" fill="#E1DFDD"></path><path d="M1686.31 606.297C1689.1 608.179 1692.68 608.435 1695.7 606.968L1727.56 591.524C1730.38 590.156 1730.64 586.235 1728.02 584.511L1704.74 569.195C1701.95 567.358 1698.39 567.136 1695.39 568.611L1664.11 583.999C1661.32 585.369 1661.06 589.237 1663.63 590.974L1686.31 606.297Z" fill="#E1DFDD"></path><path d="M1713.25 568.578C1716.04 570.461 1719.62 570.716 1722.65 569.249L1754.5 553.806C1757.33 552.438 1757.58 548.516 1754.96 546.793L1731.68 531.476C1728.89 529.64 1725.33 529.418 1722.33 530.892L1691.05 546.28C1688.26 547.65 1688 551.518 1690.57 553.255L1713.25 568.578Z" fill="#E1DFDD"></path><path d="M1746.26 534.901C1749.04 536.783 1752.62 537.039 1755.65 535.572L1787.51 520.128C1790.33 518.76 1790.59 514.839 1787.97 513.115L1764.68 497.798C1761.89 495.962 1758.34 495.74 1755.34 497.215L1724.05 512.603C1721.27 513.973 1721 517.841 1723.57 519.578L1746.26 534.901Z" fill="#E1DFDD"></path><path d="M1758.65 487.43C1761.48 489.259 1765.06 489.446 1768.06 487.922L1799.62 471.875C1802.41 470.453 1802.59 466.528 1799.94 464.855L1776.37 449.984C1773.54 448.201 1769.99 448.046 1767.02 449.578L1736.03 465.558C1733.27 466.981 1733.08 470.853 1735.68 472.541L1758.65 487.43Z" fill="#E1DFDD"></path><path d="M1800.82 681.734C1803.6 683.617 1807.18 683.873 1810.21 682.406L1842.07 666.962C1844.89 665.594 1845.14 661.672 1842.52 659.949L1819.24 644.632C1816.45 642.796 1812.89 642.574 1809.9 644.048L1778.61 659.436C1775.82 660.806 1775.56 664.674 1778.13 666.412L1800.82 681.734Z" fill="#E1DFDD"></path><path d="M1829.1 644.016C1831.89 645.898 1835.47 646.154 1838.5 644.687L1870.36 629.243C1873.18 627.875 1873.43 623.954 1870.81 622.23L1847.53 606.913C1844.74 605.077 1841.18 604.855 1838.19 606.33L1806.9 621.718C1804.11 623.087 1803.85 626.956 1806.42 628.693L1829.1 644.016Z" fill="#E1DFDD"></path><path d="M1863.39 610.19C1866.2 612.042 1869.78 612.258 1872.79 610.758L1904.48 594.967C1907.29 593.568 1907.5 589.644 1904.86 587.949L1881.41 572.888C1878.6 571.083 1875.04 570.9 1872.06 572.407L1840.94 588.136C1838.17 589.537 1837.95 593.407 1840.54 595.117L1863.39 610.19Z" fill="#E1DFDD"></path><path d="M1874.59 561.349C1877.41 563.178 1880.99 563.366 1883.99 561.842L1915.55 545.794C1918.34 544.373 1918.52 540.447 1915.87 538.774L1892.3 523.903C1889.48 522.12 1885.92 521.966 1882.95 523.497L1851.96 539.478C1849.2 540.9 1849.01 544.773 1851.61 546.461L1874.59 561.349Z" fill="#E1DFDD"></path><path d="M1915.32 757.845C1918.11 759.728 1921.68 759.984 1924.71 758.517L1956.57 743.073C1959.39 741.705 1959.65 737.783 1957.03 736.06L1933.74 720.743C1930.95 718.907 1927.4 718.685 1924.4 720.159L1893.11 735.547C1890.33 736.917 1890.06 740.785 1892.63 742.523L1915.32 757.845Z" fill="#E1DFDD"></path><path d="M1943.61 719.453C1946.39 721.336 1949.97 721.591 1953 720.124L1984.86 704.68C1987.68 703.312 1987.94 699.391 1985.32 697.668L1962.03 682.351C1959.24 680.515 1955.69 680.293 1952.69 681.767L1921.4 697.155C1918.62 698.525 1918.35 702.393 1920.92 704.13L1943.61 719.453Z" fill="#E1DFDD"></path><path d="M1992.1 808.362C1994.89 810.244 1998.47 810.5 2001.49 809.033L2033.35 793.589C2036.18 792.221 2036.43 788.3 2033.81 786.576L2010.53 771.259C2007.74 769.423 2004.18 769.201 2001.18 770.676L1969.9 786.064C1967.11 787.433 1966.85 791.301 1969.42 793.039L1992.1 808.362Z" fill="#E1DFDD"></path><path d="M1978.72 685.043C1981.53 686.895 1985.11 687.112 1988.12 685.612L2019.81 669.82C2022.62 668.421 2022.83 664.497 2020.19 662.803L1996.74 647.742C1993.93 645.936 1990.37 645.753 1987.39 647.26L1956.27 662.99C1953.5 664.39 1953.28 668.261 1955.87 669.97L1978.72 685.043Z" fill="#E1DFDD"></path><path d="M1990.52 635.267C1993.34 637.096 1996.92 637.284 1999.92 635.76L2031.48 619.712C2034.28 618.291 2034.46 614.365 2031.8 612.692L2008.23 597.821C2005.41 596.038 2001.85 595.884 1998.88 597.415L1967.89 613.396C1965.13 614.818 1964.94 618.691 1967.55 620.379L1990.52 635.267Z" fill="#E1DFDD"></path><path d="M1944.95 833.956C1947.74 835.839 1951.32 836.095 1954.35 834.628L1986.21 819.184C1989.03 817.816 1989.28 813.895 1986.66 812.171L1963.38 796.854C1960.59 795.018 1957.03 794.796 1954.04 796.27L1922.75 811.658C1919.96 813.028 1919.7 816.896 1922.27 818.634L1944.95 833.956Z" fill="#E1DFDD"></path><path d="M1651.29 639.974C1654.07 641.857 1657.65 642.113 1660.68 640.646L1692.54 625.202C1695.36 623.834 1695.62 619.912 1693 618.189L1669.71 602.872C1666.92 601.036 1663.37 600.814 1660.37 602.288L1629.08 617.676C1626.3 619.046 1626.03 622.914 1628.6 624.652L1651.29 639.974Z" fill="#E1DFDD"></path><path d="M1724.7 631.218C1727.49 633.101 1731.07 633.356 1734.1 631.889L1765.96 616.446C1768.78 615.078 1769.03 611.156 1766.41 609.433L1743.13 594.116C1740.34 592.28 1736.78 592.058 1733.79 593.532L1702.5 608.92C1699.71 610.29 1699.45 614.158 1702.02 615.895L1724.7 631.218Z" fill="#E1DFDD"></path><path d="M1751.65 593.5C1754.43 595.382 1758.01 595.638 1761.04 594.171L1792.9 578.727C1795.72 577.359 1795.98 573.438 1793.36 571.714L1770.07 556.397C1767.28 554.561 1763.73 554.339 1760.73 555.814L1729.44 571.201C1726.65 572.571 1726.39 576.439 1728.96 578.177L1751.65 593.5Z" fill="#E1DFDD"></path><path d="M1786.72 559.837C1789.53 561.689 1793.11 561.905 1796.12 560.405L1827.81 544.614C1830.62 543.215 1830.83 539.291 1828.19 537.596L1804.74 522.535C1801.93 520.73 1798.37 520.547 1795.39 522.054L1764.28 537.783C1761.51 539.184 1761.28 543.054 1763.87 544.763L1786.72 559.837Z" fill="#E1DFDD"></path><path d="M1797.51 511.617C1800.34 513.446 1803.92 513.634 1806.92 512.109L1838.48 496.062C1841.27 494.641 1841.45 490.715 1838.8 489.042L1815.23 474.171C1812.4 472.388 1808.85 472.234 1805.88 473.765L1774.89 489.746C1772.13 491.168 1771.94 495.041 1774.54 496.729L1797.51 511.617Z" fill="#E1DFDD"></path><path d="M1839.21 707.329C1841.99 709.212 1845.57 709.467 1848.6 708L1880.46 692.557C1883.28 691.189 1883.54 687.267 1880.92 685.544L1857.63 670.227C1854.84 668.391 1851.29 668.169 1848.29 669.643L1817 685.031C1814.22 686.401 1813.95 690.269 1816.52 692.006L1839.21 707.329Z" fill="#E1DFDD"></path><path d="M1867.5 668.937C1870.28 670.819 1873.86 671.075 1876.89 669.608L1908.75 654.164C1911.57 652.796 1911.83 648.875 1909.21 647.151L1885.92 631.835C1883.13 629.998 1879.58 629.776 1876.58 631.251L1845.29 646.639C1842.51 648.009 1842.24 651.877 1844.81 653.614L1867.5 668.937Z" fill="#E1DFDD"></path><path d="M1902.05 634.69C1904.86 636.542 1908.44 636.759 1911.45 635.259L1943.14 619.467C1945.95 618.068 1946.16 614.144 1943.52 612.45L1920.07 597.389C1917.26 595.583 1913.7 595.4 1910.72 596.907L1879.61 612.637C1876.84 614.037 1876.61 617.908 1879.2 619.617L1902.05 634.69Z" fill="#E1DFDD"></path><path d="M1913.45 585.535C1916.27 587.364 1919.85 587.552 1922.85 586.027L1954.41 569.98C1957.2 568.559 1957.39 564.633 1954.73 562.96L1931.16 548.089C1928.34 546.306 1924.78 546.152 1921.81 547.683L1890.82 563.664C1888.06 565.086 1887.87 568.959 1890.47 570.647L1913.45 585.535Z" fill="#E1DFDD"></path><path d="M1953.71 782.767C1956.5 784.649 1960.08 784.905 1963.1 783.438L1994.96 767.994C1997.78 766.626 1998.04 762.705 1995.42 760.981L1972.14 745.664C1969.34 743.828 1965.79 743.606 1962.79 745.081L1931.5 760.469C1928.72 761.839 1928.45 765.707 1931.03 767.444L1953.71 782.767Z" fill="#E1DFDD"></path><path d="M1982 744.374C1984.79 746.257 1988.37 746.513 1991.39 745.046L2023.25 729.602C2026.07 728.234 2026.33 724.312 2023.71 722.589L2000.42 707.272C1997.63 705.436 1994.08 705.214 1991.08 706.688L1959.79 722.076C1957.01 723.446 1956.74 727.314 1959.32 729.052L1982 744.374Z" fill="#E1DFDD"></path><path d="M2018.37 771.99C2021.16 773.872 2024.74 774.128 2027.76 772.661L2059.62 757.217C2062.44 755.849 2062.7 751.928 2060.08 750.204L2036.8 734.888C2034.01 733.051 2030.45 732.829 2027.45 734.304L1996.17 749.692C1993.38 751.062 1993.11 754.93 1995.69 756.667L2018.37 771.99Z" fill="#E1DFDD"></path><path d="M2017.38 708.869C2020.18 710.721 2023.77 710.937 2026.78 709.437L2058.46 693.645C2061.27 692.247 2061.48 688.323 2058.85 686.628L2035.39 671.567C2032.58 669.762 2029.03 669.578 2026.04 671.086L1994.93 686.815C1992.16 688.216 1991.94 692.086 1994.53 693.795L2017.38 708.869Z" fill="#E1DFDD"></path><path d="M2025.78 664.896C2028.57 666.778 2032.15 667.034 2035.17 665.567L2067.03 650.123C2069.85 648.755 2070.11 644.834 2067.49 643.11L2044.21 627.793C2041.41 625.957 2037.86 625.735 2034.86 627.21L2003.57 642.598C2000.79 643.967 2000.52 647.836 2003.1 649.573L2025.78 664.896Z" fill="#E1DFDD"></path><path d="M1983.35 858.878C1986.13 860.76 1989.71 861.016 1992.74 859.549L2024.6 844.105C2027.42 842.737 2027.68 838.816 2025.06 837.092L2001.77 821.775C1998.98 819.939 1995.43 819.717 1992.43 821.192L1961.14 836.58C1958.36 837.95 1958.09 841.818 1960.66 843.555L1983.35 858.878Z" fill="#E1DFDD"></path><path d="M1866.55 782.499C1869.33 784.341 1872.87 784.58 1875.87 783.127L1907.75 767.686C1910.57 766.321 1910.83 762.404 1908.21 760.677L1708.11 628.482C1705.32 626.637 1701.75 626.411 1698.75 627.889L1667.54 643.241C1664.74 644.617 1664.49 648.511 1667.09 650.235L1866.55 782.499Z" fill="#E1DFDD"></path><path d="M1742.23 895.928C1745.21 897.989 1749.1 898.165 1752.25 896.381L1885.86 820.696C1888.48 819.213 1888.62 815.49 1886.12 813.819L1680.23 676.345C1677.43 674.475 1673.84 674.241 1670.82 675.731L1533 743.703C1530.24 745.066 1529.96 748.895 1532.49 750.649L1742.23 895.928Z" fill="#E1DFDD"></path><path d="M1815.52 -64.5211C1817.26 -83.8738 1838.68 -94.7087 1855.3 -84.6414L2167.49 104.476C2169.1 105.452 2170.09 107.2 2170.09 109.084V599.211C2170.09 603.385 2165.54 605.974 2161.95 603.848L1778.99 377.107C1777.2 376.049 1776.18 374.058 1776.36 371.989L1815.52 -64.5211Z" fill="#323130"></path><path d="M1840.04 -52.3587C1840.41 -56.3355 1844.82 -58.5431 1848.23 -56.452L2194.46 156.334C2196.06 157.315 2197.03 159.053 2197.03 160.925V570.922C2197.03 575.096 2192.49 577.685 2188.89 575.559L1805.94 348.824C1804.14 347.763 1803.12 345.764 1803.32 343.69L1840.04 -52.3587Z" fill="white"></path><path opacity="0.4" fill-rule="evenodd" clip-rule="evenodd" d="M1837.58 -25.7636L1837.65 -26.529L1837.83 -26.8074L1850.35 -18.4016L1851.9 -36.6733L1839.54 -44.9727L1840.1 -45.8115L1851.99 -37.8249L1853.31 -53.3311L1854.27 -52.7387L1852.95 -37.1805L1866.48 -28.0961L1867.83 -44.407L1868.79 -43.8141L1867.44 -27.451L1881.26 -18.1651L1882.7 -35.2662L1883.66 -34.6737L1882.22 -17.5204L1896.88 -7.67639L1898.45 -25.5873L1899.41 -24.9958L1897.84 -7.03304L1910.87 1.71992L1912.51 -16.9485L1913.47 -16.357L1911.83 2.36328L1923.8 10.4057L1925.29 -9.09007L1926.26 -8.49524L1924.77 11.0531L1937.64 19.6973L1939.18 -0.552559L1940.15 0.042263L1938.6 20.3446L1951.35 28.9037L1952.95 7.90951L1953.92 8.50427L1952.31 29.551L1965.88 38.6686L1967.55 16.8821L1968.52 17.4769L1966.85 39.3159L1979.68 47.9328L1981.39 25.3886L1982.36 25.9835L1980.64 48.5803L1994.36 57.7957L1996.14 34.451L1997.11 35.0459L1995.33 58.4432L2009.47 67.9411L2011.14 43.6687L2012.11 44.2658L2010.44 68.5912L2025.37 78.618L2024.8 79.4567L2010.36 69.7546L2009.09 88.2124L2023.1 97.6221L2022.53 98.4608L2009.01 89.3757L2007.94 104.878L2022.6 114.38L2022.05 115.228L2007.86 106.03L2006.86 120.672L2023.21 131.156L2022.66 132.007L2006.78 121.821L2005.59 139.034L2022.51 149.912L2021.96 150.762L2005.51 140.184L2004.31 157.731L2021.59 168.914L2021.04 169.762L2004.23 158.883L2003.14 174.672L2019.06 184.806L2018.52 185.659L2003.06 175.82L2001.97 191.761L2016.99 201.365L2016.45 202.217L2001.89 192.909L2000.89 207.396L2015.82 216.779L2015.29 217.634L2000.81 208.54L1999.76 223.869L2014.2 232.875L2013.66 233.732L1999.68 225.01L1998.7 239.301L2015.03 249.543L2014.49 250.399L1998.62 240.444L1997.48 256.98L2012.53 266.386L2011.99 267.243L1997.4 258.123L1996.18 275.952L2010.98 285.24L2010.45 286.096L1996.1 277.095L1994.86 295.043L2008.8 303.874L2008.26 304.728L1994.79 296.19L1993.71 311.873L2009.06 321.591L2008.51 322.445L1993.63 313.019L1992.62 327.745L2006.92 336.649L2006.38 337.507L1992.54 328.886L1991.39 345.567L2006.05 354.829L2005.51 355.683L1991.31 346.713L1990.09 364.426L2005.3 374.114L2004.76 374.966L1990.01 365.573L1988.97 380.735L2003.95 390.279L2003.41 391.131L1988.89 381.882L1987.8 397.776L2005.56 408.809L2005.02 409.667L1987.72 398.917L1986.66 414.363L2000.13 422.628L1999.6 423.489L1986.58 415.501L1985.53 430.807L2000.1 439.684L1999.57 440.547L1985.45 431.943L1983.94 453.847L1983.24 453.799L1982.95 453.625L1984.48 431.351L1967.73 421.148L1966.07 443.023L1965.06 442.946L1966.76 420.558L1952.98 412.161L1951.32 433.942L1950.31 433.865L1952.01 411.571L1938.96 403.623L1937.26 425.817L1936.26 425.74L1938 403.033L1924.36 394.725L1922.66 416.93L1921.65 416.853L1923.39 394.135L1910.67 386.384L1908.92 409.254L1907.91 409.177L1909.7 385.795L1896.77 377.918L1895.02 400.874L1894.01 400.797L1895.8 377.328L1879.87 367.623L1877.83 390.98L1877.02 390.91L1876.83 390.796L1878.91 367.036L1865.81 359.056L1863.92 380.581L1862.92 380.493L1864.84 358.469L1851.37 350.26L1849.71 369.983L1848.71 369.899L1850.4 349.672L1836.95 341.478L1835.28 361.798L1834.27 361.715L1835.99 340.89L1821.69 332.181L1820 352.239L1818.99 352.153L1820.73 331.594L1806.1 322.684L1806.63 321.821L1820.82 330.469L1822.17 314.605L1806.88 305.228L1806.91 304.989L1807.32 304.311L1822.26 313.478L1823.66 296.975L1808.52 287.57L1808.63 286.445L1823.75 295.845L1825.29 277.652L1810.34 268.122L1810.88 267.27L1825.39 276.516L1826.66 261.5L1811.82 252.042L1811.85 251.696L1812.23 251.105L1826.76 260.363L1828.17 243.658L1813.59 234.445L1814.13 233.591L1828.27 242.524L1829.55 227.396L1814.94 218.304L1814.95 218.216L1815.45 217.425L1829.64 226.265L1831.01 210.055L1816.56 200.901L1816.61 200.356L1816.89 199.915L1831.11 208.92L1832.43 193.29L1818.11 184.21L1818.21 183.08L1832.53 192.155L1833.95 175.391L1819.75 166.485L1819.78 166.209L1820.18 165.563L1834.04 174.258L1835.51 156.906L1821.64 148.232L1822.18 147.375L1835.61 155.774L1837.02 139.085L1823.68 130.72L1824.22 129.865L1837.12 137.953L1838.27 124.331L1824.64 115.832L1825.18 114.975L1838.37 123.2L1839.71 107.309L1826.93 99.2809L1827.47 98.4254L1839.81 106.176L1841.16 90.1895L1828.1 81.8425L1828.64 80.9911L1841.26 89.0521L1842.56 73.6688L1829.15 65.1343L1829.17 64.8783L1829.59 64.2189L1842.65 72.5324L1844.11 55.2894L1830.87 46.7241L1831.42 45.8758L1844.21 54.1485L1845.63 37.3696L1832.7 29.0575L1833.25 28.2077L1845.73 36.2304L1847.14 19.4838L1834.15 11.156L1834.22 10.4019L1834.4 10.1175L1847.24 18.3455L1848.56 2.72464L1835.71 -5.61113L1835.81 -6.74701L1848.66 1.58311L1850.25 -17.25L1837.58 -25.7636ZM1851.31 -17.7572L1852.86 -36.0289L1866.38 -26.943L1864.87 -8.64808L1851.31 -17.7572ZM1865.83 -8.003L1867.34 -26.2979L1881.17 -17.0129L1879.63 1.2673L1865.83 -8.003ZM1880.59 1.91193L1882.13 -16.3683L1896.78 -6.52689L1895.19 11.7116L1880.59 1.91193ZM1896.14 12.3549L1897.74 -5.88353L1910.77 2.86942L1909.18 21.1079L1896.14 12.3549ZM1910.13 21.7513L1911.73 3.51278L1923.72 11.5635L1922.31 29.9322L1910.13 21.7513ZM1923.28 30.5796L1924.68 12.2108L1937.55 20.855L1936.15 39.2237L1923.28 30.5796ZM1937.11 39.8711L1938.51 21.5023L1951.26 30.0612L1949.85 48.4273L1937.11 39.8711ZM1950.82 49.0746L1952.22 30.7085L1965.8 39.8261L1964.39 58.1922L1950.82 49.0746ZM1965.35 58.8395L1966.76 40.4734L1979.59 49.0907L1978.19 67.4622L1965.35 58.8395ZM1979.16 68.1096L1980.55 49.7382L1994.28 58.9536L1992.88 77.3251L1979.16 68.1096ZM1993.84 77.9725L1995.24 59.601L2009.39 69.1044L2008.12 87.5622L1993.84 77.9725ZM1993.75 79.1304L2008.04 88.7255L2006.97 104.249L1992.55 94.8985L1993.75 79.1304ZM1992.47 96.0461L2006.89 105.402L2005.89 120.05L1991.35 110.731L1992.47 96.0461ZM1991.26 111.875L2005.81 121.199L2004.62 138.41L1989.96 128.981L1991.26 111.875ZM1989.87 130.126L2004.54 139.56L2003.34 157.104L1988.55 147.535L1989.87 130.126ZM1988.46 148.682L2003.26 158.256L2002.17 174.055L1987.25 164.56L1988.46 148.682ZM1987.17 165.703L2002.09 175.202L2001 191.141L1985.96 181.532L1987.17 165.703ZM1985.87 182.676L2000.92 192.289L1999.92 206.786L1984.76 197.263L1985.87 182.676ZM1984.68 198.402L1999.84 207.93L1998.79 223.263L1983.51 213.734L1984.68 198.402ZM1983.43 214.871L1998.71 224.405L1997.73 238.692L1982.35 229.045L1983.43 214.871ZM1982.26 230.184L1997.65 239.836L1996.51 256.373L1981.01 246.679L1982.26 230.184ZM1980.92 247.816L1996.43 257.516L1995.21 275.343L1979.57 265.536L1980.92 247.816ZM1979.48 266.674L1995.13 276.486L1993.89 294.428L1978.13 284.438L1979.48 266.674ZM1978.05 285.579L1993.82 295.574L1992.74 311.258L1976.86 301.203L1978.05 285.579ZM1976.77 302.344L1992.66 312.404L1991.64 327.14L1975.64 317.175L1976.77 302.344ZM1975.55 318.312L1991.57 328.282L1990.42 344.954L1974.3 334.773L1975.55 318.312ZM1974.22 335.913L1990.34 346.1L1989.12 363.808L1972.88 353.459L1974.22 335.913ZM1972.79 354.602L1989.04 364.955L1988 380.116L1971.65 369.696L1972.79 354.602ZM1971.56 370.838L1987.92 381.264L1986.83 397.172L1970.33 386.923L1971.56 370.838ZM1970.25 388.059L1986.75 398.313L1985.69 413.767L1969.07 403.568L1970.25 388.059ZM1968.98 404.701L1985.61 414.904L1984.56 430.215L1967.82 420.017L1968.98 404.701ZM1968.01 404.107L1966.85 419.427L1953.06 411.03L1954.23 395.651L1968.01 404.107ZM1953.27 395.057L1952.1 410.44L1939.05 402.493L1940.23 387.058L1953.27 395.057ZM1939.26 386.464L1938.08 401.903L1924.44 393.595L1925.63 378.098L1939.26 386.464ZM1924.66 377.504L1923.48 393.005L1910.75 385.254L1911.94 369.696L1924.66 377.504ZM1910.97 369.102L1909.78 384.664L1896.86 376.788L1898.05 361.171L1910.97 369.102ZM1897.08 360.577L1895.89 376.198L1879.97 366.5L1881.33 350.913L1897.08 360.577ZM1880.37 350.323L1879.01 365.913L1865.91 357.933L1867.27 342.287L1880.37 350.323ZM1866.31 341.696L1864.94 357.346L1851.46 349.134L1852.78 333.394L1866.31 341.696ZM1851.82 332.802L1850.5 348.547L1837.05 340.352L1838.35 324.539L1851.82 332.802ZM1837.39 323.947L1836.08 339.764L1821.79 331.056L1823.13 315.197L1837.39 323.947ZM1837.48 322.819L1823.23 314.07L1824.62 297.574L1838.84 306.407L1837.48 322.819ZM1838.93 305.276L1824.72 296.444L1826.26 278.265L1840.42 287.288L1838.93 305.276ZM1840.51 286.15L1826.35 277.129L1827.62 262.113L1841.75 271.116L1840.51 286.15ZM1841.85 269.978L1827.72 260.976L1829.13 244.266L1843.24 253.175L1841.85 269.978ZM1843.33 252.039L1829.23 243.132L1830.51 227.996L1844.59 236.765L1843.33 252.039ZM1844.69 235.633L1830.61 226.865L1831.98 210.664L1846.02 219.553L1844.69 235.633ZM1846.11 218.416L1832.07 209.529L1833.4 193.9L1847.4 202.777L1846.11 218.416ZM1847.5 201.64L1833.49 192.765L1834.91 175.995L1848.89 184.762L1847.5 201.64ZM1848.98 183.629L1835.01 174.862L1836.48 157.508L1850.42 166.227L1848.98 183.629ZM1850.52 165.094L1836.57 156.376L1837.98 139.689L1851.89 148.414L1850.52 165.094ZM1851.99 147.28L1838.08 138.557L1839.23 124.932L1853.12 133.593L1851.99 147.28ZM1853.21 132.46L1839.33 123.801L1840.67 107.914L1854.52 116.616L1853.21 132.46ZM1854.61 115.481L1840.77 106.781L1842.12 90.8043L1855.92 99.626L1854.61 115.481ZM1856.02 98.4872L1842.22 89.6668L1843.52 74.2811L1857.29 83.048L1856.02 98.4872ZM1857.39 81.9102L1843.62 73.1447L1845.07 55.9114L1858.8 64.7938L1857.39 81.9102ZM1858.9 63.6516L1845.17 54.7705L1846.59 37.9879L1860.29 46.7971L1858.9 63.6516ZM1860.38 45.6566L1846.69 36.8487L1848.1 20.1004L1861.77 28.8621L1860.38 45.6566ZM1861.87 27.7223L1848.2 18.962L1849.52 3.34797L1863.15 12.1852L1861.87 27.7223ZM1863.24 11.0423L1849.62 2.20644L1851.21 -16.6056L1864.78 -7.49501L1863.24 11.0423ZM1864.21 11.6663L1865.74 -6.84993L1879.54 2.41943L1878.01 20.6184L1864.21 11.6663ZM1878.97 21.2419L1880.5 3.06406L1895.08 12.8611L1893.53 30.6794L1878.97 21.2419ZM1894.49 31.3018L1896.04 13.5044L1909.07 22.2574L1907.54 39.7693L1894.49 31.3018ZM1908.5 40.3917L1910.03 22.9007L1922.23 31.0899L1920.9 48.4329L1908.5 40.3917ZM1921.87 49.059L1923.19 31.7373L1936.06 40.3814L1934.76 57.4194L1921.87 49.059ZM1935.72 58.0455L1937.02 41.0288L1949.76 49.5849L1948.48 66.3184L1935.72 58.0455ZM1949.45 66.9444L1950.73 50.2322L1964.3 59.3498L1963.05 75.7628L1949.45 66.9444ZM1964.01 76.3888L1965.27 59.9971L1978.1 68.62L1976.88 84.7333L1964.01 76.3888ZM1977.84 85.3595L1979.07 69.2675L1992.79 78.4829L1991.59 94.2723L1977.84 85.3595ZM1977.76 86.507L1991.5 95.4199L1990.38 110.111L1976.63 101.296L1977.76 86.507ZM1976.54 102.44L1990.3 111.256L1988.99 128.36L1975.24 119.518L1976.54 102.44ZM1975.16 120.663L1988.91 129.505L1987.58 146.911L1973.84 138.017L1975.16 120.663ZM1973.75 139.164L1987.5 148.058L1986.29 163.945L1972.53 155.19L1973.75 139.164ZM1972.44 156.333L1986.2 165.087L1985 180.915L1971.24 172.125L1972.44 156.333ZM1971.16 173.269L1984.91 182.058L1983.8 196.655L1970.03 188.006L1971.16 173.269ZM1969.95 189.145L1983.71 197.794L1982.54 213.131L1968.78 204.543L1969.95 189.145ZM1968.69 205.68L1982.46 214.268L1981.38 228.439L1967.61 219.805L1968.69 205.68ZM1967.53 220.943L1981.29 229.577L1980.04 246.074L1966.27 237.466L1967.53 220.943ZM1966.18 238.604L1979.95 247.211L1978.6 264.929L1964.84 256.295L1966.18 238.604ZM1964.75 257.434L1978.52 266.067L1977.17 283.826L1963.41 275.105L1964.75 257.434ZM1963.32 276.246L1977.08 284.967L1975.89 300.591L1962.13 291.879L1963.32 276.246ZM1962.04 293.02L1975.8 301.732L1974.67 316.573L1960.9 307.999L1962.04 293.02ZM1960.82 309.135L1974.59 317.709L1973.34 334.162L1959.57 325.47L1960.82 309.135ZM1959.49 326.61L1973.25 335.303L1971.91 352.844L1958.16 344.08L1959.49 326.61ZM1958.07 345.223L1971.83 353.986L1970.68 369.08L1956.92 360.316L1958.07 345.223ZM1956.84 361.459L1970.59 370.222L1969.37 386.322L1955.6 377.765L1956.84 361.459ZM1955.51 378.901L1969.28 387.458L1968.1 402.974L1954.32 394.519L1955.51 378.901ZM1954.54 378.3L1953.35 393.924L1940.32 385.926L1941.52 370.21L1954.54 378.3ZM1940.55 369.609L1939.35 385.332L1925.72 376.966L1926.93 361.143L1940.55 369.609ZM1925.96 360.542L1924.75 376.372L1912.03 368.564L1913.24 352.638L1925.96 360.542ZM1912.27 352.037L1911.06 367.97L1898.13 360.039L1899.36 344.011L1912.27 352.037ZM1898.39 343.41L1897.17 359.445L1881.43 349.788L1882.83 333.744L1898.39 343.41ZM1881.87 333.147L1880.47 349.198L1867.37 341.162L1868.79 325.015L1881.87 333.147ZM1867.82 324.418L1866.41 340.571L1852.88 332.267L1854.24 315.98L1867.82 324.418ZM1853.28 315.381L1851.91 331.675L1838.45 323.411L1839.8 307.006L1853.28 315.381ZM1853.38 314.251L1839.9 305.875L1841.38 287.902L1854.87 296.493L1853.38 314.251ZM1854.96 295.356L1841.48 286.764L1842.72 271.73L1856.22 280.333L1854.96 295.356ZM1856.32 279.196L1842.81 270.592L1844.2 253.784L1857.73 262.332L1856.32 279.196ZM1857.83 261.197L1844.29 252.648L1845.56 237.365L1859.12 245.809L1857.83 261.197ZM1859.21 244.678L1845.65 236.233L1846.98 220.163L1860.55 228.755L1859.21 244.678ZM1860.64 227.62L1847.07 219.026L1848.36 203.388L1861.95 212.001L1860.64 227.62ZM1862.05 210.865L1848.46 202.251L1849.85 185.367L1863.47 193.909L1862.05 210.865ZM1863.57 192.776L1849.95 184.233L1851.39 166.829L1865.03 175.359L1863.57 192.776ZM1865.12 174.227L1851.48 165.696L1852.86 149.018L1866.52 157.588L1865.12 174.227ZM1866.61 156.455L1852.95 147.885L1854.08 134.194L1867.77 142.729L1866.61 156.455ZM1867.86 141.598L1854.18 133.062L1855.48 117.221L1869.18 125.83L1867.86 141.598ZM1869.28 124.696L1855.58 116.087L1856.89 100.241L1870.6 109.002L1869.28 124.696ZM1870.69 107.864L1856.98 99.1026L1858.26 83.6609L1871.99 92.3999L1870.69 107.864ZM1872.08 91.263L1858.35 82.5232L1859.77 65.4165L1873.51 74.3071L1872.08 91.263ZM1873.6 73.1657L1859.86 64.2742L1861.25 47.4162L1875.02 56.2694L1873.6 73.1657ZM1875.12 55.1296L1861.35 46.2756L1862.73 29.4793L1876.53 38.3204L1875.12 55.1296ZM1876.62 37.1816L1862.83 28.3395L1864.11 12.8092L1877.92 21.7604L1876.62 37.1816ZM1877.58 37.7984L1878.88 22.384L1893.43 31.8189L1892.09 47.0974L1877.58 37.7984ZM1893.05 47.7131L1894.39 32.4413L1907.44 40.9089L1906.11 56.0889L1893.05 47.7131ZM1907.07 56.7046L1908.4 41.5312L1920.81 49.5803L1919.66 64.7695L1907.07 56.7046ZM1920.62 65.3888L1921.78 50.2064L1934.67 58.5668L1933.52 73.658L1920.62 65.3888ZM1934.49 74.2773L1935.64 59.1929L1948.39 67.4656L1947.25 82.4578L1934.49 74.2773ZM1948.21 83.077L1949.36 68.0916L1962.96 76.91L1961.82 91.7992L1948.21 83.077ZM1962.78 92.4184L1963.92 77.536L1976.79 85.8808L1975.67 100.676L1962.78 92.4184ZM1962.7 93.5623L1975.58 101.821L1974.28 118.897L1961.39 110.61L1962.7 93.5623ZM1961.3 111.755L1974.19 120.042L1972.87 137.393L1959.98 129.052L1961.3 111.755ZM1959.89 130.198L1972.78 138.539L1971.56 154.575L1958.66 146.36L1959.89 130.198ZM1958.57 147.502L1971.48 155.718L1970.28 171.508L1957.36 163.254L1958.57 147.502ZM1957.27 164.398L1970.19 172.651L1969.07 187.399L1956.14 179.273L1957.27 164.398ZM1956.05 180.412L1968.98 188.537L1967.81 203.94L1954.87 195.867L1956.05 180.412ZM1954.78 197.003L1967.72 205.076L1966.65 219.198L1953.7 211.078L1954.78 197.003ZM1953.61 212.216L1966.56 220.337L1965.3 236.862L1952.35 228.762L1953.61 212.216ZM1952.26 229.899L1965.22 237.999L1963.87 255.689L1950.91 247.559L1952.26 229.899ZM1950.82 248.697L1963.78 256.827L1962.44 274.493L1949.48 266.276L1950.82 248.697ZM1949.39 267.417L1962.35 275.634L1961.16 291.267L1948.19 283.054L1949.39 267.417ZM1948.11 284.194L1961.08 292.408L1959.94 307.397L1946.95 299.309L1948.11 284.194ZM1946.86 300.445L1959.85 308.533L1958.61 324.859L1945.62 316.655L1946.86 300.445ZM1945.53 317.795L1958.52 325.999L1957.19 343.464L1944.2 335.188L1945.53 317.795ZM1944.11 336.33L1957.11 344.607L1955.96 359.701L1942.96 351.42L1944.11 336.33ZM1942.87 352.562L1955.87 360.843L1954.63 377.164L1941.61 369.074L1942.87 352.562ZM1941.91 351.947L1940.64 368.473L1927.02 360.007L1928.3 343.276L1941.91 351.947ZM1927.33 342.66L1926.05 359.406L1913.33 351.503L1914.62 334.564L1927.33 342.66ZM1913.66 333.948L1912.36 350.902L1899.44 342.875L1900.75 325.728L1913.66 333.948ZM1899.79 325.112L1898.48 342.274L1882.93 332.616L1884.45 315.338L1899.79 325.112ZM1883.48 314.726L1881.97 332.019L1868.88 323.887L1870.41 306.399L1883.48 314.726ZM1869.45 305.787L1867.92 323.289L1854.34 314.849L1855.83 297.106L1869.45 305.787ZM1869.55 304.653L1855.92 295.969L1857.18 280.947L1870.87 289.663L1869.55 304.653ZM1870.96 288.528L1857.28 279.809L1858.69 262.94L1872.44 271.625L1870.96 288.528ZM1872.54 270.492L1858.79 261.805L1860.08 246.409L1873.9 255.012L1872.54 270.492ZM1874 253.883L1860.18 245.278L1861.51 229.365L1875.37 238.142L1874 253.883ZM1875.47 237.009L1861.61 228.229L1862.92 212.611L1876.84 221.432L1875.47 237.009ZM1876.93 220.299L1863.01 211.475L1864.44 194.513L1878.42 203.286L1876.93 220.299ZM1878.52 202.156L1864.53 193.38L1865.99 175.962L1880.04 184.748L1878.52 202.156ZM1880.14 183.618L1866.09 174.83L1867.48 158.192L1881.59 167.043L1880.14 183.618ZM1881.69 165.912L1867.58 157.059L1868.73 143.33L1882.9 152.166L1881.69 165.912ZM1882.99 151.037L1868.82 142.199L1870.15 126.435L1884.37 135.369L1882.99 151.037ZM1884.46 134.238L1870.24 125.301L1871.56 109.617L1885.82 118.732L1884.46 134.238ZM1885.92 117.597L1871.65 108.479L1872.95 93.0124L1887.27 102.128L1885.92 117.597ZM1887.37 100.993L1873.05 91.8755L1874.47 74.9293L1888.84 84.2278L1887.37 100.993ZM1888.94 83.0889L1874.56 73.7879L1875.98 56.888L1890.42 66.1723L1888.94 83.0889ZM1890.52 65.0351L1876.08 55.7482L1877.49 38.9372L1891.99 48.2338L1890.52 65.0351ZM1891.48 65.6526L1892.95 48.8494L1906.02 57.2253L1904.54 74.0529L1891.48 65.6526ZM1905.5 74.6703L1906.98 57.841L1919.57 65.9136L1918.27 82.8821L1905.5 74.6703ZM1919.24 83.5032L1920.53 66.5329L1933.43 74.8021L1932.14 91.7968L1919.24 83.5032ZM1933.1 92.4179L1934.4 75.4214L1947.16 83.6017L1945.86 100.62L1933.1 92.4179ZM1946.82 101.241L1948.12 84.2209L1961.73 92.9431L1960.43 109.989L1946.82 101.241ZM1946.73 102.386L1960.34 111.134L1959.01 128.427L1945.41 119.628L1946.73 102.386ZM1945.33 120.775L1958.93 129.574L1957.69 145.745L1944.08 137.083L1945.33 120.775ZM1943.99 138.225L1957.6 146.887L1956.4 162.637L1942.79 153.941L1943.99 138.225ZM1942.7 155.084L1956.31 163.78L1955.17 178.666L1941.55 170.109L1942.7 155.084ZM1941.46 171.247L1955.08 179.804L1953.9 195.263L1940.28 186.766L1941.46 171.247ZM1940.19 187.903L1953.81 196.4L1952.73 210.472L1939.12 201.929L1940.19 187.903ZM1939.03 203.067L1952.65 211.61L1951.38 228.157L1937.76 219.641L1939.03 203.067ZM1937.67 220.778L1951.29 229.294L1949.94 246.952L1936.32 238.41L1937.67 220.778ZM1936.24 239.548L1949.86 248.09L1948.51 265.664L1934.9 257.036L1936.24 239.548ZM1934.81 258.177L1948.42 266.805L1947.23 282.442L1933.61 273.822L1934.81 258.177ZM1933.53 274.963L1947.14 283.582L1945.98 298.707L1932.36 290.223L1933.53 274.963ZM1932.27 291.359L1945.89 299.843L1944.65 316.044L1931.04 307.444L1932.27 291.359ZM1930.95 308.584L1944.57 317.184L1943.24 334.572L1929.63 325.902L1930.95 308.584ZM1929.54 327.044L1943.15 335.715L1941.99 350.804L1928.38 342.134L1929.54 327.044ZM1928.57 326.428L1927.42 341.518L1914.71 333.421L1915.86 318.33L1928.57 326.428ZM1914.89 317.714L1913.74 332.806L1900.84 324.585L1901.99 309.494L1914.89 317.714ZM1901.03 308.878L1899.87 323.97L1884.54 314.203L1885.86 299.214L1901.03 308.878ZM1884.9 298.602L1883.58 313.591L1870.51 305.265L1871.83 290.275L1884.9 298.602ZM1884.99 297.467L1871.93 289.14L1873.4 272.232L1886.48 280.491L1884.99 297.467ZM1886.58 279.359L1873.5 271.099L1874.86 255.611L1887.94 263.759L1886.58 279.359ZM1888.04 262.63L1874.96 254.482L1876.33 238.75L1889.41 247.028L1888.04 262.63ZM1889.51 245.895L1876.43 237.617L1877.8 222.041L1890.87 230.327L1889.51 245.895ZM1890.97 229.194L1877.9 220.908L1879.38 203.889L1892.46 212.094L1890.97 229.194ZM1892.56 210.963L1879.48 202.759L1881.01 185.349L1894.09 193.529L1892.56 210.963ZM1894.19 192.399L1881.11 184.219L1882.56 167.646L1895.64 175.85L1894.19 192.399ZM1895.73 174.72L1882.65 166.515L1883.86 152.766L1896.94 160.927L1895.73 174.72ZM1897.04 159.798L1883.96 151.637L1885.33 135.973L1898.41 144.191L1897.04 159.798ZM1898.5 143.06L1885.43 134.842L1886.78 119.346L1899.85 127.698L1898.5 143.06ZM1899.95 126.562L1886.88 118.211L1888.23 102.739L1901.31 111.058L1899.95 126.562ZM1901.4 109.923L1888.33 101.605L1889.8 84.8488L1902.86 93.2979L1901.4 109.923ZM1902.96 92.159L1889.9 83.7099L1891.38 66.7898L1904.44 75.1901L1902.96 92.159ZM1903.92 92.78L1905.4 75.8076L1918.19 84.0271L1916.88 101.165L1903.92 92.78ZM1917.84 101.789L1919.15 84.6482L1932.05 92.9418L1930.74 110.131L1917.84 101.789ZM1931.7 110.756L1933.01 93.5629L1945.77 101.765L1944.45 119.003L1931.7 110.756ZM1931.61 111.903L1944.36 120.15L1943.11 136.468L1930.36 128.351L1931.61 111.903ZM1930.27 129.493L1943.03 137.61L1941.82 153.323L1929.08 145.177L1930.27 129.493ZM1928.99 146.32L1941.73 154.466L1940.58 169.501L1927.83 161.487L1928.99 146.32ZM1927.74 162.626L1940.5 170.64L1939.31 186.163L1926.55 178.208L1927.74 162.626ZM1926.47 179.344L1939.22 187.3L1938.15 201.323L1925.4 193.327L1926.47 179.344ZM1925.31 194.465L1938.06 202.461L1936.79 219.036L1924.05 211.067L1925.31 194.465ZM1923.96 212.204L1936.71 220.173L1935.36 237.804L1922.62 229.813L1923.96 212.204ZM1922.53 230.951L1935.27 238.942L1933.93 256.424L1921.2 248.355L1922.53 230.951ZM1921.11 249.496L1933.84 257.564L1932.65 273.21L1919.92 265.152L1921.11 249.496ZM1919.83 266.292L1932.56 274.351L1931.39 289.621L1918.66 281.692L1919.83 266.292ZM1918.57 282.829L1931.3 290.757L1930.07 306.833L1917.35 298.798L1918.57 282.829ZM1917.26 299.938L1929.99 307.973L1928.66 325.286L1915.95 317.187L1917.26 299.938ZM1916.3 299.327L1914.98 316.572L1902.08 308.351L1903.39 291.173L1916.3 299.327ZM1902.42 290.563L1901.11 307.736L1885.96 298.079L1887.44 281.099L1902.42 290.563ZM1902.51 289.423L1887.54 279.966L1888.91 264.357L1903.72 273.581L1902.51 289.423ZM1903.81 272.445L1889 263.229L1890.37 247.637L1904.99 256.896L1903.81 272.445ZM1905.08 255.755L1890.47 246.504L1891.83 230.936L1906.28 240.091L1905.08 255.755ZM1906.36 238.95L1891.93 229.803L1893.43 212.697L1907.68 221.639L1906.36 238.95ZM1907.77 220.501L1893.53 211.566L1895.05 194.13L1909.11 202.921L1907.77 220.501ZM1909.2 201.784L1895.15 193L1896.6 176.453L1910.47 185.153L1909.2 201.784ZM1910.55 184.015L1896.7 175.323L1897.9 161.527L1911.62 170.082L1910.55 184.015ZM1911.7 168.945L1898 160.398L1899.37 144.795L1912.9 153.298L1911.7 168.945ZM1912.99 152.16L1899.47 143.664L1900.81 128.311L1914.15 136.84L1912.99 152.16ZM1914.24 135.697L1900.91 127.176L1902.27 111.669L1915.44 120.051L1914.24 135.697ZM1915.52 118.909L1902.36 110.535L1903.82 93.9189L1916.79 102.311L1915.52 118.909ZM1916.49 119.524L1917.76 102.936L1930.65 111.278L1929.39 127.736L1916.49 119.524ZM1916.4 120.666L1929.31 128.878L1928.11 144.559L1915.21 136.314L1916.4 120.666ZM1915.12 137.458L1928.02 145.703L1926.86 160.88L1913.95 152.767L1915.12 137.458ZM1913.87 153.906L1926.78 162.018L1925.59 177.604L1912.67 169.548L1913.87 153.906ZM1912.59 170.685L1925.5 178.741L1924.43 192.721L1911.52 184.622L1912.59 170.685ZM1911.43 185.76L1924.35 193.859L1923.08 210.462L1910.17 202.388L1911.43 185.76ZM1910.08 203.526L1922.99 211.6L1921.65 229.206L1908.74 221.107L1910.08 203.526ZM1908.65 222.246L1921.56 230.344L1920.23 247.743L1907.33 239.563L1908.65 222.246ZM1907.24 240.704L1920.15 248.884L1918.95 264.54L1906.05 256.367L1907.24 240.704ZM1905.96 257.508L1918.87 265.68L1917.69 281.09L1904.77 273.047L1905.96 257.508ZM1904.69 274.184L1917.6 282.226L1916.38 298.187L1903.48 290.033L1904.69 274.184Z" fill="#EDEBE9"></path><g filter="url(#hero0)"><path d="M1901.7 189.318C1903.36 188.361 1905.42 188.367 1907.08 189.333L2104.45 303.942C2106.11 304.906 2107.13 306.681 2107.13 308.601V378.143C2107.13 380.869 2105.63 383.374 2103.23 384.667L2100.14 386.333C2099 386.946 2097.68 387.129 2096.42 386.848L2096.19 386.797C2095.63 386.673 2095.09 386.461 2094.6 386.168L1896.25 268.145C1894.62 267.174 1893.62 265.415 1893.62 263.515V197.023C1893.62 195.512 1894.26 194.073 1895.39 193.066C1895.66 192.82 1895.96 192.604 1896.28 192.42L1901.7 189.318Z" fill="#005A9E"></path><path d="M1893.62 197.027C1893.62 192.854 1898.16 190.264 1901.75 192.39L2098.42 308.801C2100.06 309.771 2101.07 311.534 2101.07 313.438V382.954C2101.07 386.084 2097.66 388.026 2094.97 386.431L1896.26 268.818C1894.62 267.848 1893.62 266.085 1893.62 264.181V197.027Z" fill="white"></path><g opacity="0.5"><path d="M1900.55 211.064C1901.4 209.623 1903.26 209.146 1904.7 209.998L2061.11 302.502C2062.55 303.354 2063.03 305.213 2062.18 306.654C2061.33 308.094 2059.47 308.572 2058.03 307.72L1901.61 215.216C1900.17 214.363 1899.69 212.505 1900.55 211.064Z" fill="#6794D7"></path><path d="M1900.55 225.884C1901.4 224.443 1903.26 223.966 1904.7 224.818L2011.31 287.869C2012.75 288.721 2013.23 290.58 2012.38 292.021C2011.53 293.462 2009.67 293.939 2008.23 293.087L1901.61 230.036C1900.17 229.184 1899.69 227.325 1900.55 225.884Z" fill="#6794D7"></path></g><path d="M1903.46 252.364C1905.92 248.201 1911.29 246.823 1915.46 249.284L1946.41 267.591C1950.57 270.052 1951.95 275.422 1949.49 279.585C1947.03 283.747 1941.66 285.126 1937.5 282.664L1906.54 264.358C1902.38 261.896 1901 256.526 1903.46 252.364Z" fill="#D2E0F4"></path><path d="M1954.71 282.671C1957.17 278.509 1962.54 277.13 1966.7 279.592L1983.85 289.736C1988.02 292.198 1989.4 297.568 1986.93 301.73C1984.47 305.892 1979.1 307.271 1974.94 304.809L1957.79 294.665C1953.62 292.204 1952.25 286.834 1954.71 282.671Z" fill="#D2E0F4"></path></g><g filter="url(#hero1)"><path d="M1785.08 9.76221C1786.75 8.80561 1788.8 8.81143 1790.46 9.77748L1987.83 124.386C1989.49 125.35 1990.51 127.125 1990.51 129.046V198.587C1990.51 201.313 1989.02 203.819 1986.62 205.111L1983.52 206.777C1982.39 207.39 1981.06 207.573 1979.8 207.293L1979.57 207.242C1979.01 207.117 1978.48 206.905 1977.99 206.612L1779.63 88.5898C1778 87.6183 1777 85.8589 1777 83.9591V17.4674C1777 15.9565 1777.64 14.5173 1778.77 13.5107C1779.05 13.2646 1779.35 13.0479 1779.67 12.8642L1785.08 9.76221Z" fill="#005A9E"></path><path d="M1777 17.4718C1777 13.2978 1781.54 10.7088 1785.13 12.8348L1981.81 129.245C1983.45 130.215 1984.45 131.978 1984.45 133.882V203.398C1984.45 206.529 1981.05 208.47 1978.35 206.876L1779.64 89.2619C1778.01 88.292 1777 86.5291 1777 84.6249V17.4718Z" fill="white"></path><g opacity="0.5"><path d="M1783.93 31.51C1784.78 30.0692 1786.64 29.5919 1788.08 30.444L1944.5 122.948C1945.94 123.8 1946.42 125.659 1945.56 127.1C1944.71 128.541 1942.85 129.018 1941.41 128.166L1785 35.6618C1783.56 34.8097 1783.08 32.9509 1783.93 31.51Z" fill="#6794D7"></path><path d="M1783.93 46.3274C1784.78 44.8866 1786.64 44.4093 1788.08 45.2614L1894.7 108.313C1896.14 109.165 1896.61 111.024 1895.76 112.464C1894.91 113.905 1893.05 114.382 1891.61 113.53L1785 50.4792C1783.56 49.6271 1783.08 47.7683 1783.93 46.3274Z" fill="#6794D7"></path></g><path fill-rule="evenodd" clip-rule="evenodd" d="M1963.7 152.43C1968.61 152.43 1972.59 147.846 1972.59 142.192C1972.59 136.538 1968.61 131.954 1963.7 131.954C1958.8 131.954 1954.82 136.538 1954.82 142.192C1954.82 147.846 1958.8 152.43 1963.7 152.43ZM1963.7 149.339C1967.12 149.339 1969.88 146.139 1969.88 142.192C1969.88 138.245 1967.12 135.045 1963.7 135.045C1960.29 135.045 1957.52 138.245 1957.52 142.192C1957.52 146.139 1960.29 149.339 1963.7 149.339Z" fill="#2E6AC5"></path><path d="M1962.02 142.116C1962.37 141.524 1963.13 141.327 1963.73 141.678L1967.02 143.624C1967.61 143.974 1967.8 144.738 1967.45 145.33C1967.1 145.922 1966.34 146.119 1965.75 145.768L1962.46 143.822C1961.87 143.472 1961.67 142.708 1962.02 142.116Z" fill="#2E6AC5"></path><path d="M1963.15 144.085C1962.51 144.085 1961.99 143.566 1961.99 142.926V138.677C1961.99 138.036 1962.51 137.518 1963.15 137.518C1963.79 137.518 1964.31 138.036 1964.31 138.677V142.926C1964.31 143.566 1963.79 144.085 1963.15 144.085Z" fill="#2E6AC5"></path><path d="M1786.85 72.812C1789.31 68.6495 1794.68 67.2708 1798.84 69.7325L1829.79 88.0388C1833.96 90.5005 1835.34 95.8704 1832.87 100.033C1830.41 104.195 1825.04 105.574 1820.88 103.112L1789.93 84.806C1785.76 82.3443 1784.38 76.9744 1786.85 72.812Z" fill="#D2E0F4"></path><rect x="1842.55" y="95.5801" width="37.4401" height="17.5123" rx="8.75613" transform="rotate(30.6 1842.55 95.5801)" fill="#D2E0F4"></rect><path d="M1875.54 125.263C1878 121.101 1883.37 119.722 1887.53 122.184L1917.21 139.738C1921.37 142.199 1922.75 147.569 1920.29 151.732C1917.83 155.894 1912.46 157.273 1908.3 154.811L1878.62 137.257C1874.45 134.796 1873.07 129.426 1875.54 125.263Z" fill="#D2E0F4"></path></g><g filter="url(#hero2)"><path d="M1730.93 156.432C1732.6 155.476 1734.65 155.481 1736.31 156.447L1933.68 271.056C1935.34 272.02 1936.36 273.795 1936.36 275.716V345.257C1936.36 347.983 1934.87 350.489 1932.47 351.781L1929.37 353.447C1928.24 354.06 1926.91 354.243 1925.65 353.963L1925.42 353.912C1924.86 353.787 1924.33 353.575 1923.83 353.282L1725.48 235.26C1723.85 234.288 1722.85 232.529 1722.85 230.629V164.137C1722.85 162.626 1723.49 161.187 1724.62 160.181C1724.9 159.934 1725.2 159.718 1725.52 159.534L1730.93 156.432Z" fill="#005A9E"></path><path d="M1722.85 164.143C1722.85 159.969 1727.39 157.38 1730.98 159.506L1927.66 275.916C1929.3 276.886 1930.3 278.649 1930.3 280.553V350.069C1930.3 353.199 1926.9 355.141 1924.2 353.547L1725.49 235.933C1723.85 234.963 1722.85 233.2 1722.85 231.296V164.143Z" fill="white"></path><g opacity="0.5"><path d="M1729.78 178.18C1730.63 176.739 1732.49 176.262 1733.93 177.114L1890.35 269.618C1891.79 270.47 1892.27 272.329 1891.41 273.77C1890.56 275.211 1888.7 275.688 1887.26 274.836L1730.85 182.332C1729.41 181.48 1728.93 179.621 1729.78 178.18Z" fill="#6794D7"></path><path d="M1729.78 192.996C1730.63 191.556 1732.49 191.078 1733.93 191.93L1840.55 254.982C1841.99 255.834 1842.46 257.692 1841.61 259.133C1840.76 260.574 1838.9 261.051 1837.46 260.199L1730.85 197.148C1729.41 196.296 1728.93 194.437 1729.78 192.996Z" fill="#6794D7"></path></g><path fill-rule="evenodd" clip-rule="evenodd" d="M1909.55 299.1C1914.46 299.1 1918.44 294.516 1918.44 288.862C1918.44 283.208 1914.46 278.624 1909.55 278.624C1904.65 278.624 1900.67 283.208 1900.67 288.862C1900.67 294.516 1904.65 299.1 1909.55 299.1ZM1909.55 296.009C1912.97 296.009 1915.73 292.809 1915.73 288.862C1915.73 284.915 1912.97 281.715 1909.55 281.715C1906.14 281.715 1903.37 284.915 1903.37 288.862C1903.37 292.809 1906.14 296.009 1909.55 296.009Z" fill="#2E6AC5"></path><path d="M1907.87 288.787C1908.22 288.194 1908.98 287.998 1909.58 288.348L1912.87 290.295C1913.46 290.645 1913.66 291.409 1913.3 292.001C1912.95 292.593 1912.19 292.789 1911.6 292.439L1908.31 290.493C1907.72 290.143 1907.52 289.379 1907.87 288.787Z" fill="#2E6AC5"></path><path d="M1909 290.754C1908.36 290.754 1907.84 290.235 1907.84 289.595V285.346C1907.84 284.705 1908.36 284.187 1909 284.187C1909.64 284.187 1910.16 284.705 1910.16 285.346V289.595C1910.16 290.235 1909.64 290.754 1909 290.754Z" fill="#2E6AC5"></path><path d="M1732.69 219.48C1735.16 215.318 1740.53 213.939 1744.69 216.4L1775.64 234.707C1779.81 237.168 1781.18 242.538 1778.72 246.701C1776.26 250.863 1770.89 252.242 1766.73 249.78L1735.77 231.474C1731.61 229.012 1730.23 223.642 1732.69 219.48Z" fill="#D2E0F4"></path><path d="M1783.94 249.788C1786.4 245.625 1791.77 244.246 1795.93 246.708L1813.09 256.852C1817.25 259.314 1818.63 264.684 1816.17 268.846C1813.71 273.009 1808.34 274.387 1804.17 271.926L1787.02 261.782C1782.86 259.32 1781.48 253.95 1783.94 249.788Z" fill="#D2E0F4"></path><path d="M1821.38 271.932C1823.85 267.77 1829.22 266.391 1833.38 268.853L1863.06 286.406C1867.22 288.868 1868.6 294.238 1866.14 298.4C1863.68 302.563 1858.31 303.942 1854.15 301.48L1824.46 283.926C1820.3 281.464 1818.92 276.095 1821.38 271.932Z" fill="#D2E0F4"></path></g><g filter="url(#hero3)"><path d="M1625.81 147.488C1629.22 145.058 1633.73 144.846 1637.35 146.948L2031.94 376.083C2035.23 377.99 2037.25 381.5 2037.25 385.298V713.448C2037.25 724.804 2024.89 731.843 2015.12 726.049L1620.24 491.766C1617.01 489.846 1615.02 486.363 1615.02 482.602V160.73C1615.02 157.696 1616.32 154.805 1618.58 152.784L1619.34 152.1L1625.81 147.488Z" fill="#E1DFDD"></path><path d="M1615.02 160.664C1615.02 152.41 1624 147.29 1631.11 151.494L2024.03 384.06C2027.27 385.978 2029.26 389.464 2029.26 393.23V716.491C2029.26 724.745 2020.28 729.865 2013.17 725.661L1620.25 493.095C1617.01 491.177 1615.02 487.691 1615.02 483.926V160.664Z" fill="white" fill-opacity="0.9"></path><path d="M1615.02 160.664C1615.02 152.41 1624 147.29 1631.11 151.494L2024.03 384.06C2027.27 385.978 2029.26 389.464 2029.26 393.23V413.024L1615.02 167.845V160.664Z" fill="#EDEBE9"></path><path d="M1642.64 238.171C1642.64 231.963 1649.41 228.126 1654.73 231.313L1994.51 434.627C1998.93 437.273 2001.64 442.047 2001.64 447.2V659.801C2001.64 666.008 1994.87 669.846 1989.54 666.658L1649.77 463.344C1645.34 460.698 1642.64 455.924 1642.64 450.772V238.171Z" fill="url(#hero13)"></path><path d="M1642.64 238.171C1642.64 231.963 1649.41 228.126 1654.73 231.313L1994.51 434.627C1998.93 437.273 2001.64 442.047 2001.64 447.2V659.801C2001.64 666.008 1994.87 669.846 1989.54 666.658L1649.77 463.344C1645.34 460.698 1642.64 455.924 1642.64 450.772V238.171Z" fill="url(#hero14)"></path><path d="M1649.77 463.345L1989.54 666.659C1994.87 669.846 2001.64 666.009 2001.64 659.801V485.615L1982.46 485.918C1967.87 486.148 1953.89 480.072 1944.11 469.247L1924.35 447.381C1912.63 434.416 1893.27 431.806 1878.53 441.206C1863.7 450.674 1844.18 447.95 1832.5 434.781L1826.61 428.146C1812.87 412.658 1788.91 412.005 1774.35 426.723C1759.34 441.895 1734.48 440.661 1721.04 424.078L1717.11 419.219C1704.58 403.748 1682.81 399.381 1665.28 408.821L1648.24 417.998C1644.79 419.857 1642.64 423.46 1642.64 427.38V450.772C1642.64 455.925 1645.34 460.699 1649.77 463.345Z" fill="white" fill-opacity="0.4"></path><g filter="url(#hero4)"><path d="M1772.19 411.347V448.154C1772.19 460.239 1782.84 469.557 1794.82 467.957L1824.01 464.056C1824.53 463.987 1825.01 463.768 1825.41 463.426L1827.31 461.773L1829.65 456.652C1830.34 455.148 1830.03 453.375 1828.88 452.193L1782.64 404.949C1781.08 403.358 1778.53 403.346 1776.95 404.922L1773.36 408.525C1772.61 409.274 1772.19 410.289 1772.19 411.347Z" fill="#005A9E"></path></g><path d="M1772.19 411.501C1772.19 407.92 1776.54 406.147 1779.04 408.707L1826.55 457.272C1828.85 459.623 1827.49 463.592 1824.23 464.027L1776.72 470.374C1774.32 470.694 1772.19 468.831 1772.19 466.414V411.501Z" fill="#0078D4"></path><path d="M1629.37 477.311C1631.06 474.462 1634.73 473.518 1637.58 475.203L2012.7 697.046C2015.55 698.731 2016.49 702.406 2014.81 705.256C2013.12 708.105 2009.45 709.049 2006.6 707.364L1631.48 485.521C1628.63 483.836 1627.69 480.16 1629.37 477.311Z" fill="#EDEBE9"></path><path d="M1629.37 477.311C1631.06 474.462 1634.73 473.518 1637.58 475.203L1756.74 545.674C1759.59 547.359 1760.54 551.035 1758.85 553.884C1757.17 556.733 1753.49 557.677 1750.64 555.992L1631.48 485.521C1628.63 483.836 1627.69 480.16 1629.37 477.311Z" fill="#0078D4"></path><path d="M1629.37 477.311C1631.06 474.462 1634.73 473.518 1637.58 475.203L1805.21 574.335C1808.06 576.02 1809 579.696 1807.32 582.545C1805.63 585.395 1801.95 586.339 1799.11 584.653L1631.48 485.521C1628.63 483.836 1627.69 480.16 1629.37 477.311Z" fill="#0078D4"></path></g><g filter="url(#hero5)"><path d="M1419.45 438.365C1421.86 437.071 1424.78 437.163 1427.11 438.604L1703.31 609.664C1705.64 611.104 1707.02 613.671 1706.94 616.403L1702.49 772.859C1702.38 776.737 1700.15 780.242 1696.69 781.983L1692.22 784.229C1690.57 785.055 1688.68 785.262 1686.9 784.812L1686.57 784.73C1685.78 784.531 1685.03 784.207 1684.34 783.77L1406.88 607.813C1404.59 606.364 1403.24 603.821 1403.32 601.117L1407.64 449.002C1407.7 446.852 1408.68 444.83 1410.32 443.443C1410.72 443.104 1411.16 442.808 1411.62 442.56L1419.45 438.365Z" fill="#E1DFDD"></path><path d="M1407.64 449.007C1407.81 443.067 1414.38 439.567 1419.4 442.737L1694.55 616.333C1696.84 617.78 1698.2 620.329 1698.12 623.038L1693.67 779.457C1693.55 783.911 1688.62 786.536 1684.85 784.159L1406.87 608.768C1404.57 607.322 1403.21 604.773 1403.29 602.063L1407.64 449.007Z" fill="white" fill-opacity="0.9"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M1425.29 469.641C1424.03 468.856 1422.4 469.732 1422.36 471.213L1421.7 494.35C1421.67 495.371 1422.19 496.331 1423.05 496.872L1436.72 505.409C1437.98 506.193 1439.61 505.317 1439.66 503.837L1440.22 484.029C1440.24 483.294 1439.98 482.579 1439.49 482.03L1433.17 474.964C1432.62 474.357 1432 473.829 1431.31 473.397L1425.29 469.641ZM1426.59 475.393C1425.96 474.968 1425.12 475.403 1425.09 476.159L1424.63 492.541C1424.61 493.229 1424.96 493.875 1425.55 494.233L1435.44 500.262C1436.07 500.645 1436.88 500.207 1436.9 499.471L1437.31 484.991C1437.33 484.451 1437.12 483.929 1436.73 483.555L1432.67 479.653C1432.36 479.351 1432.02 479.076 1431.66 478.831L1426.59 475.393Z" fill="#004578"></path><path d="M1432.07 483.853L1432.29 476.054L1438.84 481.995L1438.71 486.308L1433.8 485.816C1432.8 485.715 1432.04 484.859 1432.07 483.853Z" fill="#004578"></path><path d="M1414.32 561.269C1415.59 559.253 1418.26 558.649 1420.27 559.92L1678.04 722.423C1680.06 723.694 1680.66 726.358 1679.39 728.374C1678.12 730.389 1675.45 730.993 1673.44 729.723L1415.67 567.22C1413.65 565.949 1413.05 563.285 1414.32 561.269Z" fill="#EDEBE9"></path><path d="M1414.92 540.183C1416.19 538.167 1418.86 537.563 1420.87 538.834L1678.64 701.337C1680.66 702.608 1681.26 705.272 1679.99 707.288C1678.72 709.303 1676.05 709.907 1674.04 708.637L1416.27 546.134C1414.25 544.863 1413.65 542.199 1414.92 540.183Z" fill="#EDEBE9"></path><path d="M1413.72 582.353C1414.99 580.337 1417.66 579.733 1419.67 581.004L1568.82 675.032C1570.84 676.303 1571.44 678.967 1570.17 680.983C1568.9 682.999 1566.24 683.603 1564.22 682.332L1415.07 588.304C1413.05 587.033 1412.45 584.369 1413.72 582.353Z" fill="#EDEBE9"></path><path d="M1632.9 609.988C1636.57 604.164 1644.27 602.42 1650.09 606.091L1674.09 621.219C1679.91 624.89 1681.66 632.587 1677.99 638.41C1674.31 644.233 1666.62 645.978 1660.79 642.307L1636.8 627.179C1630.97 623.508 1629.23 615.811 1632.9 609.988Z" fill="#DEECF9"></path><path d="M1558.98 609.188C1559.78 610.785 1559.12 612.79 1557.78 613.98C1557.35 614.368 1556.82 614.772 1555.84 615.239C1554.23 615.996 1552.41 616.831 1550.64 617.641C1549.1 618.345 1547.28 617.701 1546.52 616.187L1540.06 603.275L1532.43 610.482C1531.43 611.429 1529.78 610.721 1529.77 609.343L1529.63 568.603L1534.11 565.137C1534.88 564.534 1535.99 564.619 1536.67 565.333L1562.74 592.787C1563.35 593.43 1563.44 594.409 1562.96 595.153L1559.56 600.365L1553.08 597.467L1558.98 609.188Z" fill="#005A9E"></path><g filter="url(#hero6)"><path d="M1556.7 611.355C1557.51 612.952 1556.82 614.896 1555.2 615.648C1553.86 616.267 1552.54 616.89 1551.22 617.517C1549.84 618.164 1548.46 618.809 1547.05 619.455C1545.52 620.164 1543.7 619.519 1542.94 618.005L1537.1 606.347L1530.42 612.661C1529.4 613.625 1527.72 612.874 1527.76 611.472L1528.94 569.874C1528.98 568.475 1530.69 567.82 1531.65 568.834C1541.02 578.688 1550.18 588.479 1559.49 598.349C1560.45 599.37 1559.7 601.046 1558.3 601.006L1551.4 600.81L1556.7 611.355Z" fill="#0078D4"></path></g><path d="M1542.77 562.429C1542.1 562.41 1541.52 562.147 1541.04 561.64C1540.56 561.133 1540.33 560.543 1540.35 559.868C1540.37 559.194 1540.64 558.618 1541.14 558.139L1546.26 553.301C1546.77 552.822 1547.36 552.592 1548.03 552.612C1548.71 552.631 1549.29 552.894 1549.76 553.401C1550.24 553.907 1550.47 554.498 1550.45 555.172C1550.43 555.846 1550.17 556.423 1549.66 556.902L1544.54 561.74C1544.04 562.218 1543.45 562.448 1542.77 562.429ZM1520.15 569.261C1520.13 569.935 1519.87 570.512 1519.36 570.991C1518.86 571.47 1518.27 571.699 1517.59 571.68L1510.12 571.468C1509.45 571.449 1508.87 571.186 1508.39 570.679C1507.91 570.172 1507.68 569.582 1507.7 568.907C1507.72 568.233 1507.99 567.657 1508.49 567.178C1509 566.699 1509.59 566.469 1510.26 566.488L1517.73 566.701C1518.41 566.72 1518.98 566.983 1519.46 567.49C1519.94 567.996 1520.17 568.587 1520.15 569.261ZM1520.44 559.302C1519.76 559.283 1519.18 559.02 1518.71 558.513L1513.87 553.392C1513.39 552.886 1513.16 552.295 1513.18 551.621C1513.2 550.947 1513.46 550.37 1513.97 549.891C1514.47 549.413 1515.07 549.183 1515.74 549.202C1516.41 549.221 1516.99 549.484 1517.47 549.991L1522.31 555.112C1522.79 555.619 1523.02 556.209 1523 556.883C1522.98 557.558 1522.71 558.134 1522.21 558.613C1521.7 559.092 1521.11 559.322 1520.44 559.302ZM1514.75 584.058C1514.77 583.384 1515.03 582.807 1515.54 582.328L1520.66 577.49C1521.17 577.012 1521.76 576.782 1522.43 576.801C1523.1 576.82 1523.68 577.083 1524.16 577.59C1524.64 578.097 1524.87 578.687 1524.85 579.362C1524.83 580.036 1524.57 580.612 1524.06 581.091L1518.94 585.929C1518.43 586.408 1517.84 586.638 1517.17 586.618C1516.49 586.599 1515.92 586.336 1515.44 585.83C1514.96 585.323 1514.73 584.732 1514.75 584.058ZM1532.96 557.166C1532.28 557.147 1531.7 556.884 1531.23 556.378C1530.75 555.871 1530.52 555.28 1530.54 554.606L1530.75 547.137C1530.77 546.463 1531.03 545.886 1531.54 545.407C1532.04 544.929 1532.63 544.699 1533.31 544.718C1533.98 544.737 1534.56 545 1535.04 545.507C1535.52 546.014 1535.75 546.604 1535.73 547.278L1535.52 554.748C1535.5 555.422 1535.23 555.998 1534.73 556.477C1534.22 556.956 1533.63 557.186 1532.96 557.166Z" fill="#FFD590"></path></g><g filter="url(#hero7)"><path d="M1754.89 650.289C1757.3 648.995 1760.22 649.086 1762.55 650.528L2038.75 821.588C2041.08 823.027 2042.46 825.595 2042.38 828.327L2037.93 984.783C2037.82 988.661 2035.59 992.165 2032.12 993.907L2027.66 996.153C2026.01 996.979 2024.12 997.186 2022.34 996.736L2022.01 996.654C2021.22 996.455 2020.47 996.131 2019.78 995.694L1742.32 819.737C1740.03 818.288 1738.68 815.744 1738.76 813.041L1743.08 660.926C1743.14 658.776 1744.12 656.754 1745.76 655.367C1746.16 655.028 1746.6 654.732 1747.06 654.484L1754.89 650.289Z" fill="#E1DFDD"></path><path d="M1743.08 660.931C1743.25 654.992 1749.82 651.492 1754.84 654.662L2029.98 828.258C2032.28 829.705 2033.64 832.254 2033.56 834.963L2029.11 991.382C2028.99 995.836 2024.06 998.461 2020.29 996.083L1742.3 820.693C1740.01 819.246 1738.65 816.697 1738.73 813.988L1743.08 660.931Z" fill="white" fill-opacity="0.9"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M1760.73 681.565C1759.47 680.781 1757.84 681.657 1757.8 683.137L1757.14 706.275C1757.11 707.296 1757.62 708.256 1758.49 708.797L1772.16 717.333C1773.42 718.118 1775.05 717.242 1775.09 715.761L1775.66 695.954C1775.68 695.219 1775.42 694.504 1774.93 693.955L1768.61 686.889C1768.06 686.281 1767.44 685.754 1766.75 685.322L1760.73 681.565ZM1762.03 687.318C1761.4 686.893 1760.55 687.328 1760.53 688.084L1760.07 704.466C1760.05 705.154 1760.4 705.8 1760.99 706.158L1770.88 712.187C1771.51 712.57 1772.32 712.131 1772.34 711.396L1772.75 696.915C1772.77 696.376 1772.55 695.854 1772.16 695.48L1768.11 691.578C1767.8 691.276 1767.46 691.001 1767.1 690.756L1762.03 687.318Z" fill="#004578"></path><path d="M1767.51 695.778L1767.73 687.979L1774.28 693.92L1774.15 698.233L1769.23 697.74C1768.23 697.64 1767.48 696.784 1767.51 695.778Z" fill="#004578"></path><path d="M1749.76 773.193C1751.03 771.177 1753.69 770.573 1755.71 771.844L2013.48 934.347C2015.49 935.618 2016.1 938.282 2014.83 940.298C2013.56 942.313 2010.89 942.917 2008.88 941.646L1751.11 779.144C1749.09 777.873 1748.49 775.209 1749.76 773.193Z" fill="#EDEBE9"></path><path d="M1750.36 752.108C1751.63 750.092 1754.29 749.488 1756.31 750.759L2014.08 913.262C2016.1 914.533 2016.7 917.197 2015.43 919.213C2014.16 921.228 2011.49 921.832 2009.48 920.561L1751.71 758.059C1749.69 756.788 1749.09 754.124 1750.36 752.108Z" fill="#EDEBE9"></path><path d="M1749.16 794.277C1750.43 792.261 1753.09 791.657 1755.11 792.928L1904.26 886.956C1906.28 888.227 1906.88 890.891 1905.61 892.907C1904.34 894.922 1901.68 895.526 1899.66 894.256L1750.51 800.228C1748.49 798.957 1747.89 796.293 1749.16 794.277Z" fill="#EDEBE9"></path><path d="M1968.34 821.913C1972.01 816.089 1979.71 814.345 1985.53 818.016L2009.53 833.144C2015.35 836.815 2017.09 844.511 2013.42 850.335C2009.75 856.158 2002.06 857.902 1996.23 854.231L1972.24 839.103C1966.41 835.432 1964.67 827.736 1968.34 821.913Z" fill="#DEECF9"></path><path d="M1894.42 821.113C1895.22 822.71 1894.56 824.715 1893.22 825.904C1892.79 826.293 1892.26 826.696 1891.28 827.163C1889.66 827.921 1887.85 828.756 1886.08 829.566C1884.54 830.27 1882.72 829.626 1881.96 828.112L1875.5 815.2L1867.87 822.407C1866.87 823.353 1865.22 822.646 1865.21 821.267L1865.07 780.528L1869.54 777.061C1870.32 776.459 1871.43 776.544 1872.11 777.257L1898.18 804.712C1898.79 805.355 1898.88 806.334 1898.39 807.078L1895 812.29L1888.52 809.392L1894.42 821.113Z" fill="#005A9E"></path><g filter="url(#hero8)"><path d="M1892.14 823.279C1892.95 824.876 1892.26 826.82 1890.64 827.572C1889.3 828.191 1887.98 828.814 1886.66 829.441C1885.28 830.087 1883.89 830.733 1882.49 831.379C1880.95 832.087 1879.13 831.443 1878.38 829.929L1872.54 818.271L1865.85 824.585C1864.83 825.549 1863.16 824.798 1863.2 823.396L1864.38 781.797C1864.42 780.398 1866.13 779.743 1867.09 780.758C1876.46 790.612 1885.62 800.403 1894.92 810.273C1895.89 811.293 1895.14 812.969 1893.73 812.929L1886.84 812.733L1892.14 823.279Z" fill="#0078D4"></path></g><path d="M1878.21 774.354C1877.54 774.335 1876.96 774.072 1876.48 773.565C1876 773.058 1875.77 772.468 1875.79 771.793C1875.81 771.119 1876.07 770.542 1876.58 770.064L1881.7 765.226C1882.21 764.747 1882.8 764.517 1883.47 764.536C1884.15 764.556 1884.72 764.819 1885.2 765.325C1885.68 765.832 1885.91 766.423 1885.89 767.097C1885.87 767.771 1885.61 768.348 1885.1 768.827L1879.98 773.664C1879.48 774.143 1878.89 774.373 1878.21 774.354ZM1855.59 781.186C1855.57 781.86 1855.31 782.437 1854.8 782.916C1854.3 783.394 1853.71 783.624 1853.03 783.605L1845.56 783.393C1844.89 783.373 1844.31 783.11 1843.83 782.604C1843.35 782.097 1843.12 781.506 1843.14 780.832C1843.16 780.158 1843.42 779.581 1843.93 779.103C1844.44 778.624 1845.03 778.394 1845.7 778.413L1853.17 778.626C1853.85 778.645 1854.42 778.908 1854.9 779.414C1855.38 779.921 1855.61 780.512 1855.59 781.186ZM1855.87 771.227C1855.2 771.208 1854.62 770.945 1854.14 770.438L1849.31 765.317C1848.83 764.811 1848.6 764.22 1848.62 763.546C1848.64 762.871 1848.9 762.295 1849.41 761.816C1849.91 761.337 1850.5 761.108 1851.18 761.127C1851.85 761.146 1852.43 761.409 1852.91 761.916L1857.75 767.037C1858.22 767.543 1858.45 768.134 1858.43 768.808C1858.42 769.482 1858.15 770.059 1857.65 770.538C1857.14 771.017 1856.55 771.246 1855.87 771.227ZM1850.19 795.983C1850.21 795.308 1850.47 794.732 1850.98 794.253L1856.1 789.415C1856.6 788.937 1857.19 788.707 1857.87 788.726C1858.54 788.745 1859.12 789.008 1859.6 789.515C1860.08 790.022 1860.31 790.612 1860.29 791.286C1860.27 791.961 1860.01 792.537 1859.5 793.016L1854.38 797.854C1853.87 798.333 1853.28 798.562 1852.61 798.543C1851.93 798.524 1851.36 798.261 1850.88 797.754C1850.4 797.248 1850.17 796.657 1850.19 795.983ZM1868.39 769.091C1867.72 769.072 1867.14 768.809 1866.66 768.302C1866.19 767.796 1865.96 767.205 1865.97 766.531L1866.19 759.062C1866.21 758.387 1866.47 757.811 1866.98 757.332C1867.48 756.853 1868.07 756.624 1868.75 756.643C1869.42 756.662 1870 756.925 1870.48 757.432C1870.96 757.938 1871.19 758.529 1871.17 759.203L1870.95 766.672C1870.94 767.347 1870.67 767.923 1870.17 768.402C1869.66 768.881 1869.07 769.11 1868.39 769.091Z" fill="#FFD590"></path></g></g><g clip-path="url(#hero17)"><path opacity="0.7" d="M-119.469 567.574C-135.41 556.109 -132.649 531.615 -114.557 523.986L130.918 420.481C145.283 414.424 161.735 416.036 174.65 424.767L674.267 762.505C690.289 773.336 688.599 797.444 671.223 805.933L422.525 927.439C407.27 934.892 389.153 933.357 375.369 923.444L-119.469 567.574Z" fill="#005A9E"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M-114.557 523.987C-132.649 531.615 -135.41 556.11 -119.469 567.574L375.369 923.445C389.153 933.358 407.27 934.892 422.525 927.439L671.223 805.934C688.599 797.444 690.289 773.336 674.267 762.506L672.448 761.276C683.186 768.535 681.978 784.712 670.281 790.295L413.948 912.646C405.012 916.912 394.464 915.992 386.4 910.245L-115.812 552.259C-126.497 544.643 -124.685 528.258 -112.594 523.16L130.918 420.482L-114.557 523.987Z" fill="#004578"></path><path d="M-89.005 554.729C-99.6823 547.109 -97.8669 530.732 -85.7799 525.635L131.954 433.827C146.971 427.495 164.171 429.181 177.674 438.308L643.312 753.077C654.02 760.316 652.855 776.438 641.216 782.061L415.859 890.943C403.449 896.939 388.756 895.689 377.537 887.683L-89.005 554.729Z" fill="white"></path><g opacity="0.4"><path d="M-91.0612 532.199L417.342 890.116M-72.4048 521.363L438.094 879.241M-49.5163 512.542L456.752 868.404M-26.0307 502.448L477.965 859.41M-5.23843 493.666L498.757 850.628M10.7359 484.771L521.143 837.83M31.5281 475.99L541.935 829.048M53.4095 469.283L560.634 820.307M74.1609 458.406L581.385 809.43M96.0207 450.654L600.482 799.429M118.908 441.831L623.37 790.605M140.748 433.03L645.736 776.761" stroke="#EDEBE9" stroke-width="1.59803"></path></g><g opacity="0.4"><path d="M-94.9198 549.669L172.254 436.62M-75.8251 561.88L191.349 448.831M-56.7272 574.09L210.447 461.042M-39.6855 588.437L227.489 475.389M-18.4529 602.703L248.721 489.655M2.77973 616.97L269.954 503.921M24.0521 633.332L289.051 516.133M40.0502 647.698L306.055 528.384M62.2897 659.849L329.342 540.515M81.4243 674.155L350.574 554.781M100.561 688.461L366.55 568.099M137.711 712.902L402.67 593.608M118.614 700.693L383.573 581.399M155.781 726.182L420.721 605.841M174.899 739.44L440.846 616.983M194.014 752.699L458.912 630.262M214.199 766.985L480.144 644.528M233.298 779.197L500.312 657.767M250.318 792.496L519.408 669.979M270.524 807.828L536.45 684.324M288.613 822.155L555.587 698.63M303.52 834.446L574.705 711.889M322.617 846.657L593.802 724.1M342.762 858.848L618.137 736.211M365.063 874.143L630.95 748.543M381.058 888.509L646.925 761.861" stroke="#EDEBE9" stroke-width="1.59803"></path></g><path opacity="0.7" d="M212.251 746.375C202.873 739.309 204.437 724.791 215.105 719.885L403.015 633.468C414.895 628.004 428.758 629.084 439.65 636.32L444.84 639.768C453.021 645.204 452.089 657.501 443.183 661.642L251.948 750.566C238.957 756.607 223.694 754.995 212.251 746.375Z" fill="#C7E0F4"></path><path opacity="0.7" d="M256.766 777.527C253.203 774.835 253.81 769.313 257.873 767.46L475.744 668.13C479.368 666.477 483.596 666.871 486.853 669.165C491.578 672.493 490.901 679.695 485.638 682.084L271.738 779.186C266.82 781.418 261.076 780.781 256.766 777.527Z" fill="#C7E0F4"></path><path opacity="0.7" d="M314.158 819.397C310.594 816.705 311.201 811.183 315.265 809.33L533.135 710C536.759 708.347 540.988 708.742 544.244 711.035C548.969 714.363 548.292 721.565 543.029 723.954L329.129 821.056C324.212 823.288 318.467 822.651 314.158 819.397Z" fill="#C7E0F4"></path><path opacity="0.7" d="M345.962 840.763C342.413 838.083 343.011 832.585 347.052 830.73L568.593 729.03C571.908 727.508 575.78 727.839 578.788 729.903C583.209 732.935 582.649 739.626 577.785 741.88L360.999 842.369C356.075 844.652 350.293 844.034 345.962 840.763Z" fill="#C7E0F4"></path><path opacity="0.7" d="M477.404 701.32L287.606 787.851C283.543 789.704 282.936 795.226 286.499 797.918C290.809 801.173 296.553 801.809 301.471 799.577L490.631 713.706C495.12 711.668 495.708 705.531 491.688 702.677C487.509 699.711 482.067 699.194 477.404 701.32Z" fill="#C7E0F4"></path><path opacity="0.7" d="M461.413 815.181L378.91 853.17C374.871 855.03 374.277 860.526 377.825 863.206C382.16 866.479 387.946 867.097 392.874 864.811L474.289 827.044C477.817 825.408 478.694 820.791 476.012 817.975C472.243 814.018 466.376 812.895 461.413 815.181Z" fill="#C7E0F4"></path><path opacity="0.7" d="M-15.5599 584.774C-26.2798 577.217 -24.5606 560.831 -12.5055 555.663L173.778 475.806C185.605 470.736 199.2 472.045 209.843 479.278L388.786 600.892C396.888 606.398 395.86 618.645 386.953 622.723L197.471 709.485C183.908 715.696 168.065 714.229 155.873 705.633L-15.5599 584.774Z" fill="#C7E0F4"></path><path opacity="0.7" d="M261.777 514.559L388.789 600.892C396.891 606.399 395.862 618.645 386.955 622.723L197.472 709.486C183.908 715.697 168.066 714.23 155.873 705.634L67.7413 643.502L88.1323 640.313C105.199 637.645 118.098 623.441 119.114 606.197C120.328 585.587 138.291 570.029 158.864 571.77L171.815 572.866C189.598 574.371 206.083 563.458 211.644 546.5C215.62 534.374 225.346 525.007 237.612 521.489L261.777 514.559Z" fill="white"></path><g opacity="0.6" filter="url(#hero9)"><path d="M-89.8072 512.825C-100.485 505.205 -98.6691 488.827 -86.5821 483.731L131.152 391.923C146.169 385.59 163.369 387.276 176.871 396.404L642.51 711.173C653.218 718.411 652.052 734.534 640.414 740.157L415.057 849.039C402.647 855.035 387.954 853.785 376.735 845.778L-89.8072 512.825Z" fill="white"></path></g><path d="M384.228 795.08L367.548 787.343C353.284 780.727 348.794 762.617 358.315 750.105C363.299 743.555 371.227 739.929 379.442 740.443L412.13 742.487C420.334 743 427.617 747.915 431.163 755.331C435.534 764.471 433.308 775.403 425.71 782.106L424.361 783.296C423.345 784.193 422.403 785.17 421.545 786.219L421.24 786.592C412.286 797.537 397.056 801.03 384.228 795.08Z" fill="#FBEEE5"></path><path d="M383.367 788.737L371.208 783.725C359.105 778.735 355.012 763.634 362.94 753.216C366.923 747.982 373.231 745.049 379.8 745.376L392.936 746.031C407.706 746.767 417.643 761.466 412.822 775.447C408.657 787.527 395.181 793.607 383.367 788.737Z" fill="#FDE5BC"></path><path d="M384.954 780.821L375.854 778.896C365.108 776.623 359.772 764.468 365.372 755.019C368.919 749.033 375.918 746.016 382.705 747.547L391.778 749.593C400.852 751.639 406.268 760.971 403.545 769.865C401.12 777.78 393.053 782.535 384.954 780.821Z" fill="#FFD590"></path><path d="M371.433 759.98L374.684 755.53C376.541 752.989 379.566 751.57 382.707 751.766C388.893 752.153 392.944 758.409 390.766 764.211L388.83 769.371C387.288 773.479 383.245 776.097 378.866 775.823C371.001 775.331 366.784 766.343 371.433 759.98Z" fill="#F7937C"></path><path d="M371.417 685.791L383.651 684.396C393.408 683.284 402.936 687.876 408.145 696.2L419.962 715.086C422.83 719.669 428.373 721.816 433.579 720.362C446.193 716.838 454.733 732.967 444.729 741.419L432.106 752.084C428.906 754.787 424.763 756.109 420.589 755.758L411.354 754.981C408.27 754.722 405.672 752.572 404.84 749.591L404.501 748.378C403.659 745.358 405.267 742.197 408.204 741.101C411.826 739.749 413.261 735.389 411.15 732.151L403.731 720.767C400.411 715.674 394.614 712.754 388.545 713.119L373.871 714C366.809 714.425 360.517 709.573 359.132 702.636C357.509 694.508 363.182 686.729 371.417 685.791Z" fill="#FBEEE5"></path><path d="M422.788 707.989C424.887 710.473 428.602 710.785 431.085 708.686C433.569 706.588 433.881 702.873 431.783 700.39C429.684 697.906 425.97 697.594 423.486 699.692C421.002 701.791 420.69 705.505 422.788 707.989Z" fill="#FBEEE5"></path><path d="M445.043 727.808L449.421 727.59C457.113 727.208 464.236 731.637 467.296 738.705C471.35 748.07 467.045 758.949 457.68 763.004L451.416 765.716C449.699 766.459 448.069 767.391 446.557 768.494L434.718 777.13C430.3 780.352 424.151 779.657 420.563 775.53C418.424 773.068 417.545 769.754 418.185 766.556L421.953 747.717C424.181 736.575 433.695 728.372 445.043 727.808Z" fill="#FBEEE5"></path><path d="M440.646 739.031L447.019 738.321C450.873 737.893 454.452 740.036 455.978 743.688C458.156 748.899 455.422 755.171 450.138 757.086L444.12 759.267C436.848 762.712 429.372 756.104 431.421 748.04L431.639 747.182C432.755 742.789 436.384 739.505 440.646 739.031Z" fill="#FDE5BC"></path><path d="M92.1265 549.591L101.872 547.949C123.584 546.583 142.957 561.488 147.204 582.825L147.927 586.46C149.305 593.386 152.344 599.875 156.781 605.368L158.849 607.928C161.054 610.657 162.704 613.789 163.708 617.15L164.602 620.144C166.973 628.081 164.66 636.676 158.627 642.352C153.52 647.156 146.421 649.224 139.534 647.912L133.71 646.804C124.45 645.041 116.361 639.46 111.425 631.43L106.44 623.321C104.479 620.132 102.199 617.151 99.6338 614.425L78.0387 591.47C75.9827 589.285 74.3359 586.748 73.1768 583.98C66.94 569.089 76.2064 552.273 92.1265 549.591Z" fill="#FBEEE5"></path><path d="M148.902 617.627L149.725 626.773C150.344 633.66 145.526 639.851 138.698 640.941C133.488 641.774 128.285 639.413 125.481 634.945L113.617 616.043C111.457 612.602 108.86 609.457 105.89 606.686L89.9356 591.799C86.5573 588.646 84.3361 584.451 83.6287 579.884L83.4379 578.653C81.611 566.861 90.6886 556.201 102.621 556.125C107.359 556.095 111.946 557.788 115.529 560.889L121.816 566.33C126.971 570.791 130.266 577.023 131.051 583.796C131.744 589.783 134.403 595.371 138.612 599.685L142.461 603.631C146.154 607.416 148.429 612.36 148.902 617.627Z" fill="#FDE5BC"></path><path d="M92.4659 589.813L88.585 583.675C83.0328 574.894 87.9005 563.267 98.0524 561.06C104.384 559.684 110.881 562.54 114.149 568.135L117.366 573.642C119.846 577.889 120.653 582.908 119.63 587.719L118.274 594.099C117.56 597.453 118.789 600.924 121.454 603.082C121.909 603.45 122.398 603.774 122.915 604.049L134.579 610.243C137.296 611.687 139.513 613.919 140.937 616.646L143.341 621.249C145.649 625.669 144.185 631.121 139.973 633.79C135.234 636.792 128.942 635.104 126.342 630.134L120.885 619.703C120.172 618.339 119.615 616.899 119.225 615.41L119.124 615.026C117.202 607.688 111.914 601.696 104.873 598.876L101.954 597.707C98.0398 596.139 94.7195 593.377 92.4659 589.813Z" fill="#FFD590"></path><path d="M104.981 568.669L108.128 570.178C111.97 572.021 114.544 575.765 114.889 580.012L115.259 584.57L115.321 585.098C116.08 591.55 109.954 596.652 103.746 594.736C102.059 594.216 100.563 593.211 99.4448 591.845L92.9775 583.954C91.6734 582.362 90.8944 580.406 90.7477 578.354C90.2031 570.733 98.0924 565.365 104.981 568.669Z" fill="#E3646A"></path><path d="M132.464 614.635L135.663 616.458C137.104 617.279 138.16 618.639 138.598 620.238L138.632 620.366C139.027 621.807 138.861 623.345 138.168 624.669C137.313 626.303 135.738 627.446 133.92 627.757C131.813 628.118 129.665 627.321 128.31 625.667L125.769 622.567C125.078 621.723 124.665 620.686 124.587 619.598C124.286 615.39 128.799 612.547 132.464 614.635Z" fill="#F7937C"></path><path d="M204.166 513.908L204.727 519.313C205.808 529.715 214.462 537.687 224.918 537.911L233.698 538.099C239.026 538.213 243.453 542.242 244.068 547.536C245.005 555.603 236.944 561.718 229.427 558.642L219.115 554.422C210.942 551.077 201.563 554.445 197.385 562.225L192.045 572.171C189.729 576.484 184.32 578.05 180.058 575.641C172.94 571.617 174.764 560.893 182.812 559.449L186.52 558.783C195.829 557.113 197.928 544.704 189.688 540.063L183.11 536.36C181.013 535.179 178.626 534.613 176.222 534.727L141.9 536.355C129.241 536.955 118.759 526.633 119.164 513.966C119.534 502.407 128.897 493.165 140.461 492.946L179.628 492.206C181.116 492.177 182.603 492.286 184.07 492.531C194.815 494.324 203.04 503.073 204.166 513.908Z" fill="#FBEEE5"></path><path d="M430.859 595.105L432.2 614.739C433.347 631.529 418.674 645.075 402.029 642.594C393.316 641.295 385.829 635.727 382.076 627.757L367.145 596.042C363.397 588.082 364.253 578.717 369.381 571.569C375.702 562.757 387.103 559.21 397.307 562.882L399.119 563.534C400.484 564.025 401.886 564.404 403.312 564.669L403.819 564.763C418.702 567.52 429.828 580.005 430.859 595.105Z" fill="#FDE5BC"></path><path d="M425.349 599.183L426.914 613.172C428.473 627.096 416.418 638.719 402.559 636.653C395.596 635.615 389.593 631.21 386.514 624.879L380.358 612.221C373.435 597.986 382.1 581.089 397.699 578.405C411.177 576.085 423.827 585.591 425.349 599.183Z" fill="#FFD590"></path><path d="M417.108 601.776L419.993 611.304C423.399 622.555 414.748 633.826 402.999 633.445C395.557 633.203 389.118 628.192 387.055 621.037L384.298 611.472C381.54 601.906 387.502 592.015 397.248 589.986C405.922 588.18 414.54 593.296 417.108 601.776Z" fill="#F7937C"></path><path d="M404.526 625.201L398.676 624.445C395.335 624.013 392.445 621.908 391.01 618.86C388.185 612.858 391.965 605.834 398.53 604.885L404.368 604.042C409.015 603.37 413.556 605.814 415.556 610.062C419.149 617.693 412.892 626.282 404.526 625.201Z" fill="#E3646A"></path><path d="M320.411 622.281L318.412 621.983C309.319 620.627 301.506 614.817 297.59 606.5L287.602 585.285C285.35 580.502 282.529 576.008 279.202 571.9L273.889 565.343C270.322 560.939 267.938 555.697 266.965 550.114L266.564 547.819C265.286 540.486 267.01 532.948 271.348 526.9L271.749 526.34C278.735 516.603 291.334 512.683 302.61 516.741C303.975 517.232 305.377 517.611 306.803 517.875L307.571 518.017C322.602 520.802 334.294 532.677 336.844 547.749L338.024 554.723C338.415 557.033 338.98 559.31 339.714 561.535L348.681 588.724C349.519 591.265 349.956 593.921 349.977 596.597C350.098 612.42 336.062 624.614 320.411 622.281Z" fill="#FDE5BC"></path><path d="M302.571 604.44L283.127 563.14C280.313 557.162 280.047 550.298 282.391 544.121L283.628 540.859C288.079 529.127 301.687 523.804 312.917 529.402C318.353 532.112 322.366 537.023 323.938 542.889L328.946 561.568C329.933 565.249 331.245 568.834 332.868 572.281L339.058 585.429C339.88 587.175 340.462 589.024 340.788 590.926L341.03 592.339C343.369 605.991 331.678 617.938 317.978 615.896C311.25 614.893 305.469 610.594 302.571 604.44Z" fill="#FFD590"></path><path d="M324.785 565.28L334.332 590.978C338.328 601.735 330.142 613.11 318.673 612.737C311.369 612.5 305.134 607.385 303.474 600.268L297.247 573.57C295.255 565.03 301.29 556.706 310.026 555.944C316.486 555.38 322.527 559.201 324.785 565.28Z" fill="#F7937C"></path><path d="M312.858 602.853L311.699 601.931C309.878 600.481 308.504 598.547 307.733 596.352L303.558 584.455C302.27 580.783 302.821 576.716 305.041 573.519L307.074 570.592C310.022 566.348 315.965 565.524 319.956 568.806C320.968 569.638 321.783 570.684 322.341 571.87L330.396 588.98C331.407 591.127 331.728 593.535 331.314 595.871C329.798 604.442 319.668 608.274 312.858 602.853Z" fill="#E3646A"></path><path d="M369.922 636.436L367.584 668.948C366.6 682.636 353.21 691.906 340.052 688.008C333.164 685.968 327.751 680.62 325.628 673.757L320.226 656.295C316.646 644.725 323.124 632.444 334.694 628.865L335.295 628.679C337.565 627.977 339.681 626.847 341.528 625.351L344.326 623.084C352.075 616.806 363.635 619.23 368.209 628.091C369.537 630.662 370.129 633.55 369.922 636.436Z" fill="#FDE5BC"></path><path d="M365.335 650.886L364.28 667.36C363.548 678.801 352.379 686.598 341.387 683.342C335.738 681.669 331.278 677.318 329.466 671.712L324.808 657.306C321.324 646.529 328.633 635.252 339.885 633.955C340.944 633.832 341.994 633.612 343.012 633.297C354.56 629.724 366.107 638.823 365.335 650.886Z" fill="#FFD590"></path><path d="M358.64 655.944L359.435 664.992C360.282 674.63 351.765 682.454 342.233 680.793C336.02 679.711 331.185 674.793 330.208 668.561L328.933 660.419C327.935 654.049 332.4 648.114 338.798 647.309C339.947 647.164 341.071 646.844 342.125 646.362C349.459 643.009 357.934 647.911 358.64 655.944Z" fill="#F7937C"></path><path d="M351.514 669.086L347.731 673.669C346.813 674.782 345.59 675.602 344.211 676.028C340.307 677.236 336.163 675.05 334.955 671.146L333.055 665.004C331.63 660.401 333.478 655.415 337.558 652.85C342.774 649.572 349.675 651.395 352.592 656.821L352.704 657.029C354.794 660.917 354.324 665.682 351.514 669.086Z" fill="#E3646A"></path><path d="M223.59 625.886L236.569 635.173C244.968 641.184 249.808 650.994 249.466 661.317L248.815 680.97C248.611 687.124 251.545 692.96 256.607 696.466C271.462 706.756 263.751 730.069 245.689 729.47L225.236 728.793C219.829 728.613 214.714 726.294 211.017 722.343C204.745 715.641 203.721 705.574 208.517 697.747L214.869 687.378C221.207 677.032 218.854 663.586 209.378 656.008L204.03 651.73C197.706 646.672 196.084 637.724 200.231 630.768C205.089 622.619 215.875 620.365 223.59 625.886Z" fill="#FBEEE5"></path><g opacity="0.9" filter="url(#hero10)"><path d="M-91.0068 449.968C-101.684 442.348 -99.8686 425.971 -87.7816 420.874L129.952 329.066C144.969 322.734 162.17 324.42 175.672 333.547L641.31 648.316C652.019 655.555 650.853 671.677 639.215 677.301L413.858 786.183C401.447 792.179 386.754 790.929 375.535 782.922L-91.0068 449.968Z" fill="url(#hero15)"></path></g><g filter="url(#hero11)"><path d="M405.446 471.618C406.039 466.416 400.683 462.588 395.953 464.834L269.723 524.754L274.385 483.818C274.445 483.295 274.069 482.823 273.546 482.763C273.023 482.704 272.55 483.079 272.49 483.603L267.694 525.717L136.832 587.835C132.963 589.672 130.316 593.375 129.832 597.63L128.548 608.897C128.489 609.42 128.865 609.892 129.388 609.952C129.911 610.011 130.383 609.636 130.443 609.112L131.726 597.846C132.136 594.245 134.376 591.112 137.649 589.558L396.771 466.556C400.15 464.953 403.975 467.687 403.552 471.403L401.913 485.788C401.854 486.311 402.23 486.784 402.753 486.843C403.276 486.903 403.748 486.527 403.808 486.004L405.446 471.618Z" fill="#005A9E"></path><path d="M260.693 524.845C260.165 529.479 263.494 533.663 268.127 534.191C272.761 534.719 276.946 531.39 277.473 526.756C278.001 522.122 274.672 517.938 270.039 517.41C265.405 516.883 261.221 520.211 260.693 524.845Z" fill="#005A9E" stroke="#005A9E" stroke-width="0.95346"></path><path d="M353.866 423.147C352.415 422.273 350.623 422.182 349.091 422.906L169.478 507.708C167.742 508.527 166.619 510.258 166.578 512.177L166.042 536.946C165.99 539.345 167.178 541.602 169.185 542.919L171.971 544.746C173.24 545.578 174.849 545.696 176.225 545.058L357.316 457.161C359.021 456.333 360.121 454.622 360.167 452.727L360.708 430.246C360.72 429.713 360.649 429.182 360.495 428.671C360.134 427.469 359.339 426.445 358.264 425.797L353.866 423.147Z" fill="#E1DFDD"></path><path d="M360.708 430.672C360.806 426.883 356.859 424.334 353.446 425.98L174.335 512.379C172.626 513.203 171.522 514.913 171.473 516.809L170.834 541.52C170.76 544.362 173.72 546.274 176.28 545.039L357.26 457.739C358.969 456.915 360.073 455.205 360.122 453.309L360.708 430.672Z" fill="white" fill-opacity="0.9"></path><path d="M345.029 447.293C344.395 445.978 342.815 445.426 341.5 446.06L239.938 495.005C238.623 495.639 238.07 497.219 238.704 498.534C239.338 499.849 240.918 500.402 242.233 499.768L343.795 450.822C345.11 450.189 345.662 448.609 345.029 447.293Z" fill="#EDEBE9"></path><path d="M207.921 513.088C206.09 509.288 201.526 507.693 197.726 509.524L188.52 513.96C184.721 515.791 183.125 520.356 184.956 524.155C186.787 527.955 191.352 529.551 195.151 527.719L204.357 523.283C208.157 521.452 209.752 516.887 207.921 513.088Z" fill="#DEECF9"></path><path d="M231.731 510.184C231.903 509.544 231.524 508.885 230.883 508.713L211.49 503.498C210.85 503.326 210.191 503.705 210.019 504.345C209.847 504.985 210.226 505.644 210.867 505.816L230.26 511.031C230.9 511.203 231.559 510.824 231.731 510.184Z" fill="#2E6AC5"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M224.075 504.752C221.867 504.501 220.313 502.236 220.603 499.693C220.893 497.15 222.918 495.292 225.125 495.543C227.332 495.794 228.886 498.059 228.596 500.602C228.306 503.145 226.282 505.003 224.075 504.752ZM224.299 502.792C223.035 502.648 222.146 501.347 222.313 499.887C222.479 498.426 223.638 497.359 224.901 497.503C226.164 497.646 227.053 498.947 226.887 500.408C226.721 501.868 225.562 502.936 224.299 502.792Z" fill="#2E6AC5"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M216.576 518.984C214.369 518.733 212.815 516.468 213.105 513.925C213.395 511.382 215.419 509.524 217.626 509.775C219.834 510.026 221.388 512.291 221.098 514.834C220.808 517.377 218.783 519.235 216.576 518.984ZM216.8 517.024C215.537 516.88 214.648 515.579 214.814 514.119C214.981 512.658 216.139 511.591 217.403 511.734C218.666 511.878 219.555 513.179 219.389 514.64C219.222 516.1 218.063 517.168 216.8 517.024Z" fill="#2E6AC5"></path></g></g><defs><filter id="hero0" x="1816.9" y="142.936" width="366.954" height="361.142" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"></feFlood><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"></feColorMatrix><feOffset dy="34.0976"></feOffset><feGaussianBlur stdDeviation="38.3598"></feGaussianBlur><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.22 0"></feColorMatrix><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"></feBlend><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"></feColorMatrix><feOffset dy="6.3933"></feOffset><feGaussianBlur stdDeviation="9.58995"></feGaussianBlur><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.18 0"></feColorMatrix><feBlend mode="normal" in2="effect1_dropShadow" result="effect2_dropShadow"></feBlend><feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow" result="shape"></feBlend></filter><filter id="hero1" x="1700.28" y="-36.622" width="366.954" height="361.142" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"></feFlood><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"></feColorMatrix><feOffset dy="34.0976"></feOffset><feGaussianBlur stdDeviation="38.3598"></feGaussianBlur><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.22 0"></feColorMatrix><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"></feBlend><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"></feColorMatrix><feOffset dy="6.3933"></feOffset><feGaussianBlur stdDeviation="9.58995"></feGaussianBlur><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.18 0"></feColorMatrix><feBlend mode="normal" in2="effect1_dropShadow" result="effect2_dropShadow"></feBlend><feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow" result="shape"></feBlend></filter><filter id="hero2" x="1646.13" y="110.049" width="366.954" height="361.142" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"></feFlood><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"></feColorMatrix><feOffset dy="34.0976"></feOffset><feGaussianBlur stdDeviation="38.3598"></feGaussianBlur><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.22 0"></feColorMatrix><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"></feBlend><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"></feColorMatrix><feOffset dy="6.3933"></feOffset><feGaussianBlur stdDeviation="9.58995"></feGaussianBlur><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.18 0"></feColorMatrix><feBlend mode="normal" in2="effect1_dropShadow" result="effect2_dropShadow"></feBlend><feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow" result="shape"></feBlend></filter><filter id="hero3" x="1538.3" y="99.3536" width="575.663" height="746.645" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"></feFlood><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"></feColorMatrix><feOffset dy="34.0976"></feOffset><feGaussianBlur stdDeviation="38.3598"></feGaussianBlur><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.22 0"></feColorMatrix><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"></feBlend><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"></feColorMatrix><feOffset dy="6.3933"></feOffset><feGaussianBlur stdDeviation="9.58995"></feGaussianBlur><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.18 0"></feColorMatrix><feBlend mode="normal" in2="effect1_dropShadow" result="effect2_dropShadow"></feBlend><feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow" result="shape"></feBlend></filter><filter id="hero4" x="1695.47" y="361.126" width="211.264" height="217.827" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"></feFlood><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"></feColorMatrix><feOffset dy="34.0976"></feOffset><feGaussianBlur stdDeviation="38.3598"></feGaussianBlur><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.22 0"></feColorMatrix><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"></feBlend><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"></feColorMatrix><feOffset dy="6.3933"></feOffset><feGaussianBlur stdDeviation="9.58995"></feGaussianBlur><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.18 0"></feColorMatrix><feBlend mode="normal" in2="effect1_dropShadow" result="effect2_dropShadow"></feBlend><feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow" result="shape"></feBlend></filter><filter id="hero5" x="1288.99" y="374.889" width="532.053" height="572.647" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"></feFlood><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"></feColorMatrix><feOffset dy="48.5373"></feOffset><feGaussianBlur stdDeviation="54.6045"></feGaussianBlur><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.22 0"></feColorMatrix><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"></feBlend><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"></feColorMatrix><feOffset dy="9.10075"></feOffset><feGaussianBlur stdDeviation="13.6511"></feGaussianBlur><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.18 0"></feColorMatrix><feBlend mode="normal" in2="effect1_dropShadow" result="effect2_dropShadow"></feBlend><feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow" result="shape"></feBlend></filter><filter id="hero6" x="1472.53" y="537.661" width="142.611" height="161.853" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"></feFlood><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"></feColorMatrix><feOffset dy="24.5449"></feOffset><feGaussianBlur stdDeviation="27.613"></feGaussianBlur><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.22 0"></feColorMatrix><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"></feBlend><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"></feColorMatrix><feOffset dy="4.60217"></feOffset><feGaussianBlur stdDeviation="6.90325"></feGaussianBlur><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.18 0"></feColorMatrix><feBlend mode="normal" in2="effect1_dropShadow" result="effect2_dropShadow"></feBlend><feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow" result="shape"></feBlend></filter><filter id="hero7" x="1624.43" y="586.81" width="532.053" height="572.647" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"></feFlood><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"></feColorMatrix><feOffset dy="48.5373"></feOffset><feGaussianBlur stdDeviation="54.6045"></feGaussianBlur><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.22 0"></feColorMatrix><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"></feBlend><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"></feColorMatrix><feOffset dy="9.10075"></feOffset><feGaussianBlur stdDeviation="13.6511"></feGaussianBlur><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.18 0"></feColorMatrix><feBlend mode="normal" in2="effect1_dropShadow" result="effect2_dropShadow"></feBlend><feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow" result="shape"></feBlend></filter><filter id="hero8" x="1807.97" y="749.585" width="142.611" height="161.853" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"></feFlood><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"></feColorMatrix><feOffset dy="24.5449"></feOffset><feGaussianBlur stdDeviation="27.613"></feGaussianBlur><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.22 0"></feColorMatrix><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"></feBlend><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"></feColorMatrix><feOffset dy="4.60217"></feOffset><feGaussianBlur stdDeviation="6.90325"></feGaussianBlur><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.18 0"></feColorMatrix><feBlend mode="normal" in2="effect1_dropShadow" result="effect2_dropShadow"></feBlend><feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow" result="shape"></feBlend></filter><filter id="hero9" x="-217.543" y="321.076" width="988.136" height="706.074" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"></feFlood><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"></feColorMatrix><feOffset dy="53.6475"></feOffset><feGaussianBlur stdDeviation="60.3535"></feGaussianBlur><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.22 0"></feColorMatrix><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"></feBlend><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"></feColorMatrix><feOffset dy="10.0589"></feOffset><feGaussianBlur stdDeviation="15.0884"></feGaussianBlur><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.18 0"></feColorMatrix><feBlend mode="normal" in2="effect1_dropShadow" result="effect2_dropShadow"></feBlend><feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow" result="shape"></feBlend></filter><filter id="hero10" x="-218.742" y="258.22" width="988.136" height="706.074" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"></feFlood><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"></feColorMatrix><feOffset dy="53.6475"></feOffset><feGaussianBlur stdDeviation="60.3535"></feGaussianBlur><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.22 0"></feColorMatrix><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"></feBlend><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"></feColorMatrix><feOffset dy="10.0589"></feOffset><feGaussianBlur stdDeviation="15.0884"></feGaussianBlur><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.18 0"></feColorMatrix><feBlend mode="normal" in2="effect1_dropShadow" result="effect2_dropShadow"></feBlend><feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow" result="shape"></feBlend></filter><filter id="hero11" x="56.4447" y="382.367" width="421.144" height="331.732" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"></feFlood><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"></feColorMatrix><feOffset dy="32.0433"></feOffset><feGaussianBlur stdDeviation="36.0487"></feGaussianBlur><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.22 0"></feColorMatrix><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"></feBlend><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"></feColorMatrix><feOffset dy="6.00812"></feOffset><feGaussianBlur stdDeviation="9.01218"></feGaussianBlur><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.18 0"></feColorMatrix><feBlend mode="normal" in2="effect1_dropShadow" result="effect2_dropShadow"></feBlend><feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow" result="shape"></feBlend></filter><linearGradient id="hero12" x1="47.5003" y1="593.222" x2="296.03" y2="-379.84" gradientUnits="userSpaceOnUse"><stop stop-color="#3A6AD8"></stop><stop offset="0.520833" stop-color="#3D7FDB"></stop><stop offset="1" stop-color="#4094EB"></stop></linearGradient><linearGradient id="hero13" x1="1822.14" y1="172.399" x2="1822.14" y2="717.601" gradientUnits="userSpaceOnUse"><stop stop-color="#F7BEB4"></stop><stop offset="1" stop-color="#E5F6B5"></stop></linearGradient><linearGradient id="hero14" x1="1642.99" y1="224.556" x2="2001.28" y2="673.419" gradientUnits="userSpaceOnUse"><stop stop-color="#28C2D1"></stop><stop offset="1" stop-color="#E5F6B5"></stop></linearGradient><linearGradient id="hero15" x1="-470.981" y1="-50.9145" x2="816.227" y2="1188.02" gradientUnits="userSpaceOnUse"><stop stop-color="#E3646A"></stop><stop offset="0.2625" stop-color="#F7937C"></stop><stop offset="0.470833" stop-color="#FFD590"></stop><stop offset="0.66875" stop-color="#FDE5BC"></stop><stop offset="1" stop-color="#E5F6B5"></stop></linearGradient><clipPath id="hero16"><rect width="666" height="1081" fill="white" transform="translate(1300)"></rect></clipPath><clipPath id="hero17"><rect width="688" height="608" fill="white" transform="translate(0 325)"></rect></clipPath></defs></svg></div><div class="bannerContent"> <div class="bannerTextArea"><h1 class="bannerTitle">See what your users want—with Clarity</h1><div class="bannerText">Clarity is a free, easy-to-use tool that captures how real people actually use your site. Setup is easy and you'll start getting data in minutes.</div><div class="pageBannerFeatures"><span class="pageBannerFeature"><i data-icon-name="CheckMark" aria-hidden="true" class="ms-Icon root-89 css-107" style="font-family: &quot;FabricMDL2Icons&quot;;"></i>GDPR &amp; CCPA ready</span><span class="pageBannerFeature"><i data-icon-name="CheckMark" aria-hidden="true" class="ms-Icon root-89 css-107" style="font-family: &quot;FabricMDL2Icons&quot;;"></i>No sampling</span><span class="pageBannerFeature"><i data-icon-name="CheckMark" aria-hidden="true" class="ms-Icon root-89 css-107" style="font-family: &quot;FabricMDL2Icons&quot;;"></i>Built on open source</span></div><div class="buttonArea"><button type="button" id="firstContentItem" data-clarity-id="btnGetStarted" class="ms-Button ms-Button--default root-143" data-is-focusable="true"><span class="ms-Button-flexContainer flexContainer-99" data-automationid="splitbuttonprimary"><span class="ms-Button-textContainer textContainer-100"><span class="ms-Button-label label-144" id="id__16">Sign up—it's free!</span></span></span></button><a href="/demo/projects/view/3t0wlogvdz/dashboard" data-clarity-id="btnLiveDemo" class="ms-Button ms-Button--primary root-145" data-is-focusable="true"><span class="ms-Button-flexContainer flexContainer-99" data-automationid="splitbuttonprimary"><span class="ms-Button-textContainer textContainer-100"><span class="ms-Button-label label-144" id="id__19">See live demo</span></span></span></a></div></div></div></div><div class="landingSection companiesUsingClarityContainer newCompaniesUsingClarity"><div class="companiesUsingClarityBody flexContainer"><h2 class="companiesUsingClarityTitle landingSectionTitle">Companies that use Clarity</h2><div class="companies flexContainer"><div><img alt="World Health Organization" style="left: 0px;" src="https://claritystatic.azureedge.net/images/CompaniesUsingClarityV2.png"></div><div><img alt="Hewlett Packard" style="left: -260px;" src="https://claritystatic.azureedge.net/images/CompaniesUsingClarityV2.png"></div><div><img alt="Pizza Hut" style="left: -1040px;" src="https://claritystatic.azureedge.net/images/CompaniesUsingClarityV2.png"></div><div><img alt="Cinemark" style="left: -1300px;" src="https://claritystatic.azureedge.net/images/CompaniesUsingClarityV2.png"></div><div><img alt="Forbes" style="left: -1560px;" src="https://claritystatic.azureedge.net/images/CompaniesUsingClarityV2.png"></div><div><img alt="Acer" style="left: -1820px;" src="https://claritystatic.azureedge.net/images/CompaniesUsingClarityV2.png"></div></div></div></div><div class="platformsRatingWrapper"><div class="platformsRatingContainer"><div class="platform"><img src="https://claritystatic.azureedge.net/images/CompaniesRatingClarity.png" alt="Capterra" class="capterraLogo"><div class="ratingContainer">4.7<div class="ms-Rating-star ms-RatingStar-root root-146 ms-RatingStar-root--large rootIsLarge-148" id="Rating22"><div class="ms-FocusZone css-157 ms-Rating-focuszone ratingFocusZone-156 ms-RatingStar-root--large rootIsLarge-148" role="textbox" aria-readonly="true" data-is-focusable="true" tabindex="0" data-focuszone-id="FocusZone24"><button class="ms-Rating-button ratingButton-152 ms-Rating--large ratingStarIsLarge-154" id="Rating22-star-0" disabled="" role="radio" aria-hidden="true" type="button" aria-checked="false"><span id="RatingLabel23-1" class="ms-Rating-labelText labelText-155"></span><div class="ms-RatingStar-container ratingStar-149"><i data-icon-name="FavoriteStarFill" aria-hidden="true" class="ms-RatingStar-back ratingStarBack-158"></i><i data-icon-name="FavoriteStarFill" aria-hidden="true" class="ms-RatingStar-front ratingStarFront-159" style="width: 100%;"></i></div></button><button class="ms-Rating-button ratingButton-152 ms-Rating--large ratingStarIsLarge-154" id="Rating22-star-1" disabled="" role="radio" aria-hidden="true" type="button" aria-checked="false"><span id="RatingLabel23-2" class="ms-Rating-labelText labelText-155"></span><div class="ms-RatingStar-container ratingStar-149"><i data-icon-name="FavoriteStarFill" aria-hidden="true" class="ms-RatingStar-back ratingStarBack-158"></i><i data-icon-name="FavoriteStarFill" aria-hidden="true" class="ms-RatingStar-front ratingStarFront-159" style="width: 100%;"></i></div></button><button class="ms-Rating-button ratingButton-152 ms-Rating--large ratingStarIsLarge-154" id="Rating22-star-2" disabled="" role="radio" aria-hidden="true" type="button" aria-checked="false"><span id="RatingLabel23-3" class="ms-Rating-labelText labelText-155"></span><div class="ms-RatingStar-container ratingStar-149"><i data-icon-name="FavoriteStarFill" aria-hidden="true" class="ms-RatingStar-back ratingStarBack-158"></i><i data-icon-name="FavoriteStarFill" aria-hidden="true" class="ms-RatingStar-front ratingStarFront-159" style="width: 100%;"></i></div></button><button class="ms-Rating-button ratingButton-152 ms-Rating--large ratingStarIsLarge-154" id="Rating22-star-3" disabled="" role="radio" aria-hidden="true" type="button" aria-checked="false"><span id="RatingLabel23-4" class="ms-Rating-labelText labelText-155"></span><div class="ms-RatingStar-container ratingStar-149"><i data-icon-name="FavoriteStarFill" aria-hidden="true" class="ms-RatingStar-back ratingStarBack-158"></i><i data-icon-name="FavoriteStarFill" aria-hidden="true" class="ms-RatingStar-front ratingStarFront-159" style="width: 100%;"></i></div></button><button class="ms-Rating-button ratingButton-152 ms-Rating--large ratingStarIsLarge-154" id="Rating22-star-4" data-is-current="true" disabled="" role="radio" aria-hidden="true" type="button" aria-checked="true"><span id="RatingLabel23-5" class="ms-Rating-labelText labelText-155"></span><div class="ms-RatingStar-container ratingStar-149"><i data-icon-name="FavoriteStar" aria-hidden="true" class="ms-RatingStar-back ratingStarBack-158"></i><i data-icon-name="FavoriteStarFill" aria-hidden="true" class="ms-RatingStar-front ratingStarFront-159" style="width: 70%;"></i></div></button></div></div></div><a target="_blank" href="https://www.capterra.com/p/236349/Microsoft-Clarity/" class="ms-Link root-160">view Capterra review</a></div><div class="platform"><img src="https://claritystatic.azureedge.net/images/CompaniesRatingClarity.png" alt="G2" class="g2Logo"><div class="ratingContainer">4.3<div class="ms-Rating-star ms-RatingStar-root root-146 ms-RatingStar-root--large rootIsLarge-148" id="Rating25"><div class="ms-FocusZone css-157 ms-Rating-focuszone ratingFocusZone-156 ms-RatingStar-root--large rootIsLarge-148" role="textbox" aria-readonly="true" data-is-focusable="true" tabindex="0" data-focuszone-id="FocusZone27"><button class="ms-Rating-button ratingButton-152 ms-Rating--large ratingStarIsLarge-154" id="Rating25-star-0" disabled="" role="radio" aria-hidden="true" type="button" aria-checked="false"><span id="RatingLabel26-1" class="ms-Rating-labelText labelText-155"></span><div class="ms-RatingStar-container ratingStar-149"><i data-icon-name="FavoriteStarFill" aria-hidden="true" class="ms-RatingStar-back ratingStarBack-158"></i><i data-icon-name="FavoriteStarFill" aria-hidden="true" class="ms-RatingStar-front ratingStarFront-159" style="width: 100%;"></i></div></button><button class="ms-Rating-button ratingButton-152 ms-Rating--large ratingStarIsLarge-154" id="Rating25-star-1" disabled="" role="radio" aria-hidden="true" type="button" aria-checked="false"><span id="RatingLabel26-2" class="ms-Rating-labelText labelText-155"></span><div class="ms-RatingStar-container ratingStar-149"><i data-icon-name="FavoriteStarFill" aria-hidden="true" class="ms-RatingStar-back ratingStarBack-158"></i><i data-icon-name="FavoriteStarFill" aria-hidden="true" class="ms-RatingStar-front ratingStarFront-159" style="width: 100%;"></i></div></button><button class="ms-Rating-button ratingButton-152 ms-Rating--large ratingStarIsLarge-154" id="Rating25-star-2" disabled="" role="radio" aria-hidden="true" type="button" aria-checked="false"><span id="RatingLabel26-3" class="ms-Rating-labelText labelText-155"></span><div class="ms-RatingStar-container ratingStar-149"><i data-icon-name="FavoriteStarFill" aria-hidden="true" class="ms-RatingStar-back ratingStarBack-158"></i><i data-icon-name="FavoriteStarFill" aria-hidden="true" class="ms-RatingStar-front ratingStarFront-159" style="width: 100%;"></i></div></button><button class="ms-Rating-button ratingButton-152 ms-Rating--large ratingStarIsLarge-154" id="Rating25-star-3" disabled="" role="radio" aria-hidden="true" type="button" aria-checked="false"><span id="RatingLabel26-4" class="ms-Rating-labelText labelText-155"></span><div class="ms-RatingStar-container ratingStar-149"><i data-icon-name="FavoriteStarFill" aria-hidden="true" class="ms-RatingStar-back ratingStarBack-158"></i><i data-icon-name="FavoriteStarFill" aria-hidden="true" class="ms-RatingStar-front ratingStarFront-159" style="width: 100%;"></i></div></button><button class="ms-Rating-button ratingButton-152 ms-Rating--large ratingStarIsLarge-154" id="Rating25-star-4" data-is-current="true" disabled="" role="radio" aria-hidden="true" type="button" aria-checked="true"><span id="RatingLabel26-5" class="ms-Rating-labelText labelText-155"></span><div class="ms-RatingStar-container ratingStar-149"><i data-icon-name="FavoriteStar" aria-hidden="true" class="ms-RatingStar-back ratingStarBack-158"></i><i data-icon-name="FavoriteStarFill" aria-hidden="true" class="ms-RatingStar-front ratingStarFront-159" style="width: 30%;"></i></div></button></div></div></div><a target="_blank" href="https://www.g2.com/products/microsoft-microsoft-clarity/reviews" class="ms-Link root-160">view G2 review</a></div></div></div></div><div class="responsiveFeatures"><div class="features"><h2 class="landingSectionTitle">Features</h2><div class="featuresArea"><div class="featuresList"><div class="feature selected" role="button" tabindex="0"><div class="featureTitle">Instant heatmaps</div><div class="featureText">Generate automatically for all your pages. See where people click, what they ignore, and how far they scroll.</div><div class="learnMoreContainer"><button type="button" class="ms-Link learnMore root-161" aria-describedby="Learn more Instant heatmaps" tabindex="0">Learn more</button><div class="selectedTitleContainer"><i data-icon-name="thickIcon" aria-hidden="true" class="benchExpIcon root-89"><svg width="14" height="10" viewBox="0 0 14 10" fill="none"><path d="M13.3516 1.35156L5 9.71094L0.648438 5.35156L1.35156 4.64844L5 8.28906L12.6484 0.648438L13.3516 1.35156Z" fill="#0078D4"></path></svg></i><span>Selected</span></div></div></div><div class="feature " role="button" tabindex="0"><div class="featureTitle">Session Recordings</div><div class="featureText">Watch how people use your site. Explore what's working, learn what needs to be improved, and test out new ideas.</div><div class="learnMoreContainer"><button type="button" class="ms-Link learnMore root-161" aria-describedby="Learn more Session Recordings" tabindex="0">Learn more</button></div></div><div class="feature " role="button" tabindex="0"><div class="featureTitle">Powerful insights</div><div class="featureText">Quickly discover where users get frustrated and turn these problems into opportunities.</div><div class="learnMoreContainer"><button type="button" class="ms-Link learnMore root-161" aria-describedby="Learn more Powerful insights" tabindex="0">Learn more</button></div></div><div class="feature " role="button" tabindex="0"><div class="featureTitle">Google Analytics integration</div><div class="featureText">Connect Google Analytics and Clarity to seamlessly integrate these two powerful platforms.</div><div class="learnMoreContainer"><button type="button" class="ms-Link learnMore root-161" aria-describedby="Learn more Google Analytics integration" tabindex="0">Learn more</button></div></div></div><div class="featureImage"><img src="https://claritystatic.azureedge.net/images/FeatureHeatmap.png" alt="Instant heatmaps"></div></div></div></div><div class="subBannerContainer"><div class="subBannerCentered"><div class="subBannerTextArea"><h2 class="landingSectionTitle">Clarity is free forever</h2><div class="landingTemplatePageHeaderSubtitle">Enjoy all the features of Clarity at absolutely zero cost. You'll never run into traffic limits or be forced to upgrade to a paid version.</div><button type="button" class="ms-Link learnMore bottomAction root-161" aria-describedby="Learn more Clarity is free forever">Learn more</button></div><div class="subBannerIllustration free"></div></div></div><div class="landingSection landingFaqs flexContainer"><div class="landingSectionTitle landingFaqsTitle flexContainer columnFlexContainer">FAQ<p class="mediumText">Our most frequently asked questions</p><div class="faqIllustration"></div></div><div class="landingFaqsContent"><div class="landingFaq"><div class="landingFaqQuestion flexContainer "><h1>What is Clarity?</h1><div class="bolderText landingFaqHeader" tabindex="0" role="button" aria-expanded="false" aria-label="Expand to learn more about What is Clarity?"><i data-icon-name="add" aria-hidden="true" class="ms-Icon root-89 css-107" style="font-family: &quot;FabricMDL2Icons&quot;;"></i></div></div></div><div class="landingFaq"><div class="landingFaqQuestion flexContainer "><h1>What is the pricing model for Clarity?</h1><div class="bolderText landingFaqHeader" tabindex="0" role="button" aria-expanded="false" aria-label="Expand to learn more about What is the pricing model for Clarity?"><i data-icon-name="add" aria-hidden="true" class="ms-Icon root-89 css-107" style="font-family: &quot;FabricMDL2Icons&quot;;"></i></div></div></div><div class="landingFaq"><div class="landingFaqQuestion flexContainer "><h1>Is Clarity GDPR compliant?</h1><div class="bolderText landingFaqHeader" tabindex="0" role="button" aria-expanded="false" aria-label="Expand to learn more about Is Clarity GDPR compliant?"><i data-icon-name="add" aria-hidden="true" class="ms-Icon root-89 css-107" style="font-family: &quot;FabricMDL2Icons&quot;;"></i></div></div></div><div class="viewAllFAQ"><a target="_blank" href="https://docs.microsoft.com/en-us/clarity/faq" rel="noreferrer">View all frequently asked questions</a></div></div></div><div class="subBannerContainer liveExtensionBanner"><div class="subBannerCentered"><div class="subBannerTextArea"><h2 class="landingSectionTitle">Clarity extension</h2><div class="landingTemplatePageHeaderSubtitle">See instant heatmaps overlaid right on your live site and watch recent recordings for any page you're on. Analytics has never been so easy!</div><a target="_blank" href="https://docs.microsoft.com/en-us/clarity/clarity-live-extension" class="ms-Link learnMore topAction root-160" aria-describedby="Learn more Clarity is free forever">Learn more</a><a href="https://chrome.google.com/webstore/detail/microsoft-clarity-live/cjfdbemmaeeohgibnhdhlakiahifjjcf" target="_blank" class="ms-Button ms-Button--default root-143" data-is-focusable="true"><span class="ms-Button-flexContainer flexContainer-99" data-automationid="splitbuttonprimary"><span class="ms-Button-textContainer textContainer-100"><span class="ms-Button-label label-144" id="id__28">Download</span></span></span></a></div><div class="subBannerIllustration extension"></div></div></div><div class="whatUsersSay"><div class="whatUsersSayBody landingSection"><img alt="mailbox" class="testimonialIllustration" src="https://claritystatic.azureedge.net/images/testimonialMailBox.png"><img alt="airplane" class="testimonialIllustration" src="https://claritystatic.azureedge.net/images/testimonialAirPlane.png"><h2 class="landingSectionTitle">What Clarity users say</h2><div class="whatUsersSayContainer flexContainer"><div class="testimonial"><h3><svg class="quotations" width="15" height="10" viewBox="0 0 15 10" fill="none"><path d="M14.1712 0.597656L11.8743 9.72363H7.71125L11.054 0.597656H14.1712ZM6.91145 0.597656L4.6761 9.72363H0.430979L3.77375 0.597656H6.91145Z" fill="#292827"></path></svg>Set this up in 20 seconds for our site and I'm seeing data I never had in less then 30 minutes.. really easy integration..</h3></div><div class="testimonial"><h3><svg class="quotations" width="15" height="10" viewBox="0 0 15 10" fill="none"><path d="M14.1712 0.597656L11.8743 9.72363H7.71125L11.054 0.597656H14.1712ZM6.91145 0.597656L4.6761 9.72363H0.430979L3.77375 0.597656H6.91145Z" fill="#292827"></path></svg>Gives valuable insight to what is going on our website. The brilliant dashboard, one click access to heatmaps and session recordings, and simple filters make this a pleasure to use!</h3></div><div class="testimonial"><h3><svg class="quotations" width="15" height="10" viewBox="0 0 15 10" fill="none"><path d="M14.1712 0.597656L11.8743 9.72363H7.71125L11.054 0.597656H14.1712ZM6.91145 0.597656L4.6761 9.72363H0.430979L3.77375 0.597656H6.91145Z" fill="#292827"></path></svg>Scroll heat map feature is awesome! Thanks, it helped us a lot..</h3></div></div><div class="pagination flexContainer"><button type="button" class="ms-Button ms-Button--icon paginationChevron root-133" aria-label="Go back" data-is-focusable="true"><span class="ms-Button-flexContainer flexContainer-99" data-automationid="splitbuttonprimary"><i data-icon-name="ChevronLeft" aria-hidden="true" class="ms-Button-icon icon-162"></i></span></button><button type="button" class="ms-Button ms-Button--icon paginationButton selectedPaginationButton root-133" aria-label="Go to page 1" aria-describedby="id__36" data-is-focusable="true"><span class="ms-Button-flexContainer flexContainer-99" data-automationid="splitbuttonprimary"><i data-icon-name="StatusCircleOuter" aria-hidden="true" class="ms-Icon root-89 css-164 ms-Button-icon icon-134" style="font-family: &quot;FabricMDL2Icons-9&quot;;"></i><span class="ms-Button-screenReaderText screenReaderText-105" id="id__36">selected</span></span></button><button type="button" class="ms-Button ms-Button--icon paginationButton root-133" aria-label="Go to page 2" aria-describedby="id__39" data-is-focusable="true"><span class="ms-Button-flexContainer flexContainer-99" data-automationid="splitbuttonprimary"><i data-icon-name="StatusCircleOuter" aria-hidden="true" class="ms-Icon root-89 css-164 ms-Button-icon icon-134" style="font-family: &quot;FabricMDL2Icons-9&quot;;"></i><span class="ms-Button-screenReaderText screenReaderText-105" id="id__39">not selected</span></span></button><button type="button" class="ms-Button ms-Button--icon paginationButton root-133" aria-label="Go to page 3" aria-describedby="id__42" data-is-focusable="true"><span class="ms-Button-flexContainer flexContainer-99" data-automationid="splitbuttonprimary"><i data-icon-name="StatusCircleOuter" aria-hidden="true" class="ms-Icon root-89 css-164 ms-Button-icon icon-134" style="font-family: &quot;FabricMDL2Icons-9&quot;;"></i><span class="ms-Button-screenReaderText screenReaderText-105" id="id__42">not selected</span></span></button><button type="button" class="ms-Button ms-Button--icon paginationChevron root-133" aria-label="Go Forward" data-is-focusable="true"><span class="ms-Button-flexContainer flexContainer-99" data-automationid="splitbuttonprimary"><i data-icon-name="ChevronRight" aria-hidden="true" class="ms-Button-icon icon-162"></i></span></button></div></div></div><div class="focusSection landingFooter"><p class="landingSectionTitle landingFooterTitle">Stop guessing. Get Clarity.</p><p class="normalText landingFooterText">Free forever. Built to grow with your business. No limits on traffic.</p><button type="button" class="ms-Button ms-Button--default root-143" data-is-focusable="true"><span class="ms-Button-flexContainer flexContainer-99" data-automationid="splitbuttonprimary"><span class="ms-Button-textContainer textContainer-100"><span class="ms-Button-label label-144" id="id__46">Sign up for Clarity</span></span></span></button></div></div><div class="footer" role="navigation"><div class="footerNavContainer"><div id="socialMedia" class="footerNavLinks"><div class="footerNavTitle">Follow us on</div><div class="footerSocials"><a target="_blank" href="https://twitter.com/msftClarity" class="ms-Link root-160"><svg width="16" height="14" viewBox="0 0 16 14" fill="none"><path d="M16 1.85742C15.7812 2.18555 15.5339 2.49023 15.2578 2.77148C14.9818 3.05273 14.6823 3.31315 14.3594 3.55273C14.3646 3.62565 14.3672 3.69596 14.3672 3.76367C14.3672 3.83138 14.3698 3.9043 14.375 3.98242C14.375 4.63867 14.3047 5.28711 14.1641 5.92773C14.0234 6.56836 13.8203 7.18815 13.5547 7.78711C13.1693 8.6569 12.6875 9.43294 12.1094 10.1152C11.5312 10.7975 10.8776 11.3783 10.1484 11.8574C9.41927 12.3366 8.61979 12.6986 7.75 12.9434C6.88021 13.1882 5.97396 13.3132 5.03125 13.3184C4.13542 13.3184 3.26302 13.196 2.41406 12.9512C1.5651 12.7064 0.760417 12.3366 0 11.8418C0.255208 11.873 0.515625 11.8887 0.78125 11.8887C1.52604 11.8887 2.24479 11.7689 2.9375 11.5293C3.63021 11.2897 4.27083 10.9408 4.85938 10.4824C4.51042 10.4772 4.17448 10.4199 3.85156 10.3105C3.52865 10.2012 3.23438 10.0449 2.96875 9.8418C2.70312 9.63867 2.46875 9.39909 2.26562 9.12305C2.0625 8.847 1.90625 8.54232 1.79688 8.20898C1.90104 8.22461 2.0026 8.23763 2.10156 8.24805C2.20052 8.25846 2.30469 8.26367 2.41406 8.26367C2.70573 8.26367 2.99219 8.22461 3.27344 8.14648C2.88802 8.06836 2.53646 7.93034 2.21875 7.73242C1.90104 7.53451 1.6224 7.29492 1.38281 7.01367C1.14323 6.73242 0.960938 6.41211 0.835938 6.05273C0.710938 5.69336 0.645833 5.31836 0.640625 4.92773V4.88867C1.09896 5.14909 1.59635 5.28711 2.13281 5.30273C1.90365 5.14648 1.70052 4.9694 1.52344 4.77148C1.34635 4.57357 1.19271 4.35482 1.0625 4.11523C0.932292 3.87565 0.835938 3.62826 0.773438 3.37305C0.710938 3.11784 0.677083 2.84961 0.671875 2.56836C0.671875 2.27669 0.708333 1.99284 0.78125 1.7168C0.854167 1.44076 0.966146 1.17513 1.11719 0.919922C1.53385 1.43555 1.9974 1.89648 2.50781 2.30273C3.01823 2.70898 3.5599 3.06055 4.13281 3.35742C4.70573 3.6543 5.3099 3.88346 5.94531 4.04492C6.58073 4.20638 7.22656 4.30794 7.88281 4.34961C7.85156 4.22982 7.83073 4.10742 7.82031 3.98242C7.8099 3.85742 7.80208 3.72982 7.79688 3.59961C7.79688 3.14648 7.88281 2.72201 8.05469 2.32617C8.22656 1.93034 8.46094 1.58138 8.75781 1.2793C9.05469 0.977214 9.40104 0.742839 9.79688 0.576172C10.1927 0.409505 10.6198 0.323568 11.0781 0.318359C11.5365 0.318359 11.9714 0.406901 12.3828 0.583984C12.7943 0.761068 13.1589 1.01888 13.4766 1.35742C13.8464 1.28451 14.2031 1.18294 14.5469 1.05273C14.8906 0.922526 15.2266 0.758464 15.5547 0.560547C15.4349 0.940755 15.2526 1.28711 15.0078 1.59961C14.763 1.91211 14.4661 2.16992 14.1172 2.37305C14.7734 2.29492 15.401 2.12305 16 1.85742Z" fill="#767676"></path></svg></a><a target="_blank" href="https://www.instagram.com/msftclarity/" class="ms-Link root-160"><svg width="16" height="17" viewBox="0 0 16 17" fill="none"><path d="M16 8.31836V9.05273C16 9.48503 15.9974 9.91211 15.9922 10.334C15.987 10.7559 15.974 11.1829 15.9531 11.6152C15.9375 11.9382 15.9062 12.2507 15.8594 12.5527C15.8125 12.8548 15.737 13.1465 15.6328 13.4277C15.5286 13.709 15.401 13.9772 15.25 14.2324C15.099 14.4876 14.901 14.735 14.6562 14.9746C14.4219 15.209 14.1771 15.4043 13.9219 15.5605C13.6667 15.7168 13.3958 15.847 13.1094 15.9512C12.8229 16.0553 12.5312 16.1283 12.2344 16.1699C11.9375 16.2116 11.625 16.2454 11.2969 16.2715C10.8698 16.2975 10.4453 16.3105 10.0234 16.3105C9.60156 16.3105 9.17188 16.3132 8.73438 16.3184H5.98438C5.5625 16.3184 5.13542 16.3027 4.70312 16.2715C4.38021 16.2559 4.06771 16.2246 3.76562 16.1777C3.46354 16.1309 3.17188 16.0553 2.89062 15.9512C2.60938 15.847 2.34115 15.7194 2.08594 15.5684C1.83073 15.4173 1.58333 15.2194 1.34375 14.9746C1.10938 14.7402 0.914062 14.4954 0.757812 14.2402C0.601562 13.985 0.471354 13.7142 0.367188 13.4277C0.263021 13.1413 0.190104 12.8496 0.148438 12.5527C0.106771 12.2559 0.0729167 11.9434 0.046875 11.6152C0.0208333 11.1882 0.0078125 10.7637 0.0078125 10.3418C0.0078125 9.91992 0.00520833 9.49023 0 9.05273V7.58398V6.30273C0 5.88086 0.015625 5.45378 0.046875 5.02148C0.0625 4.69857 0.09375 4.38607 0.140625 4.08398C0.1875 3.7819 0.263021 3.49023 0.367188 3.20898C0.471354 2.92773 0.598958 2.65951 0.75 2.4043C0.901042 2.14909 1.09896 1.90169 1.34375 1.66211C1.57812 1.42773 1.82292 1.23242 2.07812 1.07617C2.33333 0.919922 2.60417 0.789714 2.89062 0.685547C3.17708 0.58138 3.46875 0.508464 3.76562 0.466797C4.0625 0.42513 4.375 0.391276 4.70312 0.365234C5.13021 0.339193 5.55469 0.326172 5.97656 0.326172C6.39844 0.326172 6.82812 0.323568 7.26562 0.318359H8.73438C9.16667 0.318359 9.59375 0.320964 10.0156 0.326172C10.4375 0.33138 10.8646 0.344401 11.2969 0.365234C11.6198 0.380859 11.9323 0.412109 12.2344 0.458984C12.5365 0.505859 12.8281 0.58138 13.1094 0.685547C13.3906 0.789714 13.6589 0.917318 13.9141 1.06836C14.1693 1.2194 14.4167 1.41732 14.6562 1.66211C14.8906 1.89648 15.0859 2.14128 15.2422 2.39648C15.3984 2.65169 15.5286 2.92253 15.6328 3.20898C15.737 3.49544 15.8099 3.78711 15.8516 4.08398C15.8932 4.38086 15.9271 4.69336 15.9531 5.02148C15.9792 5.44857 15.9922 5.87305 15.9922 6.29492C15.9922 6.7168 15.9948 7.14648 16 7.58398V8.31836ZM14.5547 8.31836V7.62305C14.5547 7.36263 14.5573 7.08398 14.5625 6.78711C14.5625 6.50065 14.5599 6.20638 14.5547 5.9043C14.5495 5.60221 14.5339 5.31055 14.5078 5.0293C14.4818 4.74805 14.4479 4.48503 14.4062 4.24023C14.3646 3.99544 14.3073 3.7819 14.2344 3.59961C14.1615 3.41211 14.0807 3.24805 13.9922 3.10742C13.9036 2.9668 13.7865 2.82357 13.6406 2.67773C13.4948 2.5319 13.3516 2.41471 13.2109 2.32617C13.0703 2.23763 12.9062 2.1569 12.7188 2.08398C12.5365 2.01628 12.3229 1.96159 12.0781 1.91992C11.8333 1.87826 11.5703 1.8444 11.2891 1.81836C11.0078 1.79232 10.7161 1.77669 10.4141 1.77148C10.112 1.76628 9.81771 1.76107 9.53125 1.75586H8.69531C8.4349 1.75586 8.20312 1.75846 8 1.76367H7.30469C7.04427 1.76367 6.76302 1.76107 6.46094 1.75586C6.17448 1.75586 5.88281 1.75846 5.58594 1.76367C5.28906 1.76888 4.9974 1.78451 4.71094 1.81055C4.42448 1.83659 4.16146 1.87044 3.92188 1.91211C3.68229 1.95378 3.46875 2.01107 3.28125 2.08398C3.09375 2.1569 2.92969 2.23763 2.78906 2.32617C2.64844 2.41471 2.50521 2.5319 2.35938 2.67773C2.21354 2.82357 2.09635 2.9668 2.00781 3.10742C1.91927 3.24805 1.83854 3.41211 1.76562 3.59961C1.69271 3.7819 1.63542 3.99544 1.59375 4.24023C1.55208 4.48503 1.51823 4.74805 1.49219 5.0293C1.46615 5.31055 1.45052 5.60221 1.44531 5.9043C1.4401 6.20638 1.4349 6.50065 1.42969 6.78711C1.42969 7.08398 1.43229 7.36263 1.4375 7.62305C1.44271 7.88346 1.44531 8.11523 1.44531 8.31836C1.44531 8.52148 1.44271 8.75325 1.4375 9.01367C1.43229 9.27409 1.42969 9.55534 1.42969 9.85742C1.42969 10.1439 1.43229 10.4355 1.4375 10.7324C1.44271 11.0293 1.45833 11.321 1.48438 11.6074C1.51042 11.8939 1.54427 12.1569 1.58594 12.3965C1.6276 12.6361 1.6875 12.8496 1.76562 13.0371C1.83854 13.2246 1.91927 13.3887 2.00781 13.5293C2.09635 13.6699 2.21354 13.8132 2.35938 13.959C2.50521 14.1048 2.64844 14.222 2.78906 14.3105C2.92969 14.3991 3.09375 14.4798 3.28125 14.5527C3.46354 14.6257 3.67708 14.6829 3.92188 14.7246C4.16667 14.7663 4.42969 14.8001 4.71094 14.8262C4.99219 14.8522 5.28125 14.8678 5.57812 14.873C5.875 14.8783 6.16927 14.8835 6.46094 14.8887C6.75781 14.8887 7.03646 14.8861 7.29688 14.8809C7.55729 14.8757 7.79167 14.873 8 14.873C8.20312 14.873 8.4349 14.8757 8.69531 14.8809C8.95573 14.8861 9.23438 14.8887 9.53125 14.8887C9.81771 14.8887 10.112 14.8861 10.4141 14.8809C10.7161 14.8757 11.0078 14.86 11.2891 14.834C11.5703 14.8079 11.8333 14.7741 12.0781 14.7324C12.3229 14.6908 12.5365 14.6309 12.7188 14.5527C12.9062 14.4798 13.0703 14.3991 13.2109 14.3105C13.3516 14.222 13.4948 14.1048 13.6406 13.959C13.7865 13.8132 13.9036 13.6699 13.9922 13.5293C14.0807 13.3887 14.1615 13.2246 14.2344 13.0371C14.3021 12.8548 14.3568 12.6413 14.3984 12.3965C14.4401 12.1517 14.474 11.8887 14.5 11.6074C14.526 11.3262 14.5417 11.0371 14.5469 10.7402C14.5521 10.4434 14.5573 10.1491 14.5625 9.85742V9.02148C14.5625 8.76107 14.5599 8.52669 14.5547 8.31836ZM8 4.20898C8.56771 4.20898 9.09896 4.31576 9.59375 4.5293C10.0885 4.74284 10.5234 5.03711 10.8984 5.41211C11.2734 5.78711 11.5677 6.22201 11.7812 6.7168C11.9948 7.21159 12.1042 7.74544 12.1094 8.31836C12.1094 8.88607 12.0026 9.41732 11.7891 9.91211C11.5755 10.4069 11.2812 10.8418 10.9062 11.2168C10.5312 11.5918 10.0964 11.8861 9.60156 12.0996C9.10677 12.3132 8.57292 12.4225 8 12.4277C7.43229 12.4277 6.90104 12.321 6.40625 12.1074C5.91146 11.8939 5.47656 11.5996 5.10156 11.2246C4.72656 10.8496 4.43229 10.4147 4.21875 9.91992C4.00521 9.42513 3.89583 8.89128 3.89062 8.31836C3.89062 7.75065 3.9974 7.2194 4.21094 6.72461C4.42448 6.22982 4.71875 5.79492 5.09375 5.41992C5.46875 5.04492 5.90365 4.75065 6.39844 4.53711C6.89323 4.32357 7.42708 4.21419 8 4.20898ZM8 10.9824C8.36458 10.9824 8.70833 10.9121 9.03125 10.7715C9.35417 10.6309 9.63802 10.4408 9.88281 10.2012C10.1276 9.96159 10.3177 9.68034 10.4531 9.35742C10.5885 9.0345 10.6589 8.68815 10.6641 8.31836C10.6641 7.95378 10.5938 7.61003 10.4531 7.28711C10.3125 6.96419 10.1224 6.68034 9.88281 6.43555C9.64323 6.19076 9.36198 6.00065 9.03906 5.86523C8.71615 5.72982 8.36979 5.65951 8 5.6543C7.63021 5.6543 7.28385 5.72461 6.96094 5.86523C6.63802 6.00586 6.35677 6.19596 6.11719 6.43555C5.8776 6.67513 5.6875 6.95638 5.54688 7.2793C5.40625 7.60221 5.33594 7.94857 5.33594 8.31836C5.33594 8.68815 5.40625 9.0345 5.54688 9.35742C5.6875 9.68034 5.8776 9.96159 6.11719 10.2012C6.35677 10.4408 6.63802 10.6309 6.96094 10.7715C7.28385 10.9121 7.63021 10.9824 8 10.9824ZM12.2734 3.0918C12.4036 3.0918 12.526 3.11523 12.6406 3.16211C12.7552 3.20898 12.8568 3.27669 12.9453 3.36523C13.0339 3.45378 13.1016 3.55534 13.1484 3.66992C13.1953 3.78451 13.2214 3.90951 13.2266 4.04492C13.2266 4.17513 13.2031 4.29753 13.1562 4.41211C13.1094 4.52669 13.0417 4.62826 12.9531 4.7168C12.8646 4.80534 12.763 4.87565 12.6484 4.92773C12.5339 4.97982 12.4089 5.00586 12.2734 5.00586C12.138 5.00586 12.013 4.98242 11.8984 4.93555C11.7839 4.88867 11.6823 4.81836 11.5938 4.72461C11.5052 4.63086 11.4375 4.5293 11.3906 4.41992C11.3438 4.31055 11.3177 4.18555 11.3125 4.04492C11.3125 3.91471 11.3385 3.79232 11.3906 3.67773C11.4427 3.56315 11.5104 3.46159 11.5938 3.37305C11.6771 3.28451 11.7786 3.2168 11.8984 3.16992C12.0182 3.12305 12.1432 3.09701 12.2734 3.0918Z" fill="#767676"></path></svg></a><a target="_blank" href="https://www.tiktok.com/@microsoftclarity" class="ms-Link root-160"><svg width="16" height="17" viewBox="0 0 16 17" fill="none"><path d="M14.0952 0.318359H1.90476C0.854476 0.318359 0 1.17284 0 2.22312V14.4136C0 15.4639 0.854476 16.3184 1.90476 16.3184H14.0952C15.1455 16.3184 16 15.4639 16 14.4136V2.22312C16 1.17284 15.1455 0.318359 14.0952 0.318359ZM12.5737 7.29855C12.4872 7.30655 12.3996 7.31188 12.3109 7.31188C11.3116 7.31188 10.4335 6.79798 9.92267 6.02122C9.92267 8.05893 9.92267 10.3774 9.92267 10.4163C9.92267 12.2102 8.46819 13.6646 6.67429 13.6646C4.88038 13.6646 3.4259 12.2102 3.4259 10.4163C3.4259 8.62236 4.88038 7.16788 6.67429 7.16788C6.7421 7.16788 6.80838 7.17398 6.87505 7.17817V8.77893C6.80838 8.77093 6.74286 8.75874 6.67429 8.75874C5.75848 8.75874 5.01638 9.50084 5.01638 10.4166C5.01638 11.3325 5.75848 12.0746 6.67429 12.0746C7.5901 12.0746 8.39886 11.353 8.39886 10.4372C8.39886 10.401 8.41486 2.97284 8.41486 2.97284H9.94476C10.0888 4.34084 11.1931 5.42045 12.5737 5.5195V7.29855Z" fill="#767676"></path></svg></a></div></div><div id="product" class="footerNavLinks"><div class="footerNavTitle">Products</div><button type="button" class="ms-Link footerLink root-161" tabindex="0">Heatmaps</button><button type="button" class="ms-Link footerLink root-161" tabindex="0">Session recordings</button><button type="button" class="ms-Link footerLink root-161" tabindex="0">Insights</button><button type="button" class="ms-Link footerLink root-161" tabindex="0">Google Analytics</button><button type="button" class="ms-Link footerLink root-161" tabindex="0">Clarity extension</button></div><div id="resources" class="footerNavLinks"><div class="footerNavTitle">Resources</div><button type="button" class="ms-Link footerLink root-161" tabindex="0">Website benchmarks</button><a target="_blank" href="/blog" class="ms-Link footerLink root-160" tabindex="0">Blog</a><a target="_blank" href="/case-studies" class="ms-Link footerLink root-160" tabindex="0">Case studies</a><a target="_blank" href="https://docs.microsoft.com/en-us/clarity" class="ms-Link footerLink root-160" tabindex="0">Documentation</a><a target="_blank" href="https://docs.microsoft.com/en-us/clarity/faq" class="ms-Link footerLink root-160" tabindex="0">FAQ</a></div><div id="whyClarity" class="footerNavLinks"><div class="footerNavTitle">Why Clarity</div><button type="button" class="ms-Link footerLink root-161" tabindex="0">Pricing</button></div><div id="contactUs" class="footerNavLinks"><div class="footerNavTitle">Contact Us</div><a href="mailto:clarityms@microsoft.com" class="ms-Link footerLink root-160" tabindex="0">clarityms@microsoft.com</a></div></div><div class="footerLinksContainer newFooterLinksContainer"><div class="userLanguage"><svg width="20" height="21" viewBox="0 0 20 21" fill="none"><path d="M4.84375 8.94141C4.92839 8.94141 5.02279 8.95768 5.12695 8.99023C5.23112 9.01628 5.33529 9.04883 5.43945 9.08789C5.55013 9.12695 5.6543 9.16927 5.75195 9.21484C5.85612 9.26042 5.95052 9.29948 6.03516 9.33203C5.98307 9.33854 5.92773 9.34505 5.86914 9.35156C5.81706 9.35807 5.76497 9.36133 5.71289 9.36133C5.60221 9.36133 5.5013 9.34505 5.41016 9.3125C5.31901 9.27344 5.23112 9.23112 5.14648 9.18555C5.06836 9.13997 4.99023 9.10091 4.91211 9.06836C4.84049 9.0293 4.77214 9.00977 4.70703 9.00977C4.64193 9.00977 4.58333 9.02279 4.53125 9.04883C4.47917 9.07487 4.42708 9.10417 4.375 9.13672C4.375 9.11068 4.35221 9.09766 4.30664 9.09766C4.35221 9.05208 4.43685 9.01628 4.56055 8.99023C4.68424 8.95768 4.77865 8.94141 4.84375 8.94141ZM6.16211 9.38086C6.42904 9.38086 6.67318 9.42643 6.89453 9.51758C6.80339 9.55013 6.71224 9.57943 6.62109 9.60547C6.52995 9.625 6.43555 9.63477 6.33789 9.63477C6.20768 9.63477 6.09049 9.62174 5.98633 9.5957C6.01888 9.54362 6.05143 9.51107 6.08398 9.49805C6.11654 9.47852 6.14258 9.43945 6.16211 9.38086ZM10 0.318359C10.918 0.318359 11.8001 0.438802 12.6465 0.679688C13.4993 0.920573 14.2936 1.25911 15.0293 1.69531C15.7715 2.125 16.4486 2.64583 17.0605 3.25781C17.6725 3.86979 18.1934 4.54688 18.623 5.28906C19.0592 6.02474 19.3978 6.81901 19.6387 7.67188C19.8796 8.51823 20 9.40039 20 10.3184C20 11.2363 19.8796 12.1217 19.6387 12.9746C19.3978 13.821 19.0592 14.6152 18.623 15.3574C18.1934 16.0931 17.6725 16.7669 17.0605 17.3789C16.4486 17.9909 15.7715 18.515 15.0293 18.9512C14.2936 19.3809 13.4993 19.7161 12.6465 19.957C11.8001 20.1979 10.918 20.3184 10 20.3184C9.08203 20.3184 8.19661 20.1979 7.34375 19.957C6.4974 19.7161 5.70312 19.3809 4.96094 18.9512C4.22526 18.515 3.55143 17.9909 2.93945 17.3789C2.32747 16.7669 1.80339 16.0931 1.36719 15.3574C0.9375 14.6152 0.602214 13.821 0.361328 12.9746C0.120443 12.1217 0 11.2363 0 10.3184C0 9.40039 0.120443 8.51823 0.361328 7.67188C0.602214 6.81901 0.9375 6.02474 1.36719 5.28906C1.80339 4.54688 2.32747 3.86979 2.93945 3.25781C3.55143 2.64583 4.22526 2.125 4.96094 1.69531C5.70312 1.25911 6.4974 0.920573 7.34375 0.679688C8.19661 0.438802 9.08203 0.318359 10 0.318359ZM17.4414 5.73828C17.3503 5.59505 17.2591 5.45833 17.168 5.32812C17.0768 5.19141 16.9824 5.05794 16.8848 4.92773C16.8717 4.98633 16.8522 5.02865 16.8262 5.05469C16.8066 5.08073 16.7969 5.13932 16.7969 5.23047C16.7969 5.28906 16.8197 5.34766 16.8652 5.40625C16.9173 5.45833 16.9759 5.50716 17.041 5.55273C17.1126 5.59831 17.1842 5.63737 17.2559 5.66992C17.3275 5.70247 17.3893 5.72526 17.4414 5.73828ZM16.7676 4.78125C16.7676 4.83333 16.7578 4.86914 16.7383 4.88867H16.7969C16.8229 4.88867 16.8424 4.89193 16.8555 4.89844L16.7676 4.78125ZM10 19.0684C10.7422 19.0684 11.4681 18.974 12.1777 18.7852C12.8874 18.5964 13.5579 18.3294 14.1895 17.9844C14.8275 17.6328 15.4134 17.2096 15.9473 16.7148C16.4876 16.2135 16.9596 15.6536 17.3633 15.0352C17.2786 14.8398 17.1973 14.6413 17.1191 14.4395C17.041 14.2376 17.002 14.0293 17.002 13.8145C17.002 13.5801 17.0117 13.3913 17.0312 13.248C17.0573 13.0983 17.0801 12.9714 17.0996 12.8672C17.1191 12.763 17.1322 12.6686 17.1387 12.584C17.1517 12.4928 17.1419 12.3919 17.1094 12.2812C17.0768 12.1706 17.0182 12.0371 16.9336 11.8809C16.8555 11.7246 16.7383 11.5228 16.582 11.2754C16.5885 11.2298 16.5983 11.168 16.6113 11.0898C16.6309 11.0117 16.6439 10.9303 16.6504 10.8457C16.6569 10.7611 16.6569 10.6829 16.6504 10.6113C16.6504 10.5332 16.6374 10.4714 16.6113 10.4258C16.4421 10.4062 16.263 10.3704 16.0742 10.3184C15.8919 10.2663 15.7324 10.1882 15.5957 10.084L15.6543 10.0352C15.5697 10.0547 15.485 10.084 15.4004 10.123C15.3158 10.1556 15.2311 10.1882 15.1465 10.2207C15.0684 10.2533 14.987 10.2826 14.9023 10.3086C14.8177 10.3281 14.7298 10.3379 14.6387 10.3379L14.4824 10.3184L14.5117 10.25C14.4206 10.276 14.3197 10.3086 14.209 10.3477C14.1048 10.3867 14.0072 10.4062 13.916 10.4062C13.8509 10.4062 13.7565 10.3835 13.6328 10.3379C13.5091 10.2923 13.3822 10.237 13.252 10.1719C13.1283 10.1068 13.0176 10.0352 12.9199 9.95703C12.8288 9.87891 12.7832 9.80404 12.7832 9.73242L12.8027 9.70312C12.7702 9.66406 12.7279 9.62826 12.6758 9.5957C12.6237 9.56315 12.5716 9.5306 12.5195 9.49805C12.474 9.46549 12.4349 9.42969 12.4023 9.39062C12.3698 9.35156 12.3535 9.30599 12.3535 9.25391L12.4609 9.16602L12.2363 9.13672L12.1582 8.84375C12.1712 8.8763 12.2005 8.88932 12.2461 8.88281C12.2982 8.8763 12.334 8.86328 12.3535 8.84375L12.002 8.6582L12.2461 8.0332C12.1549 7.69466 12.1322 7.43424 12.1777 7.25195C12.2298 7.06966 12.3177 6.91992 12.4414 6.80273C12.5651 6.67904 12.7083 6.56185 12.8711 6.45117C13.0404 6.33398 13.1999 6.17448 13.3496 5.97266L13.3203 5.85547L13.9648 5.07422L14.1113 5.05469C14.2936 5.05469 14.4987 5.04818 14.7266 5.03516C14.9544 5.01562 15.1855 4.99284 15.4199 4.9668C15.6543 4.93424 15.8854 4.90169 16.1133 4.86914C16.3411 4.83008 16.5495 4.78776 16.7383 4.74219C16.5299 4.49479 16.3086 4.26042 16.0742 4.03906C15.8464 3.81771 15.6055 3.60612 15.3516 3.4043C15.2799 3.43034 15.1888 3.4694 15.0781 3.52148C14.974 3.56706 14.873 3.62565 14.7754 3.69727C14.6777 3.76237 14.5931 3.83724 14.5215 3.92188C14.4564 4.00651 14.4238 4.0944 14.4238 4.18555L14.4824 4.37109C14.3652 4.5599 14.235 4.68034 14.0918 4.73242C13.9486 4.77799 13.7988 4.80404 13.6426 4.81055C13.4928 4.81055 13.3366 4.80729 13.1738 4.80078C13.0176 4.79427 12.8646 4.82357 12.7148 4.88867L12.5586 4.55664L12.7051 3.99023L12.5391 3.74609L14.2285 3.21875C14.1569 3.03646 14.0365 2.89974 13.8672 2.80859C13.7044 2.71745 13.5286 2.67188 13.3398 2.67188V2.57422L13.8867 2.48633C13.2812 2.18685 12.6497 1.95898 11.9922 1.80273C11.3411 1.64648 10.6771 1.56836 10 1.56836C9.43359 1.56836 8.8737 1.6237 8.32031 1.73438C7.76693 1.84505 7.22982 2.00781 6.70898 2.22266C6.19466 2.43099 5.69987 2.68815 5.22461 2.99414C4.74935 3.30013 4.3099 3.65169 3.90625 4.04883C4.07552 4.04883 4.20573 4.0944 4.29688 4.18555C4.39453 4.27018 4.47917 4.36458 4.55078 4.46875C4.62891 4.56641 4.71029 4.66081 4.79492 4.75195C4.87956 4.83659 4.99349 4.87891 5.13672 4.87891L5.29297 4.76172L5.27344 4.54688L5.5957 4.08789L5.3418 3.36523C5.37435 3.3457 5.42318 3.31315 5.48828 3.26758C5.5599 3.22201 5.61523 3.19922 5.6543 3.19922C5.84961 3.19922 5.99935 3.20898 6.10352 3.22852C6.21419 3.24805 6.30534 3.28711 6.37695 3.3457C6.44857 3.39779 6.51693 3.47266 6.58203 3.57031C6.64714 3.66146 6.73828 3.7819 6.85547 3.93164L7.20703 3.6582C7.27214 3.68424 7.3763 3.72982 7.51953 3.79492C7.66927 3.85352 7.81576 3.92513 7.95898 4.00977C8.10221 4.08789 8.22917 4.17253 8.33984 4.26367C8.45052 4.35482 8.50586 4.43945 8.50586 4.51758C8.50586 4.61523 8.4668 4.69336 8.38867 4.75195C8.31706 4.81055 8.22591 4.85938 8.11523 4.89844C8.00456 4.9375 7.88086 4.97005 7.74414 4.99609C7.61393 5.01562 7.49349 5.03841 7.38281 5.06445C7.27214 5.09049 7.17773 5.1263 7.09961 5.17188C7.02148 5.21094 6.98242 5.26302 6.98242 5.32812L7.54883 5.51367C7.41862 5.62435 7.27539 5.72852 7.11914 5.82617C6.9694 5.91732 6.81641 5.9987 6.66016 6.07031L6.69922 6.23633L5.80078 6.58789V6.86133L5.73242 6.89062L5.78125 6.54883L5.74219 6.53906C5.69661 6.53906 5.66732 6.54883 5.6543 6.56836C5.64779 6.58789 5.64779 6.61068 5.6543 6.63672C5.66081 6.66276 5.66732 6.6888 5.67383 6.71484C5.68685 6.74089 5.6901 6.76042 5.68359 6.77344L5.55664 6.70508L5.57617 6.74414C5.57617 6.76367 5.58594 6.79297 5.60547 6.83203C5.63151 6.87109 5.65755 6.91016 5.68359 6.94922C5.71615 6.98177 5.74219 7.01432 5.76172 7.04688C5.78776 7.07292 5.80078 7.08594 5.80078 7.08594C5.80078 7.10547 5.78451 7.125 5.75195 7.14453C5.72591 7.16406 5.69661 7.18034 5.66406 7.19336C5.63151 7.19987 5.60547 7.20638 5.58594 7.21289C5.56641 7.2194 5.56641 7.22266 5.58594 7.22266C5.67708 7.22266 5.69336 7.22917 5.63477 7.24219C5.58268 7.25521 5.50456 7.28776 5.40039 7.33984C5.29622 7.39193 5.19206 7.47005 5.08789 7.57422C4.99023 7.67188 4.94141 7.81185 4.94141 7.99414C4.94141 8.10482 4.94466 8.21224 4.95117 8.31641C4.96419 8.42057 4.96094 8.52799 4.94141 8.63867C4.85026 8.39128 4.71354 8.20247 4.53125 8.07227C4.34896 7.94206 4.1276 7.87695 3.86719 7.87695L3.44727 7.91602L3.65234 8.05273C3.54167 8.03971 3.42448 8.02669 3.30078 8.01367C3.18359 8.00065 3.06641 8.00065 2.94922 8.01367C2.83203 8.02018 2.7181 8.04622 2.60742 8.0918C2.50326 8.13086 2.40885 8.19596 2.32422 8.28711L2.26562 8.72656C2.26562 8.9349 2.3112 9.10742 2.40234 9.24414C2.5 9.37435 2.65951 9.43945 2.88086 9.43945C3.07617 9.43945 3.26823 9.41016 3.45703 9.35156C3.64583 9.28646 3.83138 9.2181 4.01367 9.14648C3.95508 9.28971 3.88997 9.42969 3.81836 9.56641C3.74674 9.69661 3.69466 9.83659 3.66211 9.98633L3.78906 10.0449C3.94531 9.94076 4.08854 9.92448 4.21875 9.99609C4.34896 10.0677 4.47591 10.1719 4.59961 10.3086C4.72331 10.4453 4.85026 10.5885 4.98047 10.7383C5.11068 10.8815 5.25065 10.9824 5.40039 11.041L5.06836 11.2168L4.28711 10.7773C4.29362 10.7904 4.30013 10.8197 4.30664 10.8652C4.31966 10.9108 4.31641 10.9206 4.29688 10.8945L3.94531 10.2988C3.73698 10.2923 3.51237 10.2598 3.27148 10.2012C3.03711 10.1361 2.80273 10.0579 2.56836 9.9668C2.33398 9.86914 2.10612 9.76172 1.88477 9.64453C1.66992 9.52083 1.48112 9.39714 1.31836 9.27344L1.25 10.3184C1.25 11.1126 1.35742 11.8874 1.57227 12.6426C1.78711 13.3978 2.08984 14.1074 2.48047 14.7715C2.8776 15.4355 3.35612 16.0443 3.91602 16.5977C4.47591 17.1445 5.10417 17.6068 5.80078 17.9844C5.76823 17.8477 5.76497 17.7109 5.79102 17.5742C5.81706 17.4375 5.84961 17.3008 5.88867 17.1641C5.93424 17.0273 5.97656 16.8906 6.01562 16.7539C6.0612 16.6107 6.08398 16.4707 6.08398 16.334C6.08398 16.1257 6.05143 15.9076 5.98633 15.6797C5.92122 15.4453 5.83984 15.2142 5.74219 14.9863C5.65104 14.752 5.55339 14.5208 5.44922 14.293C5.34505 14.0651 5.25391 13.8503 5.17578 13.6484C5.10417 13.4401 5.05534 13.2513 5.0293 13.082C5.00326 12.9062 5.02279 12.7533 5.08789 12.623L4.94141 12.5547C4.98047 12.4635 5.03255 12.3757 5.09766 12.291C5.16927 12.2064 5.23763 12.1217 5.30273 12.0371C5.36784 11.946 5.42318 11.8548 5.46875 11.7637C5.51432 11.6725 5.53711 11.5749 5.53711 11.4707C5.53711 11.4056 5.52083 11.3372 5.48828 11.2656C5.46224 11.1875 5.44271 11.1191 5.42969 11.0605L5.63477 11.1094C5.74544 10.8555 5.89518 10.6829 6.08398 10.5918C6.2793 10.4941 6.51693 10.4453 6.79688 10.4453C6.82943 10.4453 6.89779 10.4616 7.00195 10.4941C7.10612 10.5202 7.2168 10.5527 7.33398 10.5918C7.45117 10.6309 7.56185 10.6699 7.66602 10.709C7.77669 10.7415 7.85482 10.7643 7.90039 10.7773C7.90039 10.8229 7.92643 10.8555 7.97852 10.875C8.03711 10.888 8.06641 10.9076 8.06641 10.9336L8.04688 11.0117C8.06641 11.0182 8.11198 11.0443 8.18359 11.0898C8.26172 11.1289 8.33984 11.1745 8.41797 11.2266C8.5026 11.2786 8.57747 11.3307 8.64258 11.3828C8.71419 11.4349 8.75977 11.4707 8.7793 11.4902C8.89648 11.4902 9.05599 11.5293 9.25781 11.6074C9.46615 11.6855 9.6875 11.7865 9.92188 11.9102C10.1562 12.0273 10.3939 12.1673 10.6348 12.3301C10.8822 12.4863 11.1035 12.6491 11.2988 12.8184C11.4941 12.9811 11.6536 13.1439 11.7773 13.3066C11.9076 13.4629 11.9727 13.6029 11.9727 13.7266L11.6406 14.0781C11.6667 14.4102 11.6406 14.6673 11.5625 14.8496C11.4909 15.0254 11.3802 15.1686 11.2305 15.2793C11.0872 15.39 10.9147 15.4876 10.7129 15.5723C10.5176 15.6569 10.3092 15.7676 10.0879 15.9043C10.0879 16.0345 10.0553 16.1777 9.99023 16.334C9.92513 16.4837 9.84049 16.627 9.73633 16.7637C9.63867 16.8939 9.52148 17.0046 9.38477 17.0957C9.25456 17.1868 9.12109 17.2324 8.98438 17.2324L8.57422 16.9199C8.58724 16.9329 8.58398 16.959 8.56445 16.998C8.55143 17.0306 8.53841 17.0339 8.52539 17.0078C8.59049 17.1315 8.60677 17.2747 8.57422 17.4375C8.54167 17.6003 8.48633 17.7663 8.4082 17.9355C8.33008 18.1048 8.24219 18.2676 8.14453 18.4238C8.04688 18.5736 7.95898 18.6973 7.88086 18.7949C8.23242 18.8861 8.58398 18.9544 8.93555 19C9.28711 19.0456 9.64193 19.0684 10 19.0684Z" fill="#767676"></path></svg><span>Deutsch</span></div><a href="https://go.microsoft.com/fwlink/?LinkId=521839" class="footerLink" tabindex="0">Privacy &amp; cookies</a><a href="/terms" class="footerLink" tabindex="0" target="_blank" rel="noreferrer">Terms of use</a><div tabindex="0" class="footerLink"><div class="feedbackButton leftPadding">Feedback</div></div><div>© Microsoft 2022</div></div></div></div></div><img src="https://t.co/i/adsct?bci=3&amp;eci=2&amp;event_id=946ecb9a-aebd-42c1-adb4-ffa167642d52&amp;events=%5B%5B%22pageview%22%2C%7B%7D%5D%5D&amp;integration=advertiser&amp;p_id=Twitter&amp;p_user_id=0&amp;pl_id=2a048a6b-ec81-4ad9-8e21-3c809e2a672d&amp;tw_document_href=https%3A%2F%2Fclarity.microsoft.com%2F&amp;tw_iframe_status=0&amp;tw_order_quantity=0&amp;tw_sale_amount=0&amp;txn_id=o6riy&amp;type=javascript&amp;version=2.3.29" style="display: none;" width="1" height="1"><img src="https://analytics.twitter.com/i/adsct?bci=3&amp;eci=2&amp;event_id=946ecb9a-aebd-42c1-adb4-ffa167642d52&amp;events=%5B%5B%22pageview%22%2C%7B%7D%5D%5D&amp;integration=advertiser&amp;p_id=Twitter&amp;p_user_id=0&amp;pl_id=2a048a6b-ec81-4ad9-8e21-3c809e2a672d&amp;tw_document_href=https%3A%2F%2Fclarity.microsoft.com%2F&amp;tw_iframe_status=0&amp;tw_order_quantity=0&amp;tw_sale_amount=0&amp;txn_id=o6riy&amp;type=javascript&amp;version=2.3.29" style="display: none;" width="1" height="1"></body></html>