@charset "UTF-8";
/**
 * Contest bundle
 */
/**
 * Variables and mixins ! must import first !
 */
/*
 * global variables
 */
/**
 * Accent style guide variables
 */
/* Accent Background colors */
/* Accent Studio colors */
/* Accent Typography colors */
/* Accent Font */
/* Accent font size */
/* Accent line height */
/* Heading line height */
/* Site vars */
/* region wrapper - for global_breakpoints */
/* endregion wrapper */
/* indents */
/* link */
/* text selection highlighting */
/* region scrollbar */
/* endregion scrollbar */
/* region forms */
/* --form-control-color: $accent-ordinary-color; */
/* additional height for errors in grouped area */
/* endregion forms */
/* region switch */
/* endregion switch */
/* region grid */
/* endregion grid */
/* region tooltip */
/* endregion tooltip */
/* region popover */
/* endregion popover */
/* region loaders */
/* endregion loaders */
/* region collapsible panel */
/* endregion collapsible panel */
/* region tables */
/* endregion tables */
/* region table in popup */
/* endregion table in popup */
/* region table with action */
/* region accent table */
/* region accent table */
/* endregion table with action */
/* endregion tables */
/* region progress bar */
/* endregion progress bar */
/* region complete indicator */
/* endregion complete indicator */
/* region placeholder */
/* endregion placeholder */
/* region thumbnail */
/* endregion thumbnail */
/* region player */
/* endregion player */
/* region photo player */
/* endregion photo player */
/* region pager */
/* endregion pager */
/* multiselect */
/* multiselect */
/* region overflow detector */
/* endregion overflow detector */
/* region alerts */
/* endregion alerts */
/* range input */
/* range input */
/* anchor input */
/* anchor input */
/* list */
/* list */
/* region icon close */
/* endregion icon close */
/**
 * Global breakpoints for site
 *
 * @posfix:
 *   -rg - (regular) standard site width
 *   -md - (medium) site width for small windows
 *   -tb - (tablet) site width for tablet devices
 *
 * Use postfix for classes and modifiers specify for site width (Ex: .class_name-tb | __class_modifier-md)
 * NOTE: for custom variables and scss files use postfix similarly
 */
/**
 * Accent grid breakpoints
 *
 * Initial breakpoint for desktop - xlg, secondary - lg
 *
 * Mobile breakpoints:
 *   sms  320 (small small   - Samsung Galaxy S)
 *   sm   360 (small x       - Samsung Galaxy Nexus)
 *   smx  375 (small 2x      - iPhone 6)
 *   sm2x 414 (small 3x      - iPhone 8 Plus)
 * Tablet breakpoints:
 *   mds   600  (medium small - Asus Nexus 7 (2013))
 *   md    768  (medium       - Apple iPad Mini)
 *   mdx   1024 (medium x     - BlackBerry PlayBook)
 * Desktop breakpoints:
 *   lg    1280 (large)
 *   lgx   1366 (large x)
 *   lg2x  1600 (large 2x)
 *   xlg   1920 (extra large   - full hd)
 *   xlgx  3840 (extra large x - 4k)
 */
/* 320 x 570 (Samsung Galaxy S) */
/* 360 x 640 (Samsung Galaxy Nexus) */
/* 375 x 667 (iPhone 6, iPhone 7) */
/* 375 x 667 (iPhone 8 Plus) */
/* 600 x 961 (Asus Nexus 7 (2013)) */
/* 768 x 1024 (Apple iPad Mini) */
/* 1024 x 600 (small tablet, ex: ipad mini 7.9`). ratio - 1,33 (4:3) */
/* 1280 x 720 (notebook). ratio - 1,78 (16:9) */
/* WXGA (HD Ready) 1366 x 768 (popular notebook). ratio - 1,78 (683:384) */
/* wXGA++ 1600 x 900 (popular notebook). ratio - 1,78 (16:9) */
/* Full HD 1920 × 1080 (normal monitor). ratio - 1,77 (16:9) */
/* Ultra HD 3840 × 2160 (4k monitors). ratio - 1,78 (16:9) */
/**
 * Heading
 */
