/* ========================================
   DIDIT HELP CENTER - CUSTOM STYLESHEET
   Fixed selectors for Help Scout Docs
   ======================================== */
@import 'https://www.helpscout.com/css/evolution.css';

:root {
    --didit-font-sans:
        'Roboto Flex', system-ui, -apple-system, 'Segoe UI', Roboto,
        'Helvetica Neue', Arial, 'Noto Sans', 'Liberation Sans', sans-serif;
}

html,
body,
.type--headline-medium-10XL,
.type--headline-medium-9XL,
.type--headline-medium-8XL,
.type--headline-medium-7XL,
.type--headline-medium-6XL,
.type--headline-medium-5XL,
h1,
.type--headline-medium-4XL,
h2,
.type--headline-medium-3XL,
h3,
.type--headline-medium-2XL,
h4,
.type--headline-medium-XL,
h5,
.type--headline-medium-L,
.type--headline-medium-M,
.type--headline-medium-S,
.type--headline-medium-XS {
    font-family: var(--didit-font-sans);
    /* Make variable axes behave nicely */
    font-optical-sizing: auto; /* uses opsz axis automatically */
    font-synthesis-weight: none; /* avoid fake bold */
    font-synthesis-style: none; /* avoid fake italic */
    text-rendering: optimizeLegibility; /* optional */
}

/* Example: slightly graded UI labels for crisper small text */
.category-list .category .article-count {
    font-variation-settings:
        'GRAD' 50,
        'opsz' 12,
        'wght' 500;
}

nav.didit-nav {
    background: #ffffff;
    padding: 16px 40px;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
}

nav.didit-nav .didit-nav-wrapper {
    max-width: 1400px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

nav.didit-nav .didit-nav-wrapper .didit-nav-links-wrapper {
    display: flex;
    gap: 32px;
    align-items: center;
}

nav.didit-nav .didit-nav-wrapper .didit-nav-links-wrapper .login-button {
    color: #36373d;
    text-decoration: none;
    font-weight: 500;
    font-size: 16px;
}

nav.didit-nav .didit-nav-wrapper .didit-nav-links-wrapper .login-button img {
    margin-right: 0.3em;
    display: inline;
}

nav.didit-nav .didit-nav-wrapper .didit-nav-links-wrapper .register-button {
    background: #315fae;
    color: white;
    padding: 10px 20px;
    border-radius: 2rem;
    text-decoration: none;
    font-weight: 600;
    font-size: 16px;
}

#docsSearch h1,
h1 {
    font-size: 2rem;
    font-weight: 300;
}

.category-list {
    display: flex;
    margin: 0 0 var(--spacing--L);
    gap: var(--spacing--base-1-5);
    flex-wrap: wrap;
}

.category-list .category {
    --category--icon-circle-size: var(--spacing--base-2-5);
    --category--icon-size: calc(var(--spacing--base-2-5) * 0.65);
    position: relative;
    flex: 0 0 100%;
    width: auto;
    margin: 0;
    border: none;
    background: var(--color--basics-white);
    box-shadow: var(--elevation--S);
    border-radius: var(--border-radius--XS);
    padding: calc(
            32px + var(--category--icon-circle-size) + var(--spacing--base-1-5)
        )
        var(--spacing--base-1-5) var(--spacing--base-2-5);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 16px;
    transition: box-shadow 0.3s;
    justify-content: space-between;
}
.category-list .category::after {
    content: '';
    display: block;
    width: var(--category--icon-size);
    height: var(--category--icon-size);
    position: absolute;
    top: calc(
        32px + (var(--spacing--base-2-5) - var(--category--icon-size)) / 2
    );
    left: calc(50% - var(--category--icon-size) / 2);
}

/* Getting Started (Rocket Ship) */
.category-list .category#category-5::after {
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0nMS4wJyBlbmNvZGluZz0nVVRGLTgnPz48c3ZnIHdpZHRoPScxMDBwdCcgaGVpZ2h0PScxMDBwdCcgdmVyc2lvbj0nMS4xJyB2aWV3Qm94PScwIDAgMTAwIDEwMCcgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48cGF0aCBkPSdtMTAwIDUwYzAgMjcuNjEzLTIyLjM4NyA1MC01MCA1MHMtNTAtMjIuMzg3LTUwLTUwIDIyLjM4Ny01MCA1MC01MCA1MCAyMi4zODcgNTAgNTB6JyBmaWxsPScjMWU2MGIzJy8+PHBhdGggZD0nbTc3LjAyMyAyMy40OTZjMi42Nzk3IDIuNzAzMS0wLjA3ODEyNiAxNi40MzgtMTAuMTggMjYuNTQzLTIuODQzOCAyLjgzOTgtNS45NjA5IDUuMDkzOC05LjAzOTEgNi44MDA4bC0wLjQyOTY5IDAuMjE4NzUgMC41MzkwNiA1Ljk2ODgtOC4wMDM5IDguMDAzOS0wLjg0NzY2LTkuMzc1LTQuNDY4OCAyLjU4Mi0wLjI1MzkxIDAuMjUzOTEtOC4xMDE2LTguMTAxNiAwLjI1MzkxLTAuMjUgMi41ODItNC40NzI3LTkuMzc1LTAuODUxNTYgOC4wMDc4LTguMDA3OCA1LjkzMzYgMC41MzkwNiAwLjI3MzQ0LTAuNTI3MzRjMS43MzQ0LTMuMDU4NiA0LjAwNzgtNi4xNjQxIDYuODQ3Ny05LjAwNzggMTAuMDk4LTEwLjEwNSAyMy41ODItMTMuMDIzIDI2LjI2Mi0xMC4zMTZ6bS05LjM1OTQgOS41NjI1Yy0xLjc2OTUtMS43Njk1LTQuNjQwNi0xLjc2OTUtNi40MTAyIDAtMS43Njk1IDEuNzY5NS0xLjc2OTUgNC42NDA2IDAgNi40MTAyIDEuNzY5NSAxLjc2OTUgNC42NDA2IDEuNzY5NSA2LjQxMDIgMCAxLjc2OTUtMS43Njk1IDEuNzY5NS00LjY0MDYgMC02LjQxMDJ6JyBmaWxsPScjZmZmJyBmaWxsLXJ1bGU9J2V2ZW5vZGQnLz48cGF0aCBkPSdtMjYuMDIgNjguNDk2Yy0wLjUxOTUzLTAuNTE5NTMgMC44ODY3Mi0yLjc2OTUgMy4xNDQ1LTUuMDI3MyAyLjI1NzgtMi4yNTM5IDQuNTA3OC0zLjY2NDEgNS4wMjczLTMuMTQ0NSAwLjUxOTUzIDAuNTE5NTMtMC44OTA2MiAyLjc2OTUtMy4xNDQ1IDUuMDI3My0yLjI1NzggMi4yNTc4LTQuNTA3OCAzLjY2NDEtNS4wMjczIDMuMTQ0NXonIGZpbGw9JyNmZmYnIGZpbGwtcnVsZT0nZXZlbm9kZCcvPjxwYXRoIGQ9J20zMS40MSA3My44OTFjLTAuNTE5NTMtMC41MTk1MyAwLjg5MDYyLTIuNzY5NSAzLjE0NDUtNS4wMjczIDIuMjU3OC0yLjI1NzggNC41MDc4LTMuNjY0MSA1LjAyNzMtMy4xNDQ1cy0wLjg5MDYyIDIuNzY5NS0zLjE0NDUgNS4wMjM0Yy0yLjI1NzggMi4yNTc4LTQuNTA3OCAzLjY2OC01LjAyNzMgMy4xNDg0eicgZmlsbD0nI2ZmZicgZmlsbC1ydWxlPSdldmVub2RkJy8+PHBhdGggZD0nbTIyLjUwOCA3Ny40MDJjLTAuNTAzOTEtMC41MDM5MSAyLjMwODYtNC4xMjg5IDYuMjgxMi04LjA5NzcgMy45NzI3LTMuOTcyNyA3LjU5NzctNi43ODUyIDguMDk3Ny02LjI4NTIgMC41IDAuNTAzOTEtMi4zMTI1IDQuMTI4OS02LjI4NTIgOC4wOTc3LTMuOTY4OCAzLjk3MjctNy41OTM4IDYuNzg1Mi04LjA5MzggNi4yODUyeicgZmlsbD0nI2ZmZicgZmlsbC1ydWxlPSdldmVub2RkJy8+PC9zdmc+');
    width: 30px;
    height: 30px;
    background-size: cover;
}

