/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

:root {
    --step--2: clamp(3.13rem, 2.62rem + 2.51vw, 5.76rem);
    --step--1: clamp(3.75rem, 3.09rem + 3.29vw, 7.20rem);
    --step-0: clamp(4.50rem, 3.64rem + 4.29vw, 9.00rem);
}
/*==============AWARDS WINNER CONTAINER=============*/
.awardsHeaderContainer {
    position: relative;
    display: flex;
    flex-direction: column;
    row-gap: 9px;
}
section.awardsWinnerHeroSectionWrapper {
    position: relative;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    z-index: 1;
    margin-bottom: var(--spaceYSmall);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    row-gap: 0.563rem;
}

.awardsWinnerSubTitleWrapper {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-column-gap: 2rem;
    -moz-column-gap: 2rem;
    column-gap: 2rem;
}

.awardsWinnerSubTitleWrap:nth-of-type(1) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 0.25rem;
    -moz-column-gap: 0.25rem;
    column-gap: 0.25rem;
}

.awardsWinnerSubTitleWrap p {
    margin: 0;
    font-size: 0.938rem;
}

.awardsWinnerSubTitleWrap:nth-of-type(2)::before {
    content: '/';
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translate(1rem, -50%);
    -ms-transform: translate(1rem, -50%);
    transform: translate(1rem, -50%);
}

.awardsWinnerSubTitleWrap {
    position: relative;
}

.awardsWinnerSubTitleWrap:nth-of-type(2)::after {
    content: '/';
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translate(-1rem, -50%);
    -ms-transform: translate(-1rem, -50%);
    transform: translate(-1rem, -50%);
}
h2.awardsWinnerTitle {
    text-align: center;
    margin: 0;
}

.usersCreditsWrapper {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 1.75rem;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-column-gap: 1.75rem;
    -moz-column-gap: 1.75rem;
    column-gap: 1.75rem;
}

figure.user-avatar-wrap {
    margin: 0;
}

.user-avatar-link {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 0.75rem;
    -moz-column-gap: 0.75rem;
    column-gap: 0.75rem;
}

.user-avatar-link img {
    width: 1.625rem;
    height: 1.625rem;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 50%;
}
figcaption.user-avatar-name span.user-name {
    font-size: 0.938rem;
}
.awardsWinnerMediaWrapper {
    position: relative;
    width: 100%;
    margin-top: var(--spaceYSmall);
    height: 85vh;
}

.awardsWinnerMediaWrapper img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border-radius: var(--radiusBoxTwo);
    padding: 0.75rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 1;
}
.awardsWinnerMediaWrapper::after {
    content: '';
    position: absolute;
    width: 17vw;
    height: 17vw;
    background-color: var(--lightGreen);
    border-radius: 50%;
    top: 0;
    -webkit-transform: translateX(50%);
    -ms-transform: translateX(50%);
    transform: translateX(50%);
    -webkit-filter: blur(67px);
    filter: blur(67px);
    z-index: 2;
}
.awardsWinnerMediaWrapper::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
    border-radius: var(--radiusBoxTwo);
    background: -o-radial-gradient(50% 50%, 18.47% 109.55%, rgba(191, 255, 0, 0.5) 0%, rgba(254, 121, 151, 0.5) 100%);
    background: radial-gradient(18.47% 109.55% at 50% 50%, rgba(191, 255, 0, 0.5) 0%, rgba(254, 121, 151, 0.5) 100%);
}
/*==============AWARDS WINNER CONTAINER=============*/
/*==================CARDS CONTAINER=================*/
section.cardContainer {
    position: relative;
    width: 100%;
    display: block;
    margin-bottom: calc(var(--spaceYSmall)* 2);
}

.cardTitle {
    text-align: center;
    margin-bottom: var(--spaceYSmall);
}

.cardTitle h2 {
    margin: 0 0 0 0;
    line-height: normal;
}

.cardTitle .vote-wrap {
    font-size: 0.938rem;
}

.cardTitle .vote-wrap p {
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 0.938rem;
}

.cardTitle .vote-wrap p img {margin: 0 5px;}

.cardsWrapper {
    position: relative;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1rem 1fr 1rem 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 1rem;
    margin-bottom: var(--spaceYSmall);
}

figure.cardWrap {
    margin: 0;
    position: relative;
    width: 100%;
    height: 36vh;
    border-radius: var(--radiusBox);
}

.cardMedia {
    width: 100%;
    height: 100%;
    position: relative;
    border-radius: var(--radiusBox);
    z-index: 0;
}

.cardMedia img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: var(--radiusBox);
}

figcaption.cardInfo {
    position: absolute;
    bottom: 1.5rem;
    right: 1.938rem;
    color: var(--white);
    z-index: 2;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    opacity: 0;
}

