
/* Themes */
:root {

    --pretendo: #673db6;

    --body: #eee;
    --content: white;

    --text: #191919;
    --text-secondary: #4c4c4c;

    --hover: #eee;
    --shadow: rgba(0, 0, 0, 0.15);
    --border: #d3d3d3;
    --input-bg: #f5f5f5;
}

@media (prefers-color-scheme: dark) {
    :root {
        --body: #1f1f1f;
        --content: #1b1b1b;

        --text: white;
        --text-secondary: #8f8e8e;

        --hover: rgba(255, 255, 255, 0.1);
        --shadow: rgba(255, 255, 255, 0.05);
        --border: rgba(255, 255, 255, 0.1);
        --input-bg: #191919;
    }
}

/* Basic styles */
body {
    font-family: Arial, Helvetica, sans-serif;
    background: var(--body);
    color: var(--text);
    margin: 0;
    border-top: 5px solid var(--pretendo);
}

* {
    box-sizing: border-box;
}

/* Create a column layout with Flexbox */
.row {
    display: grid;
    grid-template-columns: 350px 1fr;
    grid-gap: 20px;
    max-width: 1300px;
    width: calc(100% - 40px);
    margin: 30px auto;
}
.row > .left {
    display: inline-table;
    position: sticky;
}
.row > .left, .row > .right {
    background: var(--content) !important;
    width: 100%;
    max-width: 100% !important;
    border-radius: 6px;
    box-shadow: 0 3px 5px var(--shadow);
    padding: 20px;
}

/* Form styles */
.form-section {
    display: grid;
    grid-template-columns: 1fr 2fr;
    grid-gap: 20px;
    padding: 30px 0;
}
.form-section + .form-section {
    border-top: 1px solid var(--border);
}
.section-inputs {
    display: grid;
    grid-template-columns: 100%;
    grid-gap: 10px;
}
.section-inputs .input-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 10px;
}
.form-section .section-inputs img {
    max-width: 100%;
    border-radius: 4px;
}
.form-section .section-inputs input, .form-section .section-inputs textarea {
    background: var(--input-bg);
}
.form-section .section-inputs textarea {
    min-height: 80px;
    height: 100px;
    resize: vertical;
    max-height: 300px;
}
.form-section .section-inputs .do-input-cols {
    display: grid;
    grid-template-columns: 1fr 200px;
    grid-gap: 10px;
    align-items: center;
}
.form-section .section-inputs hr {
    border: 0;
    margin: 30px;
    width: calc(100% - 60px);
    height: 1px;
    background: var(--border)
}

/* Buttons */
.btn {
    padding: 8px 16px;
    display: inline-block;
    border-radius: 6px;
    font-size: 1rem;
    text-transform: uppercase;
    background: var(--pretendo);
    border: 0;
    font-weight: bold;
}

/* Style the search box */
#mySearch {
    width: 100%;
    font-size: 18px;
    padding: 11px;
    border: 1px solid #ddd;
}

/* Style the navigation menu inside the left column */
#myMenu {
    list-style-type: none;
    padding: 0;
    margin: 0;
}
#myMenu li a {
    display: block;
    color: var(--text);
    text-decoration: none;
    padding: 10px;
    margin: 0 -10px;
    border-radius: 6px;
}

#myMenu li a:hover {
    background-color: var(--hover);
}

/* Style inputs */
[type="text"] {
    font-family: Arial;
    width: 100%;
    box-sizing: border-box;
    padding: 8px;
    font-size: 1rem;
    border: 1px solid var(--border);
    border-radius: 4px;
    appearance: none;
    -webkit-appearance: none;
    background: transparent;
    color: var(--text);
}

/* Full-width input fields */
.modal input[type=text], .modal input[type=password] {
    width: 100%;
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    box-sizing: border-box;
    user-select: none;
}

/* Set a style for all buttons */
button {
    background-color: #4CAF50;
    color: white;
    padding: 14px 20px;
    margin: 8px 0;
    border: none;
    cursor: pointer;
    width: 100%;
    user-select: none;
}

button:hover {
    opacity: 0.8;
}

.container {
    padding: 16px;
}

/* The Modal (background) */
.modal {
    display: block; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
    padding-top: 60px;
    background-image: url("data:image/png;base64,[encoded data, 124152 characters]");
}