/* Using Didit (Checklist) */
.category-list .category#category-6::after {
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0nMS4wJyBlbmNvZGluZz0nVVRGLTgnPz48c3ZnIHdpZHRoPScxMDBwdCcgaGVpZ2h0PScxMDBwdCcgdmVyc2lvbj0nMS4xJyB2aWV3Qm94PScwIDAgMTAwIDEwMCcgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48ZGVmcz48Y2xpcFBhdGggaWQ9J2EnPjxwYXRoIGQ9J20xOC41MTIgMTguNTEyaDYyLjk3N3Y2Mi45NzdoLTYyLjk3N3onLz48L2NsaXBQYXRoPjwvZGVmcz48cGF0aCBkPSdtMTAwIDUwYzAgMjcuNjEzLTIyLjM4NyA1MC01MCA1MHMtNTAtMjIuMzg3LTUwLTUwIDIyLjM4Ny01MCA1MC01MCA1MCAyMi4zODcgNTAgNTB6JyBmaWxsPScjMWU2MGIzJy8+PGcgY2xpcC1wYXRoPSd1cmwoI2EpJz48cGF0aCBkPSdtMjkgMTguNTEyYy01Ljc3MzQgMC0xMC40ODggNC43MTQ4LTEwLjQ4OCAxMC40ODh2NDJjMCA1Ljc3NzMgNC43MTQ4IDEwLjQ4OCAxMC40ODggMTAuNDg4aDQyYzUuNzc3MyAwIDEwLjQ4NC00LjcxMDkgMTAuNDg0LTEwLjQ4NGwwLjAwMzkwNi00Mi4wMDRjMC01Ljc3MzQtNC43MTA5LTEwLjQ4OC0xMC40ODQtMTAuNDg4em0wIDMuOTM3NWg0MmMzLjY2NDEgMCA2LjU1MDggMi44OTA2IDYuNTUwOCA2LjU1NDd2NDJjMCAzLjY2NDEtMi44ODY3IDYuNTUwOC02LjU1MDggNi41NTA4bC00Mi0wLjAwMzkwN2MtMy42NjQxIDAtNi41NTQ3LTIuODg2Ny02LjU1NDctNi41NTA4di00MmMwLTMuNjY0MSAyLjg5MDYtNi41NTQ3IDYuNTU0Ny02LjU1NDd6bTEzLjA5NCA3LjMyODFjLTAuMDU4NTk0IDAtMC4xMTcxOSAwLjAwMzkwNi0wLjE3NTc4IDAuMDA3ODEyLTAuNDQ1MzEgMC4wMzUxNTYtMC44NjcxOSAwLjIxODc1LTEuMTkxNCAwLjUyMzQ0bC02LjM1MTYgNS44MTI1LTIuMjUtMi4xMzY3Yy0wLjc4NTE2LTAuNzUzOTEtMi4wMzEyLTAuNzIyNjYtMi43ODEyIDAuMDYyNS0wLjc1IDAuNzg5MDYtMC43MjI2NiAyLjAzNTIgMC4wNjY0MDYgMi43ODUybDMuNjAxNiAzLjM5ODRjMC43NDYwOSAwLjcwNzAzIDEuOTEwMiAwLjcxODc1IDIuNjc1OCAwLjAyNzM0M2w3LjY5OTItNy4wNDY5LTAuMDAzOTA3IDAuMDAzOTA2YzAuNjA5MzgtMC41NDI5NyAwLjgyMDMxLTEuNDAyMyAwLjUzMTI1LTIuMTYwMi0wLjI4NTE2LTAuNzYxNzItMS4wMDc4LTEuMjY5NS0xLjgyMDMtMS4yNzczem03LjE3MTkgMy41MjM0Yy0wLjUzMTI1LTAuMDExNzE5LTEuMDQzIDAuMTkxNDEtMS40MjE5IDAuNTYyNS0wLjM3NSAwLjM3MTA5LTAuNTg5ODQgMC44Nzg5MS0wLjU4OTg0IDEuNDA2MiAwIDAuNTMxMjUgMC4yMTQ4NCAxLjAzOTEgMC41ODk4NCAxLjQxMDIgMC4zNzg5MSAwLjM2NzE5IDAuODkwNjIgMC41NzAzMSAxLjQyMTkgMC41NTg1OWgxOS45NjVjMC41MjczNCAwLjAxMTcxOSAxLjA0My0wLjE5MTQxIDEuNDE4LTAuNTU4NTkgMC4zNzg5MS0wLjM3MTA5IDAuNTkzNzUtMC44Nzg5MSAwLjU5Mzc1LTEuNDEwMiAwLTAuNTI3MzQtMC4yMTQ4NC0xLjAzNTItMC41OTM3NS0xLjQwNjItMC4zNzUtMC4zNzEwOS0wLjg5MDYzLTAuNTc0MjItMS40MTgtMC41NjI1em0tNy4xNjAyIDExLjE5OXYwLjAwMzkwNmMtMC41MTE3Mi0wLjAwNzgxMi0xLjAwNzggMC4xODM1OS0xLjM3ODkgMC41MzkwNmwtNi4zNTE2IDUuODA4Ni0yLjI1LTIuMTQ4NHYtMC4wMDM5MDZjLTAuMzc4OTEtMC4zNTkzOC0wLjg4NjcyLTAuNTU0NjktMS40MTAyLTAuNTQyOTctMC41MjM0NCAwLjAxNTYyNS0xLjAxOTUgMC4yMzQzOC0xLjM3ODkgMC42MTcxOS0wLjM2MzI4IDAuMzc4OTEtMC41NTg1OSAwLjg4NjcyLTAuNTQyOTcgMS40MTAyIDAuMDE1NjI1IDAuNTIzNDQgMC4yMzQzOCAxLjAxOTUgMC42MTcxOSAxLjM3ODlsMy42MDE2IDMuMzk4NGMwLjc0NjA5IDAuNzA3MDMgMS45MTQxIDAuNzE4NzUgMi42NzU4IDAuMDI3MzQzbDcuNjk5Mi03LjA0NjloLTAuMDAzOTA3YzAuNjA5MzgtMC41MzkwNiAwLjgyNDIyLTEuMzk0NSAwLjUzOTA2LTIuMTU2Mi0wLjI4MTI1LTAuNzYxNzItMS4wMDM5LTEuMjY5NS0xLjgxNjQtMS4yODEyem03LjE2MDIgMy41MjczdjAuMDAzOTA2Yy0wLjUzMTI1LTAuMDExNzE5LTEuMDQzIDAuMTkxNDEtMS40MjE5IDAuNTYyNS0wLjM3NSAwLjM2NzE5LTAuNTg5ODQgMC44NzUtMC41ODk4NCAxLjQwNjJzMC4yMTQ4NCAxLjAzNTIgMC41ODk4NCAxLjQwNjJjMC4zNzg5MSAwLjM3MTA5IDAuODkwNjIgMC41NzQyMiAxLjQyMTkgMC41NjI1aDE5Ljk2NWMwLjUyNzM0IDAuMDExNzE5IDEuMDQzLTAuMTkxNDEgMS40MTgtMC41NjI1IDAuMzc4OTEtMC4zNzEwOSAwLjU5Mzc1LTAuODc1IDAuNTkzNzUtMS40MDYycy0wLjIxNDg0LTEuMDM5MS0wLjU5Mzc1LTEuNDA2MmMtMC4zNzUtMC4zNzEwOS0wLjg5MDYzLTAuNTc0MjItMS40MTgtMC41NjI1em0tNy4xMjg5IDExLjE5MXYwLjAwNzgxMmMtMC4wNzQyMTktMC4wMDM5MDYtMC4xNDg0NCAwLTAuMjE4NzUgMC4wMDM5MDctMC40NDkyMiAwLjAzOTA2Mi0wLjg2NzE5IDAuMjMwNDctMS4xOTE0IDAuNTM5MDZsLTYuMzUxNiA1Ljc5NjktMi4yNS0yLjEzNjdjLTAuMzc4OTEtMC4zNTkzOC0wLjg4NjcyLTAuNTU0NjktMS40MTAyLTAuNTQyOTctMC41MjM0NCAwLjAxMTcxOS0xLjAxOTUgMC4yMzQzOC0xLjM3ODkgMC42MTMyOC0wLjM2MzI4IDAuMzgyODEtMC41NTg1OSAwLjg5MDYyLTAuNTQyOTcgMS40MTQxIDAuMDE1NjI1IDAuNTIzNDQgMC4yMzQzOCAxLjAxOTUgMC42MTcxOSAxLjM3ODlsMy42MDE2IDMuMzk4NGMwLjc1IDAuNzAzMTIgMS45MTQxIDAuNzEwOTQgMi42NzU4IDAuMDE1NjI1bDcuNjk1My03LjAzMTJjMC42MTMyOC0wLjUzMTI1IDAuODM1OTQtMS4zOTA2IDAuNTU4NTktMi4xNTIzLTAuMjc3MzQtMC43NjU2My0wLjk5MjE5LTEuMjgxMi0xLjgwNDctMS4yOTY5em02Ljk0MTQgMy41MzkxdjAuMDA3ODEzYy0xLjA3MDMgMC4wNzQyMTktMS44ODI4IDAuOTg4MjgtMS44MzIgMi4wNTg2IDAuMDUwNzgxIDEuMDcwMyAwLjk0OTIyIDEuOTAyMyAyLjAxOTUgMS44NzVoMTkuOTY1YzAuNTI3MzQgMC4wMTE3MTkgMS4wNDMtMC4xODc1IDEuNDE4LTAuNTU4NTkgMC4zNzg5MS0wLjM3MTA5IDAuNTkzNzUtMC44Nzg5MSAwLjU5Mzc1LTEuNDA2MiAwLTAuNTMxMjUtMC4yMTQ4NC0xLjAzOTEtMC41OTM3NS0xLjQxMDItMC4zNzUtMC4zNjcxOS0wLjg5MDYzLTAuNTcwMzEtMS40MTgtMC41NTg1OWgtMTkuOTY1Yy0wLjA2MjUtMC4wMDM5MDYtMC4xMjUtMC4wMDM5MDYtMC4xODc1IDB6JyBmaWxsPScjZmZmJy8+PC9nPjwvc3ZnPg==');
    width: 30px;
    height: 30px;
    background-size: cover;
}

