:root {
    /* Ideagen colours */
    --ideagen-brand-pink-05: #e2408e;
    --ideagen-brand-pink-10: #b62370;
    --ideagen-brand-pink-20: #81003f;
    --ideagen-brand-teal-05: #45bbce;
    --ideagen-brand-teal-10: #039db7;
    --ideagen-brand-teal-20: #007e97;
    --ideagen-brand-teal-30: #006078;
    --ideagen-color-white: #ffffff;
    --ideagen-color-neutral-05: #f4f5f6;
    --ideagen-color-neutral-10: #dde0e3;
    --ideagen-color-neutral-20: #c8cdd1;
    --ideagen-color-neutral-30: #b6bbc1;
    --ideagen-color-neutral-40: #9ea6ad;
    --ideagen-color-neutral-50: #8b939a;
    --ideagen-color-neutral-60: #6e7881;
    --ideagen-color-neutral-70: #5d6977;
    --ideagen-color-neutral-80: #465564;
    --ideagen-color-neutral-90: #2f4051;
    --ideagen-color-neutral-100: #212d38;
    --ideagen-color-neutral-110: #121e29;
    --ideagen-color-neutral-120: #0c161f;
    --ideagen-color-teal-05: #e4fcff;
    --ideagen-color-teal-10: #d2f6fa;
    --ideagen-color-teal-20: #c1f0f5;
    --ideagen-color-teal-30: #98e5ec;
    --ideagen-color-teal-40: #76d7e0;
    --ideagen-color-teal-50: #5cc7d0;
    --ideagen-color-teal-60: #3bb7c2;
    --ideagen-color-teal-70: #22a3af;
    --ideagen-color-teal-80: #1b838b;
    --ideagen-color-teal-90: #056d78;
    --ideagen-color-teal-100: #004f58;
    --ideagen-color-pink-05: #ffe4f1;
    --ideagen-color-pink-10: #ffc7e3;
    --ideagen-color-pink-20: #ffaad5;
    --ideagen-color-pink-30: #ff73b8;
    --ideagen-color-pink-40: #fc4ca8;
    --ideagen-color-pink-50: #e11687;
    --ideagen-color-pink-60: #e30072;
    --ideagen-color-pink-70: #c80063;
    --ideagen-color-pink-80: #a60052;
    --ideagen-color-pink-90: #81003f;
    --ideagen-color-pink-100: #59002b;
    --ideagen-color-green-05: #e4fff4;
    --ideagen-color-green-10: #c5fde7;
    --ideagen-color-green-20: #a7fbd9;
    --ideagen-color-green-30: #71f5c0;
    --ideagen-color-green-40: #42eca8;
    --ideagen-color-green-50: #1edf92;
    --ideagen-color-green-60: #04ce7d;
    --ideagen-color-green-70: #00b86e;
    --ideagen-color-green-80: #08a768;
    --ideagen-color-green-90: #007b4a;
    --ideagen-color-green-100: #005936;
    --ideagen-color-yellow-05: #fffae4;
    --ideagen-color-yellow-10: #fff4c3;
    --ideagen-color-yellow-20: #ffefa1;
    --ideagen-color-yellow-30: #ffe066;
    --ideagen-color-yellow-40: #f5ca3f;
    --ideagen-color-yellow-50: #e7af22;
    --ideagen-color-yellow-60: #d5920f;
    --ideagen-color-yellow-70: #cb820b;
    --ideagen-color-yellow-80: #9f5c00;
    --ideagen-color-yellow-90: #7d4600;
    --ideagen-color-yellow-100: #593100;
    --ideagen-color-red-05: #ffe4e6;
    --ideagen-color-red-10: #fec9cc;
    --ideagen-color-red-20: #fcaeb3;
    --ideagen-color-red-30: #f77b83;
    --ideagen-color-red-40: #fa5b62;
    --ideagen-color-red-50: #e22d38;
    --ideagen-color-red-60: #d11723;
    --ideagen-color-red-70: #ba0914;
    --ideagen-color-red-80: #9d010b;
    --ideagen-color-red-90: #7c0008;
    --ideagen-color-red-100: #590006;
    --ideagen-color-blue-05: #e4eaff;
    --ideagen-color-blue-10: #cfd8ff;
    --ideagen-color-blue-20: #b9c7ff;
    --ideagen-color-blue-30: #8aa0fe;
    --ideagen-color-blue-40: #708bf8;
    --ideagen-color-blue-50: #4261ee;
    --ideagen-color-blue-60: #2647da;
    --ideagen-color-blue-70: #1233c1;
    --ideagen-color-blue-80: #0624a2;
    --ideagen-color-blue-90: #011a7e;
    --ideagen-color-blue-100: #001259;
    --ideagen-color-orange-05: #fce1d0;
    --ideagen-color-orange-10: #ffd0aa;
    --ideagen-color-orange-20: #ffb76d;
    --ideagen-color-orange-30: #ffa433;
    --ideagen-color-orange-40: #ff9800;
    --ideagen-color-orange-50: #ef8100;
    --ideagen-color-orange-60: #dc6a00;
    --ideagen-color-orange-70: #c65300;
    --ideagen-color-orange-80: #ab3d00;
    --ideagen-color-orange-90: #8e2e06;
    --ideagen-color-orange-100: #70220a;
    /* Border radius*/
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 20px;
    --radius-xl: 24px;
}

html {
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body {
    color: var(--ideagen-color-neutral-90);
    font-family: "Gilroy";
    margin: 0;
}

body.mobile-nav-open {
    overflow: hidden;
    position: fixed;
    width: 100%;
    height: 100%;
}

body.loading {
    overflow: hidden;
    height: 100vh;
}

.helix-loader {
    transition: opacity 0.25s ease-out;
}

.helix-loader.fade-out {
    opacity: 0;
}

button {
    font-family: "Gilroy";
}

.header-navigation {
    display:none;
}

[platform] {
    display: none;
}

.unified-navigation--wrapper {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    height: auto;
    border-bottom: 1px solid var(--ideagen-color-neutral-10);
    padding: 8px 42px;
}

.unified-navigation--sitewidth {
    height: inherit;
    display: flex;
    align-items: center;
}

.unified-navigation--logo-wrapper {
    height: auto;
    margin-right: 52px;
}

@media (max-width: 1140px) {
    .unified-navigation--logo-wrapper {
        margin-right: 0;
    }
    .link-meta {
        flex: 1;
    }
}

@media (max-width: 767px) {
    .logo-container {
        height: 74px !important;
    }
}

.unified-navigation--logo-anchor {
    float: left;
    line-height: 0;
}

.unified-navigation--logo-wrapper img {
    height: 87px;
    width: 150px;
    transform: translateY(-2px);
}

.unified-navigation--items-wrapper {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.unified-navigation--items-and-search {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.unified-navigation--items-menu {
    display: flex;
    position: relative;
    list-style: none;
    padding: 0;
    font-size: 18px;
    font-weight: 600;
    gap: 42px;
}

.unified-navigation--items-menu [mobile-only="true"] {
    display: none;
}

.unified-navigation--items-menu li {
    transition: 0.2s ease-in-out;
    position: relative;
}

.unified-navigation--items-menu li a {
    transition: 0.2s ease-in-out;
    text-decoration: none;
    color: var(--ideagen-color-neutral-90);
}

.unified-navigation--main-menu li:hover {
    background: rgba(249, 249, 249, 1);
}

.unified-navigation--items-menu li span {
    cursor: pointer;
}

.logo-container {
    position: relative;
    display: inline-block;
    width: 150px; /* Set your logo width */
    height: 87px; /* Set your logo height */
}

.logo-main,
.logo-hover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: opacity 0.3s ease-in-out;
}

.logo-hover {
    opacity: 0;
}

.logo-container:hover .logo-main {
    opacity: 0;
}

.logo-container:hover .logo-hover {
    opacity: 1;
}

#has-dropdown {
    font-family: "Ideagen";
    font-weight: 300;
    line-height: 0;
    font-size: 23px;
    vertical-align: middle;
    margin: 0 0 0 4px;
    color: var(--ideagen-color-neutral-90);
    display: inline-block;
}

#has-dropdown:after {
    content: "";
}

#has-more {
    display: block;
    font-family: "Ideagen";
    font-weight: 300;
    font-size: 23px;
    margin: 0 0 0 4px;
    float: right;
    transform: translateX(4px);
    line-height: 0;
}

.unified-navigation--expandable-dropdown span {
    display: flex;
    align-items: center;
    justify-content: space-between;
    line-height: normal;
    gap: 4px;
}

li.unified-navigation--expandable-dropdown:hover,
li.unified-navigation--no-drop-down:hover * {
    color: var(--ideagen-brand-teal-10);
}

li.unified-navigation--expandable-dropdown span i {
    transform: translateY(1px);
}

li.unified-navigation--expandable-dropdown.open span {
    color: var(--ideagen-brand-teal-10);
}

li.unified-navigation--expandable-dropdown.open span i {
    transform: rotate(180deg);
}

.unified-navigation--drop-down {
    display: none;
    position: absolute;
    background-color: var(--ideagen-color-white);
    border: 1px solid rgba(233, 233, 233, 1);
    border-radius: 12px;
    top: 46px;
    padding: 0;
    box-shadow: 0px 20px 25px 0px rgba(0, 0, 0, 0.1), 0px 10px 10px 0px rgba(0, 0, 0, 0.04);
    font-weight: 500;
    animation: fadeIn 0.25s ease;
    z-index: 9998;
}

.unified-navigation--info-panel {
    pointer-events: none;
    font-size: 14px;
    color: var(--ideagen-color-neutral-70);
    max-width: 220px;
    padding: 8px 12px;
    background: var(--ideagen-color-neutral-05);
    border-radius: 8px;
    margin-bottom: 8px;
}

.unified-navigation--locked-panel {
    padding: 0px 0px;
    background: 0;
    margin: 0;
    color: var(--ideagen-color-neutral-50);
    font-size: 13px;
    font-weight: 400;
    display: block;
}

#community-drop-down {
    left: -82px;
}

#community-drop-down .speech-indicator {
    left: 184px;
}

#help-drop-down {
    left: -250px;
}

#help-drop-down .speech-indicator {
    left: 294px;
}

#skills-drop-down .speech-indicator {
    left: 404px;
}

#skills-drop-down {
    left: -355px;
}

#support-drop-down {
    left: -400px;
}

#support-drop-down .speech-indicator {
    left: 450px;
}

#academy-drop-down {
    left: -410px;
}

#academy-drop-down .speech-indicator {
    left: 476px;
}

@media (max-width: 1140px) {
    #community-drop-down {
        left: -18px;
    }

    #community-drop-down .speech-indicator {
        left: 62px;
    }

    #help-drop-down {
        left: -180px;
    }

    #help-drop-down .speech-indicator {
        left: 250px;
    }
}

[type="resources"] {
    display: none;
}

[type="resources"] .unified-navigation--drop-down {
    left: -30px;
}

[type="resources"] .unified-navigation--drop-down:after {
    display: none;
}

.speech-indicator {
    content: "";
    position: absolute;
    transform: rotate(45deg);
    z-index: 9999;
    left: 0;
    top: -10px;
    width: 18px;
    height: 18px;
    background: var(--ideagen-color-white);
    transform: rotate(45deg) skew(-10deg, -10deg);
    border-top: 1px solid var(--ideagen-color-neutral-10);
    border-left: 1px solid var(--ideagen-color-neutral-10);
}

@media (max-width: 1140px) {
    .speech-indicator {
        display: none;
    }
}

.unified-navigation--description {
    padding: 18px 24px 18px 24px;
    color: var(--ideagen-color-neutral-90);
    position: relative;
    border-right: 1px solid var(--ideagen-color-neutral-10);
    margin: 24px 0 24px 24px;
    width: 260px;
    overflow: hidden;
    position: relative;
    display: flex;
    flex-direction: column;
}

@media (max-width: 1140px) {
    .unified-navigation--description {
        display: none;
    }
}

.unified-navigation--description:after {
    z-index: -1;
    filter: grayscale(1);
    opacity: 0.04;
    position: absolute;
}

[dropdown="community"] .unified-navigation--description:after {
    content: url("https://cdn.luminate.ideagen.com/production/images/luminate/icons-color/icon_community.svg");
    bottom: -6px;
    right: -50px;
    width: 240px;
}

[dropdown="help"] .unified-navigation--description:after {
    content: url("https://cdn.luminate.ideagen.com/production/images/luminate/icons-color/icon_help.svg");
    bottom: -6px;
    right: -50px;
    width: 190px;
}

.unified-navigation--description p {
    margin: 24px 0;
    font-size: 14.5px;
    color: var(--ideagen-color-neutral-60);
    line-height: 24px;
    margin-bottom: 24px;
}

.unified-navigation--description h2 {
    margin: 8px 0;
    font-size: 24px;
    font-weight: 600;
    line-height: normal;
}

.unified-navigation--main-menu-container {
    width: 190px;
}

.unified-navigation--sub-menu-container {
    width: 250px;
}

.sub-section {
    width: 100%;
    height: 200px;
    display: block;
    position: relative;
    border-radius: 8px;
}

.sub-section ul {
    list-style-type: none;
    padding: 0;
    display: flex;
    flex-direction: column;
    row-gap: 8px;
}

.sub-section li {
    margin: 0;
    padding: 12px;
    border: 1px solid var(--ideagen-color-neutral-10);
    border-radius: 8px;
}

.unified-navigation--description a {
    font-size: 16px;
    font-weight: 600;
    color: var(--ideagen-brand-pink-05) !important;
    display: flex;
    align-items: center;
    width: auto !important;
    margin-top: auto;
    transition: 0.3s ease-in-out;
    max-width: fit-content;
    text-decoration: none;
}

.unified-navigation--description a:hover {
    color: var(--ideagen-brand-pink-10) !important;
}

.unified-navigation--description a:active,
.unified-navigation--description a:focus {
    color: var(--ideagen-brand-pink-20) !important;
}

.unified-navigation--description a i {
    transform: translateX(0);
    transition: 0.2s ease-in-out;
}

.unified-navigation--description a:hover i {
    transform: translateX(4px);
}

.sub-section img {
    filter: brightness(45%) grayscale(12%) contrast(75%);
    object-fit: cover;
}

.unified-navigation--main-menu {
    list-style: none;
    position: relative;
    padding: 0 24px;
    font-size: 16px;
    width: max-content;
    margin: 24px 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.unified-navigation--sub-menu {
    display: none;
    list-style: none;
    position: relative;
    padding: 8px 24px;
    font-size: 16px;
    min-width: 250px;
    vertical-align: top;
    margin: 24px 0;
    width: 300px;
}

.unified-navigation--editions-menu {
    display: none;
    list-style: none;
    position: relative;
    padding: 8px 24px;
    font-size: 16px;
    vertical-align: top;
    margin: 24px 0;
    width: 200px;
}

.menu-separator {
    display: inline-block;
    position: absolute;
    top: 32px;
    margin-left: 24px;
    background-color: var(--ideagen-color-neutral-10);
    height: calc(100% - 64px);
    width: 1px;
}

[type="resources"] .menu-separator {
    height: calc(100% - 64px);
}

.menu-separator#editions-menu {
    display: none;
    margin-left: 16px;
}

.unified-navigation--horizontal-line {
    border-top: 1px solid var(--ideagen-color-neutral-10);
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
    margin: 0;
}

.unified-navigation--horizontal-line-small {
    border-top: 1px solid var(--ideagen-color-neutral-10);
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
    margin: 8px 0;
}

.unified-navigation--main-menu li {
    padding: 12px;
    border-radius: 12px;
    color: var(--ideagen-color-neutral-90);
    transition: unset;
    cursor: pointer;
    font-weight: 600;
    position: relative;
    line-height: normal;
}

.unified-navigation--main-menu li a {
    display: flex;
    align-items: flex-start;
    column-gap: 12px;
    text-decoration: none;
}

.unified-navigation--main-menu li a i {
    transform: translateY(4px);
    width: 22px;
    height: 22px;
}

.unified-navigation--main-menu li a .link-meta h3 {
    margin: 0 0 2px;
    font-size: 16px;
    font-weight: 600;
}

.unified-navigation--main-menu li a .link-meta span {
    font-weight: 500;
    font-size: 14.5px;
    color: var(--ideagen-color-neutral-60);
}

.unified-navigation--sub-menu li.selected {
    color: var(--ideagen-color-teal-80);
    background: var(--ideagen-color-neutral-05);
    border-radius: 8px;
}

.unified-navigation--sub-menu li,
.unified-navigation--editions-menu li {
    padding: 4px 12px;
    color: var(--ideagen-color-neutral-80);
    transition: 0.2s;
    margin-bottom: 12px;
    cursor: pointer;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.unified-navigation--sub-menu li:hover,
.unified-navigation--editions-menu li:hover {
    color: var(--ideagen-color-teal-90) !important;
    transition: 0.2s;
    background: var(--ideagen-color-neutral-05);
    border-radius: 8px;
}

.unified-navigation--sub-menu img,
.unified-navigation--editions-menu img {
    height: 18px;
    margin-right: 6px;
    vertical-align: text-top;
}

.unified-navigation--sub-menu li:hover img,
.unified-navigation--editions-menu li:hover img,
.unified-navigation--sub-menu li.selected img {
    filter: invert(33%) sepia(66%) saturate(525%) hue-rotate(137deg) brightness(94%) contrast(105%);
}

.unified-navigation--more-products {
    display: block;
    background-color: var(--ideagen-color-neutral-05);
    padding: 12px 24px;
    border-radius: 8px;
    margin-top: 24px;
    text-align: center;
    font-size: 15px;
    color: var(--ideagen-color-neutral-80);
}

.unified-navigation--more-products span {
    display: block;
    cursor: default !important;
}

.unified-navigation--cta-buttons {
    display: flex;
    align-items: center;
    order: 2;
    gap: 0;
    position: relative;
    margin-left: 24px;
}

.unified-navigation--btn-primary {
    font-size: 16px;
    font-weight: 700;
    color: var(--ideagen-color-white);
    background: var(--ideagen-brand-pink-05);
    border-radius: 8px;
    padding: 8px 10px;
    border: 0;
    line-height: 16px;
    cursor: pointer;
    display: flex;
    align-items: center;
    transition: 0.2s;
    height: 32px;
    text-decoration: none;
}

.unified-navigation--btn-primary:hover {
    background: var(--ideagen-brand-pink-10);
    color: var(--ideagen-color-white);
    transition: 0.2s;
    text-decoration: none;
}

.unified-navigation--btn-primary:active,
.unified-navigation--btn-primary:focus {
    background: var(--ideagen-brand-pink-20);
    color: var(--ideagen-color-white);
    transition: 0.2s;
    text-decoration: none;
}

.unified-navigation--btn-secondary {
    font-size: 16px;
    font-weight: 700;
    color: var(--ideagen-color-neutral-90);
    background: var(--ideagen-color-neutral-05);
    border-radius: 8px;
    padding: 8px 10px;
    border: 0;
    line-height: 18px;
    cursor: pointer;
    display: flex;
    align-items: center;
    transition: 0.2s;
    height: 32px;
    text-decoration: none;
}

.unified-navigation--btn-secondary:hover {
    background: var(--ideagen-color-neutral-10);
    transition: 0.2s;
    text-decoration: none;
}

.unified-navigation--btn-secondary:active {
    background: var(--ideagen-color-neutral-20);
    transition: 0.2s;
    text-decoration: none;
}

.unified-navigation--btn-secondary#search-icon {
    font-size: 23px;
    vertical-align: middle;
    color: var(--ideagen-color-neutral-90);
    cursor: pointer;
    position: relative;
    height: 35px;
    background: none;
    font-weight: 500;
    padding: 0;
}

