.notifications-list-wrapper .header[data-v-7aab88cc] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.7rem 1rem;
    font-size: 12px;
    color: #FFFFFF;
    font-weight: 500;
    justify-self: flex-start;
    width: 100%;
}
.notifications-list-wrapper .load-more-btn[data-v-7aab88cc] {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0.7rem 1rem;
    font-size: 12px;
    color: #FFFFFF;
    font-weight: 500;
    justify-self: flex-end;
    width: 100%;
    transition: 0.2s ease-in;
    cursor: pointer;
    background-color: transparent;
    border: none;
}
.notifications-list-wrapper .load-more-btn .el-icon-loading[data-v-7aab88cc] {
    color: #FFFFFF !important;
    font-size: 15px;
}
.notifications-list-wrapper .load-more-btn[data-v-7aab88cc]:hover {
    background-color: rgba(255, 255, 255, 0.2);
}
.notifications-list-wrapper .mark-all-as-read[data-v-7aab88cc], .notifications-list-wrapper .clear-all[data-v-7aab88cc] {
    cursor: pointer;
    font-size: 14px;
}
.notifications-list-wrapper[data-v-7aab88cc] {
    background-color: #452179;
    border-radius: 10px;
    height: calc(100vh - 350px);
    box-sizing: content-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
}
.notifications-list-wrapper .notifications-list[data-v-7aab88cc] {
    padding: 0;
    text-align: center;
    overflow-y: auto;
    height: 100%;
    width: 100%;
}
.notifications-list .no-notifications[data-v-7aab88cc] {
    color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    height: 100%;
}
.notifications-list-wrapper .item-wrapper[data-v-7aab88cc] {
    padding: 0 0.1rem;
    /*border-radius: 10px;*/
    transition: 0.2s ease-in;
    width: 100%;
}
.notifications-list-wrapper .item-wrapper[data-v-7aab88cc]:not(:last-child) {
    border-bottom: solid 1px rgba(255, 255, 255, 0.5);
}
.notifications-list-wrapper .item-wrapper[data-v-7aab88cc]:hover {
    background-color: rgba(255, 255, 255, 0.2);
}
.notifications-list-wrapper .item[data-v-7aab88cc] {
    width: 100%;
    height: 100%;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 0.3rem;
    cursor: pointer;
    position: relative;
    text-align: left;
}
.notifications-list-wrapper .open[data-v-7aab88cc] {
    height: 100%
}
.notifications-list-wrapper .open .content .message[data-v-7aab88cc] {
    -webkit-line-clamp: inherit;
}
.notifications-list-wrapper .unread-badge[data-v-7aab88cc] {
    height: 10px;
    width: 10px;
    background-color: #ffb511;
    position: absolute;
    right: 10px;
    top: 15px;
    border-radius: 50%;
}
.notifications-list-wrapper .read .unread-badge[data-v-7aab88cc] {
    display: none;
}
.notifications-list-wrapper .item .image-wrapper[data-v-7aab88cc] {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.notifications-list-wrapper .item .image-wrapper img[data-v-7aab88cc] {
    background-color: #fefefe;
    height: 70px;
    width: 70px;
    -o-object-fit: cover;
       object-fit: cover;
    border-radius: 50%;
    border: solid 1px white;
}
.notifications-list-wrapper .content[data-v-7aab88cc] {
    width: 100%;
    height: 100%;
    padding: 0 0.7rem;
}
.notifications-list-wrapper .content .title[data-v-7aab88cc] {
    font-weight: 600;
    color: #fff;
    font-size: 15px;
    width: 320px;
}
.notifications-list-wrapper .closed .content .title[data-v-7aab88cc], .closed .content .message[data-v-7aab88cc] {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.notifications-list-wrapper .content .message[data-v-7aab88cc] {
    color: #ddd;
    font-weight: 500;
    font-size: 14px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-align: left;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 320px;
    white-space: normal;
    margin-bottom: 20px;
}
.notifications-list-wrapper .notifications-list .timestamp[data-v-7aab88cc] {
    font-size: 11px;
    font-weight: 200;
    color: white;
    position: absolute;
    right: 10px;
    bottom: 0;
}
.notifications-list .el-icon-loading[data-v-7aab88cc] {
    color: #FFFFFF !important;
}


.notifications-list::-webkit-scrollbar {
    width: 0;  /* Remove scrollbar space */
    background: transparent;  /* Optional: just make scrollbar invisible */
}
.notifications-list {
    scrollbar-width: none;
}




.notifications[data-v-6cedde8f] {
    position: relative;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}
.notifications .el-icon-bell[data-v-6cedde8f] {
    font-size: 30px;
    margin-top: 20px;
}
.notifications .button[data-v-6cedde8f] {
    position: relative;
    height: 40px;
    width: 40px;
    padding: .5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.notifications .pop-up[data-v-6cedde8f] {
    position: absolute;
    top: 50px;
    right: 0;
    z-index: 10;
    min-width: 382px;
}
.notifications .pop-up.hidden[data-v-6cedde8f] {
    display: none;
}
.notifications .badge[data-v-6cedde8f] {
    position: absolute;
    top: 5%;
    right: -5%;
    background-color: #452179;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    display: none;
    align-items: center;
    justify-content: center;
    color: #FFFFFF;
    font-size: 10px;
    font-weight: 500;
    border: 1px solid #fff;
}
.notifications .badge.visible[data-v-6cedde8f] {
    display: flex;
}

@font-face {
    font-family: 'Avenir Book';
    src: url(/fonts/Avenir-Book.a216a10a.woff2) format("woff2"), url(/fonts/Avenir-Book.3ec6159c.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Avenir';
    src: url(/fonts/Avenir-Black.ba03aa99.woff2) format("woff2"), url(/fonts/Avenir-Black.2450ae87.woff) format("woff");
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Avenir';
    src: url(/fonts/Avenir-Roman.b631c23f.woff2) format("woff2"), url(/fonts/Avenir-Roman.9b3ff9a9.woff) format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: block;
}
@font-face {
    font-family: 'Avenir';
    src: url(/fonts/Avenir-Light.29e8c98d.ttf) format("TrueType");
    font-weight: 300;
    font-style: normal;
    font-display: block;
}
@font-face {
    font-family: 'Avenir';
    src: url(/fonts/Avenir-Heavy.53d85700.ttf) format("TrueType");
    font-weight: 700;
    font-style: normal;
    font-display: block;
}
@font-face {
    font-family: 'Avenir';
    src: url(/fonts/Avenir-Regular.bdd819af.ttf) format("TrueType");
    font-weight: 500;
    font-style: normal;
    font-display: block;
}
/* ============================================
   CSS VARIABLES - Theme Support
   ============================================ */
:root {
    --bg-white: #FFFFFF;
    --bg-sidebar: #FFFFFF;
    --bg-sidebar-hover: #FFFFFF;
    --bg-card: #FFFFFF;
    --bg-table-row: #FFFFFF;
    --bg-table-row-even: #F5F5F5;
    --bg-modal: #FFFFFF;
    --bg-accordion: #FFFFFF;
    --text-primary: #000000;
    --text-primary-inverse: #FFFFFF;
    --border-color: #E0E0E0;
}
.dark-theme {
    --bg-white: #3A3A45;
    --bg-sidebar: #1A1A24;
    --bg-sidebar-hover: #252530;
    --bg-card: #3A3A45;
    --bg-table-row: #3A3A45;
    --bg-table-row-even: #2A2A35;
    --bg-modal: #3A3A45;
    --bg-accordion: #3A3A45;
    --text-primary: #E0E0E0;
    --text-primary-inverse: #000000;
    --border-color: #252530;
}

/* line 60, ../sass/styles.scss */
* {
    margin: 0;
    padding: 0;
}

/* line 65, ../sass/styles.scss */
body {
    font-family: "Avenir", sans-serif;
}

/* line 69, ../sass/styles.scss */
ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

/* line 75, ../sass/styles.scss */
h1 {
    font-weight: 900;
    font-size: 43px;
}

/* line 80, ../sass/styles.scss */
.quis__subtitle {
    font-size: 30px;
    font-weight: 900;
}
/* line 84, ../sass/styles.scss */
.quis__subtitle span {
    font-size: 25px;
    font-weight: 500;
}

/* line 91, ../sass/styles.scss */
button a {
    color: black;
    text-decoration: none;
}
/* line 95, ../sass/styles.scss */
button a:hover {
    color: black;
}

/* line 101, ../sass/styles.scss */
.icon-touch {
    min-width: 48px;
    min-height: 48px;
    display: flex;
    background: 0;
    border: 0;
    align-items: center;
    justify-content: center;
}

/* line 10, ../sass/__sidebar.scss */
.sidebar {
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1100;
}
/* line 14, ../sass/__sidebar.scss */
.sidebar__mobile-toggler {
    display: none;
}
/* line 18, ../sass/__sidebar.scss */
.sidebar__inside {
    box-shadow: 0px 2px 2px 0 rgba(0, 0, 0, 0.177);
    width: 90px;
    height: 100vh;
    position: relative;
    top: 0;
    left: 0;
    z-index: 1;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}
/* line 29, ../sass/__sidebar.scss */
.sidebar__bkg {
    width: 90px;
    height: 100vh;
    background-color: var(--bg-sidebar);
    border-right: 10px var(--bg-sidebar) solid;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 0;
}
/* line 37, ../sass/__sidebar.scss */
.sidebar__icon-menu {
    width: 80px;
    height: 80px;
    padding: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
}
/* line 44, ../sass/__sidebar.scss */
.sidebar__icon-menu img {
    -o-object-position: center;
       object-position: center;
    max-height: 48px;
}
/* line 49, ../sass/__sidebar.scss */
.sidebar__nav {
    flex-grow: 1;
}
/* line 52, ../sass/__sidebar.scss */
.sidebar__overlay-bkg {
    content: "";
    background: rgba(255, 255, 255, 0.014);
    width: calc(100vw - 20px);
    height: 100vh;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
}
/* line 77, ../sass/__sidebar.scss */
.sidebar__list-item {
    position: relative;
    top: 0;
    left: 0;
}
/* line 80, ../sass/__sidebar.scss */
.sidebar__list-item.active .sidebar__icon-container {
    background-color: #D9D9D9;
}
/* line 83, ../sass/__sidebar.scss */
.sidebar__list-item.active::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 80px;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid #D9D9D9;
}
/* line 95, ../sass/__sidebar.scss */
.sidebar__link {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    text-decoration: none;
}
/* line 102, ../sass/__sidebar.scss */
.sidebar__icon-container {
    min-width: 80px;
    height: 60px;
    padding: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
}
/* line 109, ../sass/__sidebar.scss */
.sidebar__icon-container img {
    -o-object-position: center;
       object-position: center;
    height: 100%;
}
/* line 114, ../sass/__sidebar.scss */
.sidebar__item-label {
    color: #484848;
    margin-bottom: 0;
    padding-left: 10px;
}
/* line 120, ../sass/__sidebar.scss */
.sidebar:hover .sidebar__bkg {
    width: -moz-min-content;
    width: min-content;
    border: 0;
}

/* Offset main content to avoid sidebar overlap */
.sidebar + div {
    margin-left: 110px;
}
@media (max-width: 767px) {
.sidebar + div {
        margin-left: 0;
}
}
/* line 124, ../sass/__sidebar.scss */
.sidebar:hover .sidebar__inside {
    width: auto;
    border: 0;
    overflow-y: scroll;
    background-color: var(--bg-sidebar-hover);
}
/* line 130, ../sass/__sidebar.scss */
.sidebar:hover .sidebar__list-item {
    padding-right: 20px;
}
/* line 132, ../sass/__sidebar.scss */
.sidebar:hover .sidebar__list-item:hover {
    background-color: #e2e2e2;
    cursor: pointer;
}
/* line 136, ../sass/__sidebar.scss */
.sidebar:hover .sidebar__list-item.active {
    background-color: #D9D9D9;
}
/* line 138, ../sass/__sidebar.scss */
.sidebar:hover .sidebar__list-item.active::after {
    display: none;
}
@media (max-width: 767px) {
    /* line 147, ../sass/__sidebar.scss */
.sidebar__mobile-toggler {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 100;
        height: 80px;
        width: 80px;
        background: 0;
        border: 0;
}

    /* line 156, ../sass/__sidebar.scss */
.sidebar__inside {
        transform: translateX(-100%);
        width: auto;
        border: 0;
        overflow-y: scroll;
        background-color: var(--bg-sidebar);
}
    /* line 163, ../sass/__sidebar.scss */
.sidebar__inside.open {
        transform: translateX(0);
}

    /* line 168, ../sass/__sidebar.scss */
.sidebar__list-item {
        padding-right: 20px;
}
    /* line 170, ../sass/__sidebar.scss */
.sidebar__list-item:hover {
        background-color: #e2e2e2;
        cursor: pointer;
}
    /* line 174, ../sass/__sidebar.scss */
.sidebar__list-item.active {
        background-color: #D9D9D9;
}
    /* line 176, ../sass/__sidebar.scss */
.sidebar__list-item.active::after {
        display: none;
}

    /* line 181, ../sass/__sidebar.scss */
.sidebar__bkg {
        width: -moz-min-content;
        width: min-content;
        border: 0;
}
}
/* line 4, ../sass/__games.scss */
.card-img img {
    width: 100% !important;
    height: 100% !important;
    border-radius: 15px;
    -o-object-fit: cover;
       object-fit: cover;
}
@media (max-width: 778px) {
    /* line 2, ../sass/__games.scss */
.card-img {
        height: 250px !important;
}
}
@media (max-width: 778px) {
    /* line 24, ../sass/__games.scss */
.card__header .card__img {
        height: 250px !important;
}
}
@media (max-width: 778px) {
    /* line 33, ../sass/__games.scss */
.container-lg {
        width: 100% !important;
        margin-left: 0 !important;
        padding-left: 0 !important;
}
}
@media (max-width: 778px) {
    /* line 42, ../sass/__games.scss */
.container-buttons-lg {
        justify-content: space-between !important;
        margin-left: 0 !important;
        padding-left: 0 !important;
}
}
@media (max-width: 778px) {
    /* line 50, ../sass/__games.scss */
.container-buttons-lg div {
        width: 50%;
}
}
@media (max-width: 778px) {
    /* line 57, ../sass/__games.scss */
.card__content--2 {
        margin-bottom: 100px !important;
}
}
@media (max-width: 778px) {
    /* line 63, ../sass/__games.scss */
.card__content--1 {
        margin-bottom: 240px !important;
}
}

/* line 69, ../sass/__games.scss */
.cards-container {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: auto auto auto;
    justify-content: space-between;
    -moz-column-gap: 30px;
         column-gap: 30px;
    row-gap: 60px;
}
@media (max-width: 992px) {
    /* line 69, ../sass/__games.scss */
.cards-container {
        grid-template-columns: 1fr 1fr;
}
}
@media (max-width: 778px) {
    /* line 69, ../sass/__games.scss */
.cards-container {
        grid-template-columns: 100%;
}
}

/* line 86, ../sass/__games.scss */
.cards-container.cards-sm {
    row-gap: 130px;
}

/* line 90, ../sass/__games.scss */
.card-shadow {
    box-shadow: 0px 3px 2px #00000029;
}

/* line 94, ../sass/__games.scss */
.game-card {
    position: relative;
    border-radius: 15px;
    margin-bottom: 140px;
}

/* line 100, ../sass/__games.scss */
.card-budge {
    position: absolute;
    top: 10px;
    left: 10px;
    background-color: #E3E3E3;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    border-radius: 5px;
    margin-right: 10px;
}
/* line 112, ../sass/__games.scss */
.card-budge p {
    padding: 4px;
    padding-right: 12px;
    padding-left: 12px;
    margin: 0;
    font-size: 13px;
    font-weight: 900 !important;
}

/* line 122, ../sass/__games.scss */
.pending-red {
    background-color: #BA5846;
}
/* line 125, ../sass/__games.scss */
.pending-red p {
    color: white;
}

/* line 130, ../sass/__games.scss */
.card-img {
    height: 250px;
}
/* line 133, ../sass/__games.scss */
.card-img img {
    width: 100%;
    height: 100%;
    border-radius: 15px;
    -o-object-fit: cover;
       object-fit: cover;
}

/* line 141, ../sass/__games.scss */
.reveal-api {
    margin-top: 5px;
    height: 20px;
}
/* line 144, ../sass/__games.scss */
.reveal-api a {
    color: #585858;
    font-size: 12px;
    font-weight: 300;
}

/* line 151, ../sass/__games.scss */
.container-stats {
    box-shadow: 0px 1px 3px #00000029;
    padding: 10px;
    border-radius: 4px;
}
/* line 156, ../sass/__games.scss */
.container-stats h3 {
    font-size: 10px !important;
    font-weight: 500 !important;
    white-space: nowrap;
}
/* line 162, ../sass/__games.scss */
.container-stats h4 {
    font-size: 14px !important;
    font-weight: 700 !important;
    margin-bottom: 0;
}

/* line 169, ../sass/__games.scss */
.stats-yellow {
    border-left: 7px solid #FFB72F;
    height: -moz-min-content;
    height: min-content;
}

/* line 174, ../sass/__games.scss */
.stats-violet {
    border-left: 7px solid #9879C9;
    height: -moz-min-content;
    height: min-content;
}

/* line 179, ../sass/__games.scss */
.game-name {
    font-weight: 900;
    font-size: 25px;
}

/* line 184, ../sass/__games.scss */
.company-name {
    font-weight: 500;
    font-size: 16px;
    text-transform: uppercase;
}

/* line 191, ../sass/__games.scss */
.platforms div {
    background-color: #E3E3E3;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    border-radius: 5px;
    margin-right: 5px;
    margin-top: 5px;
}
/* line 201, ../sass/__games.scss */
.platforms div p {
    padding: 4px;
    padding-right: 12px;
    padding-left: 12px;
    margin: 0;
    font-size: 13px;
    font-weight: 700;
}

/* line 213, ../sass/__games.scss */
.genres div {
    border: solid 1px black;
    border-radius: 5px;
    margin-right: 5px;
    margin-top: 5px;
}
/* line 219, ../sass/__games.scss */
.genres div p {
    padding: 4px;
    padding-right: 12px;
    padding-left: 12px;
    margin: 0;
    font-size: 13px;
    font-weight: 700;
}

/* line 230, ../sass/__games.scss */
.accordion-button {
    margin-bottom: 15px;
    border-top: 1px solid #aaaaaa;
    border-bottom: 1px solid #aaaaaa;
    color: #4A4A4A;
}

/* line 238, ../sass/__games.scss */
.container-accordion {
    position: absolute;
    left: 0;
    padding: 1rem;
    width: 100%;
    background-color: var(--bg-white);
    z-index: 10;
    box-shadow: 0 3px 2px #00000029;
    border-radius: 0px 0px 15px 15px;
}
.semi-featured-accordion {
    position: relative;
    padding: 0;
    box-shadow: none;
    border-radius: 0;
}
@media (max-width: 778px) {
    /* line 250, ../sass/__games.scss */
.card__content .container-accordion {
        flex-direction: column;
}
}
@media (max-width: 778px) {
    /* line 255, ../sass/__games.scss */
.card__content .container-accordion div {
        width: 100% !important;
        margin-left: 0 !important;
}
}
@media (max-width: 778px) {
    /* line 262, ../sass/__games.scss */
.card__content .container-accordion .container-buttons {
        display: grid !important;
        grid-template-columns: 50% 50% !important;
        gap: 4px;
}
}
@media (max-width: 778px) {
    /* line 269, ../sass/__games.scss */
.card__content .container-accordion .container-buttons button {
        margin-top: 8px !important;
}
}

/* line 279, ../sass/__games.scss */
.accordion-body {
    position: relative;
}
/* line 282, ../sass/__games.scss */
.accordion-body h3 {
    font-size: 10px !important;
    font-weight: 500px !important;
}
/* line 287, ../sass/__games.scss */
.accordion-body h4,
.accordion-body h5 {
    font-size: 14px !important;
    font-weight: 300 !important;
}

/* line 294, ../sass/__games.scss */
.accordion-button:not(.collapsed) {
    color: black;
    background-color: #e7f1ff;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.125);
}

/* line 300, ../sass/__games.scss */
.accordion-button:focus {
    z-index: 3;
    border-color: #aaaaaa;
    background: none;
    box-shadow: none;
}

/* line 307, ../sass/__games.scss */
.accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27 fill=%27%23212529%27%3e%3cpath fill-rule=%27evenodd%27 d=%27M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z%27/%3e%3c/svg%3e");
    transform: rotate(-180deg);
}

/* line 312, ../sass/__games.scss */
.card__container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto;
    grid-template-areas: "card__header card__header" "card__content1 card__content2";
    -moz-column-gap: 50px;
         column-gap: 50px;
    row-gap: 30px;
    /*margin-bottom: 190px;*/
}
@media (max-width: 992px) {
    /* line 312, ../sass/__games.scss */
.card__container {
        grid-template-columns: 100%;
        grid-template-rows: auto auto auto;
        grid-template-areas: "card__header" "card__content1" "card__content2";
        -moz-column-gap: 50px;
             column-gap: 50px;
        row-gap: 30px;
}
}

/* line 334, ../sass/__games.scss */
.card__header {
    grid-area: card__header;
    border-radius: 15px;
    position: relative;
    box-shadow: 0px 3px 6px #00000029;
    box-shadow: 0px 3px 6px #00000029;
    transition-duration: 2s;
    transition-property: display;
}
/* line 346, ../sass/__games.scss */
.card__header .card__img {
    height: 500px;
}
/* line 349, ../sass/__games.scss */
.card__header .card__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
    border-radius: 15px;
}
/* line 358, ../sass/__games.scss */
.card__header h2 {
    font-weight: 900;
    font-size: 32px;
}
/* line 363, ../sass/__games.scss */
.card__header h3 {
    font-weight: 500;
    font-size: 16px;
}
/* line 368, ../sass/__games.scss */
.card__header h4 {
    font-weight: 500;
    font-size: 20px;
}
/* line 373, ../sass/__games.scss */
.card__header h5 {
    font-weight: 300;
    font-size: 11px;
}
/* line 378, ../sass/__games.scss */
.card__header h6 {
    font-weight: 700;
    font-size: 40px;
}
/* line 383, ../sass/__games.scss */
.card__header p {
    font-weight: 300;
    font-size: 16px;
}
/* line 388, ../sass/__games.scss */
.card__header .card__body {
    padding-top: 40px;
    padding: 20px;
}
/* line 393, ../sass/__games.scss */
.card__header .container__card-lg {
    width: 50%;
}
@media (max-width: 992px) {
    /* line 393, ../sass/__games.scss */
.card__header .container__card-lg {
        width: 65%;
}
}
@media (max-width: 768px) {
    /* line 393, ../sass/__games.scss */
.card__header .container__card-lg {
        width: 100%;
}
}
/* line 405, ../sass/__games.scss */
.card__header .container__card-lg--2 {
    width: 50%;
}
@media (max-width: 992px) {
    /* line 405, ../sass/__games.scss */
.card__header .container__card-lg--2 {
        width: 100%;
}
}
/* line 414, ../sass/__games.scss */
.card__header .games__stats {
    width: 70%;
}
@media (max-width: 992px) {
    /* line 414, ../sass/__games.scss */
.card__header .games__stats {
        width: 65%;
}
}
@media (max-width: 768px) {
    /* line 414, ../sass/__games.scss */
.card__header .games__stats {
        width: 100%;
}
}
/* line 426, ../sass/__games.scss */
.card__header .games__button-div {
    margin-left: 10px;
    width: 100%;
}
@media (max-width: 768px) {
    /* line 426, ../sass/__games.scss */
.card__header .games__button-div {
        width: 50%;
}
}
/* line 435, ../sass/__games.scss */
.card__header .games__button-div2 {
    display: none;
}
/* line 439, ../sass/__games.scss */
.card__header .games__button-mobile {
    display: none;
}
@media (max-width: 768px) {
    /* line 439, ../sass/__games.scss */
.card__header .games__button-mobile {
        display: block;
        width: 50%;
}
}

