/*!************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/styles/index_partner.scss ***!
  \************************************************************************************************************************/
@font-face {
  font-family: "GolosUI";
  src: url(144142fba245a224ac28.woff) format("woff"), url(a1c96bd6133294a21f27.woff2) format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
:root {
  --shp-figma-secondary-contrast: #181818;
  --shp-figma-secondary-contrast_rgb: 24, 24, 24;
  --shp-figma-ui-accent: #FFB648;
  --shp-figma-ui-accent_rgb: 255, 182, 72;
  --shp-figma-ui-accent_darker: #ffa215;
  --shp-figma-ui-accent_darker_20: #e18700;
  --shp-figma-ui-accent_lighter: #ffdfae;
  --shp-figma-ui-accent-hover: #ffca7b;
  --shp-figma-ui-accent-hover_rgb: 255, 202, 123;
  --shp-figma-ui-negative: #FF5555;
  --shp-figma-ui-negative_rgb: 255, 85, 85;
  --shp-figma-ui-negative_lighter: #ff8888;
  --shp-figma-ui-positive: #1BEFBC;
  --shp-figma-ui-basic: rgba( 255, 255, 255, .62 );
  --shp-figma-basic-contrast_XS: rgba(255, 255, 255, .10);
  --shp-figma-modal-bg: #292929;
  --shp-figma-modal-bg_lighter: #434343;
  --shp-figma-modal-bg_darker: #101010;
  --shp-figma-modal-bg_darker_rgb: 16, 16, 16;
  --shp-figma-modal-bg_rgb: 41, 41, 41;
  --shp-figma-primary-deep: rgba( 255, 255, 255, .85 );
  --shp-figma-primary-medium: #949494;
}

body {
  --shp-color-white-10: rgba(255, 255, 255, .1);
  --shp-color-gray-50: var( --shp-figma-primary-medium );
  --shp-color-gray-50_lighter: #aeaeae;
  --shp-color-gray-70: var( --shp-figma-primary-deep );
  --shp-color-navy-10: var( --shp-figma-modal-bg );
  --shp-color-navy-10_rgb: var( --shp-figma-modal-bg_rgb );
  --shp-color-navy-15: #121d28;
  --shp-color-navy-25: var( --shp-figma-modal-bg_darker );
  --shp-color-navy-25_rgb: var( --shp-figma-modal-bg_darker_rgb );
  --shp-color-navy-30: var( --shp-figma-modal-bg_darker );
  --shp-color-navy-30_rgb: var( --shp-figma-modal-bg_darker_rgb );
  --shp-color-navy-40: #1E1E1E;
  --shp-color-navy-40_rgb: 30, 30, 30;
  --shp-color-navy-60: var( --shp-figma-modal-bg );
  --shp-color-navy-60_rgb: var( --shp-figma-modal-bg_rgb );
  --shp-color-navy-65: #3e3e3e;
  --shp-color-navy-70: var( --shp-figma-modal-bg_lighter );
  --shp-color-navy-70_lighter: #5d5d5d;
  --shp-color-navy-75: #424e5b;
  --shp-color-navy-80: #525b65;
  --shp-color-navy-transparent-60: rgba(3, 12, 21, .62);
  --shp-color-navy-transparent-40: rgba(3, 12, 21, .4);
  --shp-color-navy-transparent-20: rgba(3, 12, 21, .2);
  --shp-color-blue-10: var( --shp-figma-ui-accent_darker );
  --shp-color-blue-20: var( --shp-figma-ui-accent );
  --shp-color-blue-30: var( --shp-figma-ui-accent_darker );
  --shp-color-blue-50: var( --shp-figma-ui-accent );
  --shp-color-blue-70: var( --shp-figma-ui-accent );
  --shp-color-blue-70_rgb: var( --shp-figma-ui-accent_rgb );
  --shp-color-blue-90: var( --shp-color-white-10 );
  --shp-color-red-70: var( --shp-figma-ui-negative );
  --shp-color-red-70_rgb: var( --shp-figma-ui-negative_rgb );
  --shp-color-red-70_lighter: var( --shp-figma-ui-negative_lighter );
  --shp-color-yellow: #FFCE21;
  --shp-color-button-hover-border-bottom: var( --shp-figma-ui-accent_darker_20 );
  --shp-color-button-active-font: var( --shp-figma-secondary-contrast );
  --shp-color-button-sso-top: var( --shp-figma-ui-accent );
  --shp-color-button-sso-bottom: var( --shp-figma-ui-accent );
  --shp-color-button-sso-top-highlight: var( --shp-figma-ui-accent );
  --shp-color-button-sso-bottom-highlight: var( --shp-figma-ui-accent );
  --shp-font-Fira: "GolosUI";
  --shp-font-PTRootUI: "GolosUI";
  --shp-default-font-family: "GolosUI", sans-serif;
  --shp-default-font-family-alt: "GolosUI", sans-serif;
  --shp-default-font-color-alt: var( --shp-figma-primary-medium );
  --shp-default-button-background: var( --shp-figma-ui-accent );
  --shp-default-button-background-hover: var( --shp-figma-ui-accent-hover );
  --shp-default-color-border: var(--shp-color-white-10);
  --shp-default-color-product-widget-bg-color-alternative: var( --shp-figma-secondary-contrast );
  --shp-default-color-product-widget-bg-color-alternative_rgb: var( --shp-figma-secondary-contrast_rgb );
  --shp-default-color-box-shadow: rgba( 0, 0, 0, .4 );
  --shp-default-color-link-widget-alt: var( --shp-figma-ui-basic );
  --shp-default-color-link-widget-hover: var( --shp-figma-ui-accent-hover );
  --shp-default-color-link-widget-alt-hover: var( --shp-figma-ui-accent );
  --shp-default-color-widget-bg: var( --shp-figma-modal-bg );
  --shp-default-color-widget-block-bg: var( --shp-figma-basic-contrast_XS );
  --shp-default-color-popup-bg: var( --shp-figma-modal-bg );
  --shp-default-color-error: var( --shp-figma-ui-negative );
  --shp-default-color-success: var( --shp-figma-ui-positive );
}

.body:after,
body:after {
  display: none;
}

.balance {
  color: var(--shp-default-font-color);
}
.balance:not(.top-panel__link):after {
  background-image: url(fa2ce3aa4b1706f63d8b.png);
}

.download-widget__links {
  color: var(--shp-figma-primary-deep);
}
.download-widget__download-button {
  color: var(--shp-figma-primary-deep);
}

.filter-mobile-popup__submit-button.input-button {
  opacity: 0.3;
  background: var(--shp-default-button-background);
}
.filter-mobile-popup__submit-button.input-button.filter-select__input-button_not-empty {
  opacity: 1;
  color: var(--shp-color-button-active-font);
}

.filter-state.is-not-empty svg {
  fill: var(--shp-color-button-active-font);
}
@media (max-width: 980px) {
  .filter-state.is-not-empty {
    color: var(--shp-color-button-active-font);
  }
}

.footer__copyright {
  margin-bottom: 16px;
  color: var(--shp-default-font-color-alt);
}

a.hover-link_dark,
.hover-link_dark {
  color: var(--shp-figma-primary-deep);
}

.form-input-inner,
.input {
  border-radius: 3px;
}
.form-input-inner_with-border,
.input_with-border {
  border-style: solid;
  border-color: var(--shp-figma-primary-medium);
  border-width: 0 0 1px 0;
}

.plank__button,
.inner__button,
a.input-button,
.input-button {
  font-weight: 500;
  letter-spacing: 1.2px;
  color: var(--shp-figma-secondary-contrast);
  text-shadow: 0 1px 0 rgba(255, 218, 123, 0.7);
  box-shadow: 0 6px 18px 0 rgba(255, 77, 0, 0.21);
}
.plank__button_warning,
.inner__button_warning,
a.input-button_warning,
.input-button_warning {
  color: var(--shp-default-color-error);
  text-shadow: none;
  box-shadow: none;
}
.plank__button_light-warning,
.inner__button_light-warning,
a.input-button_light-warning,
.input-button_light-warning {
  color: var(--shp-default-color-error);
  text-shadow: none;
  box-shadow: none;
}
.plank__button_gray-light,
.inner__button_gray-light,
a.input-button_gray-light,
.input-button_gray-light {
  color: var(--shp-figma-primary-deep);
  border-color: currentColor;
  text-shadow: none;
  box-shadow: none;
}
.plank__button_gray-light:active, .plank__button_gray-light:hover,
.inner__button_gray-light:active,
.inner__button_gray-light:hover,
a.input-button_gray-light:active,
a.input-button_gray-light:hover,
.input-button_gray-light:active,
.input-button_gray-light:hover {
  color: var(--shp-figma-primary-deep);
  border-color: currentColor;
  background: var(--shp-color-gray-10);
}
.plank__button_gold-light,
.inner__button_gold-light,
a.input-button_gold-light,
.input-button_gold-light {
  color: var(--shp-color-gold);
  text-shadow: none;
  box-shadow: none;
}
.plank__button_light,
.inner__button_light,
a.input-button_light,
.input-button_light {
  color: var(--shp-figma-ui-accent);
  text-shadow: none;
  box-shadow: none;
}
.plank__button_light:hover:not(.input-button_warning),
.inner__button_light:hover:not(.input-button_warning),
a.input-button_light:hover:not(.input-button_warning),
.input-button_light:hover:not(.input-button_warning) {
  color: var(--shp-figma-secondary-contrast);
  background: var(--shp-color-blue-50);
}

.input-select__dropdown-item_active, .input-select__dropdown-item:hover {
  color: var(--shp-color-button-active-font);
}

.link-new-tab:after {
  background-image: url(0f38e24dd708f77235e1.svg);
}

.popup__close {
  width: 32px;
  height: 32px;
  border-radius: 0 0 0 4px;
  border: 1px solid var(--shp-default-background-color);
  background: none;
  box-shadow: 0 1px 0 var(--shp-figma-basic-contrast_XS);
}
.popup__close svg {
  width: 16px;
  height: 16px;
}

.profile-safety {
  background: var(--shp-default-color-widget-bg);
}
.profile-safety__level_strong {
  background-image: url(677832ace857c2da5f59.png);
}
.profile-safety__level_weak {
  background-image: url(748f089576363d3b6e10.png);
}

.profile-settings-nav__item_selected:after {
  display: none;
}

.profile-user__username, .profile-user__email {
  color: var(--shp-figma-primary-deep);
}
.profile-user__email-connect-link {
  color: var(--shp-figma-ui-positive);
}
.profile-user__email-connect-link:hover {
  color: var(--shp-color-white);
}
.profile-user__email-connect-link:hover svg {
  fill: var(--shp-color-white);
}
.profile-user__email-connect-link svg {
  fill: var(--shp-figma-ui-positive);
}
.profile-user__links--item {
  color: var(--shp-default-color-link-widget-alt);
  text-decoration: underline;
}
.profile-user__links--item:hover {
  color: var(--shp-default-color-link-widget-alt-hover);
  text-decoration: underline;
}

#sso-menu .GCM-Menu-ItemIcon_coins .GCM-Menu-ItemLabel {
  background-image: url(da4f170feab27ad7e963.svg);
  background-size: 11px 18px;
}

.widget-warning {
  background: var(--shp-color-navy-60) url(f6965e30dfd002db07c8.png) no-repeat 0 50%;
  background-size: 250px auto;
}
@media (max-width: 760px), ((min-aspect-ratio: 16/9) and (max-width: 980px)) {
  .widget-warning {
    background-position: 50% 25px;
  }
}

.showcase-item_corners-multiple:after {
  filter: grayscale(1);
}

.spoiler__trigger::after {
  background: url(ec9dbc3985fb5e81b6ce.svg) no-repeat 0 0;
}

.tooltip__bubble {
  background: rgba(0, 0, 0, 0.9);
}
.tooltip__bubble_top-center:after {
  border-color: rgba(0, 0, 0, 0.9) transparent transparent transparent;
}
.tooltip__bubble_top-left:after {
  border-color: rgba(0, 0, 0, 0.9) transparent transparent transparent;
}

.input-button-sso {
  color: var(--shp-figma-secondary-contrast);
  text-shadow: 0 1px 0 rgba(255, 218, 123, 0.7);
}
.input-button-sso:hover {
  color: var(--shp-figma-secondary-contrast);
  box-shadow: 0 0 0 1px var(--shp-color-button-sso-top-highlight);
}
