/**
 * VARS
 */
:root {
    --primary-text-color: #111;
    --secondary-text-color: #777;

    --primary-text-on-dark-background-color: #fff;
    --secondary-text-on-dark-background-color: #ddd;

    --primary-theme-color: #333;
    --secondary-theme-color: #6c757d;

    --primary-accent-color:#2196F3;
    --primary-accent-color-light: #c2e2fa;
    --primary-accent-color-lighter: #e5f1fd;
    --primary-accent-color-lightest: #e9f3fd;

    --secondary-accent-color: rgb(213, 33, 86);
    --secondary-accent-color-light: rgb(236, 196, 207);
    --secondary-accent-color-lighter: rgb(245, 236, 239);
    --secondary-accent-color-lightest: rgb(248, 243, 245);
    --secondary-accent-color-dark: rgb(173, 0, 38);
    --secondary-accent-color-darker: rgb(153, 0, 35);
    --secondary-accent-color-darkest: rgb(133, 0, 30);


    --tertiary-accent-color:rgb(24, 119, 143);
    --tertiary-accent-color-dark: #0a889b;
    --tertiary-accent-color-light: #c1e5eb;
    --tertiary-accent-color-lighter: #d4ebef;

    --primary-background-color: #eef3fa;
    --secondary-background-color: #fff;

    --primary-content-background-color: #fff;
    --secondary-content-background-color: #fafafa;
}


/*
 * DEFAULT ELEMETS
 */
::placeholder {
    color: var(--secondary-text-color);
    font-family: 'Outfit', system-ui, sans-serif;
}
input {
    font-family: 'Outfit', system-ui, sans-serif;
}




/**
 * BASE
 */
body {
    font-family: 'Outfit', system-ui, sans-serif;
    font-size: 1.1em;
    background: #e0f7ff;
    background: radial-gradient(circle, rgba(224, 247, 255, 1) 0%, rgba(225, 245, 234, 1) 50%, rgba(255, 251, 227, 1) 100%);

    /* Normalize */
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}


html {
    overflow: scroll;
}

/* Hide scrollbars */
::-webkit-scrollbar {
    width: 0;
    height: 0;
    display: none;
}


/*
 * Text
 */
h1 {
    font-size: 1.6em;
    font-weight: bold;
    margin: 10px 0;
}

h2 {
    font-size: 1.3em;
    font-weight: bold;
    margin: 5px 0;
}
@media screen and (min-width: 980px) {
    h1 {
        font-size: 1.9em;
    }

    h2 {
        font-size: 1.5em;
    }
}


/** 
 * MAIN CONTAINER
 */
.container {
    width: calc(100vw - 54px);
    margin: 10px auto;
    padding: 15px;

    background-color: var(--primary-content-background-color);
    border-radius: 10px;
    border: 1px solid #eee;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.01);
}

.flexible-wrapper {
    width: 100%;
    max-width: calc(100vw - 24px);
    margin: 10px auto;

    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
    box-sizing: content-box;
}

.flexible-container {
    background-color: var(--primary-content-background-color);
    border-radius: 8px;
    padding: 20px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
}

.flexible-inner-card {
    border: 2px solid var(--primary-accent-color-lightest);
    background-color: var(--primary-accent-color-lightest);
    border-radius: 8px;
    cursor: pointer;
    text-decoration: none;

    img {
        width: 100%;
        height: 100px;
        border-radius: 8px 8px 0 0;
        background-color: #fff;
    }

    &:hover {
        background-color: var(--primary-accent-color-light);
        transform: scale(1.05);
        transition: transform 0.2s ease-in-out;
    }

    .flexible-inner-card-logo {
        width: 100%;
        height: 100px;
        border-radius: 8px 8px 0 0;

        img {
            object-fit: contain;
        }
    }

    .flexible-inner-card-wallpaper {
        width: 100%;
        height: 100px;
        border-radius: 8px 8px 0 0;

        img {
            object-fit: cover;
        }
    }

    .flexible-inner-card-title-text {
        margin-top: 5px;
        text-align: center;
        font-weight: bold;
        font-size: 1.1em;
        color: var(--primary-text-color);
    }
    .flexible-inner-card-bottom-text {
        text-align: center;
        padding-bottom: 10px;
        color: var(--secondary-text-color);
    }
}

.flexible-element-two-thirds,
.flexible-element-one-third {
    flex: 1 1 100%;
    box-sizing: border-box;
}

.flexible-element-2-2-1 {
    flex: 1 1 100%;
    box-sizing: border-box;
}

.flexible-element-3-2-1 {
    flex: 1 1 100%;
    min-width: 0;
    box-sizing: border-box;
}

.flexible-element-6-4-2 {
    flex: 1 1 calc(50% - 20px);
    box-sizing: border-box;
}

.flexible-element-2-2-2 {
    flex: 1 1 calc(50% - 20px);
    box-sizing: border-box;
}

@media screen and (min-width: 980px) {
    .container {
        width: 880px;
        margin: 20px auto;
        padding: 30px;
    }

    .flexible-wrapper {
        max-width: 940px;
        margin: 20px auto;
        gap: 20px;
    }

    .flexible-element-two-thirds,
    .flexible-element-one-third {
        flex: 1 1 100%;
    }

    .flexible-element-2-2-1 {
        flex: 1 1 calc(50% - 20px);
    }

    .flexible-element-3-2-1 {
        flex: 1 1 calc(50% - 20px);
    }

    .flexible-element-3-2-2 {
        flex: 1 1 calc(50% - 20px);
    }

    .flexible-element-6-4-2 {
        flex: 1 1 calc(25% - 10px * 4);
    }
}

@media screen and (min-width: 1360px) {
    .container {
        width: 1180px;
        margin: 20px auto;
    }

    .flexible-wrapper {
        max-width: 1240px;
        margin: 0 auto;
    }

    .flexible-element-two-thirds {
        flex: 2 1 calc(66.66% - 10px);
    }

    .flexible-element-one-third {
        flex: 1 1 calc(33.33% - 10px);
    }

    .flexible-element-2-2-1 {
        flex: 1 1 calc(50% - 10px * 2);
    }

    .flexible-element-3-2-1 {
        flex: 1 1 calc(33.33% - 10px * 3);
    }

    .flexible-element-3-2-2 {
        flex: 1 1 calc(33.33% - 10px * 3);
    }

    .flexible-element-6-4-2 {
        flex: 1 1 calc(16.66% - 10px * 6);
    }
}