/*CARDS MD*/
/* line 452, ../sass/__games.scss */
.card__content {
    border-radius: 15px;
    margin-top: 20px;
    margin-bottom: 20px;
    position: relative;
}
/* line 458, ../sass/__games.scss */
.card__content .card__body {
    padding: 20px;
}
/* line 462, ../sass/__games.scss */
.card__content h2 {
    font-weight: 900;
    font-size: 25px;
}
/* line 467, ../sass/__games.scss */
.card__content h3 {
    font-weight: 500;
    font-size: 16px;
}
/* line 472, ../sass/__games.scss */
.card__content h4 {
    font-weight: 500;
    font-size: 20px;
}
/* line 477, ../sass/__games.scss */
.card__content h5 {
    font-weight: 300;
    font-size: 10px;
}
/* line 482, ../sass/__games.scss */
.card__content h6 {
    font-weight: 700;
    font-size: 25px;
}
/* line 487, ../sass/__games.scss */
.card__content p {
    font-weight: 300;
    font-size: 16px;
}
/* line 492, ../sass/__games.scss */
.card__content .card__content--1 {
    grid-area: card__content1;
}
/* line 496, ../sass/__games.scss */
.card__content .card__content--2 {
    grid-area: card__content2;
}
/* line 500, ../sass/__games.scss */
.card__content .card__container-md {
    width: 100%;
}
@media (max-width: 768px) {
    /* line 500, ../sass/__games.scss */
.card__content .card__container-md {
        width: 100%;
}
}
/* line 508, ../sass/__games.scss */
.card__content .card__container-button {
    margin-left: 20px;
    width: 35%;
}
@media (max-width: 768px) {
    /* line 508, ../sass/__games.scss */
.card__content .card__container-button {
        width: 100%;
        margin-top: 10px;
}
}
@media (max-width: 768px) {
    /* line 517, ../sass/__games.scss */
.card__content .card__container-button div {
        width: 100%;
}
}

