/* Document
* ========================================================================== */
/**
* 1. Correct the line height in all browsers.
* 2. Prevent adjustments of font size after orientation changes in iOS.
*/
:where(html) {
line-height: 1.15; /* 1 */
-webkit-text-size-adjust: 100%; /* 2 */
text-size-adjust: 100%; /* 2 */
}
/* Sections
* ========================================================================== */
/**
* Correct the font size and margin on `h1` elements within `section` and
* `article` contexts in Chrome, Edge, Firefox, and Safari.
*/
:where(h1) {
font-size: 2em;
margin-block-end: 0.67em;
margin-block-start: 0.67em;
}
/* Grouping content
* ========================================================================== */
/**
* Remove the margin on nested lists in Chrome, Edge, and Safari.
*/
:where(dl, ol, ul) :where(dl, ol, ul) {
margin-block-end: 0;
margin-block-start: 0;
}
/**
* 1. Add the correct box sizing in Firefox.
* 2. Correct the inheritance of border color in Firefox.
*/
:where(hr) {
box-sizing: content-box; /* 1 */
color: inherit; /* 2 */
height: 0; /* 1 */
}
/* Text-level semantics
* ========================================================================== */
/**
* Add the correct text decoration in Safari.
*/
:where(abbr[title]) {
text-decoration: underline;
text-decoration: underline dotted;
}
/**
* Add the correct font weight in Chrome, Edge, and Safari.
*/
:where(b, strong) {
font-weight: bolder;
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
:where(code, kbd, pre, samp) {
font-family: monospace, monospace; /* 1 */
font-size: 1em; /* 2 */
}
/**
* Add the correct font size in all browsers.
*/
:where(small) {
font-size: 80%;
}
/* Tabular data
* ========================================================================== */
/**
* 1. Correct table border color in Chrome, Edge, and Safari.
* 2. Remove text indentation from table contents in Chrome, Edge, and Safari.
*/
:where(table) {
border-color: currentColor; /* 1 */
text-indent: 0; /* 2 */
}
/* Forms
* ========================================================================== */
/**
* Remove the margin on controls in Safari.
*/
:where(button, input, select) {
margin: 0;
}
/**
* Remove the inheritance of text transform in Firefox.
*/
:where(button) {
text-transform: none;
}
/**
* Correct the inability to style buttons in iOS and Safari.
*/
:where(button, input:is([type=button i], [type=reset i], [type=submit i])) {
-webkit-appearance: button;
}
/**
* Add the correct vertical alignment in Chrome, Edge, and Firefox.
*/
:where(progress) {
vertical-align: baseline;
}
/**
* Remove the inheritance of text transform in Firefox.
*/
:where(select) {
text-transform: none;
}
/**
* Remove the margin in Firefox and Safari.
*/
:where(textarea) {
margin: 0;
}
/**
* 1. Correct the odd appearance in Chrome, Edge, and Safari.
* 2. Correct the outline style in Safari.
*/
:where(input[type=search i]) {
-webkit-appearance: textfield; /* 1 */
outline-offset: -2px; /* 2 */
}
/**
* Correct the cursor style of increment and decrement buttons in Safari.
*/
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
height: auto;
}
/**
* Correct the text style of placeholders in Chrome, Edge, and Safari.
*/
::-webkit-input-placeholder {
color: inherit;
opacity: 0.54;
}
/**
* Remove the inner padding in Chrome, Edge, and Safari on macOS.
*/
::-webkit-search-decoration {
-webkit-appearance: none;
}
/**
* 1. Correct the inability to style upload buttons in iOS and Safari.
* 2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
-webkit-appearance: button; /* 1 */
font: inherit; /* 2 */
}
/**
* Remove the inner border and padding of focus outlines in Firefox.
*/
:where(button, input:is([type=button i], [type=color i], [type=reset i], [type=submit i]))::-moz-focus-inner {
border-style: none;
padding: 0;
}
/**
* Restore the focus outline styles unset by the previous rule in Firefox.
*/
:where(button, input:is([type=button i], [type=color i], [type=reset i], [type=submit i]))::-moz-focusring {
outline: 1px dotted ButtonText;
}
/**
* Remove the additional :invalid styles in Firefox.
*/
:where(:-moz-ui-invalid) {
box-shadow: none;
}
/* Interactive
* ========================================================================== */
/*
* Add the correct styles in Safari.
*/
:where(dialog) {
background-color: white;
border: solid;
color: black;
height: -moz-fit-content;
height: fit-content;
left: 0;
margin: auto;
padding: 1em;
position: absolute;
right: 0;
width: -moz-fit-content;
width: fit-content;
}
:where(dialog:not([open])) {
display: none;
}
/*
* Add the correct display in all browsers.
*/
:where(summary) {
display: list-item;
}
@charset "UTF-8";
/**
* Guest bundle
*/
/* Core */
/**
* Core
*/
/* variables must be imported first */
/**
* Variables
*/
/* alphabet order */
/**
* Colors variables
*/
body {
--bmr-white: #fff;
--bmr-black: #000;
--bmr-white-transparent: #fff0;
--bmr-black-transparent: #0000;
--bmr-body-color: #201f1f;
--bmr-body-bg: #a91838;
--bmr-link-color: #1e9af0;
--bmr-link-color-hover: #2f5cff;
}
/**
* Fonts variables
*
* TODO: [BGM-7142] Variables can be used when replacing PCSS to SCSS
*/
body {
--unicodeRange-cyrillic: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
--unicodeRange-cyrillic-ext: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
--unicodeRange-greek: U+0370-03FF;
--unicodeRange-greek-ext: U+1F00-1FFF;
--unicodeRange-latin: 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;
--unicodeRange-latin-ext: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
--unicodeRange-vietnamese: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/**
* Global variables
*/
/**
* Custom Media variables
*/
/* region Retina */
/* endregion Retina */
/* region Viewport */
/* endregion Viewport */
body {
--bmr-vh: 1vh;
--bmr-viewport-height: calc(var(--bmr-vh, 1vh) * 100);
--bmr-header-height: 72px;
--bmr-subHeader-height: 82px;
--bmr-contentWrapper-sidebar-paddingInline: 62px;
--bmr-transition-duration-default: 0.15s;
--bmr-transition-timing-function-default: ease-in-out;
--bmr-line-height-default: calc(2ex + 6px);
--bmr-container-paddingInline: 48px;
--bmr-scrollTopButton-referencePoint-x: 0;
}
@media (min-width: 1280px) {
body {
--bmr-container-paddingInline: 96px;
}
}
/**
* Custom Media variables
*/
/* region Retina */
/* endregion Retina */
/* region Viewport */
/* endregion Viewport */
/**
* For fix WebView in iOS 11
* Works together with meta
*/
body {
--safe-area-inset-top: 0;
--safe-area-inset-right: 0;
--safe-area-inset-bottom: 0;
--safe-area-inset-left: 0;
}
@supports (padding-top: constant(safe-area-inset-top)) {
body {
--safe-area-inset-top: constant(safe-area-inset-top);
--safe-area-inset-right: constant(safe-area-inset-right);
--safe-area-inset-bottom: constant(safe-area-inset-bottom);
--safe-area-inset-left: constant(safe-area-inset-left);
}
}
@supports (padding-top: env(safe-area-inset-top)) {
body {
--safe-area-inset-top: env(safe-area-inset-top);
--safe-area-inset-right: env(safe-area-inset-right);
--safe-area-inset-bottom: env(safe-area-inset-bottom);
--safe-area-inset-left: env(safe-area-inset-left);
}
}
/**
* Z-index
*/
body {
/* common helping values */
--bmr-zero-z-index: 0; /* creating a root stacking context */
--bmr-negative-z-index: -1; /* element placement at the very bottom */
--bmr-positive-z-index: 1; /* element placement at the top */
/* the header must be higher than most other components */
--bmr-header-z-index: 10000;
/* the language dropdown is displayed on top of the header */
--bmr-langDropdown-z-index: calc(var(--bmr-header-z-index) + 10);
/* the overlay must be higher than all components displayed separately from it */
--bmr-dialog-z-index: calc(var(--bmr-header-z-index) + 10);
/* the drawer is displayed on top of the overlay */
--bmr-drawer-z-index: calc(var(--bmr-dialog-z-index) + 10);
/* the sticky box is displayed on bottom of the header */
--bmr-stickyBar-z-index: calc(var(--bmr-header-z-index) - 10);
}
/* mixins should be imported after variables */
/**
* Mixins
*/
/* alphabet order */
/**
* Border Radius mixin
*/
/**
* Fonts
*
* $fontFaces - list of font-face maps.
*
* Minimal example:
* (
* "font-weight": 400,
* "font-file-name": "cyrillic",
* "unicode-range": (U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116)
* )
*
* Maximal example:
* (
* "font-family-url": "roboto-italic",
* "font-family": "Roboto Italic",
* "font-display": block,
* "font-style": italic,
* "font-weight": 400,
* "font-file-name": "cyrillic",
* "unicode-range": (U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116)
* )
*/
/**
* Transition mixin
*/
/* normalize must be imported after fonts */
/* initial must be imported after normalize */
/**
* Initial styles
*/
*,
*:before,
*:after {
box-sizing: border-box;
}
html {
height: 100%;
/**
* Crutch.
* Fixes slow onClick events on iPad. BGM-11524
* That fix needed because we set incorrect .
*/
touch-action: manipulation;
}
body {
position: fixed;
inset: 0;
height: 100%;
overflow: hidden;
color: var(--bmr-body-color);
font: 20px/1.4 Roboto, sans-serif;
}
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
li,
figure,
figcaption,
blockquote,
dl,
dd {
margin: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: 700;
font-family: "Accent Font Family", sans-serif;
}
img,
svg {
display: inline-block;
max-width: 100%;
max-height: 100%;
}
img {
object-fit: cover;
user-select: none;
-webkit-user-drag: none;
}
img:before {
font-size: 0;
}
picture {
display: block;
}
a {
color: var(--bmr-link-color);
cursor: pointer;
transition: color 0.15s ease-in-out;
-webkit-user-drag: none;
}
a:hover {
color: var(--bmr-link-color-hover);
}
ul,
ol {
padding: 0;
list-style: none;
}
table {
width: 100%;
overflow: hidden;
border-collapse: collapse;
border-spacing: 0;
}
input,
button,
textarea,
select {
color: inherit;
font: inherit;
outline: none;
appearance: none;
}
button {
padding: 0;
background: transparent;
border: 0;
cursor: pointer;
-webkit-tap-highlight-color: transparent;
}
button:focus, button:focus-visible {
outline: none;
}
div[tabindex],
span[tabindex] {
-webkit-tap-highlight-color: transparent;
}
div[tabindex]:focus,
span[tabindex]:focus {
outline: none;
}
@media (prefers-reduced-motion: reduce) {
* {
transition-duration: 0.01ms !important;
animation-duration: 0.01ms !important;
animation-iteration-count: 1 !important;
scroll-behavior: auto !important;
}
}
/**
* Utils
*/
/**
* Variables utils
*/
body {
/* fade in animation */
--bmr-animView_fade-duration: 0.6s;
--bmr-animView_fade-delay: 0.3s;
--bmr-animView_fade-timingFunction: cubic-bezier(0, 0, 0.24, 1);
/* emphasis show animation */
--bmr-animView_emphasis-duration: var(--bmr-animView_fade-duration);
--bmr-animView_emphasis-delay: calc(var(--bmr-animView_fade-delay) + 0.2s);
--bmr-animView_emphasis-timingFunction: var(--bmr-animView_fade-timingFunction);
/* translate animation */
--bmr-animView_translate-startPosition: 100px;
--bmr-animView_translate-stopPosition: 0;
--bmr-animView_translate-duration: 1.2s;
--bmr-animView_translate-delay: 0s;
--bmr-animView_translate-timingFunction: cubic-bezier(0, 0, 0, 1);
}
/**
* Common utils
*/
.bmr_full-size {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.bmr_full-size.__contain {
object-fit: contain;
}
.bmr_full-size.__cover {
object-fit: cover;
}
.bmr_full-size.__bottom {
object-position: bottom;
}
.bmr_full-size.__top {
object-position: top;
}
.bmr_full-size.__left {
object-position: left;
}
.bmr_full-size.__right {
object-position: right;
}
.font_preload .font_400 {
font-weight: 400;
}
.font_preload .font_600 {
font-weight: 600;
}
.font_preload .font_700 {
font-weight: 700;
}
.bmr_d_block {
display: block;
}
.bmr_d_inline_block {
display: inline-block;
}
.bmr_overflow_hidden {
overflow: hidden;
}
.bmr_visually_hidden {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
white-space: nowrap;
border: 0;
clip: rect(0, 0, 0, 0);
}
.bmr_br_round {
border-radius: 50%;
}
.bmr_emoji {
position: relative;
display: inline-block;
height: 1em;
}
.bmr_translate_z_0 {
transform: translateZ(0);
}
.bmr_scroll_box {
overflow: auto;
scrollbar-width: none;
}
.bmr_scroll_box::-webkit-scrollbar {
display: none;
}
.bmr_scroll_box.__x {
overflow-y: hidden;
}
.bmr_scroll_box.__y {
overflow-x: hidden;
}
.bmr_va_bottom {
vertical-align: bottom;
}
.bmr_va_middle {
vertical-align: middle;
}
.bmr_pointer-none {
pointer-events: none;
}
.bmr_pointer-auto {
pointer-events: auto;
}
.bmr_only-mobile-show {
display: none;
}
/* alphabet order */
/**
* Animations in View utils
*/
.bmr_anim_fade_in {
opacity: 0;
}
.bmr_anim_fade_in.__view_animated {
opacity: 1;
transition: opacity var(--bmr-animView_fade-duration) var(--bmr-animView_fade-delay) var(--bmr-animView_fade-timingFunction);
}
.bmr_anim_fade_in.__view_animated .bmr_emphasis {
background-size: 100% var(--bmr-emphasis-line-height);
transition: background-size var(--bmr-animView_emphasis-duration) var(--bmr-animView_emphasis-delay) var(--bmr-animView_emphasis-timingFunction);
}
.bmr_anim_fade_in.__force_animated {
transition: opacity 0s;
}
.bmr_anim_fade_in.__force_animated .bmr_emphasis {
transition: background-size 0s;
}
.bmr_anim_fade_in .bmr_emphasis {
background-size: 0 var(--bmr-emphasis-line-height);
}
.bmr_anim_translate_vrt {
transform: translateY(var(--bmr-animView_translate-startPosition));
}
.bmr_anim_translate_vrt.__view_animated {
transform: translateY(var(--bmr-animView_translate-stopPosition));
transition: transform var(--bmr-animView_translate-duration) var(--bmr-animView_translate-delay) var(--bmr-animView_translate-timingFunction);
}
.bmr_anim_translate_vrt.__force_animated {
transition: transform 0s;
}
/**
* Flex utils
*/
.bmr_flex {
display: flex;
}
.bmr_flex.__inline {
display: inline-flex;
}
.bmr_flex.__full_center {
align-items: center;
justify-content: center;
}
.bmr_flex.__fd_c {
flex-direction: column;
}
.bmr_flex.__ai_c {
align-items: center;
}
.bmr_flex.__ai_fs {
align-items: flex-start;
}
.bmr_flex.__jc_fs {
justify-content: flex-start;
}
.bmr_flex.__jc_c {
justify-content: center;
}
.bmr_flex.__jc_fe {
justify-content: flex-end;
}
.bmr_flex.__jc_sb {
justify-content: space-between;
}
.bmr_flex.__fw_w {
flex-wrap: wrap;
}
.bmr_flex.__fs_0 {
flex-shrink: 0;
}
/**
* Grid utils
*/
.bmr_grid {
display: grid;
}
.bmr_grid.__full_center {
place-items: center;
}
.bmr_opacity_default_hide {
opacity: 0;
transition: opacity 0.3s ease-in-out;
}
.bmr_opacity_default_hide.__visible {
opacity: 1;
}
/**
* Text utils
*/
/* region Font Weight */
.bmr_fw_thin {
font-weight: 100;
}
.bmr_fw_extra_light {
font-weight: 200;
}
.bmr_fw_light {
font-weight: 300;
}
.bmr_fw_normal {
font-weight: 400;
}
.bmr_fw_medium {
font-weight: 500;
}
.bmr_fw_semi_bold {
font-weight: 600;
}
.bmr_fw_bold {
font-weight: 700;
}
.bmr_fw_extra_bold {
font-weight: 800;
}
.bmr_fw_black {
font-weight: 900;
}
/* endregion Font Weight */
/* region Font Style */
.bmr_fs_italic {
font-style: italic;
}
/* endregion Font Style */
.bmr_text_truncate {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.bmr_tt_uppercase {
text-transform: uppercase;
}
.bmr_tt_lowercase {
text-transform: lowercase;
}
.bmr_ta_center {
text-align: center;
}
.bmr_ta_start {
text-align: start;
}
.bmr_ta_end {
text-align: end;
}
.bmr_ww_break_word {
word-wrap: break-word;
}
.bmr_text_nowrap {
white-space: nowrap;
}
/* Layout */
/**
* Layout
*/
/**
* Layout variables
*/
.bmr_page {
/* region COLOR THEME */
--bmr-page-bg: var(--bmr-black);
/* endregion COLOR THEME */
}
.bmr_page .page_scroll {
--bmr-scroll-viewport-paddingTop: var(--bmr-header-height);
--bmr-scroll-track_vertical-paddingBlockStart: var(--bmr-scroll-viewport-paddingTop);
/* region COLOR THEME */
/* the site background is set for the main page scroll to eliminate artifacts during rendering */
--bmr-scroll-viewport-bg: var(--bmr-body-bg);
/* endregion COLOR THEME */
}
/**
* Layout common
*/
.app_loading .bmr_page.__spa {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100vh;
overflow: hidden;
visibility: hidden;
}
.bmr_app-wrapper {
display: flex;
flex-direction: column;
width: max(900px, 100%);
height: var(--bmr-viewport-height);
}
.bmr_page {
position: relative;
flex-grow: 1;
height: 0;
padding: 0 var(--safe-area-inset-right) 0 var(--safe-area-inset-left);
background: var(--bmr-page-bg);
}
.bmr_page .page_head {
position: absolute;
top: 0;
left: 0;
z-index: var(--bmr-header-z-index);
display: flex;
flex-direction: column;
width: 100%;
max-height: 100%;
}
.bmr_page_wrapper {
display: flex;
flex-direction: column;
min-height: calc(var(--bmr-viewport-height) - var(--bmr-header-height));
}
.bmr_main {
display: flex;
flex: 1 0 auto;
flex-direction: column;
justify-content: center;
}
.bmr_container {
width: 100%;
max-width: 1600px;
margin: 0 auto;
padding-right: var(--bmr-container-paddingInline);
padding-left: var(--bmr-container-paddingInline);
}
.bmr_container.__md {
max-width: 1520px;
}
.bmr_container.__lg {
max-width: 1900px;
}
/**
* Page Container wrapper
*/
/**
* Page Container wrapper variables
*/
.bmr_page_container {
/* region COLOR THEME */
--bmr-pageContainer-sidebar-lastRevision-color: var(--bmr-white);
/* endregion COLOR THEME */
--bmr-pageContainer-sidebar-width: 316px;
--bmr-pageContainer-sidebar-inlineOffset: 96px;
--bmr-pageContainer-sidebar-top: 24px;
}
/**
* Page Container wrapper common
*
* Modifiers:
* .bmr_page_container.__with_sidebar – the page contains a sidebar and content
* .bmr_page_container.__simple – the page contains only content
*/
.bmr_page_container {
display: grid;
justify-content: center;
width: 100%;
padding: 24px 48px 120px;
}
.bmr_page_container.__with_sidebar {
grid-template-columns: var(--bmr-pageContainer-sidebar-width) min(100% - var(--bmr-pageContainer-sidebar-width), 1012px);
}
.bmr_page_container.__with_sidebar .pc_body {
padding-left: 48px;
}
.bmr_page_container.__simple {
grid-template-columns: min(100%, 1088px);
}
.bmr_page_container .pc_sidebar {
position: sticky;
top: var(--bmr-pageContainer-sidebar-top);
align-self: flex-start;
box-sizing: content-box;
width: var(--bmr-pageContainer-sidebar-width);
max-height: calc(100vh - var(--bmr-pageContainer-sidebar-top) - var(--bmr-header-height));
margin: 0 calc(var(--bmr-pageContainer-sidebar-inlineOffset) * -1);
padding: 8px var(--bmr-pageContainer-sidebar-inlineOffset);
}
.bmr_page_container .pc_sidebar .pc_s_title {
margin-bottom: 16px;
}
.bmr_page_container .pc_sidebar .pc_s_last_revision {
color: var(--bmr-pageContainer-sidebar-lastRevision-color);
font: 14px/1.4 Roboto, sans-serif;
text-transform: uppercase;
}
.bmr_page_container .pc_head {
margin-bottom: 12px;
padding: 36px 0;
}
.bmr_page_container .pc_body {
padding-top: 12px;
}
.bmr_page_container .pc_body .bmr_sticky-bar {
margin-top: -14px;
}
.bmr_page_container .pc_body .bmr_sticky-bar + .pc_content {
margin-top: 32px;
}
.bmr_page_container .pc_content {
display: flex;
}
.bmr_page_container .pc_content_stack {
width: 100%;
}
/**
* Header component
*/
/**
* Header component variables
*/
.bmr_header {
/* region color theme */
--bmr-header-bg: #15060a;
--bmr-header_blurred-bg: rgba(21, 6, 10, 0.86);
--bmr-header-color: var(--bmr-white);
/* online counter */
--bmr-header-onlineCounter-color: var(--bmr-white);
--bmr-header-onlineCounter-dot-bg: #74ff05;
--bmr-header-onlineCounter-dot-borderColor: #69eb01;
/* endregion color theme */
}
.bmr_header.__blurred .bmr-lang-select {
--bmr-langSelect-borderColor: #3d0c15;
}
/**
* Header common
*/
.bmr_header {
display: flex;
flex-shrink: 0;
align-items: center;
height: var(--bmr-header-height);
padding: 8px 0;
color: var(--bmr-header-color);
background: var(--bmr-header-bg);
transition: background-color 0.3s ease-in-out;
}
.bmr_header.__blurred {
background: var(--bmr-header_blurred-bg);
backdrop-filter: blur(8px);
}
.bmr_header.__open {
transition: background-color 0s;
}
.bmr_header .header_logo {
width: 162px;
min-width: 162px;
height: 34px;
margin-right: 36px;
}
.bmr_header .h_nav {
margin-left: auto;
}
.bmr_header .h_lang {
margin-left: 12px;
}
/**
* Navigation in the Header component
*/
.bmr_header .h_navigation {
display: flex;
flex-wrap: wrap;
height: 30px;
margin-right: 48px;
margin-left: auto;
padding-left: 48px;
overflow: hidden;
}
.bmr_header .h_navigation:before {
width: 1px;
height: 100%;
content: "";
}
.bmr_header .h_navigation .hn_inner {
position: relative;
max-width: 100%;
}
.bmr_header .h_navigation .hn_group.__short {
position: absolute;
right: 0;
bottom: 100%;
}
/**
* Online Counter in the Header component
*/
.bmr_header .header_online-counter {
display: flex;
flex-shrink: 0;
align-items: center;
padding: 12px;
color: var(--bmr-header-onlineCounter-color);
font: 300 16px/1 Roboto, sans-serif;
white-space: nowrap;
text-decoration: none;
}
.bmr_header .header_online-counter .h_online-counter_dot {
position: relative;
width: 6px;
height: 6px;
background: var(--bmr-header-onlineCounter-dot-bg);
border-radius: 50%;
}
.bmr_header .header_online-counter .h_online-counter_dot:before, .bmr_header .header_online-counter .h_online-counter_dot:after {
position: absolute;
top: 50%;
left: 50%;
border: 1px solid var(--bmr-header-onlineCounter-dot-borderColor);
border-radius: 50%;
transform: translate(-50%, -50%);
content: "";
}
.bmr_header .header_online-counter .h_online-counter_dot:before {
width: 12px;
height: 12px;
opacity: 0.2;
}
.bmr_header .header_online-counter .h_online-counter_dot:after {
width: 24px;
height: 24px;
opacity: 0.1;
}
.bmr_header .header_online-counter .h_online-counter_text {
margin: 0 8px;
}
.bmr_header .header_online-counter .bmr_badge.__sale {
margin-left: 6px;
}
/**
* Sub Header component
*/
/**
* Sub Header component variables
*/
.bmr_subheader {
--bmr-subheader-item-borderColor: var(--bmr-white);
--bmr-subheader-link-color: var(--bmr-white);
--bmr-subheader-link-color-hover: #ff8a9b;
--bmr-subheader-item-horizontal-indent: 12px;
--bmr-subheader-link-area-vertical-indent: 1em;
--bmr-subheader-link-area-horizontal-indent: var(--bmr-subheader-item-horizontal-indent);
}
/**
* Sub Header component common
*
* @prefix:
* - sh_ = .bmr_subheader
*/
.bmr_subheader {
position: relative;
z-index: var(--bmr-positive-z-index);
height: var(--bmr-subHeader-height);
}
.bmr_subheader .sh_inner {
display: flex;
align-items: center;
justify-content: space-between;
height: 100%;
padding-top: 8px;
padding-bottom: 8px;
font: 500 16px/13px Roboto, sans-serif;
}
.bmr_subheader .sh_list {
display: flex;
flex-direction: row;
}
.bmr_subheader .sh_item {
margin-right: var(--bmr-subheader-item-horizontal-indent);
padding-left: var(--bmr-subheader-item-horizontal-indent);
border-left: 1px solid var(--bmr-subheader-item-borderColor);
}
.bmr_subheader .sh_item:first-child {
padding-left: 0;
border-left: none;
}
.bmr_subheader .sh_item:last-child {
margin-right: 0;
}
.bmr_subheader .sh_link {
position: relative;
color: var(--bmr-subheader-link-color);
transition: color var(--bmr-transition-duration-default) var(--bmr-transition-timing-function-default);
}
.bmr_subheader .sh_link:before {
position: absolute;
top: calc(var(--bmr-subheader-link-area-vertical-indent) / 2 * -1);
left: calc(var(--bmr-subheader-link-area-horizontal-indent) * -1);
box-sizing: content-box;
width: 100%;
padding: var(--bmr-subheader-link-area-vertical-indent) var(--bmr-subheader-link-area-horizontal-indent);
content: "";
}
.bmr_subheader .sh_link:hover, .bmr_subheader .sh_link.active {
color: var(--bmr-subheader-link-color-hover);
}
.bmr_subheader .sh_social {
flex-shrink: 0;
}
/**
* Footer
*/
/**
* Footer variables
*/
.bmr_footer {
--bmr-footer-head-height: 80px;
/* region color theme */
--bmr-footer-bg: #15060a;
--bmr-footer-color: #b7a4a9;
--bmr-footer-head-bg: #1c090e;
--bmr-footer-navLink-color: #ead7dc;
--bmr-footer-navLink-color-hover: #ffc539;
--bmr-footer-navLink-color-active: var(--bmr-white);
--bmr-footer-phone-color: #ead7dc;
--bmr-footer-phone-color-hover: #ffc539;
/* endregion color theme */
}
/**
* Footer component
*/
.bmr_footer {
position: relative;
z-index: var(--bmr-zero-z-index);
padding-bottom: 16px;
color: var(--bmr-footer-color);
font: 500 12px/20px Roboto, sans-serif;
background: var(--bmr-footer-bg);
}
.bmr_footer:before {
position: absolute;
top: 0;
left: 0;
z-index: var(--bmr-negative-z-index);
width: 100%;
height: var(--bmr-footer-head-height);
background: var(--bmr-footer-head-bg);
content: "";
}
.bmr_footer .footer_grid {
display: grid;
row-gap: 12px;
grid-template: var(--bmr-footer-head-height) repeat(3, auto)/repeat(2, auto);
grid-template-areas: "head head" "media media" "text text" "doc copy";
}
.bmr_footer .footer_head {
display: flex;
grid-area: head;
align-items: center;
justify-content: space-between;
}
.bmr_footer .footer_social-media {
grid-area: media;
}
.bmr_footer .footer_content {
display: flex;
grid-area: text;
align-items: flex-start;
justify-content: space-between;
margin-bottom: 28px;
}
.bmr_footer .footer_phone {
padding-left: 16px;
color: var(--bmr-footer-phone-color);
font: 600 16px/1.2 Roboto, sans-serif;
white-space: nowrap;
text-decoration: none;
}
.bmr_footer .footer_phone:hover {
color: var(--bmr-footer-phone-color-hover);
}
.bmr_footer .footer_copyright {
grid-area: copy;
align-self: center;
text-align: end;
}
.bmr_footer .footer_nav-wrap {
display: flex;
justify-content: space-between;
}
.bmr_footer .footer_nav-wrap.__menu {
flex-grow: 1;
flex-wrap: wrap;
grid-area: menu;
margin: 0 46px;
}
.bmr_footer .footer_nav-wrap.__doc {
grid-area: doc;
}
.bmr_footer .footer_nav-group {
display: flex;
align-items: center;
}
.bmr_footer .footer_nav-item {
display: inline-flex;
align-items: center;
}
.bmr_footer .footer_nav-item:after {
width: 1px;
height: 14px;
margin: 0 12px;
background: #ead7dc;
content: "";
}
.bmr_footer .footer_nav-item:last-child:after {
content: none;
}
.bmr_footer .footer_nav-link {
position: relative;
padding: 4px 0;
color: var(--bmr-footer-navLink-color);
font: 700 16px/22px Roboto, sans-serif;
white-space: nowrap;
text-decoration: none;
transition: color var(--bmr-transition-duration-default) var(--bmr-transition-timing-function-default);
}
.bmr_footer .footer_nav-link:hover {
color: var(--bmr-footer-navLink-color-hover);
}
.bmr_footer .footer_nav-link:active {
color: var(--bmr-footer-navLink-color-active);
}
.bmr_footer .footer_nav-link .f_nav-link_badge {
position: absolute;
bottom: calc(100% - 6px);
left: calc(100% - 10px);
}
.bmr_footer .footer_logo {
grid-area: logo;
width: 162px;
min-width: 162px;
height: 34px;
}
/* UI components — alphabet order */
/**
* Badge UI
*/
/**
* Badge UI variables
*/
.bmr_badge {
--bmr-badge_new-height: 12px;
--bmr-badge_sale-height: 22px;
/* region color theme */
--bmr-badge_new-color: var(--bmr-white);
--bmr-badge_new-bg: linear-gradient(270deg, #f05967 0%, #9d42e1 100%);
--bmr-badge_sale-color: var(--bmr-white);
--bmr-badge_sale-bg: linear-gradient(90deg, #ff375b 0%, #ffbb2a 100%);
/* endregion color theme */
}
/**
* Badge UI common
*
* Modifiers:
* .bmr_badge.__new - badge NEW
* .bmr_badge.__sale - badge SALE
*/
.bmr_badge {
display: grid;
place-items: center;
pointer-events: none;
}
.bmr_badge.__new {
width: 24px;
height: var(--bmr-badge_new-height);
color: var(--bmr-badge_new-color);
background: var(--bmr-badge_new-bg);
border-radius: calc(var(--bmr-badge_new-height) / 2);
}
.bmr_badge.__new .badge_icon {
width: 20px;
height: 8px;
}
.bmr_badge.__sale {
position: relative;
min-width: 64px;
height: var(--bmr-badge_sale-height);
padding: 0 8px;
color: var(--bmr-badge_sale-color);
background: var(--bmr-badge_sale-bg);
border-radius: calc(var(--bmr-badge_sale-height) / 2);
transform-style: preserve-3d;
}
.bmr_badge.__sale:after {
position: absolute;
inset: 0;
background: var(--bmr-badge_sale-bg);
transform: translate3d(0, 0, -1px);
filter: blur(18px);
content: "";
}
.bmr_badge.__sale .badge_icon {
height: 16px;
}
/**
* Button
*/
/**
* Button variables
*/
.bmr_button {
/* region color theme */
/* text contained primary button */
--bmr-button_text_contained_primary-color: var(--bmr-white);
--bmr-button_text_contained_primary-bg: #00ca72;
--bmr-button_text_contained_primary-bg-hover: #00e883;
--bmr-button_text_contained_primary-bg-active: #00b868;
/* text contained secondary button */
--bmr-button_text_contained_secondary-color: var(--bmr-white);
--bmr-button_text_contained_secondary-bg: #2f5cff;
--bmr-button_text_contained_secondary_disabled-bg: #8cbaff;
--bmr-button_text_contained_secondary-bg-hover: #1472ff;
--bmr-button_text_contained_secondary-bg-active: #1a4bff;
/* icon contained primary button */
--bmr-button_icon_contained_primary-color: #201f1f;
--bmr-button_icon_contained_primary-bg: var(--bmr-white);
--bmr-button_icon_contained_primary-color-hover: #a91838;
--bmr-button_icon_contained_primary-color-active: var(--bmr-button_icon_contained_primary-color-hover);
--bmr-button_icon_contained_primary-bg-active: #ff8a9b;
/* link button */
--bmr-button_link-color: var(--bmr-link-color);
/* outlined primary button */
--bmr-button_outlined_primary-color: var(--bmr-button_text_contained_primary-bg);
--bmr-button_outlined_primary-color-hover: var(--bmr-button_text_contained_primary-bg-hover);
--bmr-button_outlined_primary-color-active: var(--bmr-button_text_contained_primary-bg-active);
--bmr-button_outlined_primary-borderColor: var(--bmr-button_outlined_primary-color);
--bmr-button_outlined_primary-borderColor-hover: var(--bmr-button_outlined_primary-color-hover);
--bmr-button_outlined_primary-borderColor-active: var(--bmr-button_outlined_primary-color-active);
/* outlined secondary button */
--bmr-button_outlined_secondary-color: var(--bmr-button_text_contained_secondary-bg);
--bmr-button_outlined_secondary_disabled-color: var(--bmr-button_text_contained_secondary_disabled-bg);
--bmr-button_outlined_secondary-color-hover: var(--bmr-button_text_contained_secondary-bg-hover);
--bmr-button_outlined_secondary-color-active: var(--bmr-button_text_contained_secondary-bg-active);
--bmr-button_outlined_secondary-borderColor: var(--bmr-button_outlined_secondary-color);
--bmr-button_outlined_secondary_disabled-borderColor: var(--bmr-button_outlined_secondary_disabled-color);
--bmr-button_outlined_secondary-borderColor-hover: var(--bmr-button_outlined_secondary-color-hover);
--bmr-button_outlined_secondary-borderColor-active: var(--bmr-button_outlined_secondary-borderColor-active);
/* endregion color theme */
}
/**
* Button common
*/
.bmr_button {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
font: 500 17px/1.2 Roboto, sans-serif;
text-align: center;
text-decoration: none;
background: transparent;
border: 2px solid transparent;
border-radius: 999px;
cursor: pointer;
transition: background-color 0.15s ease-in-out, color 0.15s ease-in-out;
-webkit-tap-highlight-color: transparent;
}
.bmr_button.__disabled {
pointer-events: none;
}
.bmr_button.__outlined.__primary {
color: var(--bmr-button_outlined_primary-color);
border-color: var(--bmr-button_outlined_primary-borderColor);
}
.bmr_button.__outlined.__primary:hover {
color: var(--bmr-button_outlined_primary-color-hover);
border-color: var(--bmr-button_outlined_primary-borderColor-hover);
}
.bmr_button.__outlined.__primary:active {
color: var(--bmr-button_outlined_primary-color-active);
border-color: var(--bmr-button_outlined_primary-borderColor-active);
}
.bmr_button.__outlined.__secondary {
color: var(--bmr-button_outlined_secondary-color);
border-color: var(--bmr-button_outlined_secondary-borderColor);
}
.bmr_button.__outlined.__secondary:hover {
color: var(--bmr-button_outlined_secondary-color-hover);
border-color: var(--bmr-button_outlined_secondary-borderColor-hover);
}
.bmr_button.__outlined.__secondary:active {
color: var(--bmr-button_outlined_secondary-color-hover);
border-color: var(--bmr-button_outlined_secondary-borderColor-hover);
}
.bmr_button.__outlined.__secondary.__disabled {
color: var(--bmr-button_outlined_secondary_disabled-color);
border-color: var(--bmr-button_outlined_secondary_disabled-borderColor);
}
/**
* Button contains only Icon
*
* Modifiers:
* .bmr_button.__icon.__contained - contained icon button
* .bmr_button.__icon.__outlined - outlined icon button
* .bmr_button.__icon.__cleared - cleared icon button
*/
.bmr_button.__icon {
padding: 4px;
/* region Button Size */
/* endregion Button Size */
}
.bmr_button.__icon.__contained.__primary {
color: var(--bmr-button_icon_contained_primary-color);
background: var(--bmr-button_icon_contained_primary-bg);
}
.bmr_button.__icon.__contained.__primary:active {
color: var(--bmr-button_icon_contained_primary-color-active);
background: var(--bmr-button_icon_contained_primary-bg-active);
}
@media (any-hover: hover) and (pointer: fine) {
.bmr_button.__icon.__contained.__primary:hover {
color: var(--bmr-button_icon_contained_primary-color-hover);
}
}
.bmr_button.__icon.__contained.__secondary {
color: var(--bmr-white);
background: #201f1f;
}
.bmr_button.__icon.__contained.__secondary:active {
color: #a91838;
background: #15060a;
}
@media (any-hover: hover) and (pointer: fine) {
.bmr_button.__icon.__contained.__secondary:hover {
color: #a91838;
}
}
.bmr_button.__icon.__sm_size {
width: 40px;
min-width: 40px;
height: 40px;
}
.bmr_button.__icon.__md_size {
width: 60px;
min-width: 60px;
height: 60px;
}
.bmr_button.__icon .b_icon {
width: 24px;
height: 24px;
}
.bmr_button.__link {
display: inline;
color: var(--bmr-button_link-color);
font-weight: 400;
font-size: 17px;
text-decoration: underline;
border: none;
}
.bmr_button.__link:hover {
text-decoration: none;
}
/**
* Button contains only Text
*
* Modifiers:
* .bmr_button.__text.__contained - contained text button
* .bmr_button.__text.__contained.__primary - contained text button with primary color theme
* .bmr_button.__text.__contained.__secondary - contained text button with secondary color theme
* .bmr_button.__text.__outlined - outlined text button
* .bmr_button.__text.__cleared - cleared text button
*/
.bmr_button.__text {
padding: 4px 46px;
/* region Button Size */
/* endregion Button Size */
}
.bmr_button.__text.__contained.__primary {
color: var(--bmr-button_text_contained_primary-color);
background: var(--bmr-button_text_contained_primary-bg);
}
.bmr_button.__text.__contained.__primary:hover {
background: var(--bmr-button_text_contained_primary-bg-hover);
}
.bmr_button.__text.__contained.__primary:active {
background: var(--bmr-button_text_contained_primary-bg-active);
}
.bmr_button.__text.__contained.__secondary {
color: var(--bmr-button_text_contained_secondary-color);
background: var(--bmr-button_text_contained_secondary-bg);
}
.bmr_button.__text.__contained.__secondary:hover {
background: var(--bmr-button_text_contained_secondary-bg-hover);
}
.bmr_button.__text.__contained.__secondary:active {
background: var(--bmr-button_text_contained_secondary-bg-active);
}
.bmr_button.__text.__contained.__secondary.__disabled {
background: var(--bmr-button_text_contained_secondary_disabled-bg);
}
.bmr_button.__text.__sm_size {
min-height: 44px;
}
.bmr_button.__text.__md_size {
min-height: 58px;
}
/**
* Login Button
*/
/**
* Login Button variables
*/
.bmr_login-button {
--bmr-loginButton-height: 44px;
--bmr-loginButton-borderRadius: calc(var(--bmr-loginButton-height) / 2);
/* region COLOR THEME */
--bmr-loginButton-startColor: #bbfc67;
--bmr-loginButton-endColor: #07e59a;
--bmr-loginButton-bg-hover: rgba(0, 202, 114, 0.2);
--bmr-loginButton-bg-active: rgba(0, 202, 114, 0.5);
--bmr-loginButton-borderColor: linear-gradient(90deg, var(--bmr-loginButton-startColor), var(--bmr-loginButton-endColor));
--bmr-loginButton-text-color: var(--bmr-loginButton-borderColor);
/* endregion COLOR THEME */
}
/**
* Login Button common
*/
.bmr_login-button {
position: relative;
height: var(--bmr-loginButton-height);
padding: 4px 28px;
white-space: nowrap;
background-color: transparent;
background-image: var(--bmr-loginButton-borderColor), var(--bmr-loginButton-borderColor);
background-repeat: no-repeat;
background-position: 0 100%, 0 0;
background-size: 100% 2px;
background-clip: border-box;
border: 0;
border-radius: var(--bmr-loginButton-borderRadius);
}
.bmr_login-button:before, .bmr_login-button:after {
position: absolute;
top: 0;
bottom: 0;
width: 22px;
border: 2px solid transparent;
content: "";
pointer-events: none;
}
.bmr_login-button:before {
left: 0;
border-color: var(--bmr-loginButton-startColor) transparent var(--bmr-loginButton-startColor) var(--bmr-loginButton-startColor);
border-radius: var(--bmr-loginButton-borderRadius) 0 0 var(--bmr-loginButton-borderRadius);
}
.bmr_login-button:after {
right: 0;
border-color: var(--bmr-loginButton-endColor) var(--bmr-loginButton-endColor) var(--bmr-loginButton-endColor) transparent;
border-radius: 0 var(--bmr-loginButton-borderRadius) var(--bmr-loginButton-borderRadius) 0;
}
.bmr_login-button:hover {
background-color: var(--bmr-loginButton-bg-hover);
}
.bmr_login-button:active {
background-color: var(--bmr-loginButton-bg-active);
}
.bmr_login-button .login-button_text {
background-image: var(--bmr-loginButton-text-color);
background-clip: text;
-webkit-text-fill-color: transparent;
}
/**
* Play Button
*/
/**
* Play Button variables
*/
.bmr_play-button {
--bmr-playButton-bg: #f54e3b;
--bmr-playButton-boxShadowColor: rgba(245, 78, 59, 0.8);
}
/**
* Play Button common
*/
.bmr_play-button {
display: inline-grid;
height: 84px;
min-height: 0;
aspect-ratio: 1/1; /* setting the button size in firefox */
}
.bmr_play-button:before {
grid-area: 1/1/-1/-1;
height: 100%;
background: var(--bmr-playButton-bg);
border-radius: 50%;
box-shadow: 4px 4px 21px 0 var(--bmr-playButton-boxShadowColor);
transition: transform 0.2s ease-out;
content: "";
}
.bmr_play-button .play-button_icon {
position: relative;
grid-area: 1/1/-1/-1;
width: auto;
height: 100%;
}
@media (any-hover: hover) and (pointer: fine) {
.bmr_play-button:hover:before {
transform: scale(1.1);
}
}
/**
* Scroll Top Button
*/
/**
* Scroll Top Button variables
*/
.bmr_scroll-top-button {
/* region COLOR THEME */
--bmr-scrollTopButton-bg: #a91838;
--bmr-scrollTopButton-bg-hover: var(--bmr-scrollTopButton-bg);
--bmr-scrollTopButton-boxShadowColor: rgba(169, 24, 56, 0.2);
--bmr-scrollTopButton-iconColor: var(--bmr-white);
--bmr-scrollTopButton-iconColor-hover: var(--bmr-scrollTopButton-iconColor);
/* endregion COLOR THEME */
--bmr-scrollTopButton-size: 60px;
--bmr-scrollTopButton-boxShadowWidth: 10px;
--bmr-scrollTopButton-show-transition: 0.15s;
--bmr-scrollTopButton-insetInlineStart: calc(var(--bmr-scrollTopButton-referencePoint-x) - var(--bmr-scrollTopButton-size) - var(--bmr-scrollTopButton-boxShadowWidth) * 2 - 24px);
}
@media (min-width: 1440px) {
.bmr_scroll-top-button {
/* region COLOR THEME */
--bmr-scrollTopButton-bg: var(--bmr-white);
--bmr-scrollTopButton-bg-hover: #ff8a9b;
--bmr-scrollTopButton-boxShadowColor: rgba(255, 255, 255, 0.2);
--bmr-scrollTopButton-iconColor: var(--bmr-black);
--bmr-scrollTopButton-iconColor-hover: var(--bmr-white);
/* endregion COLOR THEME */
--bmr-scrollTopButton-insetInlineStart: calc(var(--bmr-scrollTopButton-referencePoint-x) + 20px);
}
}
/**
* Scroll Top Button common
*/
.bmr_scroll-top-button {
position: fixed;
bottom: 24px;
left: var(--bmr-scrollTopButton-insetInlineStart);
width: var(--bmr-scrollTopButton-size);
height: var(--bmr-scrollTopButton-size);
margin: var(--bmr-scrollTopButton-boxShadowWidth);
color: var(--bmr-scrollTopButton-iconColor);
background: var(--bmr-scrollTopButton-bg);
border-radius: 50%;
box-shadow: 0 0 0 var(--bmr-scrollTopButton-boxShadowWidth) var(--bmr-scrollTopButton-boxShadowColor);
visibility: hidden;
opacity: 0;
transition: opacity var(--bmr-scrollTopButton-show-transition) ease-in-out, visibility 0s linear var(--bmr-scrollTopButton-show-transition), background-color 0.15s ease-in-out, color 0.15s ease-in-out;
}
.bmr_scroll-top-button.__visible {
visibility: visible;
opacity: 1;
transition: opacity var(--bmr-scrollTopButton-show-transition) ease-in-out, visibility 0s linear 0s, background-color 0.15s ease-in-out, color 0.15s ease-in-out;
}
.bmr_scroll-top-button .scroll-top-button_icon {
width: 24px;
height: 24px;
}
@media (any-hover: hover) and (pointer: fine) {
.bmr_scroll-top-button:hover {
color: var(--bmr-scrollTopButton-iconColor-hover);
background: var(--bmr-scrollTopButton-bg-hover);
}
}
/**
* Emphasis component
*/
/**
* Emphasis component variables
*/
.bmr_emphasis {
--bmr-emphasis-paddingInline: 0;
--bmr-emphasis-paddingBlock: 0.4em;
/* line size */
--bmr-emphasis-line-width: 100%;
--bmr-emphasis-line-height: 6px;
/* line offset */
--bmr-emphasis-line-offset-y: 0.64em;
/* line position */
--bmr-emphasis-line-position-x: 0;
--bmr-emphasis-line-position-y: calc(50% + var(--bmr-emphasis-line-offset-y));
/* region color theme */
--bmr-emphasis-line-color-accent: var(--bmr-white);
--bmr-emphasis-line-bg: linear-gradient(0deg, var(--bmr-emphasis-line-color-accent), var(--bmr-emphasis-line-color-accent));
/* endregion color theme */
}
/**
* Emphasis component common
*/
.bmr_emphasis {
padding: var(--bmr-emphasis-paddingBlock) var(--bmr-emphasis-paddingInline);
background: var(--bmr-emphasis-line-bg) no-repeat var(--bmr-emphasis-line-position-x) var(--bmr-emphasis-line-position-y)/var(--bmr-emphasis-line-width) var(--bmr-emphasis-line-height);
pointer-events: none;
}
.bmr_media_content {
--bmr-imageWrap-borderRadius: 0;
--bmr-imageWrap-aspectRatio: 56.25%;
}
/**
* :after defines the block size
* :before defines the content of the block if the actual content has not been displayed
*
* @prefix:
* - mc_ = .bmr_media_content
*/
.bmr_media_content {
position: relative;
overflow: hidden;
border-radius: var(--bmr-imageWrap-borderRadius);
transform: translateZ(0); /* Hack to Preserve Rounding on Nested Elements in Safari */
}
.bmr_media_content:after {
display: block;
padding-top: var(--bmr-imageWrap-aspectRatio);
content: "";
}
.bmr_media_content .mc_element {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/**
* Progress Bar
*/
/**
* Progress Bar variables
*/
.bmr_progress-bar {
--bmr-progressBar-currentProgress: 0;
--bmr-progressBar-track-height: 3px;
/* region COLOR THEME */
--bmr-progressBar-track_start-bg: #ff375b;
--bmr-progressBar-track_end-bg: #ffbb2a;
--bmr-progressBar-track_center-bg: linear-gradient(90deg, var(--bmr-progressBar-track_start-bg) 0%, var(--bmr-progressBar-track_end-bg) 100%);
/* endregion COLOR THEME */
}
/**
* Progress Bar common
*/
.bmr_progress-bar {
position: absolute;
top: 100%;
left: 0;
width: 100%;
overflow: hidden;
border-radius: var(--bmr-progressBar-track-height) 0 0 var(--bmr-progressBar-track-height);
opacity: 0;
transition: opacity 0.1s ease-in-out;
}
.bmr_progress-bar.__active {
opacity: 1;
}
.bmr_progress-bar.__active .progress-bar_track-part {
transition: transform 0.3s linear;
}
.bmr_progress-bar .progress-bar_track {
position: relative;
display: block;
height: var(--bmr-progressBar-track-height);
}
.bmr_progress-bar .progress-bar_track-part {
position: absolute;
top: 0;
height: 100%;
transition: transform 0.3s ease;
}
.bmr_progress-bar .progress-bar_track-part.__line {
left: calc(-1 * var(--bmr-progressBar-track-height));
width: 100vw;
background: var(--bmr-progressBar-track_center-bg);
transform: scaleX(calc(var(--bmr-progressBar-currentProgress) / 100));
transform-origin: left;
}
.bmr_progress-bar .progress-bar_track-part.__point {
left: -1px;
width: var(--bmr-progressBar-track-height);
background: var(--bmr-progressBar-track_end-bg);
border-radius: 0 var(--bmr-progressBar-track-height) var(--bmr-progressBar-track-height) 0;
transform: translateX(calc(var(--bmr-progressBar-currentProgress) * 1vw - var(--bmr-progressBar-track-height)));
}
/**
* Slider component
*/
/**
* Slider component variables
*/
.bmr_slider {
/* region color theme */
--bmr-slider-track-bg: #f2e9ec;
--bmr-slider-range-bg: linear-gradient(270deg, #ff8a9b 0%, rgba(252, 152, 159, 0) 100%);
--bmr-slider-thumb-bg: #ee4955;
--bmr-slider-thumb-boxShadowColor: rgba(238, 73, 85, 0.5);
/* endregion color theme */
}
/**
* Slider component common
*/
.bmr_slider {
position: relative;
display: flex;
align-items: center;
width: 100%;
padding: 20px 0;
user-select: none;
touch-action: none;
}
.bmr-slider__track {
position: relative;
width: 100%;
height: 9px;
background: var(--bmr-slider-track-bg);
border-radius: 5px;
cursor: pointer;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.bmr-slider__range {
position: absolute;
height: 100%;
background: var(--bmr-slider-range-bg);
transition: right 0.3s ease-out;
}
.bmr-slider__thumb {
display: grid;
place-items: center;
width: 46px;
height: 46px;
background: var(--bmr-slider-thumb-bg);
border-radius: 50%;
box-shadow: 0 0 30px 0 var(--bmr-slider-thumb-boxShadowColor);
cursor: grab;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.bmr-slider__thumb:active {
cursor: grabbing;
}
.bmr-slider__thumb-wrap {
transition: left 0.3s ease-out;
}
/**
* Title
*/
/**
* Title variables
*/
.bmr_title {
/* region color theme */
/* endregion color theme */
/* region sizes */
/* endregion sizes */
}
.bmr_title.__primary {
--bmr-title-color: var(--bmr-white);
--bmr-title-accent-color: #ffc539;
}
.bmr_title.__primary .bmr_emphasis {
--bmr-emphasis-line-color-accent: var(--bmr-title-accent-color);
}
.bmr_title.__secondary {
--bmr-title-color: #201f1f;
--bmr-title-accent-color: #a91838;
}
.bmr_title.__secondary .bmr_emphasis {
--bmr-emphasis-line-color-accent: var(--bmr-title-accent-color);
}
.bmr_title.__size_1 {
--bmr-title-fontSize: 36px;
--bmr-title-lineHeight: 56px;
--bmr-title-letterSpacing: 0;
}
.bmr_title.__size_2 {
--bmr-title-fontSize: 52px;
--bmr-title-lineHeight: 72px;
--bmr-title-letterSpacing: -1.5px;
}
.bmr_title.__size_3 {
--bmr-title-fontSize: 52px;
--bmr-title-lineHeight: 72px;
--bmr-title-letterSpacing: -1.5px;
}
@media (min-width: 1280px) {
.bmr_title {
/* region sizes */
/* endregion sizes */
}
.bmr_title.__size_1 {
--bmr-title-fontSize: 52px;
--bmr-title-lineHeight: 72px;
--bmr-title-letterSpacing: -1.5px;
}
}
/**
* Title common
*/
.bmr_title_wrap {
display: flex;
justify-content: center;
}
.bmr_title_caption {
color: #a91838;
font: 700 22px/36px "Accent Font Family", sans-serif;
letter-spacing: -1px;
}
.bmr_title_caption.__primary {
color: #ffc539;
}
.bmr_title {
color: var(--bmr-title-color);
font: 700 var(--bmr-title-fontSize)/var(--bmr-title-lineHeight) "Accent Font Family", sans-serif;
letter-spacing: var(--bmr-title-letterSpacing);
}
.bmr_title.__center {
text-align: center;
}
.bmr_title .t_accent {
color: var(--bmr-title-accent-color);
}
/* Components — alphabet order */
/**
* Avatar Label
*/
/**
* Avatar Label variables
*/
.bmr_avatar-label {
/* region COLOR THEME */
--bmr-avatarLabel_overlay-bg: linear-gradient(180deg, var(--bmr-black-transparent), var(--bmr-black));
--bmr-avatarLabel-link-color: #7adbff;
/* endregion COLOR THEME */
}
/**
* Avatar Label common
*
* Modifiers:
* .bmr_avatar-label.__overlay - floating avatar label with overlay
*/
.bmr_avatar-label {
padding: 10px;
}
.bmr_avatar-label.__overlay {
position: absolute;
right: 0;
bottom: 0;
width: 100%;
background: var(--bmr-avatarLabel_overlay-bg);
}
.bmr_avatar-label .avatar-label_link {
display: inline-flex;
align-items: center;
padding: 8px;
color: var(--bmr-avatarLabel-link-color);
font: 18px Roboto, sans-serif;
text-transform: capitalize;
}
.bmr_avatar-label .avatar-label_image {
position: relative;
flex-shrink: 0;
width: 42px;
height: 42px;
margin-right: 8px;
overflow: hidden;
border-radius: 50%;
}
/**
* Carousel component
*/
/**
* Carousel component variables
*/
.bmr-carousel {
--bmr-carousel-paddingBottom: 0;
--bmr-carousel-viewport-margin-block: calc(var(--bmr-carousel-viewport-paddingBlock) * -1);
--bmr-carousel-viewport-paddingInline: 0;
--bmr-carousel-viewport-paddingBlock: 0;
--bmr-carousel-sideShadow-width: 0;
--bmr-carousel-slide-spacing: 0;
--bmr-carousel-slide-width: 100%;
--bmr-carousel-dot-spacing: 6px;
--bmr-carousel-dot-insetBottom: 0;
/* region color theme */
--bmr-carousel-sideShadow-bg: transparent;
--bmr-carousel-dot-bg: #201f1f;
--bmr-carousel-dot_active-bg: #ffc539;
/* endregion color theme */
}
/**
* Carousel common
*/
.bmr-carousel {
position: relative;
display: flex;
justify-content: center;
max-width: 100%;
padding-bottom: var(--bmr-carousel-paddingBottom);
user-select: none;
}
.bmr_carousel__viewport {
position: relative;
width: 100%;
margin: var(--bmr-carousel-viewport-margin-block) 0;
padding: var(--bmr-carousel-viewport-paddingBlock) var(--bmr-carousel-viewport-paddingInline);
overflow: hidden;
pointer-events: none;
}
.bmr_carousel__viewport:before, .bmr_carousel__viewport:after {
position: absolute;
top: var(--bmr-carousel-viewport-paddingBlock);
bottom: var(--bmr-carousel-viewport-paddingBlock);
z-index: var(--bmr-positive-z-index);
width: var(--bmr-carousel-sideShadow-width);
background: var(--bmr-carousel-sideShadow-bg);
content: "";
pointer-events: none;
}
.bmr_carousel__viewport:before {
left: 0;
}
.bmr_carousel__viewport:after {
right: 0;
transform: rotate(180deg);
}
.bmr_carousel__button {
position: absolute;
z-index: var(--bmr-positive-z-index);
}
.bmr_carousel__button.__next {
right: 0;
}
.bmr_carousel__button.__prev {
left: 0;
}
.bmr-carousel__viewport_disable .bmr-carousel__track {
justify-content: center;
}
.bmr-carousel__viewport_disable .bmr-carousel__slide {
cursor: default;
}
.bmr-carousel__viewport_disable .bmr-carousel__slide:active {
cursor: default;
}
.bmr-carousel__track {
display: flex;
margin: 0 calc(var(--bmr-carousel-slide-spacing) / 2 * -1);
touch-action: pan-y pinch-zoom;
}
.bmr-carousel__slide {
flex: 0 0 var(--bmr-carousel-slide-width);
min-width: 0;
max-width: 100%;
margin: 0 calc(var(--bmr-carousel-slide-spacing) / 2);
transform: translate3d(0, 0, 0);
cursor: grab;
pointer-events: auto;
}
.bmr-carousel__slide:active {
cursor: grabbing;
}
.bmr-carousel__dots {
position: absolute;
bottom: var(--bmr-carousel-dot-insetBottom);
display: flex;
align-items: center;
justify-content: center;
}
.bmr-carousel__dots_horizontal {
right: 0;
left: 0;
}
.bmr-carousel__dots_vertical {
top: 0;
bottom: 0;
flex-direction: column;
}
.bmr-carousel__dot {
width: 12px;
height: 12px;
margin: var(--bmr-carousel-dot-spacing);
padding: 0;
background: var(--bmr-carousel-dot-bg);
border: 0;
border-radius: 50%;
cursor: pointer;
}
.bmr-carousel__dot.__active {
background: var(--bmr-carousel-dot_active-bg);
}
/**
* Collapsible component
*/
/**
* Collapsible component common
*/
.bmr-collapsible__button {
background: transparent;
border: 0;
cursor: pointer;
}
.bmr-collapsible__content {
overflow: hidden;
}
.bmr-collapsible__content.__open {
animation: slideDown 300ms ease-out;
}
.bmr-collapsible__content.__closed {
animation: slideUp 300ms ease-out;
}
@keyframes slideDown {
from {
height: 0;
}
to {
height: var(--radix-collapsible-content-height);
}
}
@keyframes slideUp {
from {
height: var(--radix-collapsible-content-height);
}
to {
height: 0;
}
}
/**
* Content Navigation List
*/
/**
* Content Navigation List variables
*/
.bmr_content_nav_list {
--bmr-contentNavList-link-paddingInline: 18px;
}
.bmr_content_nav_list.__sidebar {
/* region COLOR THEME */
/* item */
--bmr-contentNavList-item-shadow-bg: linear-gradient(90deg, rgba(238, 73, 85, 0) 0%, #ee4955 49.13%, rgba(238, 73, 85, 0) 100%);
/* link */
--bmr-contentNavList-link-color: var(--bmr-white);
--bmr-contentNavList-link-color-hover: #201f1f;
--bmr-contentNavList-link-bg-hover: var(--bmr-white);
/* endregion COLOR THEME */
}
/**
* Content Navigation List common
*/
.bmr_content_nav_list.__sidebar {
display: flex;
flex-direction: column;
align-items: flex-start;
max-width: 228px;
padding: 36px 0;
}
.bmr_content_nav_list.__sidebar .cnl_item {
position: relative;
z-index: var(--bmr-zero-z-index);
transform: translateX(calc(var(--bmr-contentNavList-link-paddingInline) * -1));
transition: transform 0.3s ease-out;
}
.bmr_content_nav_list.__sidebar .cnl_item:before {
position: absolute;
top: 0;
left: calc(var(--bmr-contentWrapper-sidebar-paddingInline) * -1);
z-index: var(--bmr-negative-z-index);
width: calc(100% + var(--bmr-contentWrapper-sidebar-paddingInline) * 2);
height: 100%;
background: var(--bmr-contentNavList-item-shadow-bg);
opacity: 0;
transition: opacity 0.3s ease-out;
content: "";
pointer-events: none;
}
.bmr_content_nav_list.__sidebar .cnl_item.__active {
transform: translateX(0);
}
.bmr_content_nav_list.__sidebar .cnl_item.__active:before {
opacity: 1;
}
.bmr_content_nav_list.__sidebar .cnl_item.__active .cnl_link {
color: var(--bmr-contentNavList-link-color-hover);
font-weight: 800;
background: var(--bmr-contentNavList-link-bg-hover);
}
@media (any-hover: hover) and (pointer: fine) {
.bmr_content_nav_list.__sidebar .cnl_item:hover {
transform: translateX(0);
}
.bmr_content_nav_list.__sidebar .cnl_item:hover:before {
opacity: 1;
}
.bmr_content_nav_list.__sidebar .cnl_item:hover .cnl_link {
color: var(--bmr-contentNavList-link-color-hover);
font-weight: 800;
background: var(--bmr-contentNavList-link-bg-hover);
}
}
.bmr_content_nav_list.__sidebar .cnl_link {
border-radius: 24px;
transition: background-color 0.3s ease-out, color 0.3s ease-out;
}
.bmr_content_nav_list .cnl_item {
margin: 2px 0;
}
.bmr_content_nav_list .cnl_link {
display: inline-flex;
align-items: center;
padding: 12px var(--bmr-contentNavList-link-paddingInline);
color: var(--bmr-contentNavList-link-color);
font: 500 16px/1.17 Roboto, sans-serif;
text-decoration: none;
cursor: pointer;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.bmr_content_nav_list .cnl_icon {
flex-shrink: 0;
width: 28px;
height: 28px;
margin-right: 8px;
}
/**
* Deprecated Browser
*/
/**
* Deprecated Browser variables
*/
/**
* Deprecated Browser common
*/
.bmr_deprecated-browser {
display: flex;
align-items: center;
min-height: 202px;
padding: 24px 0 20px;
}
.bmr_deprecated-browser .deprecated-browser_wrap {
display: flex;
flex-shrink: 0;
gap: 24px;
align-items: center;
width: min(1116px, 100%);
margin: 0 auto;
padding: 0 48px;
}
.bmr_deprecated-browser .deprecated-browser_preview {
display: flex;
flex-shrink: 0;
gap: 12px;
align-items: center;
margin-left: auto;
}
.bmr_deprecated-browser .deprecated-browser_preview .db_preview_caption {
display: flex;
flex-direction: column;
gap: 12px;
}
.bmr_deprecated-browser .deprecated-browser_preview .db_preview_name {
font: 600 20px/1.4 Roboto, sans-serif;
text-align: center;
}
.bmr_deprecated-browser .deprecated-browser_preview .db_preview_picture {
flex-shrink: 0;
width: 80px;
height: 80px;
}
.bmr_deprecated-browser .deprecated-browser_preview .db_preview_button {
padding-right: 40px;
padding-left: 40px;
}
.bmr_deprecated-browser .deprecated-browser_content {
max-width: 656px;
padding-top: 4px;
}
.bmr_deprecated-browser .deprecated-browser_content.__unknown-browser {
max-width: unset;
}
.bmr_deprecated-browser .deprecated-browser_title {
margin-bottom: 20px;
color: #a91838;
font: 700 28px/1.3 "Accent Font Family", sans-serif;
letter-spacing: -1px;
}
.bmr_deprecated-browser .deprecated-browser_desc {
font: 20px/1.2 Roboto, sans-serif;
}
/**
* Forms component
*/
/**
* Input adornment component style
*/
/**
* Input adornment component variables
*/
.bmr_input_adornment {
--bmr-inputAdornment-color: #201f1f;
--bmr-inputAdornment_light-color: #9799a3;
}
/**
* Input adornment component common style
*
* @prefix:
* - ia_ = .bmr_input_adornment
*
* Modifier:
* .bmr_input_adornment.__action - mode for action elem
* .bmr_input_adornment.__end - mode for end elem
* .bmr_input_adornment.__light - mode for light elem
*/
.bmr_input_adornment {
flex-shrink: 0;
width: 16px;
height: 16px;
margin-inline-end: 4px;
color: var(--bmr-inputAdornment-color);
}
.bmr_input_adornment.__action {
cursor: pointer;
}
.bmr_input_adornment.__end {
margin-inline-start: 4px;
margin-inline-end: 0;
}
.bmr_input_adornment.__light {
color: var(--bmr-inputAdornment_light-color);
}
.bmr_input_adornment .ia_icon {
width: 100%;
height: 100%;
}
/**
* Captcha
*/
/**
* Captcha common
*/
.bmr_captcha {
display: flex;
justify-content: center;
height: 65px;
}
/**
* Field note component
*/
/**
* Field note component variables
*/
.bmr_field_note {
/* region color theme */
--bmr-formNote-color: #9799a3;
--bmr-formNote_error-color: #e12451;
/* endregion color theme */
}
/**
* Field note component common
*
* @prefix:
* - fn_ = .bmr_field_note
*
* Modifiers
* .bmr_field_note.__error - mod for error
*/
.bmr_field_note {
margin-top: 5px;
padding-inline-start: 12px;
color: var(--bmr-formNote-color);
font-size: 12px;
line-height: 14px;
}
.bmr_field_note.__error {
display: grid;
grid-gap: 4px;
grid-template-columns: auto 1fr;
align-items: center;
color: var(--bmr-formNote_error-color);
}
.bmr_field_note .fn_icon {
width: 8px;
height: 8px;
}
/**
* Fields components
*/
/**
* Input text component
*/
/**
* Input text component variables
*/
.bmr_field_text {
--bmr-fieldText-transitionDureation: .2s;
--bmr-fieldText-transitionTimingFunction: cubic-bezier(0, 0, 0.2, 1);
--bmr-fieldText-inputWrp-height: 20px;
--bmr-fieldText-input-boxShadowSize-webkitAutofill: var(--bmr-fieldText-inputWrp-height);
/* region color theme */
--bmr-fieldText-inner-borderColor: #dbdbe3;
--bmr-fieldText-label-color: #9799a3;
--bmr-fieldText-input-color: #201f1f;
--bmr-fieldText-input-bg: var(--bmr-white);
--bmr-fieldText-input-boxShadowColor-webkitAutofill: var(--bmr-fieldText-input-bg);
--bmr-fieldText-line-bg: var(--bmr-fieldText-inner-borderColor);
--bmr-fieldText-line-before-bg: #00ca72;
--bmr-fieldText-line-after-bg: #e12451;
--bmr-fieldText_filled-inner-borderColor: #00ca72;
--bmr-fieldText_disabled-color: #dbdbe3;
/* endregion color theme */
}
/**
* Input text component common
*
* @prefix:
* - ft_ = .bmr_field_text
*
* Modifiers
* .bmr_field_text_row.__no_label - mod for no label
* .bmr_field_text.__error - mod for error
* .bmr_field_text.__focused - mod for focused
* .bmr_field_text.__filled - mod for filled
* .bmr_field_text.__disabled - mod for disabled
*/
.bmr_field_text_row {
min-height: 77px;
}
.bmr_field_text_row.__no_label {
min-height: 48px;
}
.bmr_field_text_row.__no_label .bmr_field_text {
padding-top: 0;
}
.bmr_field_text {
position: relative;
box-sizing: border-box;
padding-top: 29px;
font: 400 17px/20px Roboto, sans-serif;
}
.bmr_field_text.__focused .ft_line, .bmr_field_text.__error .ft_line, .bmr_field_text .ft_inner:hover .ft_line {
opacity: 1;
}
.bmr_field_text.__focused .ft_label, .bmr_field_text.__filled .ft_label {
transform: translate(11px, -200%) scale(0.8);
}
.bmr_field_text.__focused .ft_line:before, .bmr_field_text.__filled .ft_line:before {
background: var(--bmr-fieldText-line-before-bg);
transform: scale(1);
}
.bmr_field_text.__filled .ft_inner {
border-color: var(--bmr-fieldText_filled-inner-borderColor);
}
.bmr_field_text.__error .ft_line:after {
background: var(--bmr-fieldText-line-after-bg);
transform: scale(1);
}
.bmr_field_text.__disabled .ft_inner {
pointer-events: none;
}
.bmr_field_text.__disabled .ft_label, .bmr_field_text.__disabled .bmr_input_adornment, .bmr_field_text.__disabled .ft_input {
color: var(--bmr-fieldText_disabled-color);
}
.bmr_field_text .ft_inner {
position: relative;
display: block;
padding-bottom: 7px;
border-bottom: 1px solid var(--bmr-fieldText-inner-borderColor);
cursor: text;
transition: border-color var(--bmr-fieldText-transitionDureation) var(--bmr-fieldText-transitionTimingFunction);
}
.bmr_field_text .ft_input_wrp {
position: relative;
display: flex;
align-items: center;
height: var(--bmr-fieldText-inputWrp-height);
}
.bmr_field_text .ft_label {
position: absolute;
top: 50%;
left: 0;
color: var(--bmr-fieldText-label-color);
transform: translate(20px, -50%);
transform-origin: top left;
transition: transform var(--bmr-fieldText-transitionDureation) var(--bmr-fieldText-transitionTimingFunction);
}
.bmr_field_text .ft_input {
flex-grow: 1;
min-width: 1px;
height: 100%;
padding: 0;
color: var(--bmr-fieldText-input-color);
font: inherit;
font-weight: 700;
background: var(--bmr-fieldText-input-bg);
border: none;
animation-name: autoFillCancel;
animation-duration: 10ms;
}
.bmr_field_text .ft_input::placeholder {
color: var(--bmr-fieldText-label-color);
font: inherit;
opacity: 1;
}
.bmr_field_text .ft_input:-webkit-autofill {
box-shadow: inset 0 0 0 var(--bmr-fieldText-input-boxShadowSize-webkitAutofill) var(--bmr-fieldText-input-boxShadowColor-webkitAutofill); /* Цвет фона */
animation-name: autoFill;
animation-duration: 5000s;
}
.bmr_field_text .ft_line {
position: absolute;
right: 0;
bottom: -1px;
left: 0;
height: 2px;
background: var(--bmr-fieldText-line-bg);
opacity: 0;
transition: opacity var(--bmr-fieldText-transitionDureation) var(--bmr-fieldText-transitionTimingFunction);
}
.bmr_field_text .ft_line:before, .bmr_field_text .ft_line:after {
position: absolute;
transform: scale(0);
transform-origin: bottom center;
transition: transform var(--bmr-fieldText-transitionDureation) var(--bmr-fieldText-transitionTimingFunction);
content: "";
inset: 0;
}
@keyframes autoFillCancel {
from {
display: block;
}
}
@keyframes autoFill {
from {
display: block;
}
}
/**
* Input checkbox component style
*/
/**
* Input checkbox component variables
*/
.bmrf_field_checkbox {
--bmr-fieldCheckbox-paddingBottom: 19px;
--bmr-fieldCheckbox-fieldNote-marginTop: calc(-1 * var(--bmr-fieldCheckbox-paddingBottom));
/* region color theme */
--bmr-fieldCheckbox-label-color: #9799a3;
--bmr-fieldCheckbox-label_disabled-color: #dbdbe3;
--bmr-fieldCheckbox-btn-boxShadowColor: #9799a3;
--bmr-fieldCheckbox-btn_checked-bg: #201f1f;
--bmr-fieldCheckbox-btn_disabled-boxShadowColor: #dbdbe3;
--bmr-fieldCheckbox-btn_checked-boxShadowColor: var(--bmr-fieldCheckbox-btn_checked-bg);
--bmr-fieldCheckbox-btn-boxShadowColor-hover: var(--bmr-fieldCheckbox-btn_checked-bg);
--bmr-fieldCheckbox-btn-icon-color: var(--bmr-white);
/* endregion color theme */
}
/**
* Checkbox component common
*
* @prefix:
* - fc_ = .bmrf_field_checkbox
*/
.bmrf_field_checkbox {
display: flex;
flex-direction: column;
align-items: flex-start;
padding-bottom: var(--bmr-fieldCheckbox-paddingBottom);
}
.bmrf_field_checkbox .bmr_field_note {
margin-bottom: var(--bmr-fieldCheckbox-fieldNote-marginTop);
}
.bmrf_field_checkbox .fc_inner {
display: inline-grid;
grid-gap: 14px;
grid-template-columns: min-content 1fr;
align-items: center;
}
.bmrf_field_checkbox .fc_label {
color: var(--bmr-fieldCheckbox-label-color);
font: 400 16px/20px Roboto, sans-serif;
}
.bmrf_field_checkbox .fc_btn {
width: 20px;
height: 20px;
border-radius: 4px;
box-shadow: inset 0 0 0 1px var(--bmr-fieldCheckbox-btn-boxShadowColor);
transition: box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1), background-color 0.2s cubic-bezier(0, 0, 0.2, 1);
}
.bmrf_field_checkbox .fc_btn:hover {
box-shadow: inset 0 0 0 1px var(--bmr-fieldCheckbox-btn-boxShadowColor-hover);
}
.bmrf_field_checkbox .fc_btn.__checked {
background: var(--bmr-fieldCheckbox-btn_checked-bg);
box-shadow: inset 0 0 0 1px var(--bmr-fieldCheckbox-btn_checked-boxShadowColor);
}
.bmrf_field_checkbox .fc_btn.__disabled {
box-shadow: inset 0 0 0 1px var(--bmr-fieldCheckbox-btn_disabled-boxShadowColor);
pointer-events: none;
}
.bmrf_field_checkbox .fc_btn.__disabled ~ .fc_label {
color: var(--bmr-fieldCheckbox-label_disabled-color);
}
.bmrf_field_checkbox .fc_icon {
width: 100%;
height: 100%;
color: var(--bmr-fieldCheckbox-btn-icon-color);
}
/**
* Join Form
*/
/**
* Join Form variables
*/
.bmr_join_form {
/* region color theme */
--bmr-joinForm-bg: var(--bmr-white);
--bmr-joinForm-tabs-borderColor: #dbdbe3;
--bmr-joinForm-tabs-item-color: #9799a3;
--bmr-joinForm-tabs-item_active-color: #201f1f;
--bmr-joinForm-tabs-item-before-bg: #00ca72;
--bmr-joinForm-tabs-item-color-hover: var(--bmr-joinForm-tabs-item_active-color);
--bmr-joinForm-action-caption-color: #9799a3;
/* endregion color theme */
}
/**
* Join Form common
*/
.bmr_join_form {
display: grid;
grid-gap: 48px;
grid-template-columns: 1fr 452px;
box-sizing: border-box;
width: 100%;
margin: 0 auto;
padding: 48px;
background: var(--bmr-joinForm-bg);
border-radius: 24px;
}
.bmr_join_form .jf_content {
display: flex;
flex-direction: column;
min-width: 1px;
}
.bmr_join_form .jf_tabs {
display: flex;
margin-bottom: 28px;
border-bottom: 2px solid var(--bmr-joinForm-tabs-borderColor);
}
.bmr_join_form .jft_item {
position: relative;
flex: 1 1 33.3333333333%;
padding: 0 5px 6px;
color: var(--bmr-joinForm-tabs-item-color);
font: 600 17px/20px Roboto, sans-serif;
text-align: center;
text-decoration: none;
cursor: pointer;
transition: color 0.15s ease-in-out;
}
.bmr_join_form .jft_item:before {
position: absolute;
bottom: -2px;
left: 0;
width: 100%;
height: 3px;
background: var(--bmr-joinForm-tabs-item-before-bg);
transform: scale(0);
transform-origin: bottom center;
transition: transform 0.2s cubic-bezier(0, 0, 0.2, 1);
content: "";
}
.bmr_join_form .jft_item:hover {
color: var(--bmr-joinForm-tabs-item-color-hover);
}
.bmr_join_form .jft_item.__active {
color: var(--bmr-joinForm-tabs-item_active-color);
pointer-events: none;
}
.bmr_join_form .jft_item.__active:before {
transform: scale(1);
}
.bmr_join_form .jf_panel {
display: flex;
flex-direction: column;
flex-grow: 1;
justify-content: space-between;
}
.bmr_join_form .jfp_fields {
display: grid;
grid-gap: 5px 24px;
grid-template-columns: 1fr 1fr;
}
.bmr_join_form .jfp_fields .bmr_field_text_row {
min-width: 1px;
}
.bmr_join_form .jfp_terms {
margin-bottom: 10px;
}
.bmr_join_form .jfp_terms .bmrf_field_checkbox {
margin-bottom: 8px;
}
.bmr_join_form .jfp_terms .bmrf_field_checkbox:last-child {
margin-bottom: 0;
}
.bmr_join_form .jf_action .jfa_btn {
width: 100%;
margin-bottom: 22px;
}
.bmr_join_form .jf_action .jfa_caption {
color: var(--bmr-joinForm-action-caption-color);
font-size: 17px;
line-height: 1;
text-align: center;
}
.bmr_join_form .jfp_how_did {
display: flex;
align-items: center;
min-height: 48px;
margin: 10px 0 20px;
}
.bmr_join_form .jfp_how_did .bmr_field_text_row {
width: 100%;
}
.bmr_join_form .jfp_how_did .ft_input {
font-weight: 400;
}
.bmr_join_form .jfp_how_did .bmr_button {
text-decoration-style: dashed;
text-underline-offset: 2px;
}
.bmr_join_form .jf_available_usernames {
padding: 5px 0 10px 12px;
font-size: 13px;
}
.bmr_join_form .jfau_header {
font-weight: 500;
}
.bmr_join_form .jfau_list {
display: flex;
flex-wrap: wrap;
}
.bmr_join_form .jfau_name {
display: block;
min-width: 1px;
margin-right: 10px;
overflow: hidden;
color: var(--bmr-link-color);
font-size: inherit;
white-space: nowrap;
text-decoration: underline;
text-overflow: ellipsis;
border: 0;
border-radius: 0;
cursor: pointer;
}
.bmr_join_form .jfau_name:hover {
text-decoration: none;
}
.bmr_join_form .jfau_name:last-child {
margin-right: 0;
}
/**
* Join form model component
*/
/**
* Join form model component variables
*/
.bmr_join_form {
/* region color theme */
--bmr-joinForm-model-bg: #161415;
--bmr-joinForm-model-picture-after-bg: linear-gradient(180.7deg, rgba(22, 20, 21, 0) 0.6%, var(--bmr-joinForm-model-bg) 58.58%);
/* endregion color theme */
}
/**
* Join form model component common
*
* @prefix:
* - jf_ = .bmr_join_form
* - jfm_ = .jf_motivation
* - ml_ = .jfm_list
* - mli_ = .ml_item
*/
.bmr_join_form .jf_motivation {
position: relative;
display: flex;
flex-direction: column;
width: 100%;
min-height: 585px;
overflow: hidden;
background: linear-gradient(to top, var(--bmr-joinForm-model-bg) 50%, rgba(0, 0, 0, 0) 50%);
border-radius: 24px;
}
.bmr_join_form .jfm_picture {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
max-height: 690px;
}
.bmr_join_form .jfm_picture:after {
position: absolute;
bottom: -1px;
left: 0;
width: 100%;
height: 264px;
background: var(--bmr-joinForm-model-picture-after-bg);
content: "";
}
.bmr_join_form .jfm_img {
width: 100%;
height: auto;
}
.bmr_join_form .jfm_info {
position: relative;
display: flex;
flex-direction: column;
flex-grow: 1;
justify-content: space-between;
min-height: 1px;
}
.bmr_join_form .jfm_list {
padding: 48px;
color: var(--bmr-white);
font-weight: 400;
font-size: 16px;
line-height: 20px;
}
.bmr_join_form .ml_item {
display: grid;
grid-gap: 10px;
grid-template-columns: auto 1fr;
align-items: baseline;
margin-bottom: 14px;
}
.bmr_join_form .ml_item:last-child {
margin-bottom: 0;
}
.bmr_join_form .mli_icon {
width: 16px;
height: 16px;
}
/**
* Form Select gender component
*/
/**
* Select Gender component variables
*/
.bmr_select_gender {
/* region color theme */
--bmr-selectGender-label-color: #9799a3;
--bmr-selectGender-btn-bg: #f2f3f8;
--bmr-selectGender-value-color: #201f1f;
--bmr-selectGender-arrow-color: #9999a1;
/* endregion color theme */
}
/**
* Select Gender component common
*
* @prefix:
* - sg_ = .bmr_select_gender
*/
.bmr_select_gender {
width: 100%;
min-height: 103px;
margin-bottom: 10px;
}
.bmr_select_gender .sg_label {
display: block;
margin: 0 0 8px 20px;
color: var(--bmr-selectGender-label-color);
font-size: 14px;
line-height: 16px;
}
.bmr_select_gender .sg_btn {
display: flex;
align-items: center;
box-sizing: border-box;
width: 100%;
height: 60px;
padding: 18px;
background: var(--bmr-selectGender-btn-bg);
border-radius: 999px;
}
.bmr_select_gender .sg_icon {
width: 24px;
height: 24px;
margin-inline-end: 4px;
}
.bmr_select_gender .sg_value {
flex-grow: 1;
color: var(--bmr-selectGender-value-color);
font-weight: 600;
font-size: 16px;
line-height: 18px;
text-align: left;
margin-inline-end: 4px;
}
.bmr_select_gender .sg_arrow {
width: 16px;
height: 16px;
color: var(--bmr-selectGender-arrow-color);
}
/**
* Login Box
*/
/**
* Login Box variables
*/
.bmr_login-box {
/* region COLOR THEME */
--bmr-loginBox-body-bg: var(--bmr-white);
--bmr-loginBox-title-color: #201f1f;
--bmr-loginBox-text-color: #9799a3;
--bmr-loginBox-error-color: #201f1f;
--bmr-loginBox-error-bg: rgba(225, 36, 81, 0.1);
--bmr-loginBox-footer-color: var(--bmr-white);
--bmr-loginBox-footer-link-color: #7adbff;
--bmr-loginBox-footer-link-color-hover: var(--bmr-loginBox-footer-link-color);
/* endregion COLOR THEME */
}
/**
* Login Box common
*/
.bmr_login-box {
width: min(450px, 100%);
margin: 0 auto;
}
.bmr_login-box .login-box_body {
padding: 48px;
background: var(--bmr-loginBox-body-bg);
border-radius: 24px;
}
.bmr_login-box .login-box_title {
margin-bottom: 48px;
color: var(--bmr-loginBox-title-color);
font-size: 24px;
line-height: 1;
text-align: center;
}
.bmr_login-box .login-box_error {
display: grid;
grid-gap: 12px;
grid-template-columns: auto 1fr;
align-items: center;
margin-bottom: 48px;
padding: 12px 16px;
color: var(--bmr-loginBox-error-color);
font-size: 17px;
line-height: 20px;
background: var(--bmr-loginBox-error-bg);
border-radius: 8px;
}
.bmr_login-box .login-box_error .lb_error_icon {
width: 27px;
height: 27px;
}
.bmr_login-box .login-box_text {
margin-bottom: 16px;
color: var(--bmr-loginBox-text-color);
font: 16px/20px Roboto, sans-serif;
}
.bmr_login-box .login-box_actions {
display: flex;
flex-direction: column;
align-items: center;
}
.bmr_login-box .login-box_captcha {
margin-bottom: 42px;
}
.bmr_login-box .login-box_captcha .bmr_field_note {
align-self: flex-start;
}
.bmr_login-box .login-box_button {
width: 100%;
margin-bottom: 24px;
}
.bmr_login-box .login-box_button:last-child {
margin-bottom: 0;
}
.bmr_login-box .bmrf_field_checkbox {
margin-bottom: 28px;
}
.bmr_login-box .login-box_footer {
padding-top: 12px;
color: var(--bmr-loginBox-footer-color);
font: 17px/1.4 Roboto, sans-serif;
text-align: center;
}
.bmr_login-box .login-box_footer a, .bmr_login-box .login-box_footer .lb_footer_link {
color: var(--bmr-loginBox-footer-link-color);
}
.bmr_login-box .login-box_footer a:hover, .bmr_login-box .login-box_footer .lb_footer_link:hover {
color: var(--bmr-loginBox-footer-link-color-hover);
text-decoration: none;
}
/**
* Login form footer style
*/
/**
* Login form footer component variables
*/
.bmr_login_form_footer {
/* region color theme */
--bmr-loginFormFooter-color: var(--bmr-white);
--bmr-loginFormFooter-link-color: #7adbff;
/* endregion color theme */
}
/**
* Login form footer common style
*/
.bmr_login_form_footer {
margin-top: 12px;
color: var(--bmr-loginFormFooter-color);
font-weight: 400;
font-size: 17px;
text-align: center;
}
.bmr_login_form_footer .lff_link {
color: var(--bmr-loginFormFooter-link-color);
}
/**
* TFA Login Box
*/
/**
* TFA Login Box common
*/
.bmr_login-box.__tfa .login-box_text {
margin-bottom: 50px;
}
.bmr_login-box.__tfa .bmr_field_text_row {
margin-bottom: 30px;
}
/**
* Language Dropdown component
*/
/**
* Language Dropdown variables
*/
.bmr-lang-dropdown {
--bmr-langDropdown-margin-block: 8px;
--bmr-langDropdown-max-height: var(--radix-select-content-available-height, calc(var(--bmr-viewport-height) - var(--bmr-header-height) - 16px));
/* region color theme */
--bmr-langDropdown-viewport-bg: var(--bmr-white);
--bmr-langDropdown-viewport-boxShadowColor: rgba(0, 0, 0, 0.25);
--bmr-langDropdown-item-color: #201f1f;
--bmr-langDropdown-item-bg-hover: #f1f3f8;
--bmr-langDropdown-item-bg-active: #eaedf3;
--bmr-langDropdown-item-borderColor: #f2f2f2;
/* endregion color theme */
}
/**
* Language Dropdown component common
*/
.bmr-lang-dropdown {
z-index: var(--bmr-langDropdown-z-index);
max-height: var(--bmr-langDropdown-max-height);
}
.bmr-lang-dropdown__viewport {
display: flex;
flex-direction: column;
min-width: 200px;
padding: 0 8px;
background: var(--bmr-langDropdown-viewport-bg);
border-radius: 24px;
box-shadow: 0 10px 30px 0 var(--bmr-langDropdown-viewport-boxShadowColor);
}
.bmr-lang-dropdown__item {
position: relative;
display: flex;
flex-shrink: 0;
align-items: center;
height: 48px;
margin: var(--bmr-langDropdown-margin-block) 0;
padding: 0 12px;
color: var(--bmr-langDropdown-item-color);
font: 500 16px/1.5 Roboto, sans-serif;
border-radius: 16px;
cursor: pointer;
transition: background-color 0.15s ease-in-out;
}
.bmr-lang-dropdown__item:before, .bmr-lang-dropdown__item:after {
position: absolute;
right: 0;
left: 0;
height: 1px;
background: var(--bmr-langDropdown-item-borderColor);
content: "";
}
.bmr-lang-dropdown__item:before {
bottom: calc(100% + var(--bmr-langDropdown-margin-block));
}
.bmr-lang-dropdown__item:after {
top: calc(100% + var(--bmr-langDropdown-margin-block));
}
.bmr-lang-dropdown__item:first-child:before, .bmr-lang-dropdown__item:last-child:after {
background: transparent;
}
.bmr-lang-dropdown__item:hover {
background: var(--bmr-langDropdown-item-bg-hover);
}
.bmr-lang-dropdown__item:active {
background: var(--bmr-langDropdown-item-bg-active);
}
.bmr-lang-dropdown__item_selected {
pointer-events: none;
}
.bmr-lang-dropdown__flag {
width: 24px;
min-width: 24px;
height: 24px;
margin-right: 12px;
}
/**
* Language Select component
*/
/**
* Language Select component variables
*/
.bmr-lang-select {
--bmr-langSelect-height: 44px;
/* region color theme */
--bmr-langSelect-color: var(--bmr-white);
--bmr-langSelect-bg-rgb: 48, 9, 16;
--bmr-langSelect-bg: rgba(var(--bmr-langSelect-bg-rgb), 0);
--bmr-langSelect-bg-hover: rgba(var(--bmr-langSelect-bg-rgb), 0.5);
--bmr-langSelect-bg-active: rgba(var(--bmr-langSelect-bg-rgb), 1);
--bmr-langSelect-borderColor: #300910;
--bmr-langSelect-arrow-iconColor: #723e47;
/* endregion color theme */
}
/**
* Language Select component common
*/
.bmr-lang-select {
display: flex;
align-items: center;
justify-content: center;
width: 102px;
min-width: 102px;
height: var(--bmr-langSelect-height);
color: var(--bmr-langSelect-color);
font: 500 17px/1 Roboto, sans-serif;
background: var(--bmr-langSelect-bg);
border: 2px solid var(--bmr-langSelect-borderColor);
border-radius: var(--bmr-langSelect-height);
cursor: pointer;
transition: background-color 0.15s ease-in-out, border-color 0.3s ease-in-out;
user-select: none;
}
.bmr-lang-select:hover {
background: var(--bmr-langSelect-bg-hover);
}
.bmr-lang-select:active {
background: var(--bmr-langSelect-bg-active);
}
.bmr-lang-select_open .bmr-lang-select__arrow {
transform: rotate(180deg);
}
.bmr-lang-select__flag {
width: 18px;
height: 18px;
margin-right: 4px;
}
.bmr-lang-select__arrow {
width: 10px;
height: 6px;
margin-left: 10px;
color: var(--bmr-langSelect-arrow-iconColor);
}
/**
* Modal
*/
/**
* Modal variables
*/
.bmr_modal-overlay {
--bmr-dialog-padding: 24px;
--bmr-dialog-bg: rgba(0, 0, 0, 0.8);
--bmr-dialog-body-marginBottom: var(--bmr-dialog-padding);
/* region color theme */
--bmr-dialog-main-bg: var(--bmr-white);
--bmr-dialog-header-color: #4d4d4d;
--bmr-dialog-header-borderColor: #f2f3f8;
--bmr-dialog-header-close-color: #9799a3;
--bmr-dialog-caption-color: #201f1f;
/* endregion color theme */
}
.bmr_modal {
/* ... */
}
/**
* Modal common
*/
.bmr_modal-overlay {
position: fixed;
top: 0;
left: 0;
z-index: var(--bmr-dialog-z-index);
display: grid;
place-items: center;
width: 100%;
height: 100%;
padding: var(--bmr-dialog-padding) var(--bmr-dialog-padding) 0;
overflow: auto;
background: var(--bmr-dialog-bg);
scrollbar-width: none;
}
.bmr_modal-overlay::-webkit-scrollbar {
display: none;
}
.bmr_modal .d_body {
margin-bottom: var(--bmr-dialog-body-marginBottom);
}
.bmr_modal .d_main {
background: var(--bmr-dialog-main-bg);
border-radius: 24px;
}
.bmr_modal .d_header {
display: flex;
align-items: center;
padding: 24px;
color: var(--bmr-dialog-header-color);
font: 700 14px/16px "Accent Font Family", sans-serif;
text-transform: uppercase;
border-bottom: 1px solid var(--bmr-dialog-header-borderColor);
}
.bmr_modal .d_content {
padding: 48px;
}
.bmr_modal .d_caption {
color: var(--bmr-dialog-caption-color);
font: 500 17px/20px Roboto, sans-serif;
}
.bmr_modal .dh_title {
margin-inline-end: 15px;
}
.bmr_modal .dh_title:last-child {
margin-inline-end: 0;
}
.bmr_modal .dh_close {
flex-shrink: 0;
width: 20px;
height: 20px;
padding: 2px;
color: var(--bmr-dialog-header-close-color);
transition: color 0.2s;
margin-inline-start: auto;
}
.bmr_modal .dh_close:hover {
color: inherit;
}
.bmr_modal .dhc_icon {
width: 100%;
height: 100%;
}
/**
* FAQ Modal
*/
/**
* FAQ Modal common
*/
.bmr_faq-modal {
min-width: 852px;
max-width: 916px;
}
.bmr_faq-modal .d_header {
padding-bottom: 0;
border-bottom: none;
}
.bmr_faq-modal .d_content {
padding-top: 5px;
}
.bmr_faq-modal .sb_h2 {
margin-bottom: 40px;
font-size: 22px;
line-height: 30px;
}
.bmr_faq-modal .sb_p {
font-size: 17px;
line-height: 28px;
}
.bmr_faq-modal .sb_p:last-child {
margin-bottom: 0;
}
.bmr_faq-modal .sb_p + .sb_p {
margin-top: 30px;
}
.bmr_faq-modal .sb_p + .bmr_content_slider {
margin-top: 36px;
}
.bmr_faq-modal .bmr_content_slider {
width: 100%;
margin-bottom: 28px;
}
.bmr_faq-modal .bmr_content_slider:last-child {
margin-bottom: 0;
}
.bmr_faq-modal .bmr_content_slider_item_image {
width: 100%;
height: auto;
}
.bmr_faq-modal .df_action {
display: flex;
margin-top: 48px;
}
.bmr_faq-modal .df_action .bmr_button {
margin-right: 12px;
}
.bmr_faq-modal .df_action .bmr_button:last-child {
margin-right: 0;
}
/**
* Gender Modal
*/
/**
* Gender Modal variables
*/
.bmr_gender-modal {
/* region color theme */
--bmr-dialog_selectGender-list-item-color: #201f1f;
--bmr-dialog_selectGender-list-item-borderColor: #dbdbe3;
--bmr-dialog_selectGender-list-item_disabled-color: #999;
--bmr-dialog_selectGender-list-item_active-wrp-bg: #f1f3f8;
/* endregion color theme */
}
/**
* Gender Modal common
*/
.bmr_gender-modal .d_body {
width: 316px;
}
.bmr_gender-modal .d_content {
padding: 0 24px;
}
.bmr_gender-modal .gender-modal_item {
padding: 8px 0;
color: var(--bmr-dialog_selectGender-list-item-color);
font-weight: 500;
font-size: 17px;
line-height: 20px;
border-bottom: 1px solid var(--bmr-dialog_selectGender-list-item-borderColor);
cursor: pointer;
transition: color 0.2s;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.bmr_gender-modal .gender-modal_item:last-child {
border-bottom: none;
}
.bmr_gender-modal .gender-modal_item:hover .sgli_wrp, .bmr_gender-modal .gender-modal_item.__active .sgli_wrp {
background: var(--bmr-dialog_selectGender-list-item_active-wrp-bg);
}
.bmr_gender-modal .gender-modal_item.__disabled {
color: var(--bmr-dialog_selectGender-list-item_disabled-color);
}
.bmr_gender-modal .sgli_wrp {
display: grid;
grid-gap: 12px;
grid-template-columns: auto 1fr;
align-items: center;
padding: 6px 0;
border-radius: 8px;
transition: background-color 0.2s;
}
.bmr_gender-modal .sgli_icon {
width: 24px;
height: 24px;
}
/**
* Gender Modal count component
*/
/**
* Gender Modal count modify variables
*/
.bmr_gender-modal.__count {
/* region color theme */
--bmr-dialog_selectGender_count-list-item_disabled-count-color: #919295;
--bmr-dialog_selectGender_count-count-color: #201f1f;
--bmr-dialog_selectGender_count-count-bg: #f1f3f8;
--bmr-dialog_selectGender_count-count-btn_disabled-color: #919295;
/* endregion color theme */
}
/**
* Gender Modal count modify component common
*/
.bmr_gender-modal.__count .d_body {
width: 364px;
}
.bmr_gender-modal.__count .sgli_wrp {
grid-template-columns: auto 1fr auto;
}
.bmr_gender-modal.__count .gender-modal_item.__disabled .sg_count {
color: var(--bmr-dialog_selectGender_count-list-item_disabled-count-color);
}
.bmr_gender-modal.__count .sg_count {
display: flex;
align-items: center;
justify-content: space-between;
box-sizing: border-box;
min-width: 111px;
padding: 2px;
color: var(--bmr-dialog_selectGender_count-count-color);
background: var(--bmr-dialog_selectGender_count-count-bg);
border-radius: 14px;
transition: color 0.2s;
}
.bmr_gender-modal.__count .sgc_btn {
width: 31px;
height: 31px;
color: var(--bmr-black);
background: var(--bmr-white);
border-radius: 12px;
transition: color 0.2s;
}
.bmr_gender-modal.__count .sgc_btn.__disabled {
color: var(--bmr-dialog_selectGender_count-count-btn_disabled-color);
pointer-events: none;
}
.bmr_gender-modal.__count .sgsb_icon {
display: block;
width: 100%;
height: 15px;
}
/**
* Join Modal
*/
/**
* Join Modal common
*/
.bmr_join-modal {
width: 100%;
max-width: 1120px;
}
.bmr_join-modal .d_body {
min-width: 450px;
}
.bmr_join-modal .bmr_join_form {
padding: 0;
border-radius: 0;
}
/**
* Login Modal
*/
/**
* Login Modal common
*/
.bmr_login-modal {
width: 450px;
}
.bmr_login-modal .bmr_login-box .login-box_body {
padding: 0;
border-radius: 0;
}
/**
* Navigation Group
*/
/**
* Navigation Group variables
*/
.bmr_navigation_group {
/* region color theme */
--bmr-navigationGroup-link-color: #ead7dc;
--bmr-navigationGroup-link-color-hover: #ffc539;
--bmr-navigationGroup-link-color-active: var(--bmr-white);
--bmr-navigationGroup-link-borderColor: var(--bmr-navigationGroup-link-color);
/* endregion color theme */
}
/**
* Navigation Group common
*/
.bmr_navigation_group {
display: flex;
align-items: center;
}
.bmr_navigation_group .ng_item {
display: inline-flex;
align-items: center;
}
.bmr_navigation_group .ng_item:after {
width: 1px;
height: 14px;
margin: 0 12px;
background: var(--bmr-navigationGroup-link-borderColor);
content: "";
}
.bmr_navigation_group .ng_item:last-child:after {
content: none;
}
.bmr_navigation_group .ng_link {
position: relative;
padding: 4px 0;
color: var(--bmr-navigationGroup-link-color);
font: 700 16px/22px Roboto, sans-serif;
white-space: nowrap;
text-decoration: none;
transition: color var(--bmr-transition-duration-default) var(--bmr-transition-timing-function-default);
}
.bmr_navigation_group .ng_link:hover {
color: var(--bmr-navigationGroup-link-color-hover);
}
.bmr_navigation_group .ng_link:active {
color: var(--bmr-navigationGroup-link-color-active);
}
/**
* Navigation Menu component
*/
.bmr-navigation-menu.__vertical .bmr_navigation_menu_item {
display: flex;
padding: 10px 0;
border-radius: 999px;
min-width: 150px;
height: 40px;
white-space: nowrap;
}
.bmr-navigation-menu.__vertical .bmr_navigation_menu_item.bmr_navigation_menu_item_selected {
background: var(--bmr-white);
}
.bmr-navigation-menu__list {
display: flex;
flex-direction: column;
}
.bmr-navigation-menu__link {
display: inline-block;
text-decoration: none;
}
/**
* Overlay
*/
/**
* Overlay variables
*/
.bmr_overlay {
--bmr-overlay_light-bg: rgba(0, 0, 0, 0.1);
--bmr-overlay_dark-bg: rgba(0, 0, 0, 0.8);
}
/**
* Overlay common
*
* Modifiers:
* .bmr_overlay.__light – overlay is light
* .bmr_overlay.__dark – overlay is dark
*/
.bmr_overlay {
position: fixed;
top: 0;
left: 0;
z-index: var(--bmr-dialog-z-index);
width: 100%;
height: 100%;
}
.bmr_overlay.__light {
background: var(--bmr-overlay_light-bg);
}
.bmr_overlay.__dark {
background: var(--bmr-overlay_dark-bg);
}
/**
* Pagination
*/
/**
* Pagination variables
*/
.bmr_pagination {
/* item */
--bmr-pagination-item-height: 40px;
--bmr-pagination-item-borderRadius: calc(var(--bmr-pagination-item-height) / 2);
--bmr-pagination-item_btn-width: var(--bmr-pagination-item-height);
/* input */
--bmr-pagination-input-height: var(--bmr-pagination-item-height);
--bmr-pagination-input-borderRadius: var(--bmr-pagination-item-borderRadius);
/* region COLOR THEME */
--bmr-pagination-color: var(--bmr-white);
/* item */
--bmr-pagination-item-color: var(--bmr-pagination-color);
--bmr-pagination-item-color-hover: #a91838;
--bmr-pagination-item-bg-hover: #ff8a9b;
--bmr-pagination-item_btn-borderColor: var(--bmr-white);
--bmr-pagination-item_btn-borderColor-hover: var(--bmr-pagination-item-bg-hover);
--bmr-pagination-item-borderColor: var(--bmr-pagination-item_btn-borderColor);
--bmr-pagination-item-borderColor-active: var(--bmr-white);
/* input */
--bmr-pagination-content-color: var(--bmr-pagination-color);
/* endregion COLOR THEME */
}
/**
* Pagination common
*/
.bmr_pagination {
display: flex;
align-items: center;
justify-content: center;
padding: 34px 0 20px;
font: 700 22px/1.2 "Accent Font Family", sans-serif;
}
.bmr_pagination .pagination_item {
display: flex;
align-items: center;
height: var(--bmr-pagination-item-height);
margin: 0 2px;
padding: 0 16px;
color: var(--bmr-pagination-item-color);
font: inherit;
letter-spacing: -1px;
text-decoration: none;
border: 1px solid transparent;
border-radius: var(--bmr-pagination-item-borderRadius);
transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
}
.bmr_pagination .pagination_item:hover {
color: var(--bmr-pagination-item-color-hover);
background: var(--bmr-pagination-item-bg-hover);
}
.bmr_pagination .pagination_item:hover.__btn {
border-color: var(--bmr-pagination-item_btn-borderColor-hover);
}
.bmr_pagination .pagination_item.__link.__active {
border-color: var(--bmr-pagination-item-borderColor-active);
pointer-events: none;
}
.bmr_pagination .pagination_item.__ellipsis {
pointer-events: none;
}
.bmr_pagination .pagination_item.__btn {
width: var(--bmr-pagination-item_btn-width);
padding: 12px 8px;
border-color: var(--bmr-pagination-item_btn-borderColor);
}
.bmr_pagination .pagination_item.__btn.__prev {
margin-right: auto;
}
.bmr_pagination .pagination_item.__btn.__next {
margin-left: auto;
}
.bmr_pagination .pagination_item.__btn.__disabled {
visibility: hidden;
opacity: 0;
pointer-events: none;
}
/**
* Scroll component
*/
/**
* Scroll variables
*/
.bmr_scroll {
/* scroll viewport */
--bmr-scroll-viewport-paddingTop: 0;
--bmr-scroll-viewport-paddingEnd: 0;
--bmr-scroll-viewport-paddingBottom: 0;
--bmr-scroll-viewport-paddingStart: 0;
/* scroll track */
--bmr-scroll-track-size: 8px;
--bmr-scroll-track_vertical-paddingBlockStart: 0;
--bmr-scroll-track_vertical-paddingBlockEnd: 0;
--bmr-scroll-track_vertical-paddingInlineStart: 0;
--bmr-scroll-track_vertical-paddingInlineEnd: 0;
/* scroll thumb */
--bmr-scroll-thumb-transition_start: transform 0.3s ease-in-out;
--bmr-scroll-thumb-transition_stop: transform 0.3s 0.3s ease-in-out;
/* region color theme */
--bmr-scroll-viewport-bg: transparent;
--bmr-scroll-thumb_vertical-bg: linear-gradient(180deg, #ec8f4d, #eb4a64);
--bmr-scroll-thumb_horizontal-bg: linear-gradient(90deg, #ec8f4d, #eb4a64);
--bmr-scroll-thumbInner_vertical-point_start-bg: linear-gradient(180deg, #ec8f4d, #ec8451);
--bmr-scroll-thumbInner_vertical-point_end-bg: linear-gradient(180deg, #ec5361, #eb4d64);
--bmr-scroll_horStart-viewport-mask: linear-gradient(90deg, var(--bmr-black) 90%, transparent 100%);
--bmr-scroll_horCenter-viewport-mask: linear-gradient(90deg, transparent, var(--bmr-black) 10%, var(--bmr-black) 90%, transparent 100%);
--bmr-scroll_horEnd-viewport-mask: linear-gradient(90deg, transparent, var(--bmr-black) 10%);
--bmr-scroll_vrtStart-viewport-mask: linear-gradient(180deg, var(--bmr-black) 90%, transparent 100%);
--bmr-scroll_vrtCenter-viewport-mask: linear-gradient(180deg, transparent, var(--bmr-black) 10%, var(--bmr-black) 90%, transparent 100%);
--bmr-scroll_vrtEnd-viewport-mask: linear-gradient(180deg, transparent, var(--bmr-black) 10%);
/* endregion color theme */
}
/**
* Scroll component common
*/
.bmr_scroll {
position: relative;
height: 100%;
overflow: hidden;
}
.bmr_scroll.__vertical-start .scroll_viewport {
mask-image: var(--bmr-scroll_vrtStart-viewport-mask);
}
.bmr_scroll.__vertical-center .scroll_viewport {
mask-image: var(--bmr-scroll_vrtCenter-viewport-mask);
}
.bmr_scroll.__vertical-end .scroll_viewport {
mask-image: var(--bmr-scroll_vrtEnd-viewport-mask);
}
.bmr_scroll.__horizontal-start .scroll_viewport {
mask-image: var(--bmr-scroll_horStart-viewport-mask);
}
.bmr_scroll.__horizontal-center .scroll_viewport {
mask-image: var(--bmr-scroll_horCenter-viewport-mask);
}
.bmr_scroll.__horizontal-end .scroll_viewport {
mask-image: var(--bmr-scroll_horEnd-viewport-mask);
}
.bmr_scroll .scroll_viewport {
height: 100%;
padding: var(--bmr-scroll-viewport-paddingTop) var(--bmr-scroll-viewport-paddingEnd) var(--bmr-scroll-viewport-paddingBottom) var(--bmr-scroll-viewport-paddingStart);
scrollbar-width: none;
scroll-behavior: smooth;
background: var(--bmr-scroll-viewport-bg);
}
.bmr_scroll .scroll_viewport::-webkit-scrollbar {
display: none;
}
.bmr_scroll .scroll_track {
display: flex;
cursor: pointer;
user-select: none;
touch-action: none;
}
.bmr_scroll .scroll_track.__hidden {
visibility: hidden;
opacity: 0;
}
.bmr_scroll .scroll_track.__vertical {
z-index: var(--bmr-positive-z-index);
justify-content: flex-end;
width: var(--bmr-scroll-track-size);
padding-block-start: var(--bmr-scroll-track_vertical-paddingBlockStart);
padding-block-end: var(--bmr-scroll-track_vertical-paddingBlockEnd);
}
.bmr_scroll .scroll_track.__horizontal {
align-items: center;
height: var(--bmr-scroll-track-size);
padding-inline-start: var(--bmr-scroll-track_vertical-paddingInlineStart);
padding-inline-end: var(--bmr-scroll-track_vertical-paddingInlineEnd);
}
.bmr_scroll .scroll_track.__active .scroll_thumb-center {
transition: var(--bmr-scroll-thumb-transition_start);
}
.bmr_scroll .scroll_track.__active .scroll_thumb-center.__vertical {
transform: scaleX(2);
}
.bmr_scroll .scroll_track.__active .scroll_thumb-center.__vertical:before {
transform: translate(-50%, -50%) scaleY(2);
transition: var(--bmr-scroll-thumb-transition_start);
}
.bmr_scroll .scroll_track.__active .scroll_thumb-center.__vertical:after {
transform: translate(-50%, 50%) scaleY(2);
transition: var(--bmr-scroll-thumb-transition_start);
}
.bmr_scroll .scroll_track.__active .scroll_thumb-center.__horizontal {
transform: scaleY(2);
}
.bmr_scroll .scroll_track.__active .scroll_thumb-center.__horizontal:before {
transform: translate(-50%, -50%) scaleX(2);
transition: var(--bmr-scroll-thumb-transition_start);
}
.bmr_scroll .scroll_track.__active .scroll_thumb-center.__horizontal:after {
transform: translate(50%, -50%) scaleX(2);
transition: var(--bmr-scroll-thumb-transition_start);
}
@media (any-hover: hover) and (pointer: fine) {
.bmr_scroll .scroll_track.__vertical:hover .scroll_thumb-center {
transform: scaleX(2);
transition: var(--bmr-scroll-thumb-transition_start);
}
.bmr_scroll .scroll_track.__vertical:hover .scroll_thumb-center:before {
transform: translate(-50%, -50%) scaleY(2);
transition: var(--bmr-scroll-thumb-transition_start);
}
.bmr_scroll .scroll_track.__vertical:hover .scroll_thumb-center:after {
transform: translate(-50%, 50%) scaleY(2);
transition: var(--bmr-scroll-thumb-transition_start);
}
}
.bmr_scroll .scroll_thumb.__vertical {
padding: 4px 0;
}
.bmr_scroll .scroll_thumb.__horizontal {
padding: 0 4px;
}
.bmr_scroll .scroll_thumb-center {
position: relative;
display: block;
transition: var(--bmr-scroll-thumb-transition_stop);
}
.bmr_scroll .scroll_thumb-center:before, .bmr_scroll .scroll_thumb-center:after {
position: absolute;
width: 4px;
height: 4px;
border-radius: 50%;
transition: var(--bmr-scroll-thumb-transition_stop);
content: "";
}
.bmr_scroll .scroll_thumb-center:before {
background: var(--bmr-scroll-thumbInner_vertical-point_start-bg);
}
.bmr_scroll .scroll_thumb-center:after {
background: var(--bmr-scroll-thumbInner_vertical-point_end-bg);
}
.bmr_scroll .scroll_thumb-center.__vertical {
width: 4px;
height: 100%;
background: var(--bmr-scroll-thumb_vertical-bg);
transform-origin: right;
}
.bmr_scroll .scroll_thumb-center.__vertical:before, .bmr_scroll .scroll_thumb-center.__vertical:after {
left: 50%;
}
.bmr_scroll .scroll_thumb-center.__vertical:before {
top: 0;
transform: translate(-50%, -50%);
}
.bmr_scroll .scroll_thumb-center.__vertical:after {
bottom: 0;
transform: translate(-50%, 50%);
}
.bmr_scroll .scroll_thumb-center.__horizontal {
width: 100%;
height: 4px;
background: var(--bmr-scroll-thumb_horizontal-bg);
transform-origin: bottom;
}
.bmr_scroll .scroll_thumb-center.__horizontal:before, .bmr_scroll .scroll_thumb-center.__horizontal:after {
top: 50%;
}
.bmr_scroll .scroll_thumb-center.__horizontal:before {
left: 0;
transform: translate(-50%, -50%);
}
.bmr_scroll .scroll_thumb-center.__horizontal:after {
right: 0;
transform: translate(50%, -50%);
}
/**
* Section Block
*/
/**
* Section Block variables
*
* Modifiers:
* .sb_list.__text_accent – list with accent on text
* .sb_list.__marker_accent – list with accent on marker
*/
.bmr_section_block {
/* region COLOR THEME */
--bmr-sectionBlock-bubble-bg: var(--bmr-white);
--bmr-sectionBlock-textBadge_new-color: #a81937;
/* endregion COLOR THEME */
--bmr-sectionBlock-lineHeight: 28px;
--bmr-sectionBlock-list-item-marker-size: 4px;
}
.bmr_section_block .sb_list {
/* region COLOR THEME */
--bmr-sectionBlock-list-item-color: #201f1f;
--bmr-sectionBlock-list-item-marker-bg: var(--bmr-sectionBlock-list-item-color);
/* endregion COLOR THEME */
--bmr-sectionBlock-list-item-marginBottom: 0;
--bmr-sectionBlock-list-item-lineHeight: var(--bmr-sectionBlock-lineHeight);
--bmr-sectionBlock-list-item-marker-top: calc((var(--bmr-sectionBlock-list-item-lineHeight) - var(--bmr-sectionBlock-list-item-marker-size)) / 2);
--bmr-sectionBlock-list-item-marker-marginEnd: 10px;
}
.bmr_section_block .sb_list.__text_accent {
/* region COLOR THEME */
--bmr-sectionBlock-list-item-color: #1e9af0;
/* endregion COLOR THEME */
--bmr-sectionBlock-list-item-marginBottom: 24px;
--bmr-sectionBlock-list-item-lineHeight: 1.17em;
--bmr-sectionBlock-list-item-marker-top: 0;
--bmr-sectionBlock-list-item-marker-marginEnd: 16px;
}
.bmr_section_block .sb_list.__marker_accent {
/* region COLOR THEME */
--bmr-sectionBlock-list-item-marker-bg: #a91837;
/* endregion COLOR THEME */
--bmr-sectionBlock-list-item-marginBottom: 10px;
--bmr-sectionBlock-list-item-marker-marginEnd: 8px;
}
.bmr_section_block .sb_table_box {
/* region COLOR THEME */
--bmr-sectionBlock-table-bg: #f2f3f8;
--bmr-sectionBlock-table-tr_odd-bg: #f9fafe;
--bmr-sectionBlock-table-th-color: #201f1f;
/* endregion COLOR THEME */
}
/**
* Section Block common
*/
.bmr_section_block:not(:last-child) {
margin-bottom: 24px;
}
.bmr_section_block.__first_active_tab .sb_bubble {
border-top-left-radius: 0;
}
.bmr_section_block .sb_bubble {
padding: 48px;
font: 17px/var(--bmr-sectionBlock-lineHeight) Roboto, sans-serif;
background: var(--bmr-sectionBlock-bubble-bg);
border-radius: 24px;
}
.bmr_section_block .sb_head {
margin-bottom: 24px;
}
.bmr_section_block .sb_head:last-child {
margin-bottom: 0;
}
.bmr_section_block .sb_h2, .bmr_section_block .sb_h3, .bmr_section_block .sb_h4 {
margin-top: 24px;
margin-bottom: 24px;
color: #201f1f;
font: 700 22px "Accent Font Family", sans-serif;
}
.bmr_section_block .sb_h2:first-child, .bmr_section_block .sb_h3:first-child, .bmr_section_block .sb_h4:first-child {
margin-top: 0;
}
.bmr_section_block .sb_h2:last-child, .bmr_section_block .sb_h3:last-child, .bmr_section_block .sb_h4:last-child {
margin-bottom: 0;
}
.bmr_section_block .sb_h4 {
font-size: 20px;
}
.bmr_section_block .sb_p.__small {
font-size: 14px;
line-height: 1.4;
}
.bmr_section_block .sb_p + .sb_p {
margin-top: 28px;
}
.bmr_section_block .sb_text_badge {
font-weight: 600;
}
.bmr_section_block .sb_text_badge.__new {
color: var(--bmr-sectionBlock-textBadge_new-color);
}
.bmr_section_block .sb_image_wrap {
margin: 24px 0;
}
.bmr_section_block .sb_image_wrap:first-child {
margin-top: 0;
}
.bmr_section_block .sb_image_wrap:last-child {
margin-bottom: 0;
}
.bmr_section_block .sb_picture {
margin: 24px 0;
}
.bmr_section_block .sb_picture:first-child {
margin-top: 0;
}
.bmr_section_block .sb_picture:last-child {
margin-bottom: 0;
}
/**
* List in Section Block common
*
* @prefix:
* - sb_ = .bmr_section_block
*
* Modifiers:
* .sb_list.__text_accent – list with accent on text
* .sb_list.__marker_accent – list with accent on marker
*/
.bmr_section_block .sb_list {
margin-top: 24px;
margin-bottom: 24px;
}
.bmr_section_block .sb_list:first-child {
margin-top: 0;
}
.bmr_section_block .sb_list:last-child {
margin-bottom: 0;
}
.bmr_section_block .sb_list:not(.__numeric) .sb_list_item:before {
position: relative;
top: var(--bmr-sectionBlock-list-item-marker-top);
display: block;
width: var(--bmr-sectionBlock-list-item-marker-size);
min-width: var(--bmr-sectionBlock-list-item-marker-size);
height: var(--bmr-sectionBlock-list-item-marker-size);
margin-right: var(--bmr-sectionBlock-list-item-marker-marginEnd);
background: var(--bmr-sectionBlock-list-item-marker-bg);
border-radius: 50%;
content: "";
}
.bmr_section_block .sb_list.__text_accent .sb_list_item {
align-items: center;
}
.bmr_section_block .sb_list.__numeric {
display: grid;
grid-gap: 24px 5px;
grid-template-columns: min-content 1fr;
counter-reset: item;
}
.bmr_section_block .sb_list.__numeric > .sb_list_item {
display: contents;
}
.bmr_section_block .sb_list.__numeric > .sb_list_item:before {
text-align: end;
content: counter(item) ".";
counter-increment: item;
}
.bmr_section_block .sb_list.__numeric > .sb_list_item .sb_list.__numeric {
grid-row-gap: 12px;
counter-reset: item2;
}
.bmr_section_block .sb_list.__numeric > .sb_list_item .sb_list.__numeric > .sb_list_item:before {
content: counter(item) "." counter(item2) ".";
counter-increment: item2;
}
.bmr_section_block .sb_list .sb_list {
margin-top: 12px;
}
.bmr_section_block .sb_list_item {
display: flex;
margin-bottom: var(--bmr-sectionBlock-list-item-marginBottom);
color: var(--bmr-sectionBlock-list-item-color);
line-height: var(--bmr-sectionBlock-list-item-lineHeight);
}
.bmr_section_block .sb_list_item:last-child {
margin-bottom: 0;
}
/**
* Table in Section Block common
*
* @prefix:
* - sb_ = .bmr_section_block
* - sb_t_ = .sb_table
*/
.bmr_section_block .sb_table_box {
margin-top: 24px;
margin-bottom: 24px;
padding: 20px;
background: var(--bmr-sectionBlock-table-bg);
border-radius: 16px;
}
.bmr_section_block .sb_table_box:first-child {
margin-top: 0;
}
.bmr_section_block .sb_table_box:last-child {
margin-bottom: 0;
}
.bmr_section_block .sb_table_caption {
margin-bottom: 20px;
}
.bmr_section_block .sb_table_caption .sb_h4 {
font-size: 14px;
}
.bmr_section_block .sb_table .sb_t_tr:nth-child(odd) .sb_t_td {
background: var(--bmr-sectionBlock-table-tr_odd-bg);
}
.bmr_section_block .sb_table .sb_t_tr:nth-child(odd) .sb_t_td:first-of-type {
border-top-left-radius: 16px;
border-bottom-left-radius: 16px;
}
.bmr_section_block .sb_table .sb_t_tr:nth-child(odd) .sb_t_td:last-of-type {
border-top-right-radius: 16px;
border-bottom-right-radius: 16px;
}
.bmr_section_block .sb_table .sb_t_th, .bmr_section_block .sb_table .sb_t_td {
padding: 16px 12px;
font: 12px/1.17 Roboto, sans-serif;
}
.bmr_section_block .sb_table .sb_t_th:first-child, .bmr_section_block .sb_table .sb_t_td:first-child {
padding-left: 16px;
}
.bmr_section_block .sb_table .sb_t_th:last-child, .bmr_section_block .sb_table .sb_t_td:last-child {
padding-right: 16px;
}
.bmr_section_block .sb_table .sb_t_th {
color: var(--bmr-sectionBlock-table-th-color);
font-weight: 600;
text-align: start;
}
/**
* Social Media
*/
/**
* Social Media variables
*/
.bmr_social-media {
/* region COLOR THEME */
--bmr-socialMedia-link-iconColor: var(--bmr-white);
--bmr-socialMedia-link-iconColor-hover: #ff8a9b;
--bmr-socialMedia_originalColor-link_blog-iconColor: #a02239;
--bmr-socialMedia_originalColor-link_instagram-iconColor:
radial-gradient(180% 44% at -16% 7%, #3771c8 0%, #3771c8 12%, rgba(102, 0, 255, 0) 100%),
radial-gradient(92% 100% at 26% 108%, #fd5 0%, #fd5 10%, #ff543e 50%, #c837ab 100%);
--bmr-socialMedia_originalColor-link_telegram-iconColor: #2aabee;
--bmr-socialMedia_originalColor-link_twitter-iconColor: #598df1;
/* endregion COLOR THEME */
}
/**
* Social Media common
*/
.bmr_social-media {
display: flex;
align-items: center;
}
.bmr_social-media.__mono-color .social-media_link {
color: var(--bmr-socialMedia-link-iconColor);
}
.bmr_social-media.__mono-color .social-media_link:hover {
color: var(--bmr-socialMedia-link-iconColor-hover);
}
.bmr_social-media.__original-color .social-media_link:hover .sm_link_icon:before {
opacity: 1;
}
.bmr_social-media.__original-color .social-media_link.__blog .sm_link_icon {
mask-image: url("../../../images/svg/bmr/icons/social_media/icon_blog.svg");
}
.bmr_social-media.__original-color .social-media_link.__blog .sm_link_icon:before {
background: var(--bmr-socialMedia_originalColor-link_blog-iconColor);
}
.bmr_social-media.__original-color .social-media_link.__instagram .sm_link_icon {
mask-image: url("../../../images/svg/bmr/icons/social_media/icon_instagram.svg");
}
.bmr_social-media.__original-color .social-media_link.__instagram .sm_link_icon:before {
background: var(--bmr-socialMedia_originalColor-link_instagram-iconColor);
}
.bmr_social-media.__original-color .social-media_link.__telegram .sm_link_icon {
mask-image: url("../../../images/svg/bmr/icons/social_media/icon_telegram.svg");
}
.bmr_social-media.__original-color .social-media_link.__telegram .sm_link_icon:before {
background: var(--bmr-socialMedia_originalColor-link_telegram-iconColor);
}
.bmr_social-media.__original-color .social-media_link.__twitter .sm_link_icon {
mask-image: url("../../../images/svg/bmr/icons/social_media/icon_twitter.svg");
}
.bmr_social-media.__original-color .social-media_link.__twitter .sm_link_icon:before {
background: var(--bmr-socialMedia_originalColor-link_twitter-iconColor);
}
.bmr_social-media.__original-color .social-media_link .sm_link_icon {
position: relative;
display: block;
background: var(--bmr-socialMedia-link-iconColor);
mask: center/contain no-repeat;
}
.bmr_social-media.__original-color .social-media_link .sm_link_icon:before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
transition: opacity var(--bmr-transition-duration-default) var(--bmr-transition-timing-function-default);
content: "";
}
.bmr_social-media .social-media_link {
position: relative;
padding: 8px;
line-height: 0;
}
.bmr_social-media .social-media_link.__blog .sm_link_icon {
width: 24px;
}
.bmr_social-media .social-media_link .sm_link_icon {
width: 18px;
height: 18px;
}
.bmr_social-media .social-media_link .sm_link_badge {
position: absolute;
bottom: calc(100% - 6px);
left: calc(100% - 10px);
}
/**
* Sticky Bar
*/
/**
* Sticky Bar variables
*/
.bmr_sticky-bar {
/* region COLOR THEME */
--bmr-stickyBar-bg: var(--bmr-body-bg);
/* endregion COLOR THEME */
}
/**
* Sticky Bar common
*/
.bmr_sticky-bar {
position: sticky;
top: 0;
z-index: var(--bmr-stickyBar-z-index);
display: grid;
grid-row-gap: 16px;
padding: 16px 0;
background: var(--bmr-stickyBar-bg);
box-shadow: 0 0 0 1px var(--bmr-stickyBar-bg); /* to eliminate gaps when zooming */
transition: transform 0.4s ease-in-out;
}
.bmr_sticky-bar.__hide {
transform: translateY(calc(-100% - 1px));
}
/**
* Tabs component
*/
/**
* Tabs variables
*/
.bmr_tabs {
/* tabs switcher */
--bmr-tabs-switcher-padding: 10px;
/* tabs switcher item */
--bmr-tabs-switcherItem-minWidth: 0;
--bmr-tabs-switcherItem-paddingBlock: 4px;
--bmr-tabs-switcherItem-paddingInline: 20px;
--bmr-tabs-switcherItem-fontWeight: 700;
--bmr-tabs-switcherItem-fontSize: 26px;
--bmr-tabs-switcherItem-fontFamily: "Accent Font Family", sans-serif;
--bmr-tabs-switcherItem-borderRadius: calc((var(--bmr-tabs-switcherItem-fontSize) + var(--bmr-tabs-switcherItem-paddingBlock) * 2) / 2);
/* tabs content */
--bmr-tabs-content-paddingTop: 0;
/* region COLOR THEME */
--bmr-tabs-switcher-bg: #201f1f;
--bmr-tabs-switcherItem-color: var(--bmr-white);
--bmr-tabs-switcherIndicator-bg: #a91838;
/* endregion COLOR THEME */
}
/**
* Tabs component common
*/
.bmr_tabs {
display: grid;
place-items: center;
}
.bmr_tabs .tabs_switcher {
position: relative;
max-width: 100%;
padding: var(--bmr-tabs-switcher-padding);
overflow: auto hidden;
font-size: 0; /* remove space between inline elements */
white-space: nowrap;
background: var(--bmr-tabs-switcher-bg);
border-radius: 999px;
scrollbar-width: none;
}
.bmr_tabs .tabs_switcher::-webkit-scrollbar {
display: none;
}
.bmr_tabs .tabs_switcher-item {
position: relative;
display: inline;
min-width: var(--bmr-tabs-switcherItem-minWidth);
padding: var(--bmr-tabs-switcherItem-paddingBlock) var(--bmr-tabs-switcherItem-paddingInline);
color: var(--bmr-tabs-switcherItem-color);
font: var(--bmr-tabs-switcherItem-fontWeight) var(--bmr-tabs-switcherItem-fontSize)/1 var(--bmr-tabs-switcherItem-fontFamily);
border-radius: var(--bmr-tabs-switcherItem-borderRadius);
transform: translate3d(0, 0, 0); /* property is required to display buttons on iOS */
user-select: none;
}
.bmr_tabs .tabs_switcher-item.__selected {
pointer-events: none;
}
.bmr_tabs .tabs_switcher-indicator {
position: absolute;
top: var(--bmr-tabs-switcher-padding);
left: var(--bmr-tabs-switcher-padding);
height: calc(100% - var(--bmr-tabs-switcher-padding) * 2);
background: var(--bmr-tabs-switcherIndicator-bg);
border-radius: var(--bmr-tabs-switcherItem-borderRadius);
transition: transform ease-in-out 0.4s, width ease-in-out 0.4s;
content: "";
pointer-events: none;
}
.bmr_tabs .tabs_content {
padding-top: var(--bmr-tabs-content-paddingTop);
}
.bmr_tabs .tabs_content.__hidden {
display: none;
}
/* additional tab styles, needed for php rendering of the page */
.bmr_page:not(.__spa) .bmr_tabs .tabs_switcher-item.__selected {
background: var(--bmr-tabs-switcherIndicator-bg);
}
/**
* Video Player component
*/
/**
* Video Player component variables
*/
.bmr_video_player {
--bmr-videoPlayer-borderRadius: 24px;
--bmr-videoPlayer-outlineSizeInner: 0.015em;
--bmr-videoPlayer-outlineSizeOuter: 0.005em;
--bmr-videoPlayer-ratio: 56.25%;
--bmr-videoPlayer_mobileFrame-ratio: 177.78%;
/* region COLOR THEME */
--bmr-videoPlayer-bg: var(--bmr-black);
/* endregion COLOR THEME */
}
.bmr_video_player .vp_loader {
--bmr-videoPlayer-loader-bg: var(--bmr-white);
--bmr-videoPlayer-loader-runner-bg: #f1424f;
}
.bmr_video_player .vp_overlay {
--bmr-videoPlayer-overlay-bg: rgba(13, 0, 28, 0.75);
}
.bmr_video_player .vp_controls {
--bmr-videoPlayer-controls-bg: linear-gradient(0deg, rgba(22, 20, 21, 0.5) 0%, rgba(22, 20, 21, 0) 100%);
--bmr-videoPlayer-controls-button-color: #bdc8ca;
--bmr-videoPlayer-controls-button-color-hover: var(--bmr-white);
--bmr-videoPlayer-controls-timer-color: #bdc8ca;
--bmr-videoPlayer-controls-time-color: var(--bmr-white);
}
.bmr_video_player .vp_progress {
--bmr-videoPlayer-progress-track-height: 3px;
--bmr-videoPlayer-progress-paddingBlock: 12px;
--bmr-videoPlayer-progress-thumb-size: 12px;
/* region COLOR THEME */
--bmr-videoPlayer-progress-track-bg: #fff6;
--bmr-videoPlayer-progress-trackInner-bg: #f1424f;
--bmr-videoPlayer-progress-trackInner_buffered-bg: #bebec0;
--bmr-videoPlayer-progress-thumb-bg: var(--bmr-videoPlayer-progress-trackInner-bg);
/* endregion COLOR THEME */
}
.bmr_video_player .vp_progress.__volume {
--bmr-videoPlayer-progress-thumb-size: 9px;
/* region COLOR THEME */
--bmr-videoPlayer-progress-track-bg: #8f9496;
--bmr-videoPlayer-progress-trackInner-bg: #bdc8ca;
/* endregion COLOR THEME */
}
/**
* Video Player Controls component
*
* @prefix:
* - vp_ = .bmr_video_player
* - vp_c_ = .vp_controls
*
* Modifiers:
* .vp_controls.__hidden - controls is hidden
* .vp_controls.__mobile_frame - controls for mobile frame
* .vp_c_button.__play - play button
* .vp_c_button.__volume - volume button
* .vp_c_button.__fullscreen - fullscreen button
*/
.bmr_video_player .vp_controls {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
padding: 0 20px 18px;
background-image: var(--bmr-videoPlayer-controls-bg);
transition: transform 0.3s ease-in-out;
}
.bmr_video_player .vp_controls.__hidden {
transform: translateY(100%);
}
.bmr_video_player .vp_controls.__mobile_frame {
padding-right: 12px;
padding-left: 12px;
}
.bmr_video_player .vp_controls.__mobile_frame .vp_c_button.__play {
margin: 0 0.8%;
}
.bmr_video_player .vp_controls.__mobile_frame .vp_c_button.__volume {
margin-right: 4px;
}
.bmr_video_player .vp_controls.__mobile_frame .vp_c_sound {
margin-left: 1.8%;
}
.bmr_video_player .vp_controls.__mobile_frame .vp_c_timer {
display: flex;
justify-content: space-between;
margin-left: 0;
}
.bmr_video_player .vp_controls .vp_c_button {
flex-shrink: 0;
width: 24px;
height: 24px;
color: var(--bmr-videoPlayer-controls-button-color);
transition: color var(--bmr-transition-duration-default) var(--bmr-transition-timing-function-default);
}
.bmr_video_player .vp_controls .vp_c_button:hover {
color: var(--bmr-videoPlayer-controls-button-color-hover);
}
.bmr_video_player .vp_controls .vp_c_button.__play {
margin: 0 1.8%;
}
.bmr_video_player .vp_controls .vp_c_button.__fullscreen {
margin-right: 2.8%;
margin-left: auto;
}
.bmr_video_player .vp_controls .vp_c_timer {
color: var(--bmr-videoPlayer-controls-timer-color);
font: 600 12px Roboto, sans-serif;
}
.bmr_video_player .vp_controls .vp_c_time {
color: var(--bmr-videoPlayer-controls-time-color);
}
.bmr_video_player .vp_controls .vp_c_sound {
display: flex;
align-items: center;
margin: 0 1.2% 0 1.4%;
}
/**
* Video Player Loader component
*
* @prefix:
* - vp_ = .bmr_video_player
*/
.bmr_video_player .vp_loader {
position: absolute;
top: calc(50% - 12px);
left: calc(50% - 12px);
width: 24px;
height: 24px;
border: 4px solid var(--bmr-videoPlayer-loader-bg);
border-bottom-color: var(--bmr-videoPlayer-loader-runner-bg);
border-radius: 50%;
animation: anim_loader_rotation 0.9s cubic-bezier(0.72, 0.51, 0.43, 0.67) infinite;
pointer-events: none;
}
.bmr_video_player .vp_loader:before, .bmr_video_player .vp_loader:after {
position: absolute;
top: 13px;
width: 4px;
height: 4px;
background-color: var(--bmr-videoPlayer-loader-runner-bg);
border-radius: 50%;
content: "";
}
.bmr_video_player .vp_loader:before {
left: 13px;
}
.bmr_video_player .vp_loader:after {
right: 13px;
}
@keyframes anim_loader_rotation {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
/**
* Video Player Overlay component
*
* @prefix:
* - vp_ = .bmr_video_player
*
* Modifiers:
* .vp_overlay.__hidden - overlay is hidden
*/
.bmr_video_player .vp_overlay {
position: absolute;
top: 0;
left: 0;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
background: var(--bmr-videoPlayer-overlay-bg);
transform: translateZ(0); /* Safari Display Hack */
cursor: pointer;
transition: opacity 0.2s ease, visibility 0.2s ease;
}
.bmr_video_player .vp_overlay.__hidden {
opacity: 0;
pointer-events: none;
}
/**
* Video Player Progress component
*
* @prefix:
* - vp_ = .bmr_video_player
* - vp_p_ = .vp_progress
*
* Modifiers:
* .vp_progress.__volume - volume progress
* .vp_p_track.__buffered - track is buffered
*/
.bmr_video_player .vp_progress {
position: relative;
width: 100%;
margin: var(--bmr-videoPlayer-progress-paddingBlock) 0;
cursor: pointer;
opacity: 0.7;
transition: opacity 0.2s ease-out;
user-select: none;
}
.bmr_video_player .vp_progress:before {
position: absolute;
top: calc(-1 * var(--bmr-videoPlayer-progress-paddingBlock));
left: 0;
width: 100%;
height: calc(100% + var(--bmr-videoPlayer-progress-paddingBlock) * 2);
transition: transform 0.2s ease-out;
content: "";
}
.bmr_video_player .vp_progress:hover {
opacity: 1;
}
.bmr_video_player .vp_progress:hover .vp_p_thumb:before {
transform: scale(1);
}
.bmr_video_player .vp_progress.__volume {
width: 44px;
margin: 0 14px;
}
.bmr_video_player .vp_progress.__volume .vp_p_thumb:before {
transform: scale(1);
}
.bmr_video_player .vp_progress .vp_p_track {
position: relative;
height: var(--bmr-videoPlayer-progress-track-height);
overflow: hidden;
background: var(--bmr-videoPlayer-progress-track-bg);
}
.bmr_video_player .vp_progress .vp_p_track_inner, .bmr_video_player .vp_progress .vp_p_thumb {
position: absolute;
top: 0;
width: 100%;
height: 100%;
transition: transform 0.3s ease-out;
pointer-events: none;
}
.bmr_video_player .vp_progress .vp_p_track_inner {
right: 100%;
background: var(--bmr-videoPlayer-progress-trackInner-bg);
}
.bmr_video_player .vp_progress .vp_p_track_inner.__buffered {
background: var(--bmr-videoPlayer-progress-trackInner_buffered-bg);
}
.bmr_video_player .vp_progress .vp_p_thumb {
left: 0;
display: flex;
align-items: center;
}
.bmr_video_player .vp_progress .vp_p_thumb:before {
width: var(--bmr-videoPlayer-progress-thumb-size);
height: var(--bmr-videoPlayer-progress-thumb-size);
margin-left: calc(-1 * var(--bmr-videoPlayer-progress-thumb-size) / 2);
background: var(--bmr-videoPlayer-progress-thumb-bg);
border-radius: 50%;
transform: scale(0);
transition: transform 0.1s cubic-bezier(0, 0, 0.2, 1);
content: "";
}
/**
* Video Player component common
*
* @prefix:
* - vp_ = .bmr_video_player
*
* Modifiers:
* .bmr_video_player.__mobile_frame - video player for mobile frame
* .vp_poster.__hidden - poster is hidden
*/
.bmr_video_player {
position: relative;
overflow: hidden;
border-radius: var(--bmr-videoPlayer-borderRadius);
transform: translateZ(0);
}
.bmr_video_player:before, .bmr_video_player:after {
content: "";
pointer-events: none;
}
.bmr_video_player:before {
position: absolute;
top: 0;
left: 0;
width: calc(100% - var(--bmr-videoPlayer-outlineSizeInner) * 2);
height: calc(100% - var(--bmr-videoPlayer-outlineSizeInner) * 2);
margin: var(--bmr-videoPlayer-outlineSizeInner);
background: var(--bmr-videoPlayer-bg);
border-radius: calc(24px - var(--bmr-videoPlayer-outlineSizeInner));
}
.bmr_video_player:after {
position: relative;
display: block;
padding-top: var(--bmr-videoPlayer-ratio);
}
.bmr_video_player.__fullscreen .vp_video {
object-fit: contain;
}
.bmr_video_player.__mobile_frame:after {
padding-top: var(--bmr-videoPlayer_mobileFrame-ratio);
}
.bmr_video_player .vp_inner {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.bmr_video_player .vp_video, .bmr_video_player .vp_poster {
position: absolute;
top: 0;
left: 0;
width: calc(100% - var(--bmr-videoPlayer-outlineSizeOuter) * 2);
height: calc(100% - var(--bmr-videoPlayer-outlineSizeOuter) * 2);
margin: var(--bmr-videoPlayer-outlineSizeOuter);
border-radius: calc(var(--bmr-videoPlayer-borderRadius) - var(--bmr-videoPlayer-outlineSizeOuter));
}
.bmr_video_player .vp_video {
object-fit: cover;
}
.bmr_video_player .vp_poster.__hidden {
visibility: hidden;
opacity: 0;
}
/* Pages — alphabet order */
/**
* Authorization page
*/
/**
* Authorization page
*/
.bmr_auth_page .pc_head {
margin-bottom: 24px;
}
/**
* Join page
*/
/**
* Join page common
*/
.bmr_auth_page.__join .bmr_content_wrapper {
max-width: 1120px;
}
/**
* Index page
*/
/**
* Section common
*/
.bmr_sections-group.__highlight.__black {
background: var(--bmr-black);
}
.bmr_sections-group.__highlight.__white {
background: var(--bmr-white);
}
.bmr_sections-group .bmr_section.__p-block {
padding: 48px 0;
}
.bmr_sections-group .bmr_section.__p-block:first-child {
padding-top: 96px;
}
.bmr_sections-group .bmr_section.__p-block:last-child {
padding-bottom: 96px;
}
.bmr_sections-group .bmr_section.__p-block-start {
padding-top: 48px;
}
.bmr_sections-group .bmr_section.__p-block-start:first-child {
padding-top: 96px;
}
.bmr_sections-group .bmr_section.__p-block-end {
padding-bottom: 48px;
}
.bmr_sections-group .bmr_section.__p-block-end:last-child {
padding-bottom: 96px;
}
.bmr_section {
position: relative;
}
.bmr_section .bmr_title {
margin-bottom: 40px;
}
/* region Components */
/* alphabet order */
/**
* Advantages section
*/
/**
* Advantages section variables
*/
.bmr_section.__advantages {
/* region COLOR THEME */
--bmr-advantages-achievements-bg: #15060a;
--bmr-advantages-achievements-color: var(--bmr-white);
--bmr-advantages-achievements-point-bg: #ffc539;
--bmr-advantages-gender_girls-color: #ff537c;
--bmr-advantages-gender_guys-color: #5ec4f2;
--bmr-advantages-gender_couples-color: linear-gradient(90deg, var(--bmr-advantages-gender_girls-color) 0%, var(--bmr-advantages-gender_guys-color) 100%);
--bmr-advantages-gender_trans-color: linear-gradient(90deg, #014cfd 0%, #1e8d1d 20%, #ffec01 35%, #e60601 70%, #770188 100%);
--bmr-advantages-gender_everyone-color: linear-gradient(90deg, #e66a0e 0%, #e60052 50%, #ffb002 100%);
--bmr-advantages-gender_you-color: #ffd601;
/* endregion COLOR THEME */
--bmr-advantages-reasons-lineHeight: 2em;
}
/**
* Advantages section common
*/
.bmr_section.__advantages .advantages_achievements {
display: flex;
justify-content: center;
margin-bottom: 30px;
}
.bmr_section.__advantages .advantages_achievements .a_achievements_list {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
max-width: 900px;
height: 152px;
padding: 0 24px;
background: var(--bmr-advantages-achievements-bg);
border-radius: 76px;
}
.bmr_section.__advantages .advantages_achievements .a_achievements_item {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
margin: 0 24px;
color: var(--bmr-advantages-achievements-color);
font: 700 17px/1.2 "Accent Font Family", sans-serif;
text-align: center;
}
.bmr_section.__advantages .advantages_achievements .a_achievements_counter {
margin-bottom: 6px;
font-size: 52px;
letter-spacing: -1.5px;
white-space: nowrap;
font-feature-settings: "lnum";
}
.bmr_section.__advantages .advantages_achievements .a_achievements_caption:before {
display: inline-block;
width: 6px;
height: 6px;
margin-right: 6px;
vertical-align: middle;
background: var(--bmr-advantages-achievements-point-bg);
border-radius: 50%;
content: "";
}
.bmr_section.__advantages .advantages_reasons {
display: grid;
grid-column-gap: 36px;
grid-template-columns: repeat(2, max-content);
justify-content: center;
}
.bmr_section.__advantages .advantages_reasons .a_reason_item {
display: flex;
align-items: center;
font: 700 44px/var(--bmr-advantages-reasons-lineHeight) "Accent Font Family", sans-serif;
white-space: nowrap;
}
.bmr_section.__advantages .advantages_reasons .a_reason_item.__animated {
grid-column: 1/3;
justify-self: center;
}
.bmr_section.__advantages .advantages_reasons .a_reason_icon {
flex-shrink: 0;
width: 32px;
height: 42px;
margin-left: 10px;
}
.bmr_section.__advantages .advantages_reasons .a_reason_icon.__money {
width: 54px;
}
.bmr_section.__advantages .advantages_reasons .a_reason_icon.__girls {
width: 28px;
}
.bmr_section.__advantages .advantages_reasons .a_reason_icon.__couples {
width: 44px;
}
.bmr_section.__advantages .advantages_reasons .a_reason_icon.__everyone {
width: 46px;
}
.bmr_section.__advantages .advantages_gender {
position: relative;
margin-left: 10px;
}
.bmr_section.__advantages .advantages_gender .a_gender_wrap.__hide {
display: grid;
visibility: hidden;
}
.bmr_section.__advantages .advantages_gender .a_gender_wrap.__hide .a_gender_item {
grid-area: 1/1/2/2;
}
.bmr_section.__advantages .advantages_gender .a_gender_wrap.__show {
position: absolute;
top: 0;
left: 0;
display: flex;
align-items: flex-end;
width: max-content;
height: 100%;
overflow: hidden;
}
.bmr_section.__advantages .advantages_gender .a_gender_wrap.__show .a_gender_item {
transform: translateY(-100%);
}
.bmr_section.__advantages .advantages_gender .a_gender_wrap.__show .a_gender_item.__active {
animation: anim_word_swipe_active 2s cubic-bezier(0.23, 1, 0.32, 1.2) forwards;
}
.bmr_section.__advantages .advantages_gender .a_gender_wrap.__show .a_gender_item.__active-end {
animation: anim_word_swipe_active_end 2s cubic-bezier(0.23, 1, 0.32, 1.2) forwards;
}
.bmr_section.__advantages .advantages_gender .a_gender_list {
display: grid;
}
.bmr_section.__advantages .advantages_gender .a_gender_item {
display: flex;
grid-area: 1/1/-1/-1;
align-items: center;
color: transparent;
letter-spacing: -1px;
background-clip: text;
}
.bmr_section.__advantages .advantages_gender .a_gender_item.__girls {
color: var(--bmr-advantages-gender_girls-color);
}
.bmr_section.__advantages .advantages_gender .a_gender_item.__guys {
color: var(--bmr-advantages-gender_guys-color);
}
.bmr_section.__advantages .advantages_gender .a_gender_item.__couples {
background-image: var(--bmr-advantages-gender_couples-color);
}
.bmr_section.__advantages .advantages_gender .a_gender_item.__trans {
background-image: var(--bmr-advantages-gender_trans-color);
}
.bmr_section.__advantages .advantages_gender .a_gender_item.__everyone {
background-image: var(--bmr-advantages-gender_everyone-color);
}
.bmr_section.__advantages .advantages_gender .a_gender_item.__you {
color: var(--bmr-advantages-gender_you-color);
}
@keyframes anim_word_swipe_active {
0% {
transform: translateY(-100%);
}
100% {
transform: translateY(0);
}
}
@keyframes anim_word_swipe_active_end {
0% {
transform: translateY(0);
}
100% {
transform: translateY(100%);
}
}
/**
* Ask About section
*/
/**
* Ask About section variables
*/
.bmr_section.__ask_about {
/* region color theme */
--bmr-askAbout-collapsible-borderColor: #161415;
--bmr-askAbout-collapsible-button-color: var(--bmr-white);
--bmr-askAbout-collapsible-text-color: #9ba2ac;
/* endregion color theme */
--bmr-askAbout-collapsible-paddingInline: 18px;
--bmr-askAbout-collapsible-paddingInlineEnd: calc(var(--bmr-askAbout-collapsible-paddingInline) * 2 + 40px);
--bmr-askAbout-collapsible-button-paddingBlock: var(--bmr-askAbout-collapsible-paddingInline);
}
/**
* Ask About section common
*
* @prefix:
* - saa_ = .bmr_section.__ask_about
* - saa_c_ = .saa_collapsible
* - saa_cb_ = .saa_c_button
*
* Modifiers:
* .saa_c_button.__open - collapsible is open
*/
.bmr_section.__ask_about .saa_grid {
display: grid;
grid-column-gap: 32px;
grid-template-columns: 1fr 1fr;
}
.bmr_section.__ask_about .saa_collapsible {
border-top: 1px solid var(--bmr-askAbout-collapsible-borderColor);
border-bottom: 1px solid var(--bmr-askAbout-collapsible-borderColor);
}
.bmr_section.__ask_about .saa_collapsible:first-child {
border-top-width: 2px;
}
.bmr_section.__ask_about .saa_collapsible:last-child {
border-bottom-width: 2px;
}
.bmr_section.__ask_about .saa_collapsible .saa_c_button {
position: relative;
width: 100%;
min-height: 76px;
padding: var(--bmr-askAbout-collapsible-button-paddingBlock) var(--bmr-askAbout-collapsible-paddingInlineEnd) var(--bmr-askAbout-collapsible-button-paddingBlock) var(--bmr-askAbout-collapsible-paddingInline);
color: var(--bmr-askAbout-collapsible-button-color);
font: 20px/1.5 Roboto, sans-serif;
text-align: start;
}
.bmr_section.__ask_about .saa_collapsible .saa_c_button.__open .saa_cb_icon {
transform: translateY(-50%) rotate(45deg);
}
.bmr_section.__ask_about .saa_collapsible .saa_cb_icon {
position: absolute;
top: 50%;
right: var(--bmr-askAbout-collapsible-paddingInline);
transform: translateY(-50%);
transition: transform 0.15s ease-in-out, opacity 0.15s ease-in-out;
}
@media (any-hover: hover) and (pointer: fine) {
.bmr_section.__ask_about .saa_collapsible .saa_cb_icon:hover {
opacity: 0.6;
}
}
.bmr_section.__ask_about .saa_collapsible .saa_c_text {
padding: 0 var(--bmr-askAbout-collapsible-paddingInlineEnd) 0 var(--bmr-askAbout-collapsible-paddingInline);
overflow: hidden;
color: var(--bmr-askAbout-collapsible-text-color);
font: 16px/1.5 Roboto, sans-serif;
}
.bmr_section.__ask_about .saa_collapsible .saa_c_paragraph {
margin-bottom: var(--bmr-askAbout-collapsible-button-paddingBlock);
}
/**
* Awards section
*/
/**
* Awards section variables
*/
.bmr_section.__awards {
/* region COLOR THEME */
--bmr-sectionAwards-figcaption-color: #201f1f;
/* endregion COLOR THEME */
}
.bmr_section.__awards .bmr_tabs {
/* tabs switcher */
--bmr-tabs-switcher-padding: 4px;
/* tabs switcher item */
--bmr-tabs-switcherItem-minWidth: 116px;
--bmr-tabs-switcherItem-paddingBlock: 12px;
--bmr-tabs-switcherItem-fontSize: 18px;
--bmr-tabs-switcherItem-fontFamily: "Roboto", sans-serif;
}
.bmr_section.__awards .bmr-carousel {
--bmr-carousel-number-items: 0;
--bmr-carousel-sideShadow-width: 200px;
--bmr-carousel-sideShadow-bg: linear-gradient(90deg, var(--bmr-white), var(--bmr-white-transparent));
/* item */
--bmr-carousel-item-optimalWidth: 166px;
--bmr-carousel-item-paddingInline: 24px;
--bmr-carousel-slide-width: calc(var(--bmr-carousel-item-optimalWidth) + var(--bmr-carousel-item-paddingInline) * 2);
}
@media (min-width: 1280px) {
.bmr_section.__awards .bmr_tabs {
/* tabs switcher item */
--bmr-tabs-switcherItem-minWidth: 140px;
--bmr-tabs-switcherItem-paddingBlock: 14px;
}
.bmr_section.__awards .bmr-carousel {
/* item */
--bmr-carousel-item-paddingInline: 48px;
}
}
/**
* Awards section common
*
* @prefix:
* - sa_ = .bmr_section.__awards
*
* Modifiers:
* .sa_figure_image.__default – default image
* .sa_figure_image.__active – active image
*/
.bmr_section.__awards .bmr-carousel {
margin-top: 32px;
}
.bmr_section.__awards .bmr-carousel:hover .bmr_carousel__button:not(.__disabled) {
visibility: visible;
opacity: 1;
}
.bmr_section.__awards .bmr_carousel__button {
top: 105px;
visibility: hidden;
opacity: 0;
transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
}
.bmr_section.__awards .sa_figure {
display: grid;
grid-row-gap: 20px;
grid-template-rows: 150px 1fr;
justify-items: center;
min-height: 352px;
padding: 0 var(--bmr-carousel-item-paddingInline);
}
.bmr_section.__awards .sa_figure_image_wrp {
position: relative;
width: 150px;
}
@media (any-hover: hover) and (pointer: fine) {
.bmr_section.__awards .sa_figure_image_wrp:hover .sa_figure_image.__default {
opacity: 0;
}
.bmr_section.__awards .sa_figure_image_wrp:hover .sa_figure_image.__active {
opacity: 1;
}
}
.bmr_section.__awards .sa_figure_image {
position: absolute;
inset: 0;
transform: translateZ(0);
transition: opacity 0.3s ease-in-out;
}
.bmr_section.__awards .sa_figure_image.__active {
opacity: 0;
}
.bmr_section.__awards .sa_figcaption {
color: var(--bmr-sectionAwards-figcaption-color);
font: 16px/1.4 Roboto, sans-serif;
letter-spacing: 0.019em;
text-align: center;
}
.bmr_section.__awards .sa_figcaption_title {
margin-bottom: 6px;
font-weight: 700;
font-size: 18px;
letter-spacing: 0.017em;
text-transform: uppercase;
}
/**
* Earn by Photo section
*/
/**
* Earn by Photo section variables
*/
.bmr_section.__earn_by_photo {
/* region COLOR THEME */
--bmr-earnByPhoto-card_active-shadowColor: #ff5077cc;
--bmr-earnByPhoto-cardLink-bg: linear-gradient(0deg, #f04a56 0%, rgba(240, 74, 86, 0) 105px);
--bmr-earnByPhoto-cardLink-color: var(--bmr-white);
--bmr-earnByPhoto-slider-borderColor: #ff5a66;
--bmr-earnByPhoto-cardType-bg: #2954ef;
--bmr-earnByPhoto-cardPlus-iconColor: #ffc539;
/* endregion COLOR THEME */
--bmr-earnByPhoto-card-borderRadius: 26px;
--bmr-earnByPhoto-card-height: 320px;
--bmr-earnByPhoto-card-width: 260px;
--bmr-earnByPhoto-transition-duration: 0.6s;
--bmr-earnByPhoto-transition-timing-function: ease-in-out;
}
.bmr_section.__earn_by_photo .earn-by-photo_carousel {
/* region COLOR THEME */
--bmr-carousel-sideShadow-bg: linear-gradient(90deg, #a91838 0%, rgba(169, 24, 56, 0) 100%);
/* endregion COLOR THEME */
--bmr-carousel-slide-width: 260px;
--bmr-carousel-slide-spacing: 10px;
--bmr-carousel-viewport-paddingBlock: 100px;
--bmr-carousel-sideShadow-width: 200px;
}
/**
* Earn by Photo section common
*/
.bmr_section.__earn_by_photo .earn-by-photo_avatar-label {
display: flex;
justify-content: center;
margin-top: 24px;
}
.bmr_section.__earn_by_photo .earn-by-photo_carousel {
max-width: 2172px;
margin: 0 auto;
}
.bmr_section.__earn_by_photo .earn-by-photo_carousel-slide {
position: relative;
}
.bmr_section.__earn_by_photo .earn-by-photo_carousel-slide:before {
position: absolute;
left: calc(50% - var(--bmr-earnByPhoto-card-width) / 2);
width: var(--bmr-earnByPhoto-card-width);
height: var(--bmr-earnByPhoto-card-height);
border-radius: var(--bmr-earnByPhoto-card-borderRadius);
box-shadow: 0 0 100px 0 var(--bmr-earnByPhoto-card_active-shadowColor);
opacity: 0;
transition: opacity var(--bmr-earnByPhoto-transition-duration) var(--bmr-earnByPhoto-transition-timing-function);
content: "";
}
.bmr_section.__earn_by_photo .earn-by-photo_carousel-slide.__active:before {
opacity: 1;
}
.bmr_section.__earn_by_photo .earn-by-photo_carousel-slide.__active .earn-by-photo_card {
border-color: var(--bmr-earnByPhoto-slider-borderColor);
}
.bmr_section.__earn_by_photo .earn-by-photo_carousel-slide.__active .earn-by-photo_card-link {
visibility: visible;
opacity: 1;
pointer-events: auto;
}
.bmr_section.__earn_by_photo .earn-by-photo_card {
width: 260px;
height: 320px;
overflow: hidden;
border: 1px solid transparent;
border-radius: var(--bmr-earnByPhoto-card-borderRadius);
transition: border-color var(--bmr-earnByPhoto-transition-duration) var(--bmr-earnByPhoto-transition-timing-function);
}
.bmr_section.__earn_by_photo .earn-by-photo_card-link {
position: absolute;
inset: 0;
display: flex;
flex-direction: column;
align-items: center;
padding: 12px;
color: var(--bmr-earnByPhoto-cardLink-color);
font-weight: 500;
line-height: 1;
text-decoration: none;
background: var(--bmr-earnByPhoto-cardLink-bg);
transform: translateZ(0);
visibility: hidden;
opacity: 0;
transition: opacity var(--bmr-earnByPhoto-transition-duration) var(--bmr-earnByPhoto-transition-timing-function), visibility var(--bmr-earnByPhoto-transition-duration) var(--bmr-earnByPhoto-transition-timing-function);
}
.bmr_section.__earn_by_photo .earn-by-photo_card-type {
align-self: start;
padding: 5px 10px;
font-size: 13px;
background: var(--bmr-earnByPhoto-cardType-bg);
border-radius: 15px;
}
.bmr_section.__earn_by_photo .earn-by-photo_card-price {
display: flex;
margin: auto 0 8px;
font-size: 19px;
text-transform: uppercase;
}
.bmr_section.__earn_by_photo .earn-by-photo_card-plus {
width: 19px;
height: 19px;
margin-right: 4px;
color: var(--bmr-earnByPhoto-cardPlus-iconColor);
}
.bmr_section.__earn_by_photo .earn-by-photo_card-button {
pointer-events: auto;
}
/**
* Earn Money section
*/
/**
* Earn Money section variables
*/
.bmr_section.__earn_money {
--bmr-earnMoney-wrapper-marginBlock: calc(var(--bmr-earnMoney-wrapper-paddingBlock) * -1);
--bmr-earnMoney-wrapper-paddingBlock: 32px;
--bmr-earnMoney-wrapper-paddingInline: 0;
--bmr-earnMoney-wrapper-column-count: 3;
--bmr-earnMoney-wrapper-column-gap: 12px;
--bmr-earnMoney-card-width: calc(100% / var(--bmr-earnMoney-wrapper-column-count) - var(--bmr-earnMoney-wrapper-column-gap) * 2 / var(--bmr-earnMoney-wrapper-column-count));
--bmr-earnMoney-card-borderRadius: 24px;
--bmr-earnMoney-card-boxShadowBlur: 92px;
/* region COLOR THEME */
--bmr-earnMoney-wrapper-decor-bg: linear-gradient(180deg, #c32744 0%, rgba(195, 39, 68, 0) 100%);
--bmr-earnMoney-card-bg: linear-gradient(180deg, var(--bmr-white) 0%, #ffe9f1 100%);
--bmr-earnMoney-card-boxShadow: 0 0 var(--bmr-earnMoney-card-boxShadowBlur) 0 rgba(255, 66, 133, 0.8);
--bmr-earnMoney-card-iconColor: #e9133b;
/* endregion COLOR THEME */
}
@media (min-width: 1024px) {
.bmr_section.__earn_money {
--bmr-earnMoney-wrapper-column-gap: 18px;
}
}
@media (min-width: 1280px) {
.bmr_section.__earn_money {
--bmr-earnMoney-wrapper-paddingBlock: 48px;
--bmr-earnMoney-wrapper-column-gap: 24px;
}
}
@media (min-width: 1440px) {
.bmr_section.__earn_money {
--bmr-earnMoney-wrapper-paddingInline: 48px;
}
}
/**
* Earn Money section common
*/
.bmr_section.__earn_money .bmr_title {
position: relative;
z-index: var(--bmr-positive-z-index);
}
.bmr_section.__earn_money .em_card_wrap {
position: relative;
display: grid;
grid-column-gap: var(--bmr-earnMoney-wrapper-column-gap);
grid-template-columns: repeat(3, var(--bmr-earnMoney-card-width));
padding: var(--bmr-earnMoney-wrapper-paddingBlock) var(--bmr-earnMoney-wrapper-paddingInline);
}
.bmr_section.__earn_money .em_card_wrap:before {
position: absolute;
right: -24px;
bottom: 48px;
left: -24px;
height: 68%;
background: var(--bmr-earnMoney-wrapper-decor-bg);
border-radius: 72px;
content: "";
pointer-events: none;
}
.bmr_section.__earn_money .em_card {
position: relative;
display: flex;
flex-direction: column;
padding: 32px;
background: var(--bmr-earnMoney-card-bg);
border-radius: var(--bmr-earnMoney-card-borderRadius);
}
.bmr_section.__earn_money .em_card:before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: var(--bmr-earnMoney-card-borderRadius);
box-shadow: var(--bmr-earnMoney-card-boxShadow);
opacity: 0;
transition: opacity 0.15s ease-in-out;
content: "";
pointer-events: none;
}
.bmr_section.__earn_money .em_card:nth-child(2) {
z-index: var(--bmr-positive-z-index);
margin: var(--bmr-earnMoney-wrapper-marginBlock) 0;
}
.bmr_section.__earn_money .em_card:nth-child(2):before {
opacity: 1;
}
.bmr_section.__earn_money .em_card_icon {
width: 48px;
height: 48px;
margin-bottom: 8px;
color: var(--bmr-earnMoney-card-iconColor);
}
.bmr_section.__earn_money .em_card_title {
margin-bottom: 8px;
font-size: 36px;
line-height: 1.33;
font-feature-settings: "lnum";
}
.bmr_section.__earn_money .em_card_text {
margin-bottom: auto;
padding-bottom: 8px;
font-size: 24px;
line-height: 1.33;
}
.bmr_section.__earn_money .em_card_button {
margin: 16px auto 0;
}
/**
* Earn Ways section
*/
/**
* Earn Ways section variables
*/
.bmr_section.__earn_ways {
/* region color theme */
--bmr-bestWaysEarn-wrapper-bg: var(--bmr-white);
--bmr-bestWaysEarn-wrapper-boxShadowColor: rgba(255, 66, 133, 0.8);
--bmr-bestWaysEarn-text-accent-color: #a91838;
/* endregion color theme */
}
/**
* Earn Ways section common
*
* @prefix:
* - sew_ = .bmr_section.__earn_ways
*/
.bmr_section.__earn_ways .sew_wrapper {
display: flex;
align-items: center;
justify-content: space-between;
max-width: 860px;
margin: 0 auto;
padding: 24px;
background: var(--bmr-bestWaysEarn-wrapper-bg);
border-radius: 24px;
box-shadow: 0 0 92px 0 var(--bmr-bestWaysEarn-wrapper-boxShadowColor);
}
.bmr_section.__earn_ways .sew_wrapper:after {
flex-shrink: 0;
width: 344px;
height: 274px;
margin-bottom: 20px;
background: url("../../../images/svg/bmr/icons/stack_of_coins.svg") center/contain no-repeat;
content: "";
}
.bmr_section.__earn_ways .sew_content {
padding: 4px 16px 8px 8px;
}
.bmr_section.__earn_ways .bmr_title {
margin-bottom: 16px;
letter-spacing: -1.5px;
}
.bmr_section.__earn_ways .bmr_title .bmr_emoji {
top: 0.1em;
}
.bmr_section.__earn_ways .sew_desc {
margin-bottom: 34px;
font: 24px/calc(2ex + 12px) Roboto, sans-serif;
}
.bmr_section.__earn_ways .sew_desc_accent {
color: var(--bmr-bestWaysEarn-text-accent-color);
font-weight: 700;
font-size: 28px;
letter-spacing: 1px;
}
/**
* Fans section
*/
/**
* Fans section variables
*/
.bmr_section.__fans {
/* region COLOR THEME */
--bmr-fans-footnote-color: var(--bmr-white);
--bmr-fans-footnote-accent-color: #ff8a9b;
--bmr-fans-titleCaption-color: #ffc539;
--bmr-fans-counter-color: var(--bmr-white);
/* endregion COLOR THEME */
}
/**
* Fans section common
*/
.bmr_section.__fans {
overflow: hidden;
}
.bmr_section.__fans .fans_grid {
display: flex;
flex-direction: column;
justify-content: space-between;
min-height: 676px;
}
.bmr_section.__fans .fans_picture {
position: absolute;
top: 60px;
right: calc(50% - 590px);
width: 1174px;
height: 644px;
content: "";
pointer-events: none;
}
.bmr_section.__fans .fans_title-wrap {
max-width: 43.5%;
}
.bmr_section.__fans .fans_title-caption {
margin-bottom: 12px;
color: var(--bmr-fans-titleCaption-color);
font: 700 22px/26px "Accent Font Family", sans-serif;
letter-spacing: -1px;
}
.bmr_section.__fans .bmr_title {
margin-bottom: 0;
}
.bmr_section.__fans .fans_counter {
position: relative;
display: flex;
justify-content: flex-end;
margin-bottom: 48px;
padding: 0 4px;
color: var(--bmr-fans-counter-color);
}
.bmr_section.__fans .fans_counter .f_counter_inner {
display: flex;
flex-direction: column;
}
.bmr_section.__fans .fans_counter .f_counter_value {
position: relative;
margin-bottom: 2px;
font: 700 90px/1 "Accent Font Family", sans-serif;
font-feature-settings: "lnum";
letter-spacing: -4px;
}
.bmr_section.__fans .fans_counter .f_counter_value:before {
opacity: 0;
content: attr(data-value);
}
.bmr_section.__fans .fans_counter .f_counter_quantity {
position: absolute;
top: 0;
left: 0;
}
.bmr_section.__fans .fans_counter .f_counter_caption {
font: 700 39px/1 "Accent Font Family", sans-serif;
letter-spacing: -1.5px;
}
.bmr_section.__fans .fans_footnote {
color: var(--bmr-fans-footnote-color);
font: 16px/24px Roboto, sans-serif;
text-align: end;
}
.bmr_section.__fans .fans_footnote .f_footnote_accent {
color: var(--bmr-fans-footnote-accent-color);
}
/**
* Features section
*/
/**
* Features section variables
*/
.bmr_section.__features {
/* region color theme */
--bmr-features-item-borderColor: #f2edef;
--bmr-features-item_active-color: var(--bmr-white);
--bmr-features-item_active-bg: #a91838;
--bmr-features-item_active-icon-bg: linear-gradient(198deg, rgba(208, 38, 75, 0) 32%, #d0264b 92%);
--bmr-features-item_iconColor: #a91838;
--bmr-features-partnership-borderColor: #ffc539;
--bmr-features-partnership-iconColor: var(--bmr-features-partnership-borderColor);
/* endregion color theme */
--bmr-features-grid-column-gap: 48px;
--bmr-features-grid-video-maxWidth: 508px;
--bmr-features-grid-column_content-width: 372px;
--bmr-features-grid-column_media-width: min(calc(100% - var(--bmr-features-grid-column_content-width) - var(--bmr-features-grid-column-gap)), var(--bmr-features-grid-video-maxWidth));
--bmr-features-item-transitionTimingFunction: ease-in;
--bmr-features-item-transitionDuration: 0.3s;
}
.bmr_section.__features .features_item {
--features-item-index: 0;
}
@media (min-width: 1280px) {
.bmr_section.__features {
--bmr-features-grid-column-gap: 64px;
--bmr-features-grid-video-maxWidth: 720px;
--bmr-features-grid-column_content-width: 456px;
}
}
/**
* Features section common
*/
.bmr_section.__features .bmr_title {
max-width: 718px;
margin-right: auto;
margin-left: auto;
}
.bmr_section.__features .features_grid {
display: grid;
grid-column-gap: var(--bmr-features-grid-column-gap);
grid-template-columns: var(--bmr-features-grid-column_media-width) var(--bmr-features-grid-column_content-width);
align-items: center;
justify-content: center;
}
.bmr_section.__features .features_video:after {
padding-top: 62.5%;
}
.bmr_section.__features .features_list-wrap {
width: 100%;
margin: 0 auto;
}
.bmr_section.__features .features_list.__start_animation .features_item {
transition: background-color var(--bmr-features-item-transitionDuration) var(--bmr-features-item-transitionTimingFunction), color var(--bmr-features-item-transitionDuration) var(--bmr-features-item-transitionTimingFunction);
}
.bmr_section.__features .features_list.__start_animation .features_item .features_item-icon-wrap:before {
transition: opacity var(--bmr-features-item-transitionDuration) var(--bmr-features-item-transitionTimingFunction);
}
.bmr_section.__features .features_list.__start_animation .features_item .features_item-icon {
transition: opacity var(--bmr-features-item-transitionDuration) var(--bmr-features-item-transitionTimingFunction);
}
.bmr_section.__features .features_list.__show_tabs .features_item {
transform: translateX(20%);
animation: anim_list_show calc((var(--features-item-index) + 1) * 0.4s) forwards;
}
.bmr_section.__features .features_list.__stop_animation .features_item {
transform: translateX(0);
opacity: 1;
}
.bmr_section.__features .features_item {
display: flex;
align-items: center;
margin-bottom: 1px;
padding: 0 6px;
border-radius: 60px;
cursor: pointer;
opacity: 0;
-webkit-tap-highlight-color: transparent;
}
.bmr_section.__features .features_item:last-child {
margin-bottom: 5px;
}
.bmr_section.__features .features_item:last-child .features_item-text {
margin-bottom: 0;
}
.bmr_section.__features .features_item:last-child .features_item-text:after {
content: none;
}
.bmr_section.__features .features_item.__active {
color: var(--bmr-features-item_active-color);
background: var(--bmr-features-item_active-bg);
}
.bmr_section.__features .features_item.__active .features_item-icon-wrap:before {
opacity: 1;
}
.bmr_section.__features .features_item.__active .features_item-icon.__active {
opacity: 1;
}
.bmr_section.__features .features_item.__active .features_item-icon.__default {
opacity: 0;
}
.bmr_section.__features .features_item .features_item-icon-wrap:before {
opacity: 0;
}
.bmr_section.__features .features_item .features_item-icon.__active {
opacity: 0;
}
.bmr_section.__features .features_item-icon-wrap {
position: relative;
flex-shrink: 0;
width: 54px;
height: 54px;
padding: 6px;
transform: translateZ(0);
}
.bmr_section.__features .features_item-icon-wrap:before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: var(--bmr-features-item_active-icon-bg);
border-radius: 50%;
content: "";
}
.bmr_section.__features .features_item-icon.__default {
color: var(--bmr-features-item_iconColor);
}
.bmr_section.__features .features_item-text {
position: relative;
display: flex;
flex-direction: column;
flex-grow: 1;
justify-content: center;
min-height: 68px;
padding: 8px 8px 6px;
font: 22px/1.2 Roboto, sans-serif;
}
.bmr_section.__features .features_item-text:after {
position: absolute;
right: 40px;
bottom: -1px;
left: 26px;
height: 1px;
background: var(--bmr-features-item-borderColor);
content: "";
}
.bmr_section.__features .features_item-text .f_item-text_note {
margin-top: 4px;
font-weight: 300;
font-size: 15px;
letter-spacing: -0.1px;
}
.bmr_section.__features .features_partnership {
display: inline-flex;
align-items: center;
min-height: 68px;
padding: 4px 8px;
border: 4px solid var(--bmr-features-partnership-borderColor);
border-radius: 60px;
}
.bmr_section.__features .features_partnership .features_partnership-icon {
flex-shrink: 0;
width: 34px;
height: 34px;
margin: 0 8px;
color: var(--bmr-features-partnership-iconColor);
}
.bmr_section.__features .features_partnership .features_partnership-title {
padding: 0 8px;
font: 700 22px/1.2 Roboto, sans-serif;
}
@keyframes anim_list_show {
0% {
transform: translateX(20%);
visibility: hidden;
opacity: 0;
}
100% {
transform: translateX(0);
visibility: visible;
opacity: 1;
}
}
/**
* Get Money section
*/
/**
* Get Money section variables
*/
.bmr_section.__get_money {
/* region COLOR THEME */
--bmr-getMoney-paymentPie-bg: linear-gradient(180deg, rgba(196, 40, 68, 0) 0%, #c42844 100%);
--bmr-getMoney-paymentPie-modelPicture-bg: linear-gradient(180deg, rgba(33, 224, 62, 0) 0%, #21e03e 100%);
--bmr-getMoney-paymentPie-modelPicture-borderColor: var(--bmr-white);
--bmr-getMoney-paymentPie-modelInfo-color: var(--bmr-white);
--bmr-getMoney-paymentPie-modelInfo-iconColor: #00ca72;
--bmr-getMoney-paymentPie-item-bg: var(--bmr-white);
--bmr-getMoney-desc-color: var(--bmr-white);
--bmr-getMoney-desc-accent-color: #ffc539;
--bmr-getMoney-titleCaption-color: #ffc539;
--bmr-getMoney-methods-color: #ff8a9b;
/* endregion COLOR THEME */
--bmr-getMoney-paymentPie-item-size: 17%;
}
/**
* Get Money section common
*/
.bmr_section.__get_money .get-money_grid {
display: grid;
grid-column-gap: 48px;
grid-template-columns: 1fr 48%;
align-items: center;
}
.bmr_section.__get_money .get-money_content {
min-width: 0;
}
.bmr_section.__get_money .get-money_title-caption {
margin-bottom: 2px;
color: var(--bmr-getMoney-titleCaption-color);
font: 700 22px "Accent Font Family", sans-serif;
letter-spacing: -1px;
}
.bmr_section.__get_money .bmr_title {
margin-bottom: 28px;
}
.bmr_section.__get_money .get-money_desc {
margin-bottom: 42px;
color: var(--bmr-getMoney-desc-color);
font: 700 36px/1.3 "Accent Font Family", sans-serif;
}
.bmr_section.__get_money .get-money_desc .gm_desc_accent {
color: var(--bmr-getMoney-desc-accent-color);
}
.bmr_section.__get_money .get-money_methods {
display: flex;
flex-wrap: wrap;
gap: 24px;
color: var(--bmr-getMoney-methods-color);
}
.bmr_section.__get_money .get-money_methods .gm_methods_icon {
height: 32px;
vertical-align: bottom;
}
.bmr_section.__get_money .get-money_methods .gm_methods_icon.__revolut {
width: 49px;
}
.bmr_section.__get_money .get-money_methods .gm_methods_icon.__crypto, .bmr_section.__get_money .get-money_methods .gm_methods_icon.__mir {
width: 42px;
}
.bmr_section.__get_money .get-money_methods .gm_methods_icon.__webmoney {
width: 73px;
}
.bmr_section.__get_money .get-money_methods .gm_methods_icon.__wire {
width: 74px;
}
.bmr_section.__get_money .get-money_methods .gm_methods_icon.__paxum {
width: 69px;
}
.bmr_section.__get_money .get-money_methods .gm_methods_icon.__onspot {
width: 34px;
}
.bmr_section.__get_money .get-money_methods .gm_methods_icon.__mastercard {
width: 105px;
}
.bmr_section.__get_money .get-money_methods .gm_methods_icon.__visa {
width: 39px;
}
.bmr_section.__get_money .get-money_methods .gm_methods_icon.__check {
width: 50px;
}
.bmr_section.__get_money .get-money_methods .gm_methods_icon.__deposit {
width: 88px;
}
.bmr_section.__get_money .get-money_methods .gm_methods_icon.__sbp {
width: 34px;
}
.bmr_section.__get_money .get-money_payment-pie {
position: relative;
align-self: center;
width: min(676px, 100%);
margin-bottom: 62px;
background: url("../../../images/bmr/pages/main/get_money/pattern/img.png") center/80.116% 80.116% no-repeat, var(--bmr-getMoney-paymentPie-bg);
border-radius: 50%;
}
.bmr_section.__get_money .get-money_payment-pie:before {
display: block;
padding-top: 100%;
content: "";
}
.bmr_section.__get_money .get-money_payment-pie .gm_payment-pie_list {
position: absolute;
inset: -5%;
margin-bottom: -1%;
overflow: hidden;
}
.bmr_section.__get_money .get-money_payment-pie .gm_payment-pie_list-item {
position: absolute;
top: 5px;
left: 5px;
width: calc(100% - 10px);
height: calc(100% - 10px);
pointer-events: none;
}
.bmr_section.__get_money .get-money_payment-pie .gm_payment-pie_item {
position: absolute;
top: 0;
left: calc(50% - var(--bmr-getMoney-paymentPie-item-size) / 2);
display: grid;
place-items: center;
width: var(--bmr-getMoney-paymentPie-item-size);
height: var(--bmr-getMoney-paymentPie-item-size);
background: var(--bmr-getMoney-paymentPie-item-bg);
border-radius: 50%;
pointer-events: auto;
}
.bmr_section.__get_money .get-money_payment-pie .gm_payment-pie_model-picture {
position: relative;
display: grid;
width: 29.946%;
height: 29.946%;
padding: 14px;
background: var(--bmr-getMoney-paymentPie-modelPicture-bg);
border-radius: 50%;
}
.bmr_section.__get_money .get-money_payment-pie .gm_payment-pie_model-picture:before {
grid-area: 1/1/-1/-1;
margin: -4px;
background: var(--bmr-getMoney-paymentPie-modelPicture-borderColor);
border-radius: 50%;
content: "";
}
.bmr_section.__get_money .get-money_payment-pie .gm_payment-pie_model-image {
grid-area: 1/1/-1/-1;
width: 100%;
height: 100%;
border-radius: 50%;
}
.bmr_section.__get_money .get-money_payment-pie .gm_payment-pie_model-info {
position: absolute;
top: 68.5%;
right: 0;
left: 0;
color: var(--bmr-getMoney-paymentPie-modelInfo-color);
font: 700 14px/1.25 "Accent Font Family", sans-serif;
font-feature-settings: "lnum";
letter-spacing: 0.03em;
pointer-events: none;
}
.bmr_section.__get_money .get-money_payment-pie .gm_payment-pie_model-info .pp_model-info_icon {
margin-right: 2px;
color: var(--bmr-getMoney-paymentPie-modelInfo-iconColor);
}
.bmr_section.__get_money .get-money_payment-pie .gm_payment-pie_model-info .pp_model-info_icon.__circle {
width: 6px;
height: 5px;
}
.bmr_section.__get_money .get-money_payment-pie .gm_payment-pie_model-info .pp_model-info_icon.__plus {
width: 8px;
height: 8px;
}
.bmr_section.__get_money .get-money_payment-pie .gm_payment-pie_model-name {
padding: 0 20%;
}
.bmr_section.__get_money .get-money_payment-pie .gm_payment-pie_model-earnings {
padding: 0 25%;
}
.bmr_section.__get_money .get-money_payment-pie .gm_payment-pie_model-earnings .pp_model-earnings_normal {
font-weight: 400;
font-family: Roboto, sans-serif;
letter-spacing: -0.03rem;
}
/**
* Hero Slider
*/
/**
* Hero Slider variables
*/
.bmr_hero_slider {
--bmr-heroSlider-wave-height: 130px;
--bmr-heroSlider-videoOverlay-text-icon-height: 14px;
/* region COLOR THEME */
--bmr-heroSlider-title-color: var(--bmr-white);
--bmr-heroSlider-title-accent-color: #ffc539;
--bmr-heroSlider-desc-color: var(--bmr-white);
--bmr-heroSlider-desc-accent-color: #ffc539;
/* region video overlay */
--bmr-heroSlider-videoOverlay-color: var(--bmr-white);
--bmr-heroSlider-videoOverlay-accent-color: #f54e3b;
--bmr-heroSlider-videoOverlay-titleAccent-bg: linear-gradient(0deg, var(--bmr-heroSlider-videoOverlay-accent-color), var(--bmr-heroSlider-videoOverlay-accent-color));
/* endregion video overlay */
/* endregion COLOR THEME */
}
/**
* Hero Slider common
*
* Modifiers:
* .hs_carousel.__content – carousel contains a content
* .hs_carousel.__overlay – carousel contains a overlay
*/
.bmr_hero_slider {
display: grid;
grid-area: content;
grid-template-areas: "carousel";
margin-top: calc(var(--bmr-subHeader-height) * -1);
padding-bottom: var(--bmr-heroSlider-wave-height);
}
.bmr_hero_slider:after {
position: absolute;
right: 0;
bottom: -0.125rem;
left: 0;
height: var(--bmr-heroSlider-wave-height);
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='xMidYMid meet' viewBox='0 0 3000 131'%3E%3Cpath d='M3000,127.74V131H0v-3.26C323.85,50.71,874.8,0,1500,0S2676.15,50.71,3000,127.74Z' fill='%23fff'/%3E%3C/svg%3E") no-repeat 50% 100%/cover;
content: "";
pointer-events: none;
}
.bmr_hero_slider .hs_carousel {
/* region overriding carousel component styles */
/* carousel viewport */
--bmr-carousel-viewport-paddingBlock: 400px;
--bmr-carousel-viewport-paddingInline: 0;
/* endregion overriding carousel component styles */
grid-area: carousel;
min-width: 0;
}
.bmr_hero_slider .hs_carousel.__content {
/* region overriding carousel component styles */
/* carousel dot */
--bmr-carousel-dot-spacing: 12px;
--bmr-carousel-dot-insetBottom: -48px;
/* endregion overriding carousel component styles */
z-index: var(--bmr-positive-z-index);
}
.bmr_hero_slider .hs_carousel.__overlay .bmr-carousel__track {
height: 100%;
}
.bmr_hero_slider .hs_slide {
box-sizing: content-box;
height: 346px;
margin-bottom: calc(-1 * var(--bmr-heroSlider-wave-height));
padding-top: var(--bmr-subHeader-height);
padding-bottom: var(--bmr-heroSlider-wave-height);
}
.bmr_hero_slider .hs_slide .hs_s_container {
display: flex;
align-items: center;
justify-content: center;
min-height: 100%;
max-height: calc(100% + var(--bmr-heroSlider-wave-height));
}
.bmr_hero_slider .hs_slide .hs_s_column_start {
display: flex;
flex: 0 0 calc(50% - 9px);
flex-direction: column;
align-items: center;
width: 0;
margin-right: 18px;
padding-bottom: 42px;
}
.bmr_hero_slider .hs_slide .hs_s_column_end {
flex: 0 0 calc(50% - 9px);
padding-bottom: 8px;
}
.bmr_hero_slider .hs_slide .hs_s_media {
position: relative;
}
.bmr_hero_slider .hs_slide .hs_s_media:before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url("../../../images/bmr/pages/main/hero_slider/glow/land/1x/img.png") no-repeat center/contain;
transform: scale(1.6);
content: "";
pointer-events: none;
}
.bmr_hero_slider .hs_title {
width: 100%;
margin-bottom: 16px;
color: var(--bmr-heroSlider-title-color);
white-space: nowrap;
text-align: center;
}
.bmr_hero_slider .hs_title .hs_t_caption {
line-height: 1;
}
.bmr_hero_slider .hs_title .hs_t_box {
display: inline-block;
width: 100%;
margin: -6px 0;
}
.bmr_hero_slider .hs_title .hs_t_box.__normal {
font: 700 36px/1.4 "Accent Font Family", sans-serif;
letter-spacing: -2.5px;
}
.bmr_hero_slider .hs_title .hs_t_box.__uppercase {
font: 700 60px/1.4 "Accent Font Family", sans-serif;
letter-spacing: -5px;
text-transform: uppercase;
}
.bmr_hero_slider .hs_title .hs_t_box.__uppercase .hs_t_box_inner {
line-height: 1;
}
.bmr_hero_slider .hs_title .hs_t_box.__accent {
color: var(--bmr-heroSlider-title-accent-color);
font: 700 36px/1.4 "Accent Font Family", sans-serif;
letter-spacing: -2px;
}
.bmr_hero_slider .hs_title .hs_t_box.__accent .hs_t_box_inner {
line-height: 1;
}
.bmr_hero_slider .hs_title .hs_t_box.__small {
min-height: 40px;
margin-top: 16px;
font: 500 16px/1.4 Roboto, sans-serif;
white-space: normal;
}
.bmr_hero_slider .hs_title .hs_t_box.__small.__list {
margin-bottom: -6px;
}
.bmr_hero_slider .hs_title .hs_t_box.__small.__list .hs_t_box_inner {
margin: 0 -8px;
}
.bmr_hero_slider .hs_title .hs_t_box.__small .hs_t_list_item {
display: inline-block;
margin: 0 8px 10px;
}
.bmr_hero_slider .hs_title .hs_t_box.__small .hs_t_list_item .hs_t_li_accent {
color: var(--bmr-heroSlider-desc-accent-color);
}
.bmr_hero_slider .hs_title .hs_t_box_inner {
display: inline-block;
}
.bmr_hero_slider .hs_button .hs_b_emoji {
top: -0.1em;
}
.bmr_hero_slider .hs_sm_picture {
position: relative;
overflow: hidden;
border-radius: 24px;
transform: translateZ(0);
}
.bmr_hero_slider .hs_sm_picture:before {
display: block;
padding-top: 56.25%;
content: "";
}
/**
* Video Player Overlay component in the Hero Slider
*/
/**
* Video Player Overlay component common in the Hero Slider
*
* @prefix:
* - hs_ = .bmr_hero_slider
* - hs_vpo_ = .hs_video_overlay
*/
.bmr_hero_slider .hs_video_overlay {
padding: 26px 0 0;
}
.bmr_hero_slider .hs_video_overlay.__paused, .bmr_hero_slider .hs_video_overlay.__playing {
padding: 0;
}
.bmr_hero_slider .hs_video_overlay.__paused .hs_vo_caption, .bmr_hero_slider .hs_video_overlay.__playing .hs_vo_caption {
display: none;
}
.bmr_hero_slider .hs_video_overlay .hs_vo_caption {
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
padding: 12px 20px;
}
.bmr_hero_slider .hs_video_overlay .hs_vo_title {
width: 100%;
color: var(--bmr-heroSlider-videoOverlay-color);
font: 700 40px/1.4 "Accent Font Family", sans-serif;
letter-spacing: -2.5px;
white-space: nowrap;
text-align: center;
}
.bmr_hero_slider .hs_video_overlay .hs_vo_title_accent {
display: inline-block;
padding: 0 2px;
background: var(--bmr-heroSlider-videoOverlay-titleAccent-bg) no-repeat 0 calc(100% - 0.1em)/100% 0.1em;
}
.bmr_hero_slider .hs_video_overlay .hs_vpo_text {
width: 100%;
margin-top: 8px;
color: var(--bmr-heroSlider-videoOverlay-color);
font: 500 18px/1.4 Roboto, sans-serif;
white-space: nowrap;
text-align: center;
}
.bmr_hero_slider .hs_video_overlay .hs_vpo_text_first_letter {
position: relative;
padding-left: 20px;
}
.bmr_hero_slider .hs_video_overlay .hs_vpo_text_first_letter:before {
position: absolute;
top: 50%;
left: 0;
margin-top: calc(-1 * var(--bmr-heroSlider-videoOverlay-text-icon-height) / 2);
border-top: calc(var(--bmr-heroSlider-videoOverlay-text-icon-height) / 2) solid transparent;
border-bottom: calc(var(--bmr-heroSlider-videoOverlay-text-icon-height) / 2) solid transparent;
border-left: 12px solid var(--bmr-heroSlider-videoOverlay-accent-color);
content: "";
}
/**
* Columbia Slide in the Hero Slider
*/
/**
* Columbia Slide variables
*/
.bmr_hero_slider .hs_slide.__columbia {
/* region COLOR THEME */
--bmr-heroSlider-carousel_overlay-slide_columbia-bg: #0d001c;
--bmr-heroSlider-slide_columbia-name-bg: linear-gradient(90deg, #ffd12f, #ff6a6a);
--bmr-heroSlider-slide_columbia-title-mark-before-bg: #8600c6;
--bmr-heroSlider-slide_columbia-desc-color: #d06cff;
--bmr-heroSlider-slide_columbia-button-borderColor: #14ff00;
/* endregion COLOR THEME */
}
/**
* Columbia Slide common in the Hero Slider
*/
.bmr_hero_slider .hs_carousel.__overlay .hs_slide.__columbia {
overflow: hidden;
background: var(--bmr-heroSlider-carousel_overlay-slide_columbia-bg);
}
.bmr_hero_slider .hs_slide.__columbia .hs_s_container {
position: relative;
justify-content: flex-start;
}
.bmr_hero_slider .hs_slide.__columbia .hs_sc_content {
position: relative;
width: 420px;
padding-bottom: 40px;
text-align: center;
}
.bmr_hero_slider .hs_slide.__columbia .hs_sc_name {
margin-bottom: 12px;
color: transparent;
font: 700 32px/1 "Accent Font Family", sans-serif;
letter-spacing: -2.5px;
background-image: var(--bmr-heroSlider-slide_columbia-name-bg);
background-clip: text;
}
.bmr_hero_slider .hs_slide.__columbia .hs_sc_title {
margin-bottom: 20px;
color: var(--bmr-white);
font: 700 24px/1 "Accent Font Family", sans-serif;
letter-spacing: -2.5px;
}
.bmr_hero_slider .hs_slide.__columbia .hs_sc_title .hs_sct_accent {
display: block;
width: 100%;
margin-bottom: 8px;
font-weight: 700;
font-size: 36px;
line-height: 1.15;
text-transform: uppercase;
}
.bmr_hero_slider .hs_slide.__columbia .hs_sc_title .hs_sct_mark {
position: relative;
display: inline-block;
margin-left: 10px;
}
.bmr_hero_slider .hs_slide.__columbia .hs_sc_title .hs_sct_mark:before {
position: absolute;
background-color: var(--bmr-heroSlider-slide_columbia-title-mark-before-bg);
border-radius: 8px;
transform: skewX(-9deg);
inset: -1px -8px 3px;
content: "";
}
.bmr_hero_slider .hs_slide.__columbia .hs_sc_title .tm_text {
position: relative;
}
.bmr_hero_slider .hs_slide.__columbia .hs_sc_desc {
margin-bottom: 26px;
color: var(--bmr-heroSlider-slide_columbia-desc-color);
font: 700 24px/1 "Accent Font Family", sans-serif;
letter-spacing: -2.5px;
text-transform: capitalize;
}
.bmr_hero_slider .hs_slide.__columbia .hs_sc_button {
min-width: 145px;
padding: 6px 24px;
color: var(--bmr-white);
font: 700 20px "Accent Font Family", sans-serif;
letter-spacing: -2.5px;
border: 2px solid var(--bmr-heroSlider-slide_columbia-button-borderColor);
}
.bmr_hero_slider .hs_slide.__columbia .hs_bg {
position: absolute;
top: -82px;
right: 0;
width: 100%;
max-width: 1220px;
height: 450px;
}
.bmr_hero_slider .hs_slide.__columbia .hs_ssm_image {
width: 1220px;
max-width: 1220px;
height: 100%;
}
/**
* Join Slide in the Hero Slider
*/
/**
* Join Slide common in the Hero Slider
*/
.bmr_hero_slider .hs_slide.__join .hs_video_overlay:before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: url("../../../images/svg/bmr/icons/bc_logo.svg"), url("../../../images/svg/bmr/icons/bonga_models_logo.svg"), url("../../../images/bmr/pages/main/hero_slider/bong.png");
background-repeat: no-repeat;
background-position: calc(100% - 10px) calc(100% - 16px), 16px 22px, 0 center;
background-size: 22px 16px, 96px 22px, 100% auto;
content: "";
}
.bmr_hero_slider .hs_slide.__join .hs_video_overlay.__paused:before, .bmr_hero_slider .hs_slide.__join .hs_video_overlay.__playing:before {
content: none;
}
.bmr_hero_slider .hs_slide.__join .hs_title .hs_t_box.__accent:lang(ru), .bmr_hero_slider .hs_slide.__join .hs_title .hs_t_box.__accent:lang(en) {
font-size: 32px;
}
/**
* Your Time Slide in the Hero Slider
*/
/**
* Your Time Slide in the Hero Slider
*/
.bmr_hero_slider .hs_slide.__your_time .hs_s_column_start {
flex-basis: calc(57.4% - 12px);
align-self: flex-start;
margin-right: 24px;
}
.bmr_hero_slider .hs_slide.__your_time .hs_s_column_end {
flex-basis: 210px;
}
.bmr_hero_slider .hs_slide.__your_time .hs_s_media {
top: -16px;
}
.bmr_hero_slider .hs_slide.__your_time .hs_s_media:before {
background-image: url("../../../images/bmr/pages/main/hero_slider/glow/port/1x/img.png");
transform: scale(2);
}
.bmr_hero_slider .hs_slide.__your_time .hs_title {
margin-bottom: 2px;
white-space: normal;
}
.bmr_hero_slider .hs_slide.__your_time .hs_title .hs_t_box {
margin: 8px 0;
}
.bmr_hero_slider .hs_slide.__your_time .hs_title .hs_t_box.__uppercase {
font-size: 36px;
letter-spacing: -2.5px;
}
.bmr_hero_slider .hs_slide.__your_time .hs_title .hs_t_last {
position: relative;
display: inline-flex;
align-items: center;
padding-right: 1.2em;
}
.bmr_hero_slider .hs_slide.__your_time .hs_title .hs_t_emoji {
position: absolute;
top: -0.1em;
right: 0;
margin-left: 0.2em;
}
/**
* How Much Money section
*/
/**
* How Much Money section variables
*/
.bmr_section.__how_much_money {
--bmr-howMuchMoney-counterResult-ledge: 34px;
/* region color theme */
--bmr-howMuchMoney-wrapper-bg: var(--bmr-white);
--bmr-howMuchMoney-desc-color: var(--bmr-white);
--bmr-howMuchMoney-counterBody-bg: var(--bmr-white);
--bmr-howMuchMoney-counterResult-bg: #ee4955;
--bmr-howMuchMoney-counterResult-color: var(--bmr-white);
--bmr-howMuchMoney-counterResult-shadowColor: #ee495580;
--bmr-howMuchMoney-sliderThumb-iconColor: var(--bmr-white);
/* endregion color theme */
}
/**
* How Much Money section common
*
* @prefix:
* - shmm_ = .bmr_section.__how_much_money
* - shmm_cc_ = .shmm_counter_content
* - shmm_cc_f_ = .shmm_cc_followers
* - shmm_cr_ = .shmm_counter_result
*/
.bmr_section.__how_much_money .shmm_desc {
margin-bottom: 28px;
color: var(--bmr-howMuchMoney-desc-color);
font: 700 34px/1.2 Roboto, sans-serif;
text-align: center;
}
.bmr_section.__how_much_money .shmm_flag {
width: 32px;
height: 32px;
margin-left: 12px;
overflow: hidden;
border-radius: 50%;
transform: translateZ(0);
}
.bmr_section.__how_much_money .shmm_counter {
display: flex;
max-width: 860px;
min-height: 260px;
margin: 0 auto;
}
.bmr_section.__how_much_money .shmm_counter_content {
display: grid;
place-content: center;
flex-grow: 1;
padding: 24px 56px 30px 24px;
font: 24px/1.3 Roboto, sans-serif;
background: var(--bmr-howMuchMoney-counterBody-bg);
border-radius: 75px 0 0 75px;
}
.bmr_section.__how_much_money .shmm_counter_content .shmm_cc_slider {
width: 100%;
max-width: 380px;
margin: 8px auto 10px;
}
.bmr_section.__how_much_money .shmm_counter_content .shmm_cc_slider_thumb_icon {
width: 22px;
height: 22px;
color: var(--bmr-howMuchMoney-sliderThumb-iconColor);
}
.bmr_section.__how_much_money .shmm_counter_content .shmm_cc_followers {
display: grid;
grid-column-gap: 10px;
grid-template-columns: repeat(2, calc(50% - 5px));
align-items: center;
}
.bmr_section.__how_much_money .shmm_counter_content .shmm_cc_followers .shmm_cc_f_value {
font: 700 44px "Accent Font Family", sans-serif;
font-feature-settings: "lnum";
letter-spacing: -1px;
}
.bmr_section.__how_much_money .shmm_counter_content .shmm_cc_followers .shmm_cc_f_caption {
width: 100%;
text-align: end;
}
.bmr_section.__how_much_money .shmm_counter_result {
position: relative;
filter: drop-shadow(0 0 30px var(--bmr-howMuchMoney-counterResult-shadowColor));
}
.bmr_section.__how_much_money .shmm_counter_result:before {
position: absolute;
top: 0;
left: -24px;
width: 42px;
height: 100%;
background: var(--bmr-howMuchMoney-counterResult-bg);
transform: skewX(-7.5deg);
content: "";
pointer-events: none;
}
.bmr_section.__how_much_money .shmm_counter_result .shmm_cr_inner {
position: relative;
display: grid;
place-content: center;
width: 300px;
height: 100%;
padding-right: 20px;
color: var(--bmr-howMuchMoney-counterResult-color);
text-align: center;
background: var(--bmr-howMuchMoney-counterResult-bg);
border-radius: 0 75px 75px 0;
}
.bmr_section.__how_much_money .shmm_counter_result .shmm_cr_caption {
margin-bottom: 8px;
font: 24px/1.4 Roboto, sans-serif;
}
.bmr_section.__how_much_money .shmm_counter_result .shmm_cr_value {
margin-bottom: 4px;
font: 700 117px/1 "Accent Font Family", sans-serif;
font-feature-settings: "lnum";
letter-spacing: -4px;
white-space: nowrap;
}
.bmr_section.__how_much_money .shmm_counter_result .shmm_cr_value_sm {
margin-right: -16px;
font-size: 60px;
}
/**
* How to Start section
*/
/**
* How to Start section variables
*/
.bmr_section.__how_to_start {
/* region COLOR THEME */
--bmr-howToStart-control-strip-bg: #201f1f;
--bmr-howToStart-control-num_active-color: var(--bmr-white);
--bmr-howToStart-control-num_active-bg: #a91838;
--bmr-howToStart-control-num_active-borderColor: linear-gradient(180deg, #ffd7dc, var(--bmr-white));
/* endregion COLOR THEME */
--bmr-howToStart-stage-num-size: 76px;
--bmr-howToStart-stage-title-paddingStart: 18px;
}
.bmr_section.__how_to_start .bmr_tabs {
/* tabs switcher item */
--bmr-tabs-switcherItem-minWidth: 156px;
--bmr-tabs-switcherItem-paddingBlock: 12px;
/* tabs content */
--bmr-tabs-content-paddingTop: 90px;
}
@media (min-width: 1280px) {
.bmr_section.__how_to_start .bmr_tabs {
/* tabs switcher item */
--bmr-tabs-switcherItem-minWidth: 184px;
--bmr-tabs-switcherItem-paddingBlock: 12px;
--bmr-tabs-switcherItem-fontSize: 34px;
/* tabs content */
--bmr-tabs-content-paddingTop: 114px;
}
}
/**
* How to Start section common
*
* Modifiers:
* .shs_stage.__active - active step item
*/
.bmr_section.__how_to_start .bmr_title {
margin-bottom: 12px;
}
.bmr_section.__how_to_start .how-to-start_wrap {
display: grid;
grid-row-gap: 96px;
grid-template-columns: 1fr 386px 32px 386px 1fr;
}
.bmr_section.__how_to_start .how-to-start_cell {
min-width: 0;
}
.bmr_section.__how_to_start .how-to-start_cell:nth-child(1) {
grid-area: 1/1/2/-1;
text-align: center;
}
.bmr_section.__how_to_start .how-to-start_cell:nth-child(2) {
grid-area: 2/2/3/3;
}
.bmr_section.__how_to_start .how-to-start_cell:nth-child(3) {
grid-area: 2/4/3/5;
}
.bmr_section.__how_to_start .shs_stage {
position: relative;
padding-bottom: 16px;
}
.bmr_section.__how_to_start .shs_stage:before {
position: absolute;
top: calc(var(--bmr-howToStart-stage-num-size) - 8px);
bottom: 0;
left: 35px;
width: 6px;
min-height: 12px;
background: var(--bmr-howToStart-control-strip-bg);
transition: transform 0.3s ease-in-out;
content: "";
}
.bmr_section.__how_to_start .shs_stage:last-of-type:before {
top: var(--bmr-howToStart-stage-num-size);
min-height: 0;
}
.bmr_section.__how_to_start .shs_stage.__active .shs_stage_head {
pointer-events: none;
}
.bmr_section.__how_to_start .shs_stage.__active .shs_stage_title {
transform: translateY(-6px);
}
.bmr_section.__how_to_start .shs_stage.__active .shs_si_arrow {
transform: rotate(180deg);
}
.bmr_section.__how_to_start .shs_stage.__active .shs_stage_num {
color: var(--bmr-howToStart-control-num_active-color);
}
.bmr_section.__how_to_start .shs_stage.__active .shs_stage_num:before, .bmr_section.__how_to_start .shs_stage.__active .shs_stage_num:after {
opacity: 1;
}
.bmr_section.__how_to_start .shs_stage.__active .shs_stage_num:before {
transform: scale(1.2632);
transition: transform 0.2s 0.1s ease-in-out, opacity 0.15s 0.1s ease-in-out;
}
.bmr_section.__how_to_start .shs_stage.__active .shs_stage_num:after {
transform: scale(1);
transition: transform 0.2s ease-in-out, opacity 0.15s ease-in-out;
}
.bmr_section.__how_to_start .shs_stage.__active .shs_stage_content {
grid-template-rows: 1fr;
}
.bmr_section.__how_to_start .shs_stage.__active .shs_stage_content:before {
transform: translateY(20px);
}
.bmr_section.__how_to_start .shs_stage .shs_si_arrow {
flex-shrink: 0;
width: 16px;
height: 10px;
margin-left: 10px;
}
.bmr_section.__how_to_start .shs_stage_head {
position: relative;
display: flex;
padding-left: 76px;
cursor: pointer;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.bmr_section.__how_to_start .shs_stage_num {
position: absolute;
top: 0;
left: 0;
z-index: var(--bmr-zero-z-index);
flex-shrink: 0;
width: var(--bmr-howToStart-stage-num-size);
height: var(--bmr-howToStart-stage-num-size);
font: 700 42px/1.9 "Accent Font Family", sans-serif;
font-feature-settings: "lnum";
text-align: center;
}
.bmr_section.__how_to_start .shs_stage_num:before, .bmr_section.__how_to_start .shs_stage_num:after {
position: absolute;
top: 0;
left: 0;
z-index: var(--bmr-negative-z-index);
width: 100%;
height: 100%;
border-radius: 50%;
content: "";
pointer-events: none;
}
.bmr_section.__how_to_start .shs_stage_num:before {
background: var(--bmr-howToStart-control-num_active-borderColor);
transform: scale(0.8);
opacity: 0;
}
.bmr_section.__how_to_start .shs_stage_num:after {
background: var(--bmr-howToStart-control-num_active-bg);
transform: scale(0.7);
opacity: 0;
}
.bmr_section.__how_to_start .shs_stage_content {
display: grid;
grid-template-rows: 0fr;
padding-left: 94px;
transition: grid-template-rows 0.3s ease-in-out;
}
.bmr_section.__how_to_start .shs_stage_title {
display: flex;
align-items: flex-end;
min-height: 60px;
padding: 6px 0 6px var(--bmr-howToStart-stage-title-paddingStart);
font: 700 28px/1.2 "Accent Font Family", sans-serif;
letter-spacing: -1px;
transition: transform 0.3s ease-in-out;
}
.bmr_section.__how_to_start .how-to-start_picture-wrap {
position: relative;
overflow: hidden;
border-radius: 24px;
}
.bmr_section.__how_to_start .how-to-start_picture {
position: relative;
}
.bmr_section.__how_to_start .how-to-start_picture:before {
display: block;
padding-top: 129.016%;
content: "";
}
.bmr_section.__how_to_start .how-to-start_button {
width: 100%;
margin-top: 50px;
}
/**
* Intro section
*/
/**
* Intro section common
*/
.bmr_section.__intro {
display: grid;
grid-template-areas: "content";
align-items: flex-start;
padding-top: 0;
padding-bottom: 0;
}
.bmr_section.__intro .si_subheader {
z-index: var(--bmr-positive-z-index);
grid-area: content;
}
.bmr_section.__intro .bmr_hero_slider {
z-index: var(--bmr-zero-z-index);
}
/**
* Make Money section
*/
/**
* Make Money section variables
*/
.bmr_section.__make_money {
--make-money-tab-index: 0;
--bmr-makeMoney-tab-width: 260px;
--bmr-makeMoney-tab-minHeight: 72px;
--bmr-makeMoney-tab-shadow-width: 540px;
--bmr-makeMoney-tab-shadow-offsetPart-width: calc((var(--bmr-makeMoney-tab-shadow-width) - var(--bmr-makeMoney-tab-width)) / 2);
--bmr-makeMoney-picture-width: 590px;
--bmr-makeMoney-picture-paddingInlineStart: 48px;
--bmr-makeMoney-picture-paddingInlineEnd: 32px;
--bmr-makeMoney-picture-paddingBottom: 48px;
--bmr-makeMoney-wrap-gridColumnPicture-width: calc(var(--bmr-makeMoney-picture-width) + var(--bmr-makeMoney-picture-paddingInlineStart) + var(--bmr-makeMoney-picture-paddingInlineEnd) - var(--bmr-makeMoney-tab-shadow-offsetPart-width));
--bmr-makeMoney-tab-translateXFrom: 72px;
--bmr-makeMoney-tab-translateXTo: 0;
/* region COLOR THEME */
--bmr-makeMoney-tab-color: var(--bmr-white);
--bmr-makeMoney-tab-shadow-bg: linear-gradient(90deg, rgba(238, 73, 85, 0) 0%, #ee4955 50%, rgba(238, 73, 85, 0) 100%);
--bmr-makeMoney-tab_active-color: #201f1f;
--bmr-makeMoney-tab_active-bg: var(--bmr-white);
--bmr-makeMoney-tab_active-iconColor: #a91838;
/* endregion COLOR THEME */
}
@media (min-width: 1280px) {
.bmr_section.__make_money {
--bmr-makeMoney-tab-width: 338px;
--bmr-makeMoney-tab-minHeight: 98px;
--bmr-makeMoney-tab-shadow-width: 720px;
--bmr-makeMoney-picture-paddingInlineStart: 112px;
--bmr-makeMoney-picture-paddingInlineEnd: 48px;
--bmr-makeMoney-picture-paddingBottom: 64px;
}
}
@media (min-width: 1440px) {
.bmr_section.__make_money {
--bmr-makeMoney-picture-paddingInlineStart: 130px;
}
}
/**
* Make Money section mixins
*/
/**
* Make Money section keyframes
*/
@keyframes anim_tab_show {
0% {
transform: translateX(var(--bmr-makeMoney-tab-translateXFrom));
visibility: hidden;
opacity: 0;
}
100% {
transform: translateX(var(--bmr-makeMoney-tab-translateXTo));
visibility: visible;
opacity: 1;
}
}
/**
* Make Money section common
*/
.bmr_section.__make_money .make-money_wrap {
display: grid;
grid-template-columns: minmax(var(--bmr-container-paddingInline), 1fr) minmax(0, var(--bmr-makeMoney-wrap-gridColumnPicture-width)) var(--bmr-makeMoney-tab-shadow-offsetPart-width) var(--bmr-makeMoney-tab-width) minmax(var(--bmr-container-paddingInline), 1fr);
align-items: center;
padding-top: 6px;
}
.bmr_section.__make_money .make-money_wrap.__show_tabs .make-money_tab {
animation: anim_tab_show 0.4s forwards calc(var(--make-money-tab-index) * 0.2s);
}
.bmr_section.__make_money .make-money_images-box {
position: relative;
grid-area: 1/2/-1/4;
width: 100%;
padding: 0 var(--bmr-makeMoney-picture-paddingInlineEnd) var(--bmr-makeMoney-picture-paddingBottom) var(--bmr-makeMoney-picture-paddingInlineStart);
}
.bmr_section.__make_money .make-money_models {
display: grid;
width: 100%;
max-width: 590px;
margin-left: auto;
}
.bmr_section.__make_money .make-money_models-picture {
position: relative;
display: block;
width: 100%;
overflow: hidden;
border-radius: 24px;
transition: opacity 0.8s linear;
}
.bmr_section.__make_money .make-money_models-picture:before {
display: block;
padding-top: 66.78%;
content: "";
}
.bmr_section.__make_money .make-money_cards {
position: absolute;
bottom: 0;
left: 0;
display: grid;
align-items: end;
width: 225px;
}
.bmr_section.__make_money .make-money_cards-picture {
transition: opacity 0.4s 0.6s linear;
}
.bmr_section.__make_money .make-money_cards-picture:before {
display: block;
padding-top: 148%;
content: "";
}
.bmr_section.__make_money .make-money_models-picture, .bmr_section.__make_money .make-money_cards-picture {
grid-area: 1/1/-1/-1;
visibility: hidden;
opacity: 0;
}
.bmr_section.__make_money .make-money_models-picture.__active, .bmr_section.__make_money .make-money_cards-picture.__active {
visibility: visible;
opacity: 1;
}
.bmr_section.__make_money .make-money_tabs {
grid-area: 1/3/-1/6;
padding-left: var(--bmr-makeMoney-tab-shadow-offsetPart-width);
overflow: hidden;
}
.bmr_section.__make_money .make-money_tab {
position: relative;
width: var(--bmr-makeMoney-tab-width);
cursor: pointer;
-webkit-tap-highlight-color: transparent;
transform: translateX(var(--bmr-makeMoney-tab-translateXFrom));
visibility: hidden;
opacity: 0;
}
.bmr_section.__make_money .make-money_tab:before {
position: absolute;
top: 0;
left: 50%;
width: var(--bmr-makeMoney-tab-shadow-width);
height: 100%;
background: var(--bmr-makeMoney-tab-shadow-bg);
transform: translate3d(-50%, 0, 0);
opacity: 0;
content: "";
pointer-events: none;
}
.bmr_section.__make_money .make-money_tab.__active:before {
opacity: 1;
transition: opacity 0.3s ease-out;
}
.bmr_section.__make_money .make-money_tab.__active .make-money_tab-content {
color: var(--bmr-makeMoney-tab_active-color);
background: var(--bmr-makeMoney-tab_active-bg);
transition: color 0.3s ease-out, background 0.3s ease-out;
}
.bmr_section.__make_money .make-money_tab.__active .make-money_tab-icon {
color: var(--bmr-makeMoney-tab_active-iconColor);
transition: color 0.3s ease-out;
}
.bmr_section.__make_money .make-money_tab-content {
position: relative;
display: flex;
align-items: center;
min-height: var(--bmr-makeMoney-tab-minHeight);
padding: 4px 20px;
color: var(--bmr-makeMoney-tab-color);
font: 700 26px/1.2 "Accent Font Family", sans-serif;
border-radius: calc(var(--bmr-makeMoney-tab-minHeight) / 2);
}
.bmr_section.__make_money .make-money_tab-icon {
flex-shrink: 0;
width: 40px;
height: 40px;
margin-inline-end: 20px;
}
/**
* Questions section
*/
/**
* Questions section variables
*/
.bmr_section.__questions {
/* region COLOR THEME */
--bmr-questions-desc-color: var(--bmr-white);
/* endregion COLOR THEME */
}
/**
* Questions section common
*/
.bmr_section.__questions .bmr_title {
margin-bottom: 2px;
}
.bmr_section.__questions .questions_desc {
color: var(--bmr-questions-desc-color);
font: 700 28px/36px "Accent Font Family", sans-serif;
text-align: center;
text-wrap: pretty; /* only supported in latest browser versions */
}
.bmr_section.__questions .questions_button-wrap {
display: flex;
justify-content: center;
margin-top: 48px;
}
/**
* Stream Platforms section
*/
/**
* Stream Platforms section variables
*/
.bmr_section.__stream_platforms {
/* region color theme */
--bmr-streamPlatforms-accent-color: #a91838;
--bmr-streamPlatforms-platforms-iconColor: #a91838;
/* endregion color theme */
}
/**
* Stream Anywhere common
*
* @prefix:
* - ssp_ = .bmr_section.__stream_platforms
*/
.bmr_section.__stream_platforms .ssp_accent {
color: var(--bmr-streamPlatforms-accent-color);
}
.bmr_section.__stream_platforms .ssp_content {
margin-bottom: 38px;
text-align: center;
}
.bmr_section.__stream_platforms .ssp_subtitle {
margin-bottom: 50px;
font: 700 44px/56px "Accent Font Family", sans-serif;
letter-spacing: -1px;
}
.bmr_section.__stream_platforms .ssp_devices {
font-size: 0; /* remove space between inline elements */
}
.bmr_section.__stream_platforms .ssp_devices_icon {
display: inline-block;
width: 36px;
height: 36px;
color: var(--bmr-streamPlatforms-platforms-iconColor);
vertical-align: middle;
}
.bmr_section.__stream_platforms .ssp_devices_icon:nth-child(n+2) {
margin-left: 4px;
}
.bmr_section.__stream_platforms .ssp_picture {
position: relative;
display: block;
width: 100%;
overflow: hidden;
}
.bmr_section.__stream_platforms .ssp_picture:before {
display: block;
padding-top: 62.5%;
content: "";
}
/**
* Stream section
*/
/**
* Stream section variables
*/
.bmr_section.__stream {
/* region color theme */
--bmr-stream-category-color: var(--bmr-white);
--bmr-stream-category_selected-color: #201f1f;
--bmr-stream-category_selected-bg: var(--bmr-white);
--bmr-stream-category_selected-iconColor: #a91838;
--bmr-stream-item-decor-outerCircle-bg: linear-gradient(180deg, #bd2640 2%, rgba(189, 38, 64, 0) 100%);
--bmr-stream-item-decor-innerCircle-bg: linear-gradient(180deg, #de3e4e 0%, rgba(222, 62, 78, 0) 100%);
/* endregion color theme */
}
/**
* Stream section keyframes
*/
@keyframes anim_fade_in {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
/**
* Stream section common
*/
.bmr_section.__stream .stream_video-wrap {
position: relative;
display: grid;
width: 100%;
max-width: 800px;
}
.bmr_section.__stream .stream_video-wrap.__animate {
animation: anim_fade_in 1s ease-in 0s forwards;
}
.bmr_section.__stream .stream_video-wrap .bmr_video_player {
grid-area: 1/1/-1/-1;
}
.bmr_section.__stream .stream_video-wrap .bmr_video_player.__hidden {
opacity: 0;
pointer-events: none;
}
.bmr_section.__stream .stream_categories {
display: flex;
align-items: center;
margin-top: 32px;
}
.bmr_section.__stream .stream_category {
position: relative;
width: 116px;
height: 116px;
margin: 0 10px;
-webkit-tap-highlight-color: transparent;
cursor: pointer;
}
.bmr_section.__stream .stream_category.__selected .stream_category-overlay {
opacity: 1;
}
.bmr_section.__stream .stream_category.__selected .stream_category-overlay:before, .bmr_section.__stream .stream_category.__selected .stream_category-overlay:after {
opacity: 1;
transition: opacity 0.3s 0.1s ease-out;
}
.bmr_section.__stream .stream_category.__selected .stream_category-body {
color: var(--bmr-stream-category_selected-color);
}
.bmr_section.__stream .stream_category.__selected .stream_category-icon {
color: var(--bmr-stream-category_selected-iconColor);
}
.bmr_section.__stream .stream_category-overlay {
position: absolute;
top: 0;
left: 0;
display: grid;
grid-template-areas: "body";
place-items: center;
width: 100%;
height: 100%;
opacity: 0;
pointer-events: none;
}
.bmr_section.__stream .stream_category-overlay:before, .bmr_section.__stream .stream_category-overlay:after {
grid-area: body;
border-radius: 50%;
opacity: 0;
content: "";
}
.bmr_section.__stream .stream_category-overlay:before {
width: calc(100% + 48px);
height: calc(100% + 48px);
background: var(--bmr-stream-item-decor-outerCircle-bg);
}
.bmr_section.__stream .stream_category-overlay:after {
width: calc(100% + 24px);
height: calc(100% + 24px);
background: var(--bmr-stream-item-decor-innerCircle-bg);
}
.bmr_section.__stream .stream_category-overlay .s_category-overlay_inner {
position: relative;
z-index: var(--bmr-positive-z-index);
display: block;
grid-area: body;
width: 100%;
height: 100%;
background: var(--bmr-stream-category_selected-bg);
border-radius: 50%;
}
.bmr_section.__stream .stream_category-body {
position: relative;
z-index: var(--bmr-positive-z-index);
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
padding: 8px;
color: var(--bmr-stream-category-color);
font: 700 16px/1 "Accent Font Family", sans-serif;
letter-spacing: -0.5px;
text-align: center;
border-radius: 50%;
transform: translate3d(0, 0, 0);
}
.bmr_section.__stream .stream_category-icon {
width: 40px;
height: 40px;
margin-bottom: 8px;
}
/**
* Talk About section
*/
/**
* Talk About section variables
*/
.bmr_section.__talk_about {
/* region color theme */
--bmr-talkAbout-comment-bg: linear-gradient(180deg, var(--bmr-white) 43.75%, #ffe9f1 100%);
--bmr-talkAbout-slide-boxShadowColor-hover: rgba(0, 0, 0, 0.2);
--bmr-talkAbout-comment-date-color: #76808f;
--bmr-talkAbout-slide-dateStart-color: #76808f;
/* endregion color theme */
--bmr-talkAbout-comment-wrap-padding: 32px;
--bmr-talkAbout-comment-content-numberLine: 10;
--bmr-talkAbout-comment-content-lineHeight: 1.4;
}
/**
* Talk About section common
*
* @prefix:
* - sta_ = .bmr_section.__talk_about
* - sta_ch_ = .sta_comment_head
*/
.bmr_section.__talk_about .sta_carousel {
/* region overriding carousel component styles */
/* carousel viewport */
--bmr-carousel-viewport-paddingBlock: 42px;
/* carousel slide */
--bmr-carousel-slide-width: 420px;
--bmr-carousel-slide-spacing: 18px;
/* endregion overriding carousel component styles */
margin-bottom: 32px;
}
.bmr_section.__talk_about .sta_scroll {
/* region overriding scroll component styles */
/* scroll viewport */
--bmr-scroll-viewport-paddingEnd: calc(16px + var(--bmr-talkAbout-comment-wrap-padding));
/* endregion overriding scroll component styles */
margin-right: calc(-1 * var(--bmr-talkAbout-comment-wrap-padding));
}
.bmr_section.__talk_about .sta_comment_wrap {
display: flex;
flex-direction: column;
height: 484px;
padding: var(--bmr-talkAbout-comment-wrap-padding);
background: var(--bmr-talkAbout-comment-bg);
border-radius: 24px;
}
@media (any-hover: hover) and (pointer: fine) {
.bmr_section.__talk_about .sta_comment_wrap {
transition: transform 0.2s 0.1s ease-out;
}
.bmr_section.__talk_about .sta_comment_wrap:hover {
box-shadow: 0 0 40px var(--bmr-talkAbout-slide-boxShadowColor-hover);
transform: translate3d(0, -5px, 0);
}
}
.bmr_section.__talk_about .sta_comment_head {
display: flex;
align-items: center;
}
.bmr_section.__talk_about .sta_comment_head .sta_ch_avatar {
flex-shrink: 0;
width: 48px;
height: 48px;
margin-right: 12px;
overflow: hidden;
border-radius: 50%;
}
.bmr_section.__talk_about .sta_comment_head .sta_ch_name {
margin-bottom: 2px;
font: 17px/1.2 Roboto, sans-serif;
}
.bmr_section.__talk_about .sta_comment_head .sta_ch_start {
color: var(--bmr-talkAbout-slide-dateStart-color);
font: 15px/1.2 Roboto, sans-serif;
}
.bmr_section.__talk_about .sta_comment_content {
height: calc(var(--bmr-talkAbout-comment-content-numberLine) * var(--bmr-talkAbout-comment-content-lineHeight) * 1em);
min-height: 0;
margin-top: 18px;
font: 20px/var(--bmr-talkAbout-comment-content-lineHeight) Roboto, sans-serif;
}
.bmr_section.__talk_about .sta_comment_date {
margin-top: auto;
padding: 4px 0;
color: var(--bmr-talkAbout-comment-date-color);
font-size: 15px;
}
/**
* Upcoming Events section
*/
/**
* Upcoming Events section variables
*/
.bmr_section.__upcoming_events {
/* region color theme */
--bmr-upcomingEvents-slide-bg: linear-gradient(180deg, var(--bmr-white) 0%, #fff9fa 100%);
--bmr-upcomingEvents-slide-boxShadowColor-hover: rgba(0, 0, 0, 0.2);
--bmr-upcomingEvents-slide-location-color: #f13e4b;
/* endregion color theme */
--bmr-upcomingEvents-slide-picture-width: 284px;
--bmr-upcomingEvents-slide-picture-cuttingWidth: 58px;
--bmr-upcomingEvents_mobile-slide-picture-height: 206px;
--bmr-upcomingEvents_mobile-slide-picture-cuttingHeight: 32px;
}
/**
* Upcoming Events section common
*
* @prefix:
* - sue_ = .bmr_section.__upcoming_events
* - sue_cs_ = .sue_carousel_slide
*/
.bmr_section.__upcoming_events .sue_carousel {
/* region overriding carousel component styles */
/* carousel viewport */
--bmr-carousel-viewport-paddingBlock: 48px;
--bmr-carousel-viewport-paddingInline: 48px;
/* carousel slide */
--bmr-carousel-slide-width: 566px;
--bmr-carousel-slide-spacing: 18px;
/* endregion overriding carousel component styles */
}
.bmr_section.__upcoming_events .sue_carousel_slide {
height: 320px;
}
.bmr_section.__upcoming_events .sue_carousel_slide .sue_cs_content {
display: flex;
flex-direction: row-reverse;
height: 100%;
overflow: hidden;
background: var(--bmr-upcomingEvents-slide-bg) left center/calc(100% - var(--bmr-upcomingEvents-slide-picture-width) + var(--bmr-upcomingEvents-slide-picture-cuttingWidth)) 100% no-repeat;
border-radius: 24px;
}
.bmr_section.__upcoming_events .sue_carousel_slide .sue_cs_content.__bucharest_summit .sue_cs_logo_wrap {
width: 152px;
height: 44px;
}
@media (any-hover: hover) and (pointer: fine) {
.bmr_section.__upcoming_events .sue_carousel_slide .sue_cs_content {
transition: transform 0.2s 0.1s ease-out;
}
.bmr_section.__upcoming_events .sue_carousel_slide .sue_cs_content:hover {
box-shadow: 0 0 40px var(--bmr-upcomingEvents-slide-boxShadowColor-hover);
transform: translate3d(0, -5px, 0);
}
}
.bmr_section.__upcoming_events .sue_carousel_slide .sue_cs_info {
position: relative;
display: flex;
flex-direction: column;
flex-grow: 1;
align-items: flex-start;
justify-content: space-between;
padding: 32px 16px 32px 32px;
}
.bmr_section.__upcoming_events .sue_carousel_slide .sue_cs_logo_wrap {
width: 110px;
}
.bmr_section.__upcoming_events .sue_carousel_slide .sue_cs_text {
padding: 10px 0;
}
.bmr_section.__upcoming_events .sue_carousel_slide .sue_cs_text_accent {
color: var(--bmr-upcomingEvents-slide-location-color);
}
.bmr_section.__upcoming_events .sue_carousel_slide .sue_cs_picture {
position: relative;
flex-shrink: 0;
width: var(--bmr-upcomingEvents-slide-picture-width);
height: 100%;
clip-path: polygon(var(--bmr-upcomingEvents-slide-picture-cuttingWidth) 0, 100% 0, 100% 100%, 0 100%);
}
/* endregion Components */
/**
* Not Found page
*/
/**
* Not Found page variables
*/
.bmr_not_found_page {
--bmr-notFound-404-color: var(--bmr-white);
--bmr-notFound-404-maskImage: linear-gradient(90deg, var(--bmr-black-transparent) 0%, var(--bmr-black) 20%, var(--bmr-black) 80%, var(--bmr-black-transparent) 100%);
--bmr-notFound-text-color: var(--bmr-white);
}
/**
* Not Found page common
*/
.bmr_not_found_page {
position: relative;
z-index: var(--bmr-zero-z-index);
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: 100%;
padding-bottom: 50px;
}
.bmr_not_found_page .nfp_oops {
margin-bottom: 0;
}
.bmr_not_found_page .nfp_title {
margin-bottom: 20px;
}
.bmr_not_found_page .nfp_404 {
position: relative;
z-index: var(--bmr-negative-z-index);
width: 100%;
max-width: 506px;
margin-bottom: 20px;
}
.bmr_not_found_page .nfp_404:before {
display: block;
width: 100%;
padding-top: 41.108%; /* 208px */
content: "";
}
.bmr_not_found_page .nfp_404:after {
position: absolute;
top: calc(50% - 60px);
left: 50%;
z-index: var(--bmr-negative-z-index);
width: 100vw;
max-width: 1280px;
height: 408px;
background: url("../../../images/svg/bmr/icons/not_found/nf_waves.svg") center/cover no-repeat;
transform: translate(-50%, -50%);
mask-image: var(--bmr-notFound-404-maskImage);
content: "";
pointer-events: none;
}
.bmr_not_found_page .nfp_404_icon {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
color: var(--bmr-notFound-404-color);
}
.bmr_not_found_page .nfp_text {
margin-bottom: 18px;
color: var(--bmr-notFound-text-color);
font: 700 17px/1.5 Roboto, sans-serif;
text-align: center;
text-wrap: pretty;
}
/**
* News page
*/
/**
* News page variables
*/
.bmr_news_page {
--bmr-newsPage-tabs-item-color: var(--bmr-white);
--bmr-newsPage-tabs-item_active-color: #201f1f;
--bmr-newsPage-tabs-item_active-bg: var(--bmr-white);
--bmr-newsPage-title-color: #a91838;
--bmr-newsPage-text-ul-li-marker-bg: #201f1f;
}
.bmr_news_page .np_tabs_badge {
--bmr-badge_new-height: 22px;
}
/**
* News page common
*/
.bmr_news_page .np_tabs_list {
display: flex;
align-items: center;
}
.bmr_news_page .np_tabs_item {
display: flex;
align-items: center;
margin-bottom: -2px;
padding: 20px 30px;
color: var(--bmr-newsPage-tabs-item-color);
font: 24px/30px Roboto, sans-serif;
cursor: pointer;
}
.bmr_news_page .np_tabs_item.__selected {
color: var(--bmr-newsPage-tabs-item_active-color);
font-weight: 700;
background: var(--bmr-newsPage-tabs-item_active-bg);
border-bottom: 2px solid var(--bmr-newsPage-tabs-item_active-bg);
border-radius: 24px 24px 0 0;
}
.bmr_news_page .np_tabs_badge {
width: 48px;
margin-right: 14px;
}
.bmr_news_page .np_tabs_badge .badge_icon {
width: 32px;
height: 14px;
}
.bmr_news_page .np_head {
position: relative;
margin-bottom: 48px;
}
.bmr_news_page .np_pin {
position: absolute;
top: 2px;
right: 2px;
width: 18px;
height: 18px;
}
.bmr_news_page .np_date {
margin-bottom: 14px;
font: 700 22px/22px "Accent Font Family", sans-serif;
letter-spacing: -1px;
}
.bmr_news_page .np_title {
color: var(--bmr-newsPage-title-color);
font: 700 28px/36px "Accent Font Family", sans-serif;
letter-spacing: -1px;
}
.bmr_news_page .np_text {
word-wrap: break-word;
}
.bmr_news_page .np_text ul, .bmr_news_page .np_text ol {
padding: 0 !important;
}
.bmr_news_page .np_text ul li {
position: relative;
padding-left: 14px;
list-style: none;
}
.bmr_news_page .np_text ul li:before {
position: absolute;
top: 12px;
left: 0;
width: 4px;
height: 4px;
background: var(--bmr-newsPage-text-ul-li-marker-bg);
border-radius: 50%;
content: "";
}
.bmr_news_page .np_text ol {
display: table;
counter-reset: section;
}
.bmr_news_page .np_text ol li {
display: table-row;
counter-increment: section;
}
.bmr_news_page .np_text ol li:before {
display: table-cell;
padding-right: 10px;
text-align: end;
content: counters(section, ".") ". ";
}
.bmr_news_page .np_text img {
height: auto;
border-radius: 8px;
}
.bmr_news_page .np_image_wrap {
display: inline-flex;
margin-bottom: 24px;
}
.bmr_news_page .np_image {
height: auto;
border-radius: 8px;
}
/**
* Static page
*/
/**
* Static page component variables
*/
.bmr_static_page {
--bmr-staticPage-search-formWrp-height: 40px;
--bmr-staticPage-search-paddingInline: 8px;
--bmr-staticPage-search-marginInline: calc(var(--bmr-staticPage-search-paddingInline) * -1);
--bmr-staticPage-search-input-boxShadow-size: var(--bmr-staticPage-search-formWrp-height);
}
/**
* Search component for Static Page
*/
/**
* Search component for Static Page variables
*/
.bmr_static_page .sp_search {
--bmr-staticPage-search-paddingTop: calc(var(--bmr-pageContainer-sidebar-top) + 12px);
--bmr-staticPage-search-marginTop: calc(var(--bmr-staticPage-search-paddingTop) * -1);
--bmr-staticPage-search-action-gap: 8px;
--bmr-staticPage-search-action-btn-height: var(--bmr-staticPage-search-formWrp-height);
--bmr-staticPage-search-action-btn-width: var(--bmr-staticPage-search-action-btn-height);
--bmr-staticPage-search-action-btn-firstChild-marginLeft: 16px;
--bmr-staticPage-search-action-width: calc(var(--bmr-staticPage-search-action-btn-width) * 2 + var(--bmr-staticPage-search-action-gap) + var(--bmr-staticPage-search-action-btn-firstChild-marginLeft));
/* region color theme */
--bmr-staticPage-search-bg: var(--bmr-body-bg);
--bmr-staticPage-search-formWrp-color: #201f1f;
--bmr-staticPage-search-formWrp-bg: var(--bmr-white);
--bmr-staticPage-search-form-input-boxShadow: var(--bmr-staticPage-search-formWrp-bg);
--bmr-staticPage-search-form-input-placeholder-color: #9999a1;
--bmr-staticPage-search-form-input-value-btn-color: #9799a3;
--bmr-staticPage-search-form-input-value-btn-color-hover: #5d5e63;
--bmr-staticPage-search-iconColor: #9799a3;
--bmr-staticPage-search-action-btn-color: #9799a3;
--bmr-staticPage-search-action-btn-bg: #f2f3f8;
/* endregion color theme */
}
/**
* Search component for Static Page common
*/
.bmr_static_page .sp_search {
display: flex;
font: 500 13px/1 Roboto, sans-serif;
}
.bmr_static_page .sp_search .sps_form_wrp {
display: flex;
flex-grow: 1;
align-items: center;
height: var(--bmr-staticPage-search-formWrp-height);
padding: 0 18px;
color: var(--bmr-staticPage-search-formWrp-color);
font-weight: 800;
background: var(--bmr-staticPage-search-formWrp-bg);
border-radius: 999px;
}
.bmr_static_page .sp_search .sps_form_wrp:last-child {
margin-right: 0;
}
.bmr_static_page .sp_search .sps_form {
position: relative;
flex-grow: 1;
height: 100%;
margin-right: 10px;
font-weight: 700;
}
.bmr_static_page .sp_search .sf_input {
width: calc(100% - 18px);
height: 100%;
padding: 0;
background: none;
border: none;
border-radius: 999px; /* fix for https://crab.media/comment-link/BGM-11326/408718 */
box-shadow: inset 0 0 0 var(--bmr-staticPage-search-input-boxShadow-size) var(--bmr-staticPage-search-form-input-boxShadow);
-webkit-tap-highlight-color: transparent;
}
.bmr_static_page .sp_search .sf_input::placeholder {
color: var(--bmr-staticPage-search-form-input-placeholder-color);
font-weight: 500;
opacity: 1;
}
.bmr_static_page .sp_search .sf_value {
position: absolute;
top: 0;
left: 0;
display: flex;
align-items: center;
width: 100%;
height: 100%;
cursor: text;
pointer-events: none;
}
.bmr_static_page .sp_search .sfv_text {
min-width: 1px;
margin-right: 6px;
color: transparent;
white-space: nowrap;
outline: none;
}
.bmr_static_page .sp_search .sfv_btn {
flex-shrink: 0;
width: 12px;
height: 12px;
color: var(--bmr-staticPage-search-form-input-value-btn-color);
border: none;
transition: color 0.3s;
pointer-events: auto;
}
.bmr_static_page .sp_search .sfv_btn:hover {
color: var(--bmr-staticPage-search-form-input-value-btn-color-hover);
}
.bmr_static_page .sp_search .vb_icon {
width: 100%;
height: 100%;
}
.bmr_static_page .sp_search .sps_icon {
width: 16px;
height: 16px;
color: var(--bmr-staticPage-search-iconColor);
}
.bmr_static_page .sp_search .sps_action {
display: grid;
flex-shrink: 0;
grid-template-columns: 0;
transition: grid-template-columns 0.3s;
}
.bmr_static_page .sp_search .sps_action.__visible {
grid-template-columns: var(--bmr-staticPage-search-action-width);
}
.bmr_static_page .sp_search .sps_action_wrp {
display: grid;
grid-gap: 8px;
grid-template-columns: min-content min-content;
overflow: hidden;
}
.bmr_static_page .sp_search .sa_btn {
width: var(--bmr-staticPage-search-action-btn-width);
height: var(--bmr-staticPage-search-action-btn-height);
color: var(--bmr-staticPage-search-action-btn-color);
background: var(--bmr-staticPage-search-action-btn-bg);
border-radius: 50%;
}
.bmr_static_page .sp_search .sa_btn:first-child {
margin-left: var(--bmr-staticPage-search-action-btn-firstChild-marginLeft);
}
.bmr_static_page .sp_search .sa_btn:active {
opacity: 0.7;
}
.bmr_static_page .sp_search .sa_btn.__disabled {
opacity: 0.7;
}
@media (any-hover: hover) and (pointer: fine) {
.bmr_static_page .sp_search .sa_btn:hover {
opacity: 0.8;
}
}
.bmr_static_page .sp_search .sab_icon {
width: 16px;
height: 16px;
}
/**
* Mobile App static page
*/
/**
* Mobile App static page variables
*/
.bmr_static_page.__mobile_app {
/* region color theme */
--bmr-mobileApp-sbH2-color: #a91838;
--bmr-mobileApp-warning-bg: #f9fafe;
--bmr-mobileApp-warning-border: #f2f3f8;
--bmr-mobileApp-warning-iconColor: #ffc539;
--bmr-mobileApp-download-icon-color: #a91838;
--bmr-mobileApp-contentSliderItemText-color: var(--bmr-white);
/* endregion color theme */
}
/**
* Mobile App static page common
*/
.bmr_static_page.__mobile_app.__with_sidebar .ma_description_header .ma_download_btn {
display: none;
}
.bmr_static_page.__mobile_app .ma_btn_download_wrp {
margin: 24px 0 0;
}
.bmr_static_page.__mobile_app .ma_image_wrp {
display: grid;
grid-gap: 24px;
grid-template-columns: repeat(auto-fill, 257px);
margin: 24px 0;
}
.bmr_static_page.__mobile_app .ma_image_wrp:first-child {
margin-top: 0;
}
.bmr_static_page.__mobile_app .ma_image_wrp:last-child {
margin-bottom: 0;
}
.bmr_static_page.__mobile_app .ma_image_wrp .sb_picture {
margin: 0;
}
.bmr_static_page.__mobile_app .ma_image_wrp .sb_image {
display: block;
width: 100%;
}
.bmr_static_page.__mobile_app .sb_h2 {
margin-bottom: 45px;
color: var(--bmr-mobileApp-sbH2-color);
font-size: 28px;
letter-spacing: -1px;
}
.bmr_static_page.__mobile_app .sb_h3 .sb_title_emoji {
vertical-align: middle;
transform: translateY(-2px);
}
.bmr_static_page.__mobile_app .ma_description_header {
display: flex;
align-items: center;
margin-bottom: 35px;
}
.bmr_static_page.__mobile_app .ma_description_header .sb_h2 {
flex-grow: 1;
margin: 0 20px 0 0;
}
.bmr_static_page.__mobile_app .ma_description_header .ma_download_btn {
margin-right: 8px;
}
.bmr_static_page.__mobile_app .ma_description_header .ma_download_btn:last-child {
margin-right: 0;
}
.bmr_static_page.__mobile_app .ma_warning {
display: flex;
align-items: center;
justify-content: center;
margin-top: 24px;
padding: 16px;
font: 400 16px/1.2 Roboto, sans-serif;
background: var(--bmr-mobileApp-warning-bg);
border: 2px solid var(--bmr-mobileApp-warning-border);
border-radius: 8px;
}
.bmr_static_page.__mobile_app .ma_warning .maw_icon {
flex-shrink: 0;
width: 24px;
height: 24px;
margin-right: 14px;
color: var(--bmr-mobileApp-warning-iconColor);
}
.bmr_static_page.__mobile_app .sb_p {
font: 400 20px/28px Roboto, sans-serif;
}
.bmr_static_page.__mobile_app .ma_download_btn {
flex-shrink: 0;
padding-right: 20px;
padding-left: 20px;
text-align: center;
}
.bmr_static_page.__mobile_app .ma_download_btn .mdb_icon {
flex-shrink: 0;
width: 28px;
height: 28px;
margin-right: 8px;
}
.bmr_static_page.__mobile_app .ma_download {
display: flex;
align-items: center;
}
.bmr_static_page.__mobile_app .ma_download .ma_download_btn {
min-width: 300px;
}
.bmr_static_page.__mobile_app .ma_download .sb_p {
margin-top: 0;
}
.bmr_static_page.__mobile_app .mad_icon {
flex-shrink: 0;
width: 56px;
height: 70px;
margin-right: 48px;
color: var(--bmr-mobileApp-download-icon-color);
}
.bmr_static_page.__mobile_app .mad_info {
flex-grow: 1;
margin-right: 20px;
}
.bmr_static_page.__mobile_app .bmr_content_slider {
margin-bottom: 40px;
}
.bmr_static_page.__mobile_app .bmr_content_slider .bmr_carousel__viewport {
margin-bottom: 24px;
}
.bmr_static_page.__mobile_app .bmr_content_slider .bmr_content_slider_item {
position: relative;
}
.bmr_static_page.__mobile_app .bmr_content_slider .sb_picture {
overflow: hidden;
border-radius: 16px;
}
.bmr_static_page.__mobile_app .bmr_content_slider .sb_image {
display: block;
}
.bmr_static_page.__mobile_app .bmr_content_slider .bmr_content_slider_item_text {
position: absolute;
top: 50%;
right: 25px;
display: flex;
flex-direction: column;
align-items: center;
width: 280px;
color: var(--bmr-mobileApp-contentSliderItemText-color);
font-size: 28px;
line-height: 33px;
text-align: center;
text-transform: uppercase;
transform: translateY(-50%);
}
.bmr_static_page.__mobile_app .ma_advantages_slider .bmr-carousel__viewport_disable .bmr-carousel__track {
justify-content: flex-start;
}
.bmr_static_page.__ios_download .ma_image_wrp {
grid-template-columns: repeat(auto-fill, 220px);
}
/**
* Model FAQ static page
*/
/**
* Model FAQ static page variables
*/
.bmr_static_page.__model_faq {
/* region color theme */
--bmr-modelFaq-sbp-icon_question-iconColor: #2a96e2;
/* endregion color theme */
}
/**
* Model FAQ static page common
*/
.bmr_static_page.__model_faq .mf_section_title_with_btn .bmr_button, .bmr_static_page.__model_faq .mf_preview_btn_wrp .bmr_button {
padding-right: 30px;
padding-left: 30px;
text-align: center;
}
.bmr_static_page.__model_faq .mf_section_title_with_btn {
display: flex;
align-items: center;
justify-content: space-between;
margin: 24px 0;
}
.bmr_static_page.__model_faq .mf_section_title_with_btn:first-child {
margin-top: 0;
}
.bmr_static_page.__model_faq .mf_section_title_with_btn .sb_h2, .bmr_static_page.__model_faq .mf_section_title_with_btn .sb_h3 {
margin: 0;
}
.bmr_static_page.__model_faq .mf_section_title_with_btn .bmr_button {
display: none;
}
.bmr_static_page.__model_faq .mf_preview_btn_wrp {
display: flex;
justify-content: center;
padding-top: 24px;
}
.bmr_static_page.__model_faq .mf_preview_btn_wrp .bmr_button {
display: inline-block;
}
.bmr_static_page.__model_faq .sb_list + .mf_preview_btn_wrp {
padding-top: 0;
}
.bmr_static_page.__model_faq .sb_list_item .sb_icon {
width: 20px;
height: 20px;
margin-right: 8px;
vertical-align: text-bottom;
}
.bmr_static_page.__model_faq .sbp_icon {
width: 1em;
height: 1em;
vertical-align: middle;
}
.bmr_static_page.__model_faq .sbp_icon.__question {
fill: var(--bmr-modelFaq-sbp-icon_question-iconColor);
}
/**
* Obs Settings Info static page
*/
.bmr_static_page.__obs_settings_info .bmr_section_block .sb_table .sb_t_th, .bmr_static_page.__obs_settings_info .bmr_section_block .sb_table .sb_t_td {
font-size: 17px;
line-height: 28px;
}
/**
* Payment Methods static page
*/
.bmr_static_page.__payment_methods .sb_list_item .sb_icon {
width: 20px;
height: 20px;
margin-right: 8px;
vertical-align: text-bottom;
}
.bmr_static_page.__payment_methods .sb_h2 .sb_icon {
width: 28px;
height: 28px;
vertical-align: middle;
}