figcaption.cardInfo h3 {
    margin: 7px 0 0 0;
    font-size: 1.5rem;
}

figcaption.cardInfo span {
    font-size: 0.875rem;
    display: inline-block;
}

figure.cardWrap .visit-page {
    position: absolute;
    left: 1.125rem;
    bottom: 1.25rem;
    width: 2.773rem;
    height: 2.773rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: -o-linear-gradient(181.19deg, rgba(237, 237, 237, 0.1) 0.03%, rgba(217, 217, 217, 0.1) 100.6%);
    background: linear-gradient(268.81deg, rgba(237, 237, 237, 0.1) 0.03%, rgba(217, 217, 217, 0.1) 100.6%);
    border-radius: 50%;
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    z-index: 2;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    opacity: 0;
}

figure.cardWrap .vote-icon {
    left: 0;
    top: 0;
    padding: 1.25rem 1.125rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    row-gap: 4px;
    z-index: 2;
    cursor: pointer;
}

.pixel--heart {
    display: block;
    width: 1.125rem;
    height: 1.125rem;
    -webkit-box-shadow:
            2em  0em #303841,
            3em  0em #303841,
            4em  0em #303841,
            8em  0em #303841,
            9em  0em #303841,
            10em 0em #303841,

            1em  1em #303841,

            2em  1em transparent,
            3em  1em transparent,
            4em  1em transparent,
            5em  1em #303841,
            7em  1em #303841,
            8em  1em transparent,
            9em  1em transparent,
            10em 1em transparent,
            11em 1em #303841,

            0em  2em #303841,
            1em  2em transparent,
            2em  2em #FFFFFF,
            3em  2em #FFFFFF,
            4em  2em transparent,
            5em  2em transparent,
            6em  2em #303841,
            7em  2em transparent,
            8em  2em transparent,
            9em  2em transparent,
            10em 2em transparent,
            11em 2em transparent,
            12em 2em #303841,

            0em  3em #303841,
            1em  3em transparent,
            2em  3em #FFFFFF,
            3em  3em transparent,
            4em  3em transparent,
            5em  3em transparent,
            6em  3em transparent,
            7em  3em transparent,
            8em  3em transparent,
            9em  3em transparent,
            10em 3em transparent,
            11em 3em transparent,
            12em 3em #303841,

            0em  4em #303841,
            1em  4em transparent,
            2em  4em transparent,
            3em  4em transparent,
            4em  4em transparent,
            5em  4em transparent,
            6em  4em transparent,
            7em  4em transparent,
            8em  4em transparent,
            9em  4em transparent,
            10em 4em transparent,
            11em 4em transparent,
            12em 4em #303841,

            1em  5em #303841,
            2em  5em transparent,
            3em  5em transparent,
            4em  5em transparent,
            5em  5em transparent,
            6em  5em transparent,
            7em  5em transparent,
            8em  5em transparent,
            9em  5em transparent,
            10em 5em transparent,
            11em 5em #303841,

            2em  6em #303841,
            3em  6em transparent,
            4em  6em transparent,
            5em  6em transparent,
            6em  6em transparent,
            7em  6em transparent,
            8em  6em transparent,
            9em  6em transparent,
            10em 6em #303841,

            3em  7em #303841,
            4em  7em transparent,
            5em  7em transparent,
            6em  7em transparent,
            7em  7em transparent,
            8em  7em transparent,
            9em  7em #303841,

            4em  8em #303841,
            5em  8em transparent,
            6em  8em transparent,
            7em  8em transparent,
            8em  8em #303841,

            5em  9em #303841,
            6em  9em transparent,
            7em  9em #303841,

            6em 10em #303841;
    box-shadow:
            2em  0em #303841,
            3em  0em #303841,
            4em  0em #303841,
            8em  0em #303841,
            9em  0em #303841,
            10em 0em #303841,

            1em  1em #303841,

            2em  1em transparent,
            3em  1em transparent,
            4em  1em transparent,
            5em  1em #303841,
            7em  1em #303841,
            8em  1em transparent,
            9em  1em transparent,
            10em 1em transparent,
            11em 1em #303841,

            0em  2em #303841,
            1em  2em transparent,
            2em  2em #FFFFFF,
            3em  2em #FFFFFF,
            4em  2em transparent,
            5em  2em transparent,
            6em  2em #303841,
            7em  2em transparent,
            8em  2em transparent,
            9em  2em transparent,
            10em 2em transparent,
            11em 2em transparent,
            12em 2em #303841,

            0em  3em #303841,
            1em  3em transparent,
            2em  3em #FFFFFF,
            3em  3em transparent,
            4em  3em transparent,
            5em  3em transparent,
            6em  3em transparent,
            7em  3em transparent,
            8em  3em transparent,
            9em  3em transparent,
            10em 3em transparent,
            11em 3em transparent,
            12em 3em #303841,

            0em  4em #303841,
            1em  4em transparent,
            2em  4em transparent,
            3em  4em transparent,
            4em  4em transparent,
            5em  4em transparent,
            6em  4em transparent,
            7em  4em transparent,
            8em  4em transparent,
            9em  4em transparent,
            10em 4em transparent,
            11em 4em transparent,
            12em 4em #303841,

            1em  5em #303841,
            2em  5em transparent,
            3em  5em transparent,
            4em  5em transparent,
            5em  5em transparent,
            6em  5em transparent,
            7em  5em transparent,
            8em  5em transparent,
            9em  5em transparent,
            10em 5em transparent,
            11em 5em #303841,

            2em  6em #303841,
            3em  6em transparent,
            4em  6em transparent,
            5em  6em transparent,
            6em  6em transparent,
            7em  6em transparent,
            8em  6em transparent,
            9em  6em transparent,
            10em 6em #303841,

            3em  7em #303841,
            4em  7em transparent,
            5em  7em transparent,
            6em  7em transparent,
            7em  7em transparent,
            8em  7em transparent,
            9em  7em #303841,

            4em  8em #303841,
            5em  8em transparent,
            6em  8em transparent,
            7em  8em transparent,
            8em  8em #303841,

            5em  9em #303841,
            6em  9em transparent,
            7em  9em #303841,

            6em 10em #303841;
    -webkit-transform: scale(0.09);
    -ms-transform: scale(0.09);
    transform: scale(0.09);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.vote-icon.like .pixel--heart {
    -webkit-box-shadow:
            2em  0em #303841,
            3em  0em #303841,
            4em  0em #303841,
            8em  0em #303841,
            9em  0em #303841,
            10em 0em #303841,

            1em  1em #303841,
            2em  1em var(--red),
            3em  1em var(--red),
            4em  1em var(--red),
            5em  1em #303841,
            7em  1em #303841,
            8em  1em var(--red),
            9em  1em var(--red),
            10em 1em var(--red),
            11em 1em #303841,

            0em  2em #303841,
            1em  2em var(--red),
            2em  2em #FFFFFF,
            3em  2em #FFFFFF,
            4em  2em var(--red),
            5em  2em var(--red),
            6em  2em #303841,
            7em  2em var(--red),
            8em  2em var(--red),
            9em  2em var(--red),
            10em 2em var(--red),
            11em 2em var(--red),
            12em 2em #303841,

            0em  3em #303841,
            1em  3em var(--red),
            2em  3em #FFFFFF,
            3em  3em var(--red),
            4em  3em var(--red),
            5em  3em var(--red),
            6em  3em var(--red),
            7em  3em var(--red),
            8em  3em var(--red),
            9em  3em var(--red),
            10em 3em var(--red),
            11em 3em var(--red),
            12em 3em #303841,

            0em  4em #303841,
            1em  4em var(--red),
            2em  4em var(--red),
            3em  4em var(--red),
            4em  4em var(--red),
            5em  4em var(--red),
            6em  4em var(--red),
            7em  4em var(--red),
            8em  4em var(--red),
            9em  4em var(--red),
            10em 4em var(--red),
            11em 4em var(--red),
            12em 4em #303841,

            1em  5em #303841,
            2em  5em var(--red),
            3em  5em var(--red),
            4em  5em var(--red),
            5em  5em var(--red),
            6em  5em var(--red),
            7em  5em var(--red),
            8em  5em var(--red),
            9em  5em var(--red),
            10em 5em var(--red),
            11em 5em #303841,

            2em  6em #303841,
            3em  6em var(--red),
            4em  6em var(--red),
            5em  6em var(--red),
            6em  6em var(--red),
            7em  6em var(--red),
            8em  6em var(--red),
            9em  6em var(--red),
            10em 6em #303841,

            3em  7em #303841,
            4em  7em var(--red),
            5em  7em var(--red),
            6em  7em var(--red),
            7em  7em var(--red),
            8em  7em var(--red),
            9em  7em #303841,

            4em  8em #303841,
            5em  8em var(--red),
            6em  8em var(--red),
            7em  8em var(--red),
            8em  8em #303841,

            5em  9em #303841,
            6em  9em var(--red),
            7em  9em #303841,

            6em 10em #303841;
    box-shadow:
            2em  0em #303841,
            3em  0em #303841,
            4em  0em #303841,
            8em  0em #303841,
            9em  0em #303841,
            10em 0em #303841,

            1em  1em #303841,
            2em  1em var(--red),
            3em  1em var(--red),
            4em  1em var(--red),
            5em  1em #303841,
            7em  1em #303841,
            8em  1em var(--red),
            9em  1em var(--red),
            10em 1em var(--red),
            11em 1em #303841,

            0em  2em #303841,
            1em  2em var(--red),
            2em  2em #FFFFFF,
            3em  2em #FFFFFF,
            4em  2em var(--red),
            5em  2em var(--red),
            6em  2em #303841,
            7em  2em var(--red),
            8em  2em var(--red),
            9em  2em var(--red),
            10em 2em var(--red),
            11em 2em var(--red),
            12em 2em #303841,

            0em  3em #303841,
            1em  3em var(--red),
            2em  3em #FFFFFF,
            3em  3em var(--red),
            4em  3em var(--red),
            5em  3em var(--red),
            6em  3em var(--red),
            7em  3em var(--red),
            8em  3em var(--red),
            9em  3em var(--red),
            10em 3em var(--red),
            11em 3em var(--red),
            12em 3em #303841,

            0em  4em #303841,
            1em  4em var(--red),
            2em  4em var(--red),
            3em  4em var(--red),
            4em  4em var(--red),
            5em  4em var(--red),
            6em  4em var(--red),
            7em  4em var(--red),
            8em  4em var(--red),
            9em  4em var(--red),
            10em 4em var(--red),
            11em 4em var(--red),
            12em 4em #303841,

            1em  5em #303841,
            2em  5em var(--red),
            3em  5em var(--red),
            4em  5em var(--red),
            5em  5em var(--red),
            6em  5em var(--red),
            7em  5em var(--red),
            8em  5em var(--red),
            9em  5em var(--red),
            10em 5em var(--red),
            11em 5em #303841,

            2em  6em #303841,
            3em  6em var(--red),
            4em  6em var(--red),
            5em  6em var(--red),
            6em  6em var(--red),
            7em  6em var(--red),
            8em  6em var(--red),
            9em  6em var(--red),
            10em 6em #303841,

            3em  7em #303841,
            4em  7em var(--red),
            5em  7em var(--red),
            6em  7em var(--red),
            7em  7em var(--red),
            8em  7em var(--red),
            9em  7em #303841,

            4em  8em #303841,
            5em  8em var(--red),
            6em  8em var(--red),
            7em  8em var(--red),
            8em  8em #303841,

            5em  9em #303841,
            6em  9em var(--red),
            7em  9em #303841,

            6em 10em #303841;
    -webkit-transform: scale(0.09);
    -ms-transform: scale(0.09);
    transform: scale(0.09);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
}
figure.cardWrap .vote-icon span {
    font-size: 0.75rem;
}
figure.cardWrap::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.8)));
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
    z-index: 1;
    border-radius: var(--radiusBox);
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    opacity: 0;
    pointer-events: none;
}