.unified-navigation--btn-primary#login-button:before,
.unified-navigation--cta-buttons .unified-navigation--btn-primary[data-auth-action="signin"]:before {
    content: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M5 4H17C17.5523 4 18 4.44772 18 5C18 5.55228 17.5523 6 17 6H6C5.44772 6 5 6.44772 5 7V17C5 17.5523 5.44772 18 6 18H17C17.5523 18 18 18.4477 18 19C18 19.5523 17.5523 20 17 20H5C3.89543 20 3 19.1046 3 18V6C3 4.89543 3.89543 4 5 4ZM13.6322 14.7097C13.8762 15.0235 13.8541 15.4773 13.5657 15.7657C13.2533 16.0781 12.7467 16.0781 12.4343 15.7657L9.2343 12.5657L9.16775 12.4903C8.92373 12.1765 8.94592 11.7227 9.2343 11.4343L12.4343 8.23433L12.5097 8.16778C12.8235 7.92376 13.2773 7.94594 13.5657 8.23433L13.6322 8.3097C13.8762 8.62353 13.8541 9.07731 13.5657 9.3657L11.9318 11L19.9939 11L20 11C20.5523 11 21 11.4477 21 12C21 12.5523 20.5523 13 20 13V13L11.9317 13L13.5657 14.6343L13.6322 14.7097Z" fill="%23FFF"/></svg>');
    margin-right: 4px;
    line-height: 0;
}

/*.unified-navigation--btn-secondary#support-button:before {
    content: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M14.8182 12.4545C17.429 12.4545 19.5455 10.3381 19.5455 7.72727C19.5455 5.11647 17.429 3 14.8182 3C12.2074 3 10.0909 5.11647 10.0909 7.72727C10.0909 10.3381 12.2074 12.4545 14.8182 12.4545ZM17.5455 7.72727C17.5455 9.2335 16.3244 10.4545 14.8182 10.4545C13.312 10.4545 12.0909 9.2335 12.0909 7.72727C12.0909 6.22104 13.312 5 14.8182 5C16.3244 5 17.5455 6.22104 17.5455 7.72727Z" fill="%232F4051"/><path fill-rule="evenodd" clip-rule="evenodd" d="M12.4545 13.0909C9.69312 13.0909 7.45455 15.3295 7.45455 18.0909V21.4545H22.1818V18.0909C22.1818 15.3295 19.9432 13.0909 17.1818 13.0909H12.4545ZM9.45455 18.0909C9.45455 16.4341 10.7977 15.0909 12.4545 15.0909H17.1818C18.8387 15.0909 20.1818 16.4341 20.1818 18.0909V19.4545H9.45455V18.0909Z" fill="%232F4051"/><path d="M11.4129 11.9885C10.858 11.5445 10.3917 10.9943 10.0448 10.3688C9.82706 10.4248 9.59883 10.4545 9.36364 10.4545C7.85741 10.4545 6.63636 9.23351 6.63636 7.72728C6.63636 6.22104 7.85741 5 9.36364 5C9.59883 5 9.82706 5.02977 10.0448 5.08575C10.3917 4.46023 10.858 3.91007 11.4129 3.46605C10.7929 3.16738 10.0978 3 9.36364 3C6.75284 3 4.63636 5.11648 4.63636 7.72728C4.63636 10.3381 6.75284 12.4545 9.36364 12.4545C10.0978 12.4545 10.7929 12.2872 11.4129 11.9885Z" fill="%232F4051"/><path d="M9.09088 13.0909H7C4.23858 13.0909 2 15.3295 2 18.0909V21.4545H6.64088V21.3636H6.63636V19.4545H4V18.0909C4 16.4674 5.28966 15.1451 6.90041 15.0925C7.29698 14.1835 8.10593 13.4956 9.09088 13.2653V13.0909Z" fill="%232F4051"/></svg>');
    margin-right: 4px;
    line-height: 0;
}*/

.unified-navigation--btn-ghost {
    font-size: 16px;
    font-weight: 700;
    color: var(--ideagen-color-neutral-90);
    border-radius: 8px;
    border: 2px solid var(--ideagen-color-neutral-90);
    line-height: 10px;
    transition: 0.2s;
    cursor: pointer;
}

.unified-navigation--btn-ghost:hover {
    background: var(--ideagen-color-neutral-90);
    color: var(--ideagen-color-white);
    transition: 0.2s;
}

.unified-navigation--btn-ghost:active {
    background: var(--ideagen-color-neutral-90);
    color: var(--ideagen-color-white);
    transition: 0.2s;
}

a[class="login"] {
    display: none;
}

.user-info.dropdown .user-avatar {
    height: 45px;
    width: 45px;
    border-radius: 50%;
    display: inline-block;
    vertical-align: middle;
    outline: 2px solid transparent;
    transition: outline 0.2s ease-in-out;
    cursor: pointer;
}

.user-info.dropdown .user-avatar:hover {
    outline: 2px solid #5cc7d0 !important;
    transition: outline 0.2s ease-in-out !important;
}

.user-info.dropdown .dropdown-menu {
    animation: fadeIn 0.25s ease-in-out;
    padding: 18px;
    top: 65px;
    position: absolute;
    right: 0;
    background: var(--ideagen-color-white);
    display: none;
    background-color: var(--ideagen-color-white);
    border: 1px solid rgba(233, 233, 233, 1);
    border-radius: 12px;
    box-shadow: 0px 20px 25px 0px rgba(0, 0, 0, 0.1), 0px 10px 10px 0px rgba(0, 0, 0, 0.04);
    z-index: 9998;
}

.user-info.dropdown .dropdown-menu:after {
    content: "";
    width: 10px;
    height: 10px;
    background: var(--ideagen-color-white);
    transform: rotate(45deg);
    top: -6px;
    position: absolute;
    border-top: 1px solid var(--ideagen-color-neutral-10);
    right: 15px;
    border-left: 1px solid var(--ideagen-color-neutral-10);
}

#user #user-dropdown {
    min-width: 240px;
}

#article {
    font-family: "Ideagen";
    font-weight: 300;
    display: inline-block;
    line-height: 0;
    transform: translateY(1px);
    position: relative;
}

#locked {
    font-family: "Ideagen";
    font-weight: 300;
    display: inline-block;
    line-height: 0;
    transform: translateY(2px);
    position: relative;
}

#external {
    content: url('data:image/svg+xml,<svg width="17" height="16" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M15.1221 4.59375C14.7277 4.54438 14.4225 4.20782 14.4225 3.79998C14.4225 3.35815 14.7807 2.99998 15.2225 2.99998L19.748 2.99998L19.8483 3.00621C20.2428 3.05558 20.548 3.39214 20.548 3.79998L20.548 8.32546L20.5417 8.42581C20.4924 8.82028 20.1558 9.12546 19.748 9.12546L19.6476 9.11923C19.2532 9.06986 18.948 8.7333 18.948 8.32546L18.9477 6.01447L10.2979 14.6642L10.2958 14.6621C10.279 14.6818 10.2612 14.701 10.2426 14.7196C9.85208 15.1101 9.21891 15.1101 8.82839 14.7196C8.43786 14.3291 8.43786 13.6959 8.82839 13.3054C8.84702 13.2868 8.8662 13.269 8.88589 13.2522L8.88373 13.25L17.5335 4.60026L15.2225 4.59998L15.1221 4.59375ZM5 4.40588H12C12.5523 4.40588 13 4.8536 13 5.40588C13 5.95817 12.5523 6.40588 12 6.40588H6C5.44772 6.40588 5 6.8536 5 7.40588V17.4059C5 17.9582 5.44772 18.4059 6 18.4059H17C17.5523 18.4059 18 17.9582 18 17.4059V11.4059C18 10.8536 18.4477 10.4059 19 10.4059C19.5523 10.4059 20 10.8536 20 11.4059V18.4059C20 19.5105 19.1046 20.4059 18 20.4059H5C3.89543 20.4059 3 19.5105 3 18.4059V6.40588C3 5.30131 3.89543 4.40588 5 4.40588Z" fill="%232F4051"/></svg>');
    display: inline-block;
    line-height: 0;
    position: relative;
    margin-left: 8px;
}

.unified-navigation--sub-menu li:hover #external {
    content: url('data:image/svg+xml,<svg width="17" height="16" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M15.1221 4.59375C14.7277 4.54438 14.4225 4.20782 14.4225 3.79998C14.4225 3.35815 14.7807 2.99998 15.2225 2.99998L19.748 2.99998L19.8483 3.00621C20.2428 3.05558 20.548 3.39214 20.548 3.79998L20.548 8.32546L20.5417 8.42581C20.4924 8.82028 20.1558 9.12546 19.748 9.12546L19.6476 9.11923C19.2532 9.06986 18.948 8.7333 18.948 8.32546L18.9477 6.01447L10.2979 14.6642L10.2958 14.6621C10.279 14.6818 10.2612 14.701 10.2426 14.7196C9.85208 15.1101 9.21891 15.1101 8.82839 14.7196C8.43786 14.3291 8.43786 13.6959 8.82839 13.3054C8.84702 13.2868 8.8662 13.269 8.88589 13.2522L8.88373 13.25L17.5335 4.60026L15.2225 4.59998L15.1221 4.59375ZM5 4.40588H12C12.5523 4.40588 13 4.8536 13 5.40588C13 5.95817 12.5523 6.40588 12 6.40588H6C5.44772 6.40588 5 6.8536 5 7.40588V17.4059C5 17.9582 5.44772 18.4059 6 18.4059H17C17.5523 18.4059 18 17.9582 18 17.4059V11.4059C18 10.8536 18.4477 10.4059 19 10.4059C19.5523 10.4059 20 10.8536 20 11.4059V18.4059C20 19.5105 19.1046 20.4059 18 20.4059H5C3.89543 20.4059 3 19.5105 3 18.4059V6.40588C3 5.30131 3.89543 4.40588 5 4.40588Z" fill="%23056D78"/></svg>');
}

/* #locked:hover:after {
  content: 'Requires a community account to access';
  font-family: 'Gilroy';
  position: absolute;
  display: block;
  top: 20px;
  left: -88px;
  width: 168px;
  background: var(--ideagen-color-neutral-90);
  border-radius: 8px;
  color: var(--ideagen-color-white);
  line-height: normal;
  text-align: center;
  font-size: 14px;
  padding: 4px;
  z-index: 100;
} */

.dropdown-menu-end.dropdown-menu-caret::before {
    left: auto;
    right: 13px;
}

.dropdown-menu-caret::before {
    top: -10px;
    left: 9px;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #d8d8d8;
    border-left: 10px solid transparent;
}

.dropdown-menu-end.dropdown-menu-caret::after {
    left: auto;
    right: 14px;
}

.dropdown-menu-caret::after {
    top: -9px;
    left: 10px;
    border-right: 9px solid transparent;
    border-bottom: 9px solid #fff;
    border-left: 9px solid transparent;
}

.user-info.dropdown .dropdown-menu .separator,
.dropdown.dropdown--profile.qa-header-profile-dropdown .separator {
    border-bottom: 1px solid var(--ideagen-color-neutral-10);
    margin-bottom: 12px;
}

.user-info.dropdown .dropdown-menu [role="menuitem"] {
    color: var(--ideagen-color-neutral-80);
    font-weight: 500;
    padding: 0px 8px;
    margin-bottom: 12px;
    transition: 0.2s;
    text-align: left;
}

.user-info.dropdown .dropdown-menu [role="menuitem"]:hover {
    color: var(--ideagen-color-teal-80);
    background: none;
    transition: 0.2s;
}

.user-info.dropdown .dropdown-menu [role="menuitem"]:last-child {
    margin-bottom: 0px;
}

.dropdown-menu-caret {
    margin-top: 16px;
}

.container-divider {
    border-top: none;
}

.unified-navigation--tooltip {
    display: none;
    position: absolute;
    background-color: var(--ideagen-color-neutral-90);
    border-radius: 8px;
    color: var(--ideagen-color-white);
    padding: 8px;
    top: 43px;
    left: -21px;
    width: 200px;
    font-size: 13px;
    font-weight: 500;
    line-height: 18px;
    text-align: center;
}

.login-button:hover .unified-navigation--tooltip {
    display: block !important;
}

.unified-navigation--tooltip:after {
    content: "";
    background: var(--ideagen-color-neutral-90);
    width: 12px;
    height: 12px;
    display: block;
    position: absolute;
    transform: rotate(45deg);
    top: -5px;
    left: 50%;
}

.unified-navigation--search-bar {
    display: none;
    width: 100%;
    margin-right: 20px;
}

.unified-navigation--search-bar.mobile {
    display: none;
}

.unified-navigation--search-bar .search input[type="search"] {
    width: 100%;
    border: 2px solid var(--ideagen-color-neutral-20);
    height: 34px;
    color: var(--ideagen-color-neutral-90);
    font-weight: 500;
    font-size: 16px;
}

.unified-navigation--search-bar .search input[type="search"]:focus {
    border: 2px solid var(--ideagen-color-teal-60);
}

.unified-navigation--search-bar .search::before {
    font-family: "Ideagen";
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    background-color: #fff;
    color: var(--ideagen-color-neutral-90);
    content: "";
    font-size: 23px;
    position: absolute;
    right: 10px;
}

.unified-navigation--search-bar .search-box__input-open-shortcut {
    display: none;
}

.unified-navigation--search-bar .search-v2 .search-box__submit {
    top: 0%;
}

.unified-navigation--search-bar .search-v2 .search-box__reset {
    right: -7px;
}

.unified-navigation--search-bar .search input[type="search"]::placeholder {
    color: var(--ideagen-color-neutral-30);
}

.unified-navigation--search-bar .search-box__reset svg,
.unified-navigation--search-bar .search-box__submit svg {
    height: inherit !important;
    width: 0;
}

zd-autocomplete {
    background-color: var(--ideagen-color-white);
    border: 1px solid rgba(233, 233, 233, 1);
    border-radius: 12px;
    box-shadow: 0px 20px 25px 0px rgba(0, 0, 0, 0.1), 0px 10px 10px 0px rgba(0, 0, 0, 0.04);
    position: absolute;
    z-index: 1000000;
    top: 94px !important;
    border: 1px solid var(--ideagen-color-neutral-10);
}

zd-autocomplete::after {
    content: "";
    background: var(--ideagen-color-white);
    width: 12px;
    height: 12px;
    transform: rotate(45deg);
    position: absolute;
    top: -7px;
    left: 50%;
    border-top: 1px solid var(--ideagen-color-neutral-10);
    border-left: 1px solid var(--ideagen-color-neutral-10);
    z-index: -1;
}

zd-autocomplete-header {
    display: none;
}

zd-autocomplete-multibrand {
    border-bottom: none;
    color: var(--ideagen-color-neutral-90);
    display: block;
    padding: 8px 10px 8px 24px;
    border-radius: 8px;
    margin: 0 8px;
    cursor: pointer;
    font-size: 13px;
    outline: none;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
    transition: .25s ease-in-out;
}

zd-autocomplete-multibrand::before {
    content: "";
    display: block;
    position: absolute;
    top: 13px;
    left: 15px;
    color: var(--ideagen-brand-pink-05);
    font-weight: 300;
    font-size: 22px;
    font-family: "Ideagen";
}

zd-autocomplete-multibrand zd-autocomplete-breadcrumbs-multibrand {
    color: var(--ideagen-color-neutral-30);
    font-size: 14px;
    display: block;
    margin-left: 26px;
}

zd-autocomplete-multibrand[aria-selected="true"] {
    background-color: var(--ideagen-color-neutral-05);
    transition: .25s ease-in-out;
}

zd-autocomplete-multibrand[tabindex="0"] {
    margin-top: 8px;
}

zd-autocomplete-multibrand:last-child {
    margin-bottom: 8px;
}

zd-autocomplete-multibrand zd-autocomplete-title-multibrand {
    color: var(--ideagen-color-neutral-90);
    font-size: 16px;
    padding-bottom: 4px;
    margin-left: 26px;
}

/* Slider code */

.unified-navigation--slider-content {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 320px;
    height: 100vh;
    max-height: -webkit-fill-available;
    overflow-x: auto;
    background: var(--ideagen-color-white);
    z-index: 9999;
    box-shadow: 0px 8px 15px 0px rgba(0, 0, 0, 0.19), 0px 1px 6px 0px rgba(0, 0, 0, 0.12);
    transform: translate(-100%, 0);
}

.unified-navigation--slider-content.open {
    animation: 0.4s slide-right;
    transform: translate(0%, 0);
}

.unified-navigation--slider-content.close {
    animation: 0.4s slide-left;
    transform: translate(-100%, 0);
}

.unified-navigation--slider-shade {
    z-index: 9998;
    display: none;
    height: 100vh;
    width: 100%;
    position: absolute;
    opacity: 1;
    top: 0;
    left: 0;
    backdrop-filter: blur(5px);
    background: rgba(47, 64, 81, 0.7);
}

.unified-navigation--slider-header {
    display: flex;
    padding: 24px;
    align-items: center;
    align-content: center;
    flex-direction: row;
}

