@charset "UTF-8";
/**
 * Contest bundle
 */
/**
 * layout variables
 * custom or override global variables
 */
/**
 * WARNING: NEED LOAD FIRST for entry
 *
 * Custom variables for contests
 */
/**
 * 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
 */
/* components with personal style by role */
/*
 * Customized by role
 */
/**
 * Variables with role condition
 */
/* region header_button */
/* endregion header_button */
/**
 *  Button customized by role
 */
.bm_btn.__btn_cstm {
  color: #f7d4e4;
  background: #931f53;
}
.bm_btn.__btn_cstm:active, .bm_btn.__btn_cstm.__active {
  color: #fff;
  background: #ad1f5f;
}
.bm_btn.__btn_cstm:disabled, .bm_btn.__btn_cstm.__disabled {
  color: #b8889e;
  background: #791542;
}
@media (hover: hover) {
  .bm_btn.__btn_cstm:hover, .bm_btn.__btn_cstm.__hover {
    color: #fff;
    background: #ad1f5f;
  }
}

/**
 * Variables with role condition
 */
/**
 *  Tooltip customized by role
 */
.bm_tooltip.__cstm .bmt_inner {
  background: #2e0e1d;
}
.bm_tooltip.__cstm .bmt_inner .bmt_arrow {
  color: #2e0e1d;
}

/* Layout */
/**
 * Contest layout
 */
/**
 * layout variables
 * custom or override global variables
 */
/**
 * Custom variables for contest
 */
/* Local Components */
/**
 * Wrapper common styles
 * NOTE: .content_container need for manually add white bg
 *
 * @prefix:
 *   - wrp_ = .main_wrapper
 *   - pc_  = .page-content
 *
 * Modifiers:
 *   .main_wrapper.__app - react main element
 *   .main_wrapper.__popup_layout - popup layout
 *   .main_wrapper.__dump_layout - stats dump layout
 *   .content_container.__indent - add padding
 */
/**
 * Wrapper common styles
 * NOTE: .content_container need for manually add white bg
 *
 * @prefix:
 *   - wrp_ = .main_wrapper
 *
 * Modifiers:
 *   .main_wrapper.__app          - react main element
 *   .main_wrapper.__popup_layout - popup layout
 *   .main_wrapper.__dump_layout  - stats dump layout
 *   .content_container.__indent  - add padding
 */
.main_wrapper .wrp_alerts {
  flex-shrink: 0;
}

.main_wrapper {
  position: relative;
  display: flex;
  flex-flow: column nowrap;
  width: 100%;
  min-width: 1140px;
  min-height: 100vh;
  background: #f7f7f8;
}
.main_wrapper.__popup_layout .page_content {
  background: #fff;
}
.main_wrapper.__dump_layout {
  min-width: auto;
}
.main_wrapper.__profile_filling {
  min-width: auto;
  background: none;
}
.main_wrapper .wrp_inner {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  box-sizing: border-box;
  width: 1140px;
  min-width: 1140px;
  margin: 0 auto;
}
.main_wrapper .wrp_inner .page_overlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  height: 100%;
  background: rgba(255, 255, 255, 0.5);
  visibility: hidden;
  opacity: 0;
}
.main_wrapper .wrp_inner .page_overlay.__active {
  z-index: 1;
  visibility: visible;
  opacity: 1;
}
.main_wrapper .page_header_wrp + .wrp_content {
  /* .page_header_wrp contains .header_triangle */
}
.main_wrapper .page_header_wrp + .wrp_content .wrp_inner .page_content {
  padding-top: 106px;
}
.main_wrapper .wrp_content {
  position: relative;
  display: flex;
  flex: 1 0 auto;
  flex-flow: row nowrap;
  justify-content: space-between;
  box-sizing: border-box;
  background: #f7f7f8;
}
.main_wrapper .wrp_content .wrp_inner {
  background: #fff;
}

/* stylelint-disable */
body.full_mobile_version .main_wrapper {
  min-height: 100%; /* min-height: 100vh doesn't work. And i can't find why */
}

/* stylelint-enable */
.app_loading .main_wrapper.__app {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  overflow: hidden;
  visibility: hidden;
}

.page_content {
  display: flex; /* added for min-height inner bg in static pages */
  flex: 1 1 auto;
  flex-direction: column;
  box-sizing: border-box;
  width: 100%;
  padding: 20px;
  background: #f7f7f8;
}
.page_content .content_container {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  background: #fff;
}
.page_content .content_container.__no_bg {
  background: transparent;
}
.page_content .content_container.__h_tight {
  flex: 0 1 auto;
}
.page_content .content_container.__indent {
  padding: 22px 30px;
}
.page_content .content_container.__indent_sq {
  padding: 30px;
}
.page_content .pc_loader {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}