/* line 526, ../sass/__games.scss */
.card__body {
    border-radius: 15px;
}

/* line 530, ../sass/__games.scss */
.games__button-md {
    display: none;
}
@media (max-width: 768px) {
    /* line 530, ../sass/__games.scss */
.games__button-md {
        display: block;
        margin-right: 10px;
}
}

/* line 539, ../sass/__games.scss */
.games__card-md {
    border-radius: 15px;
    box-shadow: 0px 3px 6px #00000029;
}
/* line 547, ../sass/__games.scss */
.games__card-md .card__img {
    height: 350px;
}
/* line 550, ../sass/__games.scss */
.games__card-md .card__img img {
    border-radius: 15px;
    width: 100%;
    height: 100%;
}

/* line 558, ../sass/__games.scss */
.company-link {
    color: black;
    text-decoration: none;
}

/* line 563, ../sass/__games.scss */
.company-link:hover {
    color: #6b6b6b;
}

/* line 567, ../sass/__games.scss */
.games__stat-yellow {
    border-left: 7px solid #FFB72F;
    border-radius: 4px;
}

/* line 572, ../sass/__games.scss */
.games__stat-violet {
    border-left: 7px solid #9879C9;
    border-radius: 4px;
}

/* line 577, ../sass/__games.scss */
.games-subtab {
    border-bottom: 1px solid #aaaaaa !important;
    margin-bottom: 50px;
}
/* line 581, ../sass/__games.scss */
.games-subtab .nav-item .nav-link.active {
    border-bottom: 7px solid #5F2267;
}
/* line 585, ../sass/__games.scss */
.games-subtab .nav-item .nav-link {
    transform: translate(0px, 2px);
    font-size: 17px;
}