#mobile-header {
    font-size: 20px;
    font-weight: 600;
    text-align: center;
    margin-left: 25%;
}

#mobile-close {
    display: block;
    color: var(--ideagen-color-neutral-90);
    font-weight: 300;
    font-size: 20px;
    font-family: "Ideagen";
    cursor: pointer;
}

.unified-navigation--slider-navigation {
    padding: 0 30px;
}

.unified-navigation--slider-navigation #has-dropdown:after {
    content: "";
}

.unified-navigation--slider-navigation .unified-navigation--items-menu {
    display: flex;
    position: relative;
    list-style: none;
    padding: 0;
    font-size: 18px;
    font-weight: 600;
    gap: 22px;
    flex-direction: column;
}

.unified-navigation--slider-navigation .unified-navigation--drop-down {
    all: unset;
}

.unified-navigation--slider-navigation .unified-navigation--drop-down:after {
    all: unset;
}

.unified-navigation--slider-navigation .unified-navigation--main-menu li {
    padding: 4px 10px;
}

.unified-navigation--slider-navigation .unified-navigation--main-menu {
    display: block;
    min-width: unset;
    font-size: 18px;
}

.unified-navigation--slider-navigation .unified-navigation--sub-menu {
    display: none;
    font-size: 18px;
    margin: 0;
}

.unified-navigation--slider-navigation .unified-navigation--sub-menu li,
.unified-navigation--slider-navigation .unified-navigation--editions-menu li {
    padding: 4px 0;
}

.unified-navigation--slider-navigation .unified-navigation--editions-menu {
    display: none;
    font-size: 18px;
    margin: 0;
}

.unified-navigation--slider-navigation .unified-navigation--more-products {
    display: none;
}

.unified-navigation--slider-navigation .menu-separator {
    display: none;
}

.unified-navigation--slider-navigation .unified-navigation--editions-menu {
    height: auto !important;
}

.back-button {
    display: none;
    color: var(--ideagen-color-white);
    background: var(--ideagen-color-teal-90);
    margin: 0 0 18px -6px;
    padding: 4px 12px 4px 4px;
    font-weight: 700;
    font-size: 14px;
    line-height: 18px;
    border-radius: 8px;
    width: fit-content;
    cursor: pointer;
}

.back-button:before {
    content: "";
    font-family: "Ideagen";
    font-size: 20px;
    font-weight: 300;
    line-height: 0px;
    vertical-align: middle;
    transform: translateY(-2px);
    display: inline-block;
}

.unified-navigation--slider-trigger {
    display: none;
    cursor: pointer;
}

@media (max-width: 1140px) {
    .unified-navigation--wrapper {
        padding: 6px 42px;
    }

    nav[role="navigation"] {
        display: none;
    }

    .unified-navigation--slider-trigger {
        line-height: 0px;
        vertical-align: middle;
        display: flex;
        align-items: center;
        margin-right: 24px;
    }

    .unified-navigation--slider-content .unified-navigation--main-menu,
    .unified-navigation--slider-content .unified-navigation--sub-menu,
    .unified-navigation--slider-content .unified-navigation--editions-menu {
        padding: 0px;
        border-right: 0;
        border-left: 0;
        margin: 8px 0 0;
        width: 100%;
    }

    .unified-navigation--slider-content .unified-navigation--sub-menu li,
    .unified-navigation--slider-content .unified-navigation--editions-menu li {
        padding: 4px;
    }
}

@media (max-width: 767px) {
    .unified-navigation--wrapper {
        padding: 0px 18px;
    }

    .unified-navigation--logo-wrapper img {
        height: 74px;
        width: 120px;
    }

    .unified-navigation--items-menu [mobile-only="true"] {
        display: block;
    }

    .unified-navigation--btn-secondary#search-icon {
        display: none;
    }

    .unified-navigation--search-bar.mobile {
        display: block;
        width: 100%;
        margin-right: 0;
        margin-bottom: 12px;
        margin-top: -4px;
    }

    .unified-navigation--cta-buttons .unified-navigation--btn-secondary,
    .unified-navigation--cta-buttons #support-button {
        display: none;
    }

    .unified-navigation--cta-buttons .unified-navigation--btn-primary {
        width: auto;
    }

    zd-autocomplete {
        top: 118px !important;
    }

    .user-info.dropdown .user-avatar {
        height: 40px;
        width: 40px;
    }
}

/* Community Code */
/* Start Body wrapper fix */
.body-wrapper {
    overflow-x: hidden;
}
/* End Body wrapper fix */

/* Start Search box fix */
form[action="/search"] {
    display: none;
}
.search-and-filter-wrapper > span .algolia-search-container,
.search-and-filter-wrapper > span > * {
    z-index: 1;
}
.algolia-hit-container {
    background: #fff;
    font-size: 16px;
    margin-top: 18px;
    background-color: var(--ideagen-color-white);
    border: 1px solid rgba(233, 233, 233, 1);
    border-radius: 12px;
    padding: 18px;
    box-shadow: 0px 20px 25px 0px rgba(0, 0, 0, 0.1), 0px 10px 10px 0px rgba(0, 0, 0, 0.04);
    animation: fadeIn 0.25s ease;
}
.algolia-search-result {
    border-radius: 8px;
}
.algolia-search-result:hover,
.algolia-search__action:hover {
    background: rgba(249, 249, 249, 1) !important;
}
.algolia-search__action:hover,
.algolia-search__action:focus,
.algolia-search__action:active {
    color: var(--ideagen-brand-pink-05);
}
.algolia-hit-item--icon {
    color: var(--ideagen-brand-teal-10);
}
.algolia-search__action {
    color: var(--ideagen-brand-pink-05);
    border-radius: 8px;
}
/* End Search box fix */

/* Start Notification centre */
.unified-navigation--cta-buttons .notification-center {
    position: relative;
    line-height: 20px;
    font-size: 14px;
    margin-right: calc(-12px + 24px);
    margin-top: 2px;
}
.unified-navigation--cta-buttons .notification-center .btn--secondary {
    background: 0;
    border-radius: 25px;
    width: 35px;
    height: 35px;
    padding: 4px;
    min-width: unset;
}
.unified-navigation--cta-buttons .notification-center .btn--secondary:hover {
    background: var(--ideagen-color-neutral-05);
}
.unified-navigation--cta-buttons .notification-center .btn--secondary:focus,
.unified-navigation--cta-buttons .notification-center .btn--secondary:active {
    background: var(--ideagen-color-neutral-05);
}
.unified-navigation--cta-buttons .notification-center .btn--secondary:after {
    content: url('data:image/svg+xml,<svg width="26" height="26" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M17 8C17 9.713 18.026 15.097 19.886 18.49C20.258 19.169 19.665 20 18.9 20H14C14 21.104 13.104 22 12 22C10.896 22 10 21.104 10 20H5.10004C4.33504 20 3.74204 19.169 4.11404 18.49C5.97404 15.097 7.00004 9.713 7.00004 8C7.00004 5.574 8.72804 3.555 11.02 3.099C11.0187 3.08302 11.0144 3.06829 11.0101 3.05368C11.0051 3.03627 11 3.01902 11 3C11 2.448 11.448 2 12 2C12.552 2 13 2.448 13 3C13 3.01902 12.995 3.03627 12.9899 3.05368C12.9857 3.06829 12.9814 3.08302 12.98 3.099C15.271 3.555 17 5.574 17 8ZM6.57715 18H12.0001H17.4231C15.8291 14.362 15.0001 9.757 15.0001 8C15.0001 6.346 13.6541 5 12.0001 5C10.3461 5 9.00015 6.346 9.00015 8C9.00015 9.757 8.17115 14.362 6.57715 18Z" fill="%232F4051"/></svg>');
}
.notification-center__panel.is-open {
    background-color: var(--ideagen-color-white);
    border: 1px solid rgba(233, 233, 233, 1);
    border-radius: 12px;
    padding: 0;
    box-shadow: 0px 20px 25px 0px rgba(0, 0, 0, 0.1), 0px 10px 10px 0px rgba(0, 0, 0, 0.04);
    animation: fadeIn 0.25s ease;
    right: -24px;
    overflow: unset;
    top: calc(100% + 16px);
}
.notification-center__panel.is-open:after {
    content: "";
    position: absolute;
    top: -10px;
    transform: rotate(45deg) skew(-10deg, -10deg);
    background-color: var(--ideagen-color-white);
    border-top: 1px solid var(--ideagen-color-neutral-10);
    border-left: 1px solid var(--ideagen-color-neutral-10);
    width: 18px;
    height: 18px;
    z-index: 9999;
    right: 31px;
}
.notification-center__panel .notification-center__panel__header {
    padding: 24px;
    font-size: 18px;
    border-bottom: 0;
    align-items: center;
}
.notification-center .notification-center__empty .notification-center__empty__text {
    color: var(--ideagen-color-neutral-70);
}
.notification-center__badge {
    background-color: var(--ideagen-color-pink-60);
    right: 0px !important;
    top: 0px !important;
}
.notification-center__panel .notification-center__panel__list {
    padding: 0 24px 8px;
}
.notification-center__panel .notification-center__panel__header .notification-center__panel__header__all-read {
    font-size: 14.5px;
    font-weight: 700;
    color: var(--ideagen-color-neutral-90);
    background: var(--ideagen-color-neutral-05);
    border-radius: 8px;
    padding: 6px 8px;
    border: 0;
    line-height: 18px;
    cursor: pointer;
    display: flex;
    align-items: center;
    transition: 0.2s ease-in-out;
    height: 32px;
}
.notification-center__panel .notification-center__panel__header .notification-center__panel__header__all-read:hover {
    background: var(--ideagen-color-neutral-10);
}
.notification-center__panel .notification-center__panel__header .notification-center__panel__header__all-read:active,
.notification-center__panel .notification-center__panel__header .notification-center__panel__header__all-read:focus {
    background: var(--ideagen-color-neutral-20);
}
.notification-center .notification-center__list__title {
    letter-spacing: normal;
    text-transform: capitalize;
    color: var(--ideagen-color-neutral-70);
    font-size: 13px;
}
.notification-center .notification-center__item .notification-center__item__description > span span.notification-center__item__description__link {
    color: var(--ideagen-brand-teal-20);
}
.notification-center .notification-center__item .notification-center__item__description {
    font-size: 14.5px;
}
.notification-center .notification-center__item {
    border-radius: 12px;
}
.notification-center .notification-center__item:not(.notification-center__item--skeleton):hover {
    background: rgba(249, 249, 249, 1);
}
.notification-center .notification-center__item .notification-center__item__indicator {
    background-color: var(--ideagen-color-pink-60);
}
.notification-center .notification-center__item .notification-center__item__mark-wrapper .tooltip-container .tooltip-message {
    background: var(--ideagen-color-neutral-90);
    border-radius: 8px;
    border: 1px solid var(--ideagen-color-neutral-90);
    -webkit-box-shadow: unset;
    box-shadow: unset;
    font-weight: 600;
    color: var(--ideagen-color-white);
}
.notification-center .notification-center__item .notification-center__item__mark-wrapper .tooltip-container .tooltip-message .arrow:after {
    -webkit-box-shadow: none;
    box-shadow: none;
    background: var(--ideagen-color-neutral-90);
    border: 0;
}
.notification-center__panel .notification-center__panel__list::-webkit-scrollbar-thumb {
    background-color: var(--ideagen-color-neutral-20);
    border-radius: 8px;
    border: 4px solid transparent;
    background-clip: content-box;
}
.notification-center__panel .notification-center__panel__list {
    scrollbar-width: thin;
    scrollbar-color: var(--ideagen-color-neutral-30) transparent;
}
.notification-center__panel .notification-center__panel__list::-webkit-scrollbar-track {
    background: transparent;
}
.notification-center__panel .notification-center__panel__list::-webkit-scrollbar {
    width: 12px;
}
.notification-center .notification-center__end-of-list .notification-center__end-of-list__icon svg {
    display: none;
}
.notification-center .notification-center__end-of-list .notification-center__end-of-list__icon:after {
    content: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.9971 12.9229C16.999 12.9483 17 12.9741 17 13V21C17 21.5523 16.5523 22 16 22C15.4477 22 15 21.5523 15 21V13.6158L5.55285 8.89296C4.8157 8.52445 4.81572 7.47252 5.55288 7.10403L15.55 2.10682C16.1306 1.81657 16.8007 2.14851 16.9612 2.73233C16.9845 2.81706 16.9971 2.90709 16.9971 3.00129L16.9971 12.9229ZM14.9612 4.43657V11.5608L7.83547 7.9985L14.9612 4.43657Z" fill="%238b939a"/></svg>');
}
.notification-center .notification-center__end-of-list .notification-center__end-of-list__text {
    color: var(--ideagen-color-neutral-60);
    font-size: 13px;
}
/* End Notification centre */