/* Heading colors */
/* Heading font size */
/* mobile Heading font size */
/**
 * z-index variables
 *
 * Please add here all z-index values
 */
/* region ColorPicker */
/* endregion ColorPicker */
/* region Profile Schedule */
/* endregion Profile Schedule */
/* region chat */
/* endregion chat */
/* region Mobile Tabs */
/* the element must be over the .bmt_tab in active state */
/* endregion Mobile Tabs */
/* region Mobile Table Popup */
/* endregion Table Mobile Popup */
/* region Exit White Popup */
/* endregion Exit White Popup */
/* region Chat Notification Panel Widget */
/* endregion Chat Notification Panel Widget */
/* region Reply Conversation Smile Replace */
/* endregion Reply Conversation Smile Replace */
/* region Static Page Search */
/* endregion Static Page Search */
/* region Support Help Page */
/* endregion Static Page Search */
/* region Static Page Cards block */
/* endregion Static Page Cards block */
/**
 * @see: grid_breakpoints.scss
 *
 * Usage:
 *  @media $normal_viewport_only {
 *    ...
 *  }
 */
/* retina */
/* ---------------------------------------------- Global ---------------------------------------------- */
/* region ---- only ---- */
/* only phone */
/* only phone-large */
/* only tablet */
/* only notebook */
/* only desktop */
/* only desktop-large */
/* only normal */
/* endregion ---- only ---- */
/* region ---- and more ---- */
/* only phone and more */
/* only phone-large and more */
/* only tablet and more */
/* only notebook and more */
/* only desktop and more */
/* only desktop-large and more */
/* only tv and more */
/* endregion ---- and more ---- */
/* region ---- less ---- */
/* only phone less */
/* only phone-large less */
/* only tablet less */
/* only notebook less */
/* only desktop less */
/* only desktop-large less */
/* endregion ---- less ---- */
/* -------------------------------------------- Components ------------------------------------------- */
/* region for large site width */
/* endregion for large site width */
/* region for standard site width */
/* endregion for standard site width */
/* region for tablet site width */
/* endregion for tablet site width */
/* region for medium mobile site width */
/* endregion for medium mobile site width */
/* region for mobile site width */
/* endregion for mobile site width */
/* region for mobile Hero slider */
/* endregion for mobile Hero slider */
/* region for mobile follow pages */
/* endregion for mobile follow pages */
/* region for desktop player media */
/* endregion for desktop player media */
/* region for mobile IM tip before start block */
/* endregion for mobile IM tip before start block */
/* ---------------------------------------- Device Orientation --------------------------------------- */
/* region for device orientation*/
/* endregion for device orientation */
/* ---------------------------------------------- Pages ---------------------------------------------- */
/* region for contest page */
/* endregion contest page */
/* region for chat page */
/* endregion chat page */
/* ------------------------------------------- Mobile Pages ------------------------------------------- */
/* region for mobile guest home page */
/* endregion for mobile guest home page */
/* region for contest mobile page */
/* endregion contest page */
/* ---------------------------------------------- Popups ---------------------------------------------- */
/* region for no need popup */
/* endregion for no need popup */
/* ------------------------------------------- Mobile Pages ------------------------------------------- */
/* region for mobile dashboard page */
/* endregion for mobile dashboard page */
/* region for mobile profile schedule page */
/* endregion for mobile profile schedule page */
/**
 * Flags sprite variables variables
 */
/**
 * Mixins
 */
/**
 * include fonts for site (deprecated?)
 *
 * $fontName                   - real name of font (used for font-family)
 * $fontWeight                 - font-weight property
 * fontStyle                   - font-style property
 * $localName, $localPestfix   - create local src for search font on client
 * $localName2, $localPestfix2 - for create local src for search font on client
 * $pathFile                   - path for font files
 */
