body {
    padding: 0;
    margin: 0;
    color-scheme: light !important;
    background: #ffffff !important;
}

.uDVvtRrSdMJDk0gaPGdy {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.hgfLiGhvdk04DKK2qofT {
    background: #000;
    width: 100%;
    text-align: center;
    padding: 0.625rem 0;
}

.ub7pKKYPVa2Z44LNibwU {
    margin: 1rem;
}

.CJC7U3lJeskiYBCcsvUq {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.N70WMu69URbZVIjtfftC {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    width: 100%;
    max-width: 40rem;
    margin: 1rem;
}

.tEFx0RDmcY8j2D85JM_r {
    display: flex;
    flex-direction: column;
    align-content: flex-start;
    justify-content: center;
    gap: 1rem;
    align-items: flex-start;
}

.wuHx4PlcbZ360ucj_ezf {
    display: flex;
    background: var(--gray-50);
    border-bottom: 1px solid var(--gray-700) !important;
    width: 100%;

    &.yCuPjB75EGdYiBGldQw4 {
        max-height: 112px;
        padding: 3px 12px 4px 16px;

        .Q6q4PtVhahionMuKg9u5::-webkit-scrollbar {
            display: none;
        }
    }
    &.fPHBPrrgOsjadfdwr9K1 {
        max-height: 144px;
        padding: 0.5rem 1rem;
    }

    &.aEczxLPFrUp1xNJ42DqZ {
        max-height: 240px;
        padding: 8px 12px 9px 16px;
        min-height: 40px;
        .Q6q4PtVhahionMuKg9u5 {
            max-height: 240px;
        }
    }

    .Q6q4PtVhahionMuKg9u5 {
        display: flex;
        max-height: 144px;
        width: 100%;
        overflow-y: auto;
        min-height: 24px;

        &::-webkit-scrollbar {
            margin-left: 8px;
            width: 4px;
            background: transparent;
        }
        &::-webkit-scrollbar-thumb {
            height: 28px;
            border-radius: 8px;
            background: var(--gray-400);
        }
        &::-webkit-scrollbar-button {
            display: none;
        }
    }

    &.HCtC1lDzgFHSGwe_aK1Z {
        position: relative;
        &::after {
            content: '';
            position: absolute;
            bottom: 1px;
            left: 0;
            width: 100%;
            height: 2px;
            box-shadow: 0 2px 0 var(--black);
        }
    }

    & .wVpyIwaXRxil5D28uWsc {
        border: 0;
        overflow-y: auto;
        resize: none;
        background: var(--gray-50);
        width: 100%;
        box-sizing: border-box;
        font-family: inherit;
        padding: 0;

        &::-webkit-scrollbar {
            display: none;
        }

        &:focus {
            outline: none;
        }

        &::placeholder {
            color: var(--gray-700);
        }
    }
}

.HGurKRT_wINF_P_dpEG7 {
    padding: 7px 12px 4px 16px;
    /* this is report chat */
}

.cm_hmdlHjmdhhhFZG7QM {
    box-sizing: border-box;
}

.aEczxLPFrUp1xNJ42DqZ {
    box-sizing: border-box;
}

.M3bWtMaMZkMlvyMyM6cM {
    display: flex;
    flex-direction: column;
    gap: 8px;

    & .t5mNENc7s2F8cI7adHq8 {
        display: flex;
        gap: 8px;
        width: 100%;

        & .G2zL0GESuSWt7p6Tk2PA {
            flex: 1;
            position: relative;
        }

        & .vH9YZtI3H1lub5YDkRQI {
            outline: 1px solid var(--black) !important;
            border: none !important;
        }
    }
}

.ocERyXdrKY2C_R3lKMzg,
.vH9YZtI3H1lub5YDkRQI {
    @media (width < 36em) {
        width: fit-content !important;
    }
}

.Ib83F0GFLMBEaQPtw8_d {
    color: var(--gray-600);
    text-align: center;
    a {
        color: inherit;
    }
}

.Q7VEinL9dznCt8dQj1lZ {
    position: absolute;
    background: white;
    width: 100%;

    @media (width < 36em) {
        bottom: 2.5rem;
    }

    & .wdfnZ77e4sYNT3mQC28h {
        padding: 9px 16px;
        box-sizing: border-box;
        border-top: 1px solid transparent;
        border-bottom: 1px solid transparent;

        &:hover {
            cursor: pointer;
            border-top: 1px solid black;
            border-bottom: 1px solid black;
            background: var(--yellow);

            & [data-testid='menuItemContainer'] {
                background: var(--yellow) !important;
            }
        }

        & [data-testid='menuItemContainer'] > div {
            padding: 0 !important;
        }
    }
}

.KIYHB9uB5AC6YAwqcOML {

    :nth-child(2) {
        font-weight: var(--semibold) !important;
    }
}

.wgdONwKaaKVzUY8zMSUc {
    position: absolute;
    top: -56px;

    @media mobile, tablet {
        top: -64px;
    }

    & .EX2k5TWKliMatW0qt_yJ {
        display: flex;
        padding: 7px;
        background: var(--white);
        border: 1px solid var(--gray-300);
        box-shadow: 0px 2px 25px 0px rgba(0, 0, 0, 0.1);
        clip-path: inset(-30px -30px -8px -30px);

        & .JH1On5WC3xlLVCpLZMm1 {
            display: flex;
            gap: 8px;

            & .nbq2b0f0WaF5WBjgGHzC {
                display: flex;
            }
        }

        & button {
            outline: none !important;
        }

        & .borderButton {
            border: 1px solid var(--gray-300);
        }
    }
}

.Ec7iuVbLpyk9kGPawORE {
    display: flex;

    & .A3iYtwioc4WnTxDCTi8z {
        padding: 0 8px;
    }
}

.n8g6vwotEwOEn9Icibir {
    flex: 1;
    overflow-y: auto;
    overflow-x: hidden;

    &.IsKZ9K31QhOlobyPLggW {
        &::-webkit-scrollbar {
            background: var(--gray-50) !important;
        }
    }

    &::-webkit-scrollbar {
        background: transparent;
        width: var(--scrollbar-width);
        height: 1rem;
    }
    &::-webkit-scrollbar-thumb {
        border-radius: 8px;
        background: var(--gray-400);
        border: 1px solid var(--gray-50);
        background-clip: padding-box;
    }
    &::-webkit-scrollbar-button {
        display: none;
    }

    @media (width < 36em), (36em <= width < 48em), (48em <= width < 64em) {
        &.IsKZ9K31QhOlobyPLggW {
            overflow-y: hidden;
        }
    }

    & .aaMOnikRbe1YbK1IOSsp {
        display: flex;
        height: 100%;
    }

    & .yEpl6wIE9wG_LfE00vwD {
        display: flex;

        &.VxWwOuybIW3ZKxbtIApk {
            min-height: 100%;
        }
    }
}

._CTR26goi0b5n465PMmq {
    display: flex;
    justify-content: center;
    padding-left: 2.5rem;
    padding-right: calc(2.5rem + var(--scrollbar-width));
    box-sizing: border-box;
    z-index: 1;
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    transition: width 300ms cubic-bezier(0.4, 0, 0.2, 1);

    @media (width < 36em) {
        padding: 0 1rem;
    }

    @media (64em <= width < 80em), (width >= 80em) {
        &.IsKZ9K31QhOlobyPLggW {
            width: calc(100% - var(--expanded-right-sidebar));
        }
    }

    & .JtOa7BMK7rIUQCtEvSwY {
        position: absolute;
        top: -40px;
    }

    & .bY4BN_MZNhyLzHO7TABK {
        position: relative;

        & .ELR2Uv9FS5DO48RlHcD0 {
            width: 100%;
            max-width: 768px;
            padding: 16px;
            background: white;
            border: 1px solid var(--gray-300);
            border-bottom: 0;
            box-sizing: border-box;
            box-shadow: 0px 2px 25px 0px rgba(0, 0, 0, 0.1);
        }
    }
}

.bt0BlrGqHXcpPDn6n_R7 {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 1rem;
}

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

.GJwk0e_byI4LSTwXNSpj {
    gap: 2rem;

    .T_zGUW2fipdau7E2em51 {
        display: flex;
        gap: 0.5rem;

        @media (width < 36em) {
            flex-direction: column-reverse;
        }
    }
}

.MeTTckqebOsufdDH2YTi {
    display: flex;
    gap: 0.5rem;

    & .MycwSwCGPk6MOE1liEQ1 {
        height: 32px !important;
        width: 32px !important;

        @media (width < 36em), (36em <= width < 48em) {
            height: 40px !important;
            width: 40px !important;
        }
    }
}

.UH89jB_5rnqblE8Gn4MA {
    display: flex;
}

.Um_fh1T7TxR37CtRqqAw {
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.ciU4G_d3qSsmhHASTltF {
    outline: none !important;
}
.Ga811bmLcqDQnkmy4Zwb {
    width: 100%;
    display: flex;
    flex-direction: column;

    & .R3RzvMFKsRL4BPJ8DSCT {
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
        align-items: end;
        padding-top: 1rem;
        gap: 1rem;

        @media (width < 36em) {
            padding-bottom: 1rem;

            & .fXmunn5Y5QK9FjAnrtOW {
                width: calc(50% - var(--size-16));
            }

            & .J22ufMHbh2f7yIjmRzZw {
                width: calc(50%);
            }
        }
    }
}

.LA8U4DpZ4oEKSlu7hn22 {
    font-weight: var(--semibold) !important;
    display: flex;
    gap: 8px;
    align-items: center;
}

@keyframes MF70MpA9qck5UGiCt0wN {
    0% {
        background-color: rgba(59, 185, 130, 0.1);
    }
    100% {
        background-color: rgba(74, 36, 214, 0.1);
    }
}

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

.YpYDK6DrpGKtqDpRnNVG {
    flex: 1;
    padding: 32px 40px;
    max-width: 768px;
    margin: 0 auto;
    box-sizing: content-box !important;
    position: relative;

    @media (width < 36em) {
        padding: 32px 16px;
    }

    &::before {
        content: '';
        position: absolute;
        bottom: 0;
        height: 1px;
        background: var(--gray-300);
        left: 40px;
        right: 40px;
        max-width: 768px;
        z-index: 1;

        @media (width < 36em) {
            left: 16px;
            right: 16px;
        }
    }

    &.lgizUEKM7Y6Q_806C4ga {
        &::before {
            width: 100vw;
            max-width: 100vw;
        }
    }

    & .NqtnRb4t1_a1RjV3fzLG {
        display: flex;
        flex-direction: column;
        gap: 8px;
        align-items: end;
    }

    & .pz2SV6lfKXhTqwtmj3SI {
        display: flex;
        flex-direction: column;
        gap: 0.5rem;
    }

    & .BHyZvrUTClPQBuUlJiN0 {
        min-height: var(--size-32);
    }
}

.oHJGsm22EM6FQUfv0YQm {
    padding: 12px 16px;
    background: #f0f9f4;
    width: fit-content;
    border-radius: 8px;
    overflow: hidden;
    box-sizing: border-box;
    max-width: min(calc((100% + 80px) * 70 / 100), 544px);
    white-space: pre-line;

    ._bmGUvg6mqzrIlawLnJX {
        height: 100%;
    }
    .TWBYGDLbxIgffYKeJhIT {
        height: 120px;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 5;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .cVr4SDzqxJ0L0cZ6tmNv {
        background: #f0f9f4;
        width: 100%;
        padding-top: 1rem;
    }
}

.bfYlquXkGa2L3LTJisXZ {
    margin: 0;
    padding: 0;
    font-weight: 600 !important;
    text-decoration: underline;
    &:hover {
        color: var(--forrester-green);
    }
}

.DgxJlWqoArhGM16J61vQ {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    p {
        &:first-child {
            margin-top: 0;
        }
        &:last-child {
            margin-bottom: 0;
        }
    }
}

.DFftTTtJULTl39Pw17Sl {

    img {
        max-width: 100%;
        height: auto;
    }

    ul,
    ol {
        margin: 0.75rem 0;
        padding-left: 1.5rem;
        list-style: revert;
    }

    ol li + li {
        margin-top: 1rem;
    }

    li {
        line-height: 1.5;
    }

    ul + ul,
    ol + ol,
    ul + ol,
    ol + ul {
        margin-top: 0.75rem;
    }

    li > ul,
    li > ol {
        margin-top: 0.375rem;
        margin-bottom: 0.375rem;
    }

    p + ul,
    p + ol,
    ul + p,
    ol + p {
        margin-top: 0.75rem;
    }

    div li + li {
        margin-top: 1rem;
    }

    div div + li {
        margin-top: 0.5rem;
    }
}

.rYOmMiQUXxxbXmsnSq2c {
    opacity: 0;
    display: flex;
    justify-content: flex-end;
    transition: opacity 0.2s ease-in-out;
    pointer-events: none;
}

.NqtnRb4t1_a1RjV3fzLG:hover .rYOmMiQUXxxbXmsnSq2c {
    opacity: 1;
    pointer-events: auto;
}



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

    & .e8rYcZ8XVoV8GiOyJS0S {
        display: flex;
        flex-direction: column;
        gap: 16px;
        background-color: #fff;
        padding: 24px;
        border: 1px solid var(--gray-300);

        & .MuqberUMLJweWNeriGRB {
            background-color: var(--gray-300);
        }

        & .PtbRK3eq7LrQyy3h3sIQ {
            display: flex;
            flex-direction: column;
            gap: 8px;
        }

        & .VSgrU5oRaUOB1szsIiwm {
            display: flex;
            flex-direction: column;
            gap: 16px;
            padding-top: 8px;
        }
    }
}

.IMMBCUXMTYaZTGFr3cGA {
    display: flex;
    gap: 0.75rem;
    background-color: #f7f7f7;
    a {
        text-decoration: none;
    }
    .customTitle {
        font-size: var(--font-size-14) !important;
        letter-spacing: var(--letter-spacing-3) !important;
        line-height: var(--line-height-3) !important;
        font-weight: var(--semibold) !important;
    }
}

.d1QoBPRd27PApT4_zXDo {
    &.Gny6sZC2nTdm7Rh2DAVj {
        &::before {
            content: '';
            opacity: 0;
            width: 0;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            z-index: 2;
            background: rgba(0, 0, 0, 0.5);
            transition: opacity 300ms cubic-bezier(0.4, 0, 0.2, 1);
        }
        &.lvScVIEgAzuuG1RYuz32:not(.ghLE_vi1QB7VG6jcdNuf) {
            &::before {
                opacity: 1;
                width: 100%;
            }
        }
        & .Ksil1rTH4uScTQHGCkRZ {
            position: absolute;
            right: 0;
            z-index: 3;
        }
    }

    & .Ksil1rTH4uScTQHGCkRZ {
        display: flex;
        flex-direction: column;
        gap: 1rem;
        overflow: hidden;
        width: 0;
        height: 100%;
        opacity: 0;
        background: var(--Gray-50, #f7f7f7);
        transition:
            width 300ms cubic-bezier(0.4, 0, 0.2, 1),
            opacity 300ms cubic-bezier(0.4, 0, 0.2, 1);
        padding-bottom: 1.5rem;
        max-height: calc(100vh - 65px);
        position: sticky;
        top: 0;

        &.lvScVIEgAzuuG1RYuz32 {
            opacity: 1;
            width: var(--expanded-right-sidebar);
        }

        & a {
            text-decoration: none;
        }
    }
}

.bVxr7oRZ7WcTLvNdq1Th {
    transition: none !important;
}

.FcnpgdvtjNoCTDqFyCWF {
    display: none !important;
}

[class*='authorCard'] {
    [class*='actionButtons_'] {
        & a {
            width: 100%;
        }
    }
}

.leEz9GLWfSsTOJJu_oFQ {
    display: flex;
    flex-direction: row;
}
.tgZchR28B1mKPa1TLEfy,
.j1KTIYlcnR7EGAIuriCw {
    outline: none !important;
}
.JP2mx_zuLKhyuC78r1gA {
    font-size: 16px;
    letter-spacing: 0.16px;
}

.yyI2XoPEZccZlkY0tvcA {
    font-weight: 700;
}

.Iyw9agKirX00EkP30ILi {
    padding: 8px 16px !important;
}

.Iyw9agKirX00EkP30ILi > section {
    align-items: flex-start !important;
}
.Iyw9agKirX00EkP30ILi svg {
    margin-top: 2px !important;
}

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

    & .QuQ6pI87e9ydpbiH0RGr {
        display: flex;
        flex: 1;
        flex-direction: column;
        gap: 0.725rem;
        max-width: 768px;
        margin: 0 auto;
        box-sizing: content-box;
        position: relative;

        &.LzXQazjcOEyFgKQg6PW_ {
            padding: 32px 40px;
        }

        & .lwPkg3HanDG0OkhLprAK {
            background-position: 110%;
            animation: WPV_opDw5AgZXf2YXHpU 1s infinite linear alternate-reverse;
        }
    }
}

.aBWDGoVuUVM3cHcK1lz4 {
    position: absolute;
}

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

    & > div:first-child {
        font-weight: var(--bold);
    }
}

/* custom property for gradient angle */
@property --gradient-angle {
    syntax: '<angle>';
    initial-value: 90deg;
    inherits: false;
}

@keyframes syKOX0zPsXou21R37Zmg {
    0% {
        --gradient-angle: -70deg;
        background: conic-gradient(
            from var(--gradient-angle),
            #a6e48366,
            #3bb98266,
            #3bb98266,
            #4e14d766,
            #d012a666,
            #d012a666,
            #d9e48366
        );
    }
    100% {
        --gradient-angle: 90deg;
        background: conic-gradient(
            from var(--gradient-angle),
            #a6e48366 0%,
            #3bb98266 10%,
            #3bb98266 40%,
            #4e14d766 50%,
            #d012a666 60%,
            #d012a666 90%,
            #d9e48366 100%
        );
    }
}

.fp2yG9V1ofkY2azfj4m1 {
    padding: 1rem;
    background-color: white;
}

.nHpRkRMIYNdbv8NurMhe {
    box-sizing: border-box;
    position: relative;
    min-width: 100%;

    &::before {
        content: '';
        z-index: -1;
        position: absolute;
        inset: 0px;
        filter: blur(16px);
        background: conic-gradient(
            from var(--gradient-angle),
            #a6e48366,
            #3bb98266,
            #3bb98266,
            #4e14d766,
            #d012a666,
            #d012a666,
            #d9e48366
        );
        border-radius: inherit;
        pointer-events: none;
        animation: syKOX0zPsXou21R37Zmg 1.5s forwards cubic-bezier(0.4, 0, 0.2, 1);
    }
}

.HNRyzi2z0rd_oSnQop2s {
    max-width: calc(100% - 2.5rem);
    text-align: center;
}

.XtQ0jiqNU1ftyKDOeIkL {
    height: 660px;

    @media (width < 36em) {
        height: 100%;
    }

    & .mIxEMXAYkBYubw4bmcHm {
        padding: 0 2.5rem;
        overflow-y: auto;

        @media (width < 36em) {
            padding: 0 1rem;
            height: 100%;
        }

        & .Ujr1wV2yz7NSg52Xebsd {
            display: flex;
            flex-direction: column;
            max-width: 768px;
            gap: 48px;
            margin: 3.5rem auto;

            & .KK5rlAcdoq4nz8y9mlxQ {
                display: flex;
                flex-direction: column;
                gap: 3rem;
                margin: auto;
                overflow-y: auto;
            }

            @media (width < 36em) {
                margin: 0;
                height: 100%;
                justify-content: space-between;
            }
        }

        & ._nvkslaed_gEQNleg7GL {
            display: flex;
            flex-direction: column;
            gap: 0.5rem;
        }

        & .uaQn2OjFNPLkitA98I0P {
            display: flex;
            flex-direction: column;
            justify-self: flex-end;
            gap: 3rem;

            @media (width < 36em) {
                flex-direction: column-reverse;
            }
        }
    }
}

.r_xP0X1RHS6LDM12Hvnd {
    font-weight: var(--bold) !important;
}

.iQfFkdfraslG8pZyKsH7 {
}

.E14ogUKD6sjVje2hQoju {
    display: flex;
    justify-content: center;
    flex-direction: column;
    gap: 16px;

    & .XpTj1UCz_0_tq_ogi3kR {
        display: flex;
        justify-content: flex-start;
        flex-direction: column;
        gap: 4px;
    }

    & .juLClZmsmCX8n3MkaqrB {
        & > div {
            display: flex;
            flex-direction: column-reverse;
            gap: 16px;
        }

        & .Q9pv3sCrN1lcriGV83pQ {
            justify-content: flex-start !important;
            width: fit-content;

            &.uHK0Iqq0Hwyk9IMtxkOO {
                display: none;
            }
        }

        & .Z9l2Oa29LRN0nDtd5C05 {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 16px;

            @media (width < 36em) {
                grid-template-columns: repeat(1, 1fr);
            }
        }
    }
}

.iZbHoANIr_Z0JZZ1kPOa {
    font-weight: var(--bold) !important;
}

.opXm5FwpvWSS4_hdB7Jm {
}

.HU5QaYUFzrSlcZz5GKjp {
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 16px;
    border: 1px solid var(--gray-300);
}

.Ui1UewmRj2U0FlIT_AgL {
    & .nytSsVVIbGRTIIQHYcZD {
        display: flex;
        flex-direction: column;
        gap: 8px;
    }
}

.xhW7EO3GsNcl9AZVg8rz {
    align-items: flex-start;
    justify-content: space-between;
    height: 100%;

    &:hover {
        cursor: pointer;
        color: var(--forrester-green);
        border: 1px solid var(--forrester-green);

        & .nytSsVVIbGRTIIQHYcZD {
            text-decoration-line: underline;
        }
    }

    & .moq5KDdJHrhVUsKGj81C {
        display: flex;
        gap: 8px;
        font-weight: var(--semibold) !important;
        color: var(--black) !important;
    }
}

.xJWd58LPMTAsFbWUilkK {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
}

.fd1nnjfg91IVH4pEKIta {
    display: flex;
    justify-content: center;
    flex-direction: column;
    gap: 24px;
}

.iZMRLHCpdQRgbMhBQVEc {
    display: flex;
    justify-content: center;
    flex-direction: column;
    gap: 0px;
    margin-top: -48px;
}

.ea18diuRCIBEEcrYt8ni {
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    gap: 4px;
}

.HWdEInZNimJsVJ9seHwg {
    font-weight: var(--bold) !important;
}

.aTyNLT0uMFngT5hD8lgg {
}

.MO7tT4EK43roGrTb2ZZA {
    border-radius: calc(var(--size-16) * 62.5);
}

.iYaY1bkffZTIXv5dtoYp {
    position: relative;
    box-sizing: border-box;
    height: 100%;
    width: 65px;
}

.VMJoEeQxyknnPbFjXWxN {
    position: absolute;
    height: 100%;
    border-left: 1px solid var(--Gray-300, #e1e1e1);
    background: var(--Gray-50, #f7f7f7);
    padding: 1rem;
    z-index: 1;
}

@keyframes KcPkFVMhy_ypBbGeDwU8 {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(calc(-250px * 6.51));
    }
}

.IOcEU0tJ_pZ9U928fw2b {
    box-sizing: border-box;
    position: absolute;
    z-index: 100;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    display: flex;
    background-color: rgba(0, 0, 0, 0.5);
    padding: 5%;
    overflow-y: auto;

    @media (width < 36em), (36em <= width < 48em) {
        padding: 0;
        background-color: #808080;
    }

    .F2finNl0VUbTduAG92pv {
        position: relative;
        box-sizing: border-box;
        display: flex;
        z-index: 101;
        margin: auto;
        height: fit-content;
        max-width: 848px;
        box-shadow: 0 4px 50px 0 rgba(0, 0, 0, 0.3);

        @media (width < 36em), (36em <= width < 48em) {
            flex-direction: column;
        }

        @media (36em <= width < 48em) {
            margin: 40px auto;
        }

        @media (width < 36em) {
            margin: 16px;
        }

        .Ak27aRQDNuT0H3AHEL86 {
            box-sizing: border-box;
            background-color: var(--white);
            padding: 2rem;
            max-width: 424px;
            max-height: 100%;

            @media (width < 36em) {
                max-width: 100%;
            }
        }

        .BvsnEyJRFgaGyxDYsOF5 {
            display: flex;
            flex-direction: column;
            max-width: 424px;
            width: 100%;

            @media (width < 36em) {
                max-width: 100%;
            }

            & .Ns6KiUu7Cgs5d3Jgw0VQ {
                display: flex;
                align-items: center;
                justify-content: center;
                box-sizing: border-box;
                min-height: 96px;
                overflow: hidden;
                width: 100%;
                background: #a6e483;
                background: linear-gradient(
                        110deg,
                        rgba(58, 185, 129, 0.65) 0%,
                        rgba(55, 181, 129, 0.65) 6%,
                        rgba(49, 169, 132, 0.65) 13%,
                        rgba(38, 149, 137, 0.65) 18%,
                        rgba(38, 149, 137, 0.65) 24%,
                        rgba(58, 185, 129, 0.65) 33%,
                        rgba(58, 185, 129, 0.65) 38%,
                        rgba(27, 166, 105, 0.75) 44%,
                        rgba(57, 84, 174, 0.75) 57%,
                        rgba(69, 81, 188, 0.75) 65%,
                        rgba(66, 114, 169, 0.65) 70%,
                        rgba(58, 185, 129, 0.65) 76%,
                        rgba(59, 172, 135, 0.65) 84%,
                        rgba(62, 140, 154, 0.65) 88%,
                        rgba(68, 88, 184, 0.65) 94%,
                        rgba(74, 36, 214, 0.65) 98%,
                        rgba(105, 33, 202, 0.65) 100%
                    ),
                    url(33b94308ef8a048d368fd290c8e4669d_noise.svg);

                .WiKcLup_6a6HQOo79kWB {
                    display: flex;
                    height: 100%;
                    gap: 1rem;
                    max-width: 250px;

                    .jELef95cxVCs4OSK_jIv {
                        background: rgba(0, 0, 0, 0.7);
                    }

                    .EmFIzmMu3mmvi8eNy_rx {
                        animation: KcPkFVMhy_ypBbGeDwU8 40s linear infinite;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        gap: 1rem;
                    }
                }
            }

            & .Z7930mJ0AmvhKHkEktw8 {
                box-sizing: border-box;
                display: flex;
                flex-direction: column;
                justify-content: space-between;
                align-items: center;
                height: 100%;
                padding: 2rem;
                background-color: var(--black);
                width: 100%;

                & .Q3kN4h8McRWDTkDyRgB7 {
                    display: flex;
                    flex-direction: column;
                    text-align: left;
                    gap: 0.5rem;
                    color: var(--white);
                }

                @media (width < 36em), (36em <= width < 48em) {
                    gap: 2rem;
                }
            }
        }
    }
}

.uQpckdQ1h4ed_tQ91To2 {
    compose: f2L70z16lboO_4Yb7iEQ;
    font-weight: var(--bold);
    margin: 0 !important;
}

.QxfEt2To1WX2TiB7oj0r {
}

.yzuKvhExBI29VxpsNjxy {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 2rem;
    max-width: 500px;

    .YM9JQTEWnuVGEcScb4vh {
        display: flex;
        flex-direction: column;
        gap: 2rem;

        .EWo4NKyoqw0nF4nSc5Up {
            display: flex;
            flex-direction: column;
            gap: 0.5rem;
        }
    }

    .DForFVRyu9GgVjFkYZAJ {
        width: 174px !important;
        height: 64px !important;
        aspect-ratio: 87/32 !important;
        padding: 21px !important;
    }
}

.qbFKiapOnPMS_g4t2dCN {
    compose: f2L70z16lboO_4Yb7iEQ;
    font-weight: var(--bold);
    margin: 0 !important;
}

.orkwDtvNGhRtkWxmQsD1 {
}

.oPB0JAxdLpj1NP5ACwx4 {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.ucZOSV5vSHgkqUqwwDST {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 2rem;
    max-width: 500px;

    .sLAI1E3F_48xhbolS_xa {
        display: flex;
        flex-direction: column;
        gap: 2rem;

        .OysriYO9457zSl59nk2q {
            display: flex;
            flex-direction: column;
            gap: 0.5rem;
        }
    }

    .Ldm7htsxGWMjOW5DuE2j {
        width: 174px !important;
        height: 64px !important;
        aspect-ratio: 87/32 !important;
        padding: 21px !important;
    }
}

.SwdrU4LBzp4y7tLAStWZ {
    compose: f2L70z16lboO_4Yb7iEQ;
    font-weight: var(--bold);
    margin: 0 !important;
}

.DqRJ3ZVE6MYbApAfBJ2N {
}

.EkFXgC5bg16_1ZPAfNNk {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.Imc51Jcu3cMhEvO6SXUp {
    flex: 1;
    overflow-y: auto;
    overflow-x: hidden;

    @media mobile {
        padding: 2rem 1rem;
    }

    & .n8YtL6IFmWMx7OehBJfm {
        &.MaW9_qAxAMIlGhsUNRAf {
            min-height: 100%;
        }
    }

    &::-webkit-scrollbar {
        display: none;
    }
}
.kCcbyaL87f0jikeICOq4 {
    display: flex;
    justify-content: space-between;
    height: 100%;
}
.Q7p4Tx3X1_qJlqVGJaRy {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 12px 16px;
    background: #f0f9f4;
    width: 60%;
    border-radius: 8px;
    overflow: hidden;
    box-sizing: border-box;

    & .JsgaDgRPYAAwazjI1Z8L {
        background: rgba(59, 185, 130, 0.2);
    }
}

.n8YtL6IFmWMx7OehBJfm {
    flex: 1;
    padding: 32px 40px;
    max-width: 768px;
    margin: 0 auto;
    box-sizing: content-box !important;
    position: relative;

    & ._GoMHIy4zVyp6UIAxkby {
        display: flex;
        flex-direction: column;
        gap: 8px;
        margin-bottom: 1.5rem;
        align-items: end;
    }

    & .vQXLFsVaNMiBtK2Wa66Y {
        display: flex;
        flex-direction: column;
        gap: 0.5rem;
    }
}

.ib1zAvBgwzzeuyu2OQEf {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.Z7fShC70DjN8ecZvCf3R {
    & ul {
        margin: revert;
        padding: revert;
        list-style: revert;
    }
}

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

.K4gPzkc_DjGn4LNYNyFW {
    margin-top: 1rem;
    gap: 1.5rem;
}

.sGzpoSSt51hqyrtS2_T0 {
    margin: 0;
    color: var(--black);
}

.JsgaDgRPYAAwazjI1Z8L {
    background-position: 110%;
    animation: none !important;
}

.Z17aKAyTdqrnWfYHSM8n {
    width: 85%;
    margin: 1rem auto;
}

.RD6v_A2I4OYLrxLzK2Xp {
    display: flex;
    flex: 1;
    overflow-y: auto;
    overflow-x: hidden;
    position: relative;
    width: 100%;
    margin: 0 auto;
}

.gWyvcSTtSZ7Zge1OXGOQ {
    display: flex;
    justify-content: center;
    padding: 0 2.5rem;
    box-sizing: border-box;
    z-index: 1;
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    transition: width 300ms cubic-bezier(0.4, 0, 0.2, 1);

    @media mobile {
        padding: 0 1rem;
    }

    @media desktopFluid, desktopFixed {
        &.mDa6Lc61z42Oy2zNbSGh {
            width: calc(100% - var(--expanded-right-sidebar));
        }
    }

    & .NfH1vpz_Ly40zPBbFxgq {
        position: absolute;
        top: -40px;
    }

    & .YrBHwpMt57ajT1nXFhTA {
        width: 100%;
        max-width: 768px;
        padding: 16px;
        background: white;
        border: 1px solid var(--gray-300);
        border-bottom: 0;
        box-sizing: border-box;
        box-shadow: 0px 2px 25px 0px rgba(0, 0, 0, 0.1);
    }
}

.qdMCn2AKzuIg95Z2Wc2w {
    height: 64px !important;
    width: 174px !important;

    & .BDX_A06dFRaB47pwCgZO {
        height: 64px !important;
        width: 174px !important;
    }

    &.Yp0bAkoA1FUEimuFkvnF {
        @media (width < 36em) {
            height: 64px !important;
            width: 59px !important;

            & .BDX_A06dFRaB47pwCgZO {
                padding: 21px 21px !important;
                width: 16px !important;
                height: 21px !important;
                box-sizing: content-box !important;
                aspect-ratio: 58.58/64 !important;
            }
        }
    }
}

.HbYqibdGYsW4esdEI3Bn {
    display: flex;
    justify-content: space-between;
    background: var(--white);
    padding: 16px;
    gap: 16px;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    z-index: 3;

    @media (width < 36em), (36em <= width < 48em) {
        padding: 12px 16px;
    }

    &.zQW4PaOkyUeZcJ1xdOA3 {
        box-shadow: inset 0 -1px 0 var(--gray-300);
    }

    & .nME42IofY4SUMtraEGMQ {
        display: flex;
        align-items: center;

        & .ouLfZ3ovR7Jv4XAqHKG2 {
            display: inline-flex;
            margin: -16px 0 -16px -16px;
        }
        & .YsCwtzw7D1qSvO63QGht {
            display: flex;
            gap: 16px;
        }
    }

    & .YMMWByDGw0HwZlQvHyvd {
        & .Ts7EFgo5Xl3phwBdReIr,
        & .C3ivduYfT0NDo6hra0jK {
            display: flex;
            gap: 16px;

            & .iD92mOTVq0AhModxe2SV {
                padding: 4px;
                background-color: var(--gray-900);
            }
        }
    }
}

.tzVQD_KzNHyxPPW6URrC {
    background-color: var(--gray-900);
    color: var(--white);
    display: flex;
    flex-direction: column;
    height: 100%;
}

.fmAyBM_gwocu10hlo_1N {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 4.5rem;
    &::-webkit-scrollbar {
        display: none;
    }
}

.iKeLH6sAnRkETstde116 {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 2rem;
}

.o2mC8EBQbGpLyMXfOaVQ {
    display: flex;
    gap: 0.5rem;
    width: 100%;
    padding: 0 8px;

    .bmxmU2d7rpKliLngUOgv {
        background-color: var(--gray-800);
        background-image: linear-gradient(90deg, var(--gray-800), var(--gray-700), var(--gray-800));
    }
}

.vgtaN_6kXTR_D7xyq7hk {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    width: 100%;
}

.AliGVnPNAwSxVRcdCf_q {
    display: flex;
    flex-direction: column;
    :nth-child(2) {
        border-top: none;
    }
}

.VC8XTB50Kf9lYzK2dySd {
    display: flex;
    flex-direction: column;
    background-color: var(--white);
    border: 1px solid var(--gray-500);
    padding: 4px;
    height: 100%;
}

.RWMNmxQvy7YV5ApJCOXd {
    color: var(--gray-500);
    margin-left: 0.5rem;
}

@keyframes KhwkVcklQvPpM0JWDMi6 {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.ez4EvzSE5QLkeJdGQpKt {
    animation: KhwkVcklQvPpM0JWDMi6 300ms cubic-bezier(0.4, 0, 0.2, 1);
    & div:nth-child(2) span {
        max-height: 63px;
        display: -webkit-box;
        width: calc(190px - 32px) !important;
        text-overflow: ellipsis;
        -webkit-line-clamp: 3 !important;
        -webkit-box-orient: vertical;
    }
}

.MsnbKwZIbV1RpuhPQVQV {
    display: flex;
    flex-direction: column;
    border: 1px solid var(--gray-300);
    box-shadow: 0 2px 25px 0 rgba(0, 0, 0, 0.1);
    box-sizing: border-box;
    background-color: var(--white);
    padding: 4px;
}

.oSA5Uqn9d5wptfxl1Hyp {
    display: flex;
    flex-direction: column;
    background-color: var(--white);
    box-sizing: border-box;
    height: 100%;

    .ABvtT9cS_MT373LDaOhp {
        padding: 4px 0;
    }
}

.DgUaKUQCXJTS_iNr88e5 {
    display: flex;
    flex-direction: column;
    flex: 1;
    overflow-y: auto;
    padding: 0.5rem;
    width: 264px;
    opacity: 0;
    transform: translateX(-264px);
    transition:
        opacity 300ms cubic-bezier(0.4, 0, 0.2, 1),
        transform 300ms cubic-bezier(0.4, 0, 0.2, 1);

    &.Oh5Tkr9qMlwQwvlekm7R {
        opacity: 1;
        transform: translateX(0px);
    }
}

._mjQ2oX_aBmX9FXG611A {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2rem;
    flex: 1;
    padding: 0 8px;
    overflow: hidden auto;

    &::-webkit-scrollbar {
        background: transparent;
        width: var(--scrollbar-width);
        height: 1rem;
    }
    &::-webkit-scrollbar-thumb {
        border-radius: 8px;
        background: var(--gray-400);
    }
    &::-webkit-scrollbar-button {
        display: none;
    }
}

.tyV9q16CIkBovr5ForNA {
    padding: 16px 8px;

    & .OBIDKFIEybVqsukHZMDe {
        display: flex;
        flex-direction: column;
        gap: 8px;

        & .t8vGN0S3r4a44FiEd0Ff {
            width: 100%;
        }

        & .xUwzjEF8hw3HtuMwLze8 {
            left: 72px !important;
        }

        & .v8nY4H7ZQHKvWXiqv5qk {
            white-space: nowrap;
        }
    }
}

.WHIV65bnA4ePozR5i90R {
    padding-bottom: 16px;
    overflow: hidden;

    & .WWsPRihkOBbz7LwcwQHU {
        outline: 1px solid var(--gray-800);
    }

    & .R34Qty_nmDgh2G5l2h47 {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding-right: 16px;
    }

    & .WWsPRihkOBbz7LwcwQHU {
        display: flex;
        justify-content: center;
        margin: 0 16px;
    }
}

.rZ8rSFHGRUOq9amAAxja,
.FMdniTIn6Xb7GY7BJigO {
    white-space: nowrap;
    background-color: var(--gray-900) !important;
}

.HdTEva3QpTMYLiAU2mb_ {
    padding: 2px 8px !important;
}

.JfQiBeJXBxQo1uCxl8fb {
}

.wfsANPcRjvv8WsRVsAGQ {
    position: fixed;
    z-index: 101;
}

.e3qUPh8NW1eij2g5ALjz {
    display: flex;
    align-items: center;
    max-width: 520px;

    & .m5K9mjpBGn5cGiE9uo80 {
        font-weight: var(--semibold) !important;
    }
}

.lrz2h70V49Q9NjcmHkYD {
    display: flex;
    flex-direction: column;
    width: 100%;
}

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

.c1X6sYCjjOmjn6u0fwe8 {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.KIOMuqPC9V7mhkTPgoGJ {
    color: var(--black);
    border: 1px solid var(--gray-600);
    border-radius: 16px;
    padding: 6px 12px;
    font-size: 14px;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

.ULfzKTLwj8y9MqeRM_Li {
    background-color: var(--gray-900);
    color: var(--white);
    border-color: var(--gray-900);
    transition: background-color 0.2s ease-in-out;
}

.EI0424CYMxq0JRhLjRQl {
    width: 100%;
    border: 1px solid var(--gray-400);
    padding: 12px;
    font-size: 14px;
    resize: vertical;

    &:focus {
        border: 1px solid var(--black);
        outline: none;
        box-shadow: none;
    }
}

.EI0424CYMxq0JRhLjRQl::placeholder {
    color: var(--gray-500);
}

.nxTqRq8ZLRzIJSlN98RO {
    width: 100%;
}

.cXuzqHqVKMYR47mdVBud {
    position: fixed;
    inset: 0;
    z-index: 9999;
    background-color: rgba(0, 0, 0, 0.25);
}

.n1cGZmurQgfbfE728lJ2 {
    position: absolute;
    top: 50%;
    left: 32%;
    transform: translate(-50%, -50%);
    width: 520px;
    z-index: 10000;

    & .YK4_XVpzNIyTM4GltYrT {
        max-height: none;
    }
}

.n1cGZmurQgfbfE728lJ2 > div {
    margin: 0 auto !important;
    left: 0 !important;
    right: 0 !important;
    transform: none !important;
}

.n1cGZmurQgfbfE728lJ2:active {
    cursor: grabbing;
}

@media (max-width: 768px) {
    .n1cGZmurQgfbfE728lJ2 {
        position: fixed;
        bottom: 0;
        left: 0;
        top: auto;
        transform: none !important;
        width: 100%;
        max-height: 90vh;
        border-radius: 16px 16px 0 0;
        overflow-y: auto;
        background: var(--white);
        z-index: 10000;
        animation: ysgpFiem5hriy2bLWROB 0.3s ease-out;
    }

    .cXuzqHqVKMYR47mdVBud {
        background-color: rgba(0, 0, 0, 0.4);
        display: flex;
        align-items: flex-end;
        justify-content: center;
    }

    .n1cGZmurQgfbfE728lJ2 > div {
        width: 100% !important;
        margin: 0 !important;
    }
}

@media (min-width: 769px) and (max-width: 1023px) {
    .n1cGZmurQgfbfE728lJ2 {
        top: 50%;
        left: 25%;
    }
}

.QnNojBxBa6Y8blRrpPgx {
    position: fixed;
    z-index: 101;

    & .ySOzWLWo4zwh5EBt9UXe {
        width: 100%;
        max-width: 600px;
    }
}

.RzGeHwKSMqdTv_W9quM1 {
    width: 100%;
}

.kMAN2EGRFgli8jMgbW_U {
    position: fixed;
    z-index: 101;

    & .DCtjhOyV5mzxxAVyoVCw {
        width: 100%;
        max-width: 768px;
    }
}

.GJvl8V0f_jUJT82kJzhF {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 16px;
}

.fI2Ia7A6Z_JHxqJ6Qsjg {
    font-weight: var(--bold) !important;
}

.Bj4tncb1suMaZHXceXkl {
    height: 100vh;
    display: flex;
    flex-direction: column;
    background: white;
    color: black;
}

.i1pshglkvqCDct_d9_Cv {
    height: 64px;
    display: flex;
    align-items: center;
    padding: 0 24px;
    background: #1e1e20;
    border-bottom: 1px solid #1e1e20;
}

.BSzvT21SourSrQkw7tBi {
    height: 20px;
}

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

.lZlBjzRwZJjpeTAdOdrS {
    max-width: 480px;
    text-align: center;
    padding: 32px;
    border: 1px solid #e1e1e1;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.PdQ0zBG93kBoPksIqcAB {
    font-size: 28px;
    font-weight: 600;
    color: #1e1e20;
    margin-bottom: 16px;
}

.hb1lmDwxw63R01sWfXCw {
    font-size: 16px;
    color: #1e1e20;
    margin-bottom: 32px;
    line-height: 1.5;
}
.UDvajc9NHoJ9Uw5NFDUt {
    display: flex;
    gap: 16px;
    justify-content: center;
}

.HwvKTSpAxqRXVCxlRHH3 {
    position: relative;
    display: flex;
    height: calc(100vh);

    & .TjIDczqaogG5StHVAiSc {
        height: 100%;
        width: 0px;
        interactivity: inert;
        transform-origin: left center;
        background: var(--gray-900);
        transition: width 300ms cubic-bezier(0.4, 0, 0.2, 1);
        overflow: hidden;
        z-index: 4;

        &.Um2xHE14VByoCP0CrEhl {
            overflow: visible;
            width: 264px;
            interactivity: unset;
        }

        @media (width < 36em), (36em <= width < 48em), (48em <= width < 64em) {
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: auto;
            z-index: 10;
            &::before {
                position: absolute;
                content: ' ';
                height: 100%;
                width: 100vw;
                z-index: -1;
                opacity: 1;
                background: rgba(0, 0, 0, 0.5);
                transition: opacity 300ms cubic-bezier(0.4, 0, 0.2, 1);
            }

            &:not(.Um2xHE14VByoCP0CrEhl) {
                &::before {
                    opacity: 0;
                }
            }
        }
    }

    & .sCPcJUnyCREv7cjssVR2 {
        display: flex;
        flex-direction: column;
        flex: 1;
        padding-top: 64px;

        & .RmsuIjP6bNXAWpDf0_Q9 {
            display: flex;
            flex: 1;
            overflow-y: auto;
            overflow-x: hidden;
            position: relative;

            & .RjqHwpfnMF3D4HAHN2dV {
                display: flex;
                flex: 1;
                flex-direction: column;
                justify-content: center;
                width: 100%;
                position: relative;

                &.vZaWfV5oxtS68ZpVoxiP {
                    @media (width < 36em) {
                        justify-content: unset;
                        height: 100%;
                    }
                }

                & .zowGP_BARMwNfG5aGLpV {
                    display: flex;
                    justify-content: center;
                    padding: 0 2.5rem;
                    position: relative;
                    @media (width < 36em) {
                        padding: 0 1rem;
                    }

                    & .d1NjaiEOnuIfjQJkoPzX {
                        position: absolute;
                        top: -40px;
                    }

                    & .PlWyrpnvGOerw6FkaknR {
                        width: 100%;
                        max-width: 768px;
                        padding: 16px;
                        outline: 1px solid var(--gray-300);
                        border-bottom: 0;
                        box-sizing: border-box;
                        box-shadow: 0px 2px 25px 0px rgba(0, 0, 0, 0.1);
                    }
                }
            }
        }
    }

    & .U65oMPdO9V7zxAh7j628 {
        margin: 0 auto;
        max-width: 768px;
    }

    a {
        color: inherit;
        text-decoration: underline;
        text-decoration-thickness: 0.5px;
        text-underline-offset: 2px;
    }

    a:hover {
        color: var(--forrester-green);
        text-decoration: underline;
        text-decoration-thickness: 0.5px;
        text-underline-offset: 2px;
    }

    * {
        box-sizing: border-box;
    }

    --scrollbar-width: 6px;
    --expanded-right-sidebar: calc(320px + var(--scrollbar-width)); /* 320px width and 6px scrollbar */
}

.iPClSTeFsEiSZ8tBZ8M7 {
    width: 100%;
    height: 100%;

    a {
        color: inherit;
        text-decoration: underline;
        text-decoration-thickness: 0.5px;
        text-underline-offset: 2px;
    }

    a:hover {
        color: var(--forrester-green);
    }
}

.mU3PENKRDWyXkOdng1g1 {
    display: flex;
    flex-direction: column;
    gap: 12px;

    & .EvnbYeSQw_PU_uoWzocE {
        display: flex;
        gap: 8px;
        width: 100%;

        & > :first-child {
            flex: 1;
        }
    }
}

.v4rGtKiOCCT1Mr2B1lRf {
    display: flex;
    justify-content: center;
    color: var(--gray-600);

    a {
        color: inherit;
    }
}

.BmVbYRgi3kw2ZwO6Brvs {
    display: flex;
    flex-direction: column;
    position: relative;
    overflow: auto;
    background: linear-gradient(
            180deg,
            rgba(255, 255, 255, 0.1) 0%,
            rgba(255, 255, 255, 0.1) 40%,
            rgba(166, 228, 131, 0.1) 75%,
            rgba(59, 185, 130, 0.1) 80%,
            rgba(78, 20, 215, 0.1) 100%
        ),
        #fff;

    &::-webkit-scrollbar {
        display: none;
    }

    & .mENYP_1FPVk3ReNLkZhw {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100%;
    }

    & .sEGUYSdc6owjClHClCld {
        position: relative;
        z-index: 2;

        & .YxUx1PAHgj3z6HJ6xFbt {
            position: absolute;
            width: 100%;
        }
    }

    & .wacXC4bcUE_hY4zGUmKv {
        background-color: rgba(0, 0, 0, 0.5);
        position: absolute;
        inset: 0;
        z-index: 1;
    }

    & .ziT8xUM7ivUfu17Pw2BW {
        flex: 1;
        opacity: 0;
        overflow-y: auto;
        overflow-x: hidden;
        padding: 24px 16px;

        &::-webkit-scrollbar {
            display: none;
        }

        &.bYpguB53AXhyrJXVD4IH {
            opacity: 1;
        }
    }

    & .QV9u_AabkKnqDhdcR1yy {
        height: 100%;
        &.VQhx4vQthnfrB_P6Gx4Y {
            display: none;
        }
    }

    & .m_y5rsU1aJY4KdpGw8jh {
        border-top: 1px solid var(--gray-300);
        padding: 16px 16px 12px;
        background: var(--white);
    }
}

.IMwTJKAdZuCh1SfWnfsH {
    display: flex;
}

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

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

    & .sp1dOXLVy71kG1klX5Bk {
        border: 1px solid var(--gray-300);
        background: var(--white);

        & .Mk5IluryrAFDqSIG3RDK {
            padding: 12px 8px;
        }

        & .GlHH6VctsDuNO3rd815k {
            padding: 16px 16px 12px;
        }
    }
}

.BhQEQwzwVJAmykm4Cxj8 {
    color: var(--gray-600);
    font-weight: var(--semibold) !important;
    padding-bottom: 4px;
}

.DMGg3qPUmhfFYTvcFd21 {
    font-weight: var(--bold) !important;
    padding-bottom: 8px;
}

.LGY0YtBSsycCTdveKrfW {
    color: var(--gray-800);
}

.E5GbVPcQZDA1Zh0itzwt {
    display: -webkit-inline-box;
    gap: 0.275rem;
}

.GbiUkTA6dExFhMdwowLj {
    .xGnk7gXwCXcF3vwPFcEY {
        margin-bottom: 0;
    }
}

.ECpkanFaHWyxrQ1gvGOR {
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding-bottom: 32px;

    & .i9KzAlooowYKQktWC6bL {
        display: flex;
        gap: 16px;
        justify-content: end;
        align-items: center;
    }
    & .pZ0btgcizOyIvcyc_XYh {
        display: flex;
        gap: 16px;
        flex-direction: column;
    }

    &.EP49f2emHTA_0rCuoNaA {
        padding-bottom: 0;
    }

    &.U9U6jlYLD6_6tGZHI9wU {
        height: 100%;
    }

    & .cJ88cBEqixNqa51YSifw {
        &:hover {
            & .SrNKpE5IJZoTFHCkIaLp {
                display: block;
            }
        }

        & .oNNjLyfInkAWOVO5jDEJ {
            display: flex;
            justify-content: space-between;
            padding-bottom: 8px;
        }
    }

    & .edQyLQ7YrtcugTPt7tP8 {
        display: flex;
        flex-direction: column;
        gap: 8px;

        &:hover {
            & .SrNKpE5IJZoTFHCkIaLp {
                display: block;
            }
        }

        & .CrVbB9hY_ht1PAB3ai96 {
            display: flex;
            width: 24px;
            height: 24px;
            padding: 3px;
            background: var(--black);
            border-radius: 100%;
            box-sizing: border-box;
        }

        & .SgevO2z_qNV3D3zbx6pw {
            display: flex;
            justify-content: center;
        }

        & .C5aNFEEeP7PvTeoXtP4j {
            display: flex;
            padding-top: 8px;
        }
    }

    & .SrNKpE5IJZoTFHCkIaLp {
        display: none;
    }

    & ul {
        margin: revert;
        padding: revert;
        list-style: revert;
    }
}

.lu1YWAEbb5jBwrFnsq4l {
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--gray-600);
}

.xE4tGourgBqdOPxMNJYY {
    padding-bottom: 16px;
}

.L5KCea2rdbh6YtRDhxlU {
    background-color: white;
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 24px;

    & .R0Lw9TjdA9eabZMldD6g {
        display: flex;
        gap: 16px;
        justify-content: end;
    }
}

.BiAB62qOG8jW21GUB6Q9 {
    display: flex;
    gap: 16px;

    & .oHPn6whWeDt8x4HrAXbj {
        padding-bottom: 4px;
        font-weight: var(--bold) !important;
    }
}

.P8G8FrsQ1YgRMTx2OMDt {
    background-color: white;
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 16px;

    & .gUuYtktWMf5WNJ66wgGx {
        display: flex;
        gap: 16px;
        justify-content: end;
        padding-top: 8px;
    }
}

.LmveHehlGd0HIhfzg3H7 {
    display: flex;
    gap: 16px;

    & .pCWU3ZrMmrLZYFjHbdQx {
        padding-bottom: 4px;
        font-weight: var(--bold) !important;
    }
}

.B9Yqco_uxcAjepMvJdK2 {
    z-index: 1;

    & .RE2G0enqdL15vKuDhcmH {
        padding: var(--size-4);
        background-color: var(--gray-900);
        width: max-content;
    }
}

.sHNxj18x_azTG19fTyHx {
    display: flex;
    justify-content: space-between;
    padding: calc(var(--size-4) * 1.5) var(--size-8);
    border-bottom: 1px solid var(--gray-300);

    & .OBeqR8Ho3cTAdPr7OmxL {
        display: flex;
        gap: var(--size-2);
        align-items: center;

        & .iU_Q5423lNkOKjq5pXkD {
            display: flex;
            gap: var(--size-8);
            align-items: center;
            padding: var(--size-4);

            img {
                width: var(--size-24);
                height: var(--size-24);
            }

            span {
                font-size: var(--font-size-16);
                font-weight: var(--bold);
                line-height: 18px;
                letter-spacing: var(--letter-spacing-2);
            }
        }
    }

    & .hQ4UmzeZqTPwnkNTjCkw {
        display: flex;

        & .WEIiDF5Zt6Q_Qmh1itZA {
            display: flex;
            flex-direction: column;
        }
    }
}

.UhCXnw46DrnRidni9III {
    display: flex;
    height: calc(100vh - 52px);
    position: relative;
    margin-top: 50px;

    &::before {
        content: '';
        position: absolute;
        top: -52px;
        left: 0;
        height: 52px;
        width: 100%;
        background-color: black;
    }

    & .gcr8B57lea2vBpHyjJ_h {
        overflow-y: auto;
        &::-webkit-scrollbar {
            display: none;
        }
    }

    & .cIefKiU9yLGLO4Qcjaw4 {
        display: flex;
        flex-direction: column;
        gap: 16px;
        margin: 0 50px;
    }

    & .yDdDhSwetVyDzlWSKVwt {
        padding: 0 10px;
        cursor: col-resize;
        display: flex;
        align-items: center;
    }

    & .OILq7thVubcfU0VlCQLX {
        display: flex;
        justify-content: center;
        flex: 1;
        min-width: 300px;
        border: 1px solid var(--gray-300);
    }
}

.t11ebo7CTm4_CdMtze_X {
    padding: 1.5rem 2.5rem;
}

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

.HnIjd2Fj54408bPssGPV {
    min-height: var(--size-32);
}

.ljjUii3_8oIsf4EfBwxS {
    min-height: var(--size-80);
}

.ACFFdH5igeYgHtPdfCj9 {
    background-color: var(--black);
}

.fMwNWofe4cvSlKCkQAdS {
    background-color: var(--white);
}