/* Start Profile drop-down */
.unified-navigation--cta-buttons .dropdown.dropdown--profile {
    font-size: 16px;
    right: -6px;
    background-color: var(--ideagen-color-white);
    border: 1px solid rgba(233, 233, 233, 1);
    border-radius: 12px;
    padding: 18px;
    box-shadow: 0px 20px 25px 0px rgba(0, 0, 0, 0.1), 0px 10px 10px 0px rgba(0, 0, 0, 0.04);
    animation: fadeIn 0.25s ease;
}
.dropdown--profile {
    width: unset;
    min-width: 300px;
}
.main-navigation--nav-buttons-wrapper > ul > li.main-navigation--profile-link {
    margin-left: 0;
    margin-top: 2px;
}
.main-navigation--profile-link div[aria-expanded="true"] .flag__image .avatar .profilepicture {
    outline: 2px solid var(--ideagen-color-teal-50);
    transition: outline 0.2s ease-in-out;
}
.profileMeta .profilepicture.profile--dropdown-trigger * {
    width: 47px;
    height: 47px;
    border-radius: 25px;
    box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.05);
    border: 1px solid rgba(236, 236, 236, 1);
}
.main-navigation--nav-buttons-wrapper > ul > li.main-navigation--profile-link .dropdown .flag {
    padding: 8px;
    line-height: 24px;
    border-bottom: 0;
    transition: background 0.2s ease-in-out;
    border-radius: 8px;
    position: relative;
}
.dropdown.dropdown--profile .list__item {
    padding: 8px;
    line-height: 24px;
    transition: background 0.2s ease-in-out;
    border-radius: 8px;
    display: flex;
    align-items: center;
    gap: 8px;
    position: relative;
}
.dropdown--profile .list__item a {
    padding: 0;
}
.dropdown--profile a.link--text:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.dropdown--profile .list__item.list__item--border-top {
    margin: 0;
}
.dropdown--profile .list--menu {
    padding: 0;
}
.dropdown--profile .list__item .counter {
    right: 8px;
    margin-top: 1px;
}
.list--menu > .list__item.list__item--border-top {
    border-top: 0;
}
.dropdown--profile .list__item:hover,
.dropdown--profile .user.flag:hover {
    background: rgba(249, 249, 249, 1) !important;
    color: var(--ideagen-color-neutral-90);
}
.dropdown--profile .link--text:hover {
    color: var(--ideagen-color-neutral-90);
}
.dropdown.dropdown--profile .list__item.qa-menu-settings .link--text {
    padding-top: 0;
}
.dropdown--profile .link--text {
    color: var(--ideagen-color-neutral-80);
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 8px;
}
.dropdown--profile .list__item.qa-menu-logout .link--text,
.dropdown--profile .list__item.qa-menu-logout {
    color: var(--ideagen-color-red-50);
}
.dropdown--profile .list__item.qa-menu-logout:hover {
    background: var(--ideagen-color-red-05) !important;
}
.dropdown--profile .list__item a {
    display: flex;
    gap: 8px;
    width: 100%;
    flex: 1;
}
.dropdown--profile .list__item a i {
    width: 20px;
    height: 20px;
}
.dropdown--profile .user.flag .qa-menu-username:before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-size: contain;
    background-color: currentColor;
    mask-image: url('data:image/svg+xml,<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 2C9.239 2 7 4.239 7 7C7 9.761 9.239 12 12 12C14.762 12 17 9.761 17 7C17 4.239 14.762 2 12 2ZM12 4C13.654 4 15 5.346 15 7C15 8.654 13.654 10 12 10C10.346 10 9 8.654 9 7C9 5.346 10.346 4 12 4ZM20 18C20 15.791 18.209 14 16 14H8C5.791 14 4 15.791 4 18V22H20V18ZM16 16C17.103 16 18 16.897 18 18V20H6V18C6 16.897 6.897 16 8 16H16Z" fill="%232F4051"/></svg>');
}
.dropdown--profile .list__item.qa-menu-user-topics .link--text:before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-size: contain;
    background-color: currentColor;
    mask-image: url('data:image/svg+xml,<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M4 3H20C21.104 3 22 3.896 22 5V8C22 9.104 21.104 10 20 10V19C20 20.104 19.104 21 18 21H6C4.896 21 4 20.104 4 19V10C2.896 10 2 9.104 2 8V5C2 3.896 2.896 3 4 3ZM18 19H6V10H18V19ZM4 8H20V5H4V8ZM16 15H8V12H16V15Z" fill="%232F4051"/></svg>');
}
.dropdown--profile .list__item.qa-menu-user-reactions .link--text:before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-size: contain;
    background-color: currentColor;
    mask-image: url('data:image/svg+xml,<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M20.4566 15.0588C20.3615 15.3193 20.2548 15.5745 20.1373 15.8239C20.256 15.572 20.3621 15.3169 20.4566 15.0588ZM20.7833 20.782L16.4149 20.0554L16.1063 20.0038L15.8244 20.1366C15.8242 20.1366 15.8245 20.1365 15.8244 20.1366C15.5724 20.2553 15.3169 20.3621 15.0588 20.4566C15.3193 20.3615 15.575 20.254 15.8244 20.1366L16.1063 20.0038L20.7835 20.7835L20.7833 20.782ZM22 22L16.25 21.042C14.959 21.65 13.522 22 12 22C6.477 22 2 17.522 2 12C2 6.477 6.477 2 12 2C17.522 2 22 6.477 22 12C22 13.522 21.65 14.959 21.042 16.25L22 22ZM15.398 19.232C14.316 19.742 13.174 20 12 20C7.589 20 4 16.411 4 12C4 7.589 7.589 4 12 4C16.411 4 20 7.589 20 12C20 13.174 19.742 14.316 19.232 15.398L18.966 15.963L19.567 19.566L15.963 18.966L15.398 19.232ZM12 3C7.02928 3 3 7.02928 3 12C3 16.9698 7.02935 21 12 21C7.03672 21 3 16.9633 3 12C3 7.03672 7.03672 3 12 3ZM12 3C16.9698 3 21 7.02935 21 12C21 7.03672 16.9633 3 12 3ZM9 9C8.44772 9 8 9.44772 8 10C8 10.5523 8.44772 11 9 11H15C15.5523 11 16 10.5523 16 10C16 9.44772 15.5523 9 15 9H9ZM12 13H9C8.44772 13 8 13.4477 8 14C8 14.5523 8.44772 15 9 15H12C12.5523 15 13 14.5523 13 14C13 13.4477 12.5523 13 12 13Z" fill="currentColor"/></svg>');
}
.dropdown--profile .list__item.qa-menu-user-solved .link--text:before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-size: contain;
    background-color: currentColor;
    mask-image: url('data:image/svg+xml,<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.99973 15.8879L19.4995 4.9996L20.9995 6.5556L9.30458 18.6843L9 19.0004L3 12.7774L4.5 11.2224L8.99973 15.8879Z" fill="%232F4051"/></svg>');
}
.dropdown--profile .list__item.qa-menu-favorites .link--text:before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-size: contain;
    background-color: currentColor;
    mask-image: url('data:image/svg+xml,<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.1244 4.55018C10.4124 3.61856 11.2793 2.9877 12.2544 3.00018C13.2349 2.99033 14.1036 3.63063 14.3844 4.57018L15.0444 6.57018C15.3408 7.49581 16.2025 8.12289 17.1744 8.12018H19.2544C20.2492 8.08249 21.1495 8.70582 21.4643 9.65023C21.7791 10.5946 21.4328 11.6335 20.6144 12.2002L18.9044 13.4502C18.1162 14.0163 17.7846 15.0272 18.0844 15.9502L18.7444 17.9502C18.9712 18.6425 18.8487 19.4019 18.4157 19.9878C17.9827 20.5737 17.2928 20.9137 16.5644 20.9002C16.092 20.8966 15.6331 20.7425 15.2544 20.4602L13.6144 19.2102C12.8279 18.6365 11.7609 18.6365 10.9744 19.2102L9.25439 20.4602C8.87111 20.7686 8.39625 20.9409 7.90439 20.9502C7.17067 20.9563 6.48006 20.6042 6.05396 20.0069C5.62785 19.4095 5.51978 18.642 5.76439 17.9502L6.42439 15.9502C6.74237 15.03 6.42662 14.0098 5.64439 13.4302L3.93439 12.1802C3.14176 11.6115 2.8083 10.5953 3.10992 9.66755C3.41154 8.73983 4.27889 8.11399 5.25439 8.12018H7.33439C8.31172 8.12014 9.17514 7.48372 9.46439 6.55018L10.1244 4.55018ZM12.7844 5.07018C12.7229 4.83072 12.5013 4.66766 12.2544 4.68018C11.9952 4.67131 11.7691 4.85474 11.7244 5.11018L11.0644 7.11018C10.5399 8.7265 9.03368 9.8208 7.33439 9.82018H5.21439C4.97875 9.82697 4.77259 9.98059 4.69871 10.2045C4.62484 10.4283 4.69907 10.6745 4.88439 10.8202L6.59439 12.0702C7.97367 13.0678 8.55146 14.8416 8.02439 16.4602L7.36439 18.4602C7.29957 18.6244 7.32617 18.8107 7.43439 18.9502C7.54661 19.1117 7.72786 19.2116 7.92439 19.2202C8.04441 19.2166 8.1601 19.1745 8.25439 19.1002L9.94439 17.8502C11.3218 16.8494 13.187 16.8494 14.5644 17.8502L16.2344 19.0402C16.3287 19.1145 16.4444 19.1566 16.5644 19.1602C16.752 19.148 16.9244 19.0526 17.0344 18.9002C17.1426 18.7607 17.1692 18.5744 17.1044 18.4102L16.4444 16.4102C15.9173 14.7916 16.4951 13.0178 17.8744 12.0202L19.5844 10.7802C19.7697 10.6345 19.8439 10.3883 19.7701 10.1645C19.6962 9.94059 19.49 9.78697 19.2544 9.78018H17.1744C15.4751 9.7808 13.9689 8.6865 13.4444 7.07018L12.7844 5.07018Z" fill="%232F4051"/></svg>');
}
.dropdown--profile .list__item.qa-menu-private-messages .link--text:before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-size: contain;
    background-color: currentColor;
    mask-image: url('data:image/svg+xml,<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2 6C2 4.89543 2.89543 4 4 4H20C21.1046 4 22 4.89543 22 6V18C22 19.1046 21.1046 20 20 20H4C2.89543 20 2 19.1046 2 18V6ZM4.08301 8.33307V16.9586C4.08301 17.5108 4.53072 17.9586 5.08301 17.9586H19.083C19.6353 17.9586 20.083 17.5108 20.083 16.9586V8.35761L13.5836 14.4057C12.7621 15.1701 11.4506 15.1891 10.6543 14.4481L4.08301 8.33307ZM18.3667 5.86121H5.82568L5.74178 5.93929C5.33103 6.32152 5.32083 6.93174 5.71899 7.30226L11.3753 12.5658C11.7734 12.9363 12.4292 12.9268 12.8399 12.5446L18.4506 7.32346C18.8614 6.94123 18.8716 6.33101 18.4734 5.9605L18.3667 5.86121Z" fill="%232F4051"/></svg>');
}
.dropdown--profile .list__item.qa-menu-settings .link--text:before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-size: contain;
    background-color: currentColor;
    mask-image: url('data:image/svg+xml,<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.94406 2.47341C9.03637 2.00462 9.44742 1.66663 9.92521 1.66663H14.0732C14.5502 1.66663 14.9608 2.00349 15.054 2.47127L15.1694 3.05077L15.5007 4.6649C15.931 4.86619 16.335 5.10266 16.7135 5.36458L18.3654 4.81223L18.3865 4.80546L18.9625 4.62691C19.407 4.48911 19.8878 4.6762 20.1223 5.07822L20.4197 5.58794L21.8971 8.06029L22.1971 8.57472C22.4388 8.98922 22.352 9.51697 21.9903 9.83228L21.5426 10.2226L20.315 11.2668C20.3473 11.4917 20.3732 11.7406 20.3732 11.9939C20.3732 12.2471 20.3473 12.496 20.315 12.7209L21.5517 13.7731L21.9903 14.1555C22.352 14.4708 22.4388 14.9986 22.197 15.4131L21.8917 15.9366L20.4199 18.3994L20.1229 18.9099C19.8882 19.3132 19.4059 19.5006 18.9605 19.3616L18.3845 19.1817L18.3654 19.1756L16.7135 18.6232C16.335 18.8851 15.931 19.1216 15.5007 19.3228L15.1699 20.9341L15.1688 20.9399L15.054 21.5165C14.9608 21.9843 14.5502 22.3212 14.0732 22.3212H9.92521C9.44741 22.3212 9.03636 21.9832 8.94405 21.5144L8.83022 20.9362L8.49808 19.323C8.06763 19.1217 7.66353 18.8852 7.28494 18.6232L5.63299 19.1756L5.61393 19.1817L5.03795 19.3616C4.59187 19.5009 4.1088 19.3126 3.87457 18.9082L3.57942 18.3987L2.10037 15.9258L1.80178 15.4115C1.56146 14.9976 1.64803 14.4715 2.0083 14.1565L2.45586 13.7652L3.68392 12.7206C3.65154 12.4958 3.62523 12.2462 3.62523 11.9939C3.62523 11.7416 3.65153 11.492 3.68391 11.2672L2.44558 10.2138L2.0083 9.83129C1.64805 9.5163 1.56146 8.99023 1.80174 8.57638L2.10694 8.05073L3.57971 5.58863L3.87512 5.0799C4.1092 4.6768 4.59074 4.48889 5.03598 4.62691L5.61197 4.80546L5.63299 4.81223L7.28493 5.36458C7.6635 5.10259 8.06761 4.86606 8.49808 4.66474L8.83022 3.05147L8.94406 2.47341ZM10.7455 3.66663L10.3513 5.58117C10.2825 5.91566 10.0477 6.19188 9.72864 6.31372C9.134 6.5408 8.58443 6.86669 8.07673 7.26458C7.81228 7.47184 7.46142 7.53243 7.14277 7.42589L5.19982 6.77623L3.9492 8.86711L5.41052 10.1103C5.67716 10.3371 5.80577 10.6869 5.7496 11.0324C5.73536 11.12 5.72177 11.2 5.70916 11.2743C5.65969 11.5656 5.62523 11.7686 5.62523 11.9939C5.62523 12.2192 5.65971 12.4223 5.70918 12.7136C5.72179 12.7879 5.73537 12.8679 5.7496 12.9554C5.80577 13.3009 5.67716 13.6507 5.41052 13.8775L3.94922 15.1207L5.19983 17.2116L7.14277 16.5619C7.46142 16.4554 7.81228 16.516 8.07673 16.7232C8.58437 17.1211 9.13395 17.4469 9.72864 17.674C10.0477 17.7958 10.2825 18.0721 10.3513 18.4065L10.7455 20.3212H13.2541L13.647 18.4071C13.7157 18.0724 13.9506 17.7959 14.2698 17.674C14.8645 17.4469 15.4141 17.1211 15.9217 16.7232C16.1862 16.516 16.537 16.4554 16.8557 16.5619L18.7997 17.2119L20.0493 15.1207L18.5879 13.8775C18.3203 13.6499 18.1918 13.2985 18.2494 12.9519C18.2616 12.8784 18.2733 12.8101 18.2843 12.7458C18.3367 12.44 18.3732 12.2267 18.3732 11.9939C18.3732 11.7611 18.3367 11.5479 18.2844 11.2422C18.2733 11.1778 18.2616 11.1094 18.2494 11.0359C18.1918 10.6893 18.3203 10.3379 18.5879 10.1103L20.0493 8.86705L18.7997 6.77589L16.8557 7.42589C16.537 7.53243 16.1862 7.47184 15.9217 7.26458C15.414 6.86669 14.8644 6.5408 14.2698 6.31372C13.9506 6.19181 13.7157 5.91533 13.647 5.58059L13.2541 3.66663H10.7455ZM11.9994 10.329C11.079 10.329 10.3327 11.0757 10.3327 11.9939C10.3327 12.912 11.0791 13.6588 11.9994 13.6588C12.9197 13.6588 13.6661 12.912 13.6661 11.9939C13.6661 11.0757 12.9197 10.329 11.9994 10.329ZM8.33273 11.9939C8.33273 9.96989 9.97575 8.32898 11.9994 8.32898C14.023 8.32898 15.6661 9.96989 15.6661 11.9939C15.6661 14.0178 14.0231 15.6588 11.9994 15.6588C9.97571 15.6588 8.33273 14.0178 8.33273 11.9939Z" fill="%232F4051"/></svg>');
}
.dropdown--profile .list__item.qa-menu-logout .link--text:before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-size: contain;
    background-color: currentColor;
    mask-image: url('data:image/svg+xml,<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M5 4H17C17.5523 4 18 4.44772 18 5C18 5.55228 17.5523 6 17 6H6C5.44775 6 5 6.44775 5 7V17C5 17.5522 5.44775 18 6 18H17C17.5523 18 18 18.4477 18 19C18 19.5523 17.5523 20 17 20H5C3.89551 20 3 19.1046 3 18V6C3 4.89539 3.89551 4 5 4ZM16.3678 9.2903C16.1238 8.97647 16.1459 8.52268 16.4343 8.2343C16.7467 7.92188 17.2533 7.92188 17.5657 8.2343L20.7657 11.4343L20.8322 11.5097C21.0763 11.8235 21.0541 12.2773 20.7657 12.5657L17.5657 15.7657L17.4903 15.8322C17.1765 16.0762 16.7227 16.0541 16.4343 15.7657L16.3678 15.6903C16.1238 15.3765 16.1459 14.9227 16.4343 14.6343L18.0682 13L10.0061 13L10 13C9.44772 13 9 12.5523 9 12C9 11.4477 9.44772 11 10 11H10V11L18.0683 11L16.4343 9.36567L16.3678 9.2903Z" fill="%232F4051"/></svg>');
}
@media (max-width: 767px) {
    .dropdown--profile .list__item {
        border-bottom: 0;
    }
    .notification-center__panel {
        max-width: calc(100vw - 36px) !important;
        left: unset;
        right: -55px !important;
        -webkit-transform: unset;
        transform: unset;
    }
    .notification-center__panel.is-open:after {
        right: 66px;
    }
    .unified-navigation--cta-buttons ul {
        gap: 4px !important;
    }
    .unified-navigation--cta-buttons .notification-center {
        margin-right: calc(-12px + 18px);
    }
    .dropdown.dropdown--profile:after {
        content: "";
        position: absolute;
        width: 12px;
        height: 12px;
        background: #fff;
        top: -7px;
        left: unset;
        right: 18px;
        transform: rotate(45deg);
        border-top: 1px solid #dde0e3;
        border-left: 1px solid #dde0e3;
    }
}
/* End Profile drop-down */

.unified-navigation--cta-buttons li.main-navigation--language-switcher {
    display: none !important;
}

[mobile-only="true"] a {
    color: var(--ideagen-color-neutral-90);
}

@media (max-width: 767px) {
    .dropdown--profile {
        top: 62px !important;
        left: unset !important;
        right: -2px !important;
        max-width: calc(100% - 40px) !important;
    }
}

.unified-navigation--cta-buttons ul {
    padding: 0;
}

.unified-navigation--cta-buttons .btn--cta {
    font-size: 16px;
    border-radius: 8px;
    padding: 8px 10px;
    border: 0;
    line-height: 16px;
    transition: 0.2s ease-in-out;
    font-weight: 700;
    color: var(--ideagen-color-white);
    background: var(--ideagen-brand-pink-05);
}

.unified-navigation--cta-buttons .btn--cta:hover {
    background: var(--ideagen-brand-pink-10);
}

.unified-navigation--cta-buttons .btn--cta:active,
.unified-navigation--cta-buttons .btn--cta:focus {
    background: var(--ideagen-brand-pink-20);
}

.unified-navigation--cta-buttons .btn--secondary {
    font-size: 16px;
    font-weight: 700;
    color: var(--ideagen-color-neutral-90);
    background: var(--ideagen-color-neutral-05);
    border-radius: 8px;
    padding: 8px 10px;
    border: 0;
    line-height: 18px;
    transition: 0.2s;
}

.unified-navigation--cta-buttons .btn--secondary:hover {
    background: var(--ideagen-color-neutral-10);
    transition: 0.2s;
}

.unified-navigation--cta-buttons .btn--secondary:active {
    background: var(--ideagen-color-neutral-20);
    transition: 0.2s;
}

.unified-navigation--cta-buttons .btn--cta svg,
.unified-navigation--cta-buttons .btn--secondary svg {
    width: 0;
    height: 0;
}

.unified-navigation--cta-buttons .qa-header-login-button:before {
    content: "";
    font-family: "Ideagen";
    font-weight: 300;
    margin-right: 4px;
    font-size: 20px;
    line-height: 0;
    vertical-align: middle;
    transform: translateY(-2px);
    display: inline-block;
}

.unified-navigation--cta-buttons ul {
    gap: 12px;
}

.is-hidden-S .btn.logged-in {
    background: var(--ideagen-brand-pink-05);
    color: white;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 4px;
    height: 32px;
}

a.menu-create-topic.qa-menu-create-topic.btn.btn--cta.logged-in:before {
    content: "";
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-size: contain;
    background-color: currentColor;
    mask-image: url('data:image/svg+xml,<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 4C12.5523 4 13 4.44772 13 5V11H19C19.5523 11 20 11.4477 20 12C20 12.5523 19.5523 13 19 13H13V19C13 19.5523 12.5523 20 12 20C11.4477 20 11 19.5523 11 19V13H5C4.44771 13 4 12.5523 4 12C4 11.4477 4.44771 11 5 11H11V5C11 4.44772 11.4477 4 12 4Z" fill="%232F4051"/></svg>');
    display: inline-block;
}

.is-hidden-S .btn.logged-in span {
    font-weight: 700 !important;
}

.is-hidden-S span.header-navigation-button-icon svg {
    width: 0px;
    height: 0px;
}

.is-hidden-S span.header-navigation-button-icon:before {
    content: "";
    font-family: "Ideagen";
    font-weight: 300;
    margin-right: 4px;
    font-size: 20px;
    line-height: 0;
    vertical-align: middle;
    transform: translateY(-2px);
    display: inline-block;
}

.is-hidden-S .btn.logged-in span.header-navigation-button-icon:before {
    color: white;
    font-weight: 300;
}

.is-hidden-S .btn.logged-in:hover {
    background: var(--ideagen-brand-pink-10);
    color: white;
}

.is-hidden-S .btn.logged-in:active,
.is-hidden-S .btn.logged-in:focus {
    background: var(--ideagen-brand-pink-20);
    color: white;
}

.unified-navigation--search-bar .search-and-filter-wrapper > span {
    height: auto;
}

.unified-navigation--search-bar input[type="search"].search-box__input {
    padding-left: 16px !important;
    text-overflow: ellipsis !important;
    height: auto;
    padding-top: 2.5px;
    padding-bottom: 2.5px;
    box-shadow: none;
    border: 2px solid var(--ideagen-color-neutral-20);
}

.unified-navigation--cta-buttons .flag .flag__image {
    padding-right: 0;
}

.main-navigation--nav-buttons-wrapper {
    margin-right: 0;
}

.unified-navigation--search-bar .main-navigation--search-wrapper {
    padding: 0;
}

.unified-navigation--search-bar .searchbox--large .searchbox__input {
    margin: 0;
}

.unified-navigation--search-bar .search-box__submit svg,
.unified-navigation--search-bar .search-box__reset svg {
    height: 0;
    width: 0;
}

.unified-navigation--search-bar .search-box__submit:before {
    content: "";
    font-family: "Ideagen";
    font-size: 23px;
    color: var(--ideagen-color-neutral-70);
    margin-left: 0;
    top: unset;
    position: relative;
    vertical-align: middle;
}

.unified-navigation--search-bar .search-box__reset:before {
    content: "";
    font-family: "Ideagen";
    font-size: 23px;
    color: var(--ideagen-color-neutral-70);
    top: 2px;
    position: absolute;
    vertical-align: middle;
}