#js-css .js-breakpoint:after {
  content: "1140";
  display: none;
}

/**
 * Overlay common styles
 */
.main_overlay {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 613;
  pointer-events: none;
}

/**
 * Basic styles for Context Menu Overlay
 */
.bm_context_menu_overlay {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 300;
  width: 0;
  height: 0;
}

.portal_overlay {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  pointer-events: none;
}

/**
 * Wrapper common styles
 * Overrides main wrapper for contest layout
 */
.main_wrapper.__contest .wrp_inner {
  flex: 1 1 auto;
  max-width: 1420px;
  padding: 0 10px;
  background: #f7f7f8;
}
.main_wrapper .wrp_inner.__contest {
  flex: 1 1 auto;
  max-width: 1420px;
  padding: 0 10px;
  background: #f7f7f8;
}

.page_content.__contest {
  position: relative; /* @see: BNG-6810 */
  margin: 0 auto;
  padding: 0;
}

/**
 *
 * Contest sidebar style
 *
 */
/**
 * Variables for Contest Sidebar component
 */
/* region DESKTOP VARIABLES */
/* endregion DESKTOP VARIABLES */
/* region MOBILE VARIABLES */
/* endregion MOBILE VARIABLES */
/**
  * Page contest Sidebar basic styles
  *
  * @prefix:
  *  - cs_ = contest_sidebar

  *  - pc_ = page_contest
  *  - pcs_ = pc_sidebar
  *  - csl_ = cs_logo
  *  - csn_ = cs_nav
  *  - nl_ = csn_list
  *  - nli_ = nl_item
  *
  * Modifiers:
  * .contest_sidebar.__minified - sidebar state for <=970px viewport resolution
  * .csn_icon.__top - title icon state for "Top title"
  * .csn_icon.__history - title icon state for "History title"
  * .nli_link.__selected - state for selected nav link
  * .bm_tooltip.__history - state of tooltip for min-sidebar history submenu
  */