/* Productivity & Personal Growth (Personal Growth)*/
.category-list .category#category-27::after {
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0nMS4wJyBlbmNvZGluZz0nVVRGLTgnPz48c3ZnIHdpZHRoPScxMDBwdCcgaGVpZ2h0PScxMDBwdCcgdmVyc2lvbj0nMS4xJyB2aWV3Qm94PScwIDAgMTAwIDEwMCcgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48cGF0aCBkPSdtMTAwIDUwYzAgMjcuNjEzLTIyLjM4NyA1MC01MCA1MHMtNTAtMjIuMzg3LTUwLTUwIDIyLjM4Ny01MCA1MC01MCA1MCAyMi4zODcgNTAgNTB6JyBmaWxsPScjMWU2MGIzJy8+PHBhdGggZD0nbTMzLjgwNSA2Mi4xNTZoNy4xOTE0djE1LjgxNmgtNy4xOTE0em01LjEwNTUtNDAuMTMzYy0zLjk3NjYgMC4wMzkwNjItNy4xNzk3IDMuMjczNC03LjE3OTcgNy4yNSAwIDMuOTc2NiAzLjIwMzEgNy4yMDcgNy4xNzk3IDcuMjQ2MWgtMS4zMjAzYy0yLjkxMDIgMC4wMDc4MTMtNS42OTkyIDEuMTY4LTcuNzUzOSAzLjIyNjYtMi4wNTg2IDIuMDU0Ny0zLjIxODggNC44NDM4LTMuMjI2NiA3Ljc1Mzl2NC4zOTQ1aDI0LjU5NGwwLjAwMzkwNi00LjM5NDVjLTAuMDExNzE5LTIuOTEwMi0xLjE2OC01LjY5OTItMy4yMjY2LTcuNzU3OC0yLjA1ODYtMi4wNTg2LTQuODQ3Ny0zLjIxODgtNy43NTc4LTMuMjI2NmgtMS4zMTI1YzMuOTc2Ni0wLjAzOTA2MyA3LjE3OTctMy4yNzM0IDcuMTc5Ny03LjI1cy0zLjIwMzEtNy4yMDctNy4xNzk3LTcuMjQ2MXptLTE1LjI2NiA0Ni42MTdoNy4xOTE0djkuMzMyaC03LjE5MTR6bTQwLjQyMi0yNy4xODR2MzYuNTE2aDcuMTkxNHYtMzYuNTE2aDUuMDg1OWwtNC4zNDM4LTQuMzUxNi00LjM0MzgtNC4zNTU1LTguNjg3NSA4LjcwN3ptLTEwLjA5IDcuMDc4MWg3LjE5MTR2MjkuNDM4aC03LjE5MTR6bS0yLjg5ODQgNy4wNzgxaC03LjE5MTR2MjIuMzU5aDcuMTkxNHonIGZpbGw9JyNmZmYnIGZpbGwtcnVsZT0nZXZlbm9kZCcvPjwvc3ZnPg==');
    width: 30px;
    height: 30px;
    background-size: cover;
}