.unified-advertisement {
    display: none;
    padding: 10px 0;
    background: var(--ideagen-color-pink-10);
    position: relative;
    color: var(--ideagen-color-pink-90);
    transition: background 0.25s ease-in-out;
    border-top: 1px solid var(--ideagen-color-pink-20);
    border-bottom: 1px solid var(--ideagen-color-pink-20);
}

.unified-advertisement:hover {
    background: var(--ideagen-color-pink-20);
}

.unified-advertisement#fedrampBanner {
    background: var(--ideagen-color-yellow-10);
    border-top: 1px solid var(--ideagen-color-yellow-20);
    border-bottom: 1px solid var(--ideagen-color-yellow-20);
    color: var(--ideagen-color-yellow-90);
}

.unified-advertisement#fedrampBanner:hover {
    background: var(--ideagen-color-yellow-20);
}

.unified-advertisement#productBanner {
    background: var(--ideagen-color-teal-10);
    color: var(--ideagen-color-teal-90);
    border-top: 1px solid var(--ideagen-color-teal-20);
    border-bottom: 1px solid var(--ideagen-color-teal-20);
}

.unified-advertisement#productBanner:hover {
    background: var(--ideagen-color-teal-20);
}

.unified-advertisement--page-width {
    display: flex;
    justify-content: center;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
    max-width: 1124px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 40px;
    position: relative;
    gap: 8px;
}

.unified-advertisement .link {
    margin-left: auto;
}

.unified-advertisement a {
    display: inline-block;
    padding: 6px 8px;
}

.unified-advertisement a.fullBannerLink {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0;
    z-index: 2;
}

.unified-advertisement a.fullBannerLink:hover > .i-arrow-right-2 {
    transform: translateX(4px);
}

.unified-advertisement .message {
    font-weight: 600;
    font-size: 14.5px;
    line-height: normal;
}

.unified-advertisement .message-link {
    font-weight: 700;
    padding: 0;
    cursor: pointer;
    color: var(--ideagen-color-pink-90);
    text-decoration: none;
    line-height: normal;
}

.unified-advertisement#fedrampBanner .message-link {
    color: var(--ideagen-color-yellow-90);
}

.unified-advertisement#productBanner .message-link {
    color: var(--ideagen-color-teal-90);
}

.unified-advertisement .message-link:hover {
    color: var(--ideagen-color-white);
    text-decoration: none;
}

.unified-advertisement .message-link:active {
    color: var(--ideagen-color-white);
    text-decoration: none;
}

.unified-advertisement--close-button {
    display: block;
    font-family: "Ideagen";
    font-size: 18px;
    font-weight: 300;
    margin-left: 24px;
    cursor: pointer;
}

.unified-advertisement button.close-banner {
    background: none;
    border: 0;
    color: currentColor;
    position: absolute;
    top: 50%;
    right: 42px;
    transform: translateY(-50%);
    z-index: 3;
    cursor: pointer;
    height: 22px;
    padding-inline: 6px;
}

.unified-advertisement button.close-banner i {
    width: 22px;
    height: 22px;
}

@media (max-width: 1080px) {
    .unified-advertisement--page-width {
        flex-direction: row;
        text-align: center;
        padding: 0 80px 0 42px;
        align-items: center;
        flex-wrap: nowrap;
        justify-content: flex-start;
        text-align: left;
    }

    .unified-advertisement .message {
        flex: 1;
    }

    .unified-advertisement .message-link,
    .unified-advertisement .i-arrow-right-2 {
        display: none;
    }

    .unified-advertisement .link {
        margin-left: unset;
        width: 100%;
    }

    .unified-advertisement--close-button {
        position: absolute;
        top: 0;
        right: 20px;
        margin-left: 0;
    }
}

@media (max-width: 767px) {
    .unified-advertisement--page-width {
        flex-direction: row;
        text-align: center;
        padding: 0 50px 0 18px;
        align-items: center;
        flex-wrap: nowrap;
        justify-content: flex-start;
        text-align: left;
    }

    .unified-advertisement .message {
        flex: 1;
    }

    .unified-navigation--search-bar.mobile .main-navigation--search-wrapper {
        line-height: 0;
        height: auto;
    }

    .unified-navigation--search-bar .search-box__reset:before {
        top: 2px;
    }

    .unified-advertisement button.close-banner {
        right: 16px;
    }
}

.profileMeta {
    display: flex;
    flex-direction: row;
    align-items: center;
    column-gap: 13px;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    padding-bottom: 15px;
}

.profileMeta span#user-email {
    font-weight: 500;
    font-size: 13px;
    color: var(--ideagen-color-neutral-50);
    line-height: 13.75px;
    display: block;
}

.profileMeta img {
    width: 47px;
    height: 47px;
    border-radius: 25px;
    box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.05);
    border: 1px solid rgba(236, 236, 236, 1);
    position: relative;
}

.uploadImage {
    opacity: 0;
    width: 47px;
    height: 47px;
    position: absolute;
    top: 0;
    left: 0;
    background: #2f405180;
    border-radius: 25px;
    cursor: pointer;
    border: 1px solid rgba(236, 236, 236, 1);
    transition: unset;
}

.uploadImage i {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
}

.uploadImage:hover {
    opacity: 1;
}

.user-info.dropdown a {
    display: flex;
    align-items: center;
    column-gap: 8px;
}

.user-info.dropdown a svg,
.user-info.dropdown a i {
    width: 20px;
    height: 20px;
}

a.signOut {
    color: var(--ideagen-color-red-50) !important;
    border-radius: 8px;
    padding: 8px !important;
}

a.signOut:hover {
    color: var(--ideagen-color-red-50) !important;
    background: var(--ideagen-color-red-05) !important;
}

.user-info.dropdown .dropdown-menu [role="menuitem"]:not(.signOut) {
    padding: 8px !important;
    margin-bottom: 0 !important;
    transition: 0.2s;
}

.user-info.dropdown .dropdown-menu [data-action="change-password"] {
    margin-bottom: 12px !important;
}

.user-info.dropdown .dropdown-menu [role="menuitem"]:not(.signOut):hover {
    background: rgba(249, 249, 249, 1) !important;
    border-radius: 8px;
    color: unset !important;
}

.unified-navigation--tool-list {
    display: flex;
    align-items: center;
    flex-direction: row;
    gap: 24px;
}

@media (max-width: 767px) {
    .logo-container {
        width: 12px;
    }
    .unified-navigation--tool-list {
        gap: 2px;
    }
    .unified-navigation--cta-buttons {
        margin-left: 4px;
    }
}

@media (max-width: 380px) {
    .unified-navigation--tool-list {
        display: none;
    }
}

.lightbox-bg {
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 19;
    background-color: rgba(47, 64, 81, 0.42);
    backdrop-filter: blur(5px);
    display: none;
    transition: opacity 200ms ease-out;
    will-change: opacity;
    backface-visibility: hidden;
}
section.pull-out_right {
    width: 480px;
    position: fixed;
    background: var(--ideagen-color-white);
    z-index: 20;
    top: 0;
    right: 0;
    border-radius: 20px 0 0 20px;
    box-shadow: 0px 25px 50px 0px rgba(0, 0, 0, 0.25);
    height: 100%;
    overflow-y: hidden;
    transition: transform 350ms ease-in-out;
    will-change: transform;
    backface-visibility: hidden;
    transform: translateX(100%);
}

.pull-out_right.visible {
    transform: translateX(0);
}
.pull-out-heading h3,
.pull-out-heading p {
    margin: 0;
}
.pull-out-heading h3 {
    font-size: 20px;
    line-height: 27.5px;
    font-weight: 700;
}
.pull-out-heading .close-button {
    font-family: "Ideagen";
    font-style: normal;
    font-size: 24px;
    top: 50%;
    right: 24px;
    transform: translateY(-50%);
}
.pull-out-heading {
    padding: 22px 24px;
    background: var(--ideagen-color-neutral-05);
    position: relative;
    display: flex;
    align-items: center;
    gap: 8px;
}
div#article-content {
    padding: 24px;
    overflow-y: scroll;
    height: calc(100% - 128px);
    display: block;
    margin: 56px 0 0;
}

div#article-content img {
    max-width: 100%;
}

.pull-out_right .feedback-form, .pull-out_right .age-verification-overlay {
    display: none;
    padding: 24px;
    height: calc(100% - 71.5px);
    overflow-y: auto;
}

.pull-out_right .age-verification-modal {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.pull-out_right .age-verification-modal img {
    max-width: 250px;
    margin-top: -24px;
}

.pull-out_right .age-verification-modal h2 {
    margin-top: -12px;
    margin-bottom: 8px;
    font-size: 26px;
    font-weight: 700;
}

.pull-out_right .age-verification-modal p {
    color: var(--ideagen-color-neutral-70);
    margin: 8px 0;
}


.pull-out_right .age-verification-modal .cta-buttons {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-direction: row;
    margin-top: 24px;
}

.pull-out_right .feedback-form p {
    margin-top: 0;
}

.pull-out-main .search-container {
    position: relative;
    padding-bottom: 24px;
    border-bottom: 1px solid #f3f3f3;
    margin-bottom: 24px;
}

.pull-out-main input#searchInput {
    height: 42px;
    border: 2px solid var(--ideagen-color-neutral-20);
    transition: 0.25s ease-in-out;
    font-size: 14.5px;
    border-radius: 12px;
    width: 100%;
    padding: 9px 62px 9px 12px;
}
.pull-out-main input#searchInput:hover {
    border: 2px solid var(--ideagen-brand-teal-05);
}
.pull-out-main input#searchInput:active, .pull-out-main input#searchInput:focus {
    border: 2px solid var(--ideagen-brand-teal-10);
}
.pull-out-main input#searchInput::placeholder {
    transform: translateY(1px);
}

.pull-out-main .search-wrapper {
    position: relative;
}

.pull-out-main button#searchButton {
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: 0;
    height: 24px;
    cursor: pointer;
    padding-inline: 6px;
}

.pull-out-main {
    padding: 24px;
    height: calc(100% - 72px);
    overflow-y: auto;
}

.pull-out-main h3 {
    margin: 0 0 4px;
}

.pull-out-main p {
    margin: 4px 0 13px;
}

.pull-out-main p.description {
    margin: 4px 0 24px;
}

.pull-out-main .view-more {
    display: flex;
    align-items: center;
    gap: 4px;
    color: var(--ideagen-brand-teal-10);
    transition: 0.3s ease-in-out;
    cursor: pointer;
}

.pull-out-main .view-more:hover * {
    color: var(--ideagen-brand-teal-20);
}

.pull-out-main a {
    color: var(--ideagen-brand-teal-10);
    font-weight: 600;
    display: flex;
    align-items: center;
    cursor: pointer;
    text-decoration: none!important;
}

.pull-out-right a {
    text-decoration: none!important;
}

.pull-out-right a:hover {
    text-decoration: none!important;
}

.pull-out-right a:focus, .pull-out-right a:active {
    text-decoration: none!important;
}

a#back-to-main {
    width: fit-content;
    font-size: 16px;
    font-weight: 700;
    border-radius: 8px;
    padding: 8px 10px;
    border: 0;
    line-height: 16px;
    cursor: pointer;
    align-items: center;
    transition: 0.2s;
    height: 32px;
    display: none;
}

.article-controls {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #f3f3f3;
    position: fixed;
    width: 100%;
    margin: -80px -24px 0;
    padding: 12px 24px;
    background: white;
    z-index: 2;
}

.pull-out_right .article-loader {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: calc(50% + 44.5px) auto;
    width: 64px;
}

.pull-out-buttons {
    display: flex;
    gap: 16px;
    align-items: stretch;
    flex-direction: row;
    flex-wrap: wrap;
}
.pull-out-button {
    padding: 16px;
    border-radius: 12px;
    flex: 0 0 calc(50% - 8px);
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: flex-start;
    line-height: normal;
    font-weight: 600;
    font-size: 15px;
    cursor: pointer;
    transition: 0.2s;
    flex-direction: column;
    justify-content: flex-start;
    column-gap: 14px;
    border: 1px solid rgba(221, 224, 227, 1);
    transition: 0.2s ease-in-out;
}

.pull-out-button:before {
    content: url('data:image/svg+xml,<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14 17V15H8V17H14Z" fill="%232F4051"/><path d="M16 13V11H8V13H16Z" fill="%232F4051"/><path fill-rule="evenodd" clip-rule="evenodd" d="M16.586 2.586C16.211 2.211 15.702 2 15.172 2H6C4.896 2 4 2.896 4 4V20C4 21.104 4.896 22 6 22H18C19.104 22 20 21.104 20 20V6.829C20 6.298 19.789 5.789 19.414 5.414L16.586 2.586ZM18 20H6V4H14V8H18V20Z" fill="%232F4051"/></svg>');
    position: absolute;
    bottom: -30px;
    right: -30px;
    opacity: 0.03;
    width: 131px;
    height: 131px;
    background-repeat: no-repeat;
    transform: rotate(-20deg);
}

.pull-out-button .buttonImage {
    width: 40px;
    height: auto;
    overflow: hidden;
    border-radius: 8px;
}

.pull-out-button .buttonDescription {
    flex: 1;
    text-align: left;
    padding-top: 10px;
}

.pull-out-button .buttonDescription p {
    font-size: 14.5px;
    font-weight: 500;
    color: var(--ideagen-color-neutral-70);
    margin: 6px 0 0;
}

#latest-changes .pull-out-button:not(.large-full-width) {
    height: auto;
    flex: 1;
}

.pull-out-button:hover {
    box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.1);
}

.pull-out-button.large-full-width {
    flex: 1 0 100%;
    height: auto;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 24px;
    gap: 12px;
}
.pull-out-button img:not(.pull-out-button.large-full-width img) {
    width: inherit;
    height: inherit;
}

.pull-out-footer {
    width: 100%;
    box-shadow: 0px -2px 14px 6px rgba(0, 0, 0, 0.05);
    padding: 24px;
    border-radius: 0 0 0 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
    background: var(--ideagen-color-white);
    border-top: 1px solid rgba(233, 233, 233, 1);
}

section#latest-changes {
    margin-top: 42px;
}

.two-column-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px;
}

.two-column-container h3 {
    font-size: 17px;
}

.large-full-width svg.lite {
    top: 32px;
}

span[data-type="title"] {
    font-size: 16px;
}

span[data-type="date"] {
    font-size: 14px;
    font-weight: 500;
    color: var(--ideagen-color-neutral-70);
}

span[data-type="body"] {
    font-weight: 500;
    font-size: 14.5px;
    margin-top: 8px;
}

.trigger-button {
    position: relative;
    display: block;
    width: 35px;
    margin: 0;
    height: 35px;
}

.trigger-button svg,
.unified-navigation--tool-list svg {
    width: 37px;
    height: 37px;
    padding: 4px;
    cursor: pointer;
    border-radius: 25px;
}

.unified-navigation--tool-list svg {
    width: 36px;
    height: 36px;
}

.trigger-button svg:hover,
.unified-navigation--tool-list svg:hover {
    background: var(--ideagen-color-neutral-05);
}

.trigger-button i.unread-indicator {
    right: -3px;
    top: 2px;
    display: none;
    padding: 0;
    width: 7px;
    height: 7px;
}

.pull-out-button.small-full-width {
    height: auto;
    flex: 1;
    padding: 14px 24px;
}

.pull-out_right .article-body img {
    cursor: default;
}

span.tooltip {
    background: var(--ideagen-color-neutral-90);
    color: var(--ideagen-color-white);
    font-weight: 500;
    padding: 4px 6px;
    border-radius: 8px;
    position: absolute;
    text-align: center;
    top: calc(100% + 10px);
    left: 50%;
    transform: translateX(-50%);
    width: max-content;
    display: block;
    opacity: 0;
    font-size: 14.5px;
    z-index: 10;
    line-height: 20px;
    transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out;
    pointer-events: none;
    max-width: 300px;
}

.trigger-button:hover span.tooltip,
.unified-navigation--btn-secondary#search-icon:hover span.tooltip,
.unified-navigation--cta-buttons .notification-center button:hover span.tooltip,
.content-switch-pill:hover span.tooltip {
    opacity: 1;
    transform: translateY(0) translateX(-50%);
    transition-delay: 0.5s; /* Delay before showing the tooltip */
    pointer-events: auto;
}

.trigger-button span.tooltip,
.unified-navigation--btn-secondary#search-icon span.tooltip,
.unified-navigation--cta-buttons .notification-center button span.tooltip,
.content-switch-pill span.tooltip {
    opacity: 0;
    transform: translateY(-0.2em) translateX(-50%);
    transition-delay: 0.2s; /* Delay before hiding the tooltip */
    font-family: 'Gilroy';
}

span.tooltip:after {
    content: "";
    width: 10px;
    height: 10px;
    top: -4px;
    left: 50%;
    background: var(--ideagen-color-neutral-90);
    transform: translateX(-50%) rotate(45deg);
    position: absolute;
}

/* Article styles */

.pull-out_right .article-body ul.toc-list {
    padding: 0;
    padding-left: 14px;
    border-left: 2px solid var(--ideagen-color-neutral-05);
    line-height: 28px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
}
.pull-out_right .toc-list li {
    list-style-type: none;
}
.pull-out_right li.toc-h3 {
    padding-left: 26px;
}
.pull-out_right .toc-list li.toc-h2 a {
    color: var(--ideagen-color-neutral-90)!important;
    font-weight: 600!important;
    display: flex;
    align-items: center;
}
.pull-out_right .toc-list li.toc-h3 a {
    color: var(--ideagen-color-neutral-80)!important;
    font-weight: 500!important;
    display: flex;
    align-items: center;
}
.pull-out_right .toc-list li a:hover {
    color: var(--ideagen-brand-teal-10)!important;
}
.pull-out_right li.toc-tab-separator {
    color: var(--ideagen-color-neutral-50);
}
.pull-out_right .no-border {
    border: 0 !important;
    border-radius: 0!important;
}
.pull-out_right #article-content h1 {
    line-height: 125%;
    letter-spacing: -0.18px;
    font-weight: 700;
    font-size: 34px;
    margin: 0 0 12px;
}

.pull-out_right #article-content .article-body h2,
.pull-out_right #article-content .article-body h3 {
    margin-bottom: 8px;
}

