[data-theme=light] {
    --_0-ue-8: var(--color-cold-gray-150);
    --_1-ue-8: var(--color-cold-gray-200)
}

[data-theme=dark] {
    --_0-ue-8: var(--color-cold-gray-750);
    --_1-ue-8: var(--color-cold-gray-700)
}

@media (any-hover:hover) {
    .commentButton-bjfigKl9:not(:disabled):hover {
        --ui-lib-light-button-color-bg: var(--_0-ue-8);
        --ui-lib-light-button-color-border: var(--_0-ue-8)
    }
}

.commentButton-bjfigKl9:not(:disabled):active {
    --ui-lib-light-button-color-bg: var(--_1-ue-8);
    --ui-lib-light-button-color-border: var(--_1-ue-8)
}

.deleteButton-IMzneOl6 {
    background: var(--color-cold-gray-800);
    border: none;
    border-radius: 4px;
    color: var(--color-white);
    height: 28px;
    outline: none;
    overflow: visible;
    padding: 0;
    position: relative;
    width: 28px
}

.deleteButton-IMzneOl6:focus {
    outline: none
}

.deleteButton-IMzneOl6:focus-visible {
    outline: none
}

.deleteButton-IMzneOl6:after {
    border-style: solid;
    border-width: 2px;
    box-sizing: border-box;
    content: "";
    display: none;
    height: calc(100% + 8px);
    inset-inline-start: -4px;
    pointer-events: none;
    position: absolute;
    top: -4px;
    width: calc(100% + 8px);
    z-index: 1
}

.deleteButton-IMzneOl6:focus:after {
    display: block
}

.deleteButton-IMzneOl6:focus-visible:after {
    display: block
}

.deleteButton-IMzneOl6:focus:not(:focus-visible):after {
    display: none
}

.deleteButton-IMzneOl6:after {
    border-color: var(--color-focus-outline-color-blue);
    border-radius: 8px
}

@media (any-hover:hover) {
    .deleteButton-IMzneOl6:hover {
        background: var(--color-cold-gray-750)
    }
}

.deleteButton-IMzneOl6:active {
    background: var(--color-tv-blue-a900);
    color: var(--color-brand)
}

.icon-IMzneOl6 {
    display: inline-flex
}

.visuallyHiddenLabel-IMzneOl6 {
    border: 0;
    height: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    width: 1px;
    clip: rect(0 0 0 0);
    overflow: hidden
}

[data-theme=light] {
    --_0-s61m: var(--color-cold-gray-150);
    --_1-s61m: var(--color-cold-gray-200)
}

[data-theme=dark] {
    --_0-s61m: var(--color-cold-gray-750);
    --_1-s61m: var(--color-cold-gray-700)
}

.cardModButtons-jG0c8lrh {
    display: inline-flex;
    flex-wrap: wrap;
    margin-block: -16px 0;
    margin-inline: -16px 0;
    width: calc(100% + 16px)
}

.modButton-jG0c8lrh {
    margin-block: 16px 0;
    margin-inline: 16px 0
}

@media (any-hover:hover) {
    .modButton-jG0c8lrh:not(:disabled):hover {
        --ui-lib-light-button-color-bg: var(--_0-s61m);
        --ui-lib-light-button-color-border: var(--_0-s61m)
    }
}

.modButton-jG0c8lrh:not(:disabled):active {
    --ui-lib-light-button-color-bg: var(--_1-s61m);
    --ui-lib-light-button-color-border: var(--_1-s61m)
}

.reputation-Ph7YH23m {
    font-family: -apple-system, BlinkMacSystemFont, Trebuchet MS, Roboto, Ubuntu, sans-serif;
    font-feature-settings: "tnum" on, "lnum" on;
    font-style: normal;
    --ui-lib-typography-font-size: 14px;
    font-size: var(--ui-lib-typography-font-size);
    font-weight: 400;
    --ui-lib-typography-line-height: 18px;
    color: var(--color-text-secondary);
    line-height: var(--ui-lib-typography-line-height);
    margin-top: -4px
}