/* Accounts & Settings (Person Settings) */
.category-list .category#category-32::after {
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0nMS4wJyBlbmNvZGluZz0nVVRGLTgnPz48c3ZnIHdpZHRoPScxMDBwdCcgaGVpZ2h0PScxMDBwdCcgdmVyc2lvbj0nMS4xJyB2aWV3Qm94PScwIDAgMTAwIDEwMCcgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48cGF0aCBkPSdtMTAwIDUwYzAgMjcuNjEzLTIyLjM4NyA1MC01MCA1MHMtNTAtMjIuMzg3LTUwLTUwIDIyLjM4Ny01MCA1MC01MCA1MCAyMi4zODcgNTAgNTB6JyBmaWxsPScjMWU2MGIzJy8+PHBhdGggZD0nbTMzLjQ1NyAzOS42ODRjMC02LjE3MTkgNS0xMS4xNzIgMTEuMTcyLTExLjE3MnMxMS4xNzIgNS4wMDM5IDExLjE3MiAxMS4xNzJjMCA2LjE3MTktNS4wMDM5IDExLjE3Mi0xMS4xNzIgMTEuMTcyLTYuMTY4IDAtMTEuMTcyLTUtMTEuMTcyLTExLjE3MnptMTIuMDgyIDEyLjgyNGgtMS44MTY0Yy0xMC4wOSAwLjA1NDY4OC0xOC4yODUgNy44ODI4LTE4LjI4NSAxNy41MDQgMCAwLjgxNjQxIDAuNjQ0NTMgMS40NzY2IDEuNDQxNCAxLjQ3NjZoMzUuNWMwLjc5Njg4IDAgMS40NDE0LTAuNjYwMTYgMS40NDE0LTEuNDc2NiAwLTkuNjIxMS04LjE5MTQtMTcuNDQ5LTE4LjI4MS0xNy41MDR6bTI1LjI3Ny0zLjE4NzUgMC4wMzkwNjMtMC4wODIwMzEgMy4zMzItMC44MDA3OGMwLjI1MzkxLTAuOTk2MDkgMC4zNzg5MS0yLjAxOTUgMC4zNzEwOS0zLjA0MyAwLTAuMTI4OTEtMC4wMDM5MDYtMC4yNTM5MS0wLjAwNzgxMy0wLjM3ODkxbC0zLjA4OTgtMS40ODQ0LTAuMDE5NTMyLTAuMDg5ODQ0Yy0wLjA4NTkzNy0wLjM3MTA5LTAuMTkxNDEtMC43MzgyOC0wLjMxNjQxLTEuMDg1OWwtMC4wMzEyNS0wLjA4NTkzOCAxLjc4OTEtMi45MjE5Yy0wLjU4OTg0LTAuOTk2MDktMS4zMTY0LTEuODk0NS0yLjE2MDItMi42Nzk3bC0zLjIzNDQgMS4xMzI4LTAuMDc4MTI1LTAuMDUwNzgxYy0wLjMyNDIyLTAuMjAzMTItMC42NjAxNi0wLjM4NjcyLTAuOTkyMTktMC41NDI5N2wtMC4wODIwMzEtMC4wMzkwNjItMC43OTY4OC0zLjMzMmMtMC45NzI2Ni0wLjI1LTEuOTcyNy0wLjM3NS0yLjk3MjctMC4zNzVoLTAuMDc0MjE4Yy0wLjEyNSAwLTAuMjUzOTEgMC4wMDM5MDYtMC4zNzg5MSAwLjAxMTcxOGwtMS40ODQ0IDMuMDg1OS0wLjA4OTg0NCAwLjAxOTUzMWMtMC4zNzEwOSAwLjA4NTkzNy0wLjczODI4IDAuMTkxNDEtMS4wODU5IDAuMzE2NDFsLTAuMDg1OTM3IDAuMDMxMjUtMC42MDU0Ny0wLjM3MTA5YzAuMjIyNjYgMS4wMDM5IDAuMzQ3NjYgMi4wNDY5IDAuMzQ3NjYgMy4xMTcyIDAgMC43Njk1My0wLjA4MjAzMSAxLjUyMzQtMC4xOTkyMiAyLjI2MTcgMC45Mzc1LTAuOTg4MjggMi4yNTM5LTEuNjEzMyAzLjcxODgtMS42MTMzIDIuODM1OSAwIDUuMTQwNiAyLjMwNDcgNS4xNDA2IDUuMTQwNiAwIDIuODMyLTIuMzA0NyA1LjEzNjctNS4xNDA2IDUuMTM2Ny0yLjU5NzcgMC00LjcyNjYtMS45NDE0LTUuMDcwMy00LjQ0NTMtMC45MDYyNSAxLjgwMDgtMi4xNzE5IDMuMzk0NS0zLjcxMDkgNC42NzE5IDMuNTIzNCAxLjQzMzYgNi41NzAzIDMuNzM4MyA4Ljg1NTUgNi42MjUgMC4xMDE1NiAwIDAuMjA3MDMtMC4wMDM5MDcgMC4zMDg1OS0wLjAwNzgxM2wxLjQ4NDQtMy4wODU5IDAuMDg5ODQ0LTAuMDE5NTMxYzAuMzc1LTAuMDg1OTM4IDAuNzM4MjgtMC4xOTE0MSAxLjA4NTktMC4zMjAzMWwwLjA4NTkzNy0wLjAzMTI1IDIuOTE4IDEuNzkzYzAuOTk2MDktMC41OTM3NSAxLjg5NDUtMS4zMjAzIDIuNjc5Ny0yLjE2NDFsLTEuMTM2Ny0zLjIzNDQgMC4wNTA3ODEtMC4wNzgxMjVjMC4yMDcwMy0wLjMxMjUgMC4zOTA2Mi0wLjY0NDUzIDAuNTQ2ODgtMC45ODA0N3onIGZpbGw9JyNmZmYnLz48L3N2Zz4=');
    width: 30px;
    height: 30px;
    background-size: cover;
}