/* Modal Content/Box */
.modal-content {
    background-color: #fefefe;
    margin: 5% auto 15% auto; /* 5% from the top, 15% from the bottom and centered */
    border: 1px solid #888;
    width: 80%; /* Could be more or less, depending on screen size */
}

/* Add Zoom Animation */
.animate {
    -webkit-animation: animatezoom 0.6s;
    animation: animatezoom 0.6s;
    max-width: 35%;
    min-width: 320px;
    border-radius: 10px;
}

@-webkit-keyframes animatezoom {
    from {-webkit-transform: scale(0)}
    to {-webkit-transform: scale(1)}
}

@keyframes animatezoom {
    from {transform: scale(0)}
    to {transform: scale(1)}
}

/* Community and User Page Styles */
.community-page-info-icon {
    width: 100px;
}

/*community page*/

.community-page-header-overlay {
    z-index: 2;
    position: absolute;
    background-color: rgba(41, 200, 83, 0.75);
    margin-left: -45px;
    margin-top: -330px;
    min-height: 242px;
    width: 86%;
}

.community-page-header {
    z-index: 1;
    background-size: 100%;
    margin-left: -45px;
    min-height: 328px;
    background-repeat: no-repeat !important;
}

.community-page-info-container {
    z-index: 3;
    min-height: 255px;
    background-color: rgba(255,255,255,1);
    border: 1.5px solid #00000000;
    border-radius: 10px;
    margin-left: -15px;
    margin-bottom: 15px;
}

.community-page-table-wrapper {
    border-top: #D6D2D2;
    border-width: 5px;
    position: absolute;
    padding-top: 25px;
    margin-left: 17px;
    line-height: 20px;
}

.community-page-table-label {
    color: #673DB6;
    padding-left: 15px;
    font-size: larger;
    margin-top: 15px;
}

.community-page-table-text {
    color: black;
    padding-left: 15px;
    margin-top: -15px;
    font-size: large;
}

.community-page-margin-line {
    border-top: 2px solid #D6D2D2;
    width: 760px;
    height: 5px;
    position: absolute;
    z-index: 5;
    margin-left: 20px;
}

.community-page-shaded-info-container {
    z-index: 3;
    width: 240px;
    height: 85px;
    background-color: rgb(233, 233, 233);
    border: 1.5px solid #e9e9e9;
    border-radius: 10px;
}

.community-page-info-icon {
    width: 150px;
    border-radius: 10px;
    margin: 20px;
    float: left;
}

.community-page-title {
    margin-bottom: 0;
}

.community-page-description {
    width: 550px;
    line-height: 20px;
}

.community-page-posts-wrapper {
    position: relative;
    z-index: 3;
    background-color: rgba(255,255,255,1);
    border: 1.5px solid #00000000;
    border-radius: 10px;
    margin-top: 125px;
    margin-left: 5px;
}

.community-page-posts-header {
    margin-top: 25px;
    margin-left: auto;
    margin-right: auto;
}

.community-page-posts-header-tab {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 21px;
    cursor: pointer;
}
.community-page-posts-header-tab.active {
    color: #673DB6;
}

.community-page-post-wrapper {
    padding-top: 25px;
    margin-left: 0;
    margin-bottom: 90px;
    width: 760px;

}

.community-page-post-screenshot {
    width: 760px;
    border: 1.5px solid #d6d2d2;
    border-radius: 10px;
}

.community-page-post-painting {
    width: 760px;
    height: 285px;
}

.community-page-post-yeah-button-wrapper {
    padding-bottom: 150px;
    margin-left: 380px;
    margin-top: -160px;
    background-repeat: no-repeat !important;
    background: url('data:image/png;base64,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')
    310px 65px;
}

.community-page-post-yeah-button {
    cursor: pointer;
    position: absolute;
    margin-left: 310px;
    height: 60px;
    width: 66px;
    margin-top: 65px;
    margin-bottom: 0;
    padding-bottom: 0;
}

.community-page-post-yeah-count {
    color: #673DB6;
    margin-left: 435px;
    margin-bottom: 0;
    margin-top: -65px;
    font-weight: bold;
    font-size: large;
    position: absolute;
    text-align: right;
    height: 33px;
    width: 250px;

}

.community-page-post-user-info-wrapper {
    background-color: rgba(255,255,255,1);
    margin-bottom: 15px;
    margin-left: 80px;
    min-width: 520px;
}