/* line 3, ../sass/__game-create.scss */
.create-container {
    margin-top: 20px;
    margin-bottom: 100px;
    background-color: var(--bg-card);
    padding: 10px;
    border-radius: 5px;
    box-shadow: 0px 3px 6px #00000029;
    padding: 30px;
    border-radius: 20px;
}
/* line 13, ../sass/__game-create.scss */
.create-container .dropdown-toggle {
    height: 45px;
    border: 1px solid #707070 !important;
    padding: 10px;
    border-radius: 5px;
    background-color: var(--bg-card);
}
/* line 20, ../sass/__game-create.scss */
.create-container .dropdown-toggle .dropdown-toggle-icon {
    margin-bottom: 0px !important;
}
/* line 25, ../sass/__game-create.scss */
.create-container .dropdown-menu {
    width: 100%;
    padding: 20px;
}
/* line 30, ../sass/__game-create.scss */
.create-container .create-container--1 {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 40%;
    margin-right: 40px;
}
/* line 37, ../sass/__game-create.scss */
.create-container .create-container--1 div {
    /*margin-bottom: 10px;*/
}
@media screen and (max-width: 768px) {
    /* line 30, ../sass/__game-create.scss */
.create-container .create-container--1 {
        width: 100%;
}
}
/* line 46, ../sass/__game-create.scss */
.create-container .create-container--2 {
    width: 60%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
@media screen and (max-width: 768px) {
    /* line 46, ../sass/__game-create.scss */
.create-container .create-container--2 {
        width: 100%;
}
}
/* line 56, ../sass/__game-create.scss */
.create-container .create-container--2 div {
    margin-bottom: 10px;
}
/* line 61, ../sass/__game-create.scss */
.create-container h2 {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 15px;
}
/* line 67, ../sass/__game-create.scss */
.create-container label {
    margin-top: 20px;
    font-size: 12px;
    font-weight: 500;
}
/* line 72, ../sass/__game-create.scss */
.create-container label span {
    color: #5F2267;
    font-weight: 900;
    font-size: 12px;
}
/* line 78, ../sass/__game-create.scss */
.create-container .sub-label {
    color: #707070;
    margin-bottom: 0;
    font-size: 10px;
    margin-top: 5px;
}
/* line 85, ../sass/__game-create.scss */
.create-container input[type=text],
.create-container select,
.create-container input[type=number],
.create-container input[type=url],
.create-container input[type=date] {
    width: 100%;
    height: 45px;
    font-size: 14px;
    padding: 5px;
    border: 1px solid #707070;
    border-radius: 5px;
}
/* line 96, ../sass/__game-create.scss */
.create-container textarea {
    width: 100%;
    font-size: 14px;
    padding: 10px;
    border: 1px solid #707070;
    border-radius: 5px;
}
/* line 104, ../sass/__game-create.scss */
.create-container .textarea-sm {
    height: 130px;
}
/* line 108, ../sass/__game-create.scss */
.create-container .textarea-lg {
    height: 300px;
}
/* line 112, ../sass/__game-create.scss */
.create-container .input-adress {
    width: 40% !important;
    margin-right: 8px;
}
@media screen and (max-width: 768px) {
    /* line 112, ../sass/__game-create.scss */
.create-container .input-adress {
        width: 100% !important;
}
}
/* line 120, ../sass/__game-create.scss */
.create-container .input-city {
    width: 25% !important;
    margin-right: 8px;
}
@media screen and (max-width: 768px) {
    /* line 120, ../sass/__game-create.scss */
.create-container .input-city {
        width: 100% !important;
}
}
/* line 128, ../sass/__game-create.scss */
.create-container .input-tel {
    width: 25% !important;
    margin-right: 8px;
}
@media screen and (max-width: 768px) {
    /* line 128, ../sass/__game-create.scss */
.create-container .input-tel {
        width: 100% !important;
}
}
/* line 136, ../sass/__game-create.scss */
.create-container .input-code {
    width: 10% !important;
}
@media screen and (max-width: 768px) {
    /* line 136, ../sass/__game-create.scss */
.create-container .input-code {
        width: 100% !important;
}
}
/* line 144, ../sass/__game-create.scss */
.create-container .container-inputs div {
    width: 100%;
}
@media screen and (max-width: 768px) {
    /* line 144, ../sass/__game-create.scss */
.create-container .container-inputs div {
        width: 100% !important;
}
}

/* line 153, ../sass/__game-create.scss */
.container-images {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
/* line 158, ../sass/__game-create.scss */
.container-images p {
    font-size: 12px;
    font-weight: 300;
    color: #797979;
    margin-bottom: 5px !important;
}

/* line 166, ../sass/__game-create.scss */
.container-border {
    padding: 20px;
    border: 1px solid #707070;
    border-radius: 4px;
}

/* line 172, ../sass/__game-create.scss */
.container-buttons {
    margin-top: 100px;
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
}
/* line 178, ../sass/__game-create.scss */
.container-buttons .btn-primary-gray {
    background-color: #898989;
    color: white;
    border: 1px solid #898989;
}
@media screen and (max-width: 576px) {
    /* line 172, ../sass/__game-create.scss */
.container-buttons {
        justify-content: initial;
}
    /* line 187, ../sass/__game-create.scss */
.container-buttons button {
        margin-top: 10px;
}
}

/* line 2, ../sass/__company-page.scss */
.company-container h3 {
    font-size: 12px;
    font-weight: 500;
    color: #4A4A4A;
}
/* line 8, ../sass/__company-page.scss */
.company-container h4 {
    font-size: 20px;
    margin-bottom: 20px;
}
/* line 13, ../sass/__company-page.scss */
.company-container h2 {
    font-weight: 900;
    font-size: 43px;
}

/* line 19, ../sass/__company-page.scss */
.logo-studio {
    width: 80px;
    border-radius: 50%;
    height: 80px;
    -o-object-fit: cover;
       object-fit: cover;
}

/* line 23, ../sass/__company-page.scss */
.wallet-balance {
    padding: 20px;
    border-radius: 10px;
}
/* line 27, ../sass/__company-page.scss */
.wallet-balance h3 {
    font-size: 20px;
    font-weight: 900;
}
/* line 32, ../sass/__company-page.scss */
.wallet-balance h4 {
    font-size: 28px;
    font-weight: 500;
}

/* line 117, ../sass/styles.scss */
#myBtn {
    position: fixed;
    bottom: 20px;
    right: 30px;
    z-index: 99;
    background: 0;
    border: 0;
}
/* line 125, ../sass/styles.scss */
#myBtn img {
    width: 40px;
}