/* region Font-weight hack for Windows 10 Chrome 96 emoji bug */
/* endregion Font-weight hack for Windows 10 Chrome 96 emoji bug */
/**
 * Include fonts for console
 *
 * $fontName        - real name of font (used for font-family)
 * $fontWeight      - font-weight property
 * fontStyle        - font-style property
 * $pathFile        - path for font files
 * $localName       - create local src for search font on client
 * $localName2      - for create local src for search font on client
 */
/* stylelint-disable */
/**
 * Correct image rendering
 * @see: https://developer.mozilla.org/en-US/docs/Web/CSS/image-rendering
 * Autoprefexer not insert non-standard prefixes
 */
/**
 * Pixel image rendering
 * @see: https://developer.mozilla.org/en-US/docs/Web/CSS/image-rendering
 * Autoprefexer not insert non-standard prefixes
 */
/**
 * Auto image rendering
 * @see: https://developer.mozilla.org/en-US/docs/Web/CSS/image-rendering
 * Autoprefexer not insert non-standard prefixes
 */
/**
 * Border dashed mixin
 * NOTICE: $color - rgb
 */
/**
 * Mixins svg icon:
 * 1. svg_icon_hover - for icon state (Default, Hover (active))
 * 2. svg_icon_button - for icon state (Default, Hover (active), Disabled)
 *
 *=========================
 * 1. svg_icon_hover
 *  Mixin svg hover state
 *==========================
 * 2. svg_icon_button
 *  Mixin svg button state
 *
 * Modifiers
 *   $svgClass.__disabled - mod for disabled icon
 *===========================
*/
/**
 * Tooltip arrow mixin
 * Reformats SVG to URI for use as CSS
 * - data/assets/images/bm/ui/ui_tooltip_arrow_top.svg
 * For inlining, used https://yoksel.github.io/url-encoder/
 * NOTICE: $color - rgb
 */
/**
 * Text fading mixins
 */
/**
 * @var number $width  - width of fading
 * @var color $bgColor  - fading color
 * @var bool $needRelative  - need relative for parent
 */
/**
 * @var number $width  - width of fading
 * @var number $height  - height of fading (need EQUALS line-height)
 * @var color $bgColor  - fading color
 * @var bool $needRelative  - need relative for parent
 */
/**
 * Mixins for sprite images
 *
 * Sprite variables located in variables path @see: /src/frontend/core/variables/sprites.scss
 *
 * sprite sheets mixins
 *   sprite        - sprite (url, width and height)
 *   sprite_url    - only url of sprite
 *   sprite_width  - only width of sprite
 *   sprite_height - only height of sprite
 * sprite image mixins
 *   sprite_image          - sprite image (position, width and height)
 *   sprite_image_url      - sprite url by sprite image name (analog mixin sprite_url)
 *   sprite_image_with_url - sprite image (position, url, width and height)
 *   sprite_image_width    - only sprite image width
 *   sprite_image_height   - only sprite image height
 *   sprite_image_position - only sprite image position
 *
 * Example:
 * .billing_icon {
 *   @include sprite(billing);
 * }
 *
 * billing - name of sprite
 *
 * .billing_icon {
 *   @include sprite_image(billing_visa_icon);
 * }
 *
 * billing_visa_icon - {sprite_name}_{image_name_included_in_sprite}
 */
/**
 * Switch toggler mixin
 * Reformats SVG to URI for use as CSS
 * - data/assets/images/bm/ui/ui_switch_toggler.svg
 * For inlining, used https://yoksel.github.io/url-encoder/
 * NOTICE: $bgColor - rgb, $shadowColor - rgba
 */
/**
 * Checkbox mark mixin
 * Reformats SVG to URI for use as CSS
 * - data/assets/images/bm/ui/ui_checkbox_mark.svg
 * For inlining, used https://yoksel.github.io/url-encoder/
 * NOTICE: $color - rgb
 */