.pull-out_right #article-content .article-body h3 {
    font-size: 18px;
    font-weight: 700;
}

.pull-out_right #article-content .article-body h2 {
    padding-top: 0.8em;
}

.pull-out_right #article-content hr {
    margin-top: 24px;
    margin-bottom: 0px;
    text-align: center;
    border-top: 1px solid var(--ideagen-color-neutral-10);
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
}

.pull-out_right #article-content .article-body a {
    color: var(--ideagen-brand-teal-10);
    font-weight: 700;
}
.pull-out_right #article-content .article-body a:hover {
    color: var(--ideagen-brand-teal-20);
}

.pull-out_right #article-content .article-body img {
    height: auto;
    max-width: 100%;
    margin: 8px auto;
    display: block;
    border-radius: 8px;
    border: 2px solid var(--ideagen-color-neutral-10);
    cursor: default;
}

/* Blockquotes */
blockquote {
    color: var(--ideagen-color-neutral-90);
    font-style: normal;
    margin: 8px 0 24px 0 !important;
    border-radius: 12px;
    padding: 14px 14px 14px 48px !important;
    line-height: 24px;
}
blockquote p {
    margin: 0;
    font-style: normal;
    color: var(--ideagen-color-neutral-90);
}
blockquote.important {
    background: no-repeat 14px 14px var(--ideagen-color-red-05)
        url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.2737 7C11.5706 7 11 7.57061 11 8.27368V12.0947C11 12.7991 11.5706 13.3684 12.2737 13.3684C12.9768 13.3684 13.5474 12.7991 13.5474 12.0947V8.27368C13.5474 7.57061 12.9768 7 12.2737 7Z' fill='%237c0008'/%3E%3Cpath d='M13.5474 15.9158C13.5474 16.6201 12.9768 17.1895 12.2737 17.1895C11.5706 17.1895 11 16.6201 11 15.9158C11 15.2114 11.5706 14.6421 12.2737 14.6421C12.9768 14.6421 13.5474 15.2114 13.5474 15.9158Z' fill='%237c0008'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2ZM4 12C4 7.58172 7.58172 4 12 4C16.4183 4 20 7.58172 20 12C20 16.4183 16.4183 20 12 20C7.58172 20 4 16.4183 4 12Z' fill='%237c0008'/%3E%3C/svg%3E%0A") !important;
}
blockquote.example {
    background: no-repeat 14px 14px var(--ideagen-color-blue-05)
        url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.586 2.586C16.211 2.211 15.702 2 15.172 2H6C4.896 2 4 2.896 4 4V20C4 21.104 4.896 22 6 22H18C19.104 22 20 21.104 20 20V6.829C20 6.298 19.789 5.789 19.414 5.414L16.586 2.586ZM18 20H6V4H14V8H18V20ZM10.667 15.223L15.048 11L16 11.889L10.667 17L8 14.444L8.952 13.556L10.667 15.223Z" fill="%23011a7e"/></svg>') !important;
}
blockquote.tip {
    background: no-repeat 14px 14px var(--ideagen-color-yellow-10)
        url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 2C12.5523 2 13 2.44772 13 3V5C13 5.55228 12.5523 6 12 6C11.4477 6 11 5.55228 11 5V3C11 2.44772 11.4477 2 12 2Z" fill="%237d4600"/><path fill-rule="evenodd" clip-rule="evenodd" d="M14.7645 15.9968V17C14.7645 18.1045 13.8691 19 12.7645 19H11.1175C10.0129 19 9.11749 18.1045 9.11749 17V15.9966C7.83747 15.1037 7 13.6202 7 11.9412C7 9.21224 9.21224 7 11.9412 7C14.6701 7 16.8824 9.21224 16.8824 11.9412C16.8824 13.6204 16.0447 15.1039 14.7645 15.9968ZM12.7645 14.9533L13.6204 14.3564C14.3873 13.8215 14.8824 12.939 14.8824 11.9412C14.8824 10.3168 13.5655 9 11.9412 9C10.3168 9 9 10.3168 9 11.9412C9 12.9389 9.49495 13.8213 10.2617 14.3563L11.1175 14.9532V17L12.7645 17V14.9533Z" fill="%237d4600"/><path d="M10 21C10 20.4477 10.4477 20 11 20H13C13.5523 20 14 20.4477 14 21C14 21.5523 13.5523 22 13 22H11C10.4477 22 10 21.5523 10 21Z" fill="%237d4600"/><path d="M3 11C2.44772 11 2 11.4477 2 12C2 12.5523 2.44772 13 3 13H5C5.55228 13 6 12.5523 6 12C6 11.4477 5.55228 11 5 11H3Z" fill="%237d4600"/><path d="M19 11C18.4477 11 18 11.4477 18 12C18 12.5523 18.4477 13 19 13H21C21.5523 13 22 12.5523 22 12C22 11.4477 21.5523 11 21 11H19Z" fill="%237d4600"/><path d="M16.586 7.4142C16.1955 7.02367 16.1955 6.39051 16.586 5.99999L18.0002 4.58577C18.3908 4.19525 19.0239 4.19525 19.4144 4.58577C19.805 4.9763 19.805 5.60946 19.4144 5.99998L18.0002 7.4142C17.6097 7.80472 16.9765 7.80472 16.586 7.4142Z" fill="%237d4600"/><path d="M5.99959 4.58577C5.60906 4.19524 4.9759 4.19524 4.58537 4.58577C4.19485 4.97629 4.19485 5.60946 4.58537 5.99998L5.99959 7.4142C6.39011 7.80472 7.02328 7.80472 7.4138 7.4142C7.80433 7.02367 7.80433 6.39051 7.4138 5.99998L5.99959 4.58577Z" fill="%237d4600"/></svg>') !important;
}
blockquote.warning {
    background: no-repeat 14px 14px var(--ideagen-color-yellow-05)
        url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.2737 7C11.5706 7 11 7.57061 11 8.27368V12.0947C11 12.7991 11.5706 13.3684 12.2737 13.3684C12.9768 13.3684 13.5474 12.7991 13.5474 12.0947V8.27368C13.5474 7.57061 12.9768 7 12.2737 7Z" fill="%232F4051"/><path d="M13.5474 15.9158C13.5474 16.6201 12.9768 17.1895 12.2737 17.1895C11.5706 17.1895 11 16.6201 11 15.9158C11 15.2114 11.5706 14.6421 12.2737 14.6421C12.9768 14.6421 13.5474 15.2114 13.5474 15.9158Z" fill="%232F4051"/><path fill-rule="evenodd" clip-rule="evenodd" d="M12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2ZM4 12C4 7.58172 7.58172 4 12 4C16.4183 4 20 7.58172 20 12C20 16.4183 16.4183 20 12 20C7.58172 20 4 16.4183 4 12Z" fill="%232F4051"/></svg>') !important;
}
blockquote.quote {
    background: no-repeat 14px 14px var(--ideagen-color-neutral-05)
        url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.00049 17.366C7.65449 15.985 8.69349 14.098 8.69349 12H5.00049V6H11.0005V12C11.0005 14.769 9.57549 17.255 7.30749 19L6.00049 17.366ZM14.0005 17.366C15.6545 15.985 16.6935 14.098 16.6935 12H13.0005V6H19.0005V12C19.0005 14.769 17.5755 17.255 15.3075 19L14.0005 17.366Z" fill="%232F4051"/></svg>') !important;
}
blockquote.bug {
    background: no-repeat 14px 14px var(--ideagen-color-pink-05)
        url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M12.0002 22C11.7442 22 11.4882 21.902 11.2933 21.707L2.29325 12.707C1.90225 12.316 1.90225 11.684 2.29325 11.293L11.2933 2.29301C11.6842 1.90201 12.3162 1.90201 12.7072 2.29301L21.7073 11.293C22.0983 11.684 22.0983 12.316 21.7073 12.707L12.7072 21.707C12.5122 21.902 12.2562 22 12.0002 22ZM4.41406 12L12.0001 19.586L19.5861 12L12.0001 4.414L4.41406 12ZM12 7C11.448 7 11 7.448 11 8V13C11 13.553 11.448 14 12 14C12.552 14 13 13.553 13 13V8C13 7.448 12.552 7 12 7ZM13 16C13 16.553 12.552 17 12 17C11.448 17 11 16.553 11 16C11 15.447 11.448 15 12 15C12.552 15 13 15.447 13 16Z" fill="%237d4600"/></svg>') !important;
}
blockquote.note {
    background: no-repeat 14px 14px var(--ideagen-color-teal-10)
        url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.9903 7.284C11.7933 7.474 11.6943 7.753 11.6943 8.123C11.6943 8.48 11.7953 8.756 11.9973 8.952C12.1993 9.148 12.4853 9.246 12.8543 9.246C13.2143 9.246 13.4953 9.146 13.6973 8.945C13.8993 8.745 14.0003 8.471 14.0003 8.123C14.0003 7.762 13.9003 7.484 13.7003 7.29C13.5003 7.097 13.2183 7 12.8543 7C12.4763 7 12.1883 7.095 11.9903 7.284ZM12.0991 15.0718C12.0991 15.1848 12.0991 15.3018 12.4341 15.3018C12.6361 15.3018 12.8181 15.2748 12.9721 15.2198L13.4481 15.0508L13.0431 16.8068L12.8781 16.8468C12.4541 16.9478 12.0491 16.9998 11.6741 16.9998C11.0881 16.9998 10.8121 16.8588 10.4891 16.5808C10.1641 16.3018 10.0001 15.9058 10.0001 15.4048C10.0001 15.1688 10.0281 14.9358 10.0831 14.7088L11.0901 10.3248H13.1791L12.2401 14.3088C12.1171 14.8358 12.0991 15.0128 12.0991 15.0718ZM12 2C6.477 2 2 6.477 2 12C2 17.522 6.477 22 12 22C17.522 22 22 17.522 22 12C22 6.477 17.522 2 12 2ZM12 4C16.411 4 20 7.589 20 12C20 16.411 16.411 20 12 20C7.589 20 4 16.411 4 12C4 7.589 7.589 4 12 4Z' fill='%23056d78'/%3E%3Cmask id='mask0_0_3980' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='2' y='2' width='20' height='20'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.9903 7.284C11.7933 7.474 11.6943 7.753 11.6943 8.123C11.6943 8.48 11.7953 8.756 11.9973 8.952C12.1993 9.148 12.4853 9.246 12.8543 9.246C13.2143 9.246 13.4953 9.146 13.6973 8.945C13.8993 8.745 14.0003 8.471 14.0003 8.123C14.0003 7.762 13.9003 7.484 13.7003 7.29C13.5003 7.097 13.2183 7 12.8543 7C12.4763 7 12.1883 7.095 11.9903 7.284ZM12.0991 15.0718C12.0991 15.1848 12.0991 15.3018 12.4341 15.3018C12.6361 15.3018 12.8181 15.2748 12.9721 15.2198L13.4481 15.0508L13.0431 16.8068L12.8781 16.8468C12.4541 16.9478 12.0491 16.9998 11.6741 16.9998C11.0881 16.9998 10.8121 16.8588 10.4891 16.5808C10.1641 16.3018 10.0001 15.9058 10.0001 15.4048C10.0001 15.1688 10.0281 14.9358 10.0831 14.7088L11.0901 10.3248H13.1791L12.2401 14.3088C12.1171 14.8358 12.0991 15.0128 12.0991 15.0718ZM12 2C6.477 2 2 6.477 2 12C2 17.522 6.477 22 12 22C17.522 22 22 17.522 22 12C22 6.477 17.522 2 12 2ZM12 4C16.411 4 20 7.589 20 12C20 16.411 16.411 20 12 20C7.589 20 4 16.411 4 12C4 7.589 7.589 4 12 4Z' fill='white'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_0_3980)'%3E%3C/g%3E%3C/svg%3E%0A") !important;
}

.pull-out_right #article-content blockquote.who p:nth-of-type(1)::before {
    content: "";
    font-family: "Ideagen";
    font-weight: 300;
    margin-right: 4px;
    font-size: 16px;
    line-height: 0;
    vertical-align: middle;
    transform: translateY(-5px);
    display: inline-block;
}

.pull-out_right #article-content blockquote.who p:nth-of-type(2)::before {
    content: "";
    font-family: "Ideagen";
    font-weight: 300;
    margin-right: 4px;
    font-size: 16px;
    line-height: 0;
    vertical-align: middle;
    transform: translateY(-5px);
    display: inline-block;
}

.pull-out_right #article-content blockquote.who p em,
.pull-out_right #article-content blockquote.who p svg {
    display: none;
}

.pull-out_right #article-content iframe {
    display: block;
    margin: 12px auto 0 auto;
    border-radius: 8px;
    border: 2px solid var(--ideagen-color-neutral-10);
}
.pull-out_right #article-content code {
    background: var(--ideagen-color-neutral-05);
    border: 1px solid var(--ideagen-color-neutral-10);
    padding: 0 4px;
    margin: 0;
    line-height: 1.6;
    border-radius: 8px;
    white-space: pre;
    font-family: Courier New, Courier, Lucida Sans Typewriter, Lucida Typewriter, monospace;
    color: var(--ideagen-color-neutral-90);
}

.pull-out_right #article-content blockquote.who {
    padding: 16px 24px !important;
    background: var(--ideagen-color-teal-05) !important;
    border: unset !important;
    position: relative;
    overflow: hidden;
}

.pull-out_right #article-content blockquote.who:after {
    content: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 2C12.5523 2 13 2.44772 13 3V5C13 5.55228 12.5523 6 12 6C11.4477 6 11 5.55228 11 5V3C11 2.44772 11.4477 2 12 2Z" fill="%232F4051"/><path fill-rule="evenodd" clip-rule="evenodd" d="M14.7645 15.9968V17C14.7645 18.1045 13.8691 19 12.7645 19H11.1175C10.0129 19 9.11749 18.1045 9.11749 17V15.9966C7.83747 15.1037 7 13.6202 7 11.9412C7 9.21224 9.21224 7 11.9412 7C14.6701 7 16.8824 9.21224 16.8824 11.9412C16.8824 13.6204 16.0447 15.1039 14.7645 15.9968ZM12.7645 14.9533L13.6204 14.3564C14.3873 13.8215 14.8824 12.939 14.8824 11.9412C14.8824 10.3168 13.5655 9 11.9412 9C10.3168 9 9 10.3168 9 11.9412C9 12.9389 9.49495 13.8213 10.2617 14.3563L11.1175 14.9532V17L12.7645 17V14.9533Z" fill="%232F4051"/><path d="M10 21C10 20.4477 10.4477 20 11 20H13C13.5523 20 14 20.4477 14 21C14 21.5523 13.5523 22 13 22H11C10.4477 22 10 21.5523 10 21Z" fill="%232F4051"/><path d="M3 11C2.44772 11 2 11.4477 2 12C2 12.5523 2.44772 13 3 13H5C5.55228 13 6 12.5523 6 12C6 11.4477 5.55228 11 5 11H3Z" fill="%232F4051"/><path d="M19 11C18.4477 11 18 11.4477 18 12C18 12.5523 18.4477 13 19 13H21C21.5523 13 22 12.5523 22 12C22 11.4477 21.5523 11 21 11H19Z" fill="%232F4051"/><path d="M16.586 7.4142C16.1955 7.02367 16.1955 6.39051 16.586 5.99999L18.0002 4.58577C18.3908 4.19525 19.0239 4.19525 19.4144 4.58577C19.805 4.9763 19.805 5.60946 19.4144 5.99998L18.0002 7.4142C17.6097 7.80472 16.9765 7.80472 16.586 7.4142Z" fill="%232F4051"/><path d="M5.99959 4.58577C5.60906 4.19524 4.9759 4.19524 4.58537 4.58577C4.19485 4.97629 4.19485 5.60946 4.58537 5.99998L5.99959 7.4142C6.39011 7.80472 7.02328 7.80472 7.4138 7.4142C7.80433 7.02367 7.80433 6.39051 7.4138 5.99998L5.99959 4.58577Z" fill="%232F4051"/></svg>');
    position: absolute;
    right: 80px;
    top: 55%;
    opacity: 0.05;
    transform: rotate(20deg) scale(7);
}

.pull-out_right #article-content blockquote.who strong:first-child {
    font-size: 18px;
    margin-bottom: 8px;
    display: unset;
}

.pull-out_right #article-content blockquote.who p {
    padding: 0 24px;
    line-height: 1.2;
    position: relative;
    margin: 8px 0;
}

.pull-out_right #article-content blockquote.who p:last-child {
    margin: 8px 0 4px;
}

.pull-out_right #article-content blockquote.who p strong {
    font-size: 14.5px !important;
}

.pull-out_right #article-content blockquote.who p svg {
    display: none;
}

.pull-out_right #article-content blockquote.who p:nth-of-type(1)::before {
    content: "";
    font-family: "Ideagen";
    font-weight: 300;
    font-size: 16px;
    line-height: 0;
    position: absolute;
    left: 0;
    top: 14px;
}

.pull-out_right #article-content blockquote.who p:nth-of-type(2)::before {
    content: "";
    font-family: "Ideagen";
    font-weight: 300;
    font-size: 16px;
    line-height: 0;
    position: absolute;
    left: 0;
    top: 14px;
}

ul[option="default"] {
    display: inline-block;
}

.unified-navigation--description img {
    width: 60px;
    height: auto;
}

@media (max-width: 767px) {
    section.pull-out_right {
        width: 100%;
        border-radius: 0;
    }

    .pull-out-footer {
        border-radius: 0;
    }
    .pull-out-button {
    padding: 12px;
    }
}

/* WebKit browsers (Chrome, Safari, Edge) */
.product-directory::-webkit-scrollbar {
    width: 8px; /* Width of the scrollbar */
}

.product-directory::-webkit-scrollbar-track {
    background: transparent; /* Transparent track */
}

.product-directory::-webkit-scrollbar-thumb {
    background-color: white; /* White pill */
    border-radius: 4px; /* Pill shape */
    border: 2px solid transparent; /* Creates padding effect */
    background-clip: content-box; /* Ensures color only applies to scrollbar thumb */
}

.product-directory::-webkit-scrollbar-thumb:hover {
    background-color: rgba(255, 255, 255, 0.8); /* Slightly transparent on hover */
}

/* Firefox */
.product-directory {
    scrollbar-width: thin; /* "auto" or "thin" */
    scrollbar-color: white transparent; /* thumb and track color */
}
.sub-nav {
    background: var(--ideagen-brand-teal-10);
    /* border-top: 1px solid var(--ideagen-brand-teal-05);
    border-bottom: 1px solid var(--ideagen-brand-teal-05); */
}