.contest_sidebar {
  position: relative;
  flex-shrink: 0;
  width: 310px;
}
.contest_sidebar.__minified {
  display: none;
  height: 100%;
}
.contest_sidebar .cs_header {
  box-sizing: border-box;
  height: 65px;
  padding: 5px 35px;
  background-color: #6c133b;
}
.contest_sidebar .cs_logo {
  position: relative;
  display: inline-block;
  width: 188px;
  height: 48px;
}
.contest_sidebar .csl_icon {
  width: 100%;
  height: 100%;
}
.contest_sidebar .csl_slogan {
  position: absolute;
  bottom: -10px;
  left: 50%;
  color: #fff;
  font-weight: 700;
  font-size: 10px;
  white-space: nowrap;
  transform: translateX(-50%);
}
.contest_sidebar .cs_nav {
  padding-top: 10px;
  cursor: pointer;
}
.contest_sidebar .cs_nav.__opened .csn_dropdown {
  grid-template-rows: 1fr 0;
}
.contest_sidebar .cs_nav.__opened .nl_item {
  opacity: 1;
  transition-delay: calc((var(--menu-item-order) + 2) * 0.05s);
}
.contest_sidebar .cs_nav.__opened .csn_arrow {
  transform: rotate(0deg);
}
.contest_sidebar .csn_dropdown {
  display: grid;
  grid-template-rows: 0fr 9px;
  transition: grid-template-rows calc(var(--menu-items-count) * 0.05s) linear 0s;
}
.contest_sidebar .csn_dropdown .pcsn_list {
  overflow: hidden;
}
.contest_sidebar .csn_title {
  position: relative;
  padding: 8px 34px;
  color: #81003a;
  font: 700 15px/20px "Open Sans", sans-serif;
  letter-spacing: -0.07px;
}
.contest_sidebar .csn_icon {
  position: absolute;
  top: calc(50% - 10px);
  left: 0;
  width: 22px;
  height: 22px;
}
.contest_sidebar .csn_icon.__top, .contest_sidebar .csn_icon.__history {
  width: 24px;
  height: 24px;
}
.contest_sidebar .csn_arrow {
  position: absolute;
  top: calc(50% - 5px);
  right: 13px;
  width: 12px;
  height: 12px;
  transform: rotate(180deg);
}
.contest_sidebar .nl_item {
  opacity: 0;
  transition: opacity 0.1s linear 0s;
}
.contest_sidebar .nl_item:hover .nli_link, .contest_sidebar .nl_item.__active .nli_link {
  background-color: #fff;
  border-color: #a02239;
}
.contest_sidebar .nl_item.__new_contest .nli_link {
  display: flex;
  align-items: center;
}
.contest_sidebar .nl_item .bm_tooltip_wrp {
  width: 100%;
}
.contest_sidebar .nli_link {
  display: block;
  padding: 8px 30px;
  color: #222;
  font: 600 14px/19px "Open Sans", sans-serif;
  text-decoration: none;
  border-left: 3px solid transparent;
  cursor: pointer;
  transition: background-color 0.3s ease, border-color 0.3s ease;
  user-select: none;
  /*
  &:hover,
  &.__selected {
    background-color: $contest-sidebar-navlink-hover-bg-color;
    border-color: $contest-sidebar-navlink-hover-border-color;
  }
   */
}
.contest_sidebar .nli_link .nlil_badge {
  margin-right: 10px;
  padding: 6px 8px;
  color: #fff;
  font: 700 10px/14px "Open Sans", Arial, sans-serif;
  text-transform: uppercase;
  background: linear-gradient(90deg, #fc76a2 0%, #ffb08e 100%);
  border-radius: 14px;
}

/**
  * Page contest Sidebar minified version
  *
  * @prefix:
  *  - cs_ = contest_sidebar
  *  - pc_  = page_contest
  *  - pcs_ = pc_sidebar
  *  - csl_ = cs_logo
  *  - csn_ = cs_nav
  *  - nl_  = csn_list
  *  - nli_ = nl_item
  *
  * Modifiers:
  * .contest_sidebar.__minified  - sidebar state for <=970px viewport resolution
  * .csn_icon.__top              - title icon state for "Top title"
  * .csn_icon.__history          - title icon state for "History title"
  * .nli_link.__selected         - state for selected nav link
  * .bm_tooltip.__history        - state of tooltip for min-sidebar history submenu
  */
.contest_sidebar.__minified {
  position: absolute;
  display: none;
  flex-shrink: 0;
  width: 80px;
  background: #fff;
  border-right: 1px solid #ebebed;
}
.contest_sidebar.__minified .cs_header {
  align-items: center;
  padding: 5px 10px;
}
.contest_sidebar.__minified .cs_logo {
  width: 40px;
  height: 48px;
}
.contest_sidebar.__minified .cs_nav {
  margin-bottom: 0;
  padding: 5px 0;
  border-bottom: 1px solid #ebebed;
  cursor: default;
}
.contest_sidebar.__minified .cs_nav.__active .cs_nav_item_wrp {
  background-color: #eee;
}
.contest_sidebar.__minified .cs_nav .csn_content {
  width: 100%;
}
.contest_sidebar.__minified .cs_nav .bmt_inner {
  max-width: 300px;
  padding: 20px 10px;
}
.contest_sidebar.__minified .cs_nav_item_wrp {
  box-sizing: border-box;
  width: 100%;
  height: 33px;
  padding: 0 20px;
  color: #81003a;
  text-transform: uppercase;
  text-decoration: none;
  border-radius: 17px;
}
.contest_sidebar.__minified .cs_nav_item_wrp:hover {
  background-color: #eee;
}
.contest_sidebar.__minified .cs_nav_item_wrp .csn_icon {
  position: static;
  top: auto;
  left: auto;
  flex-shrink: 0;
  width: 16px;
  margin: 0;
}
.contest_sidebar.__minified .cs_nav_item_wrp .csn_icon.__top, .contest_sidebar.__minified .cs_nav_item_wrp .csn_icon.__history {
  width: 18px;
}
.contest_sidebar.__minified .csn_title {
  display: block;
  margin: 0 0 10px;
  padding: 0 0 0 20px;
  color: #81003a;
  font-weight: 700;
  font-size: 12px;
  text-transform: uppercase;
}
.contest_sidebar.__minified .nl_item {
  flex-shrink: 0;
  width: 100%;
  margin: 0 0 2px;
  opacity: 1;
  transition: none;
}
.contest_sidebar.__minified .nl_item:hover .nli_link, .contest_sidebar.__minified .nl_item.__active .nli_link {
  color: #353c46;
  background-color: #ecfafd;
}
.contest_sidebar.__minified .nl_item:last-child {
  margin: 0;
}
.contest_sidebar.__minified .nli_link {
  position: relative;
  padding: 10px 20px;
  color: #606771;
  font-weight: 700;
  font-size: 13px;
  border: none;
  border-radius: 17px;
}
.contest_sidebar.__minified .nli_link.__selected {
  color: #353c46;
  background-color: #ecfafd;
}

/**
  * Styles for contests
  *
  * @prefix:
  *   - .pc = page_contest
  *   - .cst = cs_to_top
  *
  * Modifiers:
  * .cs_to_top.__hidden - hidden button state
  *
  */
/**
 * To Top Button variables
 */
.cs_to_top {
  position: fixed;
  top: 50%;
  color: #595959;
  cursor: pointer;
  transition: opacity 0.2s ease-out;
}
.cs_to_top.__hidden {
  opacity: 0;
  pointer-events: none;
}
.cs_to_top.__mini {
  left: 10px;
  width: 80px;
}
.cs_to_top .cst_icon {
  width: 27px;
  height: 26px;
  transform: rotate(180deg);
  animation: cs_to_top 1s infinite;
  fill: #595959;
}
.cs_to_top .cst_text {
  margin-top: 12px;
  font-weight: 700;
  font-size: 12px;
  text-transform: uppercase;
}

@keyframes cs_to_top {
  0% {
    transform: translateY(5px) rotate(180deg);
  }
  50% {
    transform: translateY(0) rotate(180deg);
  }
  100% {
    transform: translateY(5px) rotate(180deg);
  }
}
/* Pages */
/**
  * Styles for contests
  *
  * @prefix:
  *   - .pc = page_contest
  */
/* 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 */
/**
  * Styles for Page Contest Content component
  *
  * @prefix:
  * - .pc_ = page_contest
  * - .pcc_ = pc_content
  * - .ct_ = pcc_text
  * - .ctl_ = ct_list
  */
.page_contest .content_container {
  padding: 17px 20px 25px;
  font-weight: 400;
}
.page_contest .pcc_title {
  margin: 0 0 15px;
  color: #81003a;
  font-weight: 700;
  font-size: 28px;
  font-family: "Arial", sans-serif;
  line-height: 1.2;
  text-transform: uppercase;
}
.page_contest .pcc_text {
  color: #474747;
  font-size: 16px;
}
.page_contest .pcc_text .ct_info {
  margin-bottom: 25px;
  font-size: 14px;
  line-height: 1.4;
}
.page_contest .ct_title {
  margin-bottom: 8px;
  color: #222;
  font-weight: 700;
  font-size: 18px;
}
.page_contest .ct_list {
  margin-bottom: 15px;
  font-size: 16px;
  line-height: 1.1;
}
.page_contest .ct_list .ctl_item {
  position: relative;
  margin: 0 0 5px;
  padding: 0 0 0 15px;
  color: #404040;
}
.page_contest .ct_list .ctl_item:before {
  content: "";
  position: absolute;
  top: 5px;
  left: 0;
  display: block;
  width: 5px;
  height: 5px;
  background-color: #81003a;
  border-radius: 50%;
}
.page_contest .ct_list .ctl_item:last-child {
  margin: 0;
}
.page_contest .pcc_accent {
  color: #81003a;
}
.page_contest .pcc_subtitle {
  margin: 0 0 25px;
  color: #232323;
  font-weight: 700;
  font-size: 16px;
  text-align: center;
}

/**
  * Contest Page Thumb List basic styles
  *
  * @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
  *
  */
/* 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 */
.page_contest .pc_banner {
  position: relative;
  box-sizing: border-box;
  height: 249px;
  margin: 25px 0;
  padding: 35px 20px;
}
.page_contest .pc_banner.__qoq {
  direction: ltr;
  background: #fecac1 url("../../../images/frontend/achievements/qoq/en/bg.jpg") no-repeat left center;
  background-size: cover;
}
.page_contest .pc_banner.__qoq .pcb_text {
  color: #fff;
  text-align: center;
}
.page_contest .pc_banner.__qoq .bt_title {
  display: block;
  margin: 0 0 7px;
  font-size: 90px;
  line-height: 90px;
}
.page_contest .pc_banner.__qoq .bt_subtitle {
  display: inline-block;
  padding: 5px 20px;
  color: #ff78a4;
  font-weight: 700;
  font-size: 16px;
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  line-height: 1.2;
  background: #fff;
  border-radius: 25px;
}
.page_contest .pc_banner.__qoq .pcb_part_1 {
  content: "";
  position: absolute;
  top: 40px;
  left: 645px; /* Use of property 'left' for effect parallax */
  display: block;
  width: 21px;
  height: 16px;
  background: url("../../../images/frontend/achievements/qoq/en/particle_1.png") no-repeat center;
  background-size: contain;
}
.page_contest .pc_banner.__qoq .pcb_part_2 {
  content: "";
  position: absolute;
  top: 135px;
  left: 615px; /* Use of property 'left' for effect parallax */
  display: block;
  width: 10px;
  height: 14px;
  background: url("../../../images/frontend/achievements/qoq/en/particle_2.png") no-repeat center;
  background-size: contain;
}

/**
  * Page contest Countdown basic styles
  *
  * @prefix:
  *  - pc_ = page_contest
  *  - sc_ = pc_schedule_countdown
  *
  */
/* 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 */
.page_contest .pc_schedule_countdown {
  margin: 0 0 25px;
  padding: 0 0 20px;
  font-size: 14px;
  border-bottom: 1px solid #ccc;
}
.page_contest .pc_schedule_countdown .sc_title {
  margin: 0 5px 0 0;
  color: #81003a;
  font-weight: 700;
  text-transform: uppercase;
}
.page_contest .pc_schedule_countdown .sc_link_wrp {
  margin-left: auto;
}
.page_contest .pc_schedule_countdown .sc_link {
  margin-left: 10px;
  color: #009eeb;
  font-weight: 700;
  cursor: pointer;
}
.page_contest .pc_schedule_countdown .sc_link:hover {
  text-decoration: underline;
}

/**
  * Page contest Sidebar basic styles
  *
  * @prefix:
  *  - pc_ = page_contest
  *  - pcp_ = pc_points
  *  - pt_ = pc_points
  *  - pti_ = pt_icon
  *  - pl_ = pcp_list
  *  - pli_ = pl_item
  *  - pd_ = pcp_details
  *  - pdd_ = pd_desc
  */
/* 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 */
.page_contest .pc_points {
  margin-bottom: 20px;
  font-size: 14px;
}
.page_contest .pc_points.__opened .pcp_toggle {
  margin: 0 0 20px;
}
.page_contest .pc_points.__opened .pt_icon .pti_arrow {
  transform: rotate(180deg);
}
.page_contest .pcp_toggle {
  display: flex;
  width: max-content;
  color: #474747;
  font-weight: 700;
  cursor: pointer;
}
.page_contest .pt_text {
  display: flex;
  align-items: center;
  margin-left: 8px;
}
.page_contest .pt_text .pcp_badge {
  width: 22px;
  height: 11px;
  margin: 0 8px;
}
.page_contest .pt_icon {
  position: relative;
  width: 18px;
  height: 18px;
  vertical-align: top;
  background: #f9f9f9;
  border: 1px solid #d7d7d7;
  border-radius: 3px;
}
.page_contest .pt_icon .pti_arrow {
  flex-shrink: 0;
  width: 10px;
  height: 10px;
  transition: transform 0.2s ease-out;
}
.page_contest .pd_desc .pdd_item {
  margin: 0 0 7px;
}
.page_contest .pd_desc .pdd_item:last-child {
  margin: 0;
}
.page_contest .pcp_list {
  margin: 25px 0 0;
  color: #232323;
  border-style: solid;
  border-color: #ccc;
  border-bottom-width: 1px;
  border-left-width: 1px;
}
.page_contest .pcp_list .pl_item {
  box-sizing: border-box;
  width: 20%;
  padding: 10px 12px 10px 25px;
  font-weight: 700;
  border-style: solid;
  border-color: #ccc;
  border-top-width: 1px;
  border-right-width: 1px;
}
.page_contest .pcp_list .pli_place {
  flex-shrink: 0;
  box-sizing: border-box;
  width: 34px;
  height: 34px;
  margin-right: 10px;
  color: #c63f56;
  line-height: 30px;
  text-align: center;
  border: 2px solid #c63f56;
  border-radius: 17px;
}

/**
  * Styles for contests Rank Switcher component
  *
  * @prefix:
  *   - .pc_ = page_contest
  *   - .rs_ = pc_rank_switch
  *
  * Modifiers:
  * .rs_link.__next - for next rank period link
  *
  */
.page_contest .pc_rank_switch {
  position: relative;
  min-height: 25px;
  margin: 0 0 25px;
}
.page_contest .pc_rank_switch .rs_link {
  position: relative;
  margin: 0 auto 0 0;
  padding: 0 15px;
  color: #232323;
  font-size: 14px;
  text-transform: uppercase;
  text-decoration: none;
  cursor: pointer;
}
.page_contest .pc_rank_switch .rs_link:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 0;
  height: 0;
  border-width: 4px 7px 4px 0;
  border-style: solid;
  border-color: transparent #009fd4;
  transform: translateY(-50%);
}
.page_contest .pc_rank_switch .rs_link.__next {
  margin: 0 0 0 auto;
  text-align: right;
}
.page_contest .pc_rank_switch .rs_link.__next:before {
  right: 0;
  left: auto;
  border-width: 4px 0 4px 7px;
}
.page_contest .pc_rank_switch .rs_subtitle {
  position: absolute;
  top: 0;
  width: 100%;
  color: #232323;
  font-weight: 700;
  font-size: 16px;
  text-align: center;
}