/**
 * #js-css .js-{$name} need for say js about $value @see: JsCssProps.ts
 *
 * If you have send some values, then concat values in string separated by ":" EX: "{$value1}:{$value2}"
 */
/**
 * Pure Css 100vh or 100vw Fix
 *
 * It works in Chrome (just -webkit-fill-available causes problems in Chrome in some cases),
 * iOS/iPad/MacOS Safari and [all other browsers]. Pure CSS solution, no JS required.
 *
 * @see: https://caniuse.com/intrinsic-width
 */
/* Layout */
/**
 * Contest layout responsive
 */
/**
 * layout variables
 * custom or override global variables
 */
/**
 * Custom variables for contest
 */
/* Local Components */
/**
 * Wrapper responsive
 */
/**
 * media for wrapper then less regular resolution
 * --bm-regular-viewport-less resolution (<= 1200px)
 */
@media all and (max-width: 1200px) {
  .main_wrapper {
    min-width: 970px;
  }
  .main_wrapper .wrp_inner {
    width: 970px;
    min-width: 970px;
  }
  #js-css .js-breakpoint:after {
    content: "970";
    display: none;
  }
}
/**
 * Media queries for Wrapper then less medium resolution
 * --bm-medium-viewport-less resolution (<= 970px)
 */
@media all and (max-width: 970px) {
  .main_wrapper {
    min-width: 768px;
  }
  .main_wrapper .wrp_inner {
    width: 768px;
    min-width: 768px;
  }
  .page_content {
    padding: 10px;
  }
  .page_content .content_container.__indent {
    padding: 12px 15px;
  }
  .page_content .content_container.__indent_sq {
    padding: 15px;
  }
  #js-css .js-breakpoint:after {
    content: "768";
    display: none;
  }
}
/**
 * Contest sidebar responsive
 */
/**
 * Variables for Contest Sidebar component
 */
/* region DESKTOP VARIABLES */
/* endregion DESKTOP VARIABLES */
/* region MOBILE VARIABLES */
/* endregion MOBILE VARIABLES */
/**
 * media for sidebar then less regular resolution
 * --bm-regular-viewport-less resolution (<= 1200px)
 */
@media all and (max-width: 1200px) {
  .contest_sidebar {
    position: absolute;
    display: none;
  }
  .contest_sidebar.__minified {
    position: static;
    display: block;
  }
}
/**
 * media for sidebar then less regular resolution
 * --bm-regular-viewport-less resolution (<= 970px)
 */
@media all and (max-width: 970px) {
  .contest_sidebar.__minified .bmt_inner {
    min-width: 286px;
  }
}
/* Pages */
/**
 * Contest responsive
 *
 * --bm-contest-more-regular-less-notebook resolution (> 1200) and (<= 1280px)
 * --bm-regular-viewport-less resolution (<= 1200px)
 * --bm-medium-viewport-less resolution (<= 970px)
 */
/* region DESKTOP VARIABLES */
/*Contest page variables*/
/*Content variables*/
/*Countdown variables*/
/*Timer variables*/
/*Thumb item variables*/
/* Thumb item variables */
/*Show more button variables*/
/* region Reward */
/* endregion Reward */
/* endregion DESKTOP VARIABLES */
/* region MOBILE VARIABLES */
/* region Points */
/* endregion Points */
/* region Content */
/* endregion Content */
/* region Schedule Countdown */
/* endregion Schedule Countdown */
/* region Schedule Countdown */
/* endregion Schedule Countdown */
/* region Thumbs */
/* endregion Thumbs */
/* endregion MOBILE VARIABLES */
/* region for thumb_list component */
/**
  * Media queries for Contest Page Thumb List basic styles then less 1280 and high then 1200 resolution
  * --bm-contest-more-regular-less-notebook (> 1200) and (<= 1280)
  *
  * @prefix:
  *   - .pc_ = page_contest
  *   - .pct = pc_thumb_item
  *
  * Modifiers:
  * .pc_thumb_list.__2 - style, when thumb list must contain 2 thumb items
  * .pc_thumb_list.__3 - style, when thumb list must contain 3 thumb items
  * .pc_thumb_list.__4 - style, when thumb list must contain 4 thumb items
  * .pc_thumb_list.__5 - style, when thumb list must contain 5 thumb items
  * .pc_thumb_list.__7 - style, when thumb list must contain 7 thumb items
  *
  */