.community-page-post-user-icon {
    width: 90px;
    border-radius: 10px;
    margin-right: 15px;
    float: left;
}
.community-page-post-user-icon.verified{
    width: 90px;
    margin-right: 15px;
    float: left;
    border: 5px solid #673DB6;
    border-radius: 10px;
}

.community-page-verified-user-badge {
    position: absolute;
    min-width: 28px;
    height: 28px;
    margin-left: -28px;
    margin-top: -14px;
    padding: 6px 6px 4px 5px;
    border: 3px solid #673DB6;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAALCAYAAABPhbxiAAAABHNCSVQICAgIfAhkiAAAAI5JREFUKFOV0lERgzAQRdH7FBQpSKgTpgrQgIPioE7AAg4qAQfLLE0YyBBC+cgH2TObt4n44zOzCmiBXnddQANQA90tmKAJeBbhKZJmhY1GUp8eO4e8zuE7BP5IekV8hSL0sCPwAFZcQiv0xcwOOEzO//0GIc1pjG04Cfa6LNo67nLFzt9cp1hbvI7cA1kA5mlGowbMjrkAAAAASUVORK5CYII=');
    background-color: #673DB6;
    background-position: 4px 6px;
    background-size: 65%;
    background-repeat: no-repeat !important;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    line-height: 18px;
    -webkit-border-radius: 20px;
}

.community-page-post-username {
    padding-top: 15px;
    margin-bottom: 0;
}

.community-page-post-text-overlay {
    position: relative;
    z-index: 5;
    width: 730px;
    min-height: 50px;
    background-color: rgba(255,255,255,0.95);
    border: 1.5px solid #d6d2d2;
    border-radius: 10px;
    margin-top: -80px;
    margin-left: 13px;
}

h3 {
    padding-left: 20px;
}

iframe {
    border: 1.5px solid #d6d2d2;
    border-radius: 10px;
}

.checkbox-container {
    display: block;
    position: relative;
    padding-top: 3px;
    padding-left: 60px;
    margin-bottom: 30px;
    cursor: pointer;
    font-size: xx-large;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.checkbox-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 50px;
    width: 50px;
    background-color: #eee;
    border-radius: 5px;
}

.checkbox-container input:checked ~ .checkmark {
    background-color: #4F279B;
}

.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.checkbox-container input:checked ~ .checkmark:after {
    display: block;
}

.checkbox-container .checkmark:after {
    left: 18px;
    top: 10px;
    width: 10px;
    height: 20px;
    border: solid white;
    border-width: 0 6px 6px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    border-radius: 2px;
}

.checkbox-post {
    margin-left: -335px;
    width: 130px;
}

.user-input-text-area {
    background-color: #eee;
    border-style: none;
    border-radius: 5px;
    width: 900px;
    height: 100px;
    margin-bottom: 50px;
    resize: none;
    font-size: x-large;
}

.submit-button {
    height: 40px;
    width: 122px;
    font-size: x-large;
    color: #673DB6;
    background-color: white;
    border-radius: 5px;
    border-color: #673DB6;
    border-style: solid;
    border-width: initial;
    margin-left: -203px;
    margin-top: -238px;
    position: absolute;
    cursor: pointer;
}