/** 
 * GENERAL
 */
.hide {
    display: none !important;
}
.show, .force-show {
    display: block !important;
}

@media screen and (max-width: 979px) {
    .hide-on-mobile {
        display: none;
    }
    .always-hide-on-mobile {
        display: none !important;
    }
    .always-show-on-mobile {
        display: block !important;
    }
}

@media screen and (min-width: 980px) and (max-width: 1359px) {
    .hide-on-tablet {
        display: none;
    }
    .always-hide-on-tablet {
        display: none !important;
    }
    .always-show-on-tablet {
        display: block !important;
    }
}

@media screen and (min-width: 1360px) {
    .hide-on-large {
        display: none;
    }
    .always-hide-on-large {
        display: none !important;
    }
    .always-show-on-large {
        display: block !important;
    }
    
}

@media screen and (min-width: 980px) {
    .hide-on-desktop {
        display: none;
    }
    .always-hide-on-desktop {
        display: none !important;
    }
    .always-show-on-desktop {
        display: block !important;
    }
}


/** 
 * NAVIGATION BAR
 */
.navbar {
    position: fixed;
    z-index: 1000;

    top: 0;
    left: 0;
    width: calc(100% - 74px);

    margin: 20px;
    padding: 15px;
        
    border-radius: 10px;

    background-color: var(--primary-theme-color);
    color: var(--primary-text-on-dark-background-color);

    /* pseudo element to hide stuff above the navbar */
    &::after {
        content: "";
        position: absolute;
        top: -20px;
        left: 0;
        width: 100%;
        height: 20px;
        pointer-events: none;

        backdrop-filter: blur(6px);
        background: linear-gradient(90deg, rgba(224, 247, 255, 0.01) 0%, rgba(246, 255, 237, 1) 50%, rgba(250, 249, 232, 0.01) 100%);
    }
    
    .title {
        font-weight: bold;
        a {
            color: var(--primary-text-on-dark-background-color);
            text-decoration: none;
        }
    }

    nav {
        width: max-content;

        a {
            padding: 10px 20px;
            border-radius: 5px;

            text-decoration: none;
            color: var(--primary-text-on-dark-background-color);

            &:hover {
                background-color: color-mix(in srgb, var(--primary-theme-color) 70%, black);
                color: var(--primary-text-on-dark-background-color);
            }
        }
    }
}

@media screen and (max-width: 1359px) {
    .navbar nav a {
        padding: 10px 12px;
    }
}


@media screen and (max-width: 979px) {
    .navbar {
        width: calc(100% - 54px);
        margin: 10px;
        height: 72px;
    }

    .navbar nav a {
        padding: 10px max(5px, 1.2vw);
    }
    
    .title {
        position: fixed;
        margin-top: -5px;
        font-size: 1.2em;
    }

    nav {
        position: fixed;
        margin-top: 50px;
        left: 50%;
        transform: translateX(-50%);
        font-size: min(3.8vw, 1em);
    }
    
    .language-switcher {
        right: 0;
        margin-top: -5px;
        margin-right: 20px;
        position: fixed;
    }
    
}

 @media screen and (min-width: 980px) {
    .navbar {
        display: flex;
        justify-content: space-between;
        align-items: center;
    
        .title {
            justify-self: start;
            font-size: 1.5em;
        }
    
        nav {
            font-size: 0.94em;
            font-weight: bold;
            position: absolute;
            left: 50%;
            transform: translateX(-50%);
        }
    
        .languge-switcher {
            flex-shrink: 0;
        }
    }
}


/**
 * SUB NAVIGATION
 */
 .sub-menu-container {
    top: 112px;
    position: fixed;
    display: none;

     font-size: 0.9em;

    background: white;
    border: 1px solid lightgray;
    border-radius: 0 0 8px 8px;
    padding: 10px;
    left: calc(15% - 15px);
    width: 70%;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
    z-index: 1001;
}

 @media screen and (min-width: 980px) {
    .sub-menu-container {
        top: 85px;
        position: fixed;
        transform: translateX(-50%);
        width: max-content;
        font-size: 1em;

        &.sub-menu-container-0 {
            left: calc(50% - 280px);
        }

        &.sub-menu-container-1 {
            left: calc(50% - 140px);
        }

        &.sub-menu-container-2 {
            left: calc(50%);
        }

        &.sub-menu-container-3 {
            left: calc(50% + 140px);
        }

        &.sub-menu-container-4 {
            left: calc(50% + 280px);
        }
    }
}

.sub-menu-container::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 10px;
    
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1), transparent);
    border-radius: inherit;
    pointer-events: none;
}

.sub-menu-item {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 5px 0;
    padding: 10px 20px 10px 15px;
    border-radius: 4px;
    cursor: pointer;

    text-decoration: none;
    color: var(--primary-text-color);

    &:hover {
        background-color: rgba(0, 0, 0, 0.03);
    }
}

.sub-menu-item img {
    width: 24px;
    height: 24px;
    margin-right: 5px;
}
@media screen and (min-width: 980px) {
    .sub-menu-item img {
        width: 32px;
        height: 32px;
        margin-right: 5px;
    }
}




/**
 * LANGUAGE SWITCHER
 */
.language-switcher button {
    background-color: #444;
    border: none;
    border-radius: 5px;
    padding: 5px 10px;
    margin: 0 5px;
    cursor: pointer;

    color: var(--primary-text-on-dark-background-color);

    &:hover {
        background-color: color-mix(in srgb, var(--primary-theme-color) 70%, black);
    }
}

/* make .language-selector popover without outline but give border radius */

#language-selector[popover], #referral-code-input[popover] {
    border: 0;
    padding: 20px;
    border-radius: 10px;
    background-color: #fff;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    z-index: 1000;

    max-width: min(80vw, 400px);

    a {
        display: flex;
        align-items: center;
        text-decoration: none;
        padding: 10px;
        border-radius: 5px;
        color: #000;

        img {
            margin-right: 10px;
        }

        &:hover {
            background-color: #f4f4f4;
        }
    }

    input {
        width: 100%;
        padding: 10px;
        box-sizing: border-box;
        border-radius: 10px;
        font-size: 0.95em;

        &[type="text"] {
            border: 1px solid var(--tertiary-accent-color-light);
            background-color: var(--tertiary-accent-color-lighter);
        }
        &[type="submit"] {
            background-color: var(--tertiary-accent-color);
            cursor: pointer;
            border: none;
            color: var(--primary-text-on-dark-background-color);
            font-weight: bold;

            &:hover {
                background-color: color-mix(in srgb, var(--primary-accent-color) 90%, white);
            }
        }

        &:not(:last-child) {
            margin-bottom: 20px;
        }
    }
}
#language-selector[popover]::backdrop, #referral-code-input[popover]::backdrop {
    background: rgba(0, 0, 0, 0.4); /* Adjust darkness */
    backdrop-filter: blur(3px);
}

