ChatGPT Pink by SelSel

/* ==UserStyle==
@name         ChatGPT Pink
@version      20240302.18.04
@namespace    https://userstyles.world/user/SelSel
@description  Pink ChatGPT (except on hover)
@author       SelSel
@license      No License
==/UserStyle== */

@-moz-document domain("chat.openai.com") {
.flex.flex-col.text-sm.pb-9 {
    background-color: #ff49a6b3;
}

p {
    font-size: 16px;
    font-family: 'Open Sans', Tahoma, sans-serif;
    line-height: 1.7;
}

.mt-1.flex.justify-start.gap-3.empty\:hidden {
    opacity: 0;
}

.group:hover .mt-1.flex.justify-start.gap-3.empty\:hidden {
    opacity: 1;
}

.gizmo-shadow-stroke.flex.h-6.w-6.items-center.justify-center.overflow-hidden.rounded-full {
    display: none;
}

.font-semibold.select-none {
    margin-bottom: 20px;
}

::before {
    color: #ffffff !important;
    font-size: 18px;
    line-height: 1.3;
    margin-left: 0px;
}

li::before {
    line-height: 1.3 !important;
    font-size: 18px !important;
}

p {
    margin-bottom: 13px !important;
}

.prose {
    color: #ffffff
}

div {
    color: #ffffff
}

h3 {
    margin-bottom: 24px !important;
}

li {
    margin-bottom: 12px !important;
}

.flex.flex-grow.flex-col.max-w-full {
    font-size: 16px;
    font-family: 'Open Sans';
    line-height: 1.7;
}

table {
    width: 100% !important;
    font-size: 13px !important;
    margin: 30px 0 !important;
}


th {
    border-top: none !important;
    border-color: #afafaf !important;
    border-style: none none solid none !important;
    border-width: 1px !important;
    border-bottom: #afafaf 2px solid !important;
    padding: 12px !important;
    text-align: center;
    font-weight: bold !important;
    background-color: transparent !important;
}

th:first-child {
    border-left: none !important;
}

th:last-child {
    border-right: none !important;
}


td:first-child {
    border-left: none !important;
}

td:last-child {
    border-right: none !important;
}

tr:last-child td {
    border-bottom: none !important;
}

td {
    padding: 13.5px !important;
    vertical-align: middle !important;
    border-color: #afafaf73 !important;
    border-width: 0.5px !important;
}

.flex.flex-col.text-sm.pb-9:hover {
    background-color: #191919;
}

@media (min-width: 1000px) {
    div.group:not(.relative) {
        margin-inline: 100px !important;
        max-width: 100% !important;
    }
}

table strong {
    font-weight: bold !important;
}

.flex.flex-col.text-sm.pb-9:not(:hover) table td {
    font-weight: 500 !important;
}
}