figure.cardWrap:hover::before {
    opacity: 1;
}

.cardWrap:hover figcaption.cardInfo {
    opacity: 1;
}

figure.cardWrap:hover .visit-page {
    opacity: 1;
}
.like .pixel--heart-wrap {
    color: #e2264d;
    -webkit-filter: none;
    filter: none;
    will-change: font-size;
    -webkit-animation: heart 1s cubic-bezier(0.17, 0.89, 0.32, 1.49);
    animation: heart 1s cubic-bezier(0.17, 0.89, 0.32, 1.49);
}
.like .pixel--heart-wrap::before, .like .pixel--heart-wrap::after {
    -webkit-animation: inherit;
    animation: inherit;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}
.like .pixel--heart-wrap::before {
    will-change: transform, border-width, border-color;
    -webkit-animation-name: bubble;
    animation-name: bubble;
}
.like .pixel--heart-wrap::after {
    will-change: opacity, box-shadow;
    -webkit-animation-name: sparkles;
    animation-name: sparkles;
}
.pixel--heart-wrap {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
}
.pixel--heart-wrap::before, .pixel--heart-wrap::after {
    position: absolute;
    z-index: -1;
    top: 50%;
    left: 50%;
    border-radius: 50%;
    content: '';
}
.pixel--heart-wrap::before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: -2.25rem;
    border: solid 2.25rem #e2264d;
    width: 4.5rem;
    height: 4.5rem;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
}
.pixel--heart-wrap::after {
    margin: -0.1875rem;
    width: 0.375rem;
    height: 0.375rem;
    -webkit-box-shadow: 0.32476rem -3rem 0 -0.1875rem #ff8080, -0.32476rem -2.625rem 0 -0.1875rem #ffed80, 2.54798rem -1.61656rem 0 -0.1875rem #ffed80, 1.84982rem -1.89057rem 0 -0.1875rem #a4ff80, 2.85252rem 0.98418rem 0 -0.1875rem #a4ff80, 2.63145rem 0.2675rem 0 -0.1875rem #80ffc8, 1.00905rem 2.84381rem 0 -0.1875rem #80ffc8, 1.43154rem 2.22414rem 0 -0.1875rem #80c8ff, -1.59425rem 2.562rem 0 -0.1875rem #80c8ff, -0.84635rem 2.50595rem 0 -0.1875rem #a480ff, -2.99705rem 0.35095rem 0 -0.1875rem #a480ff, -2.48692rem 0.90073rem 0 -0.1875rem #ff80ed, -2.14301rem -2.12438rem 0 -0.1875rem #ff80ed, -2.25479rem -1.38275rem 0 -0.1875rem #ff8080;
    box-shadow: 0.32476rem -3rem 0 -0.1875rem #ff8080, -0.32476rem -2.625rem 0 -0.1875rem #ffed80, 2.54798rem -1.61656rem 0 -0.1875rem #ffed80, 1.84982rem -1.89057rem 0 -0.1875rem #a4ff80, 2.85252rem 0.98418rem 0 -0.1875rem #a4ff80, 2.63145rem 0.2675rem 0 -0.1875rem #80ffc8, 1.00905rem 2.84381rem 0 -0.1875rem #80ffc8, 1.43154rem 2.22414rem 0 -0.1875rem #80c8ff, -1.59425rem 2.562rem 0 -0.1875rem #80c8ff, -0.84635rem 2.50595rem 0 -0.1875rem #a480ff, -2.99705rem 0.35095rem 0 -0.1875rem #a480ff, -2.48692rem 0.90073rem 0 -0.1875rem #ff80ed, -2.14301rem -2.12438rem 0 -0.1875rem #ff80ed, -2.25479rem -1.38275rem 0 -0.1875rem #ff8080;
}