/* Troubleshooting (Spanner) */
.category-list .category#category-39::after {
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0nMS4wJyBlbmNvZGluZz0nVVRGLTgnPz48c3ZnIHdpZHRoPScxMDBwdCcgaGVpZ2h0PScxMDBwdCcgdmVyc2lvbj0nMS4xJyB2aWV3Qm94PScwIDAgMTAwIDEwMCcgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48cGF0aCBkPSdtMTAwIDUwYzAgMjcuNjEzLTIyLjM4NyA1MC01MCA1MHMtNTAtMjIuMzg3LTUwLTUwIDIyLjM4Ny01MCA1MC01MCA1MCAyMi4zODcgNTAgNTB6JyBmaWxsPScjMWU2MGIzJy8+PHBhdGggZD0nbTc4LjU1OSAzMi4wNDMtNy4xODM2IDcuMTc5N2MtMS40NDUzIDEuNDQ1My0zLjc5MyAxLjQ0NTMtNS4yNDIyIDBsLTUuMjkzLTUuMjkzYy0xLjQ0MTQtMS40NDE0LTEuNDQxNC0zLjc5NjkgMC01LjIzODNsNy4xODM2LTcuMTc5N2MwLjI1NzgxLTAuMjU3ODEgMC4xMzI4MS0wLjcxODc1LTAuMjI2NTYtMC43OTI5Ny01LjQ0OTItMS4xMDE2LTExLjM5NSAwLjg2NzE5LTE1LjA0MyA1LjkxMDItMi45OTYxIDQuMTM2Ny0zLjQ4ODMgOS41NzAzLTEuNjI1IDE0LjE4OGwtMjguOTc3IDI4Ljk3N2MtMi4zMzIgMi4zMzItMi40ODA1IDYuMzE2NCAwLjAzNTE1NiA4LjQ2NDggMi4yNDYxIDEuODg2NyA1LjUyNzMgMS43MTA5IDcuNTE5NS0wLjMxNjQxbDI5LjE2OC0yOS4xNDhjNS40Mjk3IDIuMzc4OSAxMS45ODQgMS4zNjcyIDE2LjQzLTMuMDc4MSAzLjY1MjMtMy42NDg0IDUtOC43MzQ0IDQuMDQzLTEzLjQ0OS0wLjA3MDMxMi0wLjM1NTQ3LTAuNTMxMjUtMC40ODA0Ny0wLjc4OTA2LTAuMjIyNjZ6bS01MS44NjcgNDMuODQ4Yy0xLjUzOTEgMC0yLjc3NzMtMS4yNDIyLTIuNzc3My0yLjc3NzMgMC0xLjUzOTEgMS4yNDIyLTIuNzc3MyAyLjc3NzMtMi43NzczIDEuNTM5MSAwIDIuNzc3MyAxLjI0MjIgMi43NzczIDIuNzc3MyAwIDEuNTM1Mi0xLjIzODMgMi43NzczLTIuNzc3MyAyLjc3NzN6JyBmaWxsPScjZmZmJy8+PC9zdmc+');
    width: 30px;
    height: 30px;
    background-size: cover;
}

