:root {
    --SC_background: #252e39;
    --SC_text: #fff;
    --SC_separator: #5a6572;
    --SC_checkbox: #fff;
}

#sotio-super-cookie,
#sotio-super-cookie * {
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

#sotio-super-cookie p,
#sotio-super-cookie li {
    color: var(--SC_text) !important;
}

.sotio-super-cookie {
    background: var(--SC_background);
    color: var(--SC_text);
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    text-align: center;
    z-index: 90001;
    max-height: 100vh;
    overflow-y: auto;
}
.sotio-super-cookie a {
    text-decoration: underline;
    margin-left: 5px;
    margin-right: 5px;
    color: var(--SC_text);
}
.sotio-super-cookie .btn {
    border: 1px solid currentColor;
    padding: 8px 16px;
    text-decoration: none;
}
.sotio-super-cookie .ssc-wrapper {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.sotio-super-cookie .left-col {
    width: 100%;
}
.sotio-super-cookie .right-col {
    margin-top: 15px;
    margin-bottom: 15px;
    width: 100%;
}
@media screen and (min-width: 0) and (max-width: 767px) {
    .sotio-super-cookie .right-col {
        margin-bottom: 0;
    }
    .sotio-super-cookie .right-col .btn {
        margin-bottom: 15px;
    }
}
@media screen and (min-width: 0) and (max-width: 500px) {
    .sotio-super-cookie .right-col .btn {
        display: block;
        width: 100%;
    }
}
.sotio-super-cookie .ssc-col-desc {
    margin-top: 15px;
}

.ssc-row {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 10px;
    text-align: left;
    padding-bottom: 20px;
    padding-top: 20px;
    border-bottom: 1px solid var(--SC_separator);
}
.ssc-row.-border-none {
    border-bottom: 0;
}
.ssc-row .ssc-col:first-child {
    flex-grow: 1;
    width: 50%;
}
@media screen and (min-width: 0) and (max-width: 640px) {
    .ssc-row .ssc-col:first-child {
        width: 100%;
    }
}
.ssc-row .ssc-col:first-child + * {
    width: 50%;
}
@media screen and (min-width: 0) and (max-width: 640px) {
    .ssc-row .ssc-col:first-child + * {
        width: 100%;
    }
}

.ssc-container {
    max-width: 1140px;
    margin: auto;
}

.ssc-checkbox input[type='checkbox'] {
    display: none;
    cursor: pointer;
}
.ssc-checkbox input[type='checkbox'] + span {
    display: inline-block;
    width: 20px;
    height: 20px;
    border: 1px solid var(--SC_checkbox);
}
.ssc-checkbox input[type='checkbox']:checked + span {
    background: var(--SC_checkbox);
}

#ssc-save-settings {
    margin: 0;
    text-decoration: none;
}

/* .ssc-col h3:not(.ssc-no-icon) {
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='10'><linearGradient id='gradient'><stop offset='10%' stop-color='%23F00'/><stop offset='90%' stop-color='%23fcc'/> </linearGradient><rect fill='url(%23gradient)' x='0' y='0' width='100%' height='100%'/></svg>") no-repeat;
    background-size: 30px;
    padding-left: 40px;
    min-height: 30px;
    padding-top: 0px;
    cursor: pointer;
} */

.ssc-col h3:not(.ssc-no-icon) {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' aria-hidden='true' role='img' class='iconify iconify--mdi-light' width='32' height='32' preserveAspectRatio='xMidYMid meet' viewBox='0 0 24 24'%3E%3Cpath d='M12.003 7v8.25l3.25-3.25l.75.664l-4.5 4.5l-4.5-4.5l.75-.664l3.25 3.25V7h1zm-.5 15a9.5 9.5 0 1 1 0-19a9.5 9.5 0 0 1 0 19zm0-1a8.5 8.5 0 1 0 0-17a8.5 8.5 0 0 0 0 17z' fill='%23fff'%3E%3C/path%3E%3C/svg%3E") no-repeat;

    background-size: 30px;
    padding-left: 40px;
    min-height: 30px;
    padding-top: 0px;
    cursor: pointer;
}