.entry-Ph7YH23m {
    display: inline-flex;
    list-style-type: none;
    margin-top: 4px
}

.entry-Ph7YH23m.parent-Ph7YH23m {
    color: var(--color-text-primary);
    outline: none;
    overflow: visible;
    position: relative
}

.entry-Ph7YH23m.parent-Ph7YH23m:focus {
    outline: none
}

.entry-Ph7YH23m.parent-Ph7YH23m:focus-visible {
    outline: none
}

.entry-Ph7YH23m.parent-Ph7YH23m:after {
    border-style: solid;
    border-width: 2px;
    box-sizing: border-box;
    content: "";
    display: none;
    height: calc(100% + 8px);
    inset-inline-start: -4px;
    pointer-events: none;
    position: absolute;
    top: -4px;
    width: calc(100% + 8px);
    z-index: 1
}

.entry-Ph7YH23m.parent-Ph7YH23m:focus:after {
    display: block
}

.entry-Ph7YH23m.parent-Ph7YH23m:focus-visible:after {
    display: block
}

.entry-Ph7YH23m.parent-Ph7YH23m:focus:not(:focus-visible):after {
    display: none
}

.entry-Ph7YH23m.parent-Ph7YH23m:after {
    border-color: var(--color-focus-outline-color-blue);
    border-radius: 4px
}

.infoIcon-Ph7YH23m {
    display: inline-flex;
    margin-inline-start: 4px
}

.entriesGrid-Ph7YH23m {
    font-family: -apple-system, BlinkMacSystemFont, Trebuchet MS, Roboto, Ubuntu, sans-serif;
    font-feature-settings: "tnum" on, "lnum" on;
    font-style: normal;
    --ui-lib-typography-font-size: 12px;
    font-size: var(--ui-lib-typography-font-size);
    font-weight: 400;
    --ui-lib-typography-line-height: 16px;
    display: grid;
    gap: 4px 16px;
    grid-template-columns: repeat(2, auto);
    line-height: var(--ui-lib-typography-line-height);
    padding: 5px 0
}

.entryKey-Ph7YH23m {
    color: var(--color-cold-gray-300)
}

.entryValue-Ph7YH23m {
    color: var(--color-white)
}

[data-theme=light] {
    --_0-FA1r: var(--color-ripe-red-50)
}

[data-theme=dark] {
    --_0-FA1r: var(--color-ripe-red-a900)
}

.ideaCard-KRH6UCDh.hidden-KRH6UCDh {
    background-color: var(--_0-FA1r)
}

.ideaCard-KRH6UCDh.unreviewed-KRH6UCDh {
    background-color: var(--color-container-fill-primary-accent-extra-light)
}

.ideaCard-KRH6UCDh.reviewedUnsuggested-KRH6UCDh {
    background-color: var(--color-container-fill-primary-warning-extra-light)
}

.ideaCard-KRH6UCDh.deleted-KRH6UCDh {
    opacity: .3
}

.badgeEditorsPick-KRH6UCDh {
    position: relative;
    top: -8px
}

.previewRowItem-KRH6UCDh:not(:first-child) {
    margin-inline-start: 8px
}

.credsButtonsRow-KRH6UCDh {
    display: grid;
    grid-template-columns: auto;
    height: max-content;
    margin-top: 12px
}

.credsButtonsRow-KRH6UCDh.credsButtonsRowCustomMarginTop-KRH6UCDh {
    margin-top: auto
}

@media (min-width:568px) {
    .credsButtonsRow-KRH6UCDh {
        grid-template-columns: minmax(0, 1fr) min-content;
        height: 40px
    }
}

.credsButtonsRow-KRH6UCDh .buttons-KRH6UCDh {
    display: flex;
    flex-direction: row-reverse;
    gap: 8px;
    justify-content: flex-end;
    margin-top: 12px
}

@media (min-width:568px) {
    .credsButtonsRow-KRH6UCDh .buttons-KRH6UCDh {
        flex-direction: row;
        margin-top: 0
    }
}

.preview-KRH6UCDh {
    flex-shrink: 0
}

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