@-webkit-keyframes heart {
    0%, 17.5% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
}

@keyframes heart {
    0%, 17.5% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
}
@-webkit-keyframes bubble {
    15% {
        -webkit-transform: scale(1);
        transform: scale(1);
        border-color: #cc8ef5;
        border-width: 2.25rem;
    }
    30%, 100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        border-color: #cc8ef5;
        border-width: 0;
    }
}
@keyframes bubble {
    15% {
        -webkit-transform: scale(1);
        transform: scale(1);
        border-color: #cc8ef5;
        border-width: 2.25rem;
    }
    30%, 100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        border-color: #cc8ef5;
        border-width: 0;
    }
}
@-webkit-keyframes sparkles {
    0%, 20% {
        opacity: 0;
    }
    25% {
        opacity: 1;
        -webkit-box-shadow: 0.32476rem -2.4375rem 0 0rem #ff8080, -0.32476rem -2.0625rem 0 0rem #ffed80, 2.1082rem -1.26585rem 0 0rem #ffed80, 1.41004rem -1.53985rem 0 0rem #a4ff80, 2.30412rem 0.85901rem 0 0rem #a4ff80, 2.08305rem 0.14233rem 0 0rem #80ffc8, 0.76499rem 2.33702rem 0 0rem #80ffc8, 1.18748rem 1.71734rem 0 0rem #80c8ff, -1.35019rem 2.0552rem 0 0rem #80c8ff, -0.60229rem 1.99916rem 0 0rem #a480ff, -2.44865rem 0.22578rem 0 0rem #a480ff, -1.93852rem 0.77557rem 0 0rem #ff80ed, -1.70323rem -1.77366rem 0 0rem #ff80ed, -1.81501rem -1.03204rem 0 0rem #ff8080;
        box-shadow: 0.32476rem -2.4375rem 0 0rem #ff8080, -0.32476rem -2.0625rem 0 0rem #ffed80, 2.1082rem -1.26585rem 0 0rem #ffed80, 1.41004rem -1.53985rem 0 0rem #a4ff80, 2.30412rem 0.85901rem 0 0rem #a4ff80, 2.08305rem 0.14233rem 0 0rem #80ffc8, 0.76499rem 2.33702rem 0 0rem #80ffc8, 1.18748rem 1.71734rem 0 0rem #80c8ff, -1.35019rem 2.0552rem 0 0rem #80c8ff, -0.60229rem 1.99916rem 0 0rem #a480ff, -2.44865rem 0.22578rem 0 0rem #a480ff, -1.93852rem 0.77557rem 0 0rem #ff80ed, -1.70323rem -1.77366rem 0 0rem #ff80ed, -1.81501rem -1.03204rem 0 0rem #ff8080;
    }
}
@keyframes sparkles {
    0%, 20% {
        opacity: 0;
    }
    25% {
        opacity: 1;
        -webkit-box-shadow: 0.32476rem -2.4375rem 0 0rem #ff8080, -0.32476rem -2.0625rem 0 0rem #ffed80, 2.1082rem -1.26585rem 0 0rem #ffed80, 1.41004rem -1.53985rem 0 0rem #a4ff80, 2.30412rem 0.85901rem 0 0rem #a4ff80, 2.08305rem 0.14233rem 0 0rem #80ffc8, 0.76499rem 2.33702rem 0 0rem #80ffc8, 1.18748rem 1.71734rem 0 0rem #80c8ff, -1.35019rem 2.0552rem 0 0rem #80c8ff, -0.60229rem 1.99916rem 0 0rem #a480ff, -2.44865rem 0.22578rem 0 0rem #a480ff, -1.93852rem 0.77557rem 0 0rem #ff80ed, -1.70323rem -1.77366rem 0 0rem #ff80ed, -1.81501rem -1.03204rem 0 0rem #ff8080;
        box-shadow: 0.32476rem -2.4375rem 0 0rem #ff8080, -0.32476rem -2.0625rem 0 0rem #ffed80, 2.1082rem -1.26585rem 0 0rem #ffed80, 1.41004rem -1.53985rem 0 0rem #a4ff80, 2.30412rem 0.85901rem 0 0rem #a4ff80, 2.08305rem 0.14233rem 0 0rem #80ffc8, 0.76499rem 2.33702rem 0 0rem #80ffc8, 1.18748rem 1.71734rem 0 0rem #80c8ff, -1.35019rem 2.0552rem 0 0rem #80c8ff, -0.60229rem 1.99916rem 0 0rem #a480ff, -2.44865rem 0.22578rem 0 0rem #a480ff, -1.93852rem 0.77557rem 0 0rem #ff80ed, -1.70323rem -1.77366rem 0 0rem #ff80ed, -1.81501rem -1.03204rem 0 0rem #ff8080;
    }
}
section.cardContainer.TheBestProfiles {
    margin-bottom: var(--spaceY);
}
section.cardContainer.inCompetition::before,section.cardContainer.winners::before {
    content: '';
    position: absolute;
    width: 70vw;
    height: 100%;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: -1;
    border-radius: 24.594rem;
    -webkit-filter: blur(110px);
    filter: blur(110px);
    opacity: .5;
}
section.cardContainer.inCompetition::before{
    background-color: var(--lightGreen);
}
section.cardContainer.winners::before{
    background-color: var(--pink);
}
/*==================CARDS CONTAINER=================*/
/*================SLOGAN CONTAINER==================*/
section.introductionSloganContainer {
    position: relative;
    width: 100%;
    display: block;
    z-index: 0;
    margin-bottom: 12vh;
}
.introductionSloganWrapper {
    position: relative;
    width: 100%;
    height: 65vh;
    border-radius: var(--radiusBoxTwo);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0.75rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.introductionSloganOverlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border-radius: var(--radiusBoxTwo);
    padding: 0.75rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.introductionSloganOverlay picture,.introductionSloganOverlay img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: var(--radiusBoxTwo);
}
.introductionInfoWrapper {
    position: relative;
    width: 27%;
    z-index: 1;
    padding-right: var(--spaceX);
    color: var(--white);
    padding-top: 3rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.introductionInfoWrapper h2 {
    margin-top: 0;
    margin-bottom: 1.688rem;
}
.introductionSloganWrapper::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    border-radius: var(--radiusBoxTwo);
    background: -o-radial-gradient(50% 50%, 18.47% 109.55%, rgba(191, 255, 0, 0.5) 0%, rgba(254, 121, 151, 0.5) 100%);
    background: radial-gradient(18.47% 109.55% at 50% 50%, rgba(191, 255, 0, 0.5) 0%, rgba(254, 121, 151, 0.5) 100%);
}