/**
 * Page contest Show More Button basic styles
 *
 * @prefix:
 * - pc_ = page_contest
 * - sm_ = pc_show_more
 *
 */
/* 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 */
.page_contest .pc_show_more {
  margin: 20px 0;
}
.page_contest .pc_show_more .sm_btn {
  height: 33px;
  padding: 0 5px;
  color: #fff;
  font-weight: 700;
  font-size: 12px;
  line-height: 33px;
  text-align: center;
  text-shadow: 0 1px 0 #3a6816;
  background: #01b22e;
  border: 0;
  border-radius: 4px;
  outline: none;
  cursor: pointer;
}

/**
  * Page contest Timer basic styles
  *
  * @prefix:
  *  - pc_ = page_contest
  *
  */
/* 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 */
.page_contest .sc_timer {
  color: #232323;
  text-transform: uppercase;
}
.page_contest .sc_count {
  display: inline-block;
  min-width: 18px;
  text-align: center;
}

/**
  * Contest Page Thumb Item basic styles
  *
  * @prefix:
  * - .pc_   = page_contest
  * - .pcti_ = pc_thumb_item
  * - .tf_   = pcti_footer
  * - .tfn_  = tf_name
  *
  * Modifiers:
  * .pc_thumb_item.__noname  - style, when there is no user
  * .pc_thumb_item.__no_link - style, when there is no link on img and footer
  * .pc_thumb_item.__2       - style, state of a thumb, when it is located in a row of 2 thumbs
  * .pc_thumb_item.__3       - style, state of a thumb, when it is located in a row of 3 thumbs
  * .pc_thumb_item.__4       - style, state of a thumb, when it is located in a row of 4 thumbs
  * .pc_thumb_item.__5       - style, state of a thumb, when it is located in a row of 5 thumbs
  * .pc_thumb_item.__7       - style, state of a thumb, when it is located in a row of 7 thumbs
  */