/* line 131, ../sass/styles.scss */
.btn-primary {
    background-color: #F8B517 !important;
    color: black !important;
    font-weight: 900 !important;
    border: 1px solid #F8B517 !important;
}
/* line 137, ../sass/styles.scss */
.btn-primary:hover {
    background-color: #f9bd30 !important;
    color: black !important;
    border: 1px solid #F8B517 !important;
}

/* line 144, ../sass/styles.scss */
.btn {
    font-weight: 900 !important;
    white-space: nowrap !important;
}

/* line 149, ../sass/styles.scss */
.btn-border {
    border: solid 1px var(--border-color) !important;
    color: var(--text-primary) !important;
    background-color: var(--bg-white) !important;
}
.btn-border:hover {
    border: solid 1px black !important;
    color: black !important;
    background-color: rgb(231, 231, 231) !important;
}

/* line 153, ../sass/styles.scss */
.btn-gray {
    background-color: #898989;
    color: white;
}

/* line 158, ../sass/styles.scss */
.main-layout {
    padding-left: 20px;
    padding-right: 0;
    /*overflow-x: hidden;*/
}
@media (min-width: 768px) {
    /* line 158, ../sass/styles.scss */
.main-layout {
        padding-left: 100px;
}
}
/* line 167, ../sass/styles.scss */
.main-layout__container {
    padding-right: 25px;
    padding-left: 25px;
}

/* line 174, ../sass/styles.scss */
.nav-tabs {
    margin-bottom: 30px;
    border: 0;
}

/* line 179, ../sass/styles.scss */
.nav-tabs .nav-link {
    color: black;
    font-size: 18px;
}

/* line 184, ../sass/styles.scss */
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    color: #000;
    border: 0;
    border-bottom: 2px solid black;
    font-weight: 500;
}

/* line 193, ../sass/styles.scss */
.btn-check:active + .btn-primary,
.btn-check:checked + .btn-primary,
.btn-primary.active,
.btn-primary:active,
.show > .btn-primary.dropdown-toggle {
    color: black;
    background-color: #F8B517;
    border-color: #F8B517;
    font-weight: 700;
}

/* line 204, ../sass/styles.scss */
.btn-check:focus + .btn-primary,
.btn-primary:focus {
    color: black;
    background-color: #F8B517;
    border-color: #F8B517;
    box-shadow: 0 0 0 0.25rem #F8B517;
    font-weight: 700;
}

/* line 216, ../sass/styles.scss */
.quis-table {
    border-collapse: collapse;
    padding: 15px;
    width: 100%;
}
/* line 222, ../sass/styles.scss */
.quis-table th {
    border-bottom: 1px solid #C0C0C0;
    padding: 15px;
}
/* line 227, ../sass/styles.scss */
.quis-table td {
    padding: 15px;
    font-weight: 300;
}
/* line 232, ../sass/styles.scss */
.quis-table tr:nth-child(even) {
    background: var(--bg-table-row-even);
}
/* line 236, ../sass/styles.scss */
.quis-table tbody tr:hover {
    background-color: #f3f3f3;
}
.quis-table td:first-child {
    border-radius: 10px 0 0 10px;
}
.quis-table td:last-child {
    border-radius: 0 10px 10px 0;
}

/* line 242, ../sass/styles.scss */
.table__quis-table table {
    border-collapse: separate;
    border-spacing: 0px 20px;
}
@media (max-width: 768px) {
    /* line 242, ../sass/styles.scss */
.table__quis-table table {
        white-space: wrap;
}
}
/* line 252, ../sass/styles.scss */
.table__quis-table td {
    padding: 20px;
    width: -moz-min-content;
    width: min-content;
}
@media (min-width: 992px) and (max-width: 1300px) {
    /* line 252, ../sass/styles.scss */
.table__quis-table td {
        padding-left: 5px;
        padding-right: 5px;
}
}
@media (max-width: 992px) {
    /* line 252, ../sass/styles.scss */
.table__quis-table td {
        width: auto;
}
}
/* line 266, ../sass/styles.scss */
.table__quis-table h3 {
    font-size: 10px;
    font-weight: 500;
    color: #070707aa;
}
/* line 272, ../sass/styles.scss */
.table__quis-table h4 {
    font-size: 16px;
    font-weight: 300;
}
@media (max-width: 768px) {
    /* line 241, ../sass/styles.scss */
.table__quis-table {
        transform: none;
}
}

/* line 283, ../sass/styles.scss */
.table__quis-table--score {
    margin-top: 20px;
}

/* line 288, ../sass/styles.scss */
.table__icon img {
    width: 48px;
    height: 48px;
}

/* line 295, ../sass/styles.scss */
.table-row {
    box-shadow: 1px 2px 2px 1px rgba(0, 0, 0, 0.118);
    border-radius: 10px;
}
@media (max-width: 1000px) {
    /* line 301, ../sass/styles.scss */
.table-row {
        width: 100%;
        margin-top: 20px;
        width: 100% !important;
        grid-template-columns: 1fr 1fr;
        display: grid;
}
}
/* line 314, ../sass/styles.scss */
.modal .modal-content {
    /*border-radius: 14px;*/
    /*box-shadow: 0px 3px 6px #00000029;*/
    /*border: none;*/
    /*position: relative;*/
    /*display: flex;*/
    /*flex-direction: column;*/
    /*align-items: center;*/
    /*padding: 40px 20px 20px 20px;*/
}
/* line 324, ../sass/styles.scss */
.modal .modal-content h2 {
    font-size: 35px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 20px;
}
/* line 331, ../sass/styles.scss */
.modal .modal-content .currency {
    font-size: 12px;
    font-weight: 300;
    transform: translate(100px, -60px);
}
/* line 337, ../sass/styles.scss */
.modal .modal-content label {
    font-size: 10px;
    font-weight: 500;
}
/* line 341, ../sass/styles.scss */
.modal .modal-content label span {
    color: #812F8C;
    font-weight: 900;
}
/* line 347, ../sass/styles.scss */
.modal .modal-content h3 {
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 2px;
}
/* line 353, ../sass/styles.scss */
.modal .modal-content h4 {
    font-size: 12px;
    font-weight: 300;
    margin-bottom: 0;
}
/* line 359, ../sass/styles.scss */
.modal .modal-content h5 {
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 20px;
    margin-top: 5px;
}
/* line 369, ../sass/styles.scss */
.modal .modal-body {
    /*display: flex;*/
    /*flex-direction: column;*/
    /*align-items: center;*/
    padding: 0;
}
/* line 375, ../sass/styles.scss */
.modal .modal-header {
    border: none;
}
/* line 379, ../sass/styles.scss */
.modal .modal-footer {
    border: none;
    padding: 0;
}
/* line 384, ../sass/styles.scss */
.modal .btn-close {
    background-color: #5F2267;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    position: absolute;
    top: -20px;
    right: 15px;
    z-index: 100;
    opacity: 1;
    background: #5F2267 url(/img/btn-close.30f1d255.svg) center 50% no-repeat;
}
/* line 397, ../sass/styles.scss */
.modal .wallet-value {
    border: none;
    border-bottom: 3px solid black;
    width: -moz-min-content;
    width: min-content;
    text-align: center;
    width: 35%;
    font-size: 40px;
    font-weight: 300;
}
/* line 407, ../sass/styles.scss */
.modal .wallet-adress {
    width: 350px;
    height: 45px;
    font-size: 14px;
    padding: 5px;
    border: 1px solid #707070;
    border-radius: 5px;
}
@media (max-width: 576px) {
    /* line 407, ../sass/styles.scss */
.modal .wallet-adress {
        width: 300px;
}
}
/* line 420, ../sass/styles.scss */
.modal input:focus {
    outline: none;
}
/* line 425, ../sass/styles.scss */
.modal .btn-secondary {
    background: var(--bg-white);
    border: 1px solid var(--border-color);
    color: var(--text-primary);
    font-weight: 900;
}
/* line 432, ../sass/styles.scss */
.modal .btn-secondary:hover {
    background-color: #f1f0f0;
    border: 1px solid #707070;
    color: black;
    font-weight: 900;
}
/* line 440, ../sass/styles.scss */
.modal .btn {
    padding: 5px 20px;
}
@media (min-width: 576px) {
    /* line 447, ../sass/styles.scss */
.modal .modal-schedule .modal-dialog {
        max-width: 600px;
}
}
/* line 453, ../sass/styles.scss */
.modal .modal-schedule .modal-subtititle {
    font-size: 18px !important;
    font-weight: 900 !important;
}