/* Plans & Billing (Credit Card) */
.category-list .category#category-45::after {
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0nMS4wJyBlbmNvZGluZz0nVVRGLTgnPz48c3ZnIHdpZHRoPScxMDBwdCcgaGVpZ2h0PScxMDBwdCcgdmVyc2lvbj0nMS4xJyB2aWV3Qm94PScwIDAgMTAwIDEwMCcgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48cGF0aCBkPSdtMTAwIDUwYzAgMjcuNjEzLTIyLjM4NyA1MC01MCA1MHMtNTAtMjIuMzg3LTUwLTUwIDIyLjM4Ny01MCA1MC01MCA1MCAyMi4zODcgNTAgNTB6JyBmaWxsPScjMWU2MGIzJy8+PHBhdGggZD0nbTY5LjIzIDY0Ljc3aC0zOC40NjFjLTIuMTQwNiAwLTMuODc1LTEuNzM0NC0zLjg3NS0zLjg3MTF2LTIxLjc5N2MwLTIuMTM2NyAxLjczNDQtMy44NzExIDMuODc1LTMuODc1aDM4LjQ2MWMyLjE0MDYgMC4wMDM5MDcgMy44NzExIDEuNzM4MyAzLjg3NSAzLjg3NXYyMS43OTdjLTAuMDAzOTA3IDIuMTM2Ny0xLjczNDQgMy44NzExLTMuODc1IDMuODcxMXptLTM4LjQ2MS0yNy4xMDVjLTAuNzk2ODggMC0xLjQ0MTQgMC42NDQ1My0xLjQ0MTQgMS40Mzc1djIxLjc5N2MwIDAuNzkyOTcgMC42NDQ1MyAxLjQzNzUgMS40NDE0IDEuNDM3NWgzOC40NjFjMC43OTY4OCAwIDEuNDM3NS0wLjY0NDUzIDEuNDQxNC0xLjQzNzV2LTIxLjc5N2MtMC4wMDM5MDYtMC43OTI5Ny0wLjY0NDUzLTEuNDM3NS0xLjQ0MTQtMS40Mzc1eicgZmlsbD0nI2ZmZicvPjxwYXRoIGQ9J20yNy44NzUgNDEuMjVoNDQuMDEydjUuODk4NGgtNDQuMDEyeicgZmlsbD0nI2ZmZicvPjxwYXRoIGQ9J20zNC4xNTIgNTguNTM5aC0wLjIyMjY2Yy0wLjY3MTg4IDAtMS4yMTg4LTAuNTQ2ODctMS4yMTg4LTEuMjE4OCAwLTAuNjcxODcgMC41NDY4Ny0xLjIxNDggMS4yMTg4LTEuMjE0OGgwLjIyMjY2YzAuNjcxODggMCAxLjIxNDggMC41NDI5NyAxLjIxNDggMS4yMTQ4IDAgMC42NzE4OC0wLjU0Mjk3IDEuMjE4OC0xLjIxNDggMS4yMTg4eicgZmlsbD0nI2ZmZicvPjxwYXRoIGQ9J201My41ODYgNTguNTM5aC0wLjQxMDE2Yy0wLjY3MTg4IDAtMS4yMTQ4LTAuNTQ2ODctMS4yMTQ4LTEuMjE4OCAwLTAuNjcxODcgMC41NDI5Ny0xLjIxNDggMS4yMTQ4LTEuMjE0OGgwLjQxMDE2YzAuNjcxODcgMCAxLjIxODggMC41NDI5NyAxLjIxODggMS4yMTQ4IDAgMC42NzE4OC0wLjU0Njg4IDEuMjE4OC0xLjIxODggMS4yMTg4em0tMy44ODY3IDBoLTAuNDEwMTZjLTAuNjcxODcgMC0xLjIxODgtMC41NDY4Ny0xLjIxODgtMS4yMTg4IDAtMC42NzE4NyAwLjU0Njg4LTEuMjE0OCAxLjIxODgtMS4yMTQ4aDAuNDEwMTZjMC42NzE4OCAwIDEuMjE4OCAwLjU0Mjk3IDEuMjE4OCAxLjIxNDggMCAwLjY3MTg4LTAuNTQ2ODggMS4yMTg4LTEuMjE4OCAxLjIxODh6bS0zLjg4NjcgMGgtMC40MTAxNmMtMC42NzE4OCAwLTEuMjE4OC0wLjU0Njg3LTEuMjE4OC0xLjIxODggMC0wLjY3MTg3IDAuNTQ2ODgtMS4yMTQ4IDEuMjE4OC0xLjIxNDhoMC40MTAxNmMwLjY3MTg4IDAgMS4yMTQ4IDAuNTQyOTcgMS4yMTQ4IDEuMjE0OCAwIDAuNjcxODgtMC41NDI5NyAxLjIxODgtMS4yMTQ4IDEuMjE4OHptLTMuODg2NyAwaC0wLjQxMDE2Yy0wLjY3MTg4IDAtMS4yMTg4LTAuNTQ2ODctMS4yMTg4LTEuMjE4OCAwLTAuNjcxODcgMC41NDY4OC0xLjIxNDggMS4yMTg4LTEuMjE0OGgwLjQxMDE2YzAuNjcxODggMCAxLjIxODggMC41NDI5NyAxLjIxODggMS4yMTQ4IDAgMC42NzE4OC0wLjU0Njg4IDEuMjE4OC0xLjIxODggMS4yMTg4em0tMy44ODY3IDBoLTAuNDEwMTZjLTAuNjcxODggMC0xLjIxODgtMC41NDY4Ny0xLjIxODgtMS4yMTg4IDAtMC42NzE4NyAwLjU0Njg4LTEuMjE0OCAxLjIxODgtMS4yMTQ4aDAuNDEwMTZjMC42NzE4OCAwIDEuMjE0OCAwLjU0Mjk3IDEuMjE0OCAxLjIxNDggMCAwLjY3MTg4LTAuNTQyOTcgMS4yMTg4LTEuMjE0OCAxLjIxODh6JyBmaWxsPScjZmZmJy8+PHBhdGggZD0nbTU3LjI4NSA1OC41MzloLTAuMjIyNjZjLTAuNjcxODggMC0xLjIxNDgtMC41NDY4Ny0xLjIxNDgtMS4yMTg4IDAtMC42NzE4NyAwLjU0Mjk3LTEuMjE0OCAxLjIxNDgtMS4yMTQ4aDAuMjIyNjZjMC42NzE4OCAwIDEuMjE4OCAwLjU0Mjk3IDEuMjE4OCAxLjIxNDggMCAwLjY3MTg4LTAuNTQ2ODggMS4yMTg4LTEuMjE4OCAxLjIxODh6JyBmaWxsPScjZmZmJy8+PC9zdmc+');
    width: 30px;
    height: 30px;
    background-size: cover;
}