.introductionContent {
    margin-top: 5.563rem;
}
.introductionContent * {
    margin:0;
}
.introductionVideoWrapper {
    position: absolute;
    left: calc(var(--spaceX) * 2);
    bottom: 0;
    height: 54vh;
    width: 20vw;
    -webkit-transform: translateY(12vh);
    -ms-transform: translateY(12vh);
    transform: translateY(12vh);
    padding: .75rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-backdrop-filter: blur(15px);
    backdrop-filter: blur(15px);
    border-radius: 1.875rem;
}
.introductionVideoWrapper::before {
    content: '';
    position: absolute;
    inset: 0;
    padding: 1px;
    background: -o-linear-gradient(330deg, var(--lightGreen), var(--pink));
    background: linear-gradient(120deg, var(--lightGreen), var(--pink));
    -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    border-radius: 1.875rem;
}
section.introductionSloganContainer::before {
    content: '';
    position: absolute;
    width: 17vw;
    height: 17vw;
    background-color: var(--lightGreen);
    border-radius: 50%;
    right: 0;
    top: 0;
    -webkit-transform: translateX(50%);
    -ms-transform: translateX(50%);
    transform: translateX(50%);
    z-index: 1;
    -webkit-filter: blur(67px);
    filter: blur(67px);
}
.introductionVideoWrapper .introVideo {
    position: relative;
    width: 100%;
    height: 100%;
}