/* 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 */
.page_contest .pc_thumb_item {
  position: relative;
  flex-shrink: 0;
  box-sizing: border-box;
  max-width: 50%;
  background: #dddde2 url("../../../images/bm/contest/bonga_thumb.png") 50% 50%/cover no-repeat;
  border: 1px solid #ccc;
  border-radius: 3px;
  /*Hover property is here specifically to override modifiers*/
}
.page_contest .pc_thumb_item:before {
  content: "";
  display: block;
  padding: 82.5% 0 0;
}
.page_contest .pc_thumb_item.__noname .tf_content {
  bottom: 0;
  transition: none;
}
.page_contest .pc_thumb_item.__no_link .pcti_footer .tf_content {
  bottom: 0;
}
.page_contest .pc_thumb_item.__2 {
  width: calc(50% - 7px);
}
.page_contest .pc_thumb_item.__2 .pcti_footer {
  font-size: 11px;
  line-height: 20px;
}
.page_contest .pc_thumb_item.__2 .tf_content {
  bottom: -21px;
}
.page_contest .pc_thumb_item.__2 .tf_name {
  height: 20px;
}
.page_contest .pc_thumb_item.__3 {
  width: calc(33.3333333333% - 20px);
  margin: 0 10px 20px;
}
.page_contest .pc_thumb_item.__4 {
  width: calc(25% - 14px);
  margin: 0 7px 15px;
}
.page_contest .pc_thumb_item.__4 .pcti_footer {
  font-size: 14px;
}
.page_contest .pc_thumb_item.__5 {
  width: calc(20% - 10px);
  margin: 0 5px 10px;
}
.page_contest .pc_thumb_item.__5 .pcti_footer {
  font-size: 11px;
  line-height: 20px;
}
.page_contest .pc_thumb_item.__5 .tf_content {
  bottom: -21px;
}
.page_contest .pc_thumb_item.__5 .tf_name {
  height: 20px;
}
.page_contest .pc_thumb_item.__5 .pcti_place {
  width: 20px;
  height: 20px;
  line-height: 20px;
}
.page_contest .pc_thumb_item.__7 {
  width: calc(14.2857142857% - 10px);
  margin: 0 5px 10px;
}
.page_contest .pc_thumb_item.__7 .pcti_footer {
  font-size: 11px;
  line-height: 20px;
}
.page_contest .pc_thumb_item.__7 .tf_content {
  bottom: -21px;
}
.page_contest .pc_thumb_item.__7 .tf_prize {
  font-size: 10px;
}
.page_contest .pc_thumb_item.__7 .tf_name {
  height: 20px;
}
.page_contest .pc_thumb_item.__7 .tf_name .tfn_user {
  padding: 0 20px 0 0;
}
.page_contest .pc_thumb_item.__7 .pcti_place {
  width: 20px;
  height: 20px;
  line-height: 20px;
}
.page_contest .pc_thumb_item:hover .pcti_footer .tf_content {
  bottom: 0;
}
.page_contest .pc_thumb_item:hover .pcti_footer .tf_content .tf_link {
  color: rgb(42, 150, 226);
}
.page_contest .pc_thumb_item .pcti_live {
  position: absolute;
  top: -4px;
  left: 3px;
  padding: 5px 3px 0;
  color: #fff;
  font-weight: 700;
  font-size: 9px;
  letter-spacing: 1px;
  text-transform: uppercase;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  background: #00d700;
}
.page_contest .pc_thumb_item .pcti_link {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.page_contest .pc_thumb_item .pcti_image {
  position: absolute;
  top: 0;
  left: 50%;
  width: auto;
  max-width: none;
  height: 100%;
  transform: translateX(-50%);
}
.page_contest .pc_thumb_item .pcti_footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  overflow: hidden;
  color: #232323;
  font-size: 16px;
  line-height: 30px;
}
.page_contest .pc_thumb_item .tf_content {
  position: relative;
  bottom: -31px;
  transition: bottom 0.2s ease-out;
}
.page_contest .pc_thumb_item .tf_prize {
  box-sizing: border-box;
  width: 100%;
  min-height: 20px;
  padding: 15px 10px 10px;
  color: #fff;
  font-weight: 700;
  font-size: 12px;
  line-height: 18px;
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0));
}
.page_contest .pc_thumb_item .tfp_qoq {
  display: inline-block;
  flex-shrink: 0;
  margin: 0 0 0 10px;
  padding: 5px 15px;
  color: #fff;
  font-weight: 700;
  font-size: 12px;
  line-height: 1.2;
  white-space: nowrap;
  text-shadow: 0 2px 1px rgba(0, 0, 0, 0.1);
  background: linear-gradient(90deg, #fc76a2, #ffb18e);
  border-radius: 50px;
}
.page_contest .pc_thumb_item .tf_name {
  display: flex;
  justify-content: space-between;
  box-sizing: border-box;
  width: 100%;
  height: 30px;
  padding: 0 5px 0 10px;
  font-weight: 700;
  background-color: #fff;
}
.page_contest .pc_thumb_item .tf_name .tfn_user {
  min-width: 1px;
  margin-right: 10px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.page_contest .pc_thumb_item .tf_name .tfn_prize {
  margin: 0 0 0 10px;
  white-space: nowrap;
}
.page_contest .pc_thumb_item .pcti_place {
  position: relative;
  top: -6px;
  flex-shrink: 0;
  width: 26px;
  height: 26px;
  color: #81003a;
  line-height: 26px;
  text-align: center;
  background-color: #fff;
  border: 2px solid #81003a;
  border-radius: 50%;
  box-shadow: 0 0 0 2px #fff;
}
.page_contest .pc_thumb_item .tf_link {
  display: block;
  padding: 0 10px;
  color: rgba(42, 150, 226, 0);
  font-weight: 700;
  background-color: #fff;
  border-top: 1px solid #ccc;
  transition: color 0.3s ease 0.2s;
}
.page_contest .pc_thumb_item .tf_link .tf_link_text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/**
  * Contest Page Thumb Item Reward basic styles
  *
  * 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
  *
  */
.page_contest .pc_thumb_item .pcti_reward {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 75px;
  height: 75px;
  border-radius: 50%;
}
.page_contest .pc_thumb_item .pcti_reward.__today {
  top: 5px;
  right: 3px;
  width: 50px;
  height: 54px;
}
.page_contest .pc_thumb_item .pcti_reward.__today.__hour {
  width: 40px;
  height: 44px;
}
.page_contest .pc_thumb_item .pcti_img {
  width: 100%;
  height: 100%;
}

/**
  * Contest Page Thumb List basic styles
  *
  * @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
  */
/* 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 */
.page_contest .pc_thumb_list.__2 {
  margin: 0 -7px;
}
.page_contest .pc_thumb_list.__2 .pcc_rooms_pair {
  width: calc(33% - 14px);
  max-width: 33%;
  margin: 0 7px 15px;
}
.page_contest .pc_thumb_list.__2 .pcc_rooms_pair:last-child {
  margin: 0 7px;
}
.page_contest .pc_thumb_list.__2 .pcc_rooms_pair.__hidden {
  display: none;
}
.page_contest .pc_thumb_list.__3 {
  margin: 0 -10px;
}
.page_contest .pc_thumb_list.__4 {
  margin: 0 -7px;
}
.page_contest .pc_thumb_list.__5 {
  margin: 0 -5px;
}
.page_contest .pc_thumb_list.__7 {
  margin: 0 -5px;
}
.page_contest .rp_time {
  margin-bottom: 6px;
  font-weight: 700;
  font-size: 14px;
  text-align: center;
}

/* Components */
/**
 * Basic styles for Single Collapse component
 *
 * @prefix:
 *  - scl_  = .bm_single_collapse
 *  - ct_   = .scl_title
 *
 * Modifiers:
 *  .bm_single_collapse.__scl_extended    = extended state of a Collapse Container
 *  .bm_single_collapse.__scl_extending   = extending state of a Collapse Container (in motion)
 *  .bm_single_collapse.__scl_collapsing  = collapsing state of a Collapse Container (in motion)
 *  .bm_single_collapse.__scl_collapsed   = collapsed state of a Collapse Container
 *  .bm_single_collapse.__scl_static      = state of Collapse Container in a moment of component mounting, to prevent animation duration
 *  .bm_single_collapse.__scl_no_motion   = when Collapse Container ended it's animation or didn't start already
 */
/**
 * 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 modifications of Single Collapse Component
 *
 * @prefix:
 *  - scl_  = .bm_single_collapse
 *  - ct_   = .scl_title
 *
 * Modifiers:
 *  .bm_single_collapse.__scl_default  = default modification
 *  .bm_single_collapse.__scl_brd_t    = has border-top
 *  .bm_single_collapse.__scl_brd_b    = has border-bottom
 */
.bm_single_collapse.__scl_default {
  padding: 22px 30px;
  background-color: #fff;
}
.bm_single_collapse.__scl_default .scl_title {
  color: #81003a;
  font-weight: 700;
  font-size: 18px;
  cursor: pointer;
}
.bm_single_collapse.__scl_default .ct_icon {
  color: #81003a;
}
.bm_single_collapse.__scl_default .scl_inner {
  padding-top: 15px;
}
.bm_single_collapse.__scl_brd_t {
  border-top: 1px solid #e6eaed;
}
.bm_single_collapse.__scl_brd_b {
  border-bottom: 1px solid #e6eaed;
}

.bm_single_collapse.__scl_extended .ct_icon {
  transform: rotate(180deg);
}
.bm_single_collapse.__scl_extended .scl_content_wrp {
  grid-template-rows: 1fr 0;
  max-height: none;
  opacity: 1;
}
.bm_single_collapse.__scl_extending .ct_icon {
  transform: rotate(180deg);
}
.bm_single_collapse.__scl_extending .scl_content_wrp {
  animation: scl_extending 0.3s forwards;
}
.bm_single_collapse.__scl_not_collapsible .scl_title {
  cursor: default;
}
.bm_single_collapse.__scl_collapsing .ct_icon {
  transform: rotate(0deg);
}
.bm_single_collapse.__scl_collapsing .scl_content_wrp {
  animation: scl_collapsing 0.3s forwards;
}
.bm_single_collapse.__scl_collapsed .ct_icon {
  transform: rotate(0deg);
}
.bm_single_collapse.__scl_collapsed .scl_content_wrp {
  grid-template-rows: 0fr 0;
  max-height: 0;
  opacity: 0;
}
.bm_single_collapse.__scl_static.__scl_collapsed .scl_content_wrp {
  opacity: 0;
}
.bm_single_collapse.__scl_static .ct_icon {
  transition-duration: 0s;
}
.bm_single_collapse.__scl_static .scl_content_wrp {
  animation-duration: 0s;
}
.bm_single_collapse.__scl_no_motion.__scl_extended .scl_content {
  overflow: visible;
}
.bm_single_collapse .ct_icon {
  flex-shrink: 0;
  width: 13px;
  height: 15px;
  margin-left: 10px;
  transition: color 0.3s, transform 0.3s;
}
.bm_single_collapse .scl_content_wrp {
  display: grid;
  grid-template-rows: 0fr 0;
  grid-template-columns: 100%;
  max-height: 0;
}
.bm_single_collapse .scl_content {
  overflow: hidden;
}

@keyframes scl_extending {
  0% {
    grid-template-rows: 0fr 0;
    max-height: 0;
    opacity: 0;
  }
  20% {
    opacity: 0;
  }
  100% {
    grid-template-rows: 1fr 0;
    max-height: none;
    opacity: 1;
  }
}
@keyframes scl_collapsing {
  0% {
    grid-template-rows: 1fr 0;
    max-height: none;
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  51% {
    grid-template-rows: 1fr 0;
  }
  99% {
    max-height: none;
  }
  100% {
    grid-template-rows: 0fr 0;
    max-height: 0;
    opacity: 0;
  }
}