.category-list .category:hover {
    background: var(--color--basics-white);
    box-shadow: var(--elevation--M);
}

.category-list .category h3,
.category-list .category p,
.category-list .category .article-count {
    flex: 0 0 100%;
}

.category-list .category h3 {
    margin: 0;
    color: var(--color--text-headline);
    font-weight: var(--font-weight--semibold);
    font-size: var(--font-size--L);
    line-height: var(--line-height--tight);
}

.category-list .category p,
.category-list .category .article-count {
    margin: 0;
    font-size: var(--font-size--S);
    line-height: var(--line-height--relaxed);
    color: var(--color--text-default);
}

.category-list .category p:first-of-type {
    align-self: start;
}

.category-list .category .article-count {
    align-self: end;
    color: var(--color--action-default);
}

.category-list .category:hover .article-count {
    color: var(--color--action-hovered);
}

@media (min-width: 768px) {
    .category-list .category {
        flex: 0 0 calc(50% - var(--spacing--base-1-5) / 2);
    }
}

@media (min-width: 1024px) {
    .category-list .category {
        flex: 0 0 calc(33.333% - var(--spacing--base-1-5) * 3 / 4);
        padding-left: var(--spacing--base-2-5);
        padding-right: var(--spacing--base-2-5);
    }
}

/* === GLOBAL STYLES === */
body {
    background: #f2f2f2;
    font-family: 'Roboto Flex', Arial, sans-serif;
    color: #36373d;
}

/* === HEADER - HIDDEN === */
header#mainNav,
.navbar,
.navbar-inner,
nav[role='navigation'],
.nav-collapse {
    display: none;
    visibility: hidden;
}