/* If nav > .current-referral-code contains text, add margin-left to it */
.navbar .current-referral-code:not(:empty) {
    margin-left: 6px;
}


/** 
 * MAIN ELEMENTS
 */
.disclaimer {
    margin: 0 auto 20px;
    width: 80%;
    max-width: 1180px;

    padding-top: 5px;
    font-size: 0.7em;
    text-align: center;
    color: var(--secondary-text-color);
}

.current-language {
    background-color: #444;
}

.current-menu-item {
    background-color: #444;
}

main {
    margin-top: 90px;
    margin-left: -6px;
}   

@media screen and (min-width: 980px) {
    main {
        margin-top: 60px;
    }
    
}


    

.infobox {
    background-color: var(--primary-accent-color-lighter);
    border-left: 6px solid var(--primary-accent-color);
    padding: 10px;
    margin-top: 20px;
    border-radius: 10px;

    p {
        margin: 0 0 10px 0;
    }

    h3 {
        margin: 0 0 10px 0;
    }
}






.spark-table-wrapper {
    height: auto;
    width: fit-content;
    margin: 0 auto;
    background: var(--primary-content-background-color);

    box-shadow: 0 0 10px rgba(0, 0, 0, 0.02);

    font-size: 0.9em;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    overflow: auto;
}

.spark-table {
    border-spacing: 0;

    thead.sticky {
        position: sticky;
        top: 0;
        z-index: 1;
        background: var(--primary-content-background-color);
    }

    th.sticky,
    td.sticky {
        position: sticky;
        left: 0;
        background: #ebf1f6;
        text-align: left;
        font-weight: bold;
    }

    th img, td img {
        max-width: 150px;
    }

    th, td {
        padding: 18px 18px;
        border-bottom: 1px dashed #eee;
        border-right: 1px solid #ddd;
        width: 184px;
        vertical-align: top;
    }

    th:first-child, td:first-child {
        width: 150px;
    }

    tr:last-child td {
        border-bottom: none;
    }
    
    td:not(:first-child), th:not(:first-child) {
        text-align: center;
    }
}

.spark-signup-button {
    background-color: var(--tertiary-accent-color);
    color: white;
    border: none;
    border-radius: 5px;
    padding: 10px 20px;
    cursor: pointer;
    display: block;
    text-decoration: none;
    text-align: center;
    font-size: 1em;
    font-weight: bold;

    transition: transform 0.2s ease-in-out;
    &:hover {
        transform: scale(1.05);
        background-color: color-mix(in srgb, var(--tertiary-accent-color) 90%, white);
    }
}

.button {
    background-color: var(--tertiary-accent-color);
    color: white;
    border: none;
    border-radius: 5px;
    padding: 10px 20px;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    font-size: 1em;
    font-weight: bold;

    &:hover {
        background-color: color-mix(in srgb, var(--tertiary-accent-color) 90%, white);
    }
}

.spark-signup-bonus {
    padding: 4px 14px;

    background-color: #c1e5eb;
    border : 1px solid #0a889b;

    font-weight: normal;
    font-size: 0.9em;

    border-radius: 0 0 5px 5px;
}

.spark-menu {
    text-align: right;
    display: flex;
    justify-content: flex-end;
    width: 100%;

    button {
        background-color: #fff;
        padding: 4px 8px 2px 8px;
        margin: 0 2px;
        border: 1px solid #ddd;
        border-bottom: none;
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
        cursor: pointer;
        box-shadow: inset 0 -4px 4px rgba(0, 0, 0, 0), inset 0 -4px 4px rgba(0, 0, 0, 0.05);

        &:hover {
            background-color: var(--tertiary-accent-color);
            cursor: pointer;

            img {
                filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(100%) contrast(100%);
            }
        }


    }

    span {
        font-size: 0.92em;
    }
}

.spark-menu-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 5px;
}

@media screen and (min-width: 980px) {
    .spark-menu {
        width: 944px;
        margin: 0 auto;
    }
}

@media screen and (min-width: 1360px) {
    .spark-menu {
        width: 1244px;
        margin: 0 auto;
    }
}


img.star-icon {
    filter: saturate(180%);
}

img.check-icon {
    filter: saturate(160%);
}

img.cross-icon {
    filter: saturate(180%);
}


/**
 * Spark Instant Search
 */
.spark-search-container{
    width: 61%;
    max-width: 600px;
    margin: 20px auto 20px;

    input[type="search"] {
        font-size: 1em;

        border: none;
        background-color: var(--primary-accent-color-lightest);
        padding: 15px;
        display: block;
        width: 100%;
        border-radius: 8px;
        outline: none;
        border: 4px solid transparent;

        &:focus {
            border-color: var(--primary-accent-color);
            border: 4px solid var(--primary-accent-color);
            background-color: var(--primary-content-background-color);
        }
    }

    .spark-items-container{
        margin: 10px 0;

        .spark-item {
            display: flex;
            align-items: center;
            gap: 15px;
            width: 100%;
            padding: 8px;
            border-radius: 8px;
            box-sizing: border-box;

            cursor: pointer;
        }

        .spark-search-result-col-1 {
            display: flex;
            align-items: center;
            width: 100px;
            flex-shrink: 0;

            height: 50px;
            border-radius: 8px;
            background-color: #fff;

            /* scale img to fit and center vertically and horizontally */
            img {
                width: 100%;
                height: 100%;
                object-fit: contain;
                border-radius: 8px;
            }
        }

        .spark-search-result-col-2 {
            display: flex;
            flex-direction: column;
            gap: 5px;
            flex-grow: 1;
            width: calc(100% - 100px);

            font-weight: bold;
        }
    }
}

/* on mobile set container to 100% width */
@media screen and (max-width: 979px) {
    .spark-search-container {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
        margin: 0 auto 0;
    }

    .spark-items-container {
        margin: 0 !important;
    }
}


/*
 * Spark Offer
 */
.spark-cashback-offers-small-container {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 10px;
}