.post-type-button-text {
    background-color: #eee;
    color: black;
    font-size: 100px;
    margin-left: 50px;
    text-align: center;
    width: 120px;
    height: 150px;
    border-top-left-radius: 5px;
    margin-bottom: -5px;
    -webkit-user-select: none;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAYAAADDPmHLAAABhGlDQ1BJQ0MgcHJvZmlsZQAAKJF9kT1Iw0AcxV9TpSJVB1sQcchQnSyIijhKFYtgobQVWnUwufQLmjQkKS6OgmvBwY/FqoOLs64OroIg+AHi5uak6CIl/i8ptIjx4Lgf7+497t4BQqPCVLNrAlA1y0jFY2I2tyoGXiEgDD/6EZaYqSfSixl4jq97+Ph6F+VZ3uf+HH1K3mSATySeY7phEW8Qz2xaOud94hArSQrxOfG4QRckfuS67PIb56LDAs8MGZnUPHGIWCx2sNzBrGSoxNPEEUXVKF/Iuqxw3uKsVmqsdU/+wmBeW0lzneYI4lhCAkmIkFFDGRVYiNKqkWIiRfsxD/+w40+SSyZXGYwcC6hCheT4wf/gd7dmYWrSTQrGgO4X2/4YBQK7QLNu29/Htt08AfzPwJXW9lcbwOwn6fW2FjkCBraBi+u2Ju8BlzvA0JMuGZIj+WkKhQLwfkbflAMGb4HeNbe31j5OH4AMdbV8AxwcAmNFyl73eHdPZ2//nmn19wMlNnKIx2t1DgAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAAN1wAADdcBQiibeAAAAAd0SU1FB+UCFQMRIYqsWUsAAANZSURBVHja7d27a1NRAMfxb2NaNxUq1T7whQ4uiuLkICi6iYJSQdDVWvs/OHd3sUInVy0qtFgf+B8UH4OD1CqtUkUUa4c2GuuQOxREzEnuTe7j+4GDVXLTy/n9crg5uRiQJEmSJEmSlH8dCT9/F9ADDADbor/r/yrAJ2Ah+vNnlk6+FxgCpoAVYM3R1FiJ5nII2J7m4LuBUUNPdFSAsWg1TZVrwJIBtWx8B66mIfgycMNA2jbGgM52hd8FPDKEto+H7SrBTSc/NWO81eGPOOmpGw1dEzSyD7AVmAU2+XY9VX4Ae4HPIQdtaOAXjQLHnO/U2RhdC0wnuQL0Au/c0UutVWBntHtY99u4EGcaCP85cAeYy9qWZht1AbuAQeBg4CpwFriV1IlNBe5aXWnB5w151gEMR3NZ77xPJnUynYHbvEPmF5thwj47KCdxEjsCTmLGV37sK8GLgPkfqPeJS4EXgPW6G52I4rEWzWm9+pIoQMhHkXNmFrvZJF6sIQUIufr3aj9+lSSyKjmvxWYBLIAsgCyALIAsgCyALIAsgCyALIAsgCyALIAsgCyALIAsgCyALIAsgCyALIAsgCyALIAsgCyALIAsgCyALIAsgCyALIAsgCyALIAsgCyALIAsgCyALIAsgCyALIAsgCyALIAsgCyA/rI54LFLFiB/Qr5D+KMFyJctwEULUExlYBzorvPxi8BXC5AP+4Fp4FzAMQ8I+Nrecsqafho4CfQUPPhOYA9woIFj74dOehrspvblyId80TdlHniatQLsA54B/ebXtOvAapb2AQw/Pq+A26EHlQw/F5aBS0A1KwUw/Pj8Bi4DLxs5uGT4mfYLGAHuNfPWy/Cz6RtwAXjSzJOUDD+TJoAjzYbfygIYfvOqwGPgKHAeeBvHk5YNP5Uq1Pb0F4D31LaDJ4Evcf+icorDXwROAK/tQ3JKhm8BDF91GaT2MWM9oxrw2PVjISqPMr4ClBp85Z8C3hhLPq4BXPYtgOFbAMO3AIZvAQzfAhi+BTD81Gnl/QAfgOO+zy/mCuAmT4EL4LJf4AIYfo4KsGz4xdZL7RZkP9UrsAnDL7Y+aveo/Sv8ecPPv/5oJVh/00c1+jdv/MyYjiZXg8PRzzME/LckkiRJkiRJkqRW+gMZ7X1Vhp5apwAAAABJRU5ErkJggg==');
    background-size: 60%;
    background-position: center;
    background-repeat: no-repeat !important;
}

.post-type-button-painting {
    background-color: #eee;
    color: black;
    font-size: 100px;
    text-align: center;
    margin-left: 50px;
    height: 150px;
    border-bottom-left-radius: 5px;
    -webkit-user-select: none;
    background-image: url('data:image/png;base64,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');
    background-size: 60%;
    background-position: center;
    background-repeat: no-repeat !important;
}