/* line 460, ../sass/styles.scss */
.input-search {
    border-radius: 4px;
    padding: 5px;
}

/* line 1038, ../sass/_games.scss */
.carousel-hero {
    width: 100%;
    height: 520px;
    margin-bottom: 10px;
    position: relative;
    border-radius: 20px;
}
.main-layout {
    overflow-x: hidden;
    overflow-y: hidden;
}

/* line 864, ../sass/_games.scss */
.slider-for div {
    margin: 0 !important;
    height: 520px;
    width: 100%;
    border-radius: 15px;
}
/* line 869, ../sass/_games.scss */
.slider-for div img, .slider-for div video {
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
    height: 100%;
    width: 100%;
}
/* line 1085, ../sass/_games.scss */
.card__transparent-container {
    border-radius: 20px 0px 0px 20px;
    height: 520px;
    width: 40%;
    display: flex;
    flex-direction: column;
    padding-top: 10px;
    padding-bottom: 30px;
    padding-left: 30px;
    color: white;
    background: black;
    background: linear-gradient(90deg, black 0%, rgba(0, 0, 0, 0.799) 38%, rgba(1, 1, 1, 0.713) 60%, transparent 100%);
}
@media (max-width: 768px) {
    /* line 1085, ../sass/_games.scss */
.card__transparent-container {
        margin-left: 0px;
}
}
/* line 1102, ../sass/_games.scss */
.card__transparent-container h2 {
    font-size: 45px;
    font-weight: 900;
}
/* line 1107, ../sass/_games.scss */
.card__transparent-container h3 {
    font-size: 20px;
    font-weight: 500;
}
/* line 1112, ../sass/_games.scss */
.card__transparent-container h4 {
    font-size: 10px;
}
/* line 1116, ../sass/_games.scss */
.card__transparent-container h5 {
    font-size: 16px;
    font-weight: 700;
}
/* line 1121, ../sass/_games.scss */
.card__transparent-container a {
    font-size: 16px;
    font-weight: 700;
    color: white;
}

/* line 1133, ../sass/_games.scss */
.card__transparent-container .games__genres {
    display: flex;
    position: initial;
}

/* line 925, ../sass/_games.scss */
.slider-nav-game .img__container {
    margin: 0 !important;
    height: 250px;
    width: 300px;
    border-radius: 15px;
    padding-right: 5px;
    padding-left: 5px;
}
/* line 932, ../sass/_games.scss */
.slider-nav-game .img__container img, .slider-nav-game .img__container video {
    width: 100%;
    height: 100%;
    border-radius: 15px;
    -o-object-fit: cover;
       object-fit: cover;
}

/* line 949, ../sass/_games.scss */
.game-intern__container {
    position: sticky;
    top: 100px;
    background-color: #ededed;
    padding-left: 10px;
    margin: 50px auto 0 auto;
    width: 100%;
}
/* line 955, ../sass/_games.scss */
.game-intern__container .btn-primary {
    border: none;
}
@media (max-width: 768px) {
    /* line 949, ../sass/_games.scss */
.game-intern__container {
        padding-left: 0px;
}
}

/* line 963, ../sass/_games.scss */
.game-intern__column {
    padding-top: 40px;
    padding-right: 30px;
}
/* line 966, ../sass/_games.scss */
.game-intern__column img {
    width: 120px;
}
/* line 969, ../sass/_games.scss */
.game-intern__column h2 {
    font-size: 43px;
    font-weight: 900;
}
/* line 973, ../sass/_games.scss */
.game-intern__column h3 {
    font-size: 20px;
    font-weight: 700;
}
/* line 978, ../sass/_games.scss */
.game-intern__column #list-example a {
    color: black;
    text-decoration: none;
    font-size: 23px;
}
/* line 983, ../sass/_games.scss */
.game-intern__column #list-example a:hover {
    font-weight: 700;
}
@media (max-width: 768px) {
    /* line 963, ../sass/_games.scss */
.game-intern__column {
        padding-left: 30px;
}
}

/* line 993, ../sass/_games.scss */
.game-intern__column2 {
    background-color: var(--bg-card);
    padding: 30px;
    padding-right: 20px;
    padding-top: 40px;
}
/* line 998, ../sass/_games.scss */
.game-intern__column2 h2 {
    font-size: 43px;
    font-weight: 900;
}
/* line 1002, ../sass/_games.scss */
.game-intern__column2 .short-description {
    font-size: 30px;
    font-style: italic;
}
/* line 1006, ../sass/_games.scss */
.game-intern__column2 h3 {
    font-size: 20px;
    font-weight: 900;
    line-height: 2;
}
/* line 1010, ../sass/_games.scss */
.game-intern__column2 p {
    font-size: 16px;
    font-weight: 500;
}

/* line 67, ../sass/_games.scss */
.games .games__stats div {
    box-shadow: 0px 2px 2px 0 rgba(0, 0, 0, 0.118);
    background-color: var(--bg-card);
    border-radius: 4px;
    padding: 5px;
    padding-left: 10px;
    padding-right: 15px;
    margin-bottom: 5px;
}
/* line 75, ../sass/_games.scss */
.games .games__stats div h3 {
    font-size: 10px;
    color: #545454;
    font-weight: 500;
}
/* line 80, ../sass/_games.scss */
.games .games__stats div h4 {
    margin-bottom: 0;
    font-size: 20px;
    font-weight: 700;
}

/* line 1143, ../sass/_games.scss */
.slider-nav {
    margin-top: 80px;
    margin-right: auto;
    margin-left: auto;
}
/*@media (min-width: 576px) {*/
/*    !* line 1143, ../sass/_games.scss *!*/
/*    .slider-nav {*/
/*        max-width: 520px;*/
/*    }*/
/*}*/
/*@media (min-width: 768px) {*/
/*    !* line 1143, ../sass/_games.scss *!*/
/*    .slider-nav {*/
/*        max-width: 720px;*/
/*    }*/
/*}*/
/*@media (min-width: 992px) {*/
/*    !* line 1143, ../sass/_games.scss *!*/
/*    .slider-nav {*/
/*        max-width: 960px;*/
/*    }*/
/*}*/
/*@media (min-width: 1200px) {*/
/*    !* line 1143, ../sass/_games.scss *!*/
/*    .slider-nav {*/
/*        max-width: 1140px;*/
/*    }*/
/*}*/
/* line 1164, ../sass/_games.scss */
.slider-nav .img__container {
    margin: 5px;
    height: 230px !important;
    border-radius: 15px;
    padding-right: 5px;
    padding-left: 5px;
    position: relative;
}
/* line 1173, ../sass/_games.scss */
.slider-nav .img__container img,
.slider-nav .img__container video {
    width: 100%;
    height: 100%;
    border-radius: 15px;
    -o-object-fit: cover;
       object-fit: cover;
    margin: 0px 30px;
}

/* line 1218, ../sass/_games.scss */
.carousel .carousel-item img, .carousel .carousel-item iframe {
    width: 100%;
}
.carousel-game-img {
    width: 100% !important;
}

/* line 1230, ../sass/_games.scss */
.game-intern__column {
    padding-top: 40px;
    padding-right: 30px;
}
/* line 1234, ../sass/_games.scss */
.game-intern__column img {
    width: 120px;
    -o-object-fit: cover;
       object-fit: cover;
}
/* line 1238, ../sass/_games.scss */
.game-intern__column h2 {
    font-size: 43px;
    font-weight: 900;
}
/* line 1243, ../sass/_games.scss */
.game-intern__column h3 {
    font-size: 20px;
    font-weight: 700;
}
/* line 1249, ../sass/_games.scss */
.game-intern__column #list-example a {
    color: black;
    text-decoration: none;
    font-size: 23px;
}
/* line 1254, ../sass/_games.scss */
.game-intern__column #list-example a:hover {
    font-weight: 700;
}
@media (max-width: 768px) {
    /* line 1230, ../sass/_games.scss */
.game-intern__column {
        padding-left: 30px;
}
}