.spark-cashback-offer-small {
    flex: 1;
    min-width: 0;
    text-align: left;
    border-radius: 8px;
    background-color: var(--primary-accent-color-lighter);
    overflow: hidden;
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;

    text-decoration: none;
    color: var(--primary-text-color);

    /* slight shadow */
    border: 2px solid var(--primary-accent-color-lighter);

    /* hover animation */
    transition: transform 0.2s ease-in-out, background-color 0.2s ease-in-out;
    &:hover {
        transform: scale(1.04);
    }

    &:hover {
        background-color: var(--primary-accent-color-light);
    }
}

.spark-cashback-offer-small-description {
    font-weight: bold;
    display: flex;
    align-items: center;
}

.spark-cashback-offer-small-image {
    width: 60px;
    height: 40px;
    flex-shrink: 0;
    background-color: white;
    display: flex;
    align-items: center;
    justify-content: center;

}

.spark-cashback-offer-small-image img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.spark-cashback-offer-small-title {
    flex: 1;
    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}




/* footer */
footer {
    width: calc(100% - 74px);
    margin: 0 auto;
    
    border-radius: 12px 12px 0 0;
    background-color: transparent;
    padding: 15px;
    margin-top: 20px;
}

@media screen and (max-width: 979px) {
    footer {
        width: calc(100% - 54px);
    }
}

.footer-nav {
    a {
        display: inline-block;
        padding: 10px 0;
        text-decoration: none;
        border-radius: 8px;
        color: var(--primary-text-color);

        &:hover {
            color: var(--secondary-accent-color-dark);
        }
    }
}


/* cashback offers */

.cashback-offer-container {
    button {
        width: 100%;
        background-color: var(--tertiary-accent-color);
        font-family: 'Outfit', system-ui, sans-serif;
        font-weight: bold;

        &:disabled {
            background-color: #aaa;
            cursor: not-allowed;

            &:hover {
                background-color: #aaa;
            }
        }
    }
}

.cashback-offer-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 20px;

    strong {
        font-weight: bold;
        font-size: 1.5em;
    }
}

.cashback-offer-col-1,
.cashback-offer-col-2,
.cashback-offer-col-3 {
    margin-bottom: 15px;
}

.cashback-offer-col-1 img {
    max-width: 200px;
    margin-right: 10px;
}

.cashback-offer-container-highlight {
    border: 1px solid #eee;
}

@media screen and (min-width: 980px) {
    .cashback-offer-container-highlight {
        background-color: #fbedd4;
        border-color: #f5e2c0;
    }

    .cashback-offer-container {
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        text-align: left;

        padding: 10px 30px;

        img {
            width: 61%;
            max-height: 100%;
            object-fit: contain;
        }

        &:hover {
            transition: transform 0.2s ease-in-out, background-color 0.2s ease-in-out;
            transform: scale(1.02);
        }
    }

    .cashback-offer-col-1,
    .cashback-offer-col-2,
    .cashback-offer-col-3 {
        margin-bottom: 0;
    }

    .cashback-offer-col-1 {
        width: 23%;
    }

    .cashback-offer-col-2 {
        width: 54%;
    }

    .cashback-offer-col-3 {
        width: 23%;
        text-align: right;
    }
}

/* Margin Helpers */
.margin-top-0 {
    margin-top: 0;
}
.margin-top-5 {
    margin-top: 5px;
}
.margin-top-10 {
    margin-top: 10px;
}
.margin-top-15 {
    margin-top: 15px;
}
.margin-top-20 {
    margin-top: 20px;
}

.margin-bottom-0 {
    margin-bottom: 0;
}
.margin-bottom-5 {
    margin-bottom: 5px;
}
.margin-bottom-10 {
    margin-bottom: 10px;
}
.margin-bottom-15 {
    margin-bottom: 15px;
}
.margin-bottom-20 {
    margin-bottom: 20px;
}


/**
 * SHAREON
 */