@media all and (min-width: 1201px) and (max-width: 1280px) {
  .page_contest .pc_thumb_list.__2 .pcc_rooms_pair {
    width: calc(50% - 14px);
    max-width: 50%;
  }
}
/**
  * Media queries for Contest Page Thumb List basic styles then less 970 resolution
  * --bm-medium-viewport-less resolution (<= 970px)
  * @prefix:
  *   - .pc_ = page_contest
  *   - .pct = pc_thumb_item
  *
  * Modifiers:
  * .pc_thumb_list.__2 - style, when thumb list must contain 2 thumb items
  * .pc_thumb_list.__3 - style, when thumb list must contain 3 thumb items
  * .pc_thumb_list.__4 - style, when thumb list must contain 4 thumb items
  * .pc_thumb_list.__5 - style, when thumb list must contain 5 thumb items
  * .pc_thumb_list.__7 - style, when thumb list must contain 7 thumb items
  *
  */
@media all and (max-width: 970px) {
  .page_contest .pc_thumb_list.__2 {
    margin: 0 -15px;
  }
  .page_contest .pc_thumb_list.__2 .pcc_rooms_pair {
    width: calc(50% - 30px);
    max-width: 50%;
    margin: 0 15px 25px;
  }
}
/* region for thumb_list component */
/* region for thumb_item component */
/**
 * Media queries for Contest Page Thumb Item then less regular resolution
 * --bm-medium-viewport-less resolution (<= 1200px)
 *
 * @prefix:
 * - .pc_ = page_contest
 * - .pcti_ = pc_thumb_item
 * - .tf_ = pcti_footer
 * - .tfp_ = tf_prize
 *
 */
@media all and (max-width: 1200px) {
  .page_contest .pc_thumb_item.__2 .tf_prize {
    padding: 8px 10px 4px;
    font-size: 12px;
    line-height: 16px;
  }
}
/**
 * Media queries for Contest Page Thumb Item then less medium resolution
 * --bm-medium-viewport-less resolution (<= 970px)
 *
 * @prefix:
 * - .pc_ = page_contest
 * - .pcti_ = pc_thumb_item
 * - .tf_ = pcti_footer
 * - .tfp_ = tf_prize
 *
 */
@media all and (max-width: 970px) {
  .page_contest .pc_thumb_item.__2 .tf_prize {
    padding: 10px 7px 5px;
  }
  .page_contest .pc_thumb_item.__3 .tf_link {
    font-size: 13px;
  }
  .page_contest .pc_thumb_item .tf_link {
    padding: 0 7px;
    overflow: hidden;
    font-size: 11px;
  }
  .page_contest .pc_thumb_item .pcti_footer {
    font-size: 13px;
  }
  .page_contest .pc_thumb_item .tf_prize {
    padding: 10px 7px 5px;
    font-size: 12px;
    line-height: 18px;
  }
  .page_contest .pc_thumb_item .tfp_qoq {
    align-self: flex-end;
    margin: 0 0 0 7px;
    padding: 5px 12px;
    font-size: 10px;
  }
  .page_contest .pc_thumb_item .tf_name {
    padding: 0 7px;
  }
}
/* endregion for thumb_item component */
/* region for banner component */
/**
 * Media queries for Contest Page Banner then less medium resolution
 * --bm-medium-viewport-less resolution (<= 970px)
 */