.post-type-button-text.selected {
    background-color: #673DB6;
    color: white;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAYAAADDPmHLAAABhGlDQ1BJQ0MgcHJvZmlsZQAAKJF9kT1Iw0AcxV9TpSJVB1sQcchQnSyIijhKFYtgobQVWnUwufQLmjQkKS6OgmvBwY/FqoOLs64OroIg+AHi5uak6CIl/i8ptIjx4Lgf7+497t4BQqPCVLNrAlA1y0jFY2I2tyoGXiEgDD/6EZaYqSfSixl4jq97+Ph6F+VZ3uf+HH1K3mSATySeY7phEW8Qz2xaOud94hArSQrxOfG4QRckfuS67PIb56LDAs8MGZnUPHGIWCx2sNzBrGSoxNPEEUXVKF/Iuqxw3uKsVmqsdU/+wmBeW0lzneYI4lhCAkmIkFFDGRVYiNKqkWIiRfsxD/+w40+SSyZXGYwcC6hCheT4wf/gd7dmYWrSTQrGgO4X2/4YBQK7QLNu29/Htt08AfzPwJXW9lcbwOwn6fW2FjkCBraBi+u2Ju8BlzvA0JMuGZIj+WkKhQLwfkbflAMGb4HeNbe31j5OH4AMdbV8AxwcAmNFyl73eHdPZ2//nmn19wMlNnKIx2t1DgAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAAN1wAADdcBQiibeAAAAAd0SU1FB+UCFQMROgDJkKcAAAOsSURBVHja7d27i1xlGIDx5x0mmyoqRGI2Cd7QwkZRrOwMhjQxghJB0MZCjUlhI2KztZ1gJYFgYWsWVxIhxMt/ELwUFhJjyBp2RRRiiuzGzWuxUynofOeye86Z59cF5swcvvc5Z2e+DAxIkiRJkiRJGr5o88kzcw7YAxwA7gHmXPKprAOrwDKwGhG3ehNAZs4DR4HngIPATudZyxrwFbAELEXESicDyMzdwNvAWw69NbeAj4CFiFjtTACZ+SbwHrDLGW2J68A7EfHhtgaQmWPgfeCkM9kWp4CTdd4jRI3hzwFngUPOYVudB56tGsGoxgt/4PA74TBQ+U/BqOLVfwJ43bXvjFcz840t+ROQmXcDl4A7XPdO+RN4KCJ+bfsOsODwO2kX8G6rd4DJJs/PuKPXVWvAfSV7BOPCFzhaYfjfAJ8AlycbGfp/c8D9wDHgsYLjdrK5A3uqlbPKzM9zeuuZ+VpmhvOsvN6Rmccnazmtc22dzI7MvFlwIn5KaG7tjxes+83JBl3jJ3FvwUlc9Mpv/E7wbcH6H2jjU8B8wWPPREQ6umZM1vJMwSH72ghgb8FjLzu2xl1q42ItCaDk3b/v9pu33sasRq7rbDMAA5AByABkADIAGYAMQAYgA5AByABkADIAGYAMQAYgA5AByABkADIAGYAMQAYgA5AByABkADIAGYAMQAYgA5AByABkADIAGYAMQAYgA5AByABkADIAGYAMQAYgA5AByAD0L3cWPPa6AQxPyW8IXzOAAcnMu4CXDGA2hz8GTgO7pzxkBfjdAIYx/EeA88DzBYd9VvKzveOOlX4EeAbYM+Oz3wE8CDxa4dilkgePOzL8B9j8ceTHve5ruQp82asAMvNh4Gtgv/OrbSEi1nqzD+DwG/U98HHpQSOHPwg3gJcjYqMXATj8Rt0GXomI76ocPHL4vfYXcCIiPq36BGOH31t/AC9GxBd1nmTk8HtpEXiy7vC3LACH34gN4ALwVES8EBE/NfGkY4ffSets7ukvA1fY3A4+FxG/Nf1C4w4PfwU4GBE/2EN7Rg7fANrg8IcmM4/l9DaymuXJnUM9vwOMKl75hyLiR8cygPcA3vYNwOEbgMM3AIdvAA7fABy+ATj8LtrK7wP8Ajzt5/zZvAO4yTPDAXjbn+EAHP6AArjh8GdYZs5n5m3/V2+2I1h0+LMdwL7MvPIfw7/q8Icfwf7JnWDjH18AWcxMv/jZM1HnbgA8MfnnxYi45nJKkiRJkiRJUhf9DSNBEBI1q2RhAAAAAElFTkSuQmCC');
    background-size: 60%;
    background-position: center;
    background-repeat: no-repeat !important;
}