.introductionVideoWrapper .introVideo .videoPoster {
    position: relative;
    width: 100%;
    height: 100%;
}

.introductionVideoWrapper .introVideo .videoPoster img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 1.875rem;
}

.introductionVideoWrapper .introVideo #playVideo {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    cursor: pointer;
}

.introductionVideoWrapper .introVideo #playVideo img {
    width: 2.5rem;
    height: 2.5rem;
    -o-object-fit: contain;
    object-fit: contain;
    vertical-align: middle;
}
/*================SLOGAN CONTAINER==================*/
/*================BRANDS CONTAINER==================*/
section.brandsContainer {
    padding-top: var(--spaceYSmall);
    margin-bottom: var(--spaceYSmall);
    position: relative;
    z-index: 1;
}
section.brandsContainer h2 {
    text-align: center;
    margin-bottom: var(--spaceYSmall);
}
/*.brandsWrapper {*/
/*    position: relative;*/
/*    column-gap: 6.75rem;*/
/*    row-gap: 1.5rem;*/
/*    display: flex;*/
/*    align-items: center;*/
/*    justify-content: center;*/
/*    flex-wrap: nowrap;*/
/*    overflow-x: scroll;*/
/*    width: 100vw;*/
/*}*/
/*.brandsWrapper .logoWrap {width: calc(var(--lineWidth)/6*5);height: 2.826rem;width: 10vw;background-color: red;display: block;}*/
/*.brandsWrapper .logoWrap img {*/
/*    width: 100%;*/
/*    filter: grayscale(1);*/
/*    height: 100%;*/
/*    object-fit: contain;*/
/*    vertical-align: middle;*/
/*}*/
.brandsWrapper {
    position: relative;
    -webkit-column-gap: 6.75rem;
    -moz-column-gap: 6.75rem;
    column-gap: 6.75rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    overflow-x: auto;
    width: 100%;
    white-space: nowrap;
}