/* line 1265, ../sass/_games.scss */
.game-intern__column2 {
    background-color: var(--bg-card);
    padding: 30px;
    padding-right: 20px;
    padding-top: 40px;
}
/* line 1271, ../sass/_games.scss */
.game-intern__column2 h2 {
    font-size: 43px;
    font-weight: 900;
}
/* line 1276, ../sass/_games.scss */
.game-intern__column2 .short-description {
    font-size: 30px;
    font-style: italic;
}
/* line 1281, ../sass/_games.scss */
.game-intern__column2 h3 {
    font-size: 20px;
    font-weight: 900;
}
/* line 1286, ../sass/_games.scss */
.game-intern__column2 p {
    font-size: 16px;
    font-weight: 500;
}


/* line 1058, ../sass/_games.scss */
.carousel-hero-games {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    border-radius: 20px;
}
@media (min-width: 1701px) {
    /* line 1058, ../sass/_games.scss */
.carousel-hero-games {
        background-position: right;
}
}
.el-select {
    width: 100%;
}
.el-select .el-select__input {
    border: none !important;
    margin-left: 0;
}
.el-upload-list__item-thumbnail {
    width: auto !important;
    margin-right: 20px;
}
.slick-prev:before, .slick-next:before {
    color: black !important;
}
.fix-game-card-overflow {
    margin-bottom: 280px;
}
.fix-game-card-overflow-2{
    margin-bottom: 200px;
}
.fix-game-card-overflow-3{
    margin-bottom: 170px;
}
.components {
    margin-left: 100px;
}

/* line 858, ../sass/_games.scss */
.container__slider-for {
    margin-bottom: 10px;
    position: relative;
}

/* line 864, ../sass/_games.scss */
.slider-for-game div {
    margin: 0 !important;
    height: 520px;
    width: 100%;
    border-radius: 15px;
}
/* line 869, ../sass/_games.scss */
.slider-for-game div img, .slider-for-game div video {
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
    height: 100%;
    width: 100%;
}
.el-table::before {
    display: none;
}

/* line 1, ../sass/_voting.scss */
.voting__event-container {
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 10px;
    padding: 30px 30px 0px 30px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: auto auto auto;
    justify-content: space-between;
    -moz-column-gap: 30px;
         column-gap: 30px;
    row-gap: 10px;
    margin-bottom: 30px;
}
/* line 112, ../sass/_voting.scss */
.container-items .card__content {
    box-shadow: 1px 3px 6px #00000029;
}

/* line 17, ../sass/_voting.scss */
.container-items .card__img {
    height: 250px;
}
/* line 20, ../sass/_voting.scss */
.container-items .card__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    border-radius: 15px;
}

/* line 316, ../sass/styles.scss */
.modal .modal-content {
    border-radius: 14px;
    box-shadow: 0px 3px 6px #00000029;
    border: none;
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 40px 20px 20px 20px;
}
/* line 326, ../sass/styles.scss */
.modal .modal-content h2 {
    font-size: 26px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 20px;
}
/* line 333, ../sass/styles.scss */
.modal .modal-content .currency {
    font-size: 12px;
    font-weight: 300;
    transform: translate(100px, -60px);
}
/* line 339, ../sass/styles.scss */
.modal .modal-content label {
    font-size: 10px;
    font-weight: 500;
}
/* line 343, ../sass/styles.scss */
.modal .modal-content label span {
    color: #812F8C;
    font-weight: 900;
}
/* line 349, ../sass/styles.scss */
.modal .modal-content h3 {
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 2px;
}
/* line 355, ../sass/styles.scss */
.modal .modal-content h4 {
    font-size: 12px;
    font-weight: 300;
    margin-bottom: 0;
}
/* line 361, ../sass/styles.scss */
.modal .modal-content h5 {
    text-align: center;
    font-size: 12px;
    font-weight: 700;
    margin-bottom: 20px;
    margin-top: 20px;
}
/* line 371, ../sass/styles.scss */
.modal .modal-body {
    display: flex;
    flex-direction: column;
    align-items: center;
}
/* line 377, ../sass/styles.scss */
.modal .modal-header {
    border: none;
}
/* line 381, ../sass/styles.scss */
.modal .modal-footer {
    border: none;
    padding: 0;
}
.el-dialog {
    border-radius: 14px !important;
}
.el-dialog__headerbtn .el-dialog__close {
    color: white !important;
    background-color: #5F2267;
    padding: 10px;
    border: none;
    border-radius: 50%;
    position: absolute;
    top: -35px;
    right: 5px;
}
.el-dialog__headerbtn .el-dialog__close:hover {
    color: white !important;
    background-color: #551e5c;
}
.el-pagination.is-background .el-pager li:not(.disabled).active {
    background-color: #5F2267 !important;
    color: #FFF;
}
.subtitle {
    font-size: 23px;
    font-weight: 700 !important;
    top: -20px;
    right: 15px;
    z-index: 100;
    opacity: 1;
}


