@font-face {
    font-family: 'Dosis';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(/assets/dosis/v18/HhyaU5sn9vOmLzlnC_WoEoZKdbA-927c66310e1f091cb2272fcf889f67e8173083b6c5efa8b32090396bd9d4b65a.woff2) format("woff2");
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB
}

@font-face {
    font-family: 'Dosis';
    font-style: normal;
    font-weight: 400;
    font-display: swap;

    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
    font-family: 'Dosis';
    font-style: normal;
    font-weight: 400;
    font-display: swap;

    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
    font-family: 'Dosis';
    font-style: normal;
    font-weight: 600;
    font-display: swap;

    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB
}

@font-face {
    font-family: 'Dosis';
    font-style: normal;
    font-weight: 600;
    font-display: swap;

    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
    font-family: 'Dosis';
    font-style: normal;
    font-weight: 600;
    font-display: swap;

    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

:root {
    --advert-bg: #F5F5F5;
    --avatar-thumbnail-borders: #2b2b2b;
    --avatar-thumbnail-selected: #f2df00;
    --avatar-thumbnail-selected-borders: #dac900;
    --avatar-thumbnail-selected-hover: #dac900;
    --avatar-thumbnail-selected-hover-borders: #b6a700;
    --authentication: #a6a6a6;
    --box-border-color2: #e0e0e0;
    --box-border-color: #ccc;
    --box-shadow-color: rgba(50, 50, 50, 0.45);
    --box-shadow-size: 0 1px 6px 0;
    --box-title-color: #4a4a4a;
    --box-title-hover: #dac900;
    --brand-mobile-theme-bgcolor: #dac900;
    --brand-primary-dark: #dea824;
    --brand-primary-darker: #dac900;
    --brand-primary: #f3de19;
    --brand-theme-bgcolor: #e0e0e0;
    --breadcrumb-color: #363636;
    --breadcrumb-hover-color: #cdbb16;
    --button-action-border: #7abfbf;
    --button-action-color: #f3de19;
    --button-action-hover: #4a4a4a;
    --button-border: #dac900;
    --button-browse-color: #fce274;
    --button-color: #f2df00;
    --button-filter-color: #ffd600;
    --button-floating-border-color: #a1a1a1;
    --button-floating-color: #bdbdbd;
    --button-floating-hover: #4a4a4a;
    --button-hover: #dac900;
    --button-megaslider-color: #f2df00;
    --button-megaslider-text: var(--button-text-color);
    --button-megaslider-hover-color: #dac900;
    --button-megaslider-hover-border: #cebe00;
    --button-selected-border-color: #dac900;
    --button-selected-color: #f2df00;
    --button-text-color: #424242;
    --carouseldots: #4a4a4a;
    --content-bg-color: #fff;
    --dropdown-box: #dac900;
    --editorial-link-color: #ee6900;
    --error-bg: #d84c4b;
    --error-text: #b00404;
    --footer-bg-color: #403f3f;
    --footer-border-color: #616161;
    --form-border: #e0e0e0;
    --form-color: #8d8d8d;
    --fwarrows-animation-0: rgba(74, 74, 74, 0);
    --fwarrows-animation-100: #dac900;
    --global-tile-text-color: #4a4a4a;
    --headermenu-bg-color: #f2df00;
    --headermenu-mobile-bg-color: #e2ce1b;
    --headermenu-text-color: #fff;
    --lightslategray: #7abfbf;
    --media-thumb-borders: #baddf9;
    --megaslider-radius: var(--thumbnail-borders-radius);
    --menu-button-hover: #bdbdbd;
    --menu-button-hover-text: #424242;
    --menu-separate: #424242;
    --menucontainer-bg: rgba(0, 0, 0, 0.75);
    --mobile-burger-menu: #4a4a4a;
    --search-bar-border-color: #cdbb16;
    --searchlist-color: #000;
    --searchlist-searched-color: #dac900;
    --seo-bg-color: #8d8d8d;
    --seo-link-color: #fce274;
    --static-page-color: #fff;
    --static-page-link: #ee6900;
    --submenu-bg-color: #f3de19;
    --success-bg: #7db343;
    --tab-primary-color: #f3de19;
    --tab-secondary-color: #dbc817;
    --theme-color-primary: #f3de19;
    --theme-font-family: 'Dosis';
    --thumbnail-borders-radius: 5px;
    --thumbnail-borders-w: 2px;
    --thumbnail-borders: #fff;
    --thumbnail-button-transform: uppercase;
    --timer-alpha-color: #ffd600;
    --tooltip-bg-second: rgba(218, 201, 0, 0.5);
    --tooltip-bg: rgba(218, 201, 0, 0.2);
    --tooltip-border: #0065a0;
    --tooltip-popup-border: var(--brand-primary);
    --top-btn-color-border: #f3de19;
    --top-btn-color: #f3de19;
    --top-btn-hover-border: #dbc817;
    --top-btn-hover: #dbc817;
    --warning-bg: #ffd600;
    --user-menu: #4a4a4a;
    --user-menu-hover: #434343;
    --profile-summary-bg: linear-gradient(90deg, #006c7d 0%, #009088 50%, #00b374 100%);
    --antibounce-popup: #f3de19
}

:root {
    --cmp-banner-url: url(/assets/mousebreaker/cmp-banner-mousebreaker-7133f05eeaf2584f796b755c97d8c0d3f026441ce01649f604b2673449ca2d2d.png);
    --cmp-mascot-url: url(/assets/mousebreaker/cmp-mascot-mousebreaker-b02d9db9c158316955c31e625cf7f6c29e07508785d5739eea07dfe405e2b71f.png);
    --cmp-link-color: #625A00;
    --cmp-btn-bg: #F2DF00;
    --cmp-btn-text: #363636;
    --cmp-toggle-color: #625A00;
    --cmp-toggle-bg: #B1A412
}

.ui-tooltip {
    text-align: center;
    padding: 0.5em;
    margin-bottom: 1.5em;
    border: 2px solid var(--tooltip-border);
    border-radius: .4rem;
    background: #fff;
    font-size: 0.9em
}

ol, ul {
    list-style: none
}

body {
    color: #000;
    font: var(--theme-font-family), Arial, Helvetica, sans-serif;
    letter-spacing: 0.03em !important
}

@media all and (max-width: 1025px) {
    body {
        background: var(--brand-mobile-theme-bgcolor) !important
    }
}

.bold {
    font-weight: 700
}

.wdg_page_home .box-header {
    border-bottom: 1px solid var(--box-border-color)
}

.box-title small {
    font-size: 1em;
    font-weight: 300
}

.dropdown-footer {
    padding: .5em .5em 0;
    text-align: right
}

.tile-placeholder {
    overflow: hidden
}

.tile:hover {
    text-decoration: none;
    box-shadow: 0 1px 6px 0 rgba(50, 50, 50, 0.4)
}

.tile-thumbnail {
    border-radius: var(--thumbnail-borders-radius) var(--thumbnail-borders-radius) 0 0
}

.tile-thumbnail .button, .tile-thumbnail .button.more {
    text-transform: uppercase
}

.tile-thumbnail > img {
    position: absolute;
    image-rendering: auto;
    border-radius: .8em .8em 0 0
}

.tile-title {
    overflow: hidden;
    margin: .35714em;
    color: var(--global-tile-text-color);
    font-size: 0.875em;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center
}

@media screen and (min-width: 769px) {
    .tile, .tile-placeholder {
        margin: .5em 0
    }
}

.wdg_featured_games {
    position: relative
}

.wdg_featured_games .tile {
    overflow: hidden
}

.wdg_hot_games .box-title {
    width: calc(100% - 3em)
}

.wdg_label_overview .box-header {
    border: 0
}

@media screen and (min-width: 769px) {
    .wdg_page_home .wdg_custom_labels .grid-col:nth-child(n+7) {
        display: none
    }
}

@media all and (min-width: 1025px) {
    .wdg_page_home .wdg_custom_labels .grid-col:nth-child(n+7) {
        display: inline-block
    }
}

.wdg_page_all_labels .wdg_page_home .grid .box-title.label_list-item-link, .wdg_page_home .grid .box-title.ellipsis, .wdg_page_home .grid .wdg_page_all_labels .box-title.label_list-item-link {
    max-width: 80%
}

@media screen and (max-width: 769px) {
    .wdg_segmentation_recommendations .grid-row {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        overflow: auto;
        padding-bottom: .2em;
        -webkit-overflow-scrolling: touch
    }

    .wdg_segmentation_recommendations .grid-row .grid-col {
        min-width: 33%;
        width: 33%
    }
}

.wdg_footer picture {
    align-self: flex-end
}

@media screen and (min-width: 1025px) {
    .wdg_footer--mascot {
        height: 204px !important
    }
}

.wdg_search_bar .icon {
    color: #4a4a4a !important
}

.tile-thumbnail .thumb-badge {
    color: #4a4a4a !important
}

.anti-bounce-popup-close:before {
    color: #4a4a4a !important
}

.wdg_enable_flash_message .missing-plugin-container.missing-plugin-container--bottom .mascot_img {
    bottom: 0
}

.profiles-tabs a:hover {
    border-color: var(--avatar-thumbnail-selected-hover-borders) !important
}

#friends-tabs-section ul.friends-tabs li {
    background-color: #616161 !important;
    border-right: 1px solid #616161 !important;
    border-bottom: 1px solid #616161 !important;
    color: #e0e0e0 !important
}

#friends-tabs-section ul.friends-tabs li.active {
    background-color: #fff !important;
    color: #8d8d8d !important;
    border-bottom: none !important;
    border-right: none !important
}

#friends-tabs-section ul.friends-tabs li:hover {
    color: #8d8d8d !important
}