.brandsWrapper .logoWrap {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: calc(var(--lineWidth)/6*6);
    height: 2.826rem;
    display: inline-block;
}

.brandsWrapper .logoWrap img {
    width: 100%;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    vertical-align: middle;
}
/*================BRANDS CONTAINER==================*/
/*================Marquee CONTAINER==================*/
.scrolling-wrap {
    overflow: hidden;
    white-space: nowrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 1rem;
}
.scrolling-wrap .comm {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 1.5rem;
    -webkit-animation: scroll 35s linear infinite;
    animation: scroll 35s linear infinite;
    cursor: pointer;
    margin: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    gap: 1rem;
}
.scrolling-wrap:last-child .comm{
    -webkit-animation: scrollR 35s linear infinite;
    animation: scrollR 35s linear infinite;
    margin-top: 1rem;
}
.scrolling-wrap:hover .comm {
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
}
figure.testimonialWrap blockquote {
    margin: 0.5rem 0 0 0;
    font-size: .875rem;
    display: block;
    white-space: pre-wrap;
    line-height: 1.25rem;
    width: 12rem;
}

@-webkit-keyframes scroll {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    100% {
        -webkit-transform: translateX(calc(-100% - 1rem));
        transform: translateX(calc(-100% - 1rem));
    }
}