span#solution-name,
span.solution-name {
    font-weight: 700;
    color: var(--ideagen-color-white);
    font-size: 16px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: normal;
}

div#solution-meta,
div.solution-meta {
    color: white;
    line-height: normal;
    font-weight: 500;
    margin-top: -4px;
    display: block;
    font-size: 13px;
}

span.solution-edition {
    font-weight: 700;
}

img#solution-logo,
img.solution-logo {
    height: 25px;
}

.product-nav {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 24px;
    max-width: 1140px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    min-height: 55px;
}

.product-switch {
    /* background: var(--ideagen-brand-teal-20); */
    padding: 10px 24px;
    display: flex;
    align-items: center;
    gap: 8px;
    position: relative;
    cursor: pointer;
    transition: 0.25s ease-in-out;
    /* margin-left: -24px; */
    background: #007e975c;
    min-height: 55px;
}
.product-switch.open {
    background: var(--ideagen-brand-teal-30) !important;
    transition: .25s ease-in-out;
}
.product-switch:hover {
    background: var(--ideagen-brand-teal-20);
}
.product-directory {
    position: absolute;
    display: none;
    flex-direction: column;
    top: 100%;
    background: var(--ideagen-brand-teal-30);
    left: 0;
    max-height: 400px;
    border-radius: 0 0 12px 12px;
    z-index: 3;
    overflow-y: scroll;
    overflow-x: hidden;
    border-top: 1px solid var(--ideagen-brand-teal-10);
    box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.15);
    width: 100%;
    min-width: fit-content;
}

a.product-directory-item {
    display: flex;
    align-items: center;
    flex-direction: row;
    gap: 8px;
    padding: 12px 24px;
}
a.product-directory-item:hover {
    background: var(--ideagen-brand-teal-20);
}
.content-switch-pill {
    font-weight: 700;
    padding: 8px 16px;
    font-size: 14.5px;
    color: var(--ideagen-color-white);
    transition: 0.2s ease-in-out;
    border: 0;
    cursor: pointer;
    /* border-bottom: 4px solid var(--ideagen-brand-teal-20); */
    display: flex;
    align-items: center;
    gap: 8px;
    justify-content: center;
    line-height: normal;
    background: #007e975c;
    border-radius: 8px;
    position: relative;
}

.content-switch-pill.active {
    /* border-bottom: 4px solid var(--ideagen-color-white); */
    background: var(--ideagen-brand-teal-30);
}

.switch-content {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
    position: relative;
    justify-content: flex-start;
    gap: 12px;
}

.content-switch-pill:hover {
    background: var(--ideagen-brand-teal-20);
    color: var(--ideagen-color-white);
}

.content-switch-pill:focus,
.content-switch-pill:active {
    background: var(--ideagen-brand-teal-30);
    color: var(--ideagen-color-white);
}

/* .content-switch-pill#community:before {
    content: "";
    display: inline-block;
    width: 27px;
    height: 16px;
    mask-image: url('data:image/svg+xml,<svg  viewBox="0 0 24 14" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_596_40602)"><path d="M9.87137 6.3C10.4636 6.7368 11.1972 7 11.9915 7C12.7859 7 13.5194 6.7368 14.1117 6.3C14.9682 5.6616 15.5251 4.6466 15.5251 3.5C15.5251 1.5666 13.9435 0 11.9915 0C10.0396 0 8.45795 1.5666 8.45795 3.5C8.45795 4.6466 9.01484 5.6616 9.87137 6.3ZM11.9915 1.526C13.0926 1.526 13.9844 2.4094 13.9844 3.5C13.9844 4.5906 13.0926 5.474 11.9915 5.474C10.8905 5.474 9.99858 4.5906 9.99858 3.5C9.99858 2.4094 10.8905 1.526 11.9915 1.526Z" fill="white"/><path d="M14.2361 11.1972C14.2361 10.3712 14.5484 9.61937 15.0629 9.04817C15.1986 8.89697 15.3513 8.75977 15.5138 8.63657C15.2693 8.55117 15.0149 8.48817 14.752 8.44897C14.7251 8.44477 14.694 8.44057 14.6686 8.43637C14.4877 8.41397 14.3025 8.40137 14.1159 8.40137H9.87564C9.69048 8.40137 9.50532 8.41397 9.32299 8.43637C9.24808 8.44477 9.17317 8.45877 9.09825 8.47137C8.88483 8.51057 8.67705 8.56657 8.47635 8.63657C8.6403 8.75977 8.79295 8.89697 8.93006 9.04957H8.93712C9.45302 9.62077 9.76398 10.3726 9.76398 11.1986C9.76398 11.7936 9.27917 12.2738 8.67847 12.2738H5.65232C5.64384 12.3816 5.63818 12.4922 5.63818 12.6028C5.63818 13.377 6.26999 14.0028 7.05161 14.0028H16.9456C17.7272 14.0028 18.359 13.377 18.359 12.6028C18.359 12.4922 18.3534 12.383 18.3449 12.2738H15.3187C14.718 12.2738 14.2332 11.7936 14.2332 11.1986L14.2361 11.1972Z" fill="white"/><path d="M3.24805 6.36197C3.70176 6.69797 4.26572 6.89957 4.8749 6.89957C5.48409 6.89957 6.04805 6.69797 6.50176 6.36197C7.159 5.87197 7.58727 5.09217 7.58727 4.21297C7.58727 2.72897 6.37314 1.52637 4.8749 1.52637C3.37667 1.52637 2.16254 2.72897 2.16254 4.21297C2.16254 5.09217 2.58939 5.87197 3.24805 6.36197Z" fill="white"/><path d="M8.47633 8.63541C8.05088 8.31341 7.54488 8.09361 6.99364 8.01101C6.97385 8.00821 6.94982 8.00401 6.92862 8.00121C6.79011 7.98441 6.64735 7.97461 6.50459 7.97461H3.24947C3.10671 7.97461 2.96537 7.98441 2.82544 8.00121C2.76749 8.00821 2.70954 8.01801 2.653 8.02781C1.93074 8.15941 1.29329 8.52761 0.825442 9.04841C0.312368 9.61821 0 10.3714 0 11.1974C0 11.791 0.484806 12.2712 1.08551 12.2712H5.65371C5.72721 11.3248 6.1159 10.4666 6.71802 9.80021C7.18869 9.27661 7.79223 8.87201 8.47633 8.63541Z" fill="white"/><path d="M17.4841 6.36197C17.9378 6.69797 18.5017 6.89957 19.1109 6.89957C19.7201 6.89957 20.2841 6.69797 20.7378 6.36197C21.395 5.87197 21.8233 5.09217 21.8233 4.21297C21.8233 2.72897 20.6092 1.52637 19.1109 1.52637C17.6127 1.52637 16.3986 2.72897 16.3986 4.21297C16.3986 5.09217 16.8254 5.87197 17.4841 6.36197Z" fill="white"/><path d="M23.1732 9.04841H23.1661C22.6714 8.50101 21.993 8.12441 21.2297 8.01101C21.2099 8.00821 21.1859 8.00401 21.1647 8.00121C21.0262 7.98441 20.8834 7.97461 20.7407 7.97461H17.4855C17.3428 7.97461 17.2014 7.98441 17.0615 8.00121C17.0036 8.00821 16.9456 8.01801 16.8891 8.02781C16.3774 8.12021 15.9096 8.33581 15.5124 8.63681C16.1937 8.87341 16.7972 9.27661 17.2721 9.80021H17.2806C17.8827 10.468 18.2714 11.3248 18.3449 12.2712H22.9131C23.5138 12.2712 23.9986 11.791 23.9986 11.196C23.9986 10.37 23.6862 9.61821 23.1718 9.04701L23.1732 9.04841Z" fill="white"/></g><defs><clipPath id="clip0_596_40602"><rect width="24" height="14" fill="white"/></clipPath></defs></svg>');
    background-size: contain;
    background-repeat: no-repeat;
    background-color: currentColor;
}

.content-switch-pill#help:before {
    content: "";
    display: inline-block;
    width: 19px;
    height: 17px;
    mask-image: url('data:image/svg+xml,<svg viewBox="0 0 16 14" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_596_40613)"><path d="M5.0086 7.0378L3.36779 8.2362V7.0378H2.06894C1.59049 7.0378 1.19969 6.6584 1.19969 6.1908V1.9684C1.19969 1.5022 1.58906 1.1214 2.06894 1.1214H8.57038C9.04883 1.1214 9.43963 1.5008 9.43963 1.9684V5.5538H10.5919V1.9684C10.5919 0.8834 9.68532 0 8.57038 0H2.07038C0.955437 0 0.0488281 0.8834 0.0488281 1.9684V6.1908C0.0488281 7.2758 0.955437 8.1592 2.06894 8.1592H2.21549V8.6534C2.21549 9.0048 2.41521 9.3184 2.73561 9.471C2.86923 9.534 3.01147 9.5662 3.15228 9.5662C3.35055 9.5662 3.54739 9.5046 3.71406 9.3828L5.39078 8.1578H6.60774V7.035H5.00716L5.0086 7.0378Z" fill="white"/><path d="M5.2227 1.9248C4.57614 1.9248 3.99425 2.2328 3.75287 2.8376L4.37931 3.1834C4.50574 2.8194 4.80316 2.6164 5.20258 2.6164C5.60201 2.6164 5.88074 2.7956 5.88074 3.1526C5.88074 3.8246 4.7658 4.0598 4.7658 4.967H5.49425C5.49425 4.3006 6.60775 4.0472 6.60775 3.1106C6.60775 2.3336 5.92385 1.9262 5.22126 1.9262L5.2227 1.9248Z" fill="white"/><path d="M5.13506 5.47266C4.86926 5.47266 4.65948 5.67706 4.65948 5.93606C4.65948 6.19506 4.86926 6.39806 5.13506 6.39806C5.40086 6.39806 5.6092 6.18806 5.6092 5.93606C5.6092 5.68406 5.39368 5.47266 5.13506 5.47266Z" fill="white"/><path d="M6.60919 6.96211V7.03771H8.5704C9.04885 7.03771 9.43965 6.65831 9.43965 6.19071V5.55371H8.05459C7.25718 5.55371 6.61063 6.18511 6.61063 6.96071L6.60919 6.96211Z" fill="white"/><path d="M14.5546 5.55371H10.5905V6.19071C10.5905 7.27571 9.6839 8.15911 8.5704 8.15911H6.60919V11.1831C6.60919 11.9601 7.25718 12.5901 8.05316 12.5901H11.4238L13.2543 13.9271C13.3621 14.0069 13.5101 14.0195 13.6336 13.9607C13.7572 13.9019 13.8319 13.7801 13.8319 13.6457V12.5901H14.5546C15.352 12.5901 15.9986 11.9587 15.9986 11.1831V6.96071C15.9986 6.18371 15.3506 5.55371 14.5546 5.55371ZM9.12643 9.77751C8.75718 9.77751 8.45833 9.48631 8.45833 9.12651C8.45833 8.76671 8.75718 8.47551 9.12643 8.47551C9.49569 8.47551 9.79454 8.76671 9.79454 9.12651C9.79454 9.48631 9.49569 9.77751 9.12643 9.77751ZM11.3046 9.77751C10.9353 9.77751 10.6365 9.48631 10.6365 9.12651C10.6365 8.76671 10.9353 8.47551 11.3046 8.47551C11.6738 8.47551 11.9727 8.76671 11.9727 9.12651C11.9727 9.48631 11.6738 9.77751 11.3046 9.77751ZM13.4828 9.77751C13.1135 9.77751 12.8147 9.48631 12.8147 9.12651C12.8147 8.76671 13.1135 8.47551 13.4828 8.47551C13.852 8.47551 14.1509 8.76671 14.1509 9.12651C14.1509 9.48631 13.852 9.77751 13.4828 9.77751Z" fill="white"/></g><defs><clipPath id="clip0_596_40613"><rect width="16" height="14" fill="white"/></clipPath></defs></svg>');
    background-size: contain;
    background-repeat: no-repeat;
    background-color: currentColor;
}

.content-switch-pill#skills:before {
    content: "";
    display: inline-block;
    width: 18px;
    height: 16px;
    mask-image: url('data:image/svg+xml,<svg viewBox="0 0 24 22" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_597_40636)"><path d="M12.1983 5.47997L13.6315 5.18737C13.1595 4.88157 12.6013 4.70117 12.0022 4.70117C11.403 4.70117 10.8427 4.88157 10.3729 5.18737L11.8039 5.47997C11.9354 5.50637 12.069 5.50637 12.2004 5.47997H12.1983Z" fill="white"/><path d="M15.0388 7.80327C15.0388 9.51707 13.6789 10.9053 12 10.9053C10.3211 10.9053 8.9612 9.51707 8.9612 7.80327C8.9612 6.70327 9.5237 5.73747 10.3707 5.18747L7.6056 4.62207C6.9806 5.51967 6.61206 6.61747 6.61206 7.80327C6.61206 9.60507 7.4612 11.2001 8.76723 12.2033C9.67025 12.8897 10.7888 13.3033 12 13.3033C13.2112 13.3033 14.3297 12.8897 15.2328 12.2033C16.5388 11.2001 17.3879 9.60507 17.3879 7.80327C17.3879 6.61747 17.0194 5.52187 16.3944 4.62427L13.6293 5.18967C14.4763 5.73967 15.0388 6.70547 15.0388 7.80547V7.80327Z" fill="white"/><path d="M3.24354 3.7202V6.8046L2.5819 10.1772C2.54311 10.3796 2.59483 10.5908 2.71983 10.7492C2.84699 10.9076 3.0388 11.0022 3.24138 11.0022H4.58837C4.79095 11.0022 4.98061 10.912 5.10992 10.7492C5.24138 10.5864 5.29095 10.3796 5.24785 10.1772L4.58621 6.8046V4.0062L7.6013 4.6222C8.57759 3.2186 10.181 2.3034 11.9957 2.3034C13.8103 2.3034 15.416 3.2208 16.3901 4.6244L20.6121 3.762C21.0841 3.663 21.4246 3.2384 21.4246 2.7478C21.4246 2.2572 21.0841 1.8326 20.6121 1.738L12.1983 0.0198C12.0668 -0.0066 11.9332 -0.0066 11.8017 0.0198L3.38147 1.738C2.90949 1.8326 2.56897 2.2572 2.56897 2.7478C2.56897 3.19 2.84268 3.5772 3.24354 3.718V3.7202Z" fill="white"/><path d="M16.8168 14.1154C16.3577 13.957 15.8621 14.133 15.5409 14.5026L12.5065 17.983C12.2371 18.2932 11.7651 18.2932 11.5 17.983L8.4655 14.4982C8.14654 14.1286 7.64869 13.9526 7.18964 14.111H7.18533C4.5043 15.0394 2.57111 17.631 2.57111 20.6824C2.57111 21.4128 3.153 22.0024 3.86421 22.0024H20.1401C20.8556 22.0024 21.4332 21.4084 21.4332 20.6824C21.4332 17.631 19.5 15.0394 16.819 14.1154H16.8168Z" fill="white"/></g><defs><clipPath id="clip0_597_40636"><rect width="24" height="22" fill="white"/></clipPath></defs></svg>');
    background-size: contain;
    background-repeat: no-repeat;
    background-color: currentColor;
}

.content-switch-pill#support:before {
    content: "";
    display: inline-block;
    width: 18px;
    height: 16px;
    mask-image: url('data:image/svg+xml,<svg viewBox="0 0 24 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 15.125H15.7715C18.8944 15.125 21.4289 17.7122 21.4289 20.9C21.4289 21.505 20.9439 22 20.3513 22H3.64869C3.05602 22 2.57111 21.505 2.57111 20.9C2.57111 17.7122 5.10559 15.125 8.22843 15.125H12Z" fill="white"/><path d="M11.3254 10.9999H11.5927C10.1056 10.7975 8.95906 9.50171 8.95906 7.92871C8.95906 6.21491 10.319 4.82671 11.9979 4.82671C13.6767 4.82671 15.0366 6.21491 15.0366 7.92871C15.0366 9.50171 13.8901 10.7975 12.403 10.9999H12.6703C13.416 10.9999 14.0173 11.6137 14.0173 12.3749H15.1638C15.1854 12.3595 15.2091 12.3441 15.2306 12.3287C16.5366 11.3255 17.3858 9.73051 17.3858 7.92871C17.3858 4.89051 14.9741 2.42871 11.9979 2.42871C9.02156 2.42871 6.60992 4.89051 6.60992 7.92871C6.60992 9.73051 7.45906 11.3255 8.7651 12.3287C9.19398 12.6543 9.67027 12.9161 10.1832 13.1031C10.0539 12.8919 9.97846 12.6433 9.97846 12.3749C9.97846 11.6137 10.5798 10.9999 11.3254 10.9999Z" fill="white"/><path d="M12 0C7.53878 0 3.91809 3.696 3.91809 8.25V8.9364C3.91809 9.3148 4.22197 9.6228 4.5905 9.6228C4.95904 9.6228 5.26292 9.3126 5.26292 8.9364V8.25C5.26292 4.4506 8.27585 1.375 11.9978 1.375C15.7198 1.375 18.7327 4.4506 18.7327 8.25V8.9364C18.7327 10.835 17.2263 12.3728 15.3664 12.3728H15.1659C14.2758 13.0306 13.1832 13.4266 12 13.4266C11.3621 13.4266 10.7521 13.31 10.1853 13.101C10.4224 13.4882 10.8448 13.7478 11.3276 13.7478H15.3685C17.9741 13.7478 20.084 11.594 20.084 8.9342V8.2478C20.0819 3.696 16.4612 0 12 0Z" fill="white"/></svg>');
    background-size: contain;
    background-repeat: no-repeat;
    background-color: currentColor;
} */

.product-switch i {
    margin-right: -10px;
    color: var(--ideagen-color-white);
}

.product-switch i.rotate {
    transform: rotate(-180deg);
}

.mobile-pills-container {
    position: absolute;
    z-index: 1100;
    top: 100%;
    background: var(--ideagen-brand-teal-30);
    left: 0;
    border-radius: 12px;
    border-top: 1px solid var(--ideagen-brand-teal-10);
    box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.15);
    width: 100%;
    min-width: fit-content;
}