.post-type-button-painting.selected {
    background-color: #673DB6;
    color: white;
    background-image: url('data:image/png;base64,[encoded data, 4204 characters]');
    background-size: 60%;
    background-position: center;
    background-repeat: no-repeat !important;
}

.post-textarea {
    margin-bottom: 0;
    height: 299px;
    width: 835px;
    margin-left: -4px;
    padding: 10px;
    border-radius: 10px;
}

.post-memo {
    background-color: #eee;
    margin-bottom: 0;
    height: 300px;
    width: 835px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    margin-left: -4px;
    text-align: center;
}

.post-memo-preview {
    vertical-align: middle;
    text-align: center;
    margin-top: 30px;
}

.post-user-icon {
    margin: -15px 0 10px 50px;
    width: 100px;
    height: 100px;
    border-radius: 10px;
    float: left;
}

.post-emotions-wrapper {
    margin-top: -25px;
    margin-left: -655px;
    background-color: #eee;
    width: 305px;
    padding: 20px;
    border-radius: 5px;
}

.post-emotions-arrow-left {
    position: absolute;
    margin-top: -59px;
    margin-left: -680px;
    width: 0;
    height: 0;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-right: 26px solid #eee;
}

.post-emotion-radio label > input[type='radio'] {
    visibility: hidden;
    position: absolute;
}

.post-emotion-radio label > input[type='radio'] ~ span {
    cursor: pointer;
    width: 40px;
    height: 40px;
    display: inline-block;
    background-size: 40px 40px;
    background-repeat: no-repeat;
    vertical-align: middle;
}
/**
    Emotion icons created by NinStar#8700 on Discord
    https://ninstars.blogspot.com/
 */
.post-emotion-0 {
    background-image: url('data:image/png;base64,[encoded data, 4668 characters]');
    padding-right: 5px;
}

.post-emotion-1 {
    background-image: url('data:image/png;base64,[encoded data, 5468 characters]');
    padding-right: 5px;
}

.post-emotion-2 {
    background-image: url('data:image/png;base64,[encoded data, 5548 characters]');
    padding-right: 5px;
}

.post-emotion-3 {
    background-image: url('data:image/png;base64,[encoded data, 5776 characters]');
    padding-right: 5px;
}

.post-emotion-4{
    background-image: url('data:image/png;base64,[encoded data, 5476 characters]');
    padding-right: 5px;
}

.post-emotion-5 {
    background-image: url('data:image/png;base64,[encoded data, 5168 characters]');
}

.post-emotion-radio label > input[type='radio']:checked ~ span.post-emotion-0{
    background-image: url('data:image/png;base64,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');
}

.post-emotion-radio label > input[type='radio']:checked ~ span.post-emotion-1{
    background-image: url('data:image/png;base64,[encoded data, 4600 characters]');
}

.post-emotion-radio label > input[type='radio']:checked ~ span.post-emotion-2{
    background-image: url('data:image/png;base64,[encoded data, 4680 characters]');
}

.post-emotion-radio label > input[type='radio']:checked ~ span.post-emotion-3{
    background-image: url('data:image/png;base64,[encoded data, 4820 characters]');
}

.post-emotion-radio label > input[type='radio']:checked ~ span.post-emotion-4{
    background-image: url('data:image/png;base64,[encoded data, 4656 characters]');
}

.post-emotion-radio label > input[type='radio']:checked ~ span.post-emotion-5{
    background-image: url('data:image/png;base64,[encoded data, 4280 characters]');
}

.post-screenshot-picker {
    margin-top: -25px;
    margin-left: -605px;
    width: 220px;
    height: 80px;
    border-radius: 5px;
    background-color: #eee;
    text-align: center;
    display: none;
}

.post-screenshot-picker-icon {
    background-image: url('data:image/png;base64,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');
    background-size: 32%;
    background-position: center;
    background-repeat: no-repeat !important;
    width: 215px;
    height: 80px;
    cursor: pointer;
}

.post-screenshot-picker-dropdown {
    display: none;
    position: absolute;
    margin-top: 14px;
    width: 215px;
    height: 293px;
    border: 5px solid #c4bfbf;
    border-radius: 10px;
    background-color: #eee;
}

.post-screenshot-preview {
    width: 180px;
    height: 100px;
    border-radius: 5px;
    padding-top: 15px;
}