@keyframes scroll {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    100% {
        -webkit-transform: translateX(calc(-100% - 1rem));
        transform: translateX(calc(-100% - 1rem));
    }
}
@-webkit-keyframes scrollR {
    0% {
        -webkit-transform: translateX(calc(-100% - 1rem));
        transform: translateX(calc(-100% - 1rem));
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
@keyframes scrollR {
    0% {
        -webkit-transform: translateX(calc(-100% - 1rem));
        transform: translateX(calc(-100% - 1rem));
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
.scrolling-wrap .comm div {
    margin: 0;
}
section.marqueeContainer {
    direction: ltr;
    overflow: hidden;
    position: relative;
    z-index: 1;
    margin-bottom: var(--spaceY);
}
figure.testimonialWrap {
    margin: 0;
    background-color: rgba(3, 7, 18, .01);
    border: 1px solid rgba(3,7,18,.1);
    border-radius: .75rem;
    padding: 1rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.testimonialLogoName {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: .5rem;
    -moz-column-gap: .5rem;
    column-gap: .5rem;
}

.testimonialLogoName img {
    width: 2rem;
    height: 2rem;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 50%;
}
.testimonialNameID figcaption {
    font-size: .875rem;
    font-weight: 500;
    line-height: 1.25rem;
    text-transform: capitalize;
}

.testimonialNameID p {
    font-size: .75rem;
    margin: 0;
    line-height: 1;
}
section.marqueeContainer::before {
    content: '';
    position: absolute;
    width: 25%;
    height: 100%;
    background-image: -o-linear-gradient(left, rgb(235 235 235), rgba(255, 255, 255, 0));
    background-image: -webkit-gradient(linear, left top, right top, from(rgb(235 235 235)), to(rgba(255, 255, 255, 0)));
    background-image: linear-gradient(to right, rgb(235 235 235), rgba(255, 255, 255, 0));
    left: var(--spaceM);
    top: 0;
    z-index: 1;
    pointer-events: none;
}
section.marqueeContainer::after {
    content: '';
    position: absolute;
    width: 25%;
    height: 100%;
    background-image: -o-linear-gradient(right, rgb(235 235 235), rgba(255, 255, 255, 0));
    background-image: -webkit-gradient(linear, right top, left top, from(rgb(235 235 235)), to(rgba(255, 255, 255, 0)));
    background-image: linear-gradient(to left, rgb(235 235 235), rgba(255, 255, 255, 0));
    right: var(--spaceM);
    top: 0;
    z-index: 1;
    pointer-events: none;
}
section.cardContainer .btn {
    margin: 0 auto;
    width: 12rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
/*================Marquee CONTAINER==================*/
@media only screen and (max-width: 768px){
    figure.cardWrap .vote-icon  * {
        pointer-events: none;
    }
    .usersCreditsWrapper {
        gap: 1rem;
    }
    .cardsWrapper {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        grid-gap: var(--spaceX);
    }
    section.introductionSloganContainer {
        margin: 4rem 0 calc(54vh - 7rem);
    }
    section.brandsContainer {
        padding-top: calc(var(--spaceYSmall)*2);
        margin-bottom: var(--spaceYSmall);
    }
    section.brandsContainer h2 {
        font-size: 0.938rem;
        padding-right: var(--spaceM);
        padding-left: var(--spaceM);
    }
    .introductionSloganWrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .introductionInfoWrapper {
        width: 100%;
    }
    .awardsWinnerMediaWrapper {
        margin: 0;
        height: 60vw;
    }

    section.awardsWinnerHeroSectionWrapper {
        row-gap: 1rem;
    }
    h2.awardsWinnerTitle {
        line-height: 3rem;
    }
    .introductionVideoWrapper {
        width: calc(100% - var(--spaceX) * 6);
        left: calc(var(--spaceX) * 3);
        bottom: -12rem;
        margin: auto;
    }

    .title__item {
        text-align: center;
    }

    section.introductionSloganContainer .btn.login {
        width: 100%;
        min-width: auto;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        margin: 1rem 0;
    }

    .introductionInfoWrapper {
        padding: var(--spaceX);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .introductionContent {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        margin-top: 0;
    }

    .introductionInfoWrapper h2 {
        margin: 1rem 0;
    }
    section.marqueeContainer {
        padding: 0 !important;
    }

    section.marqueeContainer::before {
        left: 0;
        width: 20%;
    }

    section.marqueeContainer::after {
        right: 0;
        width: 20%;
    }
    .brandsWrapper {
        -webkit-column-gap: 2rem;
        -moz-column-gap: 2rem;
        column-gap: 2rem;
        padding-bottom: var(--spaceYSmall);
    }
    figcaption.cardInfo h3 {
        font-size: 1rem;
    }
    figure.cardWrap .vote-icon {
        padding: 1.5rem;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        top: -0.375rem;
        left: -0.375rem;
    }
}
@media only screen and (min-width: 640px) and (max-width:769px){
    .cardsWrapper {
        -ms-grid-columns: 1fr var(--spaceX) 1fr;
        grid-template-columns: 1fr 1fr;
    }

    figure.cardWrap {
        height: 26vh;
    }

    .introductionSloganWrapper {
        height: 55vh;
    }

    .introductionVideoWrapper {
        height: 44vh;
        bottom: -4rem;
        width: calc(50% - var(--spaceX)* 3);
    }

    section.introductionSloganContainer .btn.login {
        width: 30vw;
    }
    section.introductionSloganContainer {
        margin: 4rem 0 calc(44vh - 14rem);
    }
}
@media only screen and (min-width: 769px) and (max-width:1199px){
    figure.cardWrap {
        height: 18vh;
    }
    figure.cardWrap {
        height: 18vh;
    }

    .introductionInfoWrapper {
        width: 45%;
    }

    .introductionVideoWrapper {
        width: 45%;
        height: 45vh;
    }

    .awardsWinnerMediaWrapper {
        height: 45vh;
    }
    figcaption.cardInfo h3 {
        font-size: 1.25rem;
    }
}
@media only screen and (min-width: 1200px) and (max-width:1400px){
    figcaption.cardInfo h3 {
        font-size: 1.25rem;
    }
    .introductionInfoWrapper {
        width: 40%;
    }
}
@media only screen and (min-width: 1401px) and (max-width:1600px){
    .awardsWinnerMediaWrapper {
        height: 75vh;
    }
    .introductionInfoWrapper {
        width: 32%;
    }
}