.mobile-pills-container .content-switch-pill {
    justify-content: flex-start;
    width: 100%;
}

.mobile-pills-container .content-switch-pill:last-child {
    border-radius: 0 0 12px 12px;
}

.content-switch-pill.active:after {
    display: none;
    align-items: center;
    height: 0;
    margin-right: -10px;
    content: url('data:image/svg+xml,<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.29289 9.3062C7.65338 8.94571 8.22061 8.91799 8.6129 9.22301L8.70711 9.3062L12 12.5983L15.2929 9.3062C15.6534 8.94571 16.2206 8.91799 16.6129 9.22301L16.7071 9.3062C17.0676 9.66668 17.0953 10.2339 16.7903 10.6262L16.7071 10.7204L12.7071 14.7204C12.3466 15.0809 11.7794 15.1086 11.3871 14.8036L11.2929 14.7204L7.29289 10.7204C6.90237 10.3299 6.90237 9.69672 7.29289 9.3062Z" fill="white"></path></svg>');
    line-height: 0;
}

.content-switch-pill.active.open:after {
    transform: rotate(180deg);
}

.content-switch-pill.active.open {
    background: var(--ideagen-brand-teal-30);
}

@media (max-width: 1140px) {
    .content-switch-pill.active:after {
        display: flex;
    }
    .content-switch-pill {
        border-bottom: 0;
        padding: 12px 16px;
    }
    .content-switch-pill.active {
        border-bottom: 0;
        background: var(--ideagen-brand-teal-20);
    }
    .switch-content {
        width: auto;
        justify-content: flex-start;
    }
    .product-nav {
        padding: 0 42px;
    }
    span.tooltip {
        display: none;
    }
}

@media (max-width: 767px) {
    span#solution-name {
        max-width: 120px;
    }
    .mobile-pills-container {
        right: 0;
        left: unset;
    }
    .product-nav {
        padding: 0;
        gap: 8px;
        min-width: 0;
    }
    .product-switch {
        min-width: 0;
        flex-shrink: 1;
    }
    .product-directory {
        min-width: 100%;
    }
    div#metaContainer {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        color: white;
        flex: 1;
    }
    .product-directory a div {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        color: white;
    }
    .switch-content {
        width: fit-content;
        justify-content: center;
        flex-shrink: 0;
        margin-right: 8px;
    }     
}

@media (max-width: 390px) {
    span#solution-name {
        max-width: 50px;
    }
}

.hv-up {
    transform: translateY(0);
    transition: 0.3s ease;
}
.hv-up:hover {
    transform: translateY(-0.125rem);
}

.col.fw {
    margin: 0 10px;
}
/* Suggested page */

.switch-tabs {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.tab-switch-pill {
    background: var(--ideagen-color-neutral-10);
    font-weight: 700;
    padding: 4px 8px;
    border-radius: 25px;
    font-size: 13px;
    color: var(--ideagen-color-neutral-90);
    line-height: normal;
    transition: 0.2s ease-in-out;
    border: 0;
    cursor: pointer;
}

.tab-switch-pill:hover {
    background: var(--ideagen-color-neutral-20);
    color: var(--ideagen-color-neutral-90);
}

.tab-switch-pill.active {
    background: var(--ideagen-color-teal-10);
    color: var(--ideagen-color-teal-90);
}

/* Skill entry */
.skills-widget {
    padding: 20px 26px 26px;
    border-radius: 12px;
    margin: 0 10px 24px 10px;
    border: 1px solid rgba(233, 233, 233, 1);
    box-shadow: 0px 2px 30px 0px rgba(0, 0, 0, 0.05);
}

.skill-entry {
    padding: 12px 14px;
    transition: 0.2s;
    min-width: 234px;
    margin-right: 24px;
    border: 1px solid rgba(221, 224, 227, 1);
    border-radius: 12px;
    transition: 0.3s ease-in-out;
}

.skill-entry:hover {
    box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.1);
}

/* Remove margin-right from the last item */
.skill-entry:last-child {
    margin-right: 0;
}

.slick-initialized .slick-slide {
    margin-right: 24px;
}

.slick-initialized .slick-slide:last-child {
    margin-right: 0;
}

.skills-carousel .slick-track {
    gap: 0 !important;
    padding: 2px;
}

.avatar-wrapper {
    width: 100%;
    border: 1px solid var(--ideagen-color-neutral-10);
    border-radius: 12px;
    height: 107px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.skill-entry img.skill-avatar {
    width: 100%;
    transition: 0.3s ease-in-out;
}

.skill-entry:hover img.skill-avatar {
    transform: scale(1.03);
}

.skill-entry h3 {
    line-height: 1.2;
    height: 2.4em;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    margin: 14px 0;
    font-size: 16px;
}

.skill-entry:hover h3 {
    color: var(--ideagen-color-teal-90);
}

span.skill-time {
    background: var(--ideagen-color-yellow-10);
    color: var(--ideagen-color-yellow-90);
    font-weight: 600;
    font-size: 13px;
    border-radius: 24px;
    padding: 4px 6px;
    line-height: 13px;
    display: block;
    width: fit-content;
    margin: 23px 0 0;
}

p.skill-description {
    line-height: 1.4;
    height: 2.6em;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    margin: 10px 0;
    color: var(--ideagen-color-neutral-70);
}

/* Skills container */
.skills-carousel {
    position: relative;
    overflow: hidden;
    margin: -24px;
    padding-right: 26px;
}

/* Ensure the slick list doesn't overflow */
.skills-carousel .slick-list {
    overflow: hidden; /* Hide overflow to prevent horizontal scroll */
}

/* Slick track */
.skills-carousel .slick-track {
    gap: 0 !important;
    padding: 24px;
}

/* Slick arrows */
.slick-prev,
.slick-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    color: white;
    border: none;
    padding: 10px;
    cursor: pointer;
    border-radius: 50%;
    font-size: 18px;
    z-index: 3;
    transition: 0.3s ease;
}

.slick-next {
    right: 4px;
}

.slick-prev {
    left: 10px;
}

.slick-next:before {
    content: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M9.29289 16.7071C8.93241 16.3466 8.90468 15.7794 9.2097 15.3871L9.29289 15.2929L12.585 12L9.29289 8.70711C8.93241 8.34662 8.90468 7.77939 9.2097 7.3871L9.29289 7.29289C9.65338 6.93241 10.2206 6.90468 10.6129 7.2097L10.7071 7.29289L14.7071 11.2929C15.0676 11.6534 15.0953 12.2206 14.7903 12.6129L14.7071 12.7071L10.7071 16.7071C10.3166 17.0976 9.68342 17.0976 9.29289 16.7071Z" fill="%232F4051"/></svg>');
}

.slick-prev:before {
    content: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M14.7071 16.7071C15.0676 16.3466 15.0953 15.7794 14.7903 15.3871L14.7071 15.2929L11.415 12L14.7071 8.70711C15.0676 8.34662 15.0953 7.77939 14.7903 7.3871L14.7071 7.29289C14.3466 6.93241 13.7794 6.90468 13.3871 7.2097L13.2929 7.29289L9.29289 11.2929C8.93241 11.6534 8.90468 12.2206 9.2097 12.6129L9.29289 12.7071L13.2929 16.7071C13.6834 17.0976 14.3166 17.0976 14.7071 16.7071Z" fill="%232F4051"/></svg>');
    margin-left: -2px;
}

.slick-prev,
.slick-next {
    background-color: #f4f3f3;
    width: 42px;
    height: 42px;
    font-size: 0;
}

.slick-prev:before,
.slick-next:before {
    opacity: 1;
    display: block;
    height: 24px;
    width: 24px;
}

.slick-prev:hover,
.slick-next:hover {
    background-color: var(--ideagen-color-neutral-10);
}

.slick-prev:focus,
.slick-next:focus {
    background: #f4f3f3;
}

/* Hide arrows if there are 4 or fewer items */
.skills-carousel:not(.has-many-items) .slick-arrow {
    display: none;
}

.skills-carousel::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0px;
    width: 100px;
    height: 100%;
    background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 20%, rgba(255, 255, 255, 0) 100%);
    pointer-events: none;
    z-index: 1;
    opacity: 0;
    transition: opacity 0.3s ease;
}

/* White fade overlay for the right side */
.skills-carousel::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 30px; /* Width of the fade */
    height: 100%;
    background: linear-gradient(to left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
    pointer-events: none; /* Ensure clicks pass through to the carousel */
    z-index: 1; /* Place the fade above the carousel items */
    opacity: 0; /* Initially hidden */
    transition: opacity 0.3s ease; /* Smooth transition */
}

/* Show the fade when the .slick-next arrow is visible */
.skills-carousel.show-right-fade::after {
    opacity: 1;
}

/* Show the fade when the .slick-prev arrow is visible */
.skills-carousel.show-left-fade::before {
    opacity: 1;
}

.tooltip-container.widget p.tooltip {
    visibility: hidden;
    position: absolute;
    top: calc(100% + 10px);
    left: 50%;
    max-width: 260px;
    line-height: normal;
    color: var(--ideagen-color-white) !important;
    background: var(--ideagen-color-neutral-90);
    padding: 8px;
    border-radius: 8px;
    z-index: 5;
    transform: translateX(-50%) translateY(-0.2em);
    margin: 0;
    opacity: 0;
    width: max-content;
    transition: opacity 0.2s ease-in-out 0.2s, transform 0.2s ease-in-out 0.2s, visibility 0s linear 0.4s;
}

.tooltip-container.widget p.tooltip:after {
    content: "";
    background: var(--ideagen-color-neutral-90);
    width: 10px;
    height: 10px;
    display: block;
    position: absolute;
    left: 50%;
    top: -5px;
    transform: translateX(-50%) rotate(45deg);
}

.tooltip-container.widget .information:hover + .tooltip {
    visibility: visible;
    opacity: 1;
    transition: opacity 0.2s ease-in-out 0.2s, transform 0.2s ease-in-out 0.2s, visibility 0s linear;
    transform: translateX(-50%) translateY(0em);
}


/* Feedback form */
.feedback-form {
    display:none;
}

#luminateFeedbackForm #feedbackType {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: row;
    gap: 8px;
    flex-wrap: wrap;
}

#luminateFeedbackForm {
    display: flex;
    flex-direction: column;
    gap: 24px;
    margin-top: 24px;
    padding: 0;
}

#luminateFeedbackForm button#submitBtn {
    width: fit-content;
}

#luminateFeedbackForm input[type="radio"] {
    display: none;
}

#luminateFeedbackForm input[type="radio"] + label {
    border: 2px solid rgba(221, 224, 227, 1);
    border-radius: 8px;
    padding: 6px;
    text-align: center;
    line-height: normal;
    font-weight: 600;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 4px;
    transition: 0.2s ease-in-out;
    flex: 1;
    white-space: pre;
    margin-bottom: 0;
    cursor: pointer;
}

#luminateFeedbackForm input[type="radio"] + label:hover {
    box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.1);
}

#luminateFeedbackForm input[type="radio"]:checked + label {
    background: var(--ideagen-color-teal-05);
    color: var(--ideagen-brand-teal-20);
    border: 2px solid var(--ideagen-brand-teal-20);
}

#luminateFeedbackForm input[type="email"],
#luminateFeedbackForm input[type="text"] {
    height: 45px;
    border: 2px solid var(--ideagen-color-neutral-10);
    border-radius: 8px;
    padding: 12px 8px;
    font-weight: 500;
    color: var(--ideagen-color-neutral-90);
    line-height: normal;
    width: 100%;
    transition: 0.2s ease-in-out;
}

#luminateFeedbackForm input[type="email"]:hover,
#luminateFeedbackForm input[type="text"]:hover {
    border: 2px solid var(--ideagen-brand-teal-05);
}

#luminateFeedbackForm input[type="email"]:focus,
#luminateFeedbackForm input[type="text"]:focus {
    border: 2px solid var(--ideagen-brand-teal-10);
}

#luminateFeedbackForm label[for="consent"] a {
    font-weight: 700;
    color: var(--ideagen-brand-teal-10);
}

#luminateFeedbackForm h3 {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 0;
    margin-top: 0;
}

#luminateFeedbackForm p.fieldDescription {
    color: var(--ideagen-color-neutral-60);
    margin-bottom: 8px;
    line-height: normal;
}

#luminateFeedbackForm span.optional {
    font-size: 14.5px;
    color: var(--ideagen-color-neutral-60);
    font-weight: 500;
}

#luminateFeedbackForm select {
    border: 2px solid rgba(221, 224, 227, 1);
    font-family: "Gilroy";
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.29289 9.29289C7.65338 8.93241 8.22061 8.90468 8.6129 9.2097L8.70711 9.29289L12 12.585L15.2929 9.29289C15.6534 8.93241 16.2206 8.90468 16.6129 9.2097L16.7071 9.29289C17.0676 9.65338 17.0953 10.2206 16.7903 10.6129L16.7071 10.7071L12.7071 14.7071C12.3466 15.0676 11.7794 15.0953 11.3871 14.7903L11.2929 14.7071L7.29289 10.7071C6.90237 10.3166 6.90237 9.68342 7.29289 9.29289Z" fill="%232F4051"/></svg>');
    background-position: right 4px center;
    border-radius: 8px;
    padding: 12px 30px 12px 8px;
    outline: none;
    color: var(--ideagen-color-neutral-90);
    width: 100%;
    background-repeat: no-repeat;
    transition: 0.2s;
}

#luminateFeedbackForm select:hover {
    border: 2px solid var(--ideagen-brand-teal-05);
}

#luminateFeedbackForm textarea {
    border: 2px solid rgba(221, 224, 227, 1);
    border-radius: 8px;
    resize: vertical;
    width: 100%;
    outline: none;
    padding: 12px;
    font-family: "Gilroy";
    font-size: 14.5px;
    color: var(--ideagen-color-neutral-90);
    transition: 0.2s;
}

#luminateFeedbackForm textarea:hover {
    border: 2px solid var(--ideagen-brand-teal-05);
}

#luminateFeedbackForm textarea:focus {
    border: 2px solid var(--ideagen-brand-teal-10);
}

#luminateFeedbackForm .file-label {
    display: flex;
    align-items: center;
    gap: 12px;
}

#luminateFeedbackForm .formCheckbox {
    display: flex;
    align-items: flex-start;
    gap: 8px;
}

#luminateFeedbackForm input[type="checkbox"] {
    appearance: none;
    border: 2px solid var(--ideagen-color-neutral-20);
    border-radius: 2px;
    cursor: pointer;
    vertical-align: middle;
    width: 18px !important;
    height: 18px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.1s ease-in;
}

#luminateFeedbackForm input[type="checkbox"]:hover {
    border: 2px solid var(--ideagen-brand-teal-05);
}

#luminateFeedbackForm input[type="checkbox"]:checked {
    background: var(--ideagen-brand-teal-10);
    border: 2px solid var(--ideagen-brand-teal-10);
}

#luminateFeedbackForm input[type="checkbox"]:checked:after {
    content: "";
    font-family: "Ideagen";
    color: #fff;
    font-size: 18px;
    text-align: center;
}

#luminateFeedbackForm label[for="consent"] {
    flex: 1;
    line-height: normal;
    font-weight: 500;
}

.feedbackSuccess {
    padding: 24px;
    height: calc(100% - 71.5px);
    overflow-y: auto;
    display: none;
    text-align: center;
    max-width: 450px;
    margin-left: auto;
    margin-right: auto;
}

.feedbackSuccess img {
    width: 220px;
}

.feedbackSuccess h3 {
    margin-bottom: 0;
}

.feedbackSuccess p {
    margin: 8px 0;
    color: var(--ideagen-color-neutral-70);
}

#luminateFeedbackForm .input-error {
    border-color: var(--ideagen-color-red-50) !important;
}

#luminateFeedbackForm .file-name {
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 200px;
    font-weight: 500;
}

div#responseMessage {
    background: no-repeat 14px 11px var(--ideagen-color-red-05)
        url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.2737 7C11.5706 7 11 7.57061 11 8.27368V12.0947C11 12.7991 11.5706 13.3684 12.2737 13.3684C12.9768 13.3684 13.5474 12.7991 13.5474 12.0947V8.27368C13.5474 7.57061 12.9768 7 12.2737 7Z' fill='%237c0008'/%3E%3Cpath d='M13.5474 15.9158C13.5474 16.6201 12.9768 17.1895 12.2737 17.1895C11.5706 17.1895 11 16.6201 11 15.9158C11 15.2114 11.5706 14.6421 12.2737 14.6421C12.9768 14.6421 13.5474 15.2114 13.5474 15.9158Z' fill='%237c0008'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2ZM4 12C4 7.58172 7.58172 4 12 4C16.4183 4 20 7.58172 20 12C20 16.4183 16.4183 20 12 20C7.58172 20 4 16.4183 4 12Z' fill='%237c0008'/%3E%3C/svg%3E%0A") !important;
    color: var(--ideagen-color-neutral-90);
    font-style: normal;
    margin: 0 !important;
    border-radius: 12px;
    padding: 14px 14px 14px 48px !important;
    line-height: normal;
    display: none;
}

@keyframes helix-pulse-no-scale {
    0% {
        box-shadow: 0 0 0 0 rgb(227, 0, 114);
    }

    70% {
        box-shadow: 0 0 0 5px rgba(0, 0, 0, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
        transform: scale(0.99) translateY(-0.7em);
        transform-origin: top;
    }

    100% {
        opacity: 1;
        transition-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
        transition-duration: 500ms;
        transition-property: opacity, transform;
    }
}

@keyframes fadeInModal {
    0% {
        opacity: 0;
        transform: scale(0.99) translateY(-60%) translateX(-50%);
        transform-origin: top;
    }

    100% {
        opacity: 1;
        transition-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
        transition-duration: 500ms;
        transition-property: opacity, transform;
    }
}

@keyframes fadeInCard {
    0% {
        opacity: 0;
        transform: scale(0.99) translateY(-50px);
        transform-origin: top;
    }

    100% {
        opacity: 1;
        transition-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
        transition-duration: 500ms;
        transition-property: opacity, transform;
    }
}

@keyframes slide-right {
    from {
        opacity: 1;
        transform: translate(-100%, 0);
    }

    to {
        transform: translate(0%, 0);
    }
}

@keyframes slide-left {
    0% {
        transform: translate(0%, 0);
    }

    100% {
        transform: translate(-100%, 0);
    }
}

@keyframes fadeInBlur {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}