.rui-RelativeOverlay-container { display: inline-block; position: relative; } .rui-RelativeOverlay-content { z-index: 1; position: absolute; } .rui-Button-button { cursor: pointer; widows: 2; margin: 0; border: none; outline: none !important; display: inline-block; padding: 0; hyphens: none; tab-size: 8; position: relative; font-size: medium; direction: ltr; box-sizing: border-box; list-style: disc outside none; text-align: center; visibility: visible; user-select: none; line-height: normal; empty-cells: show; font-family: Roboto, sans-serif; text-indent: 0; text-shadow: none; white-space: normal; font-weight: 500; word-spacing: normal; font-stretch: normal; font-variant: normal; caption-side: top; border-radius: 1px; text-transform: uppercase; border-spacing: 0; letter-spacing: 1.3px; vertical-align: baseline; border-collapse: separate; text-align-last: auto; text-decoration: none !important; } @media (max-device-width: 767px) { .rui-Button-button { font-weight: 500; letter-spacing: 1.4px; } } .rui-Button-button, .rui-Button-button * { transition: background-color .2s, border .2s, box-shadow .2s; } .rui-Button-button:before, .rui-Button-button:after { top: 0; left: 0; right: 0; border: 1px solid transparent; bottom: 0; display: block; content: ""; position: absolute; transition: all .2s; border-radius: 1px; pointer-events: none; } .rui-Button-button[disabled] { pointer-events: none; } .rui-Button-button::-moz-focus-inner { border: none !important; outline: none !important; } .rui-Button-isRounded.rui-Button-button, .rui-Button-isRounded:before, .rui-Button-isRounded:after { border-radius: 9999px !important; } .rui-Button-isLoading { opacity: 0; pointer-events: none; } .rui-Button-loader { font-size: 3px; } @media (max-device-width: 767px) { .rui-Button-loader { font-size: 4px; } } .rui-Button-content { display: block; padding: 0 20px; overflow: hidden; position: relative; white-space: nowrap; text-overflow: ellipsis; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .rui-Button-content:before { width: 0; height: 100%; display: inline-block; content: ""; vertical-align: middle; } .rui-Button-content > * { vertical-align: middle; } @media (max-device-width: 767px) { .rui-Button-content { padding: 0 25px; } } .rui-Button-block { width: 100%; display: block; } .rui-Button-size-medium { font-size: 11px; } @media (max-device-width: 767px) { .rui-Button-size-medium { font-size: 13px; } } .rui-Button-size-medium .rui-Button-content { height: 45px; line-height: 45px; } @media (max-device-width: 767px) { .rui-Button-size-medium .rui-Button-content { height: 55px; line-height: 55px; } } .rui-Button-size-small { font-size: 11px; } @media (max-device-width: 767px) { .rui-Button-size-small { font-size: 13px; } } .rui-Button-size-small .rui-Button-content { height: 35px; line-height: 35px; } @media (max-device-width: 767px) { .rui-Button-size-small .rui-Button-content { height: 45px; line-height: 45px; } } .rui-Button-overlay { top: 0; left: 0; right: 0; width: 100%; bottom: 0; cursor: pointer; z-index: 1; opacity: 0; position: absolute; } .rui-Button-icon { display: inline-block; margin-top: -2px; transition: fill .2s; } .rui-Button-iconPosition-right .rui-Button-icon { margin-left: 5px; } @media (max-device-width: 767px) { .rui-Button-iconPosition-right .rui-Button-icon { margin-left: 10px; } } .rui-Button-iconPosition-left .rui-Button-icon { margin-right: 5px; } @media (max-device-width: 767px) { .rui-Button-iconPosition-left .rui-Button-icon { margin-right: 10px; } } .rui-Button-type-primary { background: #315efb; } .rui-Button-type-primary:active:active { background: rgb(39, 75, 200); } .rui-Button-type-primary:hover { background: rgb(44, 84, 225); } .rui-Button-type-primary[disabled] { background: #f5f7f8; } .rui-Button-type-primary, .rui-Button-type-primary * { color: #fff; } .rui-Button-type-primary .rui-Button-icon { fill: #fff; } .rui-Button-type-primary .rui-Button-loader { color: #fff; } html[data-focus-source="other"] .rui-Button-type-primary:focus:after { top: -3px; left: -3px; right: -3px; bottom: -3px; border-color: #315efb; border-radius: 3px; } .rui-Button-type-primary[disabled], .rui-Button-type-primary[disabled] * { color: #afb5c9; } .rui-Button-type-primary[disabled] .rui-Button-icon { fill: rgb(175, 181, 201); } .rui-Button-type-secondary { background: #f5f7f8; } .rui-Button-type-secondary:active:active { background: rgb(232, 234, 239); } .rui-Button-type-secondary:hover { background: rgb(232, 234, 239); } .rui-Button-type-secondary[disabled] { background: #f5f7f8; } .rui-Button-type-secondary, .rui-Button-type-secondary * { color: #262626; } .rui-Button-type-secondary .rui-Button-icon { fill: #315efb; } .rui-Button-type-secondary .rui-Button-loader { color: #315efb; } html[data-focus-source="other"] .rui-Button-type-secondary:focus:after { top: 0; left: 0; right: 0; bottom: 0; border-color: #315efb; border-radius: 1px; } .rui-Button-type-secondary[disabled], .rui-Button-type-secondary[disabled] * { color: #afb5c9; } .rui-Button-type-secondary[disabled] .rui-Button-icon { fill: rgb(175, 181, 201); } .rui-Button-type-secondary:hover, .rui-Button-type-secondary:hover * { color: #315efb; } .rui-Button-type-secondary:active:active, .rui-Button-type-secondary:active:active * { color: rgb(39, 75, 200); } .rui-Button-type-secondary:active:active .rui-Button-icon { fill: rgb(39, 75, 200); } .rui-Button-type-outline { background: transparent; } .rui-Button-type-outline:active:active { background: #f5f7f8; } .rui-Button-type-outline, .rui-Button-type-outline * { color: #262626; } .rui-Button-type-outline:before { border-color: rgb(220, 223, 231); } .rui-Button-type-outline .rui-Button-icon { fill: #315efb; } .rui-Button-type-outline .rui-Button-loader { color: #315efb; } html[data-focus-source="other"] .rui-Button-type-outline:focus:after { top: 0; left: 0; right: 0; bottom: 0; border-color: #315efb; border-radius: 1px; } .rui-Button-type-outline[disabled], .rui-Button-type-outline[disabled] * { color: #afb5c9; } .rui-Button-type-outline[disabled]:before { border-color: rgb(232, 234, 239); } .rui-Button-type-outline[disabled] .rui-Button-icon { fill: rgb(175, 181, 201); } .rui-Button-type-outline:hover, .rui-Button-type-outline:hover * { color: #315efb; } .rui-Button-type-outline:hover:before { border-color: #315efb; } .rui-Button-type-outline:active:active, .rui-Button-type-outline:active:active * { color: rgb(39, 75, 200); } .rui-Button-type-outline:active:active:before { border-color: rgb(39, 75, 200); } .rui-Button-type-outline:active:active .rui-Button-icon { fill: rgb(39, 75, 200); } .rui-Button-type-flat { background: transparent; } .rui-Button-type-flat:active:active { background: #f5f7f8; } .rui-Button-type-flat:hover { background: #f5f7f8; } .rui-Button-type-flat, .rui-Button-type-flat * { color: #262626; } .rui-Button-type-flat .rui-Button-icon { fill: #315efb; } .rui-Button-type-flat .rui-Button-loader { color: #315efb; } html[data-focus-source="other"] .rui-Button-type-flat:focus:after { top: 0; left: 0; right: 0; bottom: 0; border-color: #315efb; border-radius: 1px; } .rui-Button-type-flat[disabled], .rui-Button-type-flat[disabled] * { color: #afb5c9; } .rui-Button-type-flat[disabled] .rui-Button-icon { fill: rgb(175, 181, 201); } .rui-Button-type-danger { background: #ff564e; } .rui-Button-type-danger:active:active { background: rgb(204, 68, 62); } .rui-Button-type-danger:hover { background: rgb(229, 77, 70); } .rui-Button-type-danger[disabled] { background: #f5f7f8; } .rui-Button-type-danger, .rui-Button-type-danger * { color: #fff; } .rui-Button-type-danger .rui-Button-icon { fill: #fff; } .rui-Button-type-danger .rui-Button-loader { color: #fff; } html[data-focus-source="other"] .rui-Button-type-danger:focus:after { top: -3px; left: -3px; right: -3px; bottom: -3px; border-color: #ff564e; border-radius: 3px; } .rui-Button-type-danger[disabled], .rui-Button-type-danger[disabled] * { color: #afb5c9; } .rui-Button-type-danger[disabled] .rui-Button-icon { fill: rgb(175, 181, 201); } .rui-SuggestDropdown-dropdown { width: 100%; animation: none; transition: none; } .rui-SuggestDropdown-overlay { width: 100%; } .rui-SuggestDropdown-suggest { width: 100%; background: white; box-shadow: 1px 2px 5px 0 rgba(102, 116, 166, 0.15); } .rui-ComplexSearch-root { width: 100%; cursor: auto; margin: 0; widows: 2; hyphens: none; padding: 0; display: flex; tab-size: 8; max-width: 765px; direction: ltr; font-size: 14px; visibility: visible; list-style: disc outside none; font-style: normal; text-align: left; font-weight: normal; text-indent: 0; text-shadow: none; line-height: normal; white-space: normal; font-family: Roboto, sans-serif; empty-cells: show; word-spacing: normal; font-stretch: normal; font-variant: normal; caption-side: top; border-radius: 0; vertical-align: baseline; text-transform: none; flex-direction: column; letter-spacing: normal; border-spacing: 0; text-align-last: auto; border-collapse: separate; } .rui-ComplexSearch-inputRow { width: 100%; display: flex; position: relative; } .rui-ComplexSearch-inputWrapper { width: 100%; display: flex; position: relative; box-sizing: border-box; align-items: center; border-width: 2px; border-color: #315efb; border-style: solid; border-radius: 1px 0 0 1px; background-color: #fff; border-right-width: 0; } .rui-ComplexSearch-inputWrapper.rui-ComplexSearch-active { border-color: #274bc8; } .rui-ComplexSearch-division { height: 30px; cursor: pointer; margin: 0 3px; display: flex; padding: 0 12px; font-size: 11px; align-items: center; font-weight: 500; border-radius: 1px; letter-spacing: 1.3px; text-transform: uppercase; background-color: #f5f7f8; } .rui-ComplexSearch-input { color: #262626; width: 100%; height: 100%; cursor: auto; margin: 0; widows: 2; border: none; outline: 0; display: block; hyphens: none; padding: 10px 12px; tab-size: 8; font-size: 14px; direction: ltr; text-align: left; appearance: none; box-sizing: border-box; list-style: disc outside none; font-style: normal; box-shadow: none; visibility: visible; line-height: 20px; text-indent: 0; empty-cells: show; font-family: inherit; white-space: normal; font-weight: 400; text-shadow: none; font-variant: normal; word-spacing: normal; font-stretch: normal; caption-side: top; border-radius: 0; vertical-align: baseline; letter-spacing: normal; text-transform: none; border-spacing: 0; text-align-last: auto; border-collapse: separate; } .rui-ComplexSearch-input::-ms-reveal, .rui-ComplexSearch-input::-ms-clear { display: none; } .rui-ComplexSearch-input::-webkit-input-placeholder { color: #8d96b2; opacity: 1; font-size: 14px; } .rui-ComplexSearch-input::-moz-placeholder { color: #8d96b2; opacity: 1; font-size: 14px; } .rui-ComplexSearch-input:-ms-input-placeholder { color: #8d96b2; opacity: 1; font-size: 14px; } .rui-ComplexSearch-inputLeftIcon { margin-left: 12px; } .rui-ComplexSearch-searchButton { color: #fff; width: 125px; border: none; widows: 2; cursor: pointer; margin: 0; display: inline-flex; outline: none; hyphens: none; padding: 0 0 0 21px; tab-size: 8; font-size: 12px; direction: ltr; font-style: normal; box-sizing: border-box; text-align: left; visibility: visible; list-style: disc outside none; background: #315efb; font-weight: 500; text-shadow: none; white-space: normal; line-height: normal; align-items: center; text-indent: 0; font-family: inherit; flex-shrink: 0; empty-cells: show; word-spacing: normal; font-stretch: normal; font-variant: normal; caption-side: top; border-radius: 0 1px 1px 0; border-spacing: 0; vertical-align: baseline; text-transform: uppercase; letter-spacing: 1.4px; text-align-last: auto; border-collapse: separate; } .rui-ComplexSearch-searchButton:hover { background: rgb(44, 84, 225); } .rui-ComplexSearch-searchButton:active { background: rgb(39, 75, 200); } .rui-ComplexSearch-searchIcon { margin-right: 7px; vertical-align: middle; } .rui-ComplexSearch-withoutButton .rui-ComplexSearch-inputWrapper { box-shadow: none; border-radius: 1px; border-right-width: 2px; } .rui-ComplexSearch-clear { top: 50%; right: 15px; cursor: pointer; opacity: 0.6; position: absolute; transform: translateY(-50%); } .rui-ComplexSearch-clear:hover { color: #315efb; opacity: 1; } .rui-ComplexSearch-clear:active { opacity: 1; } .rui-ComplexSearch-serviceIcons { display: flex; padding: 0 15px; flex-shrink: 0; align-items: center; } .rui-ComplexSearch-serviceIcon { color: #8d96b2; cursor: pointer; opacity: 0.5; transition: opacity 0.2s, color 0.2s; margin-right: 10px; } .rui-ComplexSearch-serviceIcon:last-child { margin-right: 0; } .rui-ComplexSearch-serviceIcon:hover { color: #315efb; opacity: 1; } .rui-ComplexSearch-serviceIcon.rui-ComplexSearch-active { opacity: 1; } .rui-ComplexSearch-size-small .rui-ComplexSearch-inputWrapper { height: 40px; } .rui-ComplexSearch-size-medium .rui-ComplexSearch-inputWrapper { height: 40px; } .rui-SimpleSearch-root { width: 100%; cursor: auto; margin: 0; widows: 2; hyphens: none; padding: 0; display: flex; tab-size: 8; max-width: 765px; direction: ltr; font-size: 13px; visibility: visible; list-style: disc outside none; font-style: normal; text-align: left; font-weight: normal; text-indent: 0; text-shadow: none; line-height: normal; white-space: normal; font-family: Roboto, sans-serif; empty-cells: show; word-spacing: normal; font-stretch: normal; font-variant: normal; caption-side: top; border-radius: 0; vertical-align: baseline; text-transform: none; flex-direction: column; letter-spacing: normal; border-spacing: 0; text-align-last: auto; border-collapse: separate; } .rui-SimpleSearch-inputRow { width: 100%; display: flex; position: relative; } .rui-SimpleSearch-inputWrapper { width: 100%; display: flex; position: relative; box-sizing: border-box; align-items: center; border-color: #315efb; border-width: 2px; border-style: solid; border-radius: 1px; background-color: #fff; } .rui-SimpleSearch-inputWrapper.rui-SimpleSearch-active { border-color: #315efb; } .rui-SimpleSearch-bottomWrapper { display: flex; padding: 15px 0; font-size: 12px; justify-content: space-between; } .rui-SimpleSearch-input { width: 100%; color: #262626; height: 100%; cursor: auto; margin: 0; widows: 2; border: none; outline: 0; display: block; hyphens: none; padding: 10px 12px; tab-size: 8; font-size: 13px; direction: ltr; text-align: left; box-shadow: none; box-sizing: border-box; list-style: disc outside none; font-style: normal; appearance: none; visibility: visible; line-height: 25px; text-indent: 0; empty-cells: show; font-family: inherit; white-space: normal; font-weight: 400; text-shadow: none; font-variant: normal; word-spacing: normal; font-stretch: normal; caption-side: top; border-radius: 0; vertical-align: baseline; letter-spacing: normal; text-transform: none; border-spacing: 0; text-align-last: auto; border-collapse: separate; } .rui-SimpleSearch-input::-ms-reveal, .rui-SimpleSearch-input::-ms-clear { display: none; } .rui-SimpleSearch-input::-webkit-input-placeholder { color: #8d96b2; opacity: 1; font-size: 13px; } .rui-SimpleSearch-input::-moz-placeholder { color: #8d96b2; opacity: 1; font-size: 13px; } .rui-SimpleSearch-input:-ms-input-placeholder { color: #8d96b2; opacity: 1; font-size: 13px; } .rui-SimpleSearch-searchButton { color: #315efb; cursor: pointer; border: none; widows: 2; margin: 0; display: inline-flex; outline: none; hyphens: none; padding: 0; tab-size: 8; font-size: medium; direction: ltr; box-sizing: border-box; font-style: normal; visibility: visible; text-align: center; background: none; list-style: disc outside none; font-weight: normal; text-indent: 0; text-shadow: none; white-space: normal; line-height: normal; flex-shrink: 0; font-family: inherit; empty-cells: show; font-variant: normal; word-spacing: normal; padding-left: 13px; font-stretch: normal; caption-side: top; border-radius: 0 1px 1px 0; border-spacing: 0; letter-spacing: normal; text-transform: none; vertical-align: baseline; text-align-last: auto; border-collapse: separate; } .rui-SimpleSearch-serviceIcons { display: flex; padding: 0 13px; flex-shrink: 0; align-items: center; } .rui-SimpleSearch-overlay { width: 100%; } .rui-SimpleSearch-size-small .rui-SimpleSearch-inputWrapper { height: 35px; } .rui-SimpleSearch-size-medium .rui-SimpleSearch-inputWrapper { height: 35px; } .rui-ToplineSearch-root { margin: 0; height: 45px; cursor: auto; widows: 2; hyphens: none; display: flex; padding: 0; tab-size: 8; position: relative; font-size: medium; direction: ltr; visibility: visible; text-align: left; font-style: normal; list-style: disc outside none; font-weight: normal; white-space: normal; empty-cells: show; align-items: center; text-indent: 0; text-shadow: none; line-height: normal; font-family: inherit; word-spacing: normal; font-variant: normal; font-stretch: normal; caption-side: top; border-radius: 0; border-spacing: 0; letter-spacing: normal; vertical-align: baseline; text-transform: none; text-align-last: auto; justify-content: center; border-collapse: separate; } .rui-ToplineSearch-inlineSearchIcon { cursor: pointer; z-index: 1; position: relative; } .rui-ToplineSearch-searchIconContainer { height: 45px; display: inline-flex; align-items: center; } @media (max-width: 1275px) { .rui-ToplineSearch-searchIconContainer { margin-left: 40px; } } @media (min-width: 640px) and (max-width: 1023px) { .rui-ToplineSearch-searchIconContainer { margin-left: 20px; } } .rui-ToplineSearch-inlineSearchContainer { top: 5px; width: 0; right: -15px; height: 35px; opacity: 0; position: absolute; overflow: hidden; transition: width 0.2s, opacity 0.2s; background: white; pointer-events: none; } .rui-ToplineSearch-inlineSearchContainer.rui-ToplineSearch-opened { width: 300px; opacity: 1; z-index: 12; pointer-events: all; } @media (max-width: 1275px) { .rui-ToplineSearch-inlineSearchContainer { display: none; } } .rui-ToplineSearch-staticSearchContainer { max-width: 550px; box-sizing: border-box; padding-top: 10px; } @media (min-width: 640px) and (max-width: 1023px) { .rui-ToplineSearch-staticSearchContainer { max-width: 688px; } } .rui-ToplineSearch-search { height: 35px !important; } .rui-ToplineSearch-dropdown { right: -16px; z-index: 20; position: relative; overflow: visible; box-shadow: 0 0 10px 0 rgba(102, 116, 166, 0.2); } .rui-ToplineSearch-dropdown.rui-ToplineSearch-opened { top: -1px !important; } .rui-ToplineSearch-dropdown::before { top: -5px; width: 10px; right: 18px; height: 10px; content: ""; position: absolute; transform: rotateZ(45deg); background: white; box-shadow: 0 0 10px 0 rgba(102, 116, 166, 0.2); } .rui-ToplineSearch-dropdown::after { top: 0; width: 25px; right: 8px; height: 15px; content: ""; position: absolute; background: white; } .rui-ToplineSearch-dropdownSearchContainer { width: 300px; padding: 15px; box-sizing: border-box; } .rui-ToplineSearch-type-static { border: 1px solid rgb(199, 203, 217); } .rui-ToplineSearch-type-static:hover { border: 1px solid #315efb; outline: 1px solid #315efb; } .rui-ToplineSearch-type-inverse .rui-ToplineSearch-inlineSearchIcon { color: #fff; } .rui-ToplineSearch-type-white .rui-ToplineSearch-inlineSearchIcon { color: #315efb; } .rui-ToplineSearch-search input { padding: 0 12px; box-sizing: border-box; } .rui-ToplineUser-root { margin: 0; cursor: auto; widows: 2; hyphens: none; display: inline-flex; padding: 0; position: relative; tab-size: 8; font-size: medium; direction: ltr; list-style: disc outside none; visibility: visible; text-align: left; font-style: normal; margin-top: 1px; white-space: normal; font-weight: normal; flex-shrink: 0; empty-cells: show; text-indent: 0; text-shadow: none; line-height: normal; font-family: inherit; word-spacing: normal; font-variant: normal; font-stretch: normal; caption-side: top; border-radius: 0; letter-spacing: normal; border-spacing: 0; vertical-align: baseline; text-transform: none; text-align-last: auto; border-collapse: separate; } .rui-ToplineUser-auth { border: none; cursor: pointer; outline: none; display: inline-flex; font-size: 13px; background: none; font-weight: 400; font-family: CorsicaRamblerLX, sans-serif; line-height: 15px; align-items: center; } .rui-ToplineUser-userIcon { width: 15px; color: #315efb; height: 15px; margin-right: 5px; } .rui-ToplineUser-user { height: 45px; cursor: pointer; display: inline-flex; max-width: 90px; align-items: center; flex-shrink: 0; } .rui-ToplineUser-avatar { flex-shrink: 0; margin-right: 5px; } .rui-ToplineUser-userLink { color: #262626; font-size: 13px; transition: color 0.2s; font-family: CorsicaRamblerLX, sans-serif; line-height: 15px; text-decoration: none; } .rui-ToplineUser-userLink:hover { color: #315efb; } .rui-ToplineUser-username { color: #262626; height: 16px; overflow: hidden; max-width: 60px; font-size: 13px; transition: color 0.2s; margin-top: 3px; line-height: 15px; white-space: nowrap; flex-shrink: 0; font-family: CorsicaRamblerLX, sans-serif; text-overflow: ellipsis; text-decoration: none; } .rui-ToplineUser-username:hover { color: #262626; } .rui-ToplineUser-userDropdown { width: 270px; z-index: 30; transition: opacity 0.2s; background: white; box-shadow: 0 0 10px 0 rgba(102, 116, 166, 0.2); border-radius: 1px; pointer-events: none; } .rui-ToplineUser-userDropdown.rui-ToplineUser-opened { top: -1px !Important; } .rui-ToplineUser-userDropdown::before { top: -5px; width: 10px; right: 17px; height: 10px; content: ""; position: absolute; transform: rotateZ(45deg); background: white; box-shadow: 0 0 10px 0 rgba(102, 116, 166, 0.2); } .rui-ToplineUser-userDropdown::after { top: 0; width: 25px; right: 8px; height: 15px; content: ""; position: absolute; background: white; } .rui-ToplineUser-userDropdownContainer { display: flex; flex-direction: column; } .rui-ToplineUser-close { top: 17px; right: 19px; width: 15px; border: none; cursor: pointer; height: 10px; outline: none; z-index: 20; position: absolute; background: none; } .rui-ToplineUser-fullname { color: #262626; padding: 16px 20px 5px; font-size: 13px; transition: color 0.2s; box-sizing: border-box; font-family: CorsicaRamblerLX, sans-serif; line-height: 15px; text-decoration: none; } .rui-ToplineUser-fullname:hover { color: #262626; } .rui-ToplineUser-email { color: #8d96b2; padding: 5px 20px 13px; font-size: 13px; transition: color 0.2s; box-sizing: border-box; font-family: CorsicaRamblerLX, sans-serif; line-height: 15px; text-decoration: none; } .rui-ToplineUser-email:hover { color: #315efb; } .rui-ToplineUser-userDropdownBottom { padding: 16px 20px 14px; display: flex; background: #f9fafb; box-sizing: border-box; justify-content: space-between; } .rui-ToplineUser-profile { color: #8d96b2; display: inline-flex; font-size: 13px; transition: color 0.2s; font-family: CorsicaRamblerLX, sans-serif; line-height: 15px; align-items: center; text-decoration: none; } .rui-ToplineUser-profile:hover { color: #315efb; } .rui-ToplineUser-logout { color: #8d96b2; cursor: pointer; border: none; outline: none; padding: 0; font-size: 13px; transition: color 0.2s; background: none; line-height: 15px; font-family: CorsicaRamblerLX, sans-serif; text-decoration: none; } .rui-ToplineUser-logout:hover { color: #315efb; } .rui-ToplineUser-providerIcon { width: 15px; height: 15px; opacity: 0.5; margin-right: 5px; background-size: contain; background-repeat: no-repeat; background-position: center; } .rui-ToplineUser-userInfoCounters { padding: 13px 20px 12px; display: flex; border-top: 1px solid #f9fafb; box-sizing: border-box; flex-direction: column; } .rui-ToplineUser-userInfoCounter { color: #262626; height: 20px; display: inline-flex; font-size: 13px; align-items: center; line-height: 15px; font-family: CorsicaRamblerLX, sans-serif; margin-bottom: 15px; justify-content: space-between; text-decoration: none; } .rui-ToplineUser-userInfoCounter:visited { color: #262626; } .rui-ToplineUser-userInfoCounter:hover { color: #315efb; } .rui-ToplineUser-userInfoCounter:last-child { margin-bottom: 0; } .rui-ToplineUser-projectIcon { height: 20px; margin-top: -3px; margin-right: 5px; } .rui-ToplineUser-counter { color: #315efb; font-weight: 500; } .rui-ToplineUser-counterTitle { width: 100%; } .rui-ToplineUser-type-inverse .rui-ToplineUser-auth, .rui-ToplineUser-type-inverse .rui-ToplineUser-username { color: #fff; } .rui-ToplineUser-type-inverse .rui-ToplineUser-auth:hover, .rui-ToplineUser-type-inverse .rui-ToplineUser-username:hover { color: #c6cad8; } .rui-ToplineUser-type-white .rui-ToplineUser-auth, .rui-ToplineUser-type-white .rui-ToplineUser-username { color: #262626; } .rui-ToplineUser-type-white .rui-ToplineUser-auth:hover, .rui-ToplineUser-type-white .rui-ToplineUser-username:hover { color: #315efb; } .rui-ToplineAd-root.rui-ToplineAd-compact .rui-ToplineAd-adPlace { width: 35px; padding: 0 10px; overflow: hidden; } .rui-ToplineAd-root.rui-ToplineAd-compact .rui-ToplineAd-adPlaceText { display: none; } .rui-ToplineAd-root.rui-ToplineAd-compact .promo__link { width: 35px; padding: 0; overflow: hidden; justify-content: center; } .rui-ToplineAd-root.rui-ToplineAd-compact .promo__text { display: none; } .rui-ToplineAd-adPlace { height: 35px; padding: 0 15px; display: inline-flex; max-width: 220px; box-sizing: border-box; background: #00baad; white-space: nowrap; flex-shrink: 0; align-items: center; border-radius: 20px; } @media (max-width: 1275px) { .rui-ToplineAd-adPlace { width: 35px; padding: 0; overflow: hidden; justify-content: center; } } .rui-ToplineAd-adPlaceIcon { width: 20px; height: 20px; background-size: contain; background-repeat: no-repeat; background-position: center; } .rui-ToplineAd-adPlaceText { color: #fff; overflow: hidden; font-size: 13px; margin-top: 1px; line-height: 15px; font-family: CorsicaRamblerLX, sans-serif; margin-left: 5px; text-overflow: ellipsis; } @media (max-width: 1275px) { .rui-ToplineAd-adPlaceText { display: none; } } .promo__link { width: auto; height: 35px; padding: 0 15px; display: inline-flex; position: relative; max-width: 220px; box-sizing: border-box; flex-shrink: 0; align-items: center; border-radius: 20px; } .promo__background { top: 0; left: 0; width: 100%; height: 35px; display: inline-flex; position: absolute; flex-shrink: 0; align-items: center; border-radius: 20px; } .promo__icon-wrapper { display: inline-flex; position: relative; background: none !important; margin-right: 0; } .promo__icon { width: 20px; height: 20px; background-size: contain; background-repeat: no-repeat; background-position: center; } .promo__text { color: #fff; position: relative; font-size: 13px; margin-top: 1px; line-height: 15px; white-space: nowrap; font-family: CorsicaRamblerLX, sans-serif; margin-left: 5px; } @media (max-width: 1275px) { .promo__text { display: none; } } .promo__linkcompact { width: 35px; padding: 0; overflow: hidden; justify-content: center; } @media (max-width: 1275px) { .promo__link { width: 35px; padding: 0; overflow: hidden; justify-content: center; } } @keyframes toplineAnimation { 0% { transform: translateY(-45px); } 100% { transform: translateY(0); } } .rui-Topline-root { width: 100%; cursor: auto; height: 45px; margin: 0; widows: 2; display: flex; padding: 0; hyphens: none; tab-size: 8; position: relative; direction: ltr; min-width: 1275px; font-size: medium; text-align: left; box-sizing: border-box; font-style: normal; visibility: visible; list-style: disc outside none; transition: transform 0.2s ease-out; empty-cells: show; text-shadow: none; white-space: normal; line-height: normal; text-indent: 0; font-weight: normal; font-family: inherit; align-items: center; font-variant: normal; word-spacing: normal; font-stretch: normal; caption-side: top; border-radius: 0; letter-spacing: normal; border-spacing: 0; vertical-align: baseline; text-transform: none; justify-content: center; text-align-last: auto; border-collapse: separate; } .rui-Topline-root.rui-Topline-sticky { top: 0; left: 0; position: fixed; animation: .2s ease-out; box-shadow: 0 5px 10px 0 rgba(102, 116, 166, 0.2); border-bottom: 1px solid white; animation-name: toplineAnimation; animation-fill-mode: forwards; } @media (max-width: 1275px) { .rui-Topline-root { min-width: 1024px; } } @media (min-width: 640px) and (max-width: 1023px) { .rui-Topline-root { min-width: 768px; } } .rui-Topline-wrapper { width: 1275px; display: flex; } .rui-Topline-toplineContainer { height: 45px; display: flex; padding: 0 15px; min-width: 1275px; box-sizing: border-box; flex-shrink: 0; } .rui-Topline-logo { display: inline-flex; margin-top: 1px; white-space: nowrap; align-items: center; flex-shrink: 0; margin-right: 40px; } .rui-Topline-logo.rui-Topline-compact { margin-right: 20px; } @media (min-width: 640px) and (max-width: 1023px) { .rui-Topline-logo { margin-right: 20px; } } .rui-Topline-ramblerLogo { display: inline-flex; vertical-align: top; } .rui-Topline-doodle { height: 100%; display: inline-flex; margin-top: 1px; white-space: nowrap; align-items: center; flex-shrink: 0; margin-right: 40px; } .rui-Topline-doodle.rui-Topline-compact { margin-right: 20px; } @media (min-width: 640px) and (max-width: 1023px) { .rui-Topline-doodle { margin-right: 20px; } } @media (max-width: 1275px) { .rui-Topline-wrapper { width: 1024px; } .rui-Topline-toplineContainer { min-width: 1024px; } } @media (min-width: 640px) and (max-width: 1023px) { .rui-Topline-wrapper { width: 768px; } .rui-Topline-toplineContainer { min-width: 768px; } } .rui-Topline-menuItem { margin-left: 21px; } .rui-Topline-menuItem:first-child { margin-left: 0; } .rui-Topline-dropdown { box-shadow: none !important; } .rui-Topline-link { cursor: pointer; display: inline-flex; font-size: 15px; transition: color 0.2s; font-family: CorsicaRamblerLX, sans-serif; font-weight: 500; line-height: 15px; align-items: center; white-space: nowrap; } .rui-Topline-moreButton { color: #8d96b2; cursor: pointer; border: none; display: inline-flex; padding: 0; outline: none; font-size: 15px; transition: color 0.2s; background: none; margin-left: 20px; line-height: 15px; font-weight: 500; align-items: center; white-space: nowrap; font-family: CorsicaRamblerLX, sans-serif; } .rui-Topline-moreIcon { width: 15px; height: 15px; margin-top: -1px; margin-right: 5px; } .rui-Topline-toplineRightPlace { display: flex; flex-shrink: 0; align-items: center; } .rui-Topline-toplineSearch { position: relative; margin-left: 40px; } .rui-Topline-toplineSearch.rui-Topline-compact { margin-left: 20px; } @media (min-width: 640px) and (max-width: 1023px) { .rui-Topline-toplineSearch { margin-left: 20px; } } .rui-Topline-menu { width: 100%; display: flex; margin-top: 2px; margin-right: 40px; } .rui-Topline-menu.rui-Topline-compact { margin-right: 20px; } @media (min-width: 640px) and (max-width: 1023px) { .rui-Topline-menu { margin-right: 20px; } } .rui-Topline-user { margin-left: 40px; } .rui-Topline-user.rui-Topline-compact { margin-left: 20px; } @media (min-width: 640px) and (max-width: 1023px) { .rui-Topline-user { margin-left: 20px; } } .rui-Topline-counter { color: #fff; height: 25px; padding: 0 5px; display: inline-flex; min-width: 25px; font-size: 11px; background: #315efb; box-sizing: border-box; text-align: center; margin-left: 5px; font-family: Roboto, sans-serif; line-height: 15px; font-weight: 500; align-items: center; border-radius: 13px; justify-content: center; } .rui-Topline-type-inverse { color: #fff; background: #343b4c; border-bottom: 1px solid #343b4c; } .rui-Topline-type-inverse.rui-Topline-opened { border-bottom: 1px solid #343b4c; } .rui-Topline-type-inverse .rui-Topline-link { color: #fff; } .rui-Topline-type-inverse .rui-Topline-logo, .rui-Topline-type-inverse .rui-Topline-ramblerLogo { fill: #fff; color: #fff; } .rui-Topline-type-inverse .rui-Topline-moreButton:hover { color: #c6cad8; } .rui-Topline-type-inverse .rui-Topline-link:hover { color: #c6cad8; } .rui-Topline-type-white { color: #262626; background: #fff; border-bottom: 1px solid #e8eaf0; } .rui-Topline-type-white.rui-Topline-opened { border-bottom: 1px solid #e8eaf0; } .rui-Topline-type-white .rui-Topline-link { color: #262626; } .rui-Topline-type-white .rui-Topline-logo, .rui-Topline-type-white .rui-Topline-ramblerLogo { fill: #315efb; color: #315efb; } .rui-Topline-type-white .rui-Topline-moreButton:hover { color: #315efb; } .rui-Topline-type-white .rui-Topline-link:hover { color: #315efb; } .rui-Topline-root a { text-decoration: none; }
{code}