@media all and (max-width: 970px) {
  .page_contest .pc_banner.__qoq .pcb_part_1 {
    right: 384px;
    left: auto;
  }
  .page_contest .pc_banner.__qoq .pcb_part_2 {
    right: 425px;
    left: auto;
  }
}
/* endregion for banner component */
/* region for countdown component */
/**
 * Media queries for Page contest Countdown then less medium resolution
 * --bm-medium-viewport-less resolution (<= 970px)
 *
 * @prefix:
 *  - pc_ = page_contest
 *
 */
@media all and (max-width: 970px) {
  .page_contest .pc_schedule_countdown {
    margin: 0 0 20px;
    padding: 0 0 15px;
    font-size: 12px;
  }
}
/* endregion for countdown component */
/* region for points component */
/**
 * Media queries for Contest Page Points then less medium resolution
 * --bm-medium-viewport-less resolution (<= 970px)
 */
@media all and (max-width: 970px) {
  .page_contest .pcp_list .pl_item {
    padding: 10px 8px;
  }
  .page_contest .pcp_list .pli_place {
    width: 28px;
    height: 28px;
    margin-right: 6px;
    line-height: 24px;
  }
  .page_contest .pcp_list .pli_prize {
    font-size: 13px;
  }
}
/* endregion for points component */
/* region for rank_switch component */
/**
 * Media queries for contests Rank Switcher then less medium resolution
 * --bm-medium-viewport-less resolution (<= 970px)
 *
 * @prefix:
 *   - .pc_ = page_contest
 *   - .rs_ = pc_rank_switch
 *
 */
@media all and (max-width: 970px) {
  .page_contest .pc_rank_switch .rs_link {
    max-width: 100px;
    font-size: 12px;
  }
  .page_contest .pc_rank_switch .rs_subtitle {
    top: 50%;
    font-size: 15px;
    transform: translateY(-50%);
  }
}
/* endregion for rank_switch component */
/* region for thumb_item_reward component */
/**
 * Media queries for Contest Page Thumb Item Reward then less medium resolution
 * --bm-medium-viewport-less resolution (<= 970px)
 *
 * @prefix:
 * - .pc_ = page_contest
 * - .pcti_ = pc_thumb_item
 *
 * Modifiers:
 * .pcti_reward.__today - style, when reward is for today contest win
 * .pcti_reward.__today.__hour - style, when reward is for today hour contest win
 * .pcti_reward.__qoq - style, when reward is for QoQ win
 *
 */
@media all and (max-width: 970px) {
  .page_contest .pc_thumb_item .pcti_reward.__today {
    top: -10px;
    right: -10px;
    width: 54px;
    height: 54px;
  }
  .page_contest .pc_thumb_item .pcti_reward.__today.__hour {
    top: -8px;
    right: -8px;
    width: 42px;
    height: 42px;
  }
  .page_contest .pc_thumb_item .pcti_reward.__qoq {
    top: 2px;
    right: 2px;
    width: 60px;
    height: 60px;
  }
}
/* endregion for thumb_item_reward component */
@media all and (max-width: 970px) {
  .page_contest .sc_count {
    min-width: 16px;
  }
}
/* Components */
/**
 * Single Collapse responsive
 */
/**
 * Variables for Single Collapse component
 */
/* region DESKTOP VARIABLES */
/* region Common */
/* endregion Common */
/* region Title */
/* endregion Title */
/* region Content */
/* endregion Content */
/* region Modifications */
/* endregion Modifications */
/* endregion DESKTOP VARIABLES */
/* region MOBILE VARIABLES */
/* region Modifications */
/* endregion Modifications */
/* region Other */
/* endregion Other */
/* endregion MOBILE VARIABLES */
/**
 * Styles for Single Collapse component in Default modification, then less medium resolution
 * --bm-medium-viewport-less resolution (<= 970px)
 */
@media all and (max-width: 970px) {
  .bm_single_collapse.__scl_default {
    padding: 12px 15px;
  }
}