/* === SEARCH HERO SECTION === */
section#docsSearch {
    background-image:
        url("data:image/svg+xml;utf8,<svg width='526' height='130' viewBox='0 0 526 130' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M-1656.34 -242.365C-1560.97 -260.22 -1355.14 -218.773 -1286.65 2.67849C-1245.58 135.478 -1109.58 152.743 -1026.53 69.1846C-961.717 3.98171 -1045.07 -16.0585 -1073.86 71.2477C-1098.87 147.052 -1024.29 211.602 -953.39 174.94C-869.438 131.53 -784.582 89.4944 -734.969 77.912L-718.072 74.7497C-658.43 63.5879 -597.061 81.8056 -553.171 123.702L-505.116 169.572L-500.701 173.657C-437.416 232.219 -335.395 211.879 -299.407 133.524L-267.165 63.3256C-252.387 31.1519 -269.21 -6.68658 -302.997 -17.2687L-309.845 -19.4134C-331.726 -26.2666 -355.453 -17.2425 -367.25 2.41881C-380.995 25.3275 -374.145 55.0059 -351.75 69.5729L-294.946 106.521C-237.189 144.089 -161.78 140.053 -108.363 96.5328L-43.3579 43.5711C-27.39 30.5617 -6.89465 24.4545 13.5897 26.6021C56.2568 31.0753 87.1419 69.4048 82.4397 112.047L77.2141 159.436C75.6505 173.616 81.558 187.591 92.8182 196.35C119.792 217.332 159.097 198.11 159.097 163.937L159.097 122.284C159.097 76.7028 206.988 46.9944 247.824 67.2434L404.179 144.774C417.131 151.196 431.789 153.335 446.036 150.882L456.561 149.07C485.054 144.164 505.212 118.491 503.22 89.6474L500.272 46.9768C498.569 22.3182 470.7 8.86076 450.33 22.86C429.217 37.3688 432.925 69.5819 456.781 78.9151L575.785 125.473C600.277 135.055 627.564 134.569 651.7 124.122L780.477 68.3833L871.158 43.4697' stroke='%23BBDBFD' stroke-opacity='0.2' stroke-width='18'/></svg>"),
        linear-gradient(
            to bottom,
            #f6fdff 0%,
            #4fa3f7 47%,
            #3782d6 75%,
            #4480cc 90%
        );
    background-repeat: no-repeat, no-repeat;
    background-position: top, center;
    background-size: cover, cover;
    padding: 30px 20px 30px;
    text-align: center;
    border-bottom: none;
}

/* Logo at top of search section */
section#docsSearch::before {
    content: '';
    display: block;
    width: 180px;
    height: 60px;
    margin: 0 auto 40px;
    background: url('https://d33v4339jhl8k0.cloudfront.net/docs/assets/YOUR_SITE_ID/images/YOUR_IMAGE_ID/didit-logo.png')
        no-repeat center;
    background-size: contain;
}

section#docsSearch h1 {
    color: #ffffff;
    margin-bottom: 16px;
    letter-spacing: -0.5px;
}

/* === SEARCH BAR === */
form#searchBar {
    max-width: 600px;
    margin: 0 auto;
    gap: 0;
}

form#searchBar input.search-query {
    flex: 1;
    padding: 14px 20px;
    border: 1px solid #dce3eb;
    border-radius: 8px 0 0 8px;
    font-size: 16px;
    background: #ffffff;
    color: #36373d;
    box-shadow: none;
}

form#searchBar input.search-query:focus {
    outline: none;
    border-color: #1e60b4;
    box-shadow: 0 0 0 3px rgba(49, 95, 174, 0.1);
}

form#searchBar button[type='submit'] {
    background: #1e60b4;
    border: 1px solid #1e60b4;
    color: #ffffff;
    font-weight: 600;
    transition: background 0.2s ease;
    top: unset;
    right: -5px;
    text-shadow: unset;
}

#sidebar form#searchBar button[type='submit'] {
    top: 0;
    right: -2px;
}

form#searchBar button[type='submit']:hover {
    background: #1e60b4;
    border-color: #1e60b4;
}

#sidebar form button {
    color: #ffffff;
    padding: 0 0.5em;
}

.featherlight-close-icon,
[class*=' icon-'],
[class^='icon-'] {
    color: inherit;
}

/* === CONTENT AREA === */
section#contentArea {
    background: transparent;
    padding: 20px 20px;
}

a.category:hover {
    box-shadow:
        0px 1px 1px 0px rgba(49, 67, 81, 0.02),
        0px 2px 2px 0.5px rgba(49, 67, 81, 0.04),
        0px 4px 4px 1px rgba(49, 67, 81, 0.06),
        0px 8px 8px 1.5px rgba(49, 67, 81, 0.08);
}

/* === MOST HELPFUL SECTION === */
.most-pop-articles {
    display: none;
    visibility: hidden;
}

/* === LINKS === */
a {
    color: #315fae;
}

.contentWrapper a,
.collection a {
    color: #315fae;
}

/* === FOOTER === */
footer {
    color: black;
    font-size: 14px;
}

footer a {
    color: #585858;
}

/* === RESPONSIVE === */
@media (max-width: 768px) {
    section#docsSearch h1 {
        font-size: 28px;
    }

    /*form#searchBar input.search-query,*/
    /*form#searchBar button[type='submit'] {*/
    /*    top: 20px;*/
    /*    right: -5px;*/
    /*}*/

    /*#sidebar form#searchBar input.search-query,*/
    /*#sidebar form#searchBar button[type='submit'] {*/
    /*    top: 0;*/
    /*    right: -5px;*/
    /*    height: 49px;*/
    /*}*/
}

@media (max-width: 600px) {
    nav.didit-nav .didit-nav-wrapper {
        flex-direction: column;
        gap: 1em;
    }

    nav.didit-nav .didit-nav-wrapper .didit-nav-links-wrapper {
        flex-direction: column;
        gap: 0.5em;
    }
}