/* line 2, ../sass/_masterclass.scss */
.masterclass .card__header {
    position: relative;
    display: flex;
    height: 520px;
    margin-bottom: 15px;
}
@media (max-width: 768px) {
    /* line 2, ../sass/_masterclass.scss */
.masterclass .card__header {
        flex-direction: column;
        height: auto;
}
}
/* line 11, ../sass/_masterclass.scss */
.masterclass .card__header .card__img {
    width: 60%;
    height: 100%;
}
@media (max-width: 768px) {
    /* line 11, ../sass/_masterclass.scss */
.masterclass .card__header .card__img {
        width: 100%;
}
}
/* line 18, ../sass/_masterclass.scss */
.masterclass .card__header .card__body {
    width: 40%;
}
@media (max-width: 768px) {
    /* line 18, ../sass/_masterclass.scss */
.masterclass .card__header .card__body {
        width: 100%;
}
}
/* line 26, ../sass/_masterclass.scss */
.masterclass .masterclass__topic {
    margin-top: 15px;
}
/* line 28, ../sass/_masterclass.scss */
.masterclass .masterclass__topic div {
    background-color: #E3E3E3;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    border-radius: 5px;
    margin-right: 10px;
}
/* line 36, ../sass/_masterclass.scss */
.masterclass .masterclass__topic div p {
    padding: 4px;
    padding-right: 12px;
    padding-left: 12px;
    margin: 0;
    font-size: 13px;
    font-weight: 700;
}
/* line 47, ../sass/_masterclass.scss */
.masterclass .masterclass__badge {
    position: absolute;
    top: 10px;
    left: 10px;
    background-color: #E3E3E3;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    border-radius: 5px;
    margin-right: 10px;
}
/* line 58, ../sass/_masterclass.scss */
.masterclass .masterclass__badge p {
    padding: 4px;
    padding-right: 12px;
    padding-left: 12px;
    margin: 0;
    font-size: 13px;
    font-weight: 900;
}
/* line 67, ../sass/_masterclass.scss */
.masterclass .masterclass__badge2 {
    position: absolute;
    top: 20px;
    right: 20px;
    background-color: #E3E3E3;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    border-radius: 5px;
    margin-right: 10px;
}
/* line 78, ../sass/_masterclass.scss */
.masterclass .masterclass__badge2 p {
    padding: 4px;
    padding-right: 12px;
    padding-left: 12px;
    margin: 0;
    font-size: 13px;
    font-weight: 900;
}
/* line 87, ../sass/_masterclass.scss */
.masterclass .masterclass__host {
    margin-top: 15px;
    display: flex;
    align-items: center;
}
/* line 91, ../sass/_masterclass.scss */
.masterclass .masterclass__host h3 {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 0;
}
/* line 96, ../sass/_masterclass.scss */
.masterclass .masterclass__host h4 {
    font-size: 13px;
    font-weight: 300;
}
/* line 100, ../sass/_masterclass.scss */
.masterclass .masterclass__host img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    -o-object-fit: contain;
       object-fit: contain;
}
/* line 107, ../sass/_masterclass.scss */
.masterclass .masterclass__date {
    margin-top: 15px;
    margin-bottom: 15px;
    display: flex;
}
/* line 111, ../sass/_masterclass.scss */
.masterclass .masterclass__date h4 {
    font-size: 12px;
    font-weight: 500;
}
/* line 115, ../sass/_masterclass.scss */
.masterclass .masterclass__date h5 {
    font-size: 18px;
    font-weight: 300;
}
/* line 121, ../sass/_masterclass.scss */
.masterclass .masterclass__description {
    margin-top: 15px;
    min-height: 100px;
}
/* line 124, ../sass/_masterclass.scss */
.masterclass .games__button-div {
    margin-left: 10px;
    width: 100%;
}
/* line 129, ../sass/_masterclass.scss */
.masterclass .card__content {
    position: relative;
    margin-top: 0px !important;
    margin-bottom: 35px !important;
    box-shadow: 0px 3px 6px #00000029;
}
/* line 133, ../sass/_masterclass.scss */
.masterclass .card__content .masterclass__host {
    margin-top: 10px;
    display: flex;
    align-items: center;
}
/* line 137, ../sass/_masterclass.scss */
.masterclass .card__content .masterclass__host h3 {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 0;
}
/* line 142, ../sass/_masterclass.scss */
.masterclass .card__content .masterclass__host h4 {
    font-size: 12px;
    font-weight: 300;
}
/* line 146, ../sass/_masterclass.scss */
.masterclass .card__content .masterclass__host img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    -o-object-fit: contain;
       object-fit: contain;
}
/* line 152, ../sass/_masterclass.scss */
.masterclass .card__content .masterclass__description {
    margin-top: 10px;
    min-height: 80px;
}
/* line 154, ../sass/_masterclass.scss */
.masterclass .card__content .masterclass__description p {
    font-size: 16px;
}
/* line 158, ../sass/_masterclass.scss */
.masterclass .card__content .masterclass__date {
    margin-top: 10px;
    margin-bottom: 10px;
}
/* line 161, ../sass/_masterclass.scss */
.masterclass .card__content .masterclass__date h4 {
    font-size: 10px;
}
/* line 165, ../sass/_masterclass.scss */
.masterclass .card__content .masterclass__date h5 {
    font-size: 16px;
}
/* line 169, ../sass/_masterclass.scss */
.masterclass .card__content .masterclass__topic {
    margin-top: 10px;
}
/* line 175, ../sass/_masterclass.scss */
.masterclass .input-wrapper {
    position: relative;
}
/* line 179, ../sass/_masterclass.scss */
.masterclass .input {
    /*box-sizing: border-box;*/
    /*color: #191919;*/
    /*padding: 15px;*/
    /*width: 300px;*/
    /*height: 45px;*/
    /*border: solid 1px #707070;*/
    /*border-radius: 10px;*/
}
/* line 189, ../sass/_masterclass.scss */
.masterclass .input-icon {
    color: #707070;
    position: absolute;
    width: 20px;
    height: 20px;
    left: 265px;
    top: 50%;
    transform: translateY(-50%);
}
/* line 198, ../sass/_masterclass.scss */
.masterclass .form-control {
    box-sizing: border-box;
    color: #191919;
    width: 300px;
    height: 45px;
    border: solid 1px #707070;
    border-radius: 10px;
}
/* line 208, ../sass/_masterclass.scss */
.masterclass .activity__accordition {
    display: flex;
    justify-content: space-between;
}
@media (max-width: 768px) {
    /* line 208, ../sass/_masterclass.scss */
.masterclass .activity__accordition {
        flex-direction: column;
}
}
/* line 215, ../sass/_masterclass.scss */
.masterclass .activity__subtitle {
    margin-top: 0;
}
/* line 219, ../sass/_masterclass.scss */
.masterclass .accordion-item {
    width: 300px !important;
    position: relative;
    border: none;
    border-radius: 10px;
}
/* line 224, ../sass/_masterclass.scss */
.masterclass .accordion-item h2 {
    font-size: 18px;
}
/* line 227, ../sass/_masterclass.scss */
.masterclass .accordion-item h3 {
    font-size: 16px;
}
@media (max-width: 768px) {
    /* line 219, ../sass/_masterclass.scss */
.masterclass .accordion-item {
        width: 100%;
}
}
/* line 235, ../sass/_masterclass.scss */
.masterclass .accordion-button {
    z-index: 101;
    border-bottom-right-radius: 15px !important;
    border-bottom-left-radius: 15px !important;
    border: solid 1px #707070;
    height: 45px;
    border-radius: 10px !important;
}
/* line 243, ../sass/_masterclass.scss */
.masterclass .accordion-button:focus {
    border: solid 1px #707070;
    box-shadow: none;
}
/* line 248, ../sass/_masterclass.scss */
.masterclass .accordion-button:not(.collapsed) {
    color: var(--text-primary);
    background-color: var(--bg-accordion);
    border: none;
    border-radius: 15px 15px 0px 0px !important;
    box-shadow: 2px 1px 1px 0px rgba(0, 0, 0, 0.118);
}
/* line 256, ../sass/_masterclass.scss */
.masterclass .accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27 fill=%27%23212529%27%3e%3cpath fill-rule=%27evenodd%27 d=%27M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z%27/%3e%3c/svg%3e");
}
/* line 261, ../sass/_masterclass.scss */
.masterclass .row__active {
    background-color: #f8b5179b;
}
/* line 263, ../sass/_masterclass.scss */
.masterclass .row__active:hover {
    background-color: #f8b5179b;
}
/* line 268, ../sass/_masterclass.scss */
.masterclass .activity__img {
    width: 30px;
    border-radius: 50%;
    margin-right: 20px;
}
/* line 274, ../sass/_masterclass.scss */
.masterclass .activity__filter {
    font-size: 16px;
    font-family: 'Avenir';
    font-weight: 900;
}
/* line 281, ../sass/_masterclass.scss */
.masterclass .accordion-body {
    width: 100%;
    background: var(--bg-accordion);
    box-shadow: 1px 2px 2px 1px rgba(0, 0, 0, 0.118);
    border-radius: 0px 0px 15px 15px;
    z-index: 100;
}
@media (max-width: 768px) {
    /* line 281, ../sass/_masterclass.scss */
.masterclass .accordion-body {
        z-index: 102;
}
}
/* line 290, ../sass/_masterclass.scss */
.masterclass .accordion-body div {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
/* line 298, ../sass/_masterclass.scss */
.masterclass .masterclass__filters {
    align-items: flex-end;
}
@media (max-width: 768px) {
    /* line 298, ../sass/_masterclass.scss */
.masterclass .masterclass__filters {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
}
    /* line 304, ../sass/_masterclass.scss */
.masterclass .masterclass__filters .accordion-item {
        margin-top: 10px;
}
}

/* line 313, ../sass/_masterclass.scss */
.masterclass__goals ul {
    list-style: disc;
    padding-left: 20px;
}

/* line 321, ../sass/_masterclass.scss */
#presenter-bio .masterclass__host img {
    width: 90px;
    height: 90px;
}
/* line 325, ../sass/_masterclass.scss */
#presenter-bio .masterclass__host h3 {
    font-size: 22px;
}
/* line 328, ../sass/_masterclass.scss */
#presenter-bio .masterclass__host h4 {
    font-size: 16px;
    font-weight: 300;
    margin-top: 5px;
}
.views-container, .purchases-container {
    padding: 10px;
    border-radius: 4px;
    background-color: var(--bg-card);
    border-left: 5px solid #898989;
}
.views-container h3, .purchases-container h3 {
    font-size: 10px;
    font-weight: 500;
}
.views-container h4, .purchases-container h4 {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 0px;
}
.modal-body .slide {
    width: 100%;
}

/* line 660, ../sass/__masterclass.scss */
.masterclass-topics div {
    background-color: #E3E3E3;
    padding: 5px;
    margin-right: 5px;
    border-radius: 5px;
}
/* line 665, ../sass/__masterclass.scss */
.masterclass-topics div p {
    color: black;
    margin-bottom: 0;
    font-weight: 700;
    font-size: 13px;
}
.el-upload-list__item.is-success .el-upload-list__item-status-label {
    margin-top: 0;
}
.user-avatar img {
    width: 50px;
    height: 50px;
    border-radius: 25px;
}
.full-screen-loading .el-loading-spinner i {
    font-size: 50px;
    color: white;
}
.full-screen-loading .el-loading-spinner .el-loading-text {
    font-size: 20px;
    color:  white;
}
.el-slider__input input[type=text] {
    height: 32px;
}
.width-fit-content {
    width: -moz-fit-content;
    width: fit-content;
}
.video-thumbnail {
    opacity: 0.8;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    position: absolute;
    width: 75px;
    height: 75px;
}
.video-thumbnail:hover {
    opacity: 1;
}
.el-switch.is-checked .el-switch__core {
    border-color: #5F2267 !important;
    background-color: #5F2267 !important;
}
.text-pre-wrap {
    white-space: pre-wrap;
}