.shareon{font-size:0!important}.shareon>*{display:inline-block;position:relative;height:24px;min-width:16px;margin:3px;padding:6px 10px;background-color:#333;border-radius:3.33333px;border:0;box-sizing:content-box;color:#fff;line-height:1.5;transition:opacity .3s ease;vertical-align:middle}.shareon>:hover{border:0;cursor:pointer;opacity:.7}.shareon>:not(:empty){font-size:16px;text-decoration:none}.shareon>:not(:empty):before{position:relative;height:100%;width:28px;top:0;left:0;background-position:0 50%}.shareon>:before{display:inline-block;position:absolute;height:20px;width:20px;top:8px;left:8px;background-repeat:no-repeat;background-size:20px 20px;content:"";vertical-align:bottom}.shareon>.bluesky{background-color:#0285ff}.shareon>.bluesky:before{background-image:url("data:image/svg+xml,%3csvg fill='%23fff' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12 10.8c-1.087-2.114-4.046-6.053-6.798-7.995C2.566.944 1.561 1.266.902 1.565.139 1.908 0 3.08 0 3.768c0 .69.378 5.65.624 6.479.815 2.736 3.713 3.66 6.383 3.364q.204-.03.415-.056-.207.033-.415.056c-3.912.58-7.387 2.005-2.83 7.078 5.013 5.19 6.87-1.113 7.823-4.308.953 3.195 2.05 9.271 7.733 4.308 4.267-4.308 1.172-6.498-2.74-7.078a9 9 0 0 1-.415-.056q.21.026.415.056c2.67.297 5.568-.628 6.383-3.364.246-.828.624-5.79.624-6.478 0-.69-.139-1.861-.902-2.206-.659-.298-1.664-.62-4.3 1.24C16.046 4.748 13.087 8.687 12 10.8'/%3e%3c/svg%3e")}.shareon>.copy-url:before{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71'/%3e%3c/svg%3e")}.shareon>.copy-url.done:before{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M20 6 9 17l-5-5'/%3e%3c/svg%3e")}.shareon>.email:before{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3e%3crect height='16' rx='2' width='20' x='2' y='4'/%3e%3cpath d='m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7'/%3e%3c/g%3e%3c/svg%3e")}.shareon>.facebook{background-color:#1877f2}.shareon>.facebook:before{background-image:url("data:image/svg+xml,%3csvg fill='%23fff' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073'/%3e%3c/svg%3e")}.shareon>.fediverse{background-color:#8a54af}.shareon>.fediverse:before{background-image:url("data:image/svg+xml,%3csvg fill='%23fff' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M5.239 8.64a2.43 2.43 0 0 1-1.041 1.036l5.714 5.736 1.377-.698zm7.537 7.566-1.378.698 2.895 2.907a2.43 2.43 0 0 1 1.041-1.037zm6.61-5.297-3.234 1.64.238 1.526 3.66-1.856a2.43 2.43 0 0 1-.663-1.31m-5.113 2.592-7.649 3.876a2.43 2.43 0 0 1 .664 1.31l7.223-3.66zm-2.46-9.549-3.69 7.205 1.089 1.094 3.908-7.628a2.43 2.43 0 0 1-1.307-.67m-4.65 9.078-1.87 3.65a2.44 2.44 0 0 1 1.307.67l1.652-3.226zm-2.998-3.34a2.44 2.44 0 0 1-1.216.255 3 3 0 0 1-.235-.025l1.092 6.983a2.44 2.44 0 0 1 1.216-.255q.118.007.234.025zm3.129 9.03a2.4 2.4 0 0 1 .025.49 2.4 2.4 0 0 1-.256.96l6.98 1.121a2.4 2.4 0 0 1-.025-.49 2.4 2.4 0 0 1 .257-.96zm12.78-6.476-3.222 6.29a2.43 2.43 0 0 1 1.307.671l3.222-6.29a2.43 2.43 0 0 1-1.307-.671M15.68 3.348a2.44 2.44 0 0 1-1.04 1.036l4.99 5.01a2.43 2.43 0 0 1 1.04-1.037zm-4.554-.731L4.818 5.813a2.43 2.43 0 0 1 .663 1.31l6.309-3.197a2.43 2.43 0 0 1-.664-1.31m3.502 1.774a2.44 2.44 0 0 1-1.236.264 3 3 0 0 1-.213-.022l.559 3.578 1.524.244zm-.565 5.9 1.32 8.46a2.43 2.43 0 0 1 1.199-.246q.128.007.254.028l-1.249-7.998zM5.486 7.15a2.4 2.4 0 0 1 .027.498 2.4 2.4 0 0 1-.253.953l3.58.575.704-1.374zm6.137.986L10.92 9.51l8.46 1.36a2.4 2.4 0 0 1-.024-.485 2.4 2.4 0 0 1 .26-.966zM13.645.015a2.212 2.212 0 1 0-.24 4.418 2.212 2.212 0 1 0 .24-4.418m8.261 8.293a2.212 2.212 0 1 0-.24 4.418 2.212 2.212 0 1 0 .24-4.418M16.57 18.725a2.212 2.212 0 1 0-.24 4.419 2.212 2.212 0 1 0 .24-4.419M5.01 16.871a2.212 2.212 0 1 0-.24 4.418 2.212 2.212 0 1 0 .24-4.418M3.204 5.307a2.212 2.212 0 1 0-.24 4.418 2.212 2.212 0 1 0 .24-4.418'/%3e%3c/svg%3e")}.shareon>.hackernews{background-color:#fb651e}.shareon>.hackernews:before{background-image:url("data:image/svg+xml,%3csvg fill='%23fff' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='m2.842.564 7.545 14.144V24h2.905v-9.124L20.903.566h-3.21L13.186 9.51c-.682 1.367-1.262 2.631-1.262 2.631s-.545-1.299-1.195-2.63L6.291.563z'/%3e%3c/svg%3e")}.shareon>.linkedin{background-color:#0a66c2}.shareon>.linkedin:before{background-image:url("data:image/svg+xml,%3csvg fill='%23fff' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M23.722 23.72h-4.91v-7.692c0-1.834-.038-4.194-2.559-4.194-2.56 0-2.95 1.995-2.95 4.06v7.827H8.394V7.902h4.716v2.157h.063c.659-1.244 2.261-2.556 4.655-2.556 4.974 0 5.894 3.274 5.894 7.535v8.683ZM.388 7.902h4.923v15.819H.388zM2.85 5.738A2.85 2.85 0 0 1 0 2.886a2.851 2.851 0 1 1 2.85 2.852'/%3e%3c/svg%3e")}.shareon>.linkedin:not(:empty):before{background-image:url("data:image/svg+xml,%3csvg fill='%23fff' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433a2.06 2.06 0 0 1-2.063-2.065 2.064 2.064 0 1 1 2.063 2.065m1.782 13.019H3.555V9h3.564zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0z'/%3e%3c/svg%3e")}.shareon>.lobsters{background-color:#ac130d}.shareon>.lobsters:before{background-image:url("data:image/svg+xml,%3csvg fill='%23fff' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M14.09.481v1.411c-.308.022-.616 0-.902.044-.44.066-.881.13-1.3.241-.77.242-1.164.774-1.252 1.5a7 7 0 0 0-.069.99V18.74c0 .594.068 1.186.134 1.758.066.64.484 1.058 1.08 1.278.507.198 1.054.245 1.583.267 1.387.044 2.755.02 4.099-.332 1.937-.484 3.235-1.697 3.875-3.611.197-.617.284-1.256.438-1.894.022-.044.067-.132.111-.132h1.454c-.044 2.642.044 5.283 0 7.926H2.09v-1.386c0-.242 0-.219.22-.24.505-.045 1.011-.067 1.518-.155 1.013-.176 1.475-.686 1.63-1.72a7 7 0 0 0 .068-.946V4.711c0-.397-.047-.793-.09-1.167-.067-.683-.506-1.1-1.145-1.342-.594-.22-1.21-.244-1.827-.288h-.332V.481L2.33.285h11.54c.153 0 .22.02.22.196'/%3e%3c/svg%3e")}.shareon>.mastodon{background-color:#6364ff}.shareon>.mastodon:before{background-image:url("data:image/svg+xml,%3csvg fill='%23fff' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M23.268 5.313c-.35-2.578-2.617-4.61-5.304-5.004C17.51.242 15.792 0 11.813 0h-.03c-3.98 0-4.835.242-5.288.309C3.882.692 1.496 2.518.917 5.127.64 6.412.61 7.837.661 9.143c.074 1.874.088 3.745.26 5.611.118 1.24.325 2.47.62 3.68.55 2.237 2.777 4.098 4.96 4.857 2.336.792 4.849.923 7.256.38q.398-.092.786-.213c.585-.184 1.27-.39 1.774-.753a.06.06 0 0 0 .023-.043v-1.809a.05.05 0 0 0-.02-.041.05.05 0 0 0-.046-.01 20.3 20.3 0 0 1-4.709.545c-2.73 0-3.463-1.284-3.674-1.818a5.6 5.6 0 0 1-.319-1.433.053.053 0 0 1 .066-.054c1.517.363 3.072.546 4.632.546.376 0 .75 0 1.125-.01 1.57-.044 3.224-.124 4.768-.422q.059-.011.11-.024c2.435-.464 4.753-1.92 4.989-5.604.008-.145.03-1.52.03-1.67.002-.512.167-3.63-.024-5.545m-3.748 9.195h-2.561V8.29c0-1.309-.55-1.976-1.67-1.976-1.23 0-1.846.79-1.846 2.35v3.403h-2.546V8.663c0-1.56-.617-2.35-1.848-2.35-1.112 0-1.668.668-1.67 1.977v6.218H4.822V8.102q0-1.965 1.011-3.12c.696-.77 1.608-1.164 2.74-1.164 1.311 0 2.302.5 2.962 1.498l.638 1.06.638-1.06c.66-.999 1.65-1.498 2.96-1.498 1.13 0 2.043.395 2.74 1.164q1.012 1.155 1.012 3.12z'/%3e%3c/svg%3e")}.shareon>.messenger{background-color:#00b2ff}.shareon>.messenger:before{background-image:url("data:image/svg+xml,%3csvg fill='%23fff' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M.001 11.639C.001 4.949 5.241 0 12.001 0S24 4.95 24 11.639s-5.24 11.638-12 11.638c-1.21 0-2.38-.16-3.47-.46a.96.96 0 0 0-.64.05l-2.39 1.05a.96.96 0 0 1-1.35-.85l-.07-2.14a.97.97 0 0 0-.32-.68A11.39 11.389 0 0 1 .002 11.64zm8.32-2.19-3.52 5.6c-.35.53.32 1.139.82.75l3.79-2.87c.26-.2.6-.2.87 0l2.8 2.1c.84.63 2.04.4 2.6-.48l3.52-5.6c.35-.53-.32-1.13-.82-.75l-3.79 2.87c-.25.2-.6.2-.86 0l-2.8-2.1a1.8 1.8 0 0 0-2.61.48'/%3e%3c/svg%3e")}.shareon>.odnoklassniki{background-color:#ee8208}.shareon>.odnoklassniki:before{background-image:url("data:image/svg+xml,%3csvg fill='%23fff' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12 0a6.2 6.2 0 0 0-6.194 6.195 6.2 6.2 0 0 0 6.195 6.192 6.2 6.2 0 0 0 6.193-6.192A6.2 6.2 0 0 0 12.001 0zm0 3.63a2.567 2.567 0 0 1 2.565 2.565 2.57 2.57 0 0 1-2.564 2.564 2.57 2.57 0 0 1-2.565-2.564 2.567 2.567 0 0 1 2.565-2.564zM6.807 12.6a1.814 1.814 0 0 0-.91 3.35 11.6 11.6 0 0 0 3.597 1.49l-3.462 3.463a1.815 1.815 0 0 0 2.567 2.566L12 20.066l3.405 3.403a1.813 1.813 0 0 0 2.564 0c.71-.709.71-1.858 0-2.566l-3.462-3.462a11.6 11.6 0 0 0 3.596-1.49 1.814 1.814 0 1 0-1.932-3.073 7.87 7.87 0 0 1-8.34 0c-.318-.2-.674-.29-1.024-.278'/%3e%3c/svg%3e")}.shareon>.pinterest{background-color:#bd081c}.shareon>.pinterest:before{background-image:url("data:image/svg+xml,%3csvg fill='%23fff' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.017 0C5.396 0 .029 5.367.029 11.987c0 5.079 3.158 9.417 7.618 11.162-.105-.949-.199-2.403.041-3.439.219-.937 1.406-5.957 1.406-5.957s-.359-.72-.359-1.781c0-1.663.967-2.911 2.168-2.911 1.024 0 1.518.769 1.518 1.688 0 1.029-.653 2.567-.992 3.992-.285 1.193.6 2.165 1.775 2.165 2.128 0 3.768-2.245 3.768-5.487 0-2.861-2.063-4.869-5.008-4.869-3.41 0-5.409 2.562-5.409 5.199 0 1.033.394 2.143.889 2.741.099.12.112.225.085.345-.09.375-.293 1.199-.334 1.363-.053.225-.172.271-.401.165-1.495-.69-2.433-2.878-2.433-4.646 0-3.776 2.748-7.252 7.92-7.252 4.158 0 7.392 2.967 7.392 6.923 0 4.135-2.607 7.462-6.233 7.462-1.214 0-2.354-.629-2.758-1.379l-.749 2.848c-.269 1.045-1.004 2.352-1.498 3.146 1.123.345 2.306.535 3.55.535 6.607 0 11.985-5.365 11.985-11.987C23.97 5.39 18.592.026 11.985.026z'/%3e%3c/svg%3e")}.shareon>.pocket{background-color:#ef3f56}.shareon>.pocket:before{background-image:url("data:image/svg+xml,%3csvg fill='%23fff' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='m18.813 10.259-5.646 5.419a1.65 1.65 0 0 1-2.282 0l-5.646-5.419a1.645 1.645 0 0 1 2.276-2.376l4.511 4.322 4.517-4.322a1.643 1.643 0 0 1 2.326.049 1.64 1.64 0 0 1-.045 2.326zm5.083-7.546a2.16 2.16 0 0 0-2.041-1.436H2.179c-.9 0-1.717.564-2.037 1.405-.094.25-.142.511-.142.774v7.245l.084 1.441c.348 3.277 2.047 6.142 4.682 8.139q.069.053.143.105l.03.023a11.9 11.9 0 0 0 4.694 2.072c.786.158 1.591.24 2.389.24.739 0 1.481-.067 2.209-.204.088-.029.176-.045.264-.06.023 0 .049-.015.074-.029a12 12 0 0 0 4.508-2.025l.029-.031.135-.105c2.627-1.995 4.324-4.862 4.686-8.148L24 10.678V3.445c0-.251-.031-.5-.121-.742z'/%3e%3c/svg%3e")}.shareon>.print:before{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M6 9V2h12v7M6 18H4a2 2 0 0 1-2-2v-5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2h-2M6 14h12v8H6z'/%3e%3c/svg%3e")}.shareon>.reddit{background-color:#ff4500}.shareon>.reddit:before{background-image:url("data:image/svg+xml,%3csvg fill='%23fff' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M19.512 1.173a1.88 1.88 0 0 1 1.877 1.874 1.884 1.884 0 0 1-1.877 1.857c-.99 0-1.817-.783-1.873-1.773l-3.897-.82-1.201 5.623c2.737.105 5.223.949 7.015 2.234a2.53 2.53 0 0 1 1.812-.737A2.634 2.634 0 0 1 24 12.063c0 1.075-.653 2-1.516 2.423q.066.388.063.78c0 4.043-4.698 7.31-10.512 7.31s-10.512-3.267-10.512-7.31c0-.275.022-.55.064-.801a2.63 2.63 0 0 1-1.559-2.402 2.634 2.634 0 0 1 2.633-2.632c.694 0 1.347.294 1.811.735 1.812-1.325 4.32-2.146 7.12-2.232l1.329-6.276a.5.5 0 0 1 .21-.296.52.52 0 0 1 .357-.063l4.361.926c.3-.644.952-1.057 1.663-1.052M7.917 18.052c-.13 0-.254.05-.347.14a.497.497 0 0 0 0 .696c1.264 1.263 3.728 1.37 4.444 1.37s3.16-.084 4.444-1.37a.545.545 0 0 0 .044-.695.5.5 0 0 0-.697 0c-.82.8-2.527 1.095-3.77 1.095s-2.97-.294-3.77-1.095a.5.5 0 0 0-.348-.143zm-.051-5.989A1.88 1.88 0 0 0 5.99 13.94c0 1.031.842 1.873 1.876 1.873a1.88 1.88 0 0 0 1.873-1.874 1.88 1.88 0 0 0-1.873-1.875Zm8.254 0a1.88 1.88 0 0 0-1.873 1.876c0 1.031.842 1.873 1.875 1.873a1.88 1.88 0 0 0 1.875-1.874 1.88 1.88 0 0 0-1.877-1.875'/%3e%3c/svg%3e")}.shareon>.teams{background-color:#6264a7}.shareon>.teams:before{background-image:url("data:image/svg+xml,%3csvg fill='%23fff' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M20.625 8.127q-.55 0-1.025-.205t-.832-.563-.563-.832T18 5.502q0-.54.205-1.02t.563-.837q.357-.358.832-.563.474-.205 1.025-.205.54 0 1.02.205t.837.563q.358.357.563.837t.205 1.02q0 .55-.205 1.025t-.563.832q-.357.358-.837.563t-1.02.205m0-3.75q-.469 0-.797.328t-.328.797.328.797.797.328.797-.328.328-.797-.328-.797-.797-.328M24 10.002v5.578q0 .774-.293 1.46t-.803 1.194q-.51.51-1.195.803-.686.293-1.459.293-.445 0-.908-.105-.463-.106-.85-.329-.293.95-.855 1.729t-1.319 1.336-1.67.861-1.898.305q-1.148 0-2.162-.398-1.014-.399-1.805-1.102t-1.312-1.664-.674-2.086h-5.8q-.411 0-.704-.293T0 16.881V6.873q0-.41.293-.703t.703-.293h8.59q-.34-.715-.34-1.5 0-.727.275-1.365.276-.639.75-1.114.475-.474 1.114-.75.638-.275 1.365-.275t1.365.275 1.114.75q.474.475.75 1.114.275.638.275 1.365t-.275 1.365q-.276.639-.75 1.113-.475.475-1.114.75-.638.276-1.365.276-.188 0-.375-.024-.188-.023-.375-.058v1.078h10.875q.469 0 .797.328t.328.797M12.75 2.373q-.41 0-.78.158-.368.158-.638.434-.27.275-.428.639-.158.363-.158.773t.158.78q.159.368.428.638.27.27.639.428t.779.158.773-.158q.364-.159.64-.428.274-.27.433-.639t.158-.779-.158-.773q-.159-.364-.434-.64-.275-.275-.639-.433-.363-.158-.773-.158M6.937 9.814h2.25V7.94H2.814v1.875h2.25v6h1.875zm10.313 7.313v-6.75H12v6.504q0 .41-.293.703t-.703.293H8.309q.152.809.556 1.5.405.691.985 1.19.58.497 1.318.779.738.281 1.582.281.926 0 1.746-.352.82-.351 1.436-.966.615-.616.966-1.43.352-.815.352-1.752m5.25-1.547v-5.203h-3.75v6.855q.305.305.691.452.387.146.809.146.469 0 .879-.176.41-.175.715-.48.304-.305.48-.715t.176-.879'/%3e%3c/svg%3e")}.shareon>.telegram{background-color:#26a5e4}.shareon>.telegram:before{background-image:url("data:image/svg+xml,%3csvg fill='%23fff' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M20.888 3.551c.168-.003.54.039.781.235.162.14.264.335.288.547.026.156.06.514.033.793-.302 3.189-1.616 10.924-2.285 14.495-.282 1.512-.838 2.017-1.378 2.066-1.17.11-2.058-.773-3.192-1.515-1.774-1.165-2.777-1.889-4.5-3.025-1.99-1.31-.7-2.033.434-3.209.297-.309 5.455-5.002 5.556-5.427.012-.054.024-.252-.094-.356s-.292-.069-.418-.04q-.267.061-8.504 5.62-1.208.831-2.187.806c-.72-.013-2.104-.405-3.134-.739C1.025 13.39.022 13.174.11 12.476q.068-.544 1.5-1.114 8.816-3.84 11.758-5.064c5.599-2.328 6.763-2.733 7.521-2.747Z'/%3e%3c/svg%3e")}.shareon>.tumblr{background-color:#36465d}.shareon>.tumblr:before{background-image:url("data:image/svg+xml,%3csvg fill='%23fff' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M14.563 24c-5.093 0-7.031-3.756-7.031-6.411V9.747H5.116V6.648c3.63-1.313 4.512-4.596 4.71-6.469C9.84.051 9.941 0 9.999 0h3.517v6.114h4.801v3.633h-4.82v7.47c.016 1.001.375 2.371 2.207 2.371h.09c.631-.02 1.486-.205 1.936-.419l1.156 3.425c-.436.636-2.4 1.374-4.156 1.404h-.178z'/%3e%3c/svg%3e")}.shareon>.twitter{background-color:#1d9bf0}.shareon>.twitter:before{background-image:url("data:image/svg+xml,%3csvg fill='%23fff' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M21.543 7.104c.015.211.015.423.015.636 0 6.507-4.954 14.01-14.01 14.01v-.003A13.94 13.94 0 0 1 0 19.539a9.88 9.88 0 0 0 7.287-2.041 4.93 4.93 0 0 1-4.6-3.42 4.9 4.9 0 0 0 2.223-.084A4.926 4.926 0 0 1 .96 9.167v-.062a4.9 4.9 0 0 0 2.235.616A4.93 4.93 0 0 1 1.67 3.148a13.98 13.98 0 0 0 10.15 5.144 4.929 4.929 0 0 1 8.39-4.49 9.9 9.9 0 0 0 3.128-1.196 4.94 4.94 0 0 1-2.165 2.724A9.8 9.8 0 0 0 24 4.555a10 10 0 0 1-2.457 2.549'/%3e%3c/svg%3e")}.shareon>.viber{background-color:#7360f2}.shareon>.viber:before{background-image:url("data:image/svg+xml,%3csvg fill='%23fff' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M11.4 0C9.473.028 5.333.344 3.02 2.467 1.302 4.187.696 6.7.633 9.817S.488 18.776 6.12 20.36h.003l-.004 2.416s-.037.977.61 1.177c.777.242 1.234-.5 1.98-1.302.407-.44.972-1.084 1.397-1.58 3.85.326 6.812-.416 7.15-.525.776-.252 5.176-.816 5.892-6.657.74-6.02-.36-9.83-2.34-11.546-.596-.55-3.006-2.3-8.375-2.323 0 0-.395-.025-1.037-.017zm.058 1.693c.545-.004.88.017.88.017 4.542.02 6.717 1.388 7.222 1.846 1.675 1.435 2.53 4.868 1.906 9.897v.002c-.604 4.878-4.174 5.184-4.832 5.395-.28.09-2.882.737-6.153.524 0 0-2.436 2.94-3.197 3.704-.12.12-.26.167-.352.144-.13-.033-.166-.188-.165-.414l.02-4.018c-4.762-1.32-4.485-6.292-4.43-8.895.054-2.604.543-4.738 1.996-6.173 1.96-1.773 5.474-2.018 7.11-2.03zm.38 2.602a.304.304 0 0 0-.004.607c1.624.01 2.946.537 4.028 1.592 1.073 1.046 1.62 2.468 1.633 4.334.002.167.14.3.307.3a.304.304 0 0 0 .3-.304c-.014-1.984-.618-3.596-1.816-4.764-1.19-1.16-2.692-1.753-4.447-1.765zm-3.96.695a.98.98 0 0 0-.616.117l-.01.002c-.43.247-.816.562-1.146.932l-.008.008q-.4.484-.46.948a.6.6 0 0 0-.007.14q0 .205.065.4l.013.01c.135.48.473 1.276 1.205 2.604.42.768.903 1.5 1.446 2.186q.405.517.87.984l.132.132q.466.463.984.87a15.5 15.5 0 0 0 2.186 1.447c1.328.733 2.126 1.07 2.604 1.206l.01.014a1.3 1.3 0 0 0 .54.055q.466-.055.948-.46c.004 0 .003-.002.008-.005.37-.33.683-.72.93-1.148l.003-.01c.225-.432.15-.842-.18-1.12-.004 0-.698-.58-1.037-.83q-.54-.383-1.113-.71c-.51-.285-1.032-.106-1.248.174l-.447.564c-.23.283-.657.246-.657.246-3.12-.796-3.955-3.955-3.955-3.955s-.037-.426.248-.656l.563-.448c.277-.215.456-.737.17-1.248a13 13 0 0 0-.71-1.115 28 28 0 0 0-.83-1.035.82.82 0 0 0-.502-.297zm4.49.88a.303.303 0 0 0-.018.606c1.16.085 2.017.466 2.645 1.15.63.688.93 1.524.906 2.57a.306.306 0 0 0 .61.013c.025-1.175-.334-2.193-1.067-2.994-.74-.81-1.777-1.253-3.05-1.346h-.024zm.463 1.63a.305.305 0 0 0-.3.287c-.008.167.12.31.288.32.523.028.875.175 1.113.422.24.245.388.62.416 1.164a.304.304 0 0 0 .605-.03c-.03-.644-.215-1.178-.58-1.557-.367-.378-.893-.574-1.52-.607h-.018z'/%3e%3c/svg%3e")}.shareon>.vkontakte{background-color:#07f}.shareon>.vkontakte:before{background-image:url("data:image/svg+xml,%3csvg fill='%23fff' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M4.199 4.841H.11c.194 9.312 4.85 14.907 13.012 14.907h.462v-5.327c3 .299 5.268 2.492 6.178 5.327H24c-1.164-4.237-4.223-6.58-6.133-7.475 1.91-1.105 4.596-3.79 5.238-7.432h-3.85c-.836 2.955-3.313 5.641-5.67 5.895V4.84h-3.85v10.326C7.347 14.57 4.333 11.675 4.199 4.84Z'/%3e%3c/svg%3e")}.shareon>.web-share:before{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='none' stroke='%23fff' stroke-width='2' d='M18 2a3 3 0 1 0 0 6 3 3 0 1 0 0-6zM6 9a3 3 0 1 0 0 6 3 3 0 1 0 0-6zm12 7a3 3 0 1 0 0 6 3 3 0 1 0 0-6zm-9.41-2.49 6.83 3.98m-.01-10.98-6.82 3.98'/%3e%3c/svg%3e")}.shareon>.whatsapp{background-color:#25d366}.shareon>.whatsapp:before{background-image:url("data:image/svg+xml,%3csvg fill='%23fff' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52s.198-.298.298-.497c.099-.198.05-.371-.025-.52s-.669-1.612-.916-2.207c-.242-.579-.487-.5-.669-.51a13 13 0 0 0-.57-.01c-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074s2.096 3.2 5.077 4.487c.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413s.248-1.289.173-1.413c-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 0 1-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 0 1-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.82 9.82 0 0 1 2.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.82 11.82 0 0 0 12.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.9 11.9 0 0 0 5.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.82 11.82 0 0 0-3.48-8.413'/%3e%3c/svg%3e")}

/* Change Shareon Mail button background color to red */
.shareon .email {
    background-color: #cd4848 !important;
}

/* Apply this class to align Shareon buttons to the right */
.shareon-align-right {
    float: right !important;
    margin-bottom: 20px;
}