.ssc-col h3:not(.ssc-no-icon) a {
    text-decoration: none;
}

.sotio-super-cookie-table {
    width: 100%;
    margin: auto;
    margin-bottom: 20px;
}
.sotio-super-cookie-table th,
.sotio-super-cookie-table td {
    border-bottom: 1px solid var(--SC_separator);
    padding: 8px 12px;
}
.sotio-super-cookie-table tr:last-child td {
    border-bottom: 0;
}
.sotio-super-cookie-table th:nth-child(1) {
    width: 30%;
}
.sotio-super-cookie-table th:nth-child(2) {
    width: 30%;
}

#sotio-super-cookie-tiny {
    z-index: 50;
    cursor: pointer;
    position: fixed;
    bottom: 15px;
    left: 15px;
    background: var(--SC_background);
    color: var(--SC_text);
    text-align: center;
    border-radius: 9999px;
    width: 50px;
    height: 50px;
    display: flex;
    opacity: 0.5;
}
#sotio-super-cookie-tiny:hover {
    opacity: 1;
}
#sotio-super-cookie-tiny svg {
    margin: auto;
    display: block;
    width: 75%;
    height: 75%;
}

/* Floats
---------------------------------------------------------------------------------------------------- */
.fl {
    float: left !important;
}
.fr {
    float: right !important;
}
.clr {
    clear: right !important;
}
.cll {
    clear: left !important;
}
.cl,
.cleaner {
    clear: both !important;
    height: 0 !important;
    overflow: hidden !important;
    font-size: 0 !important;
}

/* Alignment
---------------------------------------------------------------------------------------------------- */
.tac {
    text-align: center !important;
}
.tal {
    text-align: left !important;
}
.tar {
    text-align: right !important;
}
.taj {
    text-align: justify !important;
}
.vab {
    vertical-align: bottom !important;
}
.vat {
    vertical-align: top !important;
}
.vam {
    vertical-align: middle !important;
}

/* Displaying
---------------------------------------------------------------------------------------------------- */
.nod,
.dn {
    display: none !important;
}
.db {
    display: block !important;
}
.dib {
    display: inline-block !important;
}
.hid {
    visibility: hidden;
}

/* TextTransform
---------------------------------------------------------------------------------------------------- */
.uppercase,
.upper {
    text-transform: uppercase;
}
.lowercase,
.lower {
    text-transform: lowercase;
}

/* Margins
---------------------------------------------------------------------------------------------------- */
.nmr,
.mrn {
    margin-right: 0 !important;
}
.nml,
.mln {
    margin-right: 0 !important;
}
.nm,
.nomar,
.mn {
    margin: 0 !important;
}
.nmb,
.mbn {
    margin-bottom: 0 !important;
}
.nmt,
.mtn {
    margin-top: 0 !important;
}

/* Paddings
---------------------------------------------------------------------------------------------------- */
.nopad,
.pn,
.np {
    padding: 0 !important;
}
.npl,
.pln {
    padding-left: 0 !important;
}
.npr,
.prn {
    padding-right: 0 !important;
}
.npt,
.ptn {
    padding-top: 0 !important;
}
.npb,
.pbn {
    padding-bottom: 0 !important;
}
.bb {
    border-bottom: 1px solid #ddd;
}

/* Margins - defined
---------------------------------------------------------------------------------------------------- */
.mab30,
.mab60 {
    margin-bottom: 30px !important;
}
.mr4 {
    margin-right: 4px;
}
.mb5 {
    margin-bottom: 5px !important;
}
.mb10 {
    margin-bottom: 10px !important;
}

/* Borders
---------------------------------------------------------------------------------------------------- */
.nb,
.bn {
    border: none !important;
}
.bbn {
    border-bottom: 0 !important;
}
.bt0 {
    border-top: 0 !important;
}
.bln {
    border-left: 0 !important;
}
.brn {
    border-right: 0 !important;
}

/* Cursors
---------------------------------------------------------------------------------------------------- */
.pointer {
    cursor: pointer !important;
}
.default {
    cursor: default !important;
}