:root{
    --space-s: 12px;
    --space-xl: 24px;
    --space-2-xl: 32px;
    --typography-font-family: var(--font-family);
    --typography-font-weight-regular: 400;
    --typography-font-weight-medium: 500;
    --typography-font-weight-bold: 700;
    --control-font-family: var(--font-family);
    --typography-controls-size-s-font-size: 13px;
    --typography-controls-size-m-font-size: 15px;
    --typography-controls-size-l-font-size: 18px;
    --color-base: #222222;
    --color-essential: #fff;
    --color-project: #5641FF;
    --color-success: #00985f;
    --color-hover: #c00;
    --color-transparent: transparent;
    --color-bg-brand: #5641FF;
    --color-bg-border: rgba(0, 0, 0, 0.05);
    --color-bg-default: var(--color-essential);
    --color-typo-primary: var(--color-base);
    --color-link-hover: var(--color-hover);
    --color-control-bg-border-prism: var(--color-project);
    --color-control-typo-primary: var(--color-base);
    --color-control-typo-secondary: rgba(34, 34, 34, 0.6);
    --color-control-typo-ghost: rgba(34, 34, 34, 0.3);
    --color-control-typo-passive: #FFFFFF;
    --color-control-typo-faint: rgb(255, 255, 255);
    --color-control-typo-disable: rgb(128, 128, 128);
    /*--color-control-typo-link: var(--color-path);*/
    --color-control-typo-error: rgb(224, 0, 0);
    --color-control-bg-default: rgb(230, 230, 230);
    --color-control-bg-default-hover: rgb(219, 219, 219);
    --color-control-bg-default-disable: rgb(242, 242, 242);
    --color-control-bg-border-default: rgb(179, 179, 179);
    /*--color-control-bg-border-default-error: var(--color-alert);*/
    --color-control-bg-border-default-error-hover: rgb(224, 0, 15);
    --color-control-bg-pseudo-hover: rgb(247, 247, 247);
    --color-control-bg-border-pseudo: rgb(204, 204, 204);
    --color-control-bg-action: var(--color-project);
    --color-control-bg-progress: var(--color-project);
    --color-control-bg-progress-process: rgb(95, 66, 255);
    --color-control-bg-blank: var(--color-essential);
    --color-control-bg-blank-hover: var(--color-essential);
    --color-control-bg-blank-disable: rgb(242, 242, 242);
    --color-control-bg-border-blank: rgb(217, 217, 217);
    --color-control-bg-border-blank-hover: rgb(204, 204, 204);
    --color-control-bg-border-blank-disable: rgb(242, 242, 242);
    --color-control-bg-faint: var(--color-essential);
    --color-control-bg-check: rgb(84, 84, 84);
    --color-control-bg-check-hover: rgb(84, 84, 84);
    --color-control-bg-link-default-hover: rgba(86, 65, 255, 0.3);
    --color-control-bg-border-link-default: rgba(86, 65, 255, 0.6);
    --color-control-typo-raised-disable: #7f7f7f;
    --color-control-bg-raised-disable: #f5f5f5;
    --button-font-family: var(--font-family);
    --button-border-width: 1px;
    --button-borderRadius: 8px;
    --button-size-s-font: 13px;
    --button-size-s-lineHeight: 24px;
    --button-size-s-height: 24px;
    --button-size-s-icon-width: 24px;
    --button-size-s-icon-indentLeft: 25px;
    --button-size-s-icon-indentRight: 25px;
    --button-size-s-text-indentAll: 0 8px;
    --button-size-m-font: 13px;
    --button-size-m-lineHeight: 40px;
    --button-size-m-height: 40px;
    --button-size-m-icon-width: 32px;
    --button-size-m-icon-indentLeft: 29px;
    --button-size-m-icon-indentRight: 29px;
    --button-size-m-text-indentAll: 0 12px;
    --button-size-l-font: 15px;
    --button-size-l-lineHeight: 40px;
    --button-size-l-height: 40px;
    --button-size-l-icon-width: 40px;
    --button-size-l-icon-indentLeft: 35px;
    --button-size-l-icon-indentRight: 35px;
    --button-size-l-text-indentAll: 0 16px;
    --button-view-action-border-color-focused: var(--color-control-bg-border-prism);
    --button-view-action-fill-color-base: #10FF13;
    --button-view-action-fill-color-disabled: #878787;
    --button-view-action-fill-color-hovered: #9EFF02;
    --button-view-action-fill-color-progress-base: var(--color-control-bg-progress);
    --button-view-action-fill-color-progress-process: var(--color-control-bg-progress-process);
    --button-view-action-fill-color-checked-base: var(--color-control-bg-check);
    --button-view-action-fill-color-checked-hovered: var(--color-control-bg-check-hover);
    --button-view-action-typo-color-base: #222;
    --button-view-action-typo-color-disabled: #222;
    --button-view-action-typo-color-hovered: #222;
    --button-view-action-typo-color-progress-base: var(--color-control-typo-passive);
    --button-view-action-typo-color-checked-base: var(--color-control-typo-faint);
    --button-view-action-typo-color-checked-hovered: var(--color-control-typo-faint);
    --button-view-action-fill-image-base: linear-gradient(180deg, #10FF13 0%, #A0FF01 100%);
    --button-view-action-fill-image-hovered: linear-gradient(180deg, #9EFF02 0%, #9EFF02 100%);
    --button-view-action-fill-image-disabled: linear-gradient(180deg, #888888 0%, #808080 100%);
    --button-view-clear-border-color-focused: var(--color-control-bg-border-prism);
    --button-view-clear-fill-color-disabled: var(--color-control-bg-default-disable);
    --button-view-clear-fill-color-checked-base: var(--color-control-bg-check);
    --button-view-clear-fill-color-checked-hovered: var(--color-control-bg-check-hover);
    --button-view-clear-typo-color-base: var(--color-control-typo-primary);
    --button-view-clear-typo-color-disabled: var(--color-control-typo-disable);
    --button-view-clear-typo-color-checked-base: var(--color-control-typo-faint);
    --button-view-default-border-color-focused: var(--color-control-bg-border-prism);
    --button-view-default-fill-color-base: #E7E7E7;
    --button-view-default-fill-color-disabled: #EAEAEA;
    --button-view-default-fill-color-hovered: #DBDADA;
    --button-view-default-fill-color-checked-base: var(--color-control-bg-check);
    --button-view-default-fill-color-checked-hovered: var(--color-control-bg-check-hover);
    --button-view-default-typo-color-base: #222222;
    --button-view-default-typo-color-hovered: #222222;
    --button-view-default-typo-color-disabled: #B9B9B9;
    --button-view-default-typo-color-checked-base: var(--color-control-typo-faint);
    --button-view-default-typo-color-checked-hovered: var(--color-control-typo-faint);
    --button-view-link-border-color-base: var(--color-control-bg-border-link-default);
    --button-view-link-border-color-focused: var(--color-control-bg-border-prism);
    --button-view-link-fill-color-base: var(--color-control-bg-faint);
    --button-view-link-fill-color-disabled: var(--color-control-bg-default-disable);
    --button-view-link-fill-color-hovered: var(--color-control-bg-link-default-hover);
    --button-view-link-fill-color-checked-base: var(--color-control-bg-check);
    --button-view-link-fill-color-checked-hovered: var(--color-control-bg-check-hover);
    --button-view-link-typo-color-base: var(--color-control-typo-link);
    --button-view-link-typo-color-disabled: var(--color-control-typo-disable);
    --button-view-link-typo-color-checked-base: var(--color-control-typo-faint);
    --button-view-pseudo-border-color-base: var(--color-control-bg-border-pseudo);
    --button-view-pseudo-border-color-focused: var(--color-control-bg-border-prism);
    --button-view-pseudo-fill-color-disabled: var(--color-control-bg-default-disable);
    --button-view-pseudo-fill-color-hovered: var(--color-control-bg-pseudo-hover);
    --button-view-pseudo-fill-color-checked-base: var(--color-control-bg-check);
    --button-view-pseudo-fill-color-checked-hovered: var(--color-control-bg-check-hover);
    --button-view-pseudo-typo-color-base: var(--color-control-typo-primary);
    --button-view-pseudo-typo-color-disabled: var(--color-control-typo-disable);
    --button-view-pseudo-typo-color-checked-base: var(--color-control-typo-faint);
    --button-view-raised-border-color-focused: var(--color-control-bg-border-prism);
    --button-view-raised-fill-color-base: #666;
    --button-view-raised-fill-color-disabled: var(--color-control-bg-raised-disable);
    --button-view-raised-fill-color-hovered: #999;
    --button-view-raised-fill-color-checked-base: var(--color-control-bg-check);
    --button-view-raised-fill-color-checked-hovered: var(--color-control-bg-check-hover);
    --button-view-raised-typo-color-base: #fff;
    --button-view-raised-typo-color-disabled: var(--color-control-typo-raised-disable);
    --button-view-raised-typo-color-checked-base: var(--color-control-typo-faint);
    --button-view-raised-box-shadow-base: 0 0 0 4px #222;
    --button-typo-color-disabled: #90919D;
    --button-fill-color-disabled: #878787;
    --button-view-ghost-typo-color-base: #222;
    --button-view-ghost-fill-color-base: #e8eaed;
    --button-view-ghost-fill-color-hovered: #d9dadc;
    --button-view-promo-typo-color-base: #222;
    --button-view-promo-typo-color-disabled: #222;
    --button-view-promo-fill-color-base: #10FF13;
    --button-view-promo-fill-color-hovered: #9EFF02;
    --button-view-promo-fill-color-disabled: #878787;
    --button-view-promo-font-family: 'Druk Wide Cy', Roboto, 'Helvetica Neue', Arial, sans-serif;
    --button-view-promo-fill-image-base: linear-gradient(180deg, #10FF13 0%, #A0FF01 100%);
    --button-view-promo-fill-image-hovered: linear-gradient(180deg, #9EFF02 0%, #9EFF02 100%);
    --button-view-promo-fill-image-disabled: linear-gradient(180deg, #888888 0%, #808080 100%);
    --button-view-empty-typo-color-base: var(--button-view-action-fill-color-base);
    --button-view-empty-typo-color-hovered: var(--button-view-action-fill-color-hovered);
    --button-view-primary-typo-color-base: #FFF;
    --button-view-primary-typo-color-disabled: #CCC;
    --button-view-primary-fill-color-base: #008EFF;
    --button-view-primary-fill-color-hovered: #4DB0FF;
    --button-view-primary-fill-color-disabled: #E5E5E5;
    --button-view-secondary-typo-color-base: #222;
    --button-view-secondary-typo-color-disabled: #CCC;
    --button-view-secondary-fill-color-base: #FFF;
    --button-view-secondary-fill-color-hovered: #F2F2F2;
    --button-view-secondary-fill-color-disabled: #E5E5E5;
    --button-view-play-typo-color-base: #222222;
    --button-view-play-typo-color-disabled: #222222;
    --button-view-play-fill-color-base: #96F239;
    --button-view-play-fill-color-hovered: #B0F56A;
    --button-view-play-fill-color-disabled: #E5E5E5;
    --header-font-family: var(--font-family);
    --header-fill-color: none;
    --header-shadow: none;
    --header-space-all: 0;
    --header-z-index: auto;
    --header-content-height: 70px;
    --header-content-width: 100%;
    --header-content-indent-right: auto;
    --header-content-max-width: 1400px;
    --header-content-space-all: 0;
    --header-content-adaptive-space-left: 13px;
    --header-content-adaptive-space-right: 36px;
    --header-logo-height: 32px;
    --header-logo-indent-right: 16px;
    --header-logo-circle-indent-top: -3px;
    --header-actions-gap: 0;
    --header-actions-space-left: 0px;
    --header-nav-link-font-weight: 500;
    --menu-font-family: var(--control-font-family);
    --menu-size-s-fontSize: var(--typography-controls-size-s-font-size);
    --menu-size-s-lineHeight: 32px;
    --menu-size-s-spaceVert: 4px;
    --menu-size-s-group-spaceVert: 4px;
    --menu-size-s-group-spaceHor: 0;
    --menu-size-s-group-indentBottom: 4px;
    --menu-size-s-item-spaceHor: 9px;
    --menu-size-s-item-indentBottom: 4px;
    --menu-size-s-item-icon-indentRight: 4px;
    --menu-size-s-titleSibling-indentLeft: 20px;
    --menu-size-m-fontSize: var(--typography-controls-size-m-font-size);
    --menu-size-m-lineHeight: 36px;
    --menu-size-m-spaceVert: 5px;
    --menu-size-m-group-spaceVert: 5px;
    --menu-size-m-group-spaceHor: 0;
    --menu-size-m-group-indentBottom: 5px;
    --menu-size-m-item-spaceHor: 15px;
    --menu-size-m-item-indentBottom: 5px;
    --menu-size-m-item-icon-indentRight: 6px;
    --menu-size-m-titleSibling-indentLeft: 20px;
    --menu-view-default-border-color-base: var(--color-control-bg-border-default);
    --menu-view-default-fill-color-base: var(--color-control-bg-default);
    --menu-view-default-fill-color-hovered: var(--color-control-bg-default-hover);
    --menu-view-default-typo-color-base: var(--color-control-typo-primary);
    --menu-view-default-typo-color-secondary: var(--color-control-typo-secondary);
    --menu-view-default-typo-color-disabled: var(--color-control-typo-disable);
    --menu-view-default-typo-color-hovered: var(--color-control-typo-primary);
    --popup-borderRadius: 4px;
    --popup-view-default-typo-color: var(--color-typo-primary);
    --popup-view-default-fill-color: var(--color-bg-default);
    --textarea-font-family: var(--control-font-family);
    --textarea-borderWidth: 2px;
    --textarea-borderRadius: 4px;
    --textarea-size-s-fontSize: 15px;
    --textarea-size-s-spaceAll: 12px 16px;
    --textarea-size-s-minWidth: 180px;
    --textarea-size-s-minHeight: 132px;
    --textarea-size-s-clear-width: 32px;
    --textarea-size-s-clear-height: 32px;
    --textarea-hint-size-s-fontSize: 12px;
    --textarea-hint-size-m-fontSize: 13px;
    --textarea-view-default-fill-color-base: var(--color-control-bg-blank);
    --textarea-view-default-fill-color-disabled: var(--color-control-bg-blank-disable);
    --textarea-view-default-fill-color-hovered: var(--color-control-bg-blank-hover);
    --textarea-view-default-typo-color-base: var(--color-control-typo-primary);
    --textarea-view-default-typo-color-disabled: var(--color-control-typo-disable);
    --textarea-view-default-placeholder-typo-color-base: var(--color-control-typo-ghost);
    --textarea-view-default-placeholder-typo-color-disabled: var(--color-control-typo-disable);
    --textarea-view-default-icon-fill-color-base: var(--color-control-typo-ghost);
    --textarea-view-default-clear-fill-color-base: var(--color-control-typo-ghost);
    --textarea-view-default-clear-fill-color-hovered: var(--color-control-typo-primary);
    --textarea-view-default-hint-typo-color-state-error-base: var(--color-control-typo-error);
    --textarea-view-default-border-color-base: var(--color-control-bg-border-blank);
    --textarea-view-default-border-color-disabled: var(--color-control-bg-border-blank-disable);
    --textarea-view-default-border-color-focused: #FFDB4D;
    --textarea-view-default-border-color-hovered: var(--color-control-bg-border-blank-hover);
    --textarea-view-default-border-color-state-error-base: var(--color-control-bg-border-default-error);
    --textarea-view-default-border-color-state-error-hovered: var(--color-control-bg-border-default-error-hover);
    --textinput-font-family: var(--control-font-family);
    --textinput-borderWidth: 2px;
    --textinput-borderRadius: 4px;
    --textinput-size-s-fontSize: var(--typography-controls-size-s-font-size);
    --textinput-size-s-height: 32px;
    --textinput-size-s-control-spaceAll: 0 8px;
    --textinput-size-s-has-icon-spaceRight: 32px;
    --textinput-size-s-has-icon-spaceLeft: 32px;
    --textinput-size-s-icon-width: 32px;
    --textinput-size-s-icon-height: 32px;
    --textinput-hint-size-s-fontSize: 12px;
    --textinput-size-m-fontSize: var(--typography-controls-size-m-font-size);
    --textinput-size-m-height: 36px;
    --textinput-size-m-control-spaceAll: 0 10px;
    --textinput-size-m-has-icon-spaceRight: 36px;
    --textinput-size-m-has-icon-spaceLeft: 36px;
    --textinput-size-m-icon-width: 36px;
    --textinput-size-m-icon-height: 36px;
    --textinput-hint-size-m-fontSize: 13px;
    --textinput-view-material-typo-color-base: #000;
    --textinput-view-material-typo-color-disabled: rgba(0, 0, 0, 0.4);
    --textinput-view-material-border-color-base: rgba(0, 0, 0, 0.1);
    --textinput-view-material-border-color-state-error: #FF3737;
    --textinput-view-material-font-size: 1rem;
    --textinput-view-material-space-all: 12px 0 10px;
    --textinput-view-material-space-left: 16px;
    --textinput-view-material-space-right: 16px;
    --textinput-view-material-space-top: 16px;
    --textinput-view-material-icon-fill-color-base: rgba(0, 0, 0, 0.8);
    --textinput-view-material-icon-fill-color-disabled: rgba(0, 0, 0, 0.5);
    --textinput-view-material-icon-width: 24px;
    --textinput-view-material-hint-font-size: 0.75rem;
    --textinput-view-material-hint-typo-color-base: rgba(0, 0, 0, 0.4);
    --textinput-view-material-hint-typo-color-state-error: #FF3737;
    --textinput-view-material-caret-color-base: #067AFF;
    --textinput-view-material-caret-color-state-error: #FF3737;
    --textinput-view-material-placeholder-typo-color-base: var(--color-control-typo-ghost);
    --textinput-view-material-label-color-base: rgba(0, 0, 0, 0.25);
    --textinput-view-material-label-color-state-error: #FF3737;
    --textinput-view-material-label-color-floated-base: rgba(0, 0, 0, 0.4);
    --textinput-view-material-variant-filled-border-color-focused: #067AFF;
    --textinput-view-material-variant-filled-fill-color: rgba(0, 0, 0, 0.05);
    --textinput-view-material-variant-filled-label-color-floated: #067AFF;
    --textinput-view-material-variant-outlined-border-color-base: rgba(0, 0, 0, 0.1);
    --textinput-view-material-variant-outlined-border-color-focused: #067AFF;
    --textinput-view-material-variant-outlined-label-color-floated: #067AFF;
    --textinput-view-default-fill-color-base: var(--color-control-bg-blank);
    --textinput-view-default-fill-color-disabled: var(--color-control-bg-blank-disable);
    --textinput-view-default-typo-color-base: var(--color-control-typo-primary);
    --textinput-view-default-typo-color-disabled: var(--color-control-typo-disable);
    --textinput-view-default-placeholder-typo-color-base: #999;
    --textinput-view-default-placeholder-typo-color-disabled: var(--color-control-typo-disable);
    --textinput-view-default-icon-fill-color-base: var(--color-control-typo-ghost);
    --textinput-view-default-hint-typo-color-state-error-base: var(--color-control-typo-error);
    --textinput-view-default-border-color-base: #e5e5e5;
    --textinput-view-default-border-color-disabled: var(--color-control-bg-border-blank-disable);
    --textinput-view-default-border-color-focused: #5641FF;
    --textinput-view-default-border-color-state-error-base: var(--color-control-bg-border-default-error);
    --textinput-search-height: 32px;
    --font-family: Roboto, 'Helvetica Neue', Arial, sans-serif
}

:root {
    --font-family: 'YS Text', 'Helvetica Neue', Arial, sans-serif
}

body {
    font-family: var(--font-family);
    -webkit-font-feature-settings: 'liga', 'kern';
    -moz-font-feature-settings: 'liga', 'kern';
    font-feature-settings: 'liga', 'kern'
}

:root {
    --color-background-paranja: var(--black-alpha-07);
    --color-text-gradient: var(--orange-3);
    --border-radius-small-new: 6px;
    --border-radius-default-new: 8px;
    --border-radius-default: 5px;
    --border-radius-large: 20px;
    --close-button-bg-color-white-cross: #e5e5e599;
    --color-badge-new: #ff5c00;
    --color-badge-promo-event: #ffe150;
    --color-paranja: var(--black-alpha-07);
    --font-family: Roboto, 'Helvetica Neue', Arial, sans-serif;
    --font-family-headline: 'Druk Wide Cy', Roboto, 'Helvetica Neue', Arial, sans-serif;
    --text-desktop-headline: 900 22px/1.2em var(--font-family-headline);
    --text-desktop-headline-small: 900 18px/1.2em var(--font-family-headline);
    --text-desktop-sidebar-item: 400 14px/1.4em var(--font-family);
    --text-mobile-headline: 900 22px/1.2em var(--font-family-headline);
    --text-mobile-sidebar-item: 400 13px/1.4em var(--font-family);
    --game-url-user-drag: auto;
    --header-border-bottom: none;
    --profile-page-mobile-margin: 0;
    --textinput-search-height: 32px;
    --textinput-search-border-radius: 12px;
    --search-input-button-height: 32px;
    --drawer-before-bg: var(--black-alpha-01);
    --balance-refilled-bg-gradient: linear-gradient(89.13deg, #a22cff 0%, #713fff 30.21%, #a22cff 68.23%, #490aff 100%);
    --navigation-link-height: 32px;
    --game-video-review-section-title-font: 500 20px/normal var(--font-family-headline);
    --game-video-review-game-info-background: var(--white-alpha-09);
    --text-headline-shrunk: 900 20px/1.2 var(--font-family-headline);
    --text-game-description-shrunk-mobile: bold 15px/var(--text-game-description-shrunk-line-height) var(--font-family);
    --color-quality-score-bg-transparent: #777777d9;
    --text-headline-mobile-shrunk: 900 18px/1.2 var(--font-family-headline);
    --color-background-splash-screen-button: linear-gradient(180deg, #1eff13 0%, #95ff03 100%);
    --color-text-splash-screen-button: var(--color-grey-8);
    --leaderboard-invite-button-color: var(--color-purple-1);
    --shortcut-banner-shadow: none;
    --shortcut-banner-bg: var(--black-1000);
    --shortcut-icon-shadow-opacity: 0.4;
    --mid-grid-image-shadow-opacity: 0.4;
    --shortcut-inline-banner-bg: var(--black-1000);
    --header-catalog-logo-width-desktop: 146px;
    --header-catalog-logo-width-mobile: 132px;
    --navigation-link-border-radius: 12px;
    --navigation-desktop-button-font: 400 14px/16px var(--font-family);
    --login-button-bg-color-hovered: var(--button-view-action-fill-color-hovered);
    --login-button-border-radius: var(--border-radius-default-new);
    --expanding-thumbnail-first-line-top: -40px
}

:root{
    --color-main-theme: var(--fill-bg);
    --color-background-variant: var(--color-grey-8);
    --color-background-accent: var(--color-grey-6);
    --color-background-accent-transparent: rgba(51, 51, 51, 0);
    --color-background-secondary-alpha: var(--white-alpha-006);
    --color-text: var(--green-4);
    --color-text-primary: var(--white-1000);
    --color-text-inverse: var(--color-grey-8);
    --color-text-promo: var(--white-alpha-08);
    --color-text-secondary: var(--white-alpha-06);
    --color-text-ghost: var(--white-alpha-05);
    --color-blur: rgba(17, 17, 17, 0.6);
    --color-control-primary: var(--white-1000);
    --color-control-primary-hover: var(--color-grey-1);
    --color-control-primary-on: var(--color-grey-2);
    --color-control-primary-variant: var(--yellow-3);
    --color-control-primary-variant-hover: var(--color-purple-1);
    --color-control-primary-on-variant: var(--color-grey-8);
    --color-control-secondary: #3b3946;
    --color-control-secondary-hover: #24222a;
    --color-control-secondary-on: var(--white-1000);
    --color-control-ghost: rgba(244, 244, 246, 0.25);
    --color-control-ghost-hover: #3b3946;
    --color-control-ghost-on: var(--white-1000);
    --color-control-float: #3b3946;
    --color-control-float-hover: #23222a;
    --color-control-float-on: var(--white-1000);
    --color-disable: var(--white-alpha-01);
    --color-separator: var(--white-alpha-01);
    --color-on-disabled: #585858;
    --color-button-primary: var(--color-control-primary);
    --color-button-primary-bg-hovered: var(--color-control-primary-hover);
    --color-button-primary-bg-pressed: var(--color-control-primary-hover);
    --color-button-primary-bg-disabled: var(--color-disable);
    --color-button-secondary: var(--color-control-secondary);
    --color-button-secondary-bg-hovered: var(--color-control-secondary-hover);
    --color-button-secondary-bg-pressed: var(--color-control-secondary-hover);
    --color-button-secondary-bg-disabled: var(--color-disable);
    --color-button-ghost: var(--color-control-ghost);
    --color-button-ghost-bg-hovered: var(--color-control-ghost-hover);
    --color-button-ghost-bg-pressed: var(--color-control-ghost-hover);
    --color-button-ghost-bg-disabled: var(--color-disable);
    --color-button-float: var(--color-control-float);
    --color-button-float-bg-hovered: var(--color-control-float-hover);
    --color-button-float-bg-pressed: var(--color-control-float-hover);
    --color-button-float-bg-disabled: var(--color-disable);
    --close-button-color-primary: var(--color-grey-5);
    --close-button-color-primary-hovered: var(--color-grey-5);
    --close-button-color-primary-pressed: var(--color-grey-5);
    --close-button-bg-image-primary: url("data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.8 7.298a.988.988 0 0 0-1.414 0 1.03 1.03 0 0 0 0 1.439l3.2 3.256-3.214 3.27a1.03 1.03 0 0 0 0 1.439.988.988 0 0 0 1.414 0L12 13.432l3.213 3.27a.988.988 0 0 0 1.415 0 1.03 1.03 0 0 0 0-1.439l-3.214-3.27 3.2-3.256a1.03 1.03 0 0 0 0-1.439.988.988 0 0 0-1.414 0L12 10.554 8.8 7.298z' fill='%23FFF'/%3e%3c/svg%3e");
    --color-link-primary: var(--green-9);
    --color-link-primary-hovered: var(--green-6);
    --color-link-primary-pressed: var(--green-6);
    --color-link-bg-secondary: var(--color-text-secondary);
    --color-secondary: var(--color-text-secondary);
    --color-popup: var(--color-grey-6);
    --color-gradient-popup: linear-gradient(0deg, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05)), linear-gradient(99.09deg, var(--color-grey-6) 0%, var(--color-grey-17) 100%);
    --color-shortcut-popup-close-button: #505050;
    --color-popup-variant: var(--color-grey-10);
    --color-game-info-bg: var(--color-grey-6);
    --color-game-page-popup: var(--color-grey-6);
    --color-game-scrolled-card: var(--color-main-theme);
    --color-balance-popup-promo: linear-gradient(0deg, var(--color-grey-14), var(--color-grey-14)), rgba(0, 0, 0, 0.05);
    --color-balance-popup-shadow: linear-gradient(180deg, rgba(51, 51, 51, 0) 0%, var(--color-grey-6) 100%);
    --color-shortcut-popup-ios: var(--green-7);
    --color-trust-bg: var(--color-refill-popup-temporary);
    --color-input-bg: var(--color-control-secondary);
    --color-search-active-bg: var(--color-control-secondary);
    --color-category-hover: var(--white-1000);
    --text-color-category: var(--white-1000);
    --color-balance-refill-footer-bg: var(--color-popup-footer-bg);
    --color-noads-banner: var(--color-grey-5);
    --color-merge-conflicts-dialog-option-bg: var(--color-grey-14);
    --color-merge-conflicts-dialog-option-border: #f1f0fe;
    --icon-primary-fill-color: var(--white-1000);
    --color-tab-transition-bg: var(--color-grey-10);
    --color-tab-transition-bg-hover: var(--color-grey-5);
    --color-tab-transition-text: var(--color-grey-13);
    --color-tab-transition-text-hover: var(--white-1000);
    --color-game-table-bg: var(--color-grey-6);
    --color-game-leaderboard-border: var(--color-grey-6);
    --color-game-leaderboard-row-hovered-bg: var(--color-grey-13);
    --color-game-leaderboard-row-hovered-color: var(--color-grey-6);
    --meatball-button-bg-icon-hover: url("data:image/svg+xml,%3csvg width='15' height='3' viewBox='0 0 15 3' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='1.5' cy='1.5' r='1.5' fill='%23fff'/%3e%3ccircle cx='7.5' cy='1.5' r='1.5' fill='%23fff'/%3e%3ccircle cx='13.5' cy='1.5' r='1.5' fill='%23fff'/%3e%3c/svg%3e");
    --arrow-primary-color-bg-icon: url("data:image/svg+xml,%3csvg width='44' height='44' viewBox='0 0 44 44' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M29 23H15a1 1 0 1 1 0-2h14v2z' fill='%23fff'/%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M22 15a1 1 0 0 1 1.414 0l7 7-7 7A1 1 0 1 1 22 27.586L27.586 22 22 16.414A1 1 0 0 1 22 15z' fill='%23fff'/%3e%3c/svg%3e");
    --color-link-temporary: var(--green-9);
    --color-link-hover-temporary: var(--green-5);
    --color-button-bg-temporary: var(--green-9);
    --color-button-bg-temporary-hover: var(--green-5);
    --color-separator-temporary: var(--color-grey-6);
    --color-bg-hover-temporary: var(--color-grey-10);
    --color-search-bg-temporary: var(--color-grey-6);
    --color-bg-active-temporary: var(--color-purple-1);
    --text-color-placeholder-search-temporary: var(--color-grey-12);
    --text-color-placeholder-search-hover-temporary: var(--white-1000);
    --text-color-nav-temporary: var(--white-1000);
    --text-color-nav-hover-temporary: var(--color-grey-13);
    --color-bg-nav-inactive-link: var(--color-grey-6);
    --text-color-category-temporary: var(--color-grey-9);
    --text-color-category-mobile-temporary: var(--white-1000);
    --text-color-category-hover-temporary: var(--color-text-primary);
    --text-color-category-active-temporary: var(--black-1000);
    --text-color-category-active: var(--color-grey-8);
    --color-category-bg-temporary: var(--color-button-secondary);
    --color-category-bg-hover-temporary: var(--color-grey-10);
    --color-category-bg-active-temporary: var(--white-1000);
    --color-category-badge-bg-temporary: transparent;
    --color-category-badge-bg-hover-temporary: transparent;
    --text-color-category-badge-temporary: transparent;
    --color-text-category-badge-new: var(--color-grey-9);
    --text-color-tag-temporary: var(--color-grey-13);
    --text-color-tag-hover-temporary: var(--color-text-primary);
    --text-color-tag-active-temporary: var(--white-1000);
    --color-tag-bg-temporary: var(--color-grey-6);
    --color-tag-bg-hover-temporary: var(--color-grey-10);
    --color-tag-bg-active-temporary: var(--color-purple-1);
    --text-color-tag-counter-temporary: var(--color-grey-12);
    --text-color-tag-counter-hover-temporary: var(--color-grey-18);
    --text-color-tag-counter-active-temporary: var(--white-1000);
    --color-category-icon: var(--color-grey-9);
    --color-category-icon-hovered: var(--white-1000);
    --color-category-icon-active: var(--black-1000);
    --color-category-icon-mobile: var(--white-1000);
    --color-category-icon-mobile-active: var(--black-1000);
    --color-game-page-popup-temporary: var(--color-grey-8);
    --color-game-page-open-info-hovered-bg: var(--color-grey-10);
    --color-game-page-popup-button-temporary: var(--green-6);
    --color-game-page-popup-button-hover-temporary: var(--color-button-bg-temporary-hover);
    --color-game-page-popup-text: var(--color-grey-9);
    --game-page-feedback-box-shadow: inset 0 -60px 60px 0 var(--color-grey-8);
    --border-color-game-page: var(--color-grey-6);
    --text-color-section-header-text-temporary: var(--white-1000);
    --icon-color-section-header-text-temporary: var(--color-grey-13);
    --color-section-header-link-temporary: var(--green-4);
    --color-section-header-link-hover-temporary: var(--green-6);
    --text-color-game-card-title-temporary: var(--color-grey-13);
    --text-color-game-card-title-hover-temporary: var(--color-text-primary);
    --text-color-game-card-developer-temporary: var(--color-grey-9);
    --text-color-game-card-developer-hover-temporary: var(--color-grey-13);
    --color-user-profile-bg: var(--color-main-theme);
    --color-user-profile-widget-bg: var(--color-background-accent);
    --color-user-profile-widget-clickable-bg-hover: var(--color-grey-2);
    --color-recovery-code-hint: var(--color-grey-9);
    --color-recovery-code-input-bg: var(--color-grey-10);
    --color-recovery-code-code-bg: var(--color-grey-10);
    --color-recovery-code-code-bg-hover: var(--color-grey-5);
    --color-user-profile-widget-shortcut-bg-hover: var(--color-grey-10);
    --color-profile-recent-games-bg: var(--color-grey-10);
    --border-radius-profile-recent-games: 12px;
    --color-achievements-notifier-bg: var(--color-grey-6);
    --color-achievements-notifier-item-bg: var(--color-grey-5);
    --color-text-footer: var(--color-grey-9);
    --color-text-footer-copyright-temporary: var(--color-grey-9);
    --color-text-footer-link-temporary: var(--color-link-primary);
    --color-text-footer-link-hover-temporary: var(--color-link-primary);
    --color-footer-banner-partners: #41be89;
    --color-footer-banner-shortcut: #444eb9;
    --color-input-bg-temporary: var(--color-grey-6);
    --color-input-bg-temporary--disabled: var(--color-grey-21);
    --color-input-bg-temporary--hover: var(--color-grey-10);
    --text-color-input-temporary: var(--color-grey-12);
    --text-color-input-temporary--disabled: #4f4f4f;
    --color-payments-email-label: var(--color-grey-13);
    --color-refill-popup-temporary: var(--color-grey-8);
    --color-refill-popup-active-pack-temporary: #3faaff;
    --padding-refill-popup-auth: 26px 36px;
    --balance-refilled-close-button-bg-color: var(--color-grey-6);
    --color-arrow-input-active: var(--green-9);
    --close-button-color-primary-temporary: var(--color-grey-10);
    --close-button-color-primary-hovered-temporary: var(--color-grey-5);
    --close-button-popup-color-primary-temporary: var(--color-grey-6);
    --close-button-popup-color-primary-hovered-temporary: var(--color-grey-5);
    --color-log-in-button: var(--color-grey-1);
    --color-user-profile-pic-bg: var(--color-grey-12);
    --color-user-header-pic-bg: var(--color-grey-12);
    --color-user-profile-popup-separator: var(--color-grey-6);
    --color-user-profile-popup-menu-hover-bg: var(--color-grey-12);
    --color-user-popup: var(--color-grey-6);
    --color-user-popup-close-button: var(--color-grey-5);
    --color-user-popup-section: linear-gradient(0deg, var(--color-grey-14), var(--color-grey-14)), rgba(0, 0, 0, 0.05);
    --close-button-color-app-page: var(--color-grey-10);
    --close-button-color-app-page-hovered: var(--color-grey-5);
    --play-game-header-menu-row-hovered: var(--color-grey-12);
    --play-game-header-menu-border-color: var(--color-grey-5);
    --color-onboarding-tooltip-bg: var(--color-grey-2);
    --color-onboarding-tooltip: var(--black-1000);
    --color-payment-popup-text: var(--white-1000);
    --color-payment-popup-bg: var(--color-grey-6);
    --color-popup-footer-bg: var(--color-grey-6);
    --color-payment-promo-bg: #191919;
    --color-currency-value: var(--green-11);
    --unavailable-game-descripion-bg: #fae9b8;
    --unavailable-game-icon-color: var(--black-1000);
    --unavailable-game-text-color: var(--color-text-black);
    --burger-line-bg: var(--white-1000);
    --burger-badge-bg: #ff3131;
    --burger-badge-border: var(--color-background-accent);
    --panel-top-padding: 47px;
    --panel-bg: var(--color-grey-8);
    --panel-block-bg: var(--color-grey-6);
    --panel-width: 188px;
    --panel-wrapper-bg: rgba(0, 0, 0, 0.65);
    --panel-copyright-color: var(--color-grey-9);
    --panel-links-color: var(--color-grey-9);
    --panel-links-color-hover: var(--white-1000);
    --panel-area-bg: var(--color-main-theme);
    --panel-sep-color: var(--white-alpha-01);
    --panel-sep-right-color: var(--color-grey-8);
    --panel-item-background-color-hover: var(--color-grey-10);
    --panel-item-color: var(--white-600);
    --panel-item-header-color: var(--white-600);
    --panel-fill-icon: var(--white-1000);
    --panel-header-text-size: 16px;
    --lang-selector-bg: var(--color-grey-6);
    --lang-selector-bg-hover: var(--color-grey-10);
    --lang-selector-bg-mobile: var(--color-grey-8);
    --lang-selector-text: var(--white-1000);
    --search-bg: var(--color-grey-8);
    --background-category-badge-new: #36bf40;
    --color-category-badge-new: var(--color-grey-8);
    --age-rating-green: #14b04a;
    --thumb-background-color: #262626;
    --thumb-info-icon-color: var(--white-1000);
    --category-type-card-bg-fill: var(--color-grey-6);
    --category-type-card-bg-fill-hover: var(--color-grey-10);
    --category-type-card-bg-fill-active: var(--color-grey-10);
    --category-type-card-text-color: var(--white-1000);
    --category-type-card-gradient-bg-1: radial-gradient(138.81% 111.79% at 50.19% 0.11%, #8471e6 0%, #322475 100%);
    --category-type-card-gradient-bg-2: radial-gradient(138.81% 111.79% at 50.19% 0.11%, #f9858a 0%, #6d1415 100%);
    --category-type-card-gradient-bg-3: radial-gradient(138.81% 111.79% at 50.19% 0.11%, #58cd34 0%, #134604 100%);
    --category-type-card-gradient-bg-4: radial-gradient(138.81% 111.79% at 50.19% 0.11%, #91beef 0%, #003065 100%);
    --category-type-card-gradient-bg-5: radial-gradient(138.81% 111.79% at 50.19% 0.11%, #ed5da1 0%, #570f31 100%);
    --category-type-card-gradient-bg-6: radial-gradient(138.81% 111.79% at 50.19% 0.11%, #91d5cb 0%, #014d42 100%);
    --category-type-card-gradient-bg-7: radial-gradient(138.81% 111.79% at 50.19% 0.11%, #e67de8 0%, #602061 100%), radial-gradient(138.81% 111.79% at 50.19% 0.11%, #c371e6 0%, #4f1959 100%);
    --category-type-card-gradient-outline-1: #7e6adb;
    --category-type-card-gradient-outline-2: #ed7b80;
    --category-type-card-gradient-outline-3: #53bf30;
    --category-type-card-gradient-outline-4: #84b1e2;
    --category-type-card-gradient-outline-5: #de5796;
    --category-type-card-gradient-outline-6: #85c7bc;
    --category-type-card-gradient-outline-7: #d774da;
    --adv-feed-grid-dummy-bg: var(--color-grey-21)
}

:root {
    --accordion-border-bottom: 1px solid var(--color-grey-6);
    --accordion-description-margin: 0 0 24px 0;
    --accordion-icon-color: var(--white-1000);
    --accordion-title-margin: 24px 0;
    --age-rating-border-radius: 6px;
    --age-rating-green-cl-bg: var(--fill-color-success);
    --age-rating-height: 18px;
    --age-rating-orange-cl-bg: var(--fill-color-warning);
    --age-rating-padding: 5px 5px 4px 5px;
    --age-rating-red-cl-bg: var(--fill-color-alert);
    --basic-font-family: Roboto, 'Helvetica Neue', Arial, sans-serif;
    --black-1000: #000;
    --black-200: #7a7a7a;
    --black-250: #737373;
    --black-300: #6b6b6b;
    --black-350: #636363;
    --black-450: #545454;
    --black-550: #454545;
    --black-650: #363636;
    --black-800: #202020;
    --black-850: #171717;
    --black-900: #0f0f0f;
    --black-alpha-00: rgba(0, 0, 0, 0);
    --black-alpha-006: rgba(0, 0, 0, 0.06);
    --black-alpha-01: rgba(0, 0, 0, 0.1);
    --black-alpha-012: rgba(0, 0, 0, 0.12);
    --black-alpha-02: rgba(0, 0, 0, 0.2);
    --black-alpha-03: rgba(0, 0, 0, 0.3);
    --black-alpha-04: rgba(0, 0, 0, 0.4);
    --black-alpha-05: rgba(0, 0, 0, 0.5);
    --black-alpha-06: rgba(0, 0, 0, 0.6);
    --black-alpha-07: rgba(0, 0, 0, 0.7);
    --black-alpha-08: rgba(0, 0, 0, 0.8);
    --black-alpha-09: rgba(0, 0, 0, 0.9);
    --black-alpha-10: rgba(0, 0, 0, 1);
    --blue-1: #35abff;
    --blue-2: #008eff;
    --blue-3: #35b7fc;
    --blue-4: #00b2ff;
    --blue-5: #40c0f2;
    --blue-6: #29adff;
    --blue-7: #6f8eff;
    --blue-8: #a1b5fc;
    --blue-grey-1: #f1f3f5;
    --blue-grey-2: #e3e7ec;
    --blue-grey-3: #d4dbe3;
    --blue-grey-4: #c7d0da;
    --blue-grey-5: #95a3b5;
    --blue-grey-6: #8998ac;
    --blue-grey-7: #7e8ea3;
    --blue-grey-8: #6d768a;
    --border-error: var(--red-3);
    --border-selected: var(--green-4);
    --border-success: var(--green-3);
    --button-border-radius-24: 4px;
    --button-border-radius-32: 6px;
    --button-border-radius-40: 8px;
    --button-cl-bg-empty: transparent;
    --button-cl-bg-empty-disabled: transparent;
    --button-cl-bg-empty-hover: transparent;
    --button-cl-bg-primary: var(--fill-accentBrand);
    --button-cl-bg-primary-disabled: var(--fill-accentBrand-disabled);
    --button-cl-bg-primary-hover: var(--fill-accentBrand-hover);
    --button-cl-bg-promo: var(--fill-accentBrand);
    --button-cl-bg-promo-disabled: var(--fill-accentBrand-disabled);
    --button-cl-bg-promo-hover: var(--fill-accentBrand-hover);
    --button-cl-bg-secondary: var(--fill-secondary-default);
    --button-cl-bg-secondary-disabled: var(--fill-secondary-disabled);
    --button-cl-bg-secondary-hover: var(--fill-secondary-hover);
    --button-cl-icon-empty: var(--icon-accent);
    --button-cl-icon-empty-disabled: var(--icon-accent-disabled);
    --button-cl-icon-empty-hover: var(--icon-accent-hover);
    --button-cl-icon-primary: var(--icon-inverse);
    --button-cl-icon-primary-disabled: var(--icon-inverse-disabled);
    --button-cl-icon-primary-hover: var(--icon-inverse);
    --button-cl-icon-secondary: var(--icon-primary);
    --button-cl-icon-secondary-disabled: var(--icon-primary-disabled);
    --button-cl-icon-secondary-hover: var(--icon-primary);
    --button-cl-text-empty: var(--text-accent);
    --button-cl-text-empty-disabled: var(--text-accent-disabled);
    --button-cl-text-empty-hover: var(--text-accent-hover);
    --button-cl-text-primary: var(--text-inverse);
    --button-cl-text-primary-disabled: var(--text-inverse-disabled);
    --button-cl-text-primary-hover: var(--text-inverse);
    --button-cl-text-promo: var(--text-inverse);
    --button-cl-text-promo-disabled: var(--text-inverse-disabled);
    --button-cl-text-promo-hover: var(--text-inverse);
    --button-cl-text-secondary: var(--text-primary);
    --button-cl-text-secondary-disabled: var(--text-primary-disabled);
    --button-cl-text-secondary-hover: var(--text-primary);
    --button-gap-24: 4px;
    --button-gap-32: 8px;
    --button-gap-40: 8px;
    --button-height-24: 24px;
    --button-height-32: 32px;
    --button-height-40: 40px;
    --button-padding-24-text: 0 8px;
    --button-padding-32-text: 0 12px;
    --button-padding-40-text: 0 16px;
    --button-padding-40-text-promo: 0 24px;
    --category-tag-cl-bg: var(--fill-bg);
    --category-tag-cl-bg-hover: var(--fill-secondary-default);
    --category-tag-cl-bg-pressed: var(--fill-totalWhite);
    --category-tag-cl-icon: var(--icon-secondary-default);
    --category-tag-cl-icon-hover: var(--icon-primary);
    --category-tag-cl-icon-pressed: var(--icon-inverse);
    --category-tag-cl-text: var(--text-secondary-default);
    --category-tag-cl-text-hover: var(--text-primary);
    --category-tag-cl-text-pressed: var(--text-inverse);
    --category-tag-icon-gap: 12px;
    --category-tag-info-bg: var(--fill-accent);
    --category-tag-info-color: var(--text-primary);
    --category-tag-info-color-exp: var(--color-base);
    --category-tag-info-gap: 8px;
    --category-tag-info-padding: 1px 4px;
    --category-tag-padding: 7px 12px;
    --checkbox-18-br: 4px;
    --checkbox-18-gap: 8px;
    --checkbox-18-height: 18px;
    --checkbox-18-width: 18px;
    --checkbox-background-transition: background-color 0.15s linear;
    --checkbox-color-checked: var(--fill-accent);
    --checkbox-color-checked-hover: var(--fill-accent-hover);
    --checkbox-color-disabled: var(--fill-accent-disabled);
    --checkbox-color-unchecked: var(--fill-accent-nonactive);
    --checkbox-color-unchecked-hover: var(--fill-accent-nonactive-hover);
    --checkbox-label-color: var(--text-secondary-default);
    --checkbox-tick-color-checked: var(--icon-primary);
    --checkbox-tick-color-checked-hover: var(--icon-primary);
    --checkbox-tick-color-disabled: var(--icon-primary-disabled);
    --color-grey-1: #eeecfe;
    --color-grey-10: #444;
    --color-grey-11: #e5e5e5;
    --color-grey-12: #888;
    --color-grey-13: #eee;
    --color-grey-14: #53514f;
    --color-grey-15: #f5f5f5;
    --color-grey-16: #111;
    --color-grey-17: #555;
    --color-grey-18: #aaa;
    --color-grey-19: #ccc;
    --color-grey-2: #f4f4f4;
    --color-grey-20: #ddd;
    --color-grey-21: #292929;
    --color-grey-22: #454242;
    --color-grey-3: #cfcfdc;
    --color-grey-4: #e8ecef;
    --color-grey-5: #666;
    --color-grey-6: #333;
    --color-grey-7: #90919d;
    --color-grey-8: #222;
    --color-grey-9: #999;
    --color-purple-1: #5641ff;
    --color-purple-2: #3227a9;
    --color-purple-3: #5d2c83;
    --color-purple-4: #504b8a;
    --color-purple-5: #5342f4;
    --color-purple-6: #4d41ff;
    --fill-accent: var(--green-10);
    --fill-accent-disabled: var(--black-550);
    --fill-accent-hover: var(--green-5);
    --fill-accent-nonactive: var(--black-300);
    --fill-accent-nonactive-hover: var(--black-200);
    --fill-accentBrand: linear-gradient(180deg, var(--green-4) 0%, var(--green-6) 100%);
    --fill-accentBrand-disabled: var(--black-550);
    --fill-accentBrand-hover: linear-gradient(var(--green-6) 0%, var(--green-6) 100%);
    --fill-bg: var(--black-800);
    --fill-color-alert: var(--red-3);
    --fill-color-success: var(--green-2);
    --fill-color-warning: var(--orange-1);
    --fill-counter: var(--yellow-1);
    --fill-secondary-default: var(--black-550);
    --fill-secondary-disabled: var(--black-550);
    --fill-secondary-hover: var(--black-350);
    --fill-secondary-subdue-default: var(--black-250);
    --fill-totalWhite: var(--white-1000);
    --fill-totalWhite-disabled: var(--black-550);
    --float-button-background: var(--fill-secondary-default);
    --float-button-background-hover: var(--fill-secondary-hover);
    --float-button-background-pressed: var(--fill-secondary-hover);
    --float-button-icon-color: var(--icon-primary);
    --float-button-shadow: 0 1px 12px 0 rgba(14, 21, 47, 0.12), 0 3px 5px 0 rgba(14, 21, 47, 0.1);
    --font-accordion-description-m: 400 18px/27px var(--basic-font-family);
    --font-accordion-description-s: 400 15px/22.5px var(--basic-font-family);
    --font-accordion-title-m: 500 22px/24px var(--basic-font-family);
    --font-accordion-title-s: 500 20px/22px var(--basic-font-family);
    --font-age-tag: 500 11px/13px var(--basic-font-family);
    --font-bubble-text: 400 14px/16.8px var(--basic-font-family);
    --font-button-24: 500 13px/15px var(--basic-font-family);
    --font-button-32: 500 13px/15px var(--basic-font-family);
    --font-button-40: 500 15px/18px var(--basic-font-family);
    --font-button-promo-24: 500 13px/15px 'Druk Wide Cy', var(--basic-font-family);
    --font-button-promo-32: 500 13px/15px 'Druk Wide Cy', var(--basic-font-family);
    --font-button-promo-40: 900 16px/19px 'Druk Wide Cy', var(--basic-font-family);
    --font-category-tag: 400 15px/18px var(--basic-font-family);
    --font-category-tag-number: 400 13px/16px var(--basic-font-family);
    --font-category-tag-page: 400 20px/28px var(--basic-font-family);
    --font-checkbox-label: 400 13px/16px var(--basic-font-family);
    --font-game-tag: 400 15px/18px var(--basic-font-family);
    --font-guard-description: 400 15px/18px var(--basic-font-family);
    --font-guard-tag: 400 15px/15.75px var(--basic-font-family);
    --font-headline: 500 28px/33.6px var(--basic-font-family);
    --font-input-text: 400 15px/18px var(--basic-font-family);
    --font-link-m-m: 500 15px/18px var(--basic-font-family);
    --font-link-m-r: 400 15px/18px var(--basic-font-family);
    --font-link-s-m: 500 13px/16px var(--basic-font-family);
    --font-link-s-r: 400 13px/16px var(--basic-font-family);
    --font-link-xs-r: 400 12px/14px var(--basic-font-family);
    --font-profile-description: 400 16px/19.2px var(--basic-font-family);
    --font-subscription: 400 16px/19.2px var(--basic-font-family);
    --font-tag: 400 12px/14px var(--basic-font-family);
    --font-tag-list: 400 12px/14px var(--basic-font-family);
    --font-tag-page: 400 15px/18px var(--basic-font-family);
    --font-text-area: 400 12px/16px var(--basic-font-family);
    --game-tag-cl-bg: var(--fill-secondary-default);
    --game-tag-cl-bg-hover: var(--fill-secondary-hover);
    --game-tag-cl-bg-pressed: var(--fill-totalWhite);
    --game-tag-cl-text: var(--text-secondary-strong-default);
    --game-tag-cl-text-hover: var(--text-primary);
    --game-tag-cl-text-pressed: var(--text-inverse);
    --game-tag-height: 30px;
    --game-tag-padding: 6px 10px;
    --gc-input-token-cl-icon-hover: var(--icon-primary);
    --gc-input-token-cl-icon-selected: var(--icon-primary);
    --gc-input-token-cl-placeholder-hover: var(--text-primary);
    --gc-input-token-cl-placeholder-selected: var(--text-primary);
    --green-1: #0f0;
    --green-10: #12cc18;
    --green-11: #14e517;
    --green-12: #32bb3f;
    --green-2: #12b049;
    --green-3: #00a63c;
    --green-4: #10ff13;
    --green-5: #15e51c;
    --green-6: #a0ff01;
    --green-7: #a4f038;
    --green-8: #a1ff07;
    --green-9: #12c918;
    --icon-accent: var(--green-4);
    --icon-accent-disabled: var(--black-550);
    --icon-accent-hover: var(--green-6);
    --icon-error: var(--red-4);
    --icon-inverse: var(--black-800);
    --icon-inverse-disabled: var(--black-350);
    --icon-primary: var(--white-1000);
    --icon-primary-disabled: var(--black-350);
    --icon-secondary-default: var(--white-300);
    --icon-secondary-selected: var(--white-100);
    --icon-secondary-strong-default: var(--black-350);
    --icon-success: var(--green-2);
    --light-cyan-1: #feffff;
    --link-cl-accent: var(--text-accent);
    --link-cl-accent-hover: var(--text-accent-hover);
    --link-cl-inverse: var(--text-inverse);
    --link-cl-inverse-hover: var(--text-secondary-default);
    --link-cl-primary: var(--text-primary);
    --link-cl-primary-hover: var(--text-accent-hover);
    --link-cl-secondary: var(--text-secondary-default);
    --link-cl-secondary-hover: var(--text-accent-hover);
    --orange-1: #ff841a;
    --orange-2: #b24f0a;
    --orange-3: #d65b28;
    --orange-4: #f3a126;
    --orange-5: #d8642a;
    --orange-6: #ff6c13;
    --orange-7: #e56111;
    --orange-8: #cc560f;
    --overlay-bg: var(--black-alpha-02);
    --overlay-blur: blur(5px);
    --red-1: #f00;
    --red-2: #eb5440;
    --red-3: #ff0f00;
    --red-4: #ff2d1b;
    --red-5: #ff3131;
    --red-6: #ff5e5b;
    --red-7: #e55552;
    --red-8: #cc4b49;
    --selector-bg-color: var(--fill-secondary-default);
    --selector-bg-color-hover: var(--fill-secondary-hover);
    --selector-button-text: 13px;
    --selector-menu-color-base: var(--color-base);
    --selector-menu-font-family: 'YS Text', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    --selector-menu-item-color: var(--white-1000);
    --selector-menu-item-space-hor: 15px;
    --selector-menu-size-m-font-size: 15px;
    --selector-menu-size-m-item-icon-indent-right: 6px;
    --selector-menu-size-m-line-height: 16px;
    --selector-menu-size-m-space-vert: 5px;
    --selector-popup-border-radius: 4px;
    --selector-scrollbar-thumb-color: var(--black-250);
    --selector-text: var(--white-1000);
    --spin-default-border-color: var(--green-11);
    --spin-filled-bg-color: #00000020;
    --spin-filled-border-color: var(--white-1000);
    --tag-cl-bg: var(--fill-secondary-default);
    --tag-cl-bg-hover: var(--fill-secondary-hover);
    --tag-cl-bg-pressed: var(--fill-totalWhite);
    --tag-cl-text: var(--text-secondary-strong-default);
    --tag-cl-text-hover: var(--text-primary);
    --tag-cl-text-pressed: var(--text-inverse);
    --tag-gap: 4px;
    --tag-height-list: 24px;
    --tag-height-page: 28px;
    --tag-padding-list: 4px 8px;
    --tag-padding-page: 6px 10px;
    --text-accent: var(--green-4);
    --text-accent-disabled: var(--black-550);
    --text-accent-hover: var(--green-6);
    --text-error: var(--red-4);
    --text-inverse: var(--black-800);
    --text-inverse-disabled: var(--black-350);
    --text-inverse-hover: var(--white-650);
    --text-primary: var(--white-1000);
    --text-primary-disabled: var(--black-350);
    --text-primary-hover-link: var(--blue-1);
    --text-secondary-default: var(--white-350);
    --text-secondary-selected: var(--white-100);
    --text-secondary-strong-default: var(--white-900);
    --tumbler-22-height: 22px;
    --tumbler-22-spacing-horizontal: 2px;
    --tumbler-22-spacing-vertical: 2px;
    --tumbler-22-toggle-height: 18px;
    --tumbler-22-toggle-width: 18px;
    --tumbler-22-width: 40px;
    --tumbler-active-bg: var(--fill-accent);
    --tumbler-active-fg: var(--fill-totalWhite);
    --tumbler-active-hover-bg: var(--fill-accent-hover);
    --tumbler-active-hover-fg: var(--fill-totalWhite);
    --tumbler-bg: var(--fill-accent-nonactive);
    --tumbler-disabled-bg: var(--fill-accent-nonactive);
    --tumbler-disabled-fg: var(--fill-totalWhite-disabled);
    --tumbler-fg: var(--fill-totalWhite);
    --tumbler-hover-bg: var(--fill-accent-nonactive-hover);
    --tumbler-hover-fg: var(--fill-totalWhite);
    --turquoise-1: #0ff;
    --turquoise-2: #96ffff;
    --turquoise-3: rgba(178, 242, 255, 0.9);
    --turquoise-4: rgba(0, 255, 255, 0.9);
    --turquoise-5: #2effd5;
    --white-100: #757575;
    --white-1000: #fff;
    --white-200: #858585;
    --white-300: #949494;
    --white-350: #9c9c9c;
    --white-500: #b3b3b3;
    --white-600: #c2c2c2;
    --white-650: #c9c9c9;
    --white-750: #d9d9d9;
    --white-800: #e0e0e0;
    --white-850: #e8e8e8;
    --white-900: #f0f0f0;
    --white-950: #f7f7f7;
    --white-alpha-00: rgba(255, 255, 255, 0);
    --white-alpha-006: rgba(255, 255, 255, 0.06);
    --white-alpha-01: rgba(255, 255, 255, 0.1);
    --white-alpha-012: rgba(255, 255, 255, 0.12);
    --white-alpha-02: rgba(255, 255, 255, 0.2);
    --white-alpha-03: rgba(255, 255, 255, 0.3);
    --white-alpha-04: rgba(255, 255, 255, 0.4);
    --white-alpha-05: rgba(255, 255, 255, 0.5);
    --white-alpha-06: rgba(255, 255, 255, 0.6);
    --white-alpha-07: rgba(255, 255, 255, 0.7);
    --white-alpha-08: rgba(255, 255, 255, 0.8);
    --white-alpha-09: rgba(255, 255, 255, 0.9);
    --white-alpha-10: rgba(255, 255, 255, 1);
    --yellow-1: #ffe530;
    --yellow-2: #ffc01f;
    --yellow-3: #ffdb4d;
    --yellow-4: #fc0;
    --yellow-5: #ffd000;
    --yellow-6: #ffea00
}








html[data-theme=allwebgames] .main-body_bundle_mobile ::-webkit-scrollbar {
    width: 0
}

:root {
    --catalog-sticky-spacing: 6px;
    color-scheme: only light;
    --anchor-bottom-height: 0
}

#mount, body, html {
    height: 100%;
    min-height: 100%
}

html {
    padding-left: calc(env(safe-area-inset-left) * .8);
    padding-left: calc(env(safe-area-inset-left) * var(--iphone-bangs-padding-left));
    padding-right: calc(env(safe-area-inset-right) * 1);
    /*padding-right: calc(env(safe-area-inset-right) * var(--iphone-bangs-padding-right))*/
}

html[lang=ar], html[lang=fa], html[lang=he], html[lang=ur] {
    direction: rtl
}

html[data-theme-color=dark] ::-webkit-scrollbar {
    width: 10px
}

html[data-theme-color=dark] ::-webkit-scrollbar-thumb {
    background: var(--button-view-default-fill-color-base);
    border-radius: 4px
}

html[data-theme-color=dark] ::-webkit-scrollbar-thumb:hover {
    background: var(--button-view-default-fill-color-hovered)
}

html[data-theme-color=dark] ::-webkit-scrollbar-corner, html[data-theme-color=dark] ::-webkit-scrollbar-track {
    background: var(--color-base)
}

html[data-theme-color=dark] {
    scrollbar-color: var(--button-view-default-fill-color-base) var(--color-base);
    scrollbar-width: thin
}

body {
    background-color: #7ccf24;
    color: var(--color-text-primary);
    margin: 0;
    right: 0;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%
}

html[data-theme=transsion] .main-body_bundle_mobile ::-webkit-scrollbar {
    width: 0
}

.app {
    color: var(--color-text-primary);
    display: flex;
    flex-direction: column;
    min-height: 100%;
    position: relative
}

.app.app_bundle_mobile {
    overflow: hidden;
    /*background: #271a64;*/
    background: #fff;
}

.app__container {
    display: flex;
    flex-grow: 1;
    padding: 0 16px;
    position: relative
}

.app_bundle_mobile .app__container {
    padding: 0 var(--page-padding-mobile)
}

@media screen and (max-width: 1023px) and (orientation: portrait) {
    .app_support_tablet .app__container {
        padding: 0 var(--page-padding-mobile)
    }
}

.app__wrapper {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    margin: 0 auto;
    max-width: 100%
}

.default-link, .games-link {
    -webkit-text-decoration: none;
    text-decoration: none
}

.default-link {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: var(--black-alpha-00);
    color: var(--color-text-primary);
    fill: var(--color-text-primary)
}

#error-screen .logo {
    background-size: contain;
    height: 25vw;
    pointer-events: none;
    width: 25vw
}

#error-screen #reload {
    color: var(--color-link-primary);
    cursor: pointer
}


.main-body_header_fixed #mount > .app_bundle_mobile .page {
    padding-top: 106px
}

.app_support_tablet .app__showOnlyOnTablet {
    display: none
}

@media screen and (max-width: 1023px) and (orientation: portrait) {
    .app_support_tablet .app__showOnlyOnTablet {
        display: unset
    }

    .app_support_tablet .app__showOnlyOnDesktop {
        display: none
    }
}

html[data-theme=playhop] .main-body_bundle_mobile ::-webkit-scrollbar {
    width: 0
}

.main-body_header_fixed #mount > .app_theme_playhop.app_bundle_mobile .page {
    padding-top: 70px
}

:root {
    --color-background: #111;
    --color-background-variant: var(--color-grey-2);
    --color-text-white: var(--white-1000);
    --color-text-black: var(--color-grey-8);
    --color-text-rating: var(--white-1000);
    --color-text-badge-promo-event: var(--color-grey-8);
    --border-radius-small: 4px;
    --border-radius-default: 8px;
    --border-radius-large: 12px;
    --box-shadow-sw-light: 0 2px 4px var(--black-alpha-01);
    --box-shadow-sw-default: 0 3px 5px #0e152f1a, 0 1px 12px #0e152f1f;
    --box-shadow-button: none;
    --transform-button-pressed: scale(0.96);
    --button-default-font-family: var(--font-family);
    --close-button-bg-image-black-cross: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 fill=%27none%27 viewBox=%270 0 24 24%27%3E%3Cpath fill=%27%23222%27 fill-rule=%27evenodd%27 d=%27M8.8 7.298a.99.99 0 0 0-1.414 0 1.03 1.03 0 0 0 0 1.439l3.2 3.256-3.214 3.27a1.03 1.03 0 0 0 0 1.439.99.99 0 0 0 1.414 0L12 13.432l3.213 3.27a.99.99 0 0 0 1.415 0 1.03 1.03 0 0 0 0-1.439l-3.214-3.27 3.2-3.256a1.03 1.03 0 0 0 0-1.439.99.99 0 0 0-1.414 0L12 10.554z%27 clip-rule=%27evenodd%27/%3E%3C/svg%3E");
    --close-button-shortcut-popup-ios-hoverd: var(--color-grey-15);
    --close-button-bg-image-white-cross: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 fill=%27none%27 viewBox=%270 0 24 24%27%3E%3Cpath fill=%27%23FFF%27 fill-rule=%27evenodd%27 d=%27M8.8 7.298a.99.99 0 0 0-1.414 0 1.03 1.03 0 0 0 0 1.439l3.2 3.256-3.214 3.27a1.03 1.03 0 0 0 0 1.439.99.99 0 0 0 1.414 0L12 13.432l3.213 3.27a.99.99 0 0 0 1.415 0 1.03 1.03 0 0 0 0-1.439l-3.214-3.27 3.2-3.256a1.03 1.03 0 0 0 0-1.439.99.99 0 0 0-1.414 0L12 10.554z%27 clip-rule=%27evenodd%27/%3E%3C/svg%3E");
    --close-button-balance-popup-info-box: #f4f4f640;
    --close-button-balance-popup-info-box-hover: #f4f4f659;
    --color-badge-promo-direct: var(--white-1000);
    --gradient-game-image: linear-gradient(135deg, #d0ebf3, #aab9f0);
    --gradient-user-activity-popup: linear-gradient(92.75deg, #ffe04a 0.92%, #ffb74a);
    --gradient-contest-banner: linear-gradient(180deg, #28afe9, #101496 99.66%);
    --gradient-museum-banner: linear-gradient(180deg, #2c4054 48.12%, #1a2734 99.66%);
    --text-size-s-bold: 700 13px/17px var(--font-family);
    --color-noads-banner: #e9ecef;
    --color-glow-start: var(--color-grey-4);
    --color-glow-end: #d8dcdf;
    --color-popup-promo: #f0f1f1;
    --color-balance-popup-info-box: var(--blue-2);
    --color-balance-yan: var(--orange-5);
    --aspect-ratio-9-16: 56.25%;
    --aspect-ratio-10-16: 159%;
    --color-message-debug-background: var(--white-1000);
    --color-message-debug-text: var(--black-1000);
    --color-message-error-background: var(--red-1);
    --color-message-error-text: var(--white-1000);
    --color-message-info-background: #352f78;
    --color-message-info-text: var(--white-1000);
    --color-message-warn-background: var(--orange-4);
    --color-message-warn-text: var(--black-1000);
    --text-desktop-headline-extra: 500 36px/1.2em var(--font-family);
    --text-desktop-subtitle-1: 500 18px/1.2em var(--font-family);
    --text-desktop-subtitle-2: 400 18px/1.2em var(--font-family);
    --text-desktop-body-1: 400 13px/1.4em var(--font-family);
    --text-desktop-body-2: 500 13px/1.4em var(--font-family);
    --text-desktop-body-3: 400 15px/1.4em var(--font-family);
    --text-desktop-body-4: 500 15px/1.4em var(--font-family);
    --text-desktop-body-5: 500 16px/1.4em var(--font-family);
    --text-desktop-caption-1: 400 12px/1.2em var(--font-family);
    --text-desktop-caption-2: 500 11px/1.2em var(--font-family);
    --text-desktop-button-2: 500 15px/1.2em var(--font-family);
    --text-mobile-subtitle-1: 500 18px/1.2em var(--font-family);
    --text-mobile-subtitle-2: 400 18px/1.2em var(--font-family);
    --text-mobile-body-1: 400 13px/1.4em var(--font-family);
    --text-mobile-body-3: 400 15px/1.4em var(--font-family);
    --text-mobile-body-4: 500 15px/1.4em var(--font-family);
    --text-mobile-body-5: 500 16px/1.4em var(--font-family);
    --text-mobile-caption-1: 400 12px/1.2em var(--font-family);
    --profile-right-width: 390px;
    --disclaimer-max-width: 863px;
    --color-unavailable-game-descripion-bg: #fae9b8;
    --popup-box-shadow: 0 16px 62px #03153026;
    --close-button-color-app-page: var(--color-grey-3);
    --close-button-color-app-page-hovered: var(--color-grey-7);
    --smooth-border: 1px solid var(--black-alpha-01);
    --promo-bar-height: 66px;
    --promo-bar-margin: 8px;
    --recommended-adaptive-width: 160px;
    --adv-sticky-banner-bg: var(--black-1000);
    --adv-sticky-banner-bg-desktop-light: var(--white-950);
    --adv-sticky-banner-border-radius: 6px;
    --balance-refilled-color: #ddd9ff;
    --balance-refilled-border-color: #7867fe;
    --balance-refilled-bg-gradient: linear-gradient(137.29deg, #ff4185 5.25%, var(--color-purple-1) 76%);
    --footer-links-bg: var(--color-popup);
    --blur-fallback-bg-color: var(--black-alpha-08);
    --blur-bg-color: var(--black-alpha-06);
    --blur-bg-color-backdrop-filter: blur(30px);
    --similar-games-close-bg-color: var(--blue-2);
    --similar-games-close-bg-color-hover: var(--close-button-color-app-page-hovered);
    --game-video-review-play-icon-fill-color: var(--white-1000);
    --game-video-review-title-font: 500 16px/1.2em var(--font-family);
    --game-video-review-game-title-font: 500 15px/1.2em var(--font-family);
    --game-video-review-bold-text-font: 500 14px/1.2em var(--font-family);
    --game-video-review-description-font: 400 14px/1.4em var(--font-family);
    --game-video-review-tutorial-popup-font: 400 14px/1.3em var(--font-family);
    --game-video-review-tutorial-popup-background-color: var(--blue-2);
    --game-video-review-tutorial-popup-color: var(--white-1000);
    --game-video-review-stuck-info-shadow: 0 4px 10px 0 var(--black-alpha-01);
    --color-background-main-light: var(--color-grey-17);
    --color-text-badge-best-of: var(--color-grey-8);
    --text-game-description-shrunk-line-height: 1.2;
    --text-game-description-shrunk-desktop: 500 14px/var(--text-game-description-shrunk-line-height) var(--font-family);
    --color-quality-score-high-bg: #3bb33b;
    --color-quality-score-bg: #777;
    --color-quality-score-high-bg-transparent: rgba(51, 208, 67, .851);
    --color-quality-score-high-bg-transparent: #33d043d9;
    --game-quality-score-font-size: 13px;
    --page-padding-mobile: 10px;
    --page-padding-mobile-offset: -10px;
    --color-text-splash-screen-guard: var(--white-alpha-06);
    --font-family-splash-screen-button: var(--font-family);
    --game-features-border-color: var(--color-main-theme);
    /*--mid-grid-game-base: 1.1 *calc(100vw - var(--panel-width));*/
    --mid-grid-game-container-height: calc(var(--mid-grid-game-base) * 0.27);
    --balance-refilled-close-button-bg-color: #ccc5ff;
    --tv-background-color: #151517;
    --tv-dynamic-catalog-category-size: 16px;
    --your-game-width: 84px;
    --your-game-height: 84px;
    --l-size-width: 263px;
    --l-size-height: 157px;
    --premium-size-width: 212px;
    --premium-size-height: 212px;
    --recommended-new-width: 191px;
    --recommended-new-height: 110px;
    --premium-big-width: 384px;
    --premium-big-height: 220px;
    --profile-recent-games-width: 136px;
    --profile-recent-games-height: 80px;
    --m-size-width: 124px;
    --m-size-height: 124px;
    --s-size-width: 100%;
    --s-size-padding-bottom: 100%;
    --game-card-hover-offset: 6px;
    --all-games-size-picture: 24px;
    --all-games-size-height: 32px;
    --all-games-border-radius: 5px;
    --z-adv-sticky-banner-hidden: 0;
    --z-index-category-side-icons: 1;
    --z-index-category-main-icon: 2;
    --z-index-category-text: 3;
    --z-index-horizontal-container: 50;
    --z-adv-sticky-banner: 100;
    --z-index-adv-catalog-sticky-banner: 100;
    --z-index-header: 100;
    --z-index-game-loader: 100;
    --z-index-play-guard: 100;
    --z-index-yango-app-loader: 110;
    --z-index-screen-manager-cover: 200;
    --z-index-categories: 989;
    --z-index-header-with-popup: 1000;
    --z-index-game-header: 1000;
    --z-inex-road-popup: 1000;
    --z-index-left-panel-background: 1005;
    --z-index-no-ads-popup: 1005;
    --z-index-balance-popup: 1005;
    --z-index-modal-popup: 1006;
    --z-index-popup: 1010;
    --z-index-game-page-modal: 1060;
    --z-index-share-popup: 2000;
    --z-index-error-screen: 3000;
    --z-index-tutorial-tooltip: 999999;
    --horizontal-container-padding: 16px;
    --horizontal-container-margin: 16px;
    --adaptive-feed-padding-start: 36px;
    --adaptive-feed-padding-end: 22px;
    --adaptive-feed-element-padding: 0 var(--adaptive-feed-padding-start) 0 var(--adaptive-feed-padding-end);
    --tutorial-font-color: var(--white-1000);
    --tutorial-bg-color: var(--blue-2);
    --tutorial-overlay-bg-color: #18181899;
    --header-catalog-logo-width-desktop: 0;
    --header-catalog-logo-width-mobile: 0;
    --game-play-button-min-width: 167px;
    --navigation-link-border-radius: var(--border-radius-large);
    --login-button-border-radius: var(--border-radius-default);
    --login-button-bg-color: var(--button-view-action-fill-color-base);
    --login-button-avatar-block-bg: #4e1bbb;
    --balance-refill-trade-badge-bg: linear-gradient(180deg, #4c008800, #4c008833), #e854ae;
    --thumb-border-radius: 12px;
    --color-game-auth-suggest-bg: var(--color-game-page-popup-temporary);
    --color-game-auth-suggest-star-bg: var(--white-1000);
    --color-game-auth-suggest-star-border: var(--white-500);
    --shortcut-install-instruction-bg: #f2f2f7;
    --shortcut-install-instruction-shadow: linear-gradient(to right, var(--white-1000) 30%, #0000);
    --shortcut-install-instruction-highlight: #007aff;
    --shortcut-install-instruction-color-1: var(--black-1000);
    --shortcut-install-instruction-color-2: var(--white-1000);
    --shortcut-install-instruction-color-3: #898988;
    --shortcut-install-instruction-font-family: -apple-system, "BlinkMacSystemFont", "Helvetica Neue", Arial, system;
    --shortcut-install-instruction-font-1: 500 20px/1.2 var(--shortcut-install-instruction-font-family);
    --shortcut-install-instruction-font-2: 500 14px/normal var(--shortcut-install-instruction-font-family);
    --shortcut-install-instruction-font-3: 500 13px/normal var(--shortcut-install-instruction-font-family);
    --shortcut-install-instruction-font-4: 400 12px/normal var(--shortcut-install-instruction-font-family);
    --shortcut-install-instruction-font-5: 500 11px/normal var(--shortcut-install-instruction-font-family);
    --shortcut-install-instruction-font-6: 400 10px/normal var(--shortcut-install-instruction-font-family);
    --category-type-card-bg-fill: var(--white-900);
    --category-type-card-bg-fill-hover: var(--white-850);
    --category-type-card-bg-fill-active: var(--white-850);
    --category-type-card-text-color: var(--black-800);
    --category-type-card-gradient-text-color: var(--white-1000);
    --category-type-card-gradient-bg-1: radial-gradient(138.81% 111.79% at 50.19% 0.11%, #9c8bf2 0%, #533cc2 100%);
    --category-type-card-gradient-bg-2: radial-gradient(138.81% 111.79% at 50.19% 0.11%, #f9858a 0%, #ca2326 100%);
    --category-type-card-gradient-bg-3: radial-gradient(138.81% 111.79% at 50.19% 0.11%, #8ad773 0%, #237c09 100%);
    --category-type-card-gradient-bg-4: radial-gradient(138.81% 111.79% at 50.19% 0.11%, #91beef 0%, #005bbe 100%);
    --category-type-card-gradient-bg-5: radial-gradient(138.81% 111.79% at 50.19% 0.11%, #f188b9 0%, #8e1e52 100%);
    --category-type-card-gradient-bg-6: radial-gradient(138.81% 111.79% at 50.19% 0.11%, #91d5cb 0%, #007967 100%);
    --category-type-card-gradient-bg-7: radial-gradient(138.81% 111.79% at 50.19% 0.11%, #c371e6 0%, #8a2d9d 100%);
    --category-type-card-gradient-outline-1: #9483ea;
    --category-type-card-gradient-outline-2: #f37d81;
    --category-type-card-gradient-outline-3: #82cd69;
    --category-type-card-gradient-outline-4: #86b5e9;
    --category-type-card-gradient-outline-5: #e57daf;
    --category-type-card-gradient-outline-6: #87c7bc;
    --category-type-card-gradient-outline-7: #be6bdf;
    --category-type-card-gradient-shadow-images-left: 3.95px 3.95px 12.84px 0 #00000014, 15.81px 17.78px 23.71px 0 #00000012, 34.58px 39.52px 31.61px 0 #0000000a, 61.25px 70.14px 37.54px 0 #00000003, 95.82px 110.64px 40.5px 0 #0000;
    --category-type-card-gradient-shadow-images-center: 0 4.94px 11.85px 0 #00000040, 0 21.73px 21.73px 0 #00000036, 0 48.41px 28.65px 0 #00000021, 0 85.95px 34.58px 0 #0000000a, 0 134.35px 37.54px 0 #0000;
    --category-type-card-gradient-shadow-images-right: -1.98px 2.96px 8.89px 0 #0000001f, -9.88px 12.84px 15.81px 0 #0000001c, -21.73px 28.65px 21.73px 0 #0000000f, -38.53px 51.37px 25.68px 0 #00000005, -60.26px 80.02px 27.66px 0 #0000;
    --switcher-stateText-color: var(--white-350);
    --switcher-font-size: 15px;
    --switcher-stateText-line-height: 18px;
    --switcher-button-color: var(--color-text-primary);
    --play-guard-dialog-open-info-color: var(--color-link-primary);
    --play-guard-dialog-open-info-hovered-color: var(--color-link-primary-hovered);
    --play-guard-dialog-open-info-icon-display: none;
    --play-guard-dialog-open-info-icon-color: var(--black-alpha-05);
    --game-rating-description-font-size: 13px;
    --game-yango-header-height: 68px;
    --game-yango-header-gap: 12px;
    --game-yango-header-padding: 12px 16px 6px 12px;
    --game-yango-header-icon-size: 40px;
    --game-yango-header-icon-radius: 24px;
    --game-yango-header-title-size: 20px;
    --game-yango-header-button-size: 24px;
    --game-yango-header-button-color: #8a878466
}

:root .main-body_rtl {
    --adaptive-feed-element-padding: 0 var(--adaptive-feed-padding-end) 0 var(--adaptive-feed-padding-start)
}


.app_bundle_mobile .feed-with-header__title.section-header {
    margin-bottom: 0;
    margin-top: 16px
}

.app_bundle_mobile .feed-with-header__disclaimer {
    margin-top: 12px
}

.app_bundle_mobile .feed-with-header__body .fixed-width:first-child .section__content:first-child {
    margin-top: 0
}

.app_bundle_mobile .feed-with-header__header .section-header {
    margin-bottom: 12px;
    margin-top: 0
}

.app_theme_playhop .feed-with-header__header {
    margin: 0;
    padding-bottom: 0
}

.app_bundle_mobile.app_theme_playhop .feed-with-header__header {
    margin: 0 0 12px
}

.app_theme_playhop .feed-with-header__header_merge {
    padding-bottom: 0
}

.app_theme_playhop .feed-with-header__disclaimer {
    margin-bottom: 24px
}

.app_bundle_mobile.app_theme_playhop .feed-with-header__disclaimer {
    color: var(--color-grey-7);
    margin-bottom: 12px
}

.app_theme_playhop .feed-with-header__title.section-header {
    box-sizing: border-box;
    margin-bottom: 16px
}

.app_bundle_mobile.app_theme_playhop .feed-with-header__title.section-header {
    margin: 0
}

.app_theme_playhop .feed-with-header__body {
    display: flex;
    flex: 1
}

.app_bundle_mobile.app_theme_playhop .feed-with-header__body .fixed-width:first-of-type .section__content:first-child {
    margin-top: 0
}

.section-header {
    align-items: baseline;
    display: flex;
    justify-content: space-between;
    position: relative;
    z-index: 1
}

.section-header__header {
    font: var(--text-headline-shrunk);
    margin: 0
}

.app_bundle_mobile .section-header__header {
    font: var(--text-headline-mobile-shrunk)
}

.section-header__category-link {
    transition: color .25s ease-in-out
}

.section-header__category-link:hover {
    color: var(--color-text-secondary)
}

.section-header__category-link:active {
    color: var(--color-text-secondary);
    transform: var(--transform-button-pressed)
}

.section-header__text {
    align-items: center;
    /*color: #dbff5e;*/
    color: #c2e154;
    display: inline-flex
}

.section-header .section-header__icon {
    --fill-color: var(--icon-color-section-header-text-temporary);
    overflow: hidden;
    fill: var(--icon-color-section-header-text-temporary)
}

.app_bundle_mobile .section-header .section-header__icon {
    height: 18px;
    margin-right: 8px;
    max-height: 18px;
    width: 18px
}

.main-body_rtl .app_bundle_mobile .section-header .section-header__icon {
    margin: 0 0 0 8px
}

.app_theme_playhop .section-header__header {
    font-size: 18px
}

.app_bundle_mobile.app_theme_playhop .section-header {
    overflow: hidden
}

.app_bundle_mobile.app_theme_playhop .section-header__text {
    display: flex;
    overflow: hidden;
    width: 100%;
    word-break: break-word
}

.app_theme_playhop .section-header__icon {
    flex-shrink: 0;
    height: 32px;
    margin-right: 16px;
    width: 32px
}

.app_theme_playhop .section-header__all-link {
    margin-left: 8px;
    /*color: #dbff5e;*/
    color: #c2e154;
    font-weight: bold;
}

.Icon {
    background-position: 50%;
    background-repeat: no-repeat;
    display: inline-block;
    -webkit-mask-size: cover;
    mask-size: cover;
    overflow: hidden;
    position: relative
}

.app_bundle_mobile .Icon_type_fullscreen.Icon_mod_fullscreen-env_mobile {
    -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e %3cpath fill-rule='evenodd' d='M6 14.25a.75.75 0 0 0 1.5 0v-3.5A2.25 2.25 0 0 0 5.25 8.5h-3.5a.75.75 0 0 0 0 1.5h3.5a.75.75 0 0 1 .75.75zM9.25 1a.75.75 0 0 1 .75.75v3.5c0 .414.336.75.75.75h3.5a.75.75 0 0 1 0 1.5h-3.5A2.25 2.25 0 0 1 8.5 5.25v-3.5A.75.75 0 0 1 9.25 1' clip-rule='evenodd'/%3e %3c/svg%3e");
    mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e %3cpath fill-rule='evenodd' d='M6 14.25a.75.75 0 0 0 1.5 0v-3.5A2.25 2.25 0 0 0 5.25 8.5h-3.5a.75.75 0 0 0 0 1.5h3.5a.75.75 0 0 1 .75.75zM9.25 1a.75.75 0 0 1 .75.75v3.5c0 .414.336.75.75.75h3.5a.75.75 0 0 1 0 1.5h-3.5A2.25 2.25 0 0 1 8.5 5.25v-3.5A.75.75 0 0 1 9.25 1' clip-rule='evenodd'/%3e %3c/svg%3e")
}

.app_bundle_mobile .Icon_type_fullscreen.Icon_mod_fullscreen-env_mobile.Icon_mod_fullscreen-enable {
    -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e %3cpath fill-rule='evenodd' d='M3.5 7.75a.75.75 0 0 0-1.5 0v4A2.25 2.25 0 0 0 4.25 14h4a.75.75 0 0 0 0-1.5h-4a.75.75 0 0 1-.75-.75zM13.25 9a.75.75 0 0 1-.75-.75v-4a.75.75 0 0 0-.75-.75h-4a.75.75 0 0 1 0-1.5h4A2.25 2.25 0 0 1 14 4.25v4a.75.75 0 0 1-.75.75' clip-rule='evenodd'/%3e %3c/svg%3e");
    mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e %3cpath fill-rule='evenodd' d='M3.5 7.75a.75.75 0 0 0-1.5 0v4A2.25 2.25 0 0 0 4.25 14h4a.75.75 0 0 0 0-1.5h-4a.75.75 0 0 1-.75-.75zM13.25 9a.75.75 0 0 1-.75-.75v-4a.75.75 0 0 0-.75-.75h-4a.75.75 0 0 1 0-1.5h4A2.25 2.25 0 0 1 14 4.25v4a.75.75 0 0 1-.75.75' clip-rule='evenodd'/%3e %3c/svg%3e")
}

.app_bundle_mobile .Icon_type_fullscreen.Icon_mod_fullscreen-env_yabroios {
    -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e %3cpath fill-rule='evenodd' d='M2.435 2.434a.8.8 0 0 1 1.13 0L8 6.87l4.434-4.435a.8.8 0 0 1 1.132 1.132L9.132 8l4.434 4.434a.8.8 0 0 1-1.132 1.132L8 9.13l-4.434 4.435a.8.8 0 0 1-1.131-1.132L6.869 8 2.435 3.566a.8.8 0 0 1 0-1.132' clip-rule='evenodd'/%3e %3c/svg%3e");
    mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e %3cpath fill-rule='evenodd' d='M2.435 2.434a.8.8 0 0 1 1.13 0L8 6.87l4.434-4.435a.8.8 0 0 1 1.132 1.132L9.132 8l4.434 4.434a.8.8 0 0 1-1.132 1.132L8 9.13l-4.434 4.435a.8.8 0 0 1-1.131-1.132L6.869 8 2.435 3.566a.8.8 0 0 1 0-1.132' clip-rule='evenodd'/%3e %3c/svg%3e")
}

.app_bundle_mobile .Icon_type_fullscreen.Icon_mod_fullscreen-env_yabroios.Icon_mod_fullscreen-enable {
    -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e %3cpath fill-rule='evenodd' d='M3.5 7.75a.75.75 0 0 0-1.5 0v4A2.25 2.25 0 0 0 4.25 14h4a.75.75 0 0 0 0-1.5h-4a.75.75 0 0 1-.75-.75zM13.25 9a.75.75 0 0 1-.75-.75v-4a.75.75 0 0 0-.75-.75h-4a.75.75 0 0 1 0-1.5h4A2.25 2.25 0 0 1 14 4.25v4a.75.75 0 0 1-.75.75' clip-rule='evenodd'/%3e %3c/svg%3e");
    mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e %3cpath fill-rule='evenodd' d='M3.5 7.75a.75.75 0 0 0-1.5 0v4A2.25 2.25 0 0 0 4.25 14h4a.75.75 0 0 0 0-1.5h-4a.75.75 0 0 1-.75-.75zM13.25 9a.75.75 0 0 1-.75-.75v-4a.75.75 0 0 0-.75-.75h-4a.75.75 0 0 1 0-1.5h4A2.25 2.25 0 0 1 14 4.25v4a.75.75 0 0 1-.75.75' clip-rule='evenodd'/%3e %3c/svg%3e")
}


.app_bundle_mobile .Icon_type_logo, .app_bundle_mobile .Icon_type_logo-games {
    height: 24px;
    width: 24px
}

.app_bundle_mobile .Icon_type_logo-webapps {
    height: 24px;
    width: 24px
}



.Icon .IconSVG {
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.Icon {
    background-position: 50%;
    background-repeat: no-repeat;
    display: inline-block
}

.Icon:after {
    content: "\00A0";
    visibility: hidden
}

#feeds .adaptive-width .feed_block_found, #feeds .adaptive-width .feed_block_monetization, #feeds .adaptive-width .feed_block_played, #feeds .adaptive-width .feed_block_suggested, #feeds .adaptive-width .feed_block_video {
    padding: var(--adaptive-feed-element-padding)
}

#feeds .adaptive-width .feed_block_categories, #feeds .adaptive-width .feed_block_categorized, #feeds .adaptive-width .feed_block_found, #feeds .adaptive-width .feed_block_suggested {
    margin-bottom: -12px;
    margin-top: 24px
}

#feeds .adaptive-width .feed_block_trends {
    padding: 0
}

#feeds .adaptive-width .feed_block_trends > .section-header {
    margin-bottom: 18px;
    margin-top: 24px
}

#feeds .adaptive-width .feed_block_monetization {
    margin: 24px auto 0
}

#feeds .adaptive-width .feed_block_video {
    margin-top: 24px
}

.feed {
    display: flex;
    flex-direction: column;
    flex-grow: 1
}

.main-body_hide-adv .feed_block_monetization {
    display: none
}

.app_bundle_mobile .fixed-width:first-child .feed {
    margin-top: 0
}

.app_bundle_mobile .fixed-width:first-child .section__content:first-child {
    margin-top: 10px
}

.app_bundle_mobile .feed {
    width: 100%
}

.app_bundle_mobile .feed_block_categories, .app_bundle_mobile .feed_block_categorized, .app_bundle_mobile .feed_block_video {
    margin-top: 16px
}

.app_bundle_mobile .feed_block_monetization {
    margin: 0 auto
}

.app_bundle_mobile .feed_block_monetization_tablet {
    width: 100%
}

.app_bundle_mobile .feed_block_found, .app_bundle_mobile .feed_block_suggested {
    margin-bottom: -12px;
    margin-top: 16px
}

.app_bundle_mobile .feed__trends-title {
    margin-top: 16px;
    padding: 0 0 12px
}

.app_bundle_mobile .feed__feed-seo-inter-links {
    margin-top: 16px;
    padding: 0
}

.app_theme_playhop #feeds .feed_block_trends {
    background-color: var(--color-background-accent);
    border-radius: var(--border-radius-large);
    margin: var(--adaptive-feed-element-padding);
    margin-bottom: 12px
}

.app_theme_playhop #feeds .feed_block_trends > .section-header {
    margin-bottom: 18px;
    margin-top: 0;
    padding-top: 16px
}

.app_bundle_mobile.app_theme_playhop .feed_block_played {
    margin-top: 0
}

#feeds .feed .app_theme_playhop.app_bundle_mobile_block_trends {
    margin: 0 0 8px
}

#feeds .feed .app_theme_playhop.app_bundle_mobile_block_trends > .section-header {
    margin-top: 0;
    padding: 16px 16px 4px
}

.app_bundle_mobile .monetization {
    margin: 18px auto 0;
    min-height: 300px
}

.app_bundle_mobile .monetization_fixed_height {
    height: 300px;
    max-height: 300px;
    overflow: hidden
}

.adaptive-width .FeedAdvBlockRenderer-critical-module__wrapper--qMoDS {
    padding: var(--adaptive-feed-element-padding)
}

.app_bundle_mobile .FeedAdvBlockRenderer-critical-module__wrapper--qMoDS {
    margin: 18px auto 0
}

.app_bundle_mobile .FeedAdvBlockRenderer-critical-module__banner--FLhkr {
    height: 300px
}

@keyframes FeedAdvStyles-critical-module__placeHolderShimmer--m3uZ3 {
    0% {
        background-position: -468px 0
    }

    to {
        background-position: 468px 0
    }
}
.icon-critical-module__icon--Xe5j9 > svg {
    display: block
}

.main-body_rtl .categoryTag-critical-catalog-module__icon--hyFHm {
    margin-left: var(--category-tag-icon-gap);
    margin-right: 0
}



.main-body_rtl .categoryTag-critical-catalog-module__info--s3JX6 {
    margin-left: 0;
    margin-right: var(--category-tag-info-gap)
}

.app_left-panel-design-with-categories .categoryTag-critical-catalog-module__info--s3JX6 {
    color: var(--category-tag-info-color-exp)
}


:root{
    --tag-cl-bg: var(--white-alpha-012);
    --tag-cl-bg-hover: var(--white-alpha-03);
    --tag-cl-bg-pressed: var(--white-alpha-03);
    --tag-cl-text: var(--text-inverse);
    --tag-cl-text-hover: var(--text-inverse);
    --tag-cl-text-pressed: var(--text-inverse)
}

.category .category__icon {
    --fill-color: var(--color-category-icon);
    height: 16px;
    width: 16px;
    fill: var(--fill-color)
}

.category:hover .category__icon {
    --fill-color: var(--color-category-icon-hovered)
}

.category_active .category__icon, .category_active:hover .category__icon {
    --fill-color: var(--color-category-icon-active)
}


.category-wrapper {
    align-items: center;
    cursor: pointer;
    line-height: 20px;
    -webkit-text-decoration: none;
    text-decoration: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    vertical-align: top;
    -webkit-tap-highlight-color: var(--black-alpha-00);
    transition: background-color .15s linear, color .15s linear
}

.app_bundle_mobile .category-wrapper {
    border-radius: 30px;
    color: var(--text-color-category-mobile-temporary);
    font: var(--text-mobile-body-3)
}

.category_type_clear.category .category__icon {
    margin-right: 8px;
    min-width: 16px
}

.main-body_rtl .category_type_clear.category .category__icon {
    margin: 0 0 0 8px
}

.category_type_sidebar.category {
    box-sizing: border-box;
    font: var(--text-desktop-sidebar-item);
    min-height: 32px;
    padding: 6px 12px
}

.category_type_sidebar.category .category__icon {
    align-self: flex-start;
    padding: 2px 0;
    display:flex;
}

.app_bundle_mobile .category_type_sidebar.category {
    font: var(--text-mobile-sidebar-item);
    display:flex;
    font-weight:bold;
}

@media screen and (max-width: 1023px) and (orientation: portrait) {
    .app_support_tablet .category_type_sidebar.category {
        font: var(--text-mobile-sidebar-item)
    }
}

.category_type_sidebar.category {
    border-radius: 8px;
    color: #fff;
    --text-color-category-hover-temporary: var(--panel-item-color);
    --color-category-icon: var(--panel-item-color);
    --color-category-icon-hovered: var(--panel-item-color);
    --color-category-bg-hover-temporary: var(--panel-item-background-color-hover)
}


.category_type_page.category .category__icon {
    height: 22px;
    width: 22px
}

.main-body_rtl .category_type_page.category .category__icon {
    margin: 0 0 0 12px
}


.category_type_page.category .category__icon, .category_type_sidebar.category .category__icon {
    flex-shrink: 0;
    margin-right: 12px
}

.main-body_rtl .category_type_page.category .category__icon, .main-body_rtl .category_type_sidebar.category .category__icon {
    margin: 0 0 0 12px
}




.category_type_card.category .category__icon {
    height: 24px;
    margin-bottom: 16px;
    width: 24px;
    fill: var(--category-type-card-text-color);
    transition: transform .15s ease-out
}




.category_type_card-gradient.category .category__icon {
    height: 24px;
    padding: 20px 0;
    width: 24px;
    z-index: var(--z-index-category-text);
    fill: var(--category-type-card-gradient-text-color)
}

.app_bundle_mobile .category_type_card-gradient.category .category__icon {
    height: 20px;
    padding: 16px 0;
    width: 20px
}

.category_type_card-gradient.category .category__images img {
    border-radius: 12px;
    height: 65px;
    object-fit: cover;
    width: 65px;
    z-index: var(--z-index-category-side-icons)
}

.app_bundle_mobile .category_type_card-gradient.category .category__images img {
    border-radius: 9px;
    height: 48px;
    width: 48px
}

.category_type_card-gradient.category .category__images img {
    transition: transform .15s ease-out
}

.category_type_card-gradient.category .category__images img:first-of-type {
    box-shadow: var(--category-type-card-gradient-shadow-images-left);
    transform: rotate(-8deg) translate(25px, 10px)
}

.category_type_card-gradient.category .category__images img:nth-of-type(2) {
    height: 75px;
    width: 75px;
    z-index: var(--z-index-category-main-icon)
}

.app_bundle_mobile .category_type_card-gradient.category .category__images img:nth-of-type(2) {
    height: 57px;
    width: 57px
}

.category_type_card-gradient.category .category__images img:nth-of-type(2) {
    box-shadow: var(--category-type-card-gradient-shadow-images-center)
}

.category_type_card-gradient.category .category__images img:last-of-type {
    box-shadow: var(--category-type-card-gradient-shadow-images-right);
    transform: rotate(8deg) translate(-25px, 10px)
}

.categoryColumn:nth-child(7n+1) .category_type_card-gradient.category .category__images img:nth-of-type(2) {
    border: 3px solid var(--category-type-card-gradient-outline-1)
}

.app_bundle_mobile .categoryColumn:nth-child(7n+1) .category_type_card-gradient.category .category__images img:nth-of-type(2) {
    border: 2px solid var(--category-type-card-gradient-outline-1)
}

.categoryColumn:nth-child(7n+2) .category_type_card-gradient.category .category__images img:nth-of-type(2) {
    border: 3px solid var(--category-type-card-gradient-outline-2)
}

.app_bundle_mobile .categoryColumn:nth-child(7n+2) .category_type_card-gradient.category .category__images img:nth-of-type(2) {
    border: 2px solid var(--category-type-card-gradient-outline-2)
}

.categoryColumn:nth-child(7n+3) .category_type_card-gradient.category {
    background: var(--category-type-card-gradient-bg-3)
}

.categoryColumn:nth-child(7n+3) .category_type_card-gradient.category .category__images img:nth-of-type(2) {
    border: 3px solid var(--category-type-card-gradient-outline-3)
}

.app_bundle_mobile .categoryColumn:nth-child(7n+3) .category_type_card-gradient.category .category__images img:nth-of-type(2) {
    border: 2px solid var(--category-type-card-gradient-outline-3)
}

.categoryColumn:nth-child(7n+4) .category_type_card-gradient.category {
    background: var(--category-type-card-gradient-bg-4)
}

.categoryColumn:nth-child(7n+4) .category_type_card-gradient.category .category__images img:nth-of-type(2) {
    border: 3px solid var(--category-type-card-gradient-outline-4)
}

.app_bundle_mobile .categoryColumn:nth-child(7n+4) .category_type_card-gradient.category .category__images img:nth-of-type(2) {
    border: 2px solid var(--category-type-card-gradient-outline-4)
}

.categoryColumn:nth-child(7n+5) .category_type_card-gradient.category {
    background: var(--category-type-card-gradient-bg-5)
}

.categoryColumn:nth-child(7n+5) .category_type_card-gradient.category .category__images img:nth-of-type(2) {
    border: 3px solid var(--category-type-card-gradient-outline-5)
}

.app_bundle_mobile .categoryColumn:nth-child(7n+5) .category_type_card-gradient.category .category__images img:nth-of-type(2) {
    border: 2px solid var(--category-type-card-gradient-outline-5)
}

.categoryColumn:nth-child(7n+6) .category_type_card-gradient.category {
    background: var(--category-type-card-gradient-bg-6)
}

.categoryColumn:nth-child(7n+6) .category_type_card-gradient.category .category__images img:nth-of-type(2) {
    border: 3px solid var(--category-type-card-gradient-outline-6)
}

.app_bundle_mobile .categoryColumn:nth-child(7n+6) .category_type_card-gradient.category .category__images img:nth-of-type(2) {
    border: 2px solid var(--category-type-card-gradient-outline-6)
}

.categoryColumn:nth-child(7n+7) .category_type_card-gradient.category {
    background: var(--category-type-card-gradient-bg-7)
}

.categoryColumn:nth-child(7n+7) .category_type_card-gradient.category .category__images img:nth-of-type(2) {
    border: 3px solid var(--category-type-card-gradient-outline-7)
}

.app_bundle_mobile .categoryColumn:nth-child(7n+7) .category_type_card-gradient.category .category__images img:nth-of-type(2) {
    border: 2px solid var(--category-type-card-gradient-outline-7)
}

.app_theme_playhop .category_active .category__icon {
    fill: var(--color-category-icon-active) !important
}

.app_bundle_mobile.app_theme_playhop .category_active .category__icon {
    --fill-color: var(--color-category-icon-mobile-active) !important
}

.app_bundle_mobile.app_theme_playhop .category .category__icon {
    --fill-color: var(--color-category-icon-mobile)
}

.game-image {
    background: var(--gradient-game-image);
    object-fit: cover;
    pointer-events: none
}

.game-image_size_categorized_new_l {
    height: 100%;
    width: 100%
}

.horizontal-container_direction_both.horizontal-container .horizontal-container__container-wrapper .horizontal-container__container:after, .horizontal-container_direction_both.horizontal-container .horizontal-container__container-wrapper .horizontal-container__container:before {
    visibility: visible
}

.horizontal-container_direction_both.horizontal-container .horizontal-container__control {
    opacity: 1;
    pointer-events: auto
}

.horizontal-container_direction_right.horizontal-container .horizontal-container__container-wrapper .horizontal-container__container:before {
    visibility: hidden
}

.horizontal-container_direction_right.horizontal-container .horizontal-container__container-wrapper .horizontal-container__container:after {
    visibility: visible
}

.horizontal-container_direction_right.horizontal-container .horizontal-container__control_side_left {
    opacity: 0;
    pointer-events: none
}

.horizontal-container_direction_right.horizontal-container .horizontal-container__control_side_left.horizontal-container__control_disable_yes {
    cursor: default;
    opacity: 0
}

.horizontal-container_direction_left.horizontal-container .horizontal-container__container-wrapper .horizontal-container__container:before {
    visibility: visible
}

.horizontal-container_direction_left.horizontal-container .horizontal-container__container-wrapper .horizontal-container__container:after {
    visibility: hidden
}

.horizontal-container_direction_left.horizontal-container .horizontal-container__control_side_right {
    opacity: 0;
    pointer-events: none
}

.horizontal-container_direction_left.horizontal-container .horizontal-container__control_side_right.horizontal-container__control_disable_yes {
    cursor: default;
    opacity: 0
}

.horizontal-container_direction_left .horizontal-container__control_side_left, .horizontal-container_direction_right .horizontal-container__control_side_right {
    opacity: 1;
    pointer-events: auto
}

.horizontal-container .Icon_type_arrow-black {
    --fill-color: var(--icon-primary-fill-color)
}

@media screen and (min-width: 600px) and (min-device-height: 500px) {
    .app_bundle_mobile .horizontal-container:not(.categories__container) .horizontal-container__container {
        padding-left: 10px;
        padding-right: 10px
    }

    .app_bundle_mobile .horizontal-container:not(.categories__container) .horizontal-container__container:after, .app_bundle_mobile .horizontal-container:not(.categories__container) .horizontal-container__container:before {
        background: var(--color-main-theme);
        bottom: 0;
        content: "";
        display: block;
        height: auto;
        position: absolute;
        top: 0;
        visibility: hidden;
        width: 20px;
        will-change: transform;
        z-index: var(--z-index-horizontal-container)
    }

    .app_bundle_mobile .horizontal-container:not(.categories__container) .horizontal-container__container:after {
        right: -10px
    }

    .app_bundle_mobile .horizontal-container:not(.categories__container) .horizontal-container__container:before {
        left: -10px
    }
}

.app_bundle_mobile .horizontal-container:not(.categories__container).horizontal-container_direction_both .horizontal-container__container-wrapper .horizontal-container__container:after, .app_bundle_mobile .horizontal-container:not(.categories__container).horizontal-container_direction_both .horizontal-container__container-wrapper .horizontal-container__container:before, .app_bundle_mobile .horizontal-container:not(.categories__container).horizontal-container_direction_left .horizontal-container__container-wrapper .horizontal-container__container:before, .app_bundle_mobile .horizontal-container:not(.categories__container).horizontal-container_direction_right .horizontal-container__container-wrapper .horizontal-container__container:after {
    visibility: visible
}

.app_bundle_mobile .horizontal-container {
    overflow: visible
}

@media (max-device-height: 499px),(max-width: 599px) {
    .app_bundle_mobile .horizontal-container__container-wrapper {
        margin: 0 -16px
    }

    .app_bundle_mobile .horizontal-container__list {
        padding-left: 16px
    }

    .main-body_rtl .app_bundle_mobile .horizontal-container__list {
        padding-left: 0;
        padding-right: 16px
    }
}

.app_bundle_mobile .horizontal-container__more {
    display: inline-block;
    margin-right: 8px
}

.app_bundle_mobile .horizontal-container__control {
    display: none;
    margin: auto 0
}

@media screen and (min-width: 600px) and (min-device-height: 500px) {
    .app_bundle_mobile .horizontal-container__control {
        display: block
    }
}

.app_bundle_mobile .horizontal-container__control_side_left {
    left: -10px
}

.app_bundle_mobile .horizontal-container__control_side_right {
    right: -10px
}

.app_bundle_mobile .horizontal-container_size_premium .horizontal-container__control {
    margin-top: 86px
}

.app_bundle_mobile .horizontal-container_size_premium_big .horizontal-container__control {
    margin-top: 90px
}

.app_bundle_mobile .horizontal-container_size_l .horizontal-container__control {
    margin-top: 59px
}

.app_bundle_mobile .horizontal-container_size_your_games .horizontal-container__control {
    margin-top: 24px
}

.horizontal-container_limitation .horizontal-container__container {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0
}

.horizontal-container_limitation .horizontal-container__container:after, .horizontal-container_limitation .horizontal-container__container:before {
    width: 64px
}

.app_theme_playhop .horizontal-container__container:after, .app_theme_playhop .horizontal-container__container:before {
    box-shadow: none
}

.app_bundle_mobile.app_theme_playhop .horizontal-container_size_your_games .horizontal-container__control {
    top: 6px
}

.app_bundle_mobile.app_theme_playhop .horizontal-container_size_your_games .horizontal-container__control_side_right {
    right: -20px
}

.app_bundle_mobile.app_theme_playhop .horizontal-container_size_your_games .horizontal-container__control_side_left {
    left: -20px
}

.app_theme_playhop .horizontal-container__shadow {
    bottom: 0;
    opacity: 1;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 68px
}

.app_theme_playhop .horizontal-container__shadow_right {
    background: linear-gradient(90deg, var(--color-background-accent-transparent) 0, var(--color-main-theme) 100%);
    border-radius: 0 0 20px;
    right: 36px
}

.app_theme_playhop .horizontal-container__shadow_left {
    background: linear-gradient(90deg, var(--color-main-theme) 0, var(--color-background-accent-transparent) 100%);
    border-radius: 0 0 0 20px;
    left: 22px
}

.app_theme_playhop .horizontal-container_direction_left .horizontal-container__shadow_right, .app_theme_playhop .horizontal-container_direction_none .horizontal-container__shadow_left, .app_theme_playhop .horizontal-container_direction_none .horizontal-container__shadow_right, .app_theme_playhop .horizontal-container_direction_right .horizontal-container__shadow_left {
    opacity: 0
}

.app_theme_playhop .horizontal-container .Icon_type_angle-right-2 {
    height: 28px;
    width: 28px;
    --fill-color: var(--icon-primary-fill-color)
}

.app_bundle_mobile.app_theme_playhop .horizontal-container:not(.categories__container) .horizontal-container__container:after, .app_bundle_mobile.app_theme_playhop .horizontal-container:not(.categories__container) .horizontal-container__container:before {
    display: block
}

.app_bundle_mobile.app_theme_playhop .horizontal-container_size_your_games .horizontal-container__container:before {
    left: -20px
}

.app_bundle_mobile.app_theme_playhop .horizontal-container_size_your_games .horizontal-container__container:after {
    right: -20px
}

.app_theme_playhop .horizontal-container_direction_right.horizontal-container .horizontal-container__container:before {
    visibility: hidden
}

.app_theme_playhop .horizontal-container_direction_left.horizontal-container .horizontal-container__container:before, .app_theme_playhop .horizontal-container_direction_right.horizontal-container .horizontal-container__container:after {
    visibility: visible
}

.app_theme_playhop .horizontal-container_direction_left.horizontal-container .horizontal-container__container:after {
    visibility: hidden
}

.app_theme_playhop .horizontal-container_direction_both.horizontal-container .horizontal-container__container:after, .app_theme_playhop .horizontal-container_direction_both.horizontal-container .horizontal-container__container:before {
    visibility: visible
}

.app_theme_playhop .horizontal-container_direction_none.horizontal-container .horizontal-container__container:after, .app_theme_playhop .horizontal-container_direction_none.horizontal-container .horizontal-container__container:before {
    visibility: hidden
}

.categorized-feed__header {
    margin: 0 0 12px;
    padding: 0
}

.categorized-feed__disclaimer {
    font: var(--text-desktop-body-3)
}

.app_bundle_mobile .categorized-feed__disclaimer {
    margin-bottom: 16px;
    margin-top: -4px
}

@media (max-device-height: 499px),(max-width: 599px) {
    .app_bundle_mobile.app_theme_playhop .error-page__feed-wrapper > .categorized-feed {
        overflow: hidden
    }
}

.categorized-grid {
    list-style: none;
    margin: 0 0 -16px;
    padding: 0
}

.app_bundle_mobile .categorized-grid {
    margin: 0 0 -12px
}

.categorized-grid__game-item {
    display: inline-block;
    margin-bottom: 12px;
    margin-left: 5%;
    max-width: none;
    vertical-align: top;
    width: 30%
}

.app_bundle_mobile .categorized-grid__game-item {
    margin-left: 2.5%;
    width: 30.666%
}

@media screen and (max-width: 599px) {
    .categorized-grid__game-item.categorized-grid__game-item:first-child, .categorized-grid__game-item.categorized-grid__game-item:nth-child(2) {
        width: 47.5%
    }

    .app_bundle_mobile .categorized-grid__game-item.categorized-grid__game-item:first-child, .app_bundle_mobile .categorized-grid__game-item.categorized-grid__game-item:nth-child(2) {
        width: 47.75%
    }

    .categorized-grid_newLayout .categorized-grid__game-item.categorized-grid_newLayout .categorized-grid__game-item:nth-child(3), .categorized-grid_newLayout .categorized-grid__game-item.categorized-grid_newLayout .categorized-grid__game-item:nth-child(4) {
        width: 47.5%
    }

    .app_bundle_mobile .categorized-grid_newLayout .categorized-grid__game-item {
        width: 47.75%
    }
}

@media screen and (min-width: 600px) {
    .categorized-grid__game-item.categorized-grid__game-item {
        margin-left: 1.66%;
        width: 18.672%
    }
}

@media screen and (min-width: 1024px) {
    .categorized-grid__game-item.categorized-grid__game-item {
        margin-left: 1%;
        width: 19.2%
    }
}

@media screen and (max-width: 599px) {
    .main-body_rtl .app_bundle_mobile .categorized-grid__game-item {
        margin-left: 0;
        margin-right: 2.5%
    }

    .main-body_rtl .categorized-grid__game-item {
        margin-left: 0;
        margin-right: 5%
    }
}

@media screen and (min-width: 600px) {
    .main-body_rtl .categorized-grid__game-item {
        margin-left: 0;
        margin-right: 1.66%
    }
}

@media screen and (min-width: 1024px) {
    .main-body_rtl .categorized-grid__game-item {
        margin-left: 0;
        margin-right: 1%
    }
}

.categorized-grid__game-item:first-child {
    margin-left: 0;
    margin-right: 0
}

@media screen and (max-width: 599px) {
    .categorized-grid__game-item.categorized-grid__game-item.categorized-grid__game-item_row-start {
        margin-left: 0;
        margin-right: 0
    }
}

.categorized-grid__card {
    width: 100%
}

.categorized-grid_wide {
    display: none
}

.categorized-grid_narrow {
    display: block
}

@media screen and (min-width: 600px) {
    .categorized-grid_wide {
        display: flex
    }

    .categorized-grid_narrow {
        display: none
    }
}

.app_theme_playhop .categorized-grid {
    margin: 12px 16px 0
}

.app_bundle_mobile.app_theme_playhop .categorized-grid {
    margin: 0 0 -12px
}

.section__title {
    font: var(--text-headline-shrunk);
    margin: 0 0 12px;
    position: relative;
    z-index: 1
}

.app_bundle_mobile .section__title {
    font: var(--text-headline-mobile-shrunk)
}

.game-card {
    display: inline-block;
    vertical-align: top
}

.game-card, .game-card__graphic {
    position: relative
}

.app_bundle_mobile .game-card__graphic {
    border-radius: var(--border-radius-default)
}

.game-card__game-info, .game-card__graphic {
    transition: transform .15s ease-out
}

.game-card__image {
    border-radius: var(--border-radius-small);
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%
}

.game-card__video-card {
    border-radius: var(--border-radius-default);
    position: absolute;
    top: 0
}

.game-card__video-card_vertical-shift {
    overflow: hidden
}

.game-card__video-card_vertical-shift img, .game-card__video-card_vertical-shift video {
    transform: translateY(-20%)
}

.game-card__game-info {
    background: url("data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e %3ccircle opacity='0.3' cx='12' cy='12' r='10' fill='%23222222'/%3e %3cpath fill-rule='evenodd' clip-rule='evenodd' d='M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0m-9 5.042a1 1 0 0 1-1-1V11a1 1 0 0 1 2 0v5.042a1 1 0 0 1-1 1m0-7.966a1.076 1.076 0 1 0 0-2.152 1.076 1.076 0 0 0 0 2.152' fill='%23fff'/%3e %3c/svg%3e") 50% no-repeat;
    height: 24px;
    position: absolute;
    right: 5px;
    top: 5px;
    width: 24px
}

.main-body_rtl .game-card__game-info {
    left: 5px;
    right: unset
}

.game-card__game-url_contains-image {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.game-card .game-card__graphic_loading, .game-card .game-card__image, .game-card .game-card__video-card {
    border-radius: var(--border-radius-default)
}

.game-card_type_user_profile_recent_games_new .game-card__graphic_loading, .game-card_type_user_profile_recent_games_new .game-card__summary {
    border-radius: var(--border-radius-profile-recent-games)
}

.game-card_size_l {
    width: var(--l-size-width)
}

.app_bundle_mobile .game-card_size_l .game-card__title {
    text-overflow: ellipsis;
    white-space: nowrap;
}

.game-card__graphic_size_l {
    height: var(--l-size-height);
    width: var(--l-size-width)
}

.game-card__graphic_size_accent_thumb_horizontal, .game-card__graphic_size_accent_thumb_vertical, .game-card_size_accent_thumb_horizontal, .game-card_size_accent_thumb_vertical {
    height: 100%;
    width: 100%
}

.game-card_size_premium {
    width: var(--premium-size-width)
}

.game-card__graphic_size_premium {
    height: var(--premium-size-height);
    width: var(--premium-size-width)
}

.game-card_size_your_games {
    width: var(--your-game-width)
}

.game-card__graphic_size_your_games {
    height: var(--your-game-height);
    width: var(--your-game-width)
}

.game-card_size_recommended_new {
    width: var(--recommended-new-width)
}

.game-card__graphic_size_recommended_new {
    height: var(--recommended-new-height);
    width: var(--recommended-new-width)
}

.game-card_size_premium_big {
    width: var(--premium-big-width)
}

.game-card__graphic_size_premium_big {
    height: var(--premium-big-height);
    width: var(--premium-big-width)
}

.game-card_size_profile_recent_games {
    width: var(--profile-recent-games-width)
}

.game-card__graphic_size_profile_recent_games {
    height: var(--profile-recent-games-height);
    width: var(--profile-recent-games-width)
}

.game-card_size_all_games_desktop, .game-card_size_all_games_mobile, .game-card_size_all_games_tablet {
    align-items: stretch;
    display: flex;
    height: var(--all-games-size-height)
}

.game-card_size_all_games_desktop .game-card__description, .game-card_size_all_games_mobile .game-card__description, .game-card_size_all_games_tablet .game-card__description {
    flex-grow: 1;
    margin: 0
}

.game-card_size_all_games_desktop .game-card__description .game-url, .game-card_size_all_games_mobile .game-card__description .game-url, .game-card_size_all_games_tablet .game-card__description .game-url {
    flex-grow: 1;
    padding-left: 12px
}

.game-card_size_all_games_desktop .game-card__title, .game-card_size_all_games_mobile .game-card__title, .game-card_size_all_games_tablet .game-card__title {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    line-clamp: 2;
    font-size: 13px;
    font-style: normal;
    font-weight: var(--typography-font-weight-regular);
    line-height: normal;
    margin: 0;
    overflow: hidden
}

.game-card_size_all_games_desktop .game-url, .game-card_size_all_games_mobile .game-url, .game-card_size_all_games_tablet .game-url {
    align-items: center;
    display: flex;
    height: 100%
}

.game-card_size_all_games_desktop, .game-card_size_all_games_tablet {
    width: var(--recommended-adaptive-width)
}

.game-card__graphic_size_all_games_desktop, .game-card__graphic_size_all_games_mobile, .game-card__graphic_size_all_games_tablet {
    flex-shrink: 0;
    width: var(--all-games-size-picture)
}

.game-card__graphic_size_all_games_desktop .game-image, .game-card__graphic_size_all_games_mobile .game-image, .game-card__graphic_size_all_games_tablet .game-image {
    border-radius: var(--all-games-border-radius);
    height: var(--all-games-size-picture);
    position: relative
}

.game-card_size_m {
    width: var(--m-size-width)
}

.game-card__graphic_size_m {
    height: var(--m-size-height);
    width: var(--m-size-width)
}

.game-card_size_s {
    width: var(--s-size-width)
}

.game-card__graphic_size_s {
    padding-bottom: var(--s-size-padding-bottom);
    width: var(--s-size-width)
}

.game-card_size_categorized_new_l {
    width: 100%
}

.game-card__graphic_size_categorized_new_l {
    padding-bottom: var(--aspect-ratio-9-16);
    width: 100%
}

.game-card_size_tv {
    box-sizing: border-box;
    height: 100%;
    outline: none;
    width: 100%
}

.game-card_size_tv .game-url:focus, .game-card_size_tv .game-url:focus-visible {
    border-width: 0;
    box-sizing: border-box;
    outline: none
}

.game-card_size_tv .game-card__video-card {
    left: 0;
    top: 0
}

.game-card_size_tv .game-card__summary {
    padding: 0 10px
}

.game-card_size_tv .game-card__title {
    /*color: var(--white-1000);*/
    color: #312d2d;
    font-size: 14px;
    line-height: 19px
}

.game-card_profile_recent_games .game-card__summary, .game-card_size_adaptive_recommended_new .game-card__summary, .game-card_size_premium_big .game-card__summary, .game-card_size_recommended_new .game-card__summary {
    display: flex;
    margin-top: 16px
}

.game-card_type_user_profile_recent_games .game-card__summary {
    margin: 0;
    padding: 0
}

.game-card_type_user_profile_recent_games .game-card__title {
    margin: 9px 12px;
    padding: 0
}

.game-card__game-icon {
    border-radius: 6px;
    flex-shrink: 0;
    height: 36px;
    margin-right: 12px;
    width: 36px
}

.main-body_rtl .game-card__game-icon {
    margin: 0 0 0 12px
}

.game-card__description {
    display: flex;
    flex-direction: column;
    font-size: 14px;
    justify-content: center;
    line-height: 15px;
    overflow: hidden;
    white-space: normal
}

.game-card__genre {
    color: var(--color-text-secondary);
    font-size: 13px;
    margin: 2px 0 3px;
    padding: 0
}

.game-card__description_with-hyphens_yes .game-card__title {
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    word-break: break-word
}

.game-card__description_with-hyphens_no {
    --description_with-hyphens_no-top-margin: 10px
}

.app_bundle_mobile .game-card__description_with-hyphens_no {
    --description_with-hyphens_no-top-margin: 6px
}

.game-card__description_with-hyphens_no {
    margin: 0;
    padding: 0
}

.game-card__description_with-hyphens_no .game-url {
    padding-top: var(--description_with-hyphens_no-top-margin)
}

.game-card__description_with-hyphens_no {
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    text-overflow: clip
}

.game-card__description_with-hyphens_no .game-card__title {
    line-height: 18px;
    margin: 0;
    padding: 0;
    white-space: normal
}

.game-card__title {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    line-clamp: 2;
    /*color: var(--text-color-game-card-title-temporary);*/
    color: #312d2d;
    font: var(--text-game-description-shrunk-desktop);
    font-weight: var(--typography-font-weight-medium);
    margin-bottom: 2px;
    overflow: hidden;
    -webkit-text-decoration: none;
    text-decoration: none;
    text-overflow: ellipsis
}

.app_bundle_mobile .game-card__title {
    font: var(--text-game-description-shrunk-mobile)
}

.game-card__no-caption {
    margin-top: 8px
}

.game-video__video {
    height: 100%;
    object-fit: cover;
    overflow: hidden;
    width: 100%
}

/*.game-video__video::-webkit-media-controls {*/
/*    display: none !important*/
/*}*/

.video-preview, .video-preview__video {
    height: 100%;
    width: 100%
}

.video-preview__video {
    overflow: hidden
}

img{
    width:100%;
    height:100%;
}

.video-preview__video_fit_cover {
    object-fit: cover
}

.video-preview__video_fit_contain {
    object-fit: contain
}

.video-preview__video::-webkit-media-controls {
    display: none !important
}

.game-url {
    display: block;
    -webkit-text-decoration: none;
    text-decoration: none;
    -webkit-user-drag: var(--game-url-user-drag);
    color: inherit
}

.game-url:hover {
    cursor: pointer
}

.age-rating-badge.game-badges__age-rating-badge {
    bottom: 8px;
    position: absolute;
    right: 8px
}

.main-body_rtl .age-rating-badge.game-badges__age-rating-badge {
    left: 8px;
    right: unset
}

.game-quality-score.game-badges__game-quality-badge {
    bottom: 0;
    left: 0;
    pointer-events: none;
    position: absolute
}

.main-body_rtl .game-quality-score.game-badges__game-quality-badge {
    left: unset;
    right: 0
}

.badge.game-badges__sticky-badge {
    margin-left: -6px;
    margin-right: 6px;
    padding: 4px 6px;
    position: absolute;
    top: -6px;
    z-index: 1
}

.main-body_rtl .badge.game-badges__sticky-badge {
    margin-left: 6px;
    margin-right: -6px
}

.badge.game-badges__sticky-badge_p {
    font-size: 11px;
    font-weight: 500;
    letter-spacing: -.02em;
    line-height: 12px
}

.badge.game-badges__sticky-badge.badge_type_new {
    border: 3px solid var(--color-background-variant);
    border-radius: 0 !important;
    border-bottom-right-radius: 12px !important;
    border-top-left-radius: 12px !important
}

.main-body_rtl .badge.game-badges__sticky-badge.badge_type_new {
    border-radius: 0 !important;
    border-bottom-left-radius: 12px !important;
    border-top-right-radius: 12px !important
}

.badge.game-badges__sticky-badge.badge_type_promo_event {
    border: 3px solid var(--color-background-variant);
    border-radius: 0 !important;
    border-bottom-right-radius: 12px !important;
    border-top-left-radius: 12px !important
}

.main-body_rtl .badge.game-badges__sticky-badge.badge_type_promo_event {
    border-radius: 0 !important;
    border-bottom-left-radius: 12px !important;
    border-top-right-radius: 12px !important
}

.app_theme_playhop .game-badges__sticky-badge.badge {
    border: none;
    border-radius: 10px !important;
    box-shadow: 10px 10px 10px var(--black-alpha-04);
    font-size: 12px;
    margin-left: -8px;
    margin-right: 8px;
    padding: 9px 10px;
    top: -6px;
    z-index: 2
}

.main-body_rtl .app_theme_playhop .game-badges__sticky-badge.badge {
    border-radius: 10px !important;
    margin-left: 8px;
    margin-right: -8px
}

.badge {
    border-radius: var(--border-radius-small);
    box-sizing: border-box;
    display: inline-block;
    font-size: 11px;
    font-weight: 500;
    line-height: 13px;
    max-width: 100%;
    padding: 2px 5px;
    pointer-events: none;
    white-space: normal;
    word-break: break-word
}

.badge_type_new {
    background-color: var(--color-badge-new);
    color: var(--color-text-badge-new)
}

.badge_type_promo_direct {
    background-color: initial;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    height: 30px;
    width: 30px
}

.badge_type_tv_recent {
    background-color: var(--color-badge-promo-direct);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    border-radius: 10px 0 !important;
    height: 25px;
    left: -4px !important;
    margin: 0 !important;
    top: -4px !important;
    width: 25px
}

.main-body_rtl .badge_type_tv_recent {
    border-radius: 0 10px !important;
    left: unset !important;
    right: -4px !important
}

.badge_type_promo_event {
    background-color: var(--color-badge-promo-event);
    color: var(--color-text-badge-promo-event)
}

.badge_with_shadow {
    box-shadow: var(--box-shadow-sw-light);
    padding: 2px 8px
}

.badge_size_s {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.badge_size_l, .badge_size_premium {
    max-width: 192px
}


.age-rating-badge {
    align-items: center;
    background-color: var(--color-grey-8);
    border-radius: 3px;
    color: var(--color-grey-9);
    display: flex;
    font-size: 8px;
    font-weight: 700;
    height: 12px;
    padding: 0 3px;
    pointer-events: none
}

.game-quality-score {
    align-items: center;
    color: var(--color-text-primary);
    display: flex;
    flex-direction: row
}

.game-quality-score__value {
    align-items: center;
    background-color: var(--color-quality-score-bg);
    border-radius: 5px;
    color: var(--white-1000);
    display: flex;
    font-size: var(--game-quality-score-font-size);
    font-weight: 500;
    height: 20px;
    justify-content: center;
    width: auto;
}

.game-quality-score__value_high {
    /*background-color: #c5ff00;*/
    background-color:#c2e154;
}

.game-quality-score__value_transparent {
    background-color: var(--color-quality-score-bg-transparent)
}

.game-quality-score__value_high.game-quality-score__value_transparent {
    background-color: var(--color-quality-score-high-bg-transparent)
}

.game-quality-score__value_cornered {
    border-radius: 0 8px
}

.game-quality-score__value_cornered.game-quality-score__value_similar-card {
    border-radius: 0 12px
}

.app_bundle_mobile .game-quality-score__value_cornered.game-quality-score__value_similar-card {
    border-radius: 0 8px
}

.game-quality-score__text {
    font: var(--text-mobile-body-1);
    margin-left: 6px;
    overflow: hidden;
    text-overflow: ellipsis
}

:root .game-quality-score__text {
    /*color: #fff;*/
    color: #312d2d;;
    font-weight: bold;
}

.main-body_rtl .game-quality-score__value_cornered {
    border-radius: 8px 0
}

.main-body_rtl .game-quality-score__value_cornered.main-body_rtl .game-quality-score__value_similar-card {
    border-radius: 12px 0
}

.app_bundle_mobile .main-body_rtl .game-quality-score__value_cornered.main-body_rtl .game-quality-score__value_similar-card {
    border-radius: 8px 0
}

.main-body_rtl .game-quality-score__text {
    margin-left: 0;
    margin-right: 6px
}

.grid-list {
    list-style: none;
    margin: 0;
    padding: 0
}

.grid-list__mon-item {
    display: block
}

.grid-list__game-item {
    display: inline-block;
    margin-bottom: 24px;
    max-width: none;
    vertical-align: top
}

.grid-list__mon-item {
    margin: 0 0 32px
}

.grid-list__mon-item .monetization {
    margin: 0
}

.grid-list__game-item {
    margin-bottom: 12px
}

@media screen and (max-width: 365px) {
    .grid-list__game-item {
        margin-left: 2.5%;
        width: 31.666%
    }

    .grid-list__game-item.grid-list__game-item_n3_0 {
        margin-left: 0;
        margin-right: 0
    }
}

@media screen and (orientation: portrait) and (max-width: 600px) {
    .main-body.main-body_smartphone .grid-list__game-item {
        margin-left: 2%;
        width: 29.666%
    }
}

@media screen and (max-width: 600px) {
    .main-body.main-body_smartphone.main-body_rtl .grid-list__game-item {
        margin-left: 0;
        margin-right: 2.5%
    }

    .main-body.main-body_smartphone.main-body_rtl .grid-list__game-item.grid-list__game-item_n3_0 {
        margin-left: 0;
        margin-right: 0
    }
}

@media screen and (min-width: 366px) and (max-width: 570px) {
    .grid-list__game-item {
        margin-left: 4%;
        width: 22%
    }

    .grid-list__game-item.grid-list__game-item_n4_0 {
        margin-left: 0;
        margin-right: 0
    }
}

@media screen and (min-width: 571px) and (max-width: 669px) and (orientation: landscape) {
    .grid-list__game-item {
        margin-left: 2.5%;
        width: 18%
    }

    .grid-list__game-item.grid-list__game-item_n5_0 {
        margin-left: 0;
        margin-right: 0
    }
}

@media screen and (min-width: 571px) and (max-width: 669px) and (orientation: portrait), screen and (min-width: 670px) and (max-width: 1023px) {
    .grid-list__game-item {
        margin-left: 1.66%;
        width: 15.2%
    }

    .grid-list__game-item.grid-list__game-item_n6_0 {
        margin-left: 0;
        margin-right: 0
    }
}

@media screen and (min-width: 1024px) {
    .grid-list__game-item {
        margin-left: 1%;
        width: 10.6%
    }

    .grid-list__game-item.grid-list__game-item_n8_0 {
        margin-left: 0;
        margin-right: 0
    }
}

@media screen and (max-width: 365px) {
    .main-body_rtl .grid-list__game-item {
        margin-left: 0;
        margin-right: 4%
    }

    .main-body_rtl .grid-list__game-item.grid-list__game-item_n3_0 {
        margin-left: 0;
        margin-right: 0
    }
}

@media screen and (min-width: 366px) and (max-width: 570px) {
    .main-body_rtl .grid-list__game-item {
        margin-left: 0;
        margin-right: 4%
    }

    .main-body_rtl .grid-list__game-item.grid-list__game-item_n4_0 {
        margin-left: 0;
        margin-right: 0
    }
}

@media screen and (min-width: 571px) and (max-width: 669px) and (orientation: landscape) {
    .main-body_rtl .grid-list__game-item {
        margin-left: 0;
        margin-right: 2.5%
    }

    .main-body_rtl .grid-list__game-item.grid-list__game-item_n5_0 {
        margin-left: 0;
        margin-right: 0
    }
}

@media screen and (min-width: 571px) and (max-width: 669px) and (orientation: portrait), screen and (min-width: 670px) and (max-width: 1023px) {
    .main-body_rtl .grid-list__game-item {
        margin-left: 0;
        margin-right: 1.66%
    }

    .main-body_rtl .grid-list__game-item.grid-list__game-item_n6_0 {
        margin-left: 0;
        margin-right: 0
    }
}

@media screen and (min-width: 1024px) {
    .main-body_rtl .grid-list__game-item {
        margin-left: 0;
        margin-right: 1%
    }

    .main-body_rtl .grid-list__game-item.grid-list__game-item_n8_0 {
        margin-left: 0;
        margin-right: 0
    }
}

.grid-list_size_all_games_tablet .grid-list__game-item {
    margin-bottom: 8px
}

@media screen and (max-width: 699px) {
    .grid-list_size_all_games_tablet .grid-list__game-item {
        margin-left: 5%;
        width: 30%
    }

    .grid-list_size_all_games_tablet .grid-list__game-item.grid-list__game-item_n3_0 {
        margin-left: 0;
        margin-right: 0
    }
}

@media screen and (min-width: 700px) and (max-width: 849px) {
    .grid-list_size_all_games_tablet .grid-list__game-item {
        margin-left: 4%;
        width: 22%
    }

    .grid-list_size_all_games_tablet .grid-list__game-item.grid-list__game-item_n4_0 {
        margin-left: 0;
        margin-right: 0
    }
}

@media screen and (min-width: 850px) and (max-width: 1049px) {
    .grid-list_size_all_games_tablet .grid-list__game-item {
        margin-left: 2.5%;
        width: 18%
    }

    .grid-list_size_all_games_tablet .grid-list__game-item.grid-list__game-item_n5_0 {
        margin-left: 0;
        margin-right: 0
    }
}

@media screen and (min-width: 1050px) and (max-width: 1339px) {
    .grid-list_size_all_games_tablet .grid-list__game-item {
        margin-left: 1.66%;
        width: 15.2%
    }

    .grid-list_size_all_games_tablet .grid-list__game-item.grid-list__game-item_n6_0 {
        margin-left: 0;
        margin-right: 0
    }
}

@media screen and (min-width: 1440px) {
    .grid-list_size_all_games_tablet .grid-list__game-item {
        margin-left: 1%;
        width: 11.6%
    }

    .grid-list_size_all_games_tablet .grid-list__game-item.grid-list__game-item_n8_0 {
        margin-left: 0;
        margin-right: 0
    }
}

.rawButton-critical-module__button--dMsWV {
    align-items: center;
    background: transparent;
    border: none;
    box-sizing: border-box;
    display: inline-flex;
    justify-content: center;
    margin: 0;
    outline: none;
    padding: 0;
    position: relative;
    -webkit-text-decoration: none;
    text-decoration: none;
    transition: transform .1s ease, background .15s ease;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    touch-action: manipulation;
    -moz-user-focus: ignore
}

.rawButton-critical-module__button--dMsWV:after {
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: scale(0);
    z-index: -1
}

.rawButton-critical-module__button--dMsWV::-moz-focus-inner {
    border: 0;
    padding: 0
}

.rawButton-critical-module__disabled--Qzquf {
    cursor: auto;
    transform: scale(1)
}

.rawButton-critical-module__enabled--hAwHT {
    cursor: pointer
}

.rawButton-critical-module__width-max--H2EoL {
    width: 100%
}

.button-critical-module__sz-24--yhW1e {
    --height: var(--button-height-24);
    --border-radius: var(--button-border-radius-24);
    --gap: var(--button-gap-24)
}

.button-critical-module__sz-32--akKHy {
    --height: var(--button-height-32);
    --border-radius: var(--button-border-radius-32);
    --gap: var(--button-gap-32)
}

.button-critical-module__sz-40--fta19 {
    --height: var(--button-height-40);
    --border-radius: var(--button-border-radius-40);
    --gap: var(--button-gap-40)
}

.button-critical-module__variant-regular--dgM87.button-critical-module__sz-24--yhW1e, .button-critical-module__variant-text--aPWmH.button-critical-module__sz-24--yhW1e {
    --padding: var(--button-padding-24-text)
}

.button-critical-module__variant-regular--dgM87.button-critical-module__sz-32--akKHy, .button-critical-module__variant-text--aPWmH.button-critical-module__sz-32--akKHy {
    --padding: var(--button-padding-32-text)
}

.button-critical-module__variant-regular--dgM87.button-critical-module__sz-40--fta19, .button-critical-module__variant-text--aPWmH.button-critical-module__sz-40--fta19 {
    --padding: var(--button-padding-40-text)
}

.button-critical-module__variant-icon--N58NV {
    width: var(--height)
}

.button-critical-module__disabled--FHRAI.button-critical-module__view-primary--LdALl {
    --cl-text: var(--button-cl-text-primary-disabled);
    --bg: var(--button-cl-bg-primary-disabled);
    --cl-icon: var(--button-cl-icon-primary-disabled)
}

.button-critical-module__disabled--FHRAI.button-critical-module__view-secondary--lLaGD {
    --cl-text: var(--button-cl-text-secondary-disabled);
    --bg: var(--button-cl-bg-secondary-disabled);
    --cl-icon: var(--button-cl-icon-secondary-disabled)
}

.button-critical-module__disabled--FHRAI.button-critical-module__view-empty--MERfk {
    --cl-text: var(--button-cl-text-empty-disabled);
    --bg: var(--button-cl-bg-empty-disabled);
    --cl-icon: var(--button-cl-icon-empty-disabled)
}

.button-critical-module__disabled--FHRAI.button-critical-module__view-promo--RkOmv {
    --cl-text: var(--button-cl-text-promo-disabled);
    --bg: var(--button-cl-bg-promo-disabled)
}

.button-critical-module__view-primary--LdALl {
    --cl-text: var(--button-cl-text-primary);
    --bg: var(--button-cl-bg-primary);
    --cl-icon: var(--button-cl-icon-primary)
}

.button-critical-module__view-primary--LdALl:before {
    box-shadow: var(--box-shadow-button)
}

.button-critical-module__view-secondary--lLaGD {
    --cl-text: var(--button-cl-text-secondary);
    --bg: var(--button-cl-bg-secondary);
    --cl-icon: var(--button-cl-icon-secondary)
}

.button-critical-module__view-empty--MERfk {
    --cl-text: var(--button-cl-text-empty);
    --bg: var(--button-cl-bg-empty);
    --cl-icon: var(--button-cl-icon-empty)
}

.button-critical-module__view-promo--RkOmv {
    --cl-text: var(--button-cl-text-promo);
    --bg: var(--button-cl-bg-promo)
}

.button-critical-module__view-promo--RkOmv.button-critical-module__sz-40--fta19 {
    --padding: var(--button-padding-40-text-promo)
}

.button-critical-module__enabled--M0ogO:active.button-critical-module__view-primary--LdALl, .button-critical-module__enabled--M0ogO:hover.button-critical-module__view-primary--LdALl {
    --cl-text: var(--button-cl-text-primary-hover);
    --bg: var(--button-cl-bg-primary-hover);
    --cl-icon: var(--button-cl-icon-primary-hover)
}

.button-critical-module__enabled--M0ogO:active.button-critical-module__view-secondary--lLaGD, .button-critical-module__enabled--M0ogO:hover.button-critical-module__view-secondary--lLaGD {
    --cl-text: var(--button-cl-text-secondary-hover);
    --bg: var(--button-cl-bg-secondary-hover);
    --cl-icon: var(--button-cl-icon-secondary-hover)
}

.button-critical-module__enabled--M0ogO:active.button-critical-module__view-empty--MERfk, .button-critical-module__enabled--M0ogO:hover.button-critical-module__view-empty--MERfk {
    --cl-text: var(--button-cl-text-empty-hover);
    --bg: var(--button-cl-bg-empty-hover);
    --cl-icon: var(--button-cl-icon-empty-hover)
}

.button-critical-module__enabled--M0ogO:active.button-critical-module__view-promo--RkOmv, .button-critical-module__enabled--M0ogO:hover.button-critical-module__view-promo--RkOmv {
    --cl-text: var(--button-cl-text-promo-hover);
    --bg: var(--button-cl-bg-promo-hover)
}

.button-critical-module__rounded--U2XBU {
    --border-radius: 1000px
}

.button-critical-module__button--d9usx {
    color: var(--cl-text);
    height: var(--height);
    isolation: isolate;
    padding: var(--padding)
}

.button-critical-module__button--d9usx:before {
    background: var(--bg);
    border-radius: var(--border-radius);
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: inherit;
    z-index: -1
}

.button-critical-module__part--ZPZt9 {
    margin-left: 0;
    margin-right: var(--gap)
}

.button-critical-module__part--ZPZt9:last-child {
    margin-right: 0
}

.main-body_rtl .button-critical-module__part--ZPZt9 {
    margin-left: var(--gap);
    margin-right: 0
}

.main-body_rtl .button-critical-module__part--ZPZt9:last-child {
    margin-left: 0
}

.button-critical-module__icon--Zha8Z {
    align-items: center;
    color: var(--cl-icon);
    display: inline-flex;
    justify-content: center;
    fill: var(--cl-icon)
}

.button-critical-module__text--wmLUU {
    line-height: var(--height);
    overflow: hidden;
    text-overflow: ellipsis
}

:root .button-critical-module__view-primary--LdALl {
    --bg: var(--color-control-primary)
}

:root .button-critical-module__view-primary--LdALl.button-critical-module__disabled--FHRAI {
    --bg: var(--white-alpha-012);
    --cl-text: var(--white-alpha-05)
}

:root .button-critical-module__view-primary--LdALl.button-critical-module__enabled--M0ogO:active,  .button-critical-module__view-primary--LdALl.button-critical-module__enabled--M0ogO:hover {
    --bg: #a398ff
}

:root .button-critical-module__view-secondary--lLaGD {
    --cl-text: var(--text-inverse);
    --bg: var(--white-alpha-012);
    --cl-icon: var(--icon-inverse)
}

:root .button-critical-module__view-secondary--lLaGD.button-critical-module__disabled--FHRAI {
    --cl-text: var(--text-inverse-disabled);
    --bg: var(--white-alpha-012);
    --cl-icon: var(--icon-inverse-disabled)
}

:root .button-critical-module__view-secondary--lLaGD.button-critical-module__enabled--M0ogO:active, :root .button-critical-module__view-secondary--lLaGD.button-critical-module__enabled--M0ogO:hover {
    --cl-text: var(--text-inverse);
    --bg: var(--white-alpha-03);
    --cl-icon: var(--icon-inverse)
}

.spin-critical-module__sz-16--MJe2A {
    --spin-size: 16px
}

.spin-critical-module__sz-28--g4ZP6 {
    --spin-size: 28px
}

.spin-critical-module__sz-32--rgzL3 {
    --spin-size: 32px
}

.spin-critical-module__sz-38--uphTD {
    --spin-size: 38px
}

.spin-critical-module__sz-46--viwRg {
    --spin-size: 46px
}

.spin-critical-module__sz-76--e9TBe {
    --spin-size: 76px
}

.spin-critical-module__view-default--BuRM7 {
    --spin-border-color: var(--spin-default-border-color);
    --spin-bg-color: transparent
}

.spin-critical-module__view-filled--pIaDk {
    --spin-border-color: var(--spin-filled-border-color);
    --spin-bg-color: var(--spin-filled-bg-color)
}

.spin-critical-module__thickness-thin--Ni5TX {
    --spin-border-width: 1px
}

.spin-critical-module__thickness-default--eGq1G {
    --spin-border-width: 2px
}

.spin-critical-module__thickness-bold--PdruP {
    --spin-border-width: 4px
}

.spin-critical-module__center--UnhNp {
    left: calc(50% - var(--spin-size) / 2);
    position: absolute;
    top: calc(50% - var(--spin-size) / 2)
}

.spin-critical-module__spin--je75a {
    background-image: linear-gradient(90deg, transparent, transparent);
    border: var(--spin-border-width) solid transparent;
    border-radius: 50%;
    box-sizing: border-box;
    display: none;
    height: var(--spin-size);
    line-height: calc(var(--spin-size) - var(--spin-border-width) * 2);
    width: var(--spin-size);
    --spin-delay: 0s
}

.spin-critical-module__delayed--LKl50 {
    --spin-delay: 0.21s
}

.spin-critical-module__spin--je75a:after {
    content: "\00A0";
    visibility: hidden
}

.spin-critical-module__spinning--YKDoD {
    animation: spin-critical-module__islands-spin--m5zyc 1s var(--spin-delay) infinite linear;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    border-color: var(--spin-border-color) var(--spin-bg-color) var(--spin-bg-color) var(--spin-border-color);
    display: inline-block
}

@keyframes spin-critical-module__islands-spin--m5zyc {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.categorized-games__header {
    margin: 0 auto 16px
}

.app_bundle_mobile .categorized-games__card {
    margin: 0 12px 0 0
}

.main-body_rtl .app_bundle_mobile .categorized-games__card {
    margin: 0 0 0 12px
}

.categorized-games__container_stretch .horizontal-container__list {
    display: inline-flex;
    justify-content: space-between;
    min-width: 100%
}

.feed-seo-inter-links {
    --grid-gap: 12px;
    --col-count: 8;
    --ui-decorator: 0;
    --max-width: calc(100% / var(--col-count));
    --text-feed-link-text-primary: var(--color-text-primary)
}

@media (min-width: 1873px) {
    .feed-seo-inter-links {
        --col-count: 6
    }
}

@media (max-width: 1872px) and (min-width: 1286px) {
    .feed-seo-inter-links {
        --col-count: 6
    }
}

@media (max-width: 1285px) and (min-width: 973px) {
    .feed-seo-inter-links {
        --col-count: 4
    }
}

@media (max-width: 972px) and (min-width: 751px) {
    .feed-seo-inter-links {
        --col-count: 3
    }
}

@media (max-width: 750px) {
    .feed-seo-inter-links {
        --col-count: 2
    }
}

.feed-seo-inter-links__box {
    margin: 0;
    padding: 0
}

.feed-seo-inter-links__link {
    border-radius: 8px;
    color: var(--color-text-primary);
    -webkit-text-decoration: none;
    text-decoration: none
}

.feed-seo-inter-links__title {
    color: var(--text-feed-link-text-primary);
    font-size: 20px;
    font-weight: var(--typography-font-weight-medium);
    margin: 0 0 16px
}

.feed-seo-inter-links__container {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    list-style-type: none;
    margin: 0;
    margin: 0 calc(var(--grid-gap) * -1 / 2);
    margin-bottom: calc(var(--grid-gap) * -1);
    padding: 0
}

.feed-seo-inter-links__col {
    display: inline-block;
    flex-grow: 1;
    list-style: none;
    list-style-type: none;
    margin: 0 calc(var(--grid-gap) / 2);
    margin-bottom: var(--grid-gap);
    max-width: calc(var(--max-width) - var(--grid-gap));
    padding: 0;
    width: 100%
}

.app_theme_playhop .feed-seo-inter-links {
    --text-feed-link-text-primary: var(--white-1000);
    --color-tag-bg-temporary: var(--black-550);
    --color-tag-bg-hover-temporary: var(--black-350)
}

.app_theme_playhop .feed-seo-inter-links__title {
    font-family: var(--font-family-headline);
    font-size: 20px;
    font-weight: 900;
    margin-bottom: 18px
}

.app_bundle_mobile .app_theme_playhop .feed-seo-inter-links__title {
    font-size: 19px
}

.feed_link {
    align-items: center;
    background-color: var(--color-tag-bg-temporary);
    border-radius: 8px;
    color: var(--color-text-primary);
    display: flex;
    height: 48px;
    -webkit-text-decoration: none;
    text-decoration: none
}

.feed_link:active, .feed_link:visited {
    color: inherit
}

.feed_link:hover {
    background-color: var(--color-tag-bg-hover-temporary)
}

.feed_link .feed_link__content {
    align-items: center;
    display: flex;
    flex: 1;
    overflow: hidden;
    padding: 0 12px;
    white-space: nowrap
}

.feed_link .feed_link__title {
    font-size: 14px;
    font-weight: 500;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.feed_link .feed_link__icon {
    align-items: center;
    display: flex;
    height: 30px;
    justify-content: center;
    width: 30px;
    fill: var(--icon-primary-fill-color)
}

.feed_link .feed_link__gap {
    width: 6px
}

.pagination {
    align-items: center;
    display: flex;
    justify-content: center;
    margin: 30px 0
}

.pagination__link, .pagination__text {
    margin-left: 4px
}

.pagination__link:first-child, .pagination__text:first-child {
    margin-left: 0
}

.pagination__next_pagination_button {
    transform: rotate(180deg)
}

.pagination__text {
    font: var(--text-desktop-body-4)
}

.pagination__all-pages {
    flex-wrap: wrap;
    margin: 30px 0 26px
}

.pagination__all-pages .pagination__link {
    margin-bottom: 4px;
    margin-left: 4px
}

.pagination__all-pages .pagination__text {
    margin-bottom: 4px
}

.app_theme_playhop .pagination__all-pages {
    margin: 30px 10px 26px
}

.pagination-button {
    align-items: center;
    border: 1px solid var(--color-background-accent);
    border-radius: var(--border-radius-default);
    color: var(--color-text-primary);
    display: flex;
    font: var(--text-desktop-body-4);
    font-weight: 700;
    height: 24px;
    justify-content: center;
    padding-left: 8px;
    padding-right: 8px;
    -webkit-text-decoration: none;
    text-decoration: none
}

.pagination-button__current_pagination {
    background-color: var(--color-category-bg-active-temporary);
    color: var(--text-color-category-active-temporary)
}

.page-description__title {
    align-items: center;
    color: var(--text-color-section-header-text-temporary);
    display: flex;
    font: var(--text-headline-shrunk);
    margin: 0 0 12px
}

.app_bundle_mobile .page-description__title {
    font: var(--text-headline-mobile-shrunk)
}

.page-description__description {
    font: var(--text-desktop-subtitle-2);
    margin: 0
}

.page-description__subtitle-1 {
    align-items: center;
    display: flex;
    margin: 16px 0
}

.app_bundle_mobile .page-description__subtitle-1 {
    font: var(--text-mobile-subtitle-1)
}

.page-description__more-text {
    display: none
}

.page-description__more-text_visible {
    display: block
}

.page-description__more-text-link {
    color: var(--color-link-primary);
    cursor: pointer;
    font: var(--text-desktop-body-3);
    margin: 13px 0 0
}

.page-description__more-text-link:hover {
    color: var(--color-link-primary-hovered)
}

.footer {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    justify-content: flex-end
}

.app_bundle_mobile .footer {
    margin-top: 19px
}

.app_bundle_mobile .footer_type_profile {
    margin-top: 0
}

.footer__horizontal-line {
    background-color: var(--color-separator-temporary);
    height: 1px
}

.footer__blocks {
    display: flex
}

.footer__partners, .footer__shortcut {
    position: relative
}

.app_bundle_mobile .footer__partners, .app_bundle_mobile .footer__shortcut {
    overflow-x: hidden;
    padding: 0 var(--page-padding-mobile) 16px 0;
    width: 100%
}

.footer__shortcut {
    margin-left: 105px
}

.main-body_rtl .footer__shortcut {
    margin: 0 105px 0 0
}

.footer__shortcut_only_button {
    background-color: var(--color-grey-2);
    margin: 0
}

.app_bundle_mobile .footer__shortcut_only_button {
    background-color: inherit;
    padding: 20px 0 27px
}

.app_bundle_mobile .footer__shortcut_only_button .footer__content {
    margin: 0 auto;
    max-width: 536px;
    padding: 0;
    width: 100%
}

.footer__background {
    border-radius: 6px;
    height: 100%;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: -1
}

.footer__button-wrap {
    margin: 0 auto;
    max-width: 536px
}

.app_bundle_mobile .footer__shortcut-button {
    width: 100%
}

.footer__content {
    max-width: 302px;
    position: relative
}

.footer__content.footer__content .section__title {
    flex-shrink: 0;
    margin-bottom: 8px;
    max-width: 100%
}

.app_bundle_mobile .footer__content.footer__content .section__title .section-header__header {
    font: var(--text-headline-mobile-shrunk)
}

.app_bundle_mobile .footer__content {
    max-width: 232px;
    padding-top: 16px
}

@media (max-width: 357px) {
    .footer__content {
        width: 175px
    }
}

.footer__shortcut_sidebar .footer__content {
    max-width: 350px
}

.footer__text {
    color: var(--color-text-footer);
    font: var(--text-desktop-body-3);
    margin: 0 0 16px
}

.footer__image {
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='167' height='177' viewBox='0 0 167 177'%3e %3cg fill='none' fill-rule='nonzero'%3e %3cpath fill='%23EBF2FA' d='m98.8 70 62.804 18.254s5.638 1.556 4.768 6.552c-.869 4.997-7.386 24.359-7.386 24.359s-.648 6.887-8.382 5.697c-7.735-1.19-69.14-18.325-69.14-18.325zm44.569 40.84c4.23 1.14 8.587-1.176 9.734-5.171 1.146-3.995-1.354-8.157-5.583-9.295-4.23-1.139-8.587 1.177-9.734 5.172-1.146 3.995 1.354 8.156 5.583 9.295z'/%3e %3cpath fill='%23EBF2FA' d='M47.883 4.86C44.143 3.42 18.315-1.69 14.887.566 11.46 2.822-1.306 69.313.67 73.272s95.57 21.848 97.7 19.52c1.99-2.173 13.468-59.633 10.651-65.389-1.946-3.977-51.982-10.705-51.982-10.705-2.753-.186-5.416-10.399-9.156-11.839z'/%3e %3cg fill='%232EE6C7'%3e %3cpath d='m89.734 154.687 5.288 5.289c.21.21.506.308.8.267a.96.96 0 0 0 .704-.476l2.444-4.276c2.838 5.114 6.148 4.79 7.525 4.367 4.955-1.52 8.908-10.98 6.898-22.635a.95.95 0 0 0-.761-.769c-11.957-2.202-20.806 1.53-22.452 6.412-.47 1.395-.922 4.775 3.992 7.787l-4.247 2.541a.96.96 0 0 0-.46.703.95.95 0 0 0 .269.79m5.76 3.054-3.545-3.545 4.624-2.766c.3-.179.48-.508.467-.858a.95.95 0 0 0-.527-.815c-3.626-1.784-5.275-4.077-4.527-6.294 1.328-3.935 9.168-6.995 19.634-5.248 1.72 11.12-2.209 18.756-5.674 19.82-2.163.664-4.364-1.143-6.038-4.961a.95.95 0 0 0-.821-.564.96.96 0 0 0-.879.483z'/%3e %3cpath d='M83.58 165.385a164 164 0 0 0 10.89 9.954c1.8 1.378 3.998 1.378 5.764.026 10.936-9.682 21.039-19.784 30.08-30.072 1.341-1.748 1.355-3.818.08-5.731a1 1 0 0 0-.061-.083c-5.675-6.846-12.49-13.663-20.836-20.837-1.849-1.404-3.933-1.406-5.765-.043-10.915 9.658-21.017 19.76-30.092 30.08-1.355 1.695-1.36 4.058-.042 5.783q.012.017.026.033a165 165 0 0 0 9.955 10.89zm-9.204-11.516-.007-.007zm54.42-13.183c.79 1.212.793 2.344.009 3.369-8.946 10.176-18.99 20.22-29.813 29.803-1.012.771-2.236.771-3.303-.045a162.5 162.5 0 0 1-20.55-20.554c-.76-1.008-.761-2.373 0-3.325 8.99-10.223 19.035-20.268 29.824-29.82 1.083-.8 2.186-.801 3.308.049 8.197 7.05 14.928 13.775 20.524 20.523z'/%3e %3c/g%3e %3cpath fill='%232EE6C7' d='m53.807 46 .063-.001c3.066-.315 2.918-9.374 2.187-17.382l8.306.282a2.1 2.1 0 0 0 1.53-.614c.4-.41.605-.971.566-1.54l-1.635-23.58a2.017 2.017 0 0 0-1.972-1.876L52.097 1a2.07 2.07 0 0 0-1.591.698c-.4.459-.57 1.064-.466 1.662l2.676 15.3-8.315.446a2.03 2.03 0 0 0-1.569.854 1.98 1.98 0 0 0-.278 1.744l.464 1.512C48.072 39.792 51.008 46 53.807 46m1.156-19.391a1 1 0 0 0-.724.31.98.98 0 0 0-.264.77c.78 7.894.633 15.257-.31 16.33-.897-.256-3.292-3.487-8.748-21.376l-.466-1.52 8.316-.446a2.04 2.04 0 0 0 1.488-.752 2 2 0 0 0 .417-1.605l-2.675-15.3 10.802.238 1.034-.025-.99.068 1.634 23.58-9.481-.272-.033-.001z'/%3e %3cpath fill='%2300236B' d='m34.519 134.875 3.761.899 40.536-93.375c1.1-2.535 3.895-3.902 6.594-3.228l40.744 10.187.201-3.582s9.21 2.527 6.664 11.04a5.5 5.5 0 0 1-.237.753l-.221.551v.002l-38.752 96.337c-1.052 2.618-3.898 4.06-6.655 3.37l-44.8-12.553-.934-.262a5.7 5.7 0 0 1-1.911-.883c-5.936-3.223-4.99-9.256-4.99-9.256'/%3e %3cpath fill='%23007CE9' d='M34.468 135.158c0 .078-.01.146 0 .214a5.6 5.6 0 0 0 1.482 3.989c.334.36.716.69 1.138.944.5.32 1.05.564 1.659.71l5.192 1.46.824.233h.01l39.688 11.12c2.748.691 5.594-.758 6.644-3.366l36.557-90.891.157-.39v-.01l2.248-5.594a5.3 5.3 0 0 0 .392-2.218c0-.039 0-.068-.01-.097v-.01a5.5 5.5 0 0 0-2.03-4.057l-.01-.01-.02-.02-.01-.009a5 5 0 0 0-.589-.428c-.05-.03-.088-.058-.128-.078a6 6 0 0 0-1.472-.593l-.117-.03-.246-.068-43.123-10.79c-2.689-.67-5.486.701-6.575 3.23l-5.045 11.618-1.305 3.006-1.256 2.89-.825 1.897-.108.243-.99 2.296-.61 1.401-9.352 21.55-1.02 2.345-3.141 7.239-3.16 7.268-4.171 9.612-3.043 7.025-1.668 3.862-.088.195-.825 1.897-4.593 10.605a5.5 5.5 0 0 0-.461 1.81'/%3e %3cpath fill='%23FFF' d='m75.996 46-35.532 82.963L88.175 143l35.289-85.147z'/%3e %3cpath fill='%23FF4645' d='M55.438 59.276c-1.412 11.795-4.24 27.155-7.423 36.288a3.63 3.63 0 0 1-3.524 2.435C33.458 97.7 23.33 96.8 14.397 95.097c-1.932-.368-3.197-2.215-2.887-4.15 1.728-10.759 5.027-25.534 8.344-35.428a3.61 3.61 0 0 1 3.304-2.45c10.079-.307 19.865.41 29.341 2.205a3.634 3.634 0 0 1 2.939 4.002'/%3e %3cpath fill='%23FFF' d='M34.95 67.102C25.997 59.57 17.997 74.104 32.25 82c15.95-4.443 15.668-20.156 2.7-14.898'/%3e %3cpath fill='%23022867' d='m52.627 92.569 3.145-7.34 1.022-2.379 9.364-21.854.609-1.42.992-2.33.108-.246c1.228.296 2.447.602 3.655.927.158.05.315.09.472.129a132 132 0 0 1 13.845 4.598 3.81 3.81 0 0 1 2.23 4.686c-.098.306-.196.622-.295.938a131 131 0 0 0-7.379-2.743 3.52 3.52 0 0 0-3.89 1.134c-6.506 8.061-14.69 20.67-20.026 30.083-.86 1.515-.523 3.393.738 4.496.069-.187.144-.371.245-.549 5.335-9.413 13.52-22.022 20.025-30.083a3.52 3.52 0 0 1 3.89-1.135 131 131 0 0 1 7.38 2.743c.383.158.776.316 1.16.474 6.248 2.595 12.193 5.604 17.823 9.038a3.627 3.627 0 0 1 1.317 4.755C103.653 96.98 95.704 110.3 89.592 117.7a3.58 3.58 0 0 1-4.107 1.036c-8.224-3.354-15.75-6.867-22.403-10.606a101 101 0 0 1-2.3-1.313c-.707-.414-1.404-.828-2.092-1.253-1.216-.737-1.819-2.093-1.68-3.433a168 168 0 0 1-3.479-.977 3 3 0 0 1-.402-.118c-1.238-.346-2.467-.72-3.665-1.096z' opacity='0.1'/%3e %3cpath fill='%23FF4645' d='M56.187 102.485c.695.427 1.4.843 2.114 1.26.754.447 1.538.884 2.322 1.32 6.718 3.761 14.319 7.294 22.624 10.669a3.63 3.63 0 0 0 4.148-1.042c6.172-7.444 14.2-20.841 19.658-31.39a3.64 3.64 0 0 0-1.33-4.784c-5.686-3.454-11.69-6.48-18-9.09-.387-.16-.784-.318-1.171-.477a133 133 0 0 0-7.452-2.759 3.56 3.56 0 0 0-3.93 1.142c-6.569 8.108-14.835 20.79-20.223 30.258-.973 1.707-.437 3.88 1.24 4.893'/%3e %3cpath fill='%23FFF' d='M75.972 90.18c-2.604-1.562-3.291-4.933-1.538-7.53 1.683-2.493 5.003-3.36 7.57-2.044a6 6 0 0 1 .516-.947c1.754-2.596 5.286-3.435 7.89-1.873s3.29 4.932 1.537 7.53c-.206.306-.44.586-.692.841 2.35 1.635 2.923 4.837 1.24 7.33-1.753 2.596-5.285 3.435-7.889 1.874a5.1 5.1 0 0 1-2.026-2.247l-1.701 4.594a.45.45 0 0 1-.642.233l-4.932-2.96c-.228-.136-.254-.449-.053-.64l3.55-3.38a5.6 5.6 0 0 1-2.83-.781'/%3e %3cpath fill='%23022867' d='M56.236 100.479c.715.415 1.44.82 2.174 1.225a315 315 0 0 0 9.96 2.21c1.674.348 3.378-.386 4.235-1.785 5.082-8.377 10.98-22.775 14.859-34.26-2.5-.955-5.052-1.852-7.664-2.682-1.45-.473-3.082-.029-4.042 1.11-6.755 7.884-15.256 20.218-20.797 29.424-1 1.66-.45 3.774 1.275 4.758' opacity='0.1'/%3e %3cpath fill='%23FBC900' d='M86.285 62.8c-3.764 11.984-9.689 27.4-14.763 36.27a3.82 3.82 0 0 1-4.12 1.844c-11.344-2.462-21.637-5.377-30.537-8.89-1.925-.76-2.87-2.927-2.172-4.878C38.581 76.3 44.88 61.586 50.241 51.948a3.79 3.79 0 0 1 3.895-1.902c10.478 1.649 20.452 4.303 29.895 8.02a3.846 3.846 0 0 1 2.254 4.733z'/%3e %3cpath fill='%23FFF' d='M66.44 65c1.42 4.012 2.377 8.182 3.024 12.46A82.6 82.6 0 0 1 56.693 85c-1.519-4.786-2.756-9.23-3.23-12.743 3.39-2.812 7.809-5.193 12.976-7.257z'/%3e %3c/g%3e %3c/svg%3e") no-repeat;
    height: 171px;
    position: absolute;
    width: 169px
}

.app_bundle_mobile .footer__image {
    bottom: 0;
    right: -47px
}

.main-body_rtl .app_bundle_mobile .footer__image {
    left: -32px;
    right: auto
}

.footer__links {
    font: normal 15px/21px var(--font-family);
    padding: 23px 0 36px
}

.app_bundle_mobile .footer__links {
    margin: 0 -16px
}

.app_bundle_mobile .footer__full-width-mobile {
    margin: 0 var(--page-padding-mobile-offset)
}

.app_bundle_mobile.app_theme_playhop .footer .section-header {
    overflow: visible
}

.app_theme_playhop .footer .footer__wrapper {
    margin: 44px 0 28px
}

.app_bundle_mobile.app_theme_playhop .footer .footer__wrapper {
    align-items: center;
    display: flex;
    flex-direction: column-reverse;
    margin: 35px 0 0
}

.app_theme_playhop .footer .footer__wrapper .social {
    margin-left: auto
}

.app_bundle_mobile.app_theme_playhop .footer .footer__wrapper .social {
    margin-bottom: 16px;
    width: 100%
}

.app_theme_playhop .footer__content {
    display: flex;
    flex-direction: column;
    height: 100%
}

html[lang=ru] .app_theme_playhop .footer__content .section__title {
    font-size: 20px
}

.app_theme_playhop .footer .section__content {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    height: 100%
}

.app_theme_playhop .footer__links {
    padding: 0
}

.app_bundle_mobile.app_theme_playhop .footer .footer__link {
    align-items: center;
    color: var(--color-text-footer-link-temporary);
    display: flex;
    font-size: 15px;
    margin-right: auto;
    text-align: left;
    -webkit-text-decoration: none;
    text-decoration: none
}

.main-body_rtl .app_bundle_mobile.app_theme_playhop .footer .footer__link {
    margin-left: auto;
    margin-right: 0
}

.app_theme_playhop .footer .footer__background {
    top: 0
}

.app_theme_playhop .footer .footer__blocks {
    margin: 0 -6px
}

.app_theme_playhop .footer .footer__content {
    padding-top: 0
}

.app_bundle_mobile.app_theme_playhop .footer .footer__content {
    max-width: 100%
}

.app_theme_playhop .footer .footer__partners, .app_theme_playhop .footer .footer__shortcut {
    border-radius: 20px;
    box-sizing: border-box;
    margin: 0 6px;
    padding: 16px;
    width: 50%
}

.app_theme_playhop .footer .footer__partners .Button2, .app_theme_playhop .footer .footer__shortcut .Button2 {
    margin-top: auto
}

.app_bundle_mobile.app_theme_playhop .footer .footer__partners .Button2, .app_bundle_mobile.app_theme_playhop .footer .footer__shortcut .Button2 {
    width: 100%
}

.app_theme_playhop .footer .footer__partners .footer__content, .app_theme_playhop .footer .footer__shortcut .footer__content {
    max-width: 536px;
    width: 100%
}

.app_theme_playhop .footer .footer__partners {
    --text-color-section-header-text-temporary: var(--white-1000);
    background: var(--color-footer-banner-partners)
}

.app_theme_playhop .footer .footer__partners .footer__text {
    color: var(--text-color-section-header-text-temporary)
}

.app_theme_playhop .footer .footer__partners .footer__image {
    background: none
}

.app_theme_playhop .footer .footer__shortcut {
    --text-color-section-header-text-temporary: var(--white-1000);
    --color-text-footer: var(--white-1000);
    width: 50%
}

.app_theme_playhop .footer .footer__shortcut_shown {
    background: var(--color-footer-banner-shortcut)
}

@media (max-width: 1152px) {
    .app_theme_playhop .footer .footer__blocks {
        margin: 0
    }

    .app_theme_playhop .footer .footer__partners, .app_theme_playhop .footer .footer__shortcut {
        margin: 12px 0 0;
        width: 100%
    }
}

@media (max-width: 360px) {
    .app_theme_playhop .footer .footer__shortcut-button {
        font-size: 13px
    }
}

.app_bundle_mobile.app_theme_playhop .footer {
    box-sizing: border-box;
    margin: 8px 0
}

.app_bundle_mobile.app_theme_playhop .footer .footer__blocks {
    margin: 0
}

.app_bundle_mobile.app_theme_playhop .footer .footer__partners, .app_bundle_mobile.app_theme_playhop .footer .footer__shortcut {
    margin: 12px 0 0;
    width: 100%
}

.app_bundle_mobile.app_theme_playhop .footer .footer__links {
    box-sizing: border-box;
    margin: 0 var(--page-padding-mobile-offset) 10px;
    padding: 0
}

.app_theme_playhop .footer__horizontal-line {
    display: none
}

.footer-links {
    background: var(--footer-links-bg);
    margin: 0
}

.app_bundle_mobile .footer-links {
    padding: 16px 16px 30px;
    width: 100%
}

.app_bundle_mobile .footer_type_profile .footer-links {
    background: none;
    padding-bottom: 16px
}

.footer-links__list {
    display: flex;
    flex-direction: row;
    list-style: none;
    margin: 0;
    padding: 0
}

.app_bundle_mobile .footer-links__list {
    flex-direction: column
}

.footer-links__item {
    margin: 0;
    padding: 0
}

.app_bundle_mobile .footer-links__item {
    margin: 0 0 10px
}

.footer-links__item:last-child {
    margin: 0
}

.footer-links__link {
    /*color: #dbff5e;*/
    color: #c2e154;
    display: block;
    text-align: left;
    -webkit-text-decoration: none;
    text-decoration: none
}

.main-body_rtl .footer-links__link {
    text-align: right
}

.app_theme_playhop .footer-links {
    background: none;
    padding: 0
}

.app_theme_playhop .footer-links .footer-links__wrap {
    margin: 0 -8px
}

.app_bundle_mobile.app_theme_playhop .footer-links .footer-links__wrap {
    margin: 0
}

.app_theme_playhop .footer-links .footer-links__item {
    margin: 0 8px
}

.app_bundle_mobile.app_theme_playhop .footer-links .footer-links__item {
    margin: 0 0 10px
}

.app_bundle_mobile.app_theme_playhop .footer-links .footer-links__link {
    font-size: 12px;
    text-align:center;
    font-weight:bold;
}

.app_bundle_mobile.app_theme_playhop .footer-links {
    padding: 0 16px 10px
}

.copyright {
    text-align: left
}

.copyright, .copyright a {
    color: var(--color-text-footer-copyright-temporary)
}

.copyright a[aria-disabled=true] {
    color: var(--color-grey-3)
}

.main-body_rtl .copyright {
    text-align: right
}

.app_bundle_mobile .copyright {
    margin-bottom: 11px;
    text-align:center;
}

.tag-feed__without-games {
    font-weight: 500
}

.app_bundle_mobile .tag-feed__without-games {
    font-size: 24px;
    line-height: 26px
}

.page {
    display: flex;
    flex-direction: column;
    flex-grow: 1
}

@media only screen and (min-device-height: 500px) {
    @media (min-width: 600px) {
        .app_bundle_mobile .page_type_main .feed-with-header__header, .app_bundle_mobile .page_type_main .fixed-width, .app_bundle_mobile .page_type_profile .profile-header, .app_bundle_mobile .page_type_profile .profile-page__content, .app_bundle_mobile .page_type_promos .page__page {
            align-self: center
        }

        .app_bundle_mobile .page_type_main .feed-with-header__header .centered-content:not(.horizontal-container), .app_bundle_mobile .page_type_main .feed-with-header__header .horizontal-container__container, .app_bundle_mobile .page_type_main .feed-with-header__header .section__content, .app_bundle_mobile .page_type_main .fixed-width .centered-content:not(.horizontal-container), .app_bundle_mobile .page_type_main .fixed-width .horizontal-container__container, .app_bundle_mobile .page_type_main .fixed-width .section__content, .app_bundle_mobile .page_type_profile .profile-header .centered-content:not(.horizontal-container), .app_bundle_mobile .page_type_profile .profile-header .horizontal-container__container, .app_bundle_mobile .page_type_profile .profile-header .section__content, .app_bundle_mobile .page_type_profile .profile-page__content .centered-content:not(.horizontal-container), .app_bundle_mobile .page_type_profile .profile-page__content .horizontal-container__container, .app_bundle_mobile .page_type_profile .profile-page__content .section__content, .app_bundle_mobile .page_type_promos .page__page .centered-content:not(.horizontal-container), .app_bundle_mobile .page_type_promos .page__page .horizontal-container__container, .app_bundle_mobile .page_type_promos .page__page .section__content {
            padding-left: 10px;
            padding-right: 10px
        }
    }

    @media (min-width: 600px) and (max-width: 724px) {
        .app_bundle_mobile .page_type_main .feed-with-header__header, .app_bundle_mobile .page_type_main .fixed-width, .app_bundle_mobile .page_type_profile .profile-header, .app_bundle_mobile .page_type_profile .profile-page__content, .app_bundle_mobile .page_type_promos .page__page {
            width: max(575px, 98%)
        }
    }

    @media (min-width: 725px) and (max-width: 1023px) {
        .app_bundle_mobile .page_type_main .feed-with-header__header, .app_bundle_mobile .page_type_main .fixed-width, .app_bundle_mobile .page_type_profile .profile-header, .app_bundle_mobile .page_type_profile .profile-page__content, .app_bundle_mobile .page_type_promos .page__page {
            width: max(700px, 98%)
        }
    }

    @media (min-width: 1024px) and (max-width: 1366px) {
        .app_bundle_mobile .page_type_main .feed-with-header__header, .app_bundle_mobile .page_type_main .fixed-width, .app_bundle_mobile .page_type_profile .profile-header, .app_bundle_mobile .page_type_profile .profile-page__content, .app_bundle_mobile .page_type_promos .page__page {
            width: max(976px, 98%)
        }
    }

    @media (min-width: 1367px) {
        .app_bundle_mobile .page_type_main .feed-with-header__header, .app_bundle_mobile .page_type_main .fixed-width, .app_bundle_mobile .page_type_profile .profile-header, .app_bundle_mobile .page_type_profile .profile-page__content, .app_bundle_mobile .page_type_promos .page__page {
            width: 98%
        }
    }
}

.page_type_profile {
    background: var(--color-user-profile-bg)
}

.app_bundle_mobile .page_type_profile {
    margin: -1px var(--page-padding-mobile-offset) 0;
    padding: var(--page-padding-mobile)
}

@media screen and (max-width: 1023px) and (orientation: portrait) {
    .app_support_tablet .page_type_profile {
        margin: -1px var(--page-padding-mobile-offset) 0;
        padding: var(--page-padding-mobile) 0
    }
}

.app_bundle_mobile .page_type_profile-p2e {
    margin: 0 var(--page-padding-mobile-offset);
    padding: 0 var(--page-padding-mobile)
}

.page__content, .page__page {
    display: flex;
    flex-direction: column;
    flex-grow: 1
}

.page__content_space {
    padding-bottom: 5000px
}

.page__main {
    display: flex;
    flex: 1;
    justify-content: center;
    padding: 20px 0 0
}

.page__main .page__right {
    padding-top: 3px
}

.page__main_left-panel {
    padding-top: 0
}

.page__main_left-panel .page__right {
    padding-top: 26px
}

.page__main_padded {
    margin: 0 auto;
    width: 1256px
}

.page__right {
    display: flex;
    flex: 1;
    flex-direction: column;
    max-width: 1074px;
    overflow: hidden
}

.page__right_padded {
    box-sizing: border-box;
    padding: 0 8px 0 36px
}

.main-body_rtl .page__right_padded {
    padding: 0 36px 0 8px
}

.page__left {
    overflow-y: auto;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    -webkit-overflow-scrolling: touch;
    box-sizing: border-box;
    flex-shrink: 0;
    height: calc(100vh - 169px);
    overscroll-behavior-y: contain;
    padding: 0 3px 78px 36px;
    scrollbar-width: none;
    width: 206px;
    -ms-overflow-style: none
}

.page__left:after {
    content: "";
    display: block;
    height: 15px
}

.page__left::-webkit-scrollbar {
    display: none
}

.update-exist .page__left {
    top: 40px
}

.page__categories {
    margin-bottom: 25px
}

@keyframes slide-down {
    0% {
        transform: translateY(-72px)
    }

    to {
        transform: translateY(0)
    }
}

@keyframes slide-up {
    0% {
        transform: translateY(0)
    }

    to {
        transform: translateY(-72px)
    }
}

.background {
    height: 100vh;
    position: fixed;
    z-index: -1
}

.background, .background__image {
    box-sizing: inherit;
    left: 0;
    right: 0
}

.background__image {
    background-repeat: repeat;
    bottom: 0;
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 71px;
    width: 100%
}

.main-body_bundle_mobile .background__image {
    top: 96px
}

.app_bundle_mobile .page__robot-header {
    margin-bottom: 16px
}

@media (max-width: 360px) {
    .app_bundle_mobile .page_type_main {
        margin: 0
    }
}

html[data-theme=default][data-theme-color=dark] .background__image {
    background-position-x: left;
    background-position-y: top;
    background-repeat: no-repeat;
    background-size: 1366px 800px;
    top: 0
}

.app_theme_playhop .page__main_left-panel, .app_theme_playhop .page__main_left-panel .page__right {
    padding-top: 0
}

@media (max-width: 360px) {
    .app_theme_playhop.app_bundle_mobile .page_type_main {
        margin: 0
    }
}

.left-panel {
    background-color: #624bcd;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    height: 100vh;
    left: env(safe-area-inset-left);
    max-height: 100%;
    padding: var(--panel-top-padding) 0 0;
    position: fixed;
    top: 0;
    transform: translateX(-250px);
    transition: left .35s ease, transform .35s ease;
    width: var(--panel-width);
    z-index: 1007
}

.app_bundle_mobile .left-panel {
    border-right: 1px solid var(--black-alpha-01);
    box-shadow: 0 3px 30px 0 var(--black-alpha-02)
}

.left-panel .burger__wrapper {
    padding: 0 10px;
    position: fixed;
    top: 14px;
    transform: translateX(0)
}

.left-panel .burger {
    transform: translateX(250px);
    transition: transform .35s ease
}


.left-panel .burger_open {
    transform: translateX(0)
}

.left-panel__background {
    background-color: var(--panel-wrapper-bg);
    bottom: 0;
    left: 0;
    opacity: 0;
    position: fixed;
    right: 0;
    top: 0;
    transition: opacity .35s ease, visibility .35s ease;
    visibility: hidden;
    z-index: 1006
}


.left-panel__wrapper_open .left-panel {
    transform: translateX(0)
}


.left-panel__wrapper_open .left-panel__background {
    opacity: 1;
    visibility: visible
}

.left-panel__content {
    /*background-color: #624bcd;*/
    flex: 0 0 1;
    overflow: auto;
    overflow-x: hidden;
    overscroll-behavior-y: contain;
    padding: 0 6px 6px;
    scrollbar-width: none;
    z-index: 2020
}

.left-panel__content::-webkit-scrollbar {
    display: none
}

@media screen and (max-width: 1023px) and (orientation: portrait) {
    .app_support_tablet .left-panel__content {
        background-color: var(--panel-bg)
    }
}

.left-panel__block {
    background-color: #271a64;
    border-radius: 10px;
    margin-bottom: 3px;
    position: relative
}

.left-panel__block_with-horizontal-padding {
    padding-left: 12px;
    padding-right: 12px
}

.left-panel__block_with-vertical-padding {
    padding-bottom: 6px;
    padding-top: 6px
}

@media screen and (max-width: 1023px) and (orientation: portrait) {
    .app_support_tablet .left-panel__block_with-vertical-padding {
        padding-bottom: 3px;
        padding-top: 3px
    }
}

.app_bundle_mobile .left-panel__block_vertical-padding-mobile-low {
    padding-bottom: 3px;
    padding-top: 3px
}

.left-panel__block-header {
    align-items: center;
    display: flex;
    margin-bottom: 14px
}

.left-panel__block-header .lang-icon {
    margin-left: 0;
    margin-right: 12px;
    width: 20px;
    fill: var(--panel-fill-icon)
}

.main-body_rtl .left-panel__block-header .lang-icon {
    margin-left: 12px;
    margin-right: 0
}

.left-panel__block-header .lang-title {
    font-size: var(--panel-header-text-size)
}

.left-panel__copyright {
    font-size: 12px;
    margin: 0;
    padding: 0
}

.left-panel__copyright, .left-panel__copyright .Link {
    color: var(--panel-copyright-color)
}

.app_bundle_mobile .left-panel__copyright {
    margin: 0
}

.main-body_rtl .left-panel {
    right: 0;
    transform: translateX(250px)
}


.main-body_rtl .left-panel__wrapper_open .left-panel {
    transform: translateX(0)
}

.main-body_rtl .app_bundle_mobile .search .search__input .Textinput-Clear {
    left: 0;
    right: inherit
}

.app_theme_playhop .left-panel .burger__wrapper {
    top: 16px
}

.main-body_rtl .app_theme_playhop .left-panel {
    right: env(safe-area-inset-right)
}

.burger {
    display: inline-block;
    position: relative;
    z-index: 998
}

.burger__wrapper {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: var(--black-alpha-00)
}

.burger__wrapper_placeholder {
    opacity: 0
}


.burger_badge:not(.burger_open):after {
    background-color: var(--burger-badge-bg);
    border: 2px solid var(--burger-badge-border);
    border-radius: 50%;
    content: "";
    display: block;
    height: 7px;
    position: absolute;
    right: -4px;
    top: -4px;
    width: 7px
}

.burger__bar1, .burger__bar2, .burger__bar3 {
    background-color: var(--burger-line-bg);
    height: 2px;
    margin: 0;
    transition: .4s;
    width: 18px
}

.burger__bar1 {
    margin-bottom: 5px
}

.burger__bar3 {
    margin-top: 5px
}


.burger_open .burger__bar1 {
    transform: translateY(7px) rotate(45deg)
}


.burger_open .burger__bar2 {
    opacity: 0
}


.burger_open .burger__bar3 {
    transform: translateY(-7px) rotate(-45deg)
}

.AvatarEntry-critical-module__wrapper--_Kzg2 {
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.AvatarEntry-critical-module__image--v5xC0 {
    width: 100%
}

.AvatarEntry-critical-module__contentLeft--WLD0x {
    bottom: 20px;
    left: 26px;
    position: absolute;
    text-align: center
}

.AvatarEntry-critical-module__icon--n3PMp {
    height: 12px;
    width: 12px;
    fill: var(--white-1000)
}

.AvatarEntry-critical-module__text--G0eUJ {
    color: var(--white-1000);
    font-size: 11px;
    font-weight: 500;
    white-space: pre
}

.AvatarEntry-critical-module__contentRight--LRTey {
    align-items: flex-start;
    bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: absolute;
    right: 24px;
    top: 0
}

.AvatarEntry-critical-module__currency--kaFpK {
    background: var(--white-1000);
    border-radius: 100px;
    padding: 3px 6px
}

.AvatarEntry-critical-module__currency--kaFpK:not(:last-child) {
    margin-bottom: 8px
}

.app_bundle_mobile .AvatarEntry-critical-module__image--v5xC0 {
    width: 80px
}

.app_bundle_mobile .AvatarEntry-critical-module__icon--n3PMp {
    height: 8px;
    width: 8px
}

.app_bundle_mobile .AvatarEntry-critical-module__contentLeft--WLD0x {
    bottom: 14px;
    left: 29px
}

.app_colorized_categories_icons .left-panel .categories-block__colorized-shift-0 .categories-block__list-item:nth-child(7n+1) .categories-block__colorized-icon {
    fill: url(#icons-grad-1)
}

.app_colorized_categories_icons .left-panel .categories-block__colorized-shift-0 .categories-block__list-item:nth-child(7n+2) .categories-block__colorized-icon {
    fill: url(#icons-grad-2)
}

.app_colorized_categories_icons .left-panel .categories-block__colorized-shift-0 .categories-block__list-item:nth-child(7n+3) .categories-block__colorized-icon {
    fill: url(#icons-grad-3)
}

.app_colorized_categories_icons .left-panel .categories-block__colorized-shift-0 .categories-block__list-item:nth-child(7n+4) .categories-block__colorized-icon {
    fill: url(#icons-grad-4)
}

.app_colorized_categories_icons .left-panel .categories-block__colorized-shift-0 .categories-block__list-item:nth-child(7n+5) .categories-block__colorized-icon {
    fill: url(#icons-grad-5)
}

.app_colorized_categories_icons .left-panel .categories-block__colorized-shift-0 .categories-block__list-item:nth-child(7n+6) .categories-block__colorized-icon {
    fill: url(#icons-grad-6)
}

.app_colorized_categories_icons .left-panel .categories-block__colorized-shift-0 .categories-block__list-item:nth-child(7n+7) .categories-block__colorized-icon {
    fill: url(#icons-grad-7)
}

.app_colorized_categories_icons .left-panel .categories-block__colorized-shift-1 .categories-block__list-item:nth-child(7n+1) .categories-block__colorized-icon {
    fill: url(#icons-grad-2)
}

.app_colorized_categories_icons .left-panel .categories-block__colorized-shift-1 .categories-block__list-item:nth-child(7n+2) .categories-block__colorized-icon {
    fill: url(#icons-grad-3)
}

.app_colorized_categories_icons .left-panel .categories-block__colorized-shift-1 .categories-block__list-item:nth-child(7n+3) .categories-block__colorized-icon {
    fill: url(#icons-grad-4)
}

.app_colorized_categories_icons .left-panel .categories-block__colorized-shift-1 .categories-block__list-item:nth-child(7n+4) .categories-block__colorized-icon {
    fill: url(#icons-grad-5)
}

.app_colorized_categories_icons .left-panel .categories-block__colorized-shift-1 .categories-block__list-item:nth-child(7n+5) .categories-block__colorized-icon {
    fill: url(#icons-grad-6)
}

.app_colorized_categories_icons .left-panel .categories-block__colorized-shift-1 .categories-block__list-item:nth-child(7n+6) .categories-block__colorized-icon {
    fill: url(#icons-grad-7)
}

.app_colorized_categories_icons .left-panel .categories-block__colorized-shift-1 .categories-block__list-item:nth-child(7n+7) .categories-block__colorized-icon {
    fill: url(#icons-grad-1)
}

.app_colorized_categories_icons .left-panel .categories-block__colorized-shift-2 .categories-block__list-item:nth-child(7n+1) .categories-block__colorized-icon {
    fill: url(#icons-grad-3)
}

.app_colorized_categories_icons .left-panel .categories-block__colorized-shift-2 .categories-block__list-item:nth-child(7n+2) .categories-block__colorized-icon {
    fill: url(#icons-grad-4)
}

.app_colorized_categories_icons .left-panel .categories-block__colorized-shift-2 .categories-block__list-item:nth-child(7n+3) .categories-block__colorized-icon {
    fill: url(#icons-grad-5)
}

.app_colorized_categories_icons .left-panel .categories-block__colorized-shift-2 .categories-block__list-item:nth-child(7n+4) .categories-block__colorized-icon {
    fill: url(#icons-grad-6)
}

.app_colorized_categories_icons .left-panel .categories-block__colorized-shift-2 .categories-block__list-item:nth-child(7n+5) .categories-block__colorized-icon {
    fill: url(#icons-grad-7)
}

.app_colorized_categories_icons .left-panel .categories-block__colorized-shift-2 .categories-block__list-item:nth-child(7n+6) .categories-block__colorized-icon {
    fill: url(#icons-grad-1)
}

.app_colorized_categories_icons .left-panel .categories-block__colorized-shift-2 .categories-block__list-item:nth-child(7n+7) .categories-block__colorized-icon {
    fill: url(#icons-grad-2)
}

.app_colorized_categories_icons .left-panel .categories-block__colorized-shift-3 .categories-block__list-item:nth-child(7n+1) .categories-block__colorized-icon {
    fill: url(#icons-grad-4)
}

.app_colorized_categories_icons .left-panel .categories-block__colorized-shift-3 .categories-block__list-item:nth-child(7n+2) .categories-block__colorized-icon {
    fill: url(#icons-grad-5)
}

.app_colorized_categories_icons .left-panel .categories-block__colorized-shift-3 .categories-block__list-item:nth-child(7n+3) .categories-block__colorized-icon {
    fill: url(#icons-grad-6)
}

.app_colorized_categories_icons .left-panel .categories-block__colorized-shift-3 .categories-block__list-item:nth-child(7n+4) .categories-block__colorized-icon {
    fill: url(#icons-grad-7)
}

.app_colorized_categories_icons .left-panel .categories-block__colorized-shift-3 .categories-block__list-item:nth-child(7n+5) .categories-block__colorized-icon {
    fill: url(#icons-grad-1)
}

.app_colorized_categories_icons .left-panel .categories-block__colorized-shift-3 .categories-block__list-item:nth-child(7n+6) .categories-block__colorized-icon {
    fill: url(#icons-grad-2)
}

.app_colorized_categories_icons .left-panel .categories-block__colorized-shift-3 .categories-block__list-item:nth-child(7n+7) .categories-block__colorized-icon {
    fill: url(#icons-grad-3)
}

.app_colorized_categories_icons .left-panel .categories-block__colorized-shift-4 .categories-block__list-item:nth-child(7n+1) .categories-block__colorized-icon {
    fill: url(#icons-grad-5)
}

.app_colorized_categories_icons .left-panel .categories-block__colorized-shift-4 .categories-block__list-item:nth-child(7n+2) .categories-block__colorized-icon {
    fill: url(#icons-grad-6)
}

.app_colorized_categories_icons .left-panel .categories-block__colorized-shift-4 .categories-block__list-item:nth-child(7n+3) .categories-block__colorized-icon {
    fill: url(#icons-grad-7)
}

.app_colorized_categories_icons .left-panel .categories-block__colorized-shift-4 .categories-block__list-item:nth-child(7n+4) .categories-block__colorized-icon {
    fill: url(#icons-grad-1)
}

.app_colorized_categories_icons .left-panel .categories-block__colorized-shift-4 .categories-block__list-item:nth-child(7n+5) .categories-block__colorized-icon {
    fill: url(#icons-grad-2)
}

.app_colorized_categories_icons .left-panel .categories-block__colorized-shift-4 .categories-block__list-item:nth-child(7n+6) .categories-block__colorized-icon {
    fill: url(#icons-grad-3)
}

.app_colorized_categories_icons .left-panel .categories-block__colorized-shift-4 .categories-block__list-item:nth-child(7n+7) .categories-block__colorized-icon {
    fill: url(#icons-grad-4)
}

.app_colorized_categories_icons .left-panel .categories-block__colorized-shift-5 .categories-block__list-item:nth-child(7n+1) .categories-block__colorized-icon {
    fill: url(#icons-grad-6)
}

.app_colorized_categories_icons .left-panel .categories-block__colorized-shift-5 .categories-block__list-item:nth-child(7n+2) .categories-block__colorized-icon {
    fill: url(#icons-grad-7)
}

.app_colorized_categories_icons .left-panel .categories-block__colorized-shift-5 .categories-block__list-item:nth-child(7n+3) .categories-block__colorized-icon {
    fill: url(#icons-grad-1)
}

.app_colorized_categories_icons .left-panel .categories-block__colorized-shift-5 .categories-block__list-item:nth-child(7n+4) .categories-block__colorized-icon {
    fill: url(#icons-grad-2)
}

.app_colorized_categories_icons .left-panel .categories-block__colorized-shift-5 .categories-block__list-item:nth-child(7n+5) .categories-block__colorized-icon {
    fill: url(#icons-grad-3)
}

.app_colorized_categories_icons .left-panel .categories-block__colorized-shift-5 .categories-block__list-item:nth-child(7n+6) .categories-block__colorized-icon {
    fill: url(#icons-grad-4)
}

.app_colorized_categories_icons .left-panel .categories-block__colorized-shift-5 .categories-block__list-item:nth-child(7n+7) .categories-block__colorized-icon {
    fill: url(#icons-grad-5)
}

.app_colorized_categories_icons .left-panel .categories-block__colorized-shift-6 .categories-block__list-item:nth-child(7n+1) .categories-block__colorized-icon {
    fill: url(#icons-grad-7)
}

.app_colorized_categories_icons .left-panel .categories-block__colorized-shift-6 .categories-block__list-item:nth-child(7n+2) .categories-block__colorized-icon {
    fill: url(#icons-grad-1)
}

.app_colorized_categories_icons .left-panel .categories-block__colorized-shift-6 .categories-block__list-item:nth-child(7n+3) .categories-block__colorized-icon {
    fill: url(#icons-grad-2)
}

.app_colorized_categories_icons .left-panel .categories-block__colorized-shift-6 .categories-block__list-item:nth-child(7n+4) .categories-block__colorized-icon {
    fill: url(#icons-grad-3)
}

.app_colorized_categories_icons .left-panel .categories-block__colorized-shift-6 .categories-block__list-item:nth-child(7n+5) .categories-block__colorized-icon {
    fill: url(#icons-grad-4)
}

.app_colorized_categories_icons .left-panel .categories-block__colorized-shift-6 .categories-block__list-item:nth-child(7n+6) .categories-block__colorized-icon {
    fill: url(#icons-grad-5)
}

.app_colorized_categories_icons .left-panel .categories-block__colorized-shift-6 .categories-block__list-item:nth-child(7n+7) .categories-block__colorized-icon {
    fill: url(#icons-grad-6)
}

.categories-block__list {
    margin: 0;
    padding: 0
}

.categories-block__list_extendable {
    height: 0;
    overflow: hidden;
    transition: height .5s ease
}

.categories-block__list-item {
    display: block
}

.categories-block__sidebar-category {
    border-radius: 8px;
    min-height: 30px;
    padding: 5px 12px
}

.categories-block__button {
    align-items: center;
    background-color: initial;
    border: none;
    border-radius: 8px;
    color: var(--panel-item-color);
    cursor: pointer;
    display: flex;
    font: var(--text-desktop-sidebar-item);
    height: 32px;
    padding: 2px 12px;
    transition: background-color .15s linear, color .15s linear;
    width: 100%
}

.categories-block__button .Icon_type_arrow-down, .categories-block__button .Icon_type_arrow-pointer {
    flex-shrink: 0;
    height: 12px;
    margin-left: 2px;
    margin-right: 10px;
    width: 12px;
    fill: var(--fill-color);
    --fill-color: var(--panel-item-color)
}

.main-body_rtl .categories-block__button .Icon_type_arrow-down, .main-body_rtl .categories-block__button .Icon_type_arrow-pointer {
    margin: 0 0 0 14px
}

.categories-block__button:hover {
    background-color: var(--panel-item-background-color-hover)
}

.app_bundle_mobile .categories-block__button {
    font: var(--text-mobile-sidebar-item)
}

.app_bundle_mobile .categories-block__button:focus {
    background-color: initial
}

.block-header {
    align-items: center;
    background-color: initial;
    border-radius: 8px;
    box-sizing: border-box;
    color: var(--panel-item-header-color);
    cursor: pointer;
    display: flex;
    font: var(--text-desktop-body-5);
    line-height: 18.75px;
    min-height: 32px;
    padding: 6px 12px;
    -webkit-text-decoration: none;
    text-decoration: none;
    transition: background-color .15s linear, color .15s linear;
    word-break: break-word;
    -webkit-tap-highlight-color: transparent;
    --fill-color: var(--panel-item-header-color)
}

.block-header:hover {
    background-color: var(--panel-item-background-color-hover)
}

.block-header__icon {
    align-self: flex-start;
    flex-shrink: 0;
    height: 16px;
    margin-right: 12px;
    padding: 2px 0;
    width: 16px
}

.main-body_rtl .block-header__icon {
    margin: 0 0 0 12px
}

.block-header_active {
    color: var(--text-color-category-active-temporary);
    cursor: default;
    outline: none;
    --fill-color: var(--text-color-category-active-temporary)
}

.block-header_active, .block-header_active:hover {
    background-color: var(--color-category-bg-active-temporary)
}

.app_bundle_mobile .block-header_active {
    background-color: var(--color-button-primary);
    color: var(--text-color-category-active)
}

.tags-block__list {
    list-style: none;
    margin: 0;
    min-height: 150px;
    padding: 0 12px
}

.tags-block__list-item {
    align-items: center;
    display: flex;
    height: 30px
}

.tags-block__link {
    width: 100%
}

.tags-block__all-link, .tags-block__link {
    -webkit-text-decoration: none;
    text-decoration: none;
    -webkit-tap-highlight-color: transparent
}

.tags-block__all-link {
    align-items: center;
    background-color: initial;
    border-radius: 8px;
    box-sizing: border-box;
    color: var(--panel-item-color);
    display: flex;
    font: var(--text-desktop-sidebar-item);
    height: 32px;
    margin-top: 10px;
    padding: 2px 12px;
    transition: background-color .15s linear, color .15s linear
}

.tags-block__all-link:hover {
    background-color: var(--panel-item-background-color-hover)
}

.tags-block__all-link_icon {
    flex-shrink: 0;
    height: 12px;
    margin-left: 12px;
    margin-top: 2px;
    width: 12px;
    fill: var(--panel-item-color)
}

.main-body_rtl .tags-block__all-link_icon {
    margin-left: 14px;
    margin-right: 0
}

.links__list {
    display: flex;
    flex-direction: column;
    list-style: none;
    margin: 0;
    padding: 0
}

.links__item {
    margin: 0 0 16px;
    padding: 0
}

.links__item:last-child {
    margin-bottom: 0
}

.links__link {
    color: var(--panel-links-color);
    display: block;
    font-size: var(--typography-controls-size-s-font-size);
    -webkit-text-decoration: none;
    text-decoration: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: var(--black-alpha-00)
}

.links__link:hover {
    color: var(--panel-links-color-hover)
}

.categories {
    font-weight: 400
}

.feed + .categories {
    padding-top: 0
}

.app_colorized_categories_icons .horizontal-container__list .categories__link:nth-child(7n+1) .categories__colorized-icon {
    fill: url(#icons-grad-1)
}

.app_colorized_categories_icons .horizontal-container__list .categories__link:nth-child(7n+2) .categories__colorized-icon {
    fill: url(#icons-grad-2)
}

.app_colorized_categories_icons .horizontal-container__list .categories__link:nth-child(7n+3) .categories__colorized-icon {
    fill: url(#icons-grad-3)
}

.app_colorized_categories_icons .horizontal-container__list .categories__link:nth-child(7n+4) .categories__colorized-icon {
    fill: url(#icons-grad-4)
}

.app_colorized_categories_icons .horizontal-container__list .categories__link:nth-child(7n+5) .categories__colorized-icon {
    fill: url(#icons-grad-5)
}

.app_colorized_categories_icons .horizontal-container__list .categories__link:nth-child(7n+6) .categories__colorized-icon {
    fill: url(#icons-grad-6)
}

.app_colorized_categories_icons .horizontal-container__list .categories__link:nth-child(7n+7) .categories__colorized-icon {
    fill: url(#icons-grad-7)
}

.categories {
    background-color: var(--color-main-theme);
    font-size: 13px;
    line-height: 16px;
    margin: 0 var(--page-padding-mobile-offset) 10px;
    overflow-x: hidden;
    padding: 0 var(--page-padding-mobile);
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: var(--z-index-categories)
}

.categories .horizontal-container__container-wrapper {
    margin: 0 var(--page-padding-mobile-offset)
}

.categories .horizontal-container__list, .main-body_rtl .app_bundle_mobile .categories .horizontal-container__list {
    padding: 0 var(--page-padding-mobile)
}

.categories .horizontal-container__more {
    display: none
}

.categories__link {
    display: inline-block;
    line-height: 16px;
    margin-left: 0;
    margin-right: 8px
}

.categories__link:last-of-type {
    margin-right: 0
}

.main-body_rtl .categories__link {
    margin-left: 8px;
    margin-right: 0
}

.main-body_rtl .categories__link:last-of-type {
    margin-left: 0
}

.tags__link {
    cursor: pointer;
    -webkit-text-decoration: none;
    text-decoration: none
}

.tags__link, .tags__link:active, .tags__link:visited {
    color: inherit
}

.tags__header {
    font-size: 13px;
    font-weight: 500;
    letter-spacing: .14em;
    line-height: 15px;
    padding-bottom: 18px;
    padding-left: 12px;
    text-transform: uppercase
}

.tags__list {
    list-style-type: none;
    margin: 0;
    padding-left: 4px;
    padding-right: 0
}

.tags__tag {
    display: inline-block;
    margin-bottom: 4px;
    margin-right: 4px;
    max-width: 100%;
    -webkit-text-decoration: none;
    text-decoration: none
}

.error-page__loader {
    display: flex;
    justify-content: center;
    margin: 30px 0
}

.error-page__title {
    font-weight: 400;
    margin: 4px 0 0
}

.app_bundle_mobile .error-page__title {
    font-size: 13px;
    line-height: 16px
}

.error-page__description {
    font-weight: 500;
    margin: 0
}

.app_bundle_mobile .error-page__description {
    font-size: 24px;
    line-height: 26px
}

.error-page__description-container {
    margin: 11px 0 36px
}

.app_bundle_mobile .error-page .horizontal-container .horizontal-container__container {
    margin-right: -8px;
    padding-right: 8px
}

.app_bundle_mobile.app_theme_playhop .error-page {
    padding-top: 0
}

.close-button {
    background-color: var(--close-button-color-primary-temporary);
    background-image: var(--close-button-bg-image-primary);
    background-position: 0 0;
    background-size: contain;
    border-radius: 50%;
    box-shadow: 0 3px 5px #0e152f1a;
    cursor: pointer;
    height: 24px;
    position: absolute;
    transition: background-image .1s ease-out, background-color .1s ease-out, opacity .3s;
    width: 24px
}

.close-button_color_white {
    background-color: var(--close-button-bg-color-white-cross);
    background-image: var(--close-button-bg-image-white-cross)
}

.close-button:hover {
    background-color: var(--close-button-color-primary-hovered-temporary);
    opacity: .8
}

.close-button:hover:active {
    transform: var(--transform-button-pressed)
}

.close-button_disabled {
    opacity: .5;
    pointer-events: none
}

.close-button_type_adv-fullscreen {
    height: 48px;
    right: -54px;
    top: -54px;
    width: 48px
}

.main-body_rtl .close-button_type_adv-fullscreen {
    left: -54px;
    right: unset
}

.close-button_type_app-page {
    background-color: var(--close-button-color-app-page);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e %3cpath fill='%23FFF' fill-rule='evenodd' d='M8.8 7.298a.99.99 0 0 0-1.414 0 1.03 1.03 0 0 0 0 1.439l3.2 3.256-3.214 3.27a1.03 1.03 0 0 0 0 1.439.99.99 0 0 0 1.414 0L12 13.432l3.213 3.27a.99.99 0 0 0 1.415 0 1.03 1.03 0 0 0 0-1.439l-3.214-3.27 3.2-3.256a1.03 1.03 0 0 0 0-1.439.99.99 0 0 0-1.414 0L12 10.554z' clip-rule='evenodd'/%3e %3c/svg%3e");
    box-shadow: none;
    right: 8px;
    top: 8px;
    z-index: 10
}

.close-button_type_app-page:hover {
    background-color: var(--close-button-color-app-page-hovered)
}

.main-body_rtl .close-button_type_app-page {
    left: 8px;
    right: unset
}

.close-button_type_balance-refilled {
    background-color: var(--balance-refilled-close-button-bg-color);
    box-shadow: none;
    --color-button-default-bg-hovered: var(--white-1000)
}

.main-body_bundle_mobile .close-button_type_balance-refilled {
    right: 8px;
    top: 8px
}

.main-body_rtl.main-body_bundle_mobile .close-button_type_balance-refilled {
    left: 8px;
    right: unset
}

.close-button_type_balance-refilled:hover {
    background-color: var(--white-1000);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e %3cpath fill='%235641ff' fill-rule='evenodd' d='M8.8 7.298a.99.99 0 0 0-1.414 0 1.03 1.03 0 0 0 0 1.439l3.2 3.256-3.214 3.27a1.03 1.03 0 0 0 0 1.439.99.99 0 0 0 1.414 0L12 13.432l3.213 3.27a.99.99 0 0 0 1.415 0 1.03 1.03 0 0 0 0-1.439l-3.214-3.27 3.2-3.256a1.03 1.03 0 0 0 0-1.439.99.99 0 0 0-1.414 0L12 10.554z' clip-rule='evenodd'/%3e %3c/svg%3e")
}

.close-button_type_feedback {
    right: -24px;
    top: -24px
}

.main-body_rtl .close-button_type_feedback {
    left: -24px;
    right: unset
}

.close-button_type_game-page {
    left: calc(50% + 621px);
    top: calc(10% - 24px)
}

.main-body_rtl .close-button_type_game-page {
    left: unset;
    right: calc(50% + 621px)
}

.close-button_type_game-video-review {
    background-color: var(--close-button-color-app-page);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e %3cpath fill='%23FFF' fill-rule='evenodd' d='M8.8 7.298a.99.99 0 0 0-1.414 0 1.03 1.03 0 0 0 0 1.439l3.2 3.256-3.214 3.27a1.03 1.03 0 0 0 0 1.439.99.99 0 0 0 1.414 0L12 13.432l3.213 3.27a.99.99 0 0 0 1.415 0 1.03 1.03 0 0 0 0-1.439l-3.214-3.27 3.2-3.256a1.03 1.03 0 0 0 0-1.439.99.99 0 0 0-1.414 0L12 10.554z' clip-rule='evenodd'/%3e %3c/svg%3e");
    box-shadow: none;
    right: 16px;
    top: 16px
}

.close-button_type_game-video-review:hover {
    background-color: var(--close-button-color-app-page-hovered)
}

.main-body_rtl .close-button_type_game-video-review {
    left: 16px;
    right: unset
}

.close-button_type_shortcut_install_instruction {
    background-color: var(--color-grey-3);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e %3cpath fill='%23222' fill-rule='evenodd' d='M8.8 7.298a.99.99 0 0 0-1.414 0 1.03 1.03 0 0 0 0 1.439l3.2 3.256-3.214 3.27a1.03 1.03 0 0 0 0 1.439.99.99 0 0 0 1.414 0L12 13.432l3.213 3.27a.99.99 0 0 0 1.415 0 1.03 1.03 0 0 0 0-1.439l-3.214-3.27 3.2-3.256a1.03 1.03 0 0 0 0-1.439.99.99 0 0 0-1.414 0L12 10.554z' clip-rule='evenodd'/%3e %3c/svg%3e");
    box-shadow: none;
    opacity: .4;
    right: 16px;
    top: 16px
}

.close-button_type_shortcut_install_instruction:hover {
    background-color: var(--color-grey-7)
}

.main-body_rtl .close-button_type_shortcut_install_instruction {
    left: 16px;
    right: unset
}

.close-button_type_mid-grid {
    --mid-grid-close-bg: #e5e5e599;
    background-color: var(--mid-grid-close-bg);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e %3cpath fill='%23222' fill-rule='evenodd' d='M8.8 7.298a.99.99 0 0 0-1.414 0 1.03 1.03 0 0 0 0 1.439l3.2 3.256-3.214 3.27a1.03 1.03 0 0 0 0 1.439.99.99 0 0 0 1.414 0L12 13.432l3.213 3.27a.99.99 0 0 0 1.415 0 1.03 1.03 0 0 0 0-1.439l-3.214-3.27 3.2-3.256a1.03 1.03 0 0 0 0-1.439.99.99 0 0 0-1.414 0L12 10.554z' clip-rule='evenodd'/%3e %3c/svg%3e");
    box-shadow: none;
    position: absolute;
    right: 8px;
    top: 8px;
    z-index: 10
}

.close-button_type_mid-grid:hover {
    background-color: var(--close-button-color-app-page-hovered)
}

.main-body_rtl .close-button_type_mid-grid {
    left: 8px;
    right: unset
}

.main-body_bundle_mobile .close-button_type_played-game {
    right: 4px;
    top: 4px
}

.main-body_rtl.main-body_bundle_mobile .close-button_type_played-game {
    left: 4px;
    right: unset
}

.close-button_type_popup {
    background-color: var(--close-button-popup-color-primary-temporary)
}

.close-button_type_popup:hover {
    background-color: var(--close-button-popup-color-primary-hovered-temporary)
}

.main-body_bundle_mobile .close-button_type_popup {
    position: fixed;
    right: 4px;
    top: -32px
}

.main-body_rtl.main-body_bundle_mobile .close-button_type_popup {
    left: 4px;
    right: auto
}

.close-button_type_popup-inner {
    box-shadow: none
}

.main-body_bundle_mobile .close-button_type_popup-inner {
    right: 8px;
    top: 8px
}

.main-body_rtl.main-body_bundle_mobile .close-button_type_popup-inner {
    left: 8px;
    right: auto
}

.close-button_type_shortcut-popup-ios {
    background-color: var(--color-grey-2);
    background-image: var(--close-button-bg-image-black-cross);
    box-shadow: none
}

.close-button_type_shortcut-popup-ios:hover {
    background-color: var(--close-button-shortcut-popup-ios-hoverd)
}

.main-body_bundle_mobile .close-button_type_shortcut-popup-ios {
    right: 8px;
    top: 8px
}

.main-body_rtl.main-body_bundle_mobile .close-button_type_shortcut-popup-ios {
    left: 8px;
    right: auto
}

.close-button_type_balance-popup {
    box-shadow: none;
    position: fixed;
    right: 8;
    top: 8;
    transform: translateZ(0);
    z-index: 2
}

.main-body_bundle_mobile .close-button_type_balance-popup {
    right: 8px;
    top: 8px
}

.main-body_rtl.main-body_bundle_mobile .close-button_type_balance-popup {
    left: 8px;
    right: auto
}

@media only screen and (min-width: 720px) {
    .close-button_type_balance-popup {
        position: absolute
    }
}

.close-button_type_balance-popup-new-design {
    background-color: var(--close-button-balance-popup);
    box-shadow: none;
    position: fixed;
    right: 8px;
    top: 8px;
    transform: translateZ(0);
    z-index: 2
}

.main-body_bundle_mobile .close-button_type_balance-popup-new-design {
    right: 8px;
    top: 8px
}

.main-body_rtl.main-body_bundle_mobile .close-button_type_balance-popup-new-design {
    left: 8px;
    right: auto
}

@media only screen and (min-width: 720px) {
    .close-button_type_balance-popup-new-design {
        position: absolute
    }
}

.close-button_type_balance-popup-info-box {
    background-color: var(--close-button-balance-popup-info-box);
    box-shadow: none
}

.close-button_type_balance-popup-info-box:hover {
    background-color: var(--close-button-balance-popup-info-box-hover)
}

.main-body_bundle_mobile .close-button_type_balance-popup-info-box {
    right: 8px
}

.main-body_rtl.main-body_bundle_mobile .close-button_type_balance-popup-info-box {
    left: 8px;
    right: auto
}

.close-button_type_rewarded {
    height: 48px;
    width: 48px
}

.close-button_type_generic {
    bottom: auto;
    left: auto;
    position: static;
    right: auto;
    top: auto
}

@media screen and (max-width: 1348px) and (min-width: 1267px) {
    .close-button_type_game-page {
        left: auto;
        right: 10px
    }

    .main-body_rtl .close-button_type_game-page {
        left: 10px;
        right: auto
    }
}

@media screen and (max-width: 1266px) {
    .close-button_type_game-page {
        left: 1230px
    }

    .main-body_rtl .close-button_type_game-page {
        left: unset;
        right: 1230px
    }
}

.app_theme_playhop.app_color_dark .close-button_type_shortcut-popup-ios {
    background-color: var(--color-grey-8);
    background-image: var(--close-button-bg-image-white-cross)
}

.app_theme_playhop .close-button_type_balance-refilled {
    background-color: var(--balance-refilled-close-button-bg-color);
    background-image: var(--close-button-bg-image-primary)
}

.app_theme_playhop .close-button_type_balance-refilled:hover {
    background-image: var(--close-button-bg-image-primary)
}

.app_theme_playhop .close-button_type_mid-grid {
    --mid-grid-close-bg: rgba(244, 244, 246, .251);
    --mid-grid-close-bg: #f4f4f640;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e %3cpath fill='%23FFF' fill-rule='evenodd' d='M8.8 7.298a.99.99 0 0 0-1.414 0 1.03 1.03 0 0 0 0 1.439l3.2 3.256-3.214 3.27a1.03 1.03 0 0 0 0 1.439.99.99 0 0 0 1.414 0L12 13.432l3.213 3.27a.99.99 0 0 0 1.415 0 1.03 1.03 0 0 0 0-1.439l-3.214-3.27 3.2-3.256a1.03 1.03 0 0 0 0-1.439.99.99 0 0 0-1.414 0L12 10.554z' clip-rule='evenodd'/%3e %3c/svg%3e")
}

.header-wrap {
    height: 90px;
    margin-bottom: 16px;
    position: relative;
    top: 0;
    transition: transform 0ms ease;
    z-index: var(--z-index-left-panel-background)
}

.header-wrap__right {
    align-items: center;
    display: flex
}

.header-wrap.header-wrap_out {
    transform: translateY(-100px)
}

.main-body_header_fixed .header-wrap {
    background-color: #624bcd;
    left: 0;
    padding: 0 var(--page-padding-mobile);
    position: absolute;
    right: 0
}

.header-wrap.header-wrap_fixed {
    position: fixed
}


.header-wrap.header-wrap_open-panel {
    z-index: 990
}

.header-wrap__search-button {
    margin-right: 16px
}

.header-wrap__search-button .Icon_type_search {
    opacity: 1
}

.header-wrap__search-button .Icon {
    height: 24px;
    width: 24px
}

@media screen and (max-width: 420px) {
    .header-wrap__search-button {
        margin-right: 0
    }

    .header-wrap__search-button + .header-wrap__user {
        margin-left: 16px
    }
}

.header-wrap__text {
    color: var(--color-text-primary);
    font: var(--text-mobile-body-3);
    margin-left: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.header-wrap .YandexHeader .YandexHeader-Base {
    border-bottom: none;
    flex-wrap: wrap;
    height: 95px;
    padding: 0 var(--page-padding-mobile) 5px
}

.header-wrap .YandexHeader .YandexHeader-LogoWrapper {
    order: 1
}

.header-wrap .YandexHeader .YandexHeader-Actions {
    max-width: 130px;
    order: 2
}

.header-wrap .YandexHeader .YandexHeader-Content {
    order: 3;
    padding: 0;
    width: 100%
}

@media (max-width: 360px) {
    .header-wrap .YandexHeader .search {
        --textinput-search-height: 40px
    }

    .header-wrap .YandexHeader .single_logo .logotype__part {
        height: 24px;
        margin-left: 2px;
        margin-right: 2px
    }

    .header-wrap .YandexHeader .YandexHeader-Content {
        margin-top: 4px;
        padding: 0
    }

    .header-wrap .YandexHeader .balance_type_catalog .balance__portal-currency-wrapper {
        align-items: center;
        background-color: var(--color-control-secondary);
        border-radius: 12px;
        color: var(--color-text-primary);
        display: flex;
        height: 24px;
        padding-left: 8px;
        padding-right: 8px
    }

    .header-wrap .YandexHeader .balance_type_catalog .balance__portal-currency-wrapper .portal-currency-icon {
        width: 12px
    }

    .header-wrap .YandexHeader .balance_type_catalog .balance__portal-currency-wrapper .portal-currency__value {
        color: var(--color-text-primary);
        padding-left: 4px;
        -webkit-text-fill-color: unset
    }
}

.header-wrap_multimorda {
    height: 47px;
    margin-bottom: 10px
}

.header-wrap_multimorda .YandexHeader .YandexHeader-Base {
    align-items: center;
    border-bottom: none;
    display: flex;
    flex-wrap: nowrap;
    height: 46px;
    padding-bottom: 0
}

.header-wrap_multimorda .YandexHeader .YandexHeader-Base .single_logo .logotype__part {
    height: 24px;
    margin-left: 0
}

.header-wrap_multimorda .YandexHeader .YandexHeader-Content {
    display: flex;
    justify-content: flex-end;
    margin-top: 0;
    overflow: hidden;
    padding: 9px 2px
}

.main-body_header_fixed .header-wrap_multimorda {
    padding: 0;
    position: relative
}

@media screen and (orientation: landscape) {
    .header-wrap_multimorda .YandexHeader .YandexHeader-Content {
        justify-content: center;
        left: 0;
        position: absolute;
        right: 0
    }
}

.YandexHeader {
    margin: 0 var(--page-padding-mobile-offset);
    z-index: var(--z-index-header)
}

.YandexHeader .YandexHeader-Base {
    background-color: var(--color-main-theme);
    border-bottom: 1px solid var(--color-separator-temporary);
    height: 46px;
    padding: 0 var(--page-padding-mobile)
}

.YandexHeader .YandexHeader-Base .burger__wrapper {
    align-items: center;
    display: flex;
    height: 44px;
    width: 30px
}

.YandexHeader .YandexHeader-Content {
    padding: 9px 2px;
    white-space: nowrap;
    width: 100%
}

.YandexHeader .YandexHeader-Content .search {
    width: 100%;
    height:2rem;
}

.YandexHeader .YandexHeader-LogoWrapper {
    margin-right: 0
}

@media (max-width: 360px) {
    .app_bundle_mobile .single_logo .logotype__part {
        max-width: 124px
    }
}

@media (max-width: 340px) {
    .app_bundle_mobile .single_logo .logotype__part {
        max-width: 100px
    }
}

.position-sticky {
    position: -webkit-sticky;
    position: sticky
}

.app_theme_playhop .header-wrap {
    height: 95px
}

@media (max-width: 360px) {
    .app_theme_playhop .header-wrap .YandexHeader .balance__portal-currency-wrapper {
        background-color: var(--color-background-main-light)
    }
}

.app_theme_playhop .header-wrap .YandexHeader {
    margin: 0
}

.app_theme_playhop .header-wrap .YandexHeader .search {
    background-color: #ffffff;
    display:flex;
}

.app_theme_playhop .header-wrap .YandexHeader .YandexHeader-Base {
    background-color: #624bcd;
    flex-wrap: wrap;
    height: 95px;
    padding: 1px 0 5px
}

.app_theme_playhop .header-wrap .YandexHeader .YandexHeader-LogoWrapper {
    order: 1;
    padding-left: 3px
}

.app_theme_playhop .header-wrap .YandexHeader .YandexHeader-Actions {
    order: 2
}

.app_theme_playhop .header-wrap .YandexHeader .YandexHeader-Content {
    order: 3;
    width: 100%
}

.app_theme_playhop .header-wrap {
    margin-bottom: 10px
}

.app_theme_playhop .header-wrap.header-wrap_fixed {
    padding-bottom: 0
}

.app_theme_playhop .header-wrap_sticky .YandexHeader-Base {
    border-radius: 0
}

.app_theme_playhop .header-wrap_multimorda {
    height: 60px
}

.app_theme_playhop .header-wrap_multimorda .YandexHeader {
    margin: 8px 0 0
}

.app_theme_playhop .header-wrap_multimorda .YandexHeader .YandexHeader-LogoWrapper {
    padding-left: 0
}

.app_theme_playhop .header-wrap_multimorda .YandexHeader .YandexHeader-LogoWrapper .domain-logo__image_size_m {
    height: 40px;
    margin-right: 0;
    width: 40px
}

.app_theme_playhop .header-wrap_multimorda .YandexHeader .YandexHeader-LogoWrapper .domain-logo__text_size_m {
    height: 16px;
    width: 92px
}

.app_theme_playhop .header-wrap_multimorda .YandexHeader .YandexHeader-Base {
    background-color: var(--color-background-accent);
    border-bottom: none;
    border-radius: 16px;
    flex-wrap: nowrap;
    height: 46px;
    height: 52px;
    padding: 0 8px
}

.app_theme_playhop .header-wrap_multimorda .YandexHeader .YandexHeader-Content {
    padding: 9px 2px
}

@media (max-width: 360px) {
    .app_theme_playhop .header-wrap .YandexHeader .balance_type_catalog .portal-currency-icon {
        width: 18px
    }
}

.balance {
    align-items: center;
    cursor: pointer;
    display: flex;
    font: var(--text-desktop-body-2)
}

.balance_type_catalog {
    padding: 0 10px
}

.app_bundle_mobile .YandexHeader .balance {
    min-width: 41px
}

.app_bundle_mobile .header-wrap_new-search-block .YandexHeader .balance, .app_bundle_mobile .p2e-header_new-search-block .YandexHeader .balance {
    min-width: 35px
}

@media screen and (max-width: 1023px) and (orientation: portrait) {
    .app_support_tablet .YandexHeader .balance {
        min-width: 41px;
        padding: 0 10px
    }

    .app_support_tablet .YandexHeader .balance__portal-currency-wrapper:hover {
        background: #0000
    }

    .app_support_tablet .YandexHeader .balance__portal-currency-wrapper_active:hover {
        background-color: inherit
    }
}

.balance_type_catalog.balance_has-notification {
    --notification-badge-color: #ff3131
}

.balance_type_catalog.balance_has-notification .balance__portal-currency-wrapper {
    position: relative
}

.balance_type_catalog.balance_has-notification .balance__portal-currency-wrapper:after {
    background: var(--notification-badge-color);
    border-radius: 50%;
    content: "";
    display: block;
    height: 6px;
    position: absolute;
    right: -5px;
    top: -5px;
    width: 6px
}

.p2e-header .balance {
    min-width: 52px;
    padding-right: 0
}

.app_bundle_mobile .p2e-header .balance {
    display: block;
    height: 18px;
    min-width: 0;
    padding-left: 0
}

.app_theme_playhop .balance .portal-currency__value {
    color: var(--color-currency-value);
    -webkit-text-fill-color: unset
}

.portal-currency {
    font-weight: 500;
    white-space: nowrap
}

.portal-currency__spinner, .portal-currency_spinner-features {
    display: flex
}

.portal-currency__value {
    display: inline-block;
    min-width: 13px
}

.main-body_rtl .portal-currency {
    display: inline-flex;
    flex-direction: row-reverse
}

@keyframes increase-main-icon {
    0% {
        transform: scale(1)
    }

    50% {
        transform: scale(1.2)
    }

    to {
        transform: scale(1)
    }
}


.Icon.portal-currency-icon {
    display: inline-block;
    overflow: visible;
    overflow: initial;
    white-space: nowrap;
    width: 1.2em
}

.Icon.portal-currency-icon_size_xl {
    height: 58px;
    width: 58px
}

.Icon.portal-currency-icon_size_l, .Icon.portal-currency-icon_size_lf {
    height: 48px;
    width: 48px
}

.Icon.portal-currency-icon_size_m {
    width: 30px
}

.Icon.portal-currency-icon_size_m_position_start {
    margin: 0 7px 0 0
}

.Icon.portal-currency-icon_size_s {
    width: 17px
}

.Icon.portal-currency-icon_size_s_position_start {
    margin: 0 4px 0 0
}

.Icon.portal-currency-icon:after {
    content: "\A0";
    visibility: hidden
}


.text-gradient {
    background: var(--color-text-gradient);
    -webkit-background-clip: text;
    background-clip: text
}

.text-gradient-fill {
    -webkit-text-fill-color: #0000
}

.user {
    align-items: center;
    display: flex
}

@media screen and (max-width: 1024px) {
    .user .user-account .user-account__name {
        display: none
    }
}

.YaPlus {
    align-items: center;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    height: 22px;
    line-height: 22px;
    margin-right: 20px;
    text-align: right;
    -webkit-text-decoration: none;
    text-decoration: none;
    touch-action: manipulation;
    vertical-align: middle
}

.YaPlus__text {
    color: var(--color-text-primary);
    font-family: var(--font-family);
    font-size: 13px;
    line-height: 21px;
    padding-right: 8px;
    vertical-align: top;
    white-space: nowrap
}

.YaPlus:hover .YaPlus__text {
    background-color: var(--color-bg-hover-temporary);
    border-radius: 40px;
    color: var(--color-text-primary);
    margin-left: -8px;
    padding: 4px 8px
}

.YaPlus__sign {
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    height: 22px;
    vertical-align: top;
    width: 22px
}

.app_bundle_mobile .YaPlus {
    margin-right: 16px
}

@media screen and (max-width: 1023px) and (orientation: portrait) {
    .app_support_tablet .YaPlus {
        margin-right: 16px
    }
}

@media screen and (max-width: 930px) {
    .YaPlus__text {
        display: none
    }
}

@media screen and (max-width: 420px) {
    .YaPlus {
        display: none !important
    }
}

.user-account {
    position: relative
}

.user-account.user-account_plus {
    margin-left: -6px;
    padding-left: 6px
}

.app_bundle_mobile .user-account.user-account_plus {
    margin-left: 2px;
    padding-left: 2px
}

.user-account.user-account_plus .user-account__avatar {
    margin-right: 3px
}

.app_bundle_mobile .user-account.user-account_plus .user-account__avatar {
    margin-right: 2px
}

.user-account__content {
    align-items: center;
    cursor: pointer;
    display: flex
}

.user-account__avatar {
    padding: 12px 0
}

.app_bundle_mobile .header-wrap .user-account__avatar, .app_bundle_mobile .p2e-header .user-account__avatar {
    padding: 10px 0
}

@media screen and (max-width: 1023px) and (orientation: portrait) {
    .app_support_tablet .user-account__avatar {
        padding: 10px 0
    }
}

.user-account__name {
    color: var(--color-text-primary);
    font: var(--text-desktop-button-2);
    margin-right: -10px;
    max-width: 140px;
    overflow: hidden;
    padding: 10px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.app_bundle_mobile .user-account__name {
    display: none
}

.main-body_rtl .user-account__name {
    margin-left: -10px;
    margin-right: 0
}

.user-account__name:hover {
    background: var(--color-bg-hover-temporary);
    border-radius: 40px;
    padding: 4px 10px
}

.user-account__popup-anchor {
    left: 0;
    position: absolute;
    top: 6px
}

.user-account__premium-sign {
    margin-right: 4px
}

.app_theme_playhop.app_bundle_mobile .header-wrap .user-account__avatar {
    padding: 0
}

.user-account-pic {
    position: relative
}

.user-account-pic:after {
    background-size: contain;
    height: 52px;
    left: 50%;
    margin: -26px 0 0 -26px;
    position: absolute;
    top: 50%;
    width: 52px
}

.app_bundle_mobile .user-account-pic:after {
    height: 28px;
    margin: -14px 0 0 -14px;
    width: 28px
}

@media screen and (max-width: 1023px) and (orientation: portrait) {
    .app_support_tablet .user-account-pic:after {
        height: 28px;
        margin: -14px 0 0 -14px;
        width: 28px
    }
}

.user-account-pic_plus:not(.user-account-pic_child):after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2752%27 height=%2752%27 fill=%27none%27%3E%3Cpath fill=%27url%28%23a%29%27 fill-rule=%27evenodd%27 d=%27M26 52a26 26 0 1 0 0-52 26 26 0 0 0 0 52m0-2a24 24 0 1 0 0-48 24 24 0 0 0 0 48%27 clip-rule=%27evenodd%27/%3E%3Cdefs%3E%3ClinearGradient id=%27a%27 x1=%271.17%27 x2=%2756.64%27 y1=%276.13%27 y2=%2717.59%27 gradientUnits=%27userSpaceOnUse%27%3E%3Cstop offset=%27.04%27 stop-color=%27%2348CCE0%27/%3E%3Cstop offset=%27.33%27 stop-color=%27%23505ADD%27/%3E%3Cstop offset=%27.64%27 stop-color=%27%23BE40C0%27/%3E%3Cstop offset=%27.96%27 stop-color=%27%23FBA82B%27/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
    content: ""
}

.user-account-pic_child:not(.user-account-pic_plus):after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2764%27 height=%2764%27 fill=%27none%27%3E%3Cpath fill=%27%23FFC499%27 d=%27M62.386 16.523c-.409 2.946-3.528 4.118-5.212 4.539 1.477 5.838 2.738 13.274 1.87 19.522-.958 6.898-5.93 12.223-12.38 15.727-6.443 3.5-13.79 4.849-18.504 4.194-4.716-.655-11.416-3.956-16.661-9.08-5.252-5.129-8.583-11.607-7.625-18.504 1.026-7.382 3.969-13.818 6.744-18.5-1.533-.957-3.778-2.849-3.401-5.562a7.427 7.427 0 0 1 8.378-6.334c2.233.31 3.446 2.178 4.086 3.797q.192-.046.379-.087c2.285-.504 4.82-.639 7.067-.627 2.278.011 4.422.175 5.985.334a65 65 0 0 1 2.576.313l.021.003.022.003a25 25 0 0 1 .695.103c.46.072 1.11.18 1.894.33 1.557.296 3.68.76 5.888 1.43 2.177.66 4.598 1.567 6.667 2.803l.021.013c1.041-1.45 2.785-3.124 5.156-2.794a7.427 7.427 0 0 1 6.334 8.377m-7.02 23.55c.982-7.068-1.118-16.238-2.948-22.245-1.79-5.877-17.233-7.893-17.233-7.893s-15.329-2.367-18.628 2.191c-3.07 4.245-7.715 12.022-9.005 21.305-.738 5.314 1.779 10.686 6.541 15.338 4.8 4.689 10.802 7.533 14.577 8.058s10.326-.577 16.222-3.78c5.85-3.177 9.736-7.66 10.474-12.973%27/%3E%3Cpath fill=%27%23fff%27 d=%27m35.396 8.45.036.004a24 24 0 0 1 .652.097c.44.068 1.066.173 1.822.317a56 56 0 0 1 5.66 1.374c2.096.636 4.325 1.48 6.173 2.585 1.809 1.08 3.503 2.557 4.114 4.564 1.837 6.03 4.029 15.472 2.999 22.889-.827 5.953-5.151 10.776-11.244 14.086-6.117 3.322-12.989 4.524-17.144 3.946s-10.44-3.606-15.419-8.47c-4.96-4.845-7.805-10.664-6.978-16.617 1.337-9.63 6.136-17.64 9.275-21.978 1.16-1.603 3.204-2.412 5.195-2.851 2.056-.453 4.406-.586 6.579-.575 2.185.011 4.255.169 5.773.323a63 63 0 0 1 2.473.3zm9.496 44.598c5.85-3.178 9.736-7.661 10.474-12.974.982-7.069-1.118-16.239-2.948-22.246-1.79-5.877-17.233-7.893-17.233-7.893s-15.329-2.367-18.628 2.191c-3.07 4.245-7.715 12.022-9.005 21.305-.738 5.314 1.779 10.686 6.541 15.338 4.8 4.689 10.802 7.533 14.578 8.058s10.325-.577 16.22-3.78%27/%3E%3C/svg%3E");
    content: ""
}

html[data-theme-color=dark] .user-account-pic_child:not(.user-account-pic_plus):after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2764%27 height=%2764%27 fill=%27none%27%3E%3Cpath fill=%27%23FFC499%27 d=%27M62.386 16.523c-.409 2.946-3.528 4.118-5.212 4.539 1.477 5.838 2.738 13.274 1.87 19.522-.958 6.898-5.93 12.223-12.38 15.727-6.443 3.5-13.79 4.849-18.504 4.194-4.716-.655-11.416-3.956-16.661-9.08-5.252-5.129-8.583-11.607-7.625-18.504 1.026-7.382 3.969-13.818 6.744-18.5-1.533-.957-3.778-2.849-3.401-5.562a7.427 7.427 0 0 1 8.378-6.334c2.233.31 3.446 2.178 4.086 3.797q.192-.046.379-.087c2.285-.504 4.82-.639 7.067-.627 2.278.011 4.422.175 5.985.334a65 65 0 0 1 2.576.313l.021.003.022.003a25 25 0 0 1 .695.103c.46.072 1.11.18 1.894.33 1.557.296 3.68.76 5.888 1.43 2.177.66 4.598 1.567 6.667 2.803l.021.013c1.041-1.45 2.785-3.124 5.156-2.794a7.427 7.427 0 0 1 6.334 8.377m-7.02 23.55c.982-7.068-1.118-16.238-2.948-22.245-1.79-5.877-17.233-7.893-17.233-7.893s-15.329-2.367-18.628 2.191c-3.07 4.245-7.715 12.022-9.005 21.305-.738 5.314 1.779 10.686 6.541 15.338 4.8 4.689 10.802 7.533 14.577 8.058s10.326-.577 16.222-3.78c5.85-3.177 9.736-7.66 10.474-12.973%27/%3E%3Cpath fill=%27%23000%27 d=%27m35.396 8.45.036.004a24 24 0 0 1 .652.097c.44.068 1.066.173 1.822.317a56 56 0 0 1 5.66 1.374c2.096.636 4.325 1.48 6.173 2.585 1.809 1.08 3.503 2.557 4.114 4.564 1.837 6.03 4.029 15.472 2.999 22.889-.827 5.953-5.151 10.776-11.244 14.086-6.117 3.322-12.989 4.524-17.144 3.946s-10.44-3.606-15.419-8.47c-4.96-4.845-7.805-10.664-6.978-16.617 1.337-9.63 6.136-17.64 9.275-21.978 1.16-1.603 3.204-2.412 5.195-2.851 2.056-.453 4.406-.586 6.579-.575 2.185.011 4.255.169 5.773.323a63 63 0 0 1 2.473.3zm9.496 44.598c5.85-3.178 9.736-7.661 10.474-12.974.982-7.069-1.118-16.239-2.948-22.246-1.79-5.877-17.233-7.893-17.233-7.893s-15.329-2.367-18.628 2.191c-3.07 4.245-7.715 12.022-9.005 21.305-.738 5.314 1.779 10.686 6.541 15.338 4.8 4.689 10.802 7.533 14.578 8.058s10.325-.577 16.22-3.78%27/%3E%3C/svg%3E")
}

.user-account-pic_plus.user-account-pic_child:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2764%27 height=%2764%27 fill=%27none%27%3E%3Cpath fill=%27url%28%23a%29%27 d=%27M62.386 16.523c-.409 2.946-3.528 4.118-5.212 4.539 1.477 5.838 2.738 13.274 1.87 19.523-.958 6.897-5.93 12.222-12.38 15.726-6.443 3.5-13.79 4.849-18.504 4.194-4.716-.655-11.416-3.956-16.661-9.08-5.252-5.129-8.583-11.607-7.625-18.504 1.026-7.382 3.969-13.818 6.744-18.5-1.533-.957-3.778-2.849-3.401-5.562a7.427 7.427 0 0 1 8.378-6.334c2.233.31 3.446 2.178 4.086 3.797q.192-.046.379-.087c2.285-.504 4.82-.639 7.067-.627 2.278.012 4.422.175 5.985.334a65 65 0 0 1 2.576.313l.021.003.022.003a24 24 0 0 1 .695.103c.46.072 1.11.18 1.894.33 1.557.296 3.68.76 5.888 1.43 2.177.66 4.598 1.567 6.667 2.803l.021.013c1.041-1.45 2.785-3.124 5.156-2.794a7.426 7.426 0 0 1 6.334 8.377m-7.02 23.55c.982-7.068-1.118-16.238-2.948-22.245-1.79-5.877-17.233-7.893-17.233-7.893s-15.329-2.367-18.628 2.191c-3.07 4.245-7.715 12.022-9.005 21.306-.738 5.313 1.779 10.685 6.541 15.337 4.8 4.689 10.802 7.533 14.577 8.058s10.326-.577 16.222-3.78c5.85-3.177 9.736-7.66 10.474-12.973%27/%3E%3Cpath fill=%27url%28%23b%29%27 d=%27M62.386 16.523c-.409 2.946-3.528 4.118-5.212 4.539 1.477 5.838 2.738 13.274 1.87 19.523-.958 6.897-5.93 12.222-12.38 15.726-6.443 3.5-13.79 4.849-18.504 4.194-4.716-.655-11.416-3.956-16.661-9.08-5.252-5.129-8.583-11.607-7.625-18.504 1.026-7.382 3.969-13.818 6.744-18.5-1.533-.957-3.778-2.849-3.401-5.562a7.427 7.427 0 0 1 8.378-6.334c2.233.31 3.446 2.178 4.086 3.797q.192-.046.379-.087c2.285-.504 4.82-.639 7.067-.627 2.278.012 4.422.175 5.985.334a65 65 0 0 1 2.576.313l.021.003.022.003a24 24 0 0 1 .695.103c.46.072 1.11.18 1.894.33 1.557.296 3.68.76 5.888 1.43 2.177.66 4.598 1.567 6.667 2.803l.021.013c1.041-1.45 2.785-3.124 5.156-2.794a7.426 7.426 0 0 1 6.334 8.377m-7.02 23.55c.982-7.068-1.118-16.238-2.948-22.245-1.79-5.877-17.233-7.893-17.233-7.893s-15.329-2.367-18.628 2.191c-3.07 4.245-7.715 12.022-9.005 21.306-.738 5.313 1.779 10.685 6.541 15.337 4.8 4.689 10.802 7.533 14.577 8.058s10.326-.577 16.222-3.78c5.85-3.177 9.736-7.66 10.474-12.973%27/%3E%3Cpath fill=%27%23fff%27 d=%27m35.396 8.45.036.004a24 24 0 0 1 .652.097c.44.068 1.066.173 1.822.317 1.509.287 3.55.734 5.66 1.374 2.096.636 4.325 1.48 6.173 2.585 1.809 1.08 3.503 2.557 4.114 4.564 1.837 6.03 4.029 15.472 2.999 22.889-.827 5.953-5.151 10.776-11.244 14.086-6.117 3.322-12.989 4.524-17.144 3.946s-10.44-3.606-15.419-8.47c-4.96-4.845-7.805-10.664-6.978-16.617 1.337-9.63 6.136-17.64 9.275-21.978 1.16-1.603 3.204-2.412 5.195-2.851 2.056-.453 4.406-.586 6.579-.575 2.185.011 4.255.169 5.773.323a63 63 0 0 1 2.473.3zm9.496 44.598c5.85-3.178 9.736-7.661 10.474-12.974.982-7.069-1.118-16.239-2.948-22.246-1.79-5.877-17.233-7.893-17.233-7.893s-15.329-2.367-18.628 2.191c-3.07 4.245-7.715 12.022-9.005 21.305-.738 5.314 1.779 10.686 6.541 15.338 4.8 4.689 10.802 7.533 14.578 8.058s10.325-.577 16.22-3.78%27/%3E%3Cdefs%3E%3CradialGradient id=%27a%27 cx=%270%27 cy=%270%27 r=%271%27 gradientTransform=%27rotate%28142.909 30.166 15.22%29scale%2878.7704 119.218%29%27 gradientUnits=%27userSpaceOnUse%27%3E%3Cstop stop-color=%27%2348CCE0%27/%3E%3Cstop offset=%27.288%27 stop-color=%27%23428BEB%27/%3E%3Cstop offset=%27.602%27 stop-color=%27%23505ADD%27/%3E%3C/radialGradient%3E%3CradialGradient id=%27b%27 cx=%270%27 cy=%270%27 r=%271%27 gradientTransform=%27rotate%287.909 -409.626 32.494%29scale%2855.6991 158.009%29%27 gradientUnits=%27userSpaceOnUse%27%3E%3Cstop stop-color=%27%23FCAB14%27/%3E%3Cstop offset=%27.159%27 stop-color=%27%23FA6641%27/%3E%3Cstop offset=%27.402%27 stop-color=%27%23BE40C0%27/%3E%3Cstop offset=%271%27 stop-color=%27%23505ADD%27 stop-opacity=%270%27/%3E%3C/radialGradient%3E%3C/defs%3E%3C/svg%3E");
    content: ""
}

html[data-theme-color=dark] .user-account-pic_plus.user-account-pic_child:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2764%27 height=%2764%27 fill=%27none%27%3E%3Cpath fill=%27url%28%23a%29%27 d=%27M62.386 16.523c-.409 2.946-3.528 4.118-5.212 4.539 1.477 5.838 2.738 13.274 1.87 19.523-.958 6.897-5.93 12.222-12.38 15.726-6.443 3.5-13.79 4.849-18.504 4.194-4.716-.655-11.416-3.956-16.661-9.08-5.252-5.129-8.583-11.607-7.625-18.504 1.026-7.382 3.969-13.818 6.744-18.5-1.533-.957-3.778-2.849-3.401-5.562a7.427 7.427 0 0 1 8.378-6.334c2.233.31 3.446 2.178 4.086 3.797q.192-.046.379-.087c2.285-.504 4.82-.639 7.067-.627 2.278.012 4.422.175 5.985.334a65 65 0 0 1 2.576.313l.021.003.022.003a24 24 0 0 1 .695.103c.46.072 1.11.18 1.894.33 1.557.296 3.68.76 5.888 1.43 2.177.66 4.598 1.567 6.667 2.803l.021.013c1.041-1.45 2.785-3.124 5.156-2.794a7.426 7.426 0 0 1 6.334 8.377m-7.02 23.55c.982-7.068-1.118-16.238-2.948-22.245-1.79-5.877-17.233-7.893-17.233-7.893s-15.329-2.367-18.628 2.191c-3.07 4.245-7.715 12.022-9.005 21.306-.738 5.313 1.779 10.685 6.541 15.337 4.8 4.689 10.802 7.533 14.577 8.058s10.326-.577 16.222-3.78c5.85-3.177 9.736-7.66 10.474-12.973%27/%3E%3Cpath fill=%27url%28%23b%29%27 d=%27M62.386 16.523c-.409 2.946-3.528 4.118-5.212 4.539 1.477 5.838 2.738 13.274 1.87 19.523-.958 6.897-5.93 12.222-12.38 15.726-6.443 3.5-13.79 4.849-18.504 4.194-4.716-.655-11.416-3.956-16.661-9.08-5.252-5.129-8.583-11.607-7.625-18.504 1.026-7.382 3.969-13.818 6.744-18.5-1.533-.957-3.778-2.849-3.401-5.562a7.427 7.427 0 0 1 8.378-6.334c2.233.31 3.446 2.178 4.086 3.797q.192-.046.379-.087c2.285-.504 4.82-.639 7.067-.627 2.278.012 4.422.175 5.985.334a65 65 0 0 1 2.576.313l.021.003.022.003a24 24 0 0 1 .695.103c.46.072 1.11.18 1.894.33 1.557.296 3.68.76 5.888 1.43 2.177.66 4.598 1.567 6.667 2.803l.021.013c1.041-1.45 2.785-3.124 5.156-2.794a7.426 7.426 0 0 1 6.334 8.377m-7.02 23.55c.982-7.068-1.118-16.238-2.948-22.245-1.79-5.877-17.233-7.893-17.233-7.893s-15.329-2.367-18.628 2.191c-3.07 4.245-7.715 12.022-9.005 21.306-.738 5.313 1.779 10.685 6.541 15.337 4.8 4.689 10.802 7.533 14.577 8.058s10.326-.577 16.222-3.78c5.85-3.177 9.736-7.66 10.474-12.973%27/%3E%3Cpath fill=%27%23000%27 d=%27m35.396 8.45.036.004a24 24 0 0 1 .652.097c.44.068 1.066.173 1.822.317 1.509.287 3.55.734 5.66 1.374 2.096.636 4.325 1.48 6.173 2.585 1.809 1.08 3.503 2.557 4.114 4.564 1.837 6.03 4.029 15.472 2.999 22.889-.827 5.953-5.151 10.776-11.244 14.086-6.117 3.322-12.989 4.524-17.144 3.946s-10.44-3.606-15.419-8.47c-4.96-4.845-7.805-10.664-6.978-16.617 1.337-9.63 6.136-17.64 9.275-21.978 1.16-1.603 3.204-2.412 5.195-2.851 2.056-.453 4.406-.586 6.579-.575 2.185.011 4.255.169 5.773.323a63 63 0 0 1 2.473.3zm9.496 44.598c5.85-3.178 9.736-7.661 10.474-12.974.982-7.069-1.118-16.239-2.948-22.246-1.79-5.877-17.233-7.893-17.233-7.893s-15.329-2.367-18.628 2.191c-3.07 4.245-7.715 12.022-9.005 21.305-.738 5.314 1.779 10.686 6.541 15.338 4.8 4.689 10.802 7.533 14.578 8.058s10.325-.577 16.22-3.78%27/%3E%3Cdefs%3E%3CradialGradient id=%27a%27 cx=%270%27 cy=%270%27 r=%271%27 gradientTransform=%27rotate%28142.909 30.166 15.22%29scale%2878.7704 119.218%29%27 gradientUnits=%27userSpaceOnUse%27%3E%3Cstop stop-color=%27%2348CCE0%27/%3E%3Cstop offset=%27.288%27 stop-color=%27%23428BEB%27/%3E%3Cstop offset=%27.602%27 stop-color=%27%23505ADD%27/%3E%3C/radialGradient%3E%3CradialGradient id=%27b%27 cx=%270%27 cy=%270%27 r=%271%27 gradientTransform=%27rotate%287.909 -409.626 32.494%29scale%2855.6991 158.009%29%27 gradientUnits=%27userSpaceOnUse%27%3E%3Cstop stop-color=%27%23FCAB14%27/%3E%3Cstop offset=%27.159%27 stop-color=%27%23FA6641%27/%3E%3Cstop offset=%27.402%27 stop-color=%27%23BE40C0%27/%3E%3Cstop offset=%271%27 stop-color=%27%23505ADD%27 stop-opacity=%270%27/%3E%3C/radialGradient%3E%3C/defs%3E%3C/svg%3E")
}

.user-account-pic__image {
    background: var(--color-user-header-pic-bg);
    border-radius: 50%;
    display: block;
    height: 42px;
    width: 42px
}

.app_bundle_mobile .user-account-pic__image {
    height: 24px;
    width: 24px
}

@media screen and (max-width: 1023px) and (orientation: portrait) {
    .app_support_tablet .user-account-pic__image {
        height: 24px;
        width: 24px
    }
}

.user-account-pic_size62 .user-account-pic__image {
    height: 52px;
    width: 52px
}

.user-account-pic_size62.user-account-pic_plus:after {
    height: 62px;
    margin: -31px 0 0 -31px;
    width: 62px
}

.user-account-pic_size62.user-account-pic_child:after {
    height: 64px;
    margin: -33px 0 0 -33px;
    width: 64px
}

.app_theme_playhop .user-account-pic {
    border-radius: 10px;
    height: 34px;
    overflow: hidden;
    position: relative;
    transform: rotate(-15deg);
    width: 34px
}

.app_theme_playhop .user-account-pic__image {
    border-radius: 0;
    bottom: -10%;
    height: 42px;
    left: -10%;
    position: absolute;
    right: -10%;
    top: -10%;
    transform: rotate(15deg);
    width: 42px
}

.app_theme_playhop .user-account-pic_size62 {
    border-radius: 20px;
    height: 67px;
    width: 67px
}

.app_theme_playhop .user-account-pic_size62 .user-account-pic__image {
    height: 80px;
    width: 80px
}

.login-button {
    display: flex;
    justify-content: flex-start;
    padding: 0
}

.login-button:after, .login-button:before {
    display: none
}

.login-button__avatar-block {
    align-items: center;
    background: var(--login-button-avatar-block-bg);
    border-radius: 24px;
    display: none;
    height: 24px;
    justify-content: center;
    overflow: hidden;
    width: 24px
}

@media (max-width: 360px) {
    .login-button__avatar-block {
        display: flex
    }
}

.login-button__avatar-block .Icon_type_avatar {
    height: 24px;
    opacity: .9;
    width: 24px;
    fill: var(--white-1000)
}

.login-button__text-block {
    align-items: center;
    background-color: var(--login-button-bg-color);
    background-image: var(--button-view-action-fill-image-base);
    border-radius: var(--login-button-border-radius);
    box-shadow: var(--box-shadow-button);
    padding: 0 16px
}

@media (min-width: 360px) {
    .login-button__text-block {
        display: flex
    }
}

@media (max-width: 360px) {
    .login-button__text-block {
        display: none
    }
}

.login-button .login-button__label {
    margin-left: 6px;
    margin-right: 6px
}

.app_theme_playhop .login-button {
    padding: 0
}

.app_theme_playhop .login-button__text-block {
    padding: 0 6px
}

.app_theme_playhop .login-button__avatar-block {
    background-color: var(--button-view-action-fill-color-base)
}

.app_theme_playhop .login-button__avatar-block:hover {
    background: var(--button-view-action-fill-color-hovered)
}

.app_theme_playhop .login-button .Icon_type_avatar {
    height: 24px;
    opacity: .9;
    width: 24px;
    fill: var(--black-1000)
}

.YandexHeader {
    background: var(--header-fill-color);
    box-shadow: var(--header-shadow);
    font-family: var(--header-font-family);
    padding: var(--header-space-all);
    position: relative;
    z-index: var(--header-z-index)
}

.YandexHeader-Base {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    height: var(--header-content-height);
    justify-content: space-between;
    margin: auto;
    width:98%;
    /*max-width: var(--header-content-max-width);*/
    /*padding: var(--header-content-space-all)*/
}

.YandexHeader-Content {
    align-items: center;
    display: inline-flex;
    margin-right: var(--header-content-indent-right);
    width: var(--header-content-width)
}

.YandexHeader-LogoWrapper {
    align-items: inherit;
    display: inline-flex;
    margin-right: var(--header-logo-indent-right);
    white-space: nowrap
}

.YandexHeader-Actions {
    align-items: center;
    display: inline-flex;
    flex-shrink: 0;
    justify-content: flex-end;
    padding-left: var(--header-actions-space-left)
}

.YandexHeader-Actions > * + * {
    margin-left: var(--header-actions-gap)
}

.YandexHeader-Logo {
    display: inline-block;
    height: var(--header-logo-height);
    outline: none;
    overflow: hidden
}

.YandexHeader-Logo_lang_ru {
    background-image: url("data:image/svg+xml,%3csvg width='67' height='32' viewBox='0 0 67 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M35.402 23.107h-1.26V9.247h-7.37V10.6c0 4.221-.158 9.135-1.607 12.506h-.977v5.134h2.205v-3.118h6.804v3.118h2.205zm10.679.945-.567-1.89c-.63.44-1.733 1.07-3.119 1.07-1.953 0-2.96-1.89-2.96-5.48h6.614v-1.355c0-5.386-1.732-7.37-4.378-7.37-3.37 0-4.788 3.716-4.788 8.82 0 4.882 2.016 7.496 5.292 7.496 1.575 0 2.898-.504 3.906-1.291M20.345 9.247v6.74h-3.654v-6.74h-2.457v15.876h2.457v-7.12h3.654v7.12h2.426V9.247zm34.87 15.876h2.678l-4.504-8.41 3.937-7.466h-2.488l-3.812 7.34v-7.34H48.57v15.876h2.457v-7.907zm8.443.22c1.449 0 2.457-.472 3.307-1.197l-.567-1.827c-.567.504-1.48.977-2.677.977-1.985 0-2.93-2.268-2.93-6.237 0-4 1.26-5.985 3.024-5.985 1.008 0 1.953.535 2.615 1.102l.346-2.33c-.693-.442-1.512-.82-2.93-.82-3.716 0-5.638 3.182-5.638 8.159 0 5.418 2.048 8.158 5.45 8.158m-31.941-2.236h-4.221c1.323-3.37 1.48-8.253 1.48-11.592v-.284h2.74zm9.954-12.065c1.417 0 1.858 1.985 1.858 4.694h-4.063c.157-2.835.693-4.694 2.205-4.694' fill='%23000'/%3e%3cpath d='M8.663 16.492v8.63h2.425V2.6H7.466C3.905 2.6.914 4.963.914 9.688c0 3.37 1.322 5.197 3.307 6.205L0 25.123h2.804l3.843-8.631zm0-2.016H7.37c-2.11 0-3.843-1.166-3.843-4.788 0-3.749 1.89-5.04 3.843-5.04h1.291z' fill='red'/%3e%3c/svg%3e");
    width: 67px
}

.YandexHeader-Logo_rebranding {
    background-position: 0 3px
}

.YandexHeader-Logo_lang_ru.YandexHeader-Logo_rebranding {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='86' height='35' fill='none'%3e%3cpath fill='%23000' fill-rule='evenodd' d='M58.87 17.83v1.89h-8.54c.13 2.41 1.13 3.6 3.7 3.6 1.74 0 3.61-.56 4.69-1.28v2.89c-1 .68-2.7 1.18-4.97 1.18-4.53 0-7.1-2.5-7.1-7.63 0-4.5 2.07-7.78 6.39-7.78 3.54 0 5.83 1.95 5.83 7.13m-5.91-4.32c-1.7 0-2.56 1.24-2.64 3.59h4.93v-.3c0-1.86-.53-3.29-2.3-3.29zM26.24 16.9v-5.93h3.57v14.99h-3.57v-6.27h-4.75v6.27h-3.54v-15h3.54v5.94zm47.83 9.06h-4.02L64.8 18.6v7.36h-3.54v-15h3.54v6.93l5-6.92h3.59l-5 6.92zm10.48-.75c-.87.63-2.02.93-3.67.93-4.72 0-7.02-2.74-7.03-7.65 0-4.53 2.35-7.75 6.88-7.75 1.76 0 3.07.3 3.82.72v3a6.9 6.9 0 0 0-3.42-.92c-2.33 0-3.6 1.64-3.6 4.86 0 3.04 1.03 4.94 3.57 4.94 1.49 0 2.55-.4 3.45-1.02v2.9zM44.2 23.15h1.58v6.1H42.5v-3.32h-7.95v3.32h-3.28v-6.11h1.1c1.25-2.5 1.5-7.24 1.5-10.9v-1.28H44.2zm-8.54 0h5v-9.38h-3.75v.44c0 2.59-.26 6.68-1.25 8.94' clip-rule='evenodd'/%3e%3cpath fill='%23FC3F1D' d='M14.97 25.95V5.25H9.73c-5.28 0-8.04 2.7-8.04 6.7 0 3.17 1.51 5.07 4.22 7l-4.71 7h3.9l5.25-7.85-1.82-1.21c-2.2-1.5-3.29-2.65-3.29-5.16 0-2.2 1.55-3.69 4.5-3.69h1.61v17.9h3.62z'/%3e%3c/svg%3e")
}

.YandexHeader-Logo_lang_en {
    background-image: url("data:image/svg+xml,%3csvg width='70' height='32' viewBox='0 0 70 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M19.654 21.732c-.44.693-1.291 1.26-2.142 1.26-1.26 0-1.858-1.197-1.858-3.024 0-2.048.661-3.402 3.717-3.402h.283zm2.426-.473v-7.465c0-3.843-1.544-5.04-4.347-5.04-1.607 0-3.056.661-3.78 1.26l.472 2.173c.82-.724 1.89-1.386 3.15-1.386 1.386 0 2.08.882 2.08 2.961v.945h-.347c-4.442 0-6.174 2.142-6.174 5.544 0 3.119 1.543 4.82 3.811 4.82 1.386 0 2.268-.599 2.961-1.48h.158c.031.409.126.913.22 1.26h2.08a23 23 0 0 1-.284-3.592m5.512-8.725c.567-.788 1.45-1.575 2.489-1.575.945 0 1.48.41 1.48 1.606V24.85h2.489V12.345c0-2.426-1.103-3.591-3.182-3.591-1.48 0-2.677.976-3.118 1.575h-.158V8.943h-2.457V24.85h2.457zM41.295 25.07c1.291 0 2.173-.599 2.866-1.48h.158l.189 1.26h1.827V2.327h-2.457v7.024c-.473-.346-1.26-.598-2.016-.598-3.182 0-5.387 2.866-5.387 8.757 0 4.914 1.701 7.56 4.82 7.56m2.583-3.308c-.41.63-1.071 1.229-2.3 1.229-1.795 0-2.488-2.268-2.488-5.985 0-3.245.945-6.237 2.93-6.237.818 0 1.354.252 1.858.756zm14.017 2.016-.567-1.89c-.63.441-1.638 1.071-3.024 1.071-1.953 0-2.96-1.89-2.96-5.48h6.614v-1.355c0-5.387-1.732-7.371-4.378-7.371-3.37 0-4.788 3.717-4.788 8.82 0 4.882 2.016 7.497 5.292 7.497 1.575 0 2.803-.504 3.811-1.292M53.58 10.77c1.417 0 1.858 1.985 1.858 4.694h-4.063c.157-2.835.693-4.693 2.205-4.693m12.663-1.795-2.174 5.765-2.047-5.765H59.47l2.993 7.655-3.308 8.221h2.426l2.394-6.552 2.457 6.552h2.551l-3.307-8.442 2.96-7.434z' fill='%23000'/%3e%3cpath d='M8.875 24.854v-7.97L14.734 0h-2.488L7.678 13.482 3.709 2.331H1L6.387 16.79v8.064z' fill='red'/%3e%3c/svg%3e");
    width: 70px
}

.YandexHeader-Logo_lang_en.YandexHeader-Logo_rebranding {
    background-image: url("data:image/svg+xml,%3csvg width='86' height='35' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M49.476 26.241c1.607 0 2.926-.752 3.851-2.151l.174 1.862h3.157V6h-3.412v7.206c-.856-1.296-2.128-1.978-3.62-1.978-3.296 0-5.598 2.787-5.598 7.61 0 4.754 2.232 7.403 5.448 7.403m20.993-1.26v-2.788c-1.065.717-2.846 1.353-4.511 1.353-2.499 0-3.447-1.18-3.586-3.585h8.235v-1.816c0-5.02-2.209-6.917-5.62-6.917-4.165 0-6.143 3.18-6.143 7.553 0 5.02 2.464 7.46 6.836 7.46 2.174 0 3.782-.578 4.788-1.26zm-36.781-9.393c.636-.774 1.63-1.434 2.868-1.434 1.203 0 1.747.52 1.747 1.608v10.19h3.412V15.415c0-2.868-1.145-4.13-3.933-4.13-2.035 0-3.238.753-3.932 1.435h-.174l-.08-1.203h-3.332v14.435h3.412V15.588zm-6.2.52c0-3.504-1.78-4.822-5.401-4.822-2.244 0-4.048.948-5.078 1.689v2.96c1.087-.89 2.753-1.92 4.685-1.92 1.63 0 2.382.579 2.382 2.129v.913h-.543c-5.228 0-7.553 1.689-7.553 4.708 0 2.787 1.781 4.395 4.418 4.395 2.013 0 2.869-.66 3.528-1.353h.139c.023.37.138.856.254 1.145h3.331a36 36 0 0 1-.173-3.528V16.11h.011zm53.483 9.844h3.851l-4.707-7.437 4.071-6.998h-3.412l-2.464 4.36-2.752-4.36h-3.864l4.361 6.917-4.534 7.518h3.47l2.903-4.881 3.077 4.88zm-30.489-12.03c1.839 0 2.753 1.47 2.753 4.79 0 3.354-.972 4.823-2.903 4.823-1.863 0-2.788-1.435-2.788-4.708.012-3.412.983-4.904 2.938-4.904zm14.446 0c1.689 0 2.21 1.412 2.21 3.216v.29h-4.766c.081-2.302.914-3.505 2.556-3.505zm-40.852 8.583c-.428.636-1.237 1.145-2.44 1.145-1.434 0-2.152-.833-2.152-2.093 0-1.666 1.18-2.244 4.106-2.244h.486z' fill='%23000'/%3e%3cpath d='M10.925 22.563v3.389h-3.47v-5.714L.91 6h3.62l5.1 11.138c.984 2.128 1.296 2.869 1.296 5.425zM17.449 6l-4.257 9.646H9.665L13.92 6h3.528z' fill='%23FC3F1D'/%3e%3c/svg%3e")
}

.YandexHeader-Logo_lang_en.YandexHeader-Logo_circle, .YandexHeader-Logo_lang_ru.YandexHeader-Logo_circle {
    width: 32px
}

.YandexHeader-Logo_lang_en.YandexHeader-Logo_circle {
    background-image: url("data:image/svg+xml,%3csvg width='32' height='32' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M16 32c8.837 0 16-7.163 16-16S24.837 0 16 0 0 7.163 0 16s7.163 16 16 16' fill='red'/%3e%3cpath d='M16.5 26.01v-6.58L21.33 5.5h-2.05l-3.77 11.12-3.28-9.2H10l4.44 11.93v6.66z' fill='%23fff'/%3e%3c/svg%3e")
}

.YandexHeader-Logo_lang_en.YandexHeader-Logo_circle.YandexHeader-Logo_rebranding {
    background-image: url("data:image/svg+xml,%3csvg width='32' height='32' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cmask id='prefix__a' mask-type='alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='32' height='32'%3e%3ccircle cx='16' cy='16' r='16' fill='%23fff'/%3e%3c/mask%3e%3cg mask='url(%23prefix__a)'%3e%3cpath fill='%23FC3F1D' d='M0 0h32v32H0z'/%3e%3cpath d='M16.434 17.653c.935 2.048 1.247 2.76 1.247 5.22v3.261h-3.34v-5.498l-6.3-13.702h3.484zm4.118-10.719-4.085 9.283h3.395l4.096-9.283z' fill='%23fff'/%3e%3c/g%3e%3c/svg%3e")
}

.YandexHeader-Logo_lang_ru.YandexHeader-Logo_circle {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none'%3e%3cpath fill='red' d='M16 32a16 16 0 1 0 0-32 16 16 0 0 0 0 32'/%3e%3cpath fill='%23fff' d='M17.67 18.08v7.12h2V6.61h-2.99c-2.94 0-5.41 1.95-5.41 5.85 0 2.78 1.1 4.29 2.73 5.12l-3.48 7.62h2.31l3.18-7.12zm0-1.67H16.6c-1.74 0-3.17-.96-3.17-3.95 0-3.09 1.56-4.16 3.17-4.16h1.07z'/%3e%3c/svg%3e")
}

.YandexHeader-Logo_lang_ru.YandexHeader-Logo_circle.YandexHeader-Logo_rebranding {
    background-image: url("data:image/svg+xml,%3csvg width='33' height='33' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cmask id='prefix__a' mask-type='alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='33' height='33'%3e%3ccircle cx='16.4' cy='16.8' r='16' fill='%23fff'/%3e%3c/mask%3e%3cg mask='url(%23prefix__a)'%3e%3cpath fill='%23FC3F1D' d='M.378.77h32v32h-32z'/%3e%3cpath d='M18.737 9.731h-1.62c-2.775 0-4.163 1.388-4.163 3.47 0 2.313.925 3.47 3.007 4.858l1.62 1.156-4.627 7.172H9.253l4.395-6.478c-2.545-1.85-3.933-3.47-3.933-6.477 0-3.7 2.545-6.245 7.403-6.245h4.858v19.2h-3.239z' fill='%23fff'/%3e%3c/g%3e%3c/svg%3e")
}

.YandexHeader-Logo_circle + .YandexHeader-Logoaas .YandexHeader-Image {
    margin-top: var(--header-logo-circle-indent-top)
}

.YandexHeader-Logo_lang_en, .YandexHeader-Logo_lang_ru {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain
}

.Link {
    outline: 0;
    -webkit-text-decoration: none;
    text-decoration: none;
    touch-action: manipulation;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.Link[aria-disabled=true] {
    pointer-events: none
}

.logo-link {
    cursor: pointer;
    font-size: 0;
    outline: 0
}

.logo-link, .logo-link span {
    align-items: center;
    display: flex;
    text-decoration: none;
}

.logo-link img {
    border: none;
    flex-shrink: 0
}

.domain-logo {
    align-items: center;
    display: flex
}


.app_bundle_mobile .header-wrap .domain-logo {
    color:#fff;
    /*min-width: var(--header-catalog-logo-width-mobile)*/
}

.app_bundle_mobile .header-wrap .domain-logo__image {
    height: 30px;
    margin-right: 10px;
    width: 30px
}

.main-body_rtl .app_bundle_mobile .header-wrap .domain-logo__image {
    margin-left: 10px;
    margin-right: 0
}

.app_bundle_mobile .header-wrap .domain-logo__image_singleLogo {
    width: unset
}

.app_bundle_mobile .header-wrap .domain-logo__text {
    width: 84px
}

@media screen and (max-width: 1023px) and (orientation: portrait) {
    .app_support_tablet .header-wrap .domain-logo {
        min-width: var(--header-catalog-logo-width-mobile)
    }

    .app_support_tablet .header-wrap .domain-logo__image {
        height: 30px;
        margin-right: 10px;
        width: 30px
    }

    .main-body_rtl .app_support_tablet .header-wrap .domain-logo__image {
        margin-left: 10px;
        margin-right: 0
    }

    .app_support_tablet .header-wrap .domain-logo__image_singleLogo {
        width: unset
    }

    .app_support_tablet .header-wrap .domain-logo__text {
        width: 84px
    }
}

.domain-logo {
    font: var(--text-desktop-headline)
}

.domain-logo__image_size_m {
    height: 40px;
    margin-right: 14px;
    width: 40px
}

.domain-logo__image_size_m.domain-logo__image_png {
    height: 63px;
    margin: 0 0 0 -13px;
    width: 63px
}

.main-body_rtl .domain-logo__image_size_m.domain-logo__image_png {
    margin-left: 0
}

.main-body_rtl .domain-logo__image_size_m {
    margin-left: 14px;
    margin-right: 0
}

.domain-logo__image_size_s {
    height: 28px;
    margin-right: 10px;
    width: 28px
}

.domain-logo__image_size_s.domain-logo__image_png {
    height: 40px;
    margin-right: 0;
    width: 40px
}

.main-body_rtl .domain-logo__image_size_s {
    margin-left: 10px;
    margin-right: 0
}

.domain-logo__image_size_single {
    height: 14px
}

.domain-logo__image_singleLogo {
    width: unset
}

.domain-logo__text_size_l {
    height: 20px
}

.domain-logo__text_size_m {
    height: 16px
}

.domain-logo__text_size_s {
    height: 12px
}

.app_bundle_mobile .domain-logo__image_size_m {
    margin: 0
}

.logotype {
    align-items: center;
    display: flex;
    white-space: nowrap
}

.app_bundle_mobile .single_logo .logotype__part {
    height: 24px
}

.app_bundle_mobile .single_logo .logotype__part.logotype__part_png {
    height: 30px
}

.app_bundle_mobile .header-wrap .single_logo .logotype__part, .app_bundle_mobile .p2e-header .single_logo .logotype__part {
    height: 20px
}

.logotype__service-name {
    align-items: center;
    display: flex;
    outline: 0
}

.logotype_full_no .logotype__logo {
    border-radius: 50%
}

.logotype_full_no .logotype__part {
    margin-right: 2px
}

@media screen and (min-width: 450px) {
    .logotype_full_no .logotype__part_size_short {
        display: none
    }
}

.logotype_full_no .logotype__part_size_long {
    display: none
}

@media screen and (min-width: 450px) {
    .logotype_full_no .logotype__part_size_long {
        display: inherit
    }
}

.logotype_full_no .logotype__logo_size_short, .logotype_full_no .logotype__part_size_short {
    display: inherit;
    min-width: 87px
}

@media screen and (min-width: 450px) {
    .logotype_full_no .logotype__logo_size_short, .logotype_full_no .logotype__part_size_short {
        display: none
    }
}

.app_bundle_mobile .logotype_full_no .logotype__logo_size_long, .app_bundle_mobile .logotype_full_no .logotype__part_size_long {
    height: 26px;
    margin-right: 5px;
    min-width: 65px
}

.logotype_full_no .logotype__logo_visible_on, .logotype_full_no .logotype__part_visible_on {
    display: inherit
}

.logotype_full_no .logotype__part_service_yes {
    margin-left: 5px
}

.app_bundle_mobile .logotype_full_no .logotype__part_service_yes {
    height: 26px;
    max-width: 102px;
    min-width: 48px
}

.logotype_full_yes .logotype__logo {
    border-radius: 50%
}

.logotype_full_yes .logotype__part {
    margin-right: 2px
}

.logotype_full_yes .logotype__part_size_short {
    display: inherit
}

@media screen and (min-width: 450px) {
    .logotype_full_yes .logotype__part_size_short {
        display: none
    }
}

.logotype_full_yes .logotype__part_size_long {
    display: none
}

@media screen and (min-width: 450px) {
    .logotype_full_yes .logotype__part_size_long {
        display: inherit
    }
}

.app_bundle_mobile .logotype_full_yes .logotype__logo_size_short, .app_bundle_mobile .logotype_full_yes .logotype__part_size_short {
    height: 24px
}

.app_bundle_mobile .logotype_full_yes .logotype__logo_size_short.logotype__part_png, .app_bundle_mobile .logotype_full_yes .logotype__part_size_short.logotype__part_png {
    height: 30px
}

.app_bundle_mobile .logotype_full_yes .logotype__logo_size_long, .app_bundle_mobile .logotype_full_yes .logotype__part_size_long {
    height: 26px;
    margin-right: 5px;
    min-width: 65px
}

.logotype_full_yes .logotype__logo_visible_on, .logotype_full_yes .logotype__part_visible_on {
    display: inherit
}

.app_bundle_mobile .logotype_full_yes .logotype__part_service_yes {
    height: 26px;
    margin-left: 4px;
    width: 60px
}

.search {
    display: block;
    --textinput-size-m-icon-width: var(--textinput-search-height);
    --textinput-size-m-icon-height: var(--textinput-search-height);
    --textinput-view-default-border: #0000;
    --textinput-view-default-border-color-hovered: #0000;
    --textinput-view-default-border-color-focused: #0000
}

.search__form {
    align-items: center;
    display: flex
}

.app_bundle_mobile .search__form {
    width: 100%
}

.main-body_rtl .search__input_has_value.Textinput_size_m.Textinput_hasClear .Textinput-Box, .main-body_rtl .search__input_has_value.Textinput_size_m.Textinput_hasClear .Textinput-Control {
    border-radius: var(--textinput-search-border-radius);
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.search__input_has_value.Textinput_size_m.Textinput_hasClear .Textinput-Box, .search__input_has_value.Textinput_size_m.Textinput_hasClear .Textinput-Control {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.search__input .Icon_type_cross {
    background-image: var(--close-button-bg-image-primary)
}

:root .search__input.Textinput_size_m .Textinput-Box.Textinput-Box, :root .search__input.Textinput_size_m .Textinput-Control.Textinput-Control {
    border-radius: var(--textinput-search-border-radius)
}

.search__input.Textinput_size_m .Textinput-Box, .search__input.Textinput_size_m .Textinput-Control {
    border-radius: var(--textinput-search-border-radius);
    color: var(--color-control-secondary-on);
    height: var(--textinput-search-height);
    line-height: var(--textinput-search-height)
}

.search__input.Textinput_size_m .Textinput-Box::-webkit-input-placeholder, .search__input.Textinput_size_m .Textinput-Control::-webkit-input-placeholder {
    color: var(--text-color-placeholder-search-temporary)
}

.search__input.Textinput_size_m .Textinput-Control {
    background-color: var(--color-search-bg-temporary);
    transition: background-color .15s linear
}

.search__input.Textinput_size_m .Textinput-Control:hover {
    background-color: var(--color-bg-hover-temporary)
}

.search__input.Textinput_size_m .Textinput-Control:hover::-webkit-input-placeholder {
    color: var(--text-color-placeholder-search-hover-temporary)
}

.search__input.Textinput_size_m .Textinput-Control:hover .search.search__input.Textinput_size_m .Icon.Icon_type_search {
    opacity: 1
}

.search__input.Textinput_size_m .Textinput-Control:placeholder-shown {
    text-overflow: ellipsis
}

@media screen and (max-width: 1023px) and (orientation: portrait) {
    .app_support_tablet .search__input.Textinput_size_m.search__input.Textinput_size_m .Textinput-Control::-webkit-input-placeholder, .app_support_tablet .search__input.Textinput_size_m.search__input.Textinput_size_m .Textinput-Control:hover::-webkit-input-placeholder {
        color: var(--text-color-placeholder-search-temporary)
    }
}

.search__input.Textinput_size_m .Icon_type_search, .search__input.Textinput_size_m .Icon_type_search-black, .search__input.Textinput_size_m .Icon_type_search-white {
    height: var(--textinput-size-m-icon-height);
    opacity: .8;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    width: var(--textinput-size-m-icon-width);
    z-index: 3
}

.search__input.Textinput_size_m:hover .Icon_type_search, .search__input.Textinput_size_m:hover .Icon_type_search-black, .search__input.Textinput_size_m:hover .Icon_type_search-white {
    opacity: 1
}

.app_bundle_mobile .search__input.Textinput_size_m[class*=_pin_] .Textinput-Box {
    border: 0
}

.app_bundle_mobile .search__input.Textinput_size_m .Textinput-Box, .app_bundle_mobile .search__input.Textinput_size_m .Textinput-Control {
    background-color: var(--color-input-bg);
    color: var(--color-control-secondary-on);
    font: var(--text-mobile-subtitle-2)
}

.app_bundle_mobile .search__input.Textinput_view_default.Textinput_size_m .Textinput-Clear {
    background-color: var(--color-input-bg);
    color: var(--color-control-secondary-on);
    -webkit-tap-highlight-color: transparent
}

.app_bundle_mobile .search__input.Textinput_view_default.Textinput_size_m .Textinput-Clear svg {
    height: 24px;
    width: 24px
}

.search__input_focus_panel {
    display: none
}

.app_bundle_mobile .search {
    --textinput-search-height: 36px;
    background-color: var(--search-bg);
    border-radius: 10px;
    position: relative
}

.app_bundle_mobile .search .search__input .Textinput-Control {
    border-left-width: var(--textinput-size-m-has-icon-spaceLeft);
    font-size: 16px
}

.app_bundle_mobile .search .search__input .Textinput-Control::-ms-input-placeholder {
    color: var(--search-placeholder-color);
    text-align: center
}

.app_bundle_mobile .search .search__input .Textinput-Control::placeholder {
    color: var(--search-placeholder-color);
    text-align: center
}

.app_bundle_mobile .search .search__input.Textinput_view_default.Textinput_size_m .Textinput-Clear svg {
    height: 20px;
    width: 20px
}

.app_bundle_mobile .search .search__input.search__input.Textinput_size_m .Icon_type_search, .app_bundle_mobile .search .search__input.search__input.Textinput_size_m .Icon_type_search-black, .app_bundle_mobile .search .search__input.search__input.Textinput_size_m .Icon_type_search-white {
    background-size: 16px
}

.app_bundle_mobile .search .search__input_focus_panel {
    bottom: 0;
    display: block;
    left: 0;
    position: absolute;
    right: 36px;
    top: 0;
    z-index: 10
}

.app_bundle_mobile .search.search_in-popup .Textinput-Clear, .app_bundle_mobile .search.search_in-popup.search_in-popup-open {
    opacity: 0
}

.app_bundle_mobile .search__open-search {
    cursor: pointer;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 11
}

.main-body_rtl .app_bundle_mobile .search .search__input .Textinput-Clear {
    left: 0;
    right: unset
}

.main-body_rtl .app_bundle_mobile .search .search__input .Textinput-Control {
    border-width: var(--textinput-size-m-control-spaceAll);
    border-right-width: var(--textinput-size-m-has-icon-spaceRight)
}

.main-body_rtl .app_bundle_mobile .search__input {
    margin-left: 6px;
    margin-right: 0
}

.main-body_rtl .app_bundle_mobile .search__input .Textinput-Clear {
    right: 0
}

.main-body_rtl .app_bundle_mobile .search__input .Textinput-Control {
    border-width: var(--textinput-size-m-control-spaceAll);
    border-right-width: 0
}

@media screen and (max-width: 1023px) and (orientation: portrait) {
    .main-body_rtl .app_support_tablet .search .search__input .Textinput-Clear {
        left: 0;
        right: unset
    }

    .main-body_rtl .app_support_tablet .search .search__input .Textinput-Control {
        border-width: var(--textinput-size-m-control-spaceAll);
        border-right-width: var(--textinput-size-m-has-icon-spaceRight)
    }

    .main-body_rtl .app_support_tablet .search__input {
        margin-left: 6px;
        margin-right: 0
    }

    .main-body_rtl .app_support_tablet .search__input .Textinput-Clear {
        right: 0
    }

    .main-body_rtl .app_support_tablet .search__input .Textinput-Control {
        border-width: var(--textinput-size-m-control-spaceAll);
        border-right-width: 0
    }
}

.app_theme_playhop.app_bundle_mobile .search__input.Textinput_size_m .Icon_type_search-black, .app_theme_playhop.app_bundle_mobile .search__input.Textinput_size_m .Icon_type_search-white {
    background-size: contain;
    bottom: 8px;
    height: 18px;
    opacity: 1;
    top: 8px;
    width: 18px
}

.app_theme_playhop.app_bundle_mobile .search__input.Textinput_size_m .Icon_type_search.Textinput-Icon_side_right {
    right: 0
}

.app_theme_playhop.app_bundle_mobile .search__input.Textinput_size_m .Textinput-Box, .app_theme_playhop.app_bundle_mobile .search__input.Textinput_size_m .Textinput-Control {
    background: none;
    font: var(--text-mobile-body-3)
}

.app_theme_playhop.app_bundle_mobile .search__input.Textinput_view_default.Textinput_size_m .Textinput-Clear {
    background: none
}

.app_theme_playhop.app_bundle_mobile .search__input.Textinput_view_default .Textinput-Control::-ms-input-placeholder {
    color: var(--textinput-view-default-placeholder-typo-color-base)
}

.app_theme_playhop.app_bundle_mobile .search__input.Textinput_view_default .Textinput-Control::placeholder {
    color: var(--textinput-view-default-placeholder-typo-color-base)
}

.app_theme_playhop.app_bundle_mobile .search__input .Textinput-Control {
    border-width: var(--textinput-size-m-control-spaceAll)
}

.app_theme_playhop.app_bundle_mobile .search {
    --textinput-search-height: 36px;
    background-color: var(--search-bg);
    border-radius: 10px
}

.app_theme_playhop.app_bundle_mobile .search .search__input.Textinput_size_m .Icon_type_search-black, .app_theme_playhop.app_bundle_mobile .search .search__input.Textinput_size_m .Icon_type_search-white {
    background-size: unset;
    background-size: 16px;
    height: var(--textinput-size-s-icon-height);
    opacity: .8;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 3px;
    width: var(--textinput-size-s-icon-width);
    z-index: 3
}

.app_theme_playhop.app_bundle_mobile .search .search__input .Textinput-Control {
    border-width: var(--textinput-size-m-control-spaceAll);
    border-left-width: var(--textinput-size-m-has-icon-spaceLeft);
    font-size: 16px
}

.main-body_rtl .app_theme_playhop.app_bundle_mobile .search .search__input .Textinput-Control {
    border-width: var(--textinput-size-m-control-spaceAll);
    border-right-width: var(--textinput-size-m-has-icon-spaceRight)
}

.app_theme_playhop.app_bundle_mobile .search .search__input.Textinput_view_default.Textinput_size_m .Textinput-Clear svg {
    height: 20px;
    width: 20px
}

.p2e-header .search {
    --textinput-search-border-radius: 62px;
    --textinput-size-m-has-icon-spaceLeft: 44px;
    --search-bar-bg-color: #f8f8f8
}

.app_bundle_mobile .p2e-header .search__form {
    align-items: center
}

.app_bundle_mobile .p2e-header .search__button {
    font-size: 13px;
    height: 32px;
    line-height: 32px
}

.app_bundle_mobile .p2e-header .search .Textinput-Clear.Textinput-Clear_visible {
    opacity: .9
}

.app_bundle_mobile .p2e-header .search .Textinput-Control {
    font-size: 16px
}

.p2e-header .search .Textinput-Box {
    display: none
}

.main-body_rtl .app_bundle_mobile .search .Textinput-Clear {
    left: 0;
    right: inherit
}

.Textinput {
    box-sizing: border-box;
    display: inline-block;
    position: relative;
    vertical-align: top;
    width: 100%
}

.Textinput-Control {
    background: none;
    border: 0 solid transparent;
    box-sizing: border-box;
    font-family: var(--textinput-font-family);
    font-size: 100%;
    margin: 0;
    outline: 0;
    padding: 0;
    position: relative;
    vertical-align: top;
    width: 100%;
    z-index: 2;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    margin-left:1rem;
}

.Textinput_disabled .Textinput-Control {
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 3
}

.Textinput-Control::-webkit-search-decoration {
    -webkit-appearance: none;
    appearance: none
}

.Textinput-Control::-webkit-search-cancel-button {
    display: none
}

.Textinput-Control::-ms-clear {
    display: none
}

.Textinput-Control.Textinput-Control:-webkit-autofill {
    background-clip: content-box;
    border-bottom-width: 2px;
    border-top-width: 2px;
    box-shadow: inset 0 0 0 50px #fff;
    -webkit-text-fill-color: #000
}

.Textinput-Control::-ms-input-placeholder {
    opacity: 1
}

.Textinput-Control::placeholder {
    opacity: 1
}

.Textinput-Box {
    bottom: 0;
    box-sizing: border-box;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1
}

.Textinput-Icon.Textinput-Icon {
    position: absolute
}

.Textinput-Icon {
    top: 0;
    z-index: 3
}

.Textinput-Icon_side_left {
    left: 0
}

.Textinput-Icon_side_right {
    right: 0
}

.Textinput-Hint {
    animation: Hint_show .1s ease-in forwards;
    display: inline-block;
    font-family: var(--textinput-font-family);
    margin-top: 4px
}

.Textinput_size_s .Textinput-Hint {
    font-size: var(--textinput-hint-size-s-fontSize)
}

.Textinput_size_m .Textinput-Hint {
    font-size: var(--textinput-hint-size-m-fontSize)
}

.Textinput-Hint_leave {
    animation: Hint_leave .1s ease-out forwards
}

@keyframes Hint_leave {
    to {
        opacity: 0;
        transform: translateY(-6px)
    }

    0% {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes Hint_show {
    0% {
        opacity: 0;
        transform: translateY(-6px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

.Textinput .Textinput-Clear {
    cursor: pointer;
    display: none;
    right: 0;
    visibility: hidden
}

.Textinput-Clear.Textinput-Clear_visible {
    display: block;
    visibility: visible
}

.Textinput_disabled .Textinput-Clear_visible {
    cursor: default;
    z-index: 0
}

.Icon_hasGlyph {
    position: relative
}

.Icon_hasGlyph svg {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%)
}

.Icon_hasGlyph svg, .Icon_hasGlyph svg * {
    fill: currentColor
}

.Icon_glyph_x-sign.Icon_size_xs, .Icon_glyph_x-sign.Icon_size_xs svg {
    height: 16px;
    width: 16px
}

.Icon_glyph_x-sign.Icon_size_s, .Icon_glyph_x-sign.Icon_size_s svg {
    height: 20px;
    width: 20px
}

.Icon_glyph_x-sign.Icon_size_m, .Icon_glyph_x-sign.Icon_size_m svg {
    height: 24px;
    width: 24px
}

.Icon_type_cross {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14'%3e%3cpolygon points='14 0.7 13.3 0 7 6.3 0.7 0 0 0.7 6.3 7 0 13.3 0.7 14 7 7.7 13.3 14 14 13.3 7.7 7'/%3e%3c/svg%3e")
}

.Icon_size_s.Icon_type_cross, .Icon_size_xs.Icon_type_cross {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10'%3e%3cpolygon points='10 0.7 9.3 0 5 4.3 0.7 0 0 0.7 4.3 5 0 9.3 0.7 10 5 5.7 9.3 10 10 9.3 5.7 5'/%3e%3c/svg%3e")
}

.Icon_type_cross-websearch {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3e%3cpath d='M6.586 8 .93 2.343 2.342.93 8 6.585 13.657.93l1.414 1.413L9.42 8l5.657 5.657-1.413 1.414L8 9.42l-5.657 5.65L.93 13.658 6.585 8z'/%3e%3c/svg%3e")
}

.Textinput_size_m .Textinput-Box, .Textinput_size_m .Textinput-Control {
    height: var(--textinput-size-m-height)
}

.Textinput_size_m .Textinput-Control {
    border-width: var(--textinput-size-m-control-spaceAll);
    font-size: var(--textinput-size-m-fontSize)
}

.Textinput.Textinput_size_m .Textinput-Icon_side_left ~ .Textinput-Control {
    border-left-width: var(--textinput-size-m-has-icon-spaceLeft)
}

.Textinput.Textinput_size_m .Textinput-Icon_side_right ~ .Textinput-Control, .Textinput_size_m.Textinput_hasClear .Textinput-Clear_visible ~ .Textinput-Control {
    border-right-width: var(--textinput-size-m-has-icon-spaceRight)
}

.Textinput_size_m.Textinput_hasClear .Textinput-Icon_side_right ~ .Textinput-Control {
    border-right-width: calc(var(--textinput-size-m-has-icon-spaceRight) * 2)
}

.Textinput_size_m.Textinput_iconRight .Textinput-Clear {
    right: var(--textinput-size-m-has-icon-spaceRight)
}

.Textinput_size_m .Textinput-Icon.Icon {
    height: var(--textinput-size-m-icon-height);
    width: var(--textinput-size-m-icon-width)
}

.Textinput_size_s .Textinput-Box, .Textinput_size_s .Textinput-Control {
    height: var(--textinput-size-s-height)
}

.Textinput_size_s .Textinput-Control {
    border-width: var(--textinput-size-s-control-spaceAll);
    font-size: var(--textinput-size-s-fontSize)
}

.Textinput.Textinput_size_s .Textinput-Icon_side_left ~ .Textinput-Control {
    border-left-width: var(--textinput-size-s-has-icon-spaceLeft)
}

.Textinput.Textinput_size_s .Textinput-Icon_side_right ~ .Textinput-Control, .Textinput_size_s.Textinput_hasClear .Textinput-Clear_visible ~ .Textinput-Control {
    border-right-width: var(--textinput-size-s-has-icon-spaceRight)
}

.Textinput_size_s.Textinput_hasClear .Textinput-Icon_side_right ~ .Textinput-Control {
    border-right-width: calc(var(--textinput-size-s-has-icon-spaceRight) * 2)
}

.Textinput_size_s.Textinput_iconRight .Textinput-Clear {
    right: var(--textinput-size-s-has-icon-spaceRight)
}

.Textinput_size_s .Textinput-Icon.Icon {
    height: var(--textinput-size-s-icon-height);
    width: var(--textinput-size-s-icon-width)
}

.Textinput_theme_normal .Textinput-Control {
    color: #000
}

.Textinput_theme_normal .Textinput-Control::-webkit-input-placeholder, .Textinput_theme_normal .Textinput-Control::placeholder {
    color: #999
}

.Textinput_disabled.Textinput_theme_normal .Textinput-Control {
    color: #aaa;
    -webkit-text-fill-color: #aaa
}

.Textinput_theme_normal .Textinput-Box {
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .2)
}

.Textinput_theme_normal[class*=_pin_] .Textinput-Box {
    border-radius: 3px
}

.Textinput_theme_normal.Textinput_state_error .Textinput-Box {
    border-color: var(--color-control-bg-border-default-state-error)
}

.Textinput_theme_normal.Textinput_disabled .Textinput-Box {
    background-color: rgba(0, 0, 0, .08);
    border-color: transparent
}

.Textinput_theme_normal .Textinput-Clear {
    opacity: 0
}

.Textinput_theme_normal .Textinput-Clear.Textinput-Clear_visible {
    opacity: .3
}

.Textinput_theme_normal.Textinput_disabled .Textinput-Clear_visible {
    opacity: .1
}

.Textinput_theme_normal.Textinput_state_error .Textinput-Hint {
    color: var(--color-control-typo-state-error)
}

.Textinput_theme_websearch {
    height: 36px
}

.Textinput_theme_websearch .Textinput-Control {
    border-left-width: 13px;
    border-right-width: 30px;
    color: #000;
    font-family: arial, sans-serif;
    font-size: 18px;
    height: 36px;
    line-height: normal
}

.Textinput_theme_websearch .Textinput-Box {
    background-color: #fff;
    border: 2px solid #ffdb4d;
    border-right-width: 0
}

.Textinput_theme_websearch .Textinput-Icon {
    background-size: 20px 20px;
    height: 36px;
    width: 32px
}

.Textinput-Clear_theme_websearch {
    display: none;
    visibility: hidden
}

.Textinput_theme_websearch .Textinput-Clear {
    background-size: 16px 16px;
    opacity: 0
}

.Textinput_theme_websearch .Textinput-Icon_side_left ~ .Textinput-Control {
    border-left-width: 32px
}

.Textinput_theme_websearch .Textinput-Icon_side_right ~ .Textinput-Control {
    border-right-width: 32px
}

.Textinput_theme_websearch.Textinput_hasClear .Textinput-Icon_side_right ~ .Textinput-Control {
    border-right-width: 48px
}

.Textinput_theme_websearch .Textinput-Icon_side_right ~ .Textinput-Clear {
    right: 24px
}

.Textinput_theme_websearch .Textinput-Clear.Textinput-Clear_visible {
    opacity: .3
}

.Textinput_theme_websearch.Textinput_disabled .Textinput-Clear_visible {
    opacity: .1
}

.Textinput.Textinput_pin_brick-brick[class][class] .Textinput-Box {
    border-radius: 0
}

.Textinput.Textinput_pin_brick-clear[class][class] .Textinput-Box {
    border-radius: 0;
    border-right-width: 0
}

.Textinput.Textinput_pin_brick-round[class][class] .Textinput-Box {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.Textinput.Textinput_pin_clear-brick[class][class] .Textinput-Box {
    border-left-width: 0;
    border-radius: 0
}

.Textinput.Textinput_pin_clear-clear[class][class] .Textinput-Box {
    border-left-width: 0;
    border-radius: 0;
    border-right-width: 0
}

.Textinput.Textinput_pin_clear-round[class][class] .Textinput-Box {
    border-bottom-left-radius: 0;
    border-left-width: 0;
    border-top-left-radius: 0
}

.Textinput.Textinput_pin_round-brick[class][class] .Textinput-Box {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.Textinput.Textinput_pin_round-clear[class][class] .Textinput-Box {
    border-bottom-right-radius: 0;
    border-right-width: 0;
    border-top-right-radius: 0
}

.Textinput_view_default .Textinput-Box {
    background-color: var(--textinput-view-default-fill-color-base);
    border: var(--textinput-borderWidth) solid var(--textinput-view-default-border-color-base);
    border-radius: var(--textinput-borderRadius);
    transition: background-color .15s linear
}

.Textinput_view_default.Textinput_state_error .Textinput-Box {
    border-color: var(--textinput-view-default-border-color-state-error-base)
}

.Textinput_view_default .Textinput-Control {
    color: var(--textinput-view-default-typo-color-base)
}

.Textinput_view_default .Textinput-Control::-ms-input-placeholder {
    color: var(--textinput-view-default-placeholder-typo-color-base)
}

.Textinput_view_default .Textinput-Control::placeholder {
    color: var(--textinput-view-default-placeholder-typo-color-base)
}

.Textinput_view_default .Textinput-Icon {
    color: var(--textinput-view-default-icon-fill-color-base)
}

.Textinput_view_default .Textinput-Clear {
    transition: color .15s linear
}

.Textinput_view_default.Textinput_size_s .Textinput-Clear svg {
    height: 12px;
    width: 12px
}

.Textinput_view_default.Textinput_size_m .Textinput-Clear svg {
    height: 14px;
    width: 14px
}

.Textinput_view_default.Textinput_state_error .Textinput-Hint {
    color: var(--textinput-view-default-hint-typo-color-state-error-base)
}

.Textinput_view_default.Textinput_disabled .Textinput-Control {
    color: var(--textinput-view-default-typo-color-disabled)
}

.Textinput_view_default.Textinput_disabled .Textinput-Control::-ms-input-placeholder {
    color: var(--textinput-view-default-placeholder-typo-color-disabled)
}

.Textinput_view_default.Textinput_disabled .Textinput-Control::placeholder {
    color: var(--textinput-view-default-placeholder-typo-color-disabled)
}

.Textinput_view_default.Textinput_disabled .Textinput-Box {
    background-color: var(--textinput-view-default-fill-color-disabled);
    border-color: var(--textinput-view-default-border-color-disabled)
}

.Textinput.Textinput_view_default.Textinput_focused .Textinput-Box[class] {
    border-color: var(--textinput-view-default-border-color-focused);
    border-width: var(--textinput-borderWidth)
}

.Textinput_view_material {
    display: inline-flex;
    flex-direction: column;
    font-family: var(--textinput-font-family);
    overflow: hidden;
    position: relative
}

.Textinput_view_material .Textinput-Box {
    bottom: 0;
    height: auto;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1
}

.Textinput_view_material .Textinput-Control {
    border: none;
    caret-color: var(--textinput-view-material-caret-color-base);
    color: var(--textinput-view-material-typo-color-base);
    font-size: var(--textinput-view-material-font-size) !important;
    padding: var(--textinput-view-material-space-all)
}

.Textinput_view_material.Textinput_state_error .Textinput-Control {
    caret-color: var(--textinput-view-material-caret-color-state-error)
}

.Textinput_view_material .Textinput-Icon {
    color: var(--textinput-view-material-icon-fill-color-base);
    height: var(--textinput-view-material-icon-width) !important;
    top: 50%;
    transform: translateY(-50%);
    width: var(--textinput-view-material-icon-width) !important
}

.Textinput_view_material.Textinput_disabled .Textinput-Icon {
    color: var(--textinput-view-material-icon-fill-color-disabled)
}

.Textinput_view_material .Textinput-Icon_side_left {
    left: var(--textinput-view-material-space-left)
}

.Textinput_view_material .Textinput-Icon_side_right {
    right: var(--textinput-view-material-space-right)
}

.Textinput_view_material.Textinput_hasClear .Textinput-Clear {
    right: calc(var(--textinput-view-material-space-right) * 2 + var(--textinput-view-material-icon-width))
}

.Textinput_view_material .Textinput-Label {
    color: var(--textinput-view-material-label-color-base);
    left: 0;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    right: auto;
    top: 50%;
    transform: translateY(-50%) scale(1);
    transform-origin: top left;
    transition: color .15s cubic-bezier(.4, 0, .2, 1) 0s, transform .15s cubic-bezier(.4, 0, .2, 1) 0s, top .15s cubic-bezier(.4, 0, .2, 1) 0s;
    white-space: nowrap;
    will-change: transform;
    z-index: 1
}

.Textinput_view_material .Textinput-Label_floated {
    color: var(--textinput-view-material-label-color-floated-base);
    top: 0;
    transform: translateY(9.5px) scale(.75)
}

.Textinput_view_material.Textinput_iconLeft .Textinput-Label {
    left: calc(var(--textinput-view-material-space-left) * 2 + var(--textinput-view-material-icon-width))
}

.Textinput_view_material .Textinput-Control::-ms-input-placeholder {
    color: transparent
}

.Textinput_view_material .Textinput-Control::placeholder {
    color: transparent
}

.Textinput_view_material.Textinput_focused .Textinput-Control::-ms-input-placeholder {
    color: var(--textinput-view-material-placeholder-typo-color-base)
}

.Textinput_view_material.Textinput_focused .Textinput-Control::placeholder {
    color: var(--textinput-view-material-placeholder-typo-color-base)
}

.Textinput_variant_filled .Textinput-Control, .Textinput_variant_outlined .Textinput-Control {
    padding-left: var(--textinput-view-material-space-left);
    padding-right: var(--textinput-view-material-space-right)
}

.Textinput_view_material .Textinput-Label ~ .Textinput-Control {
    margin-top: var(--textinput-view-material-space-top)
}

.Textinput_view_material.Textinput_iconLeft .Textinput-Control {
    padding-left: calc(var(--textinput-view-material-space-left) * 2 + var(--textinput-view-material-icon-width))
}

.Textinput_view_material.Textinput_iconRight .Textinput-Control {
    padding-right: calc(var(--textinput-view-material-space-right) * 2 + var(--textinput-view-material-icon-width))
}

.Textinput_view_material.Textinput_hasClear.Textinput_iconRight .Textinput-Control {
    padding-right: calc((var(--textinput-view-material-space-right) * 2 + var(--textinput-view-material-icon-width)) * 2)
}

.Textinput_view_material .Textinput-Box:before {
    border-bottom: 1px solid var(--textinput-view-material-border-color-base);
    bottom: 0;
    content: "\00a0";
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    transition: border-bottom-color .2s cubic-bezier(.4, 0, .2, 1) 0ms
}

.Textinput_variant_filled .Textinput-Box {
    background-color: var(--textinput-view-material-variant-filled-fill-color);
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1
}

.Textinput_variant_filled .Textinput-Label {
    left: var(--textinput-view-material-space-left)
}

.Textinput_variant_filled.Textinput_focused .Textinput-Label_floated {
    color: var(--textinput-view-material-variant-filled-label-color-floated)
}

.Textinput_view_material.Textinput_variant_filled .Textinput-Box:after {
    border-bottom-color: var(--textinput-view-material-variant-filled-border-color-focused)
}

.Textinput-Hint_view_material.Textinput-Hint_variant_filled {
    margin-left: var(--textinput-view-material-space-left);
    margin-right: var(--textinput-view-material-space-right)
}

.Textinput_variant_outlined .Textinput-Box {
    border: 1px solid var(--textinput-view-material-variant-outlined-border-color-base);
    border-radius: 8px
}

.Textinput_view_material.Textinput_variant_outlined .Textinput-Box:after, .Textinput_view_material.Textinput_variant_outlined .Textinput-Box:before {
    content: none
}

.Textinput_variant_outlined.Textinput_focused .Textinput-Box {
    border-color: var(--textinput-view-material-variant-outlined-border-color-focused)
}

.Textinput_variant_outlined .Textinput-Label {
    left: var(--textinput-view-material-space-left)
}

.Textinput_variant_outlined.Textinput_focused .Textinput-Label_floated {
    color: var(--textinput-view-material-variant-outlined-label-color-floated)
}

.Textinput-Hint_view_material.Textinput-Hint_variant_outlined {
    margin-left: var(--textinput-view-material-space-right);
    margin-right: var(--textinput-view-material-space-left)
}

.Textinput_view_material .Textinput-Box:after {
    border-bottom: 1px solid var(--color-control-bg-action);
    bottom: 0;
    content: "";
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    transform: scaleX(0);
    transition: transform .2s cubic-bezier(0, 0, .2, 1) 0ms
}

.Textinput_view_material.Textinput_focused:not(.Textinput_disabled) .Textinput-Box:after {
    transform: scaleX(1)
}

.Textinput-Hint_view_material {
    color: var(--textinput-view-material-hint-typo-color-base);
    font-size: var(--textinput-view-material-hint-font-size)
}

.Textinput-Hint_view_material.Textinput-Hint_state_error {
    color: var(--textinput-view-material-hint-typo-color-state-error)
}

.Textinput_view_material.Textinput_state_error .Textinput-Icon_side_left, .Textinput_view_material.Textinput_state_error .Textinput-Label {
    color: var(--textinput-view-material-label-color-state-error)
}

.Textinput_view_material.Textinput_state_error .Textinput-Box, .Textinput_view_material.Textinput_state_error .Textinput-Box:after, .Textinput_view_material.Textinput_state_error .Textinput-Box:before, .Textinput_view_material.Textinput_state_error.Textinput_focused .Textinput-Box:after {
    border-color: var(--textinput-view-material-border-color-state-error)
}

.Textinput_view_material.Textinput_disabled .Textinput-Control {
    color: var(--textinput-view-material-typo-color-disabled)
}

.Textinput_baseline, .Textinput_baseline .Textinput-Control {
    vertical-align: baseline
}

.Button2_size_s:before {
    border-radius: 4px
}

html .Button2 {
    font-weight: 500;
    transform: scale(1);
    transition: transform .1s ease-out, color .15s linear
}

html .Button2:before {
    font: var(--text-desktop-button-2);
    transition: background .15s linear, opacity .15s linear
}

.Button2:before {
    box-shadow: var(--box-shadow-button)
}

html .Button2_pressed {
    transform: var(--transform-button-pressed);
    transition: none
}

.Button2.Button2.Button2_pin_circle-circle, .Button2.Button2.Button2_pin_circle-circle:before {
    border-radius: 100px
}

.Button2 {
    box-sizing: border-box;
    display: inline-block;
    font-family: var(--button-font-family);
    font-weight: inherit;
    margin: 0;
    overflow: visible;
    padding: 0;
    position: relative;
    -moz-user-focus: ignore;
    background: transparent;
    border-width: 0;
    outline: 0;
    text-align: center;
    -webkit-text-decoration: none;
    text-decoration: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    touch-action: manipulation
}

.Button2[aria-busy=true], .Button2[aria-disabled=true] {
    pointer-events: none
}

.Button2::-moz-focus-inner {
    border: 0;
    padding: 0
}

.Button2:before {
    border-radius: var(--button-borderRadius)
}

.Button2:after, .Button2:before {
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1
}

.Button2:after {
    transform: scale(0)
}

.Button2 .Button2-Icon {
    pointer-events: none;
    position: relative
}

.Button2 .Button2-Icon_side_left {
    left: 0;
    position: absolute;
    top: 0
}

.Button2 .Button2-Icon_side_right {
    position: absolute;
    right: 0;
    top: 0
}

.Button2-Text {
    display: inline-block;
    pointer-events: none;
    position: relative;
    resize: none;
    white-space: nowrap
}

.Button2_view_default {
    color: var(--button-view-default-typo-color-base);
    font-family: var(--button-default-font-family)
}

.Button2_view_default:before {
    background-color: var(--button-view-default-fill-color-base)
}

.Button2_view_default:not([aria-disabled=true]):hover:before {
    background-color: var(--button-view-default-fill-color-hovered)
}

.Button2_view_default[aria-disabled=true] {
    color: var(--button-view-default-typo-color-disabled)
}

.Button2_view_default[aria-disabled=true]:before {
    background-color: var(--button-view-default-fill-color-disabled);
    border-color: var(--color-transparent)
}

.Button2 {
    cursor: pointer
}

.Button2[aria-disabled=true], .Button2_disabled {
    cursor: default
}

.Button2_view_promo {
    color: var(--button-view-promo-typo-color-base);
    font-family: var(--button-view-promo-font-family)
}

.Button2_view_promo:before {
    background-color: var(--button-view-promo-fill-color-base);
    background-image: var(--button-view-promo-fill-image-base)
}

.Button2_view_promo:not([aria-disabled=true]):hover:before {
    background-color: var(--button-view-promo-fill-color-hovered);
    background-image: var(--button-view-promo-fill-image-hovered)
}

.Button2_view_promo[aria-disabled=true] {
    color: var(--button-view-promo-typo-color-disabled)
}

.Button2_view_promo[aria-disabled=true]:before {
    background-color: var(--button-view-promo-fill-color-disabled);
    background-image: var(--button-view-promo-fill-image-disabled);
    border-color: var(--color-transparent)
}

.Button2_view_action {
    color: var(--button-view-action-typo-color-base)
}

.Button2_view_action:before {
    background-color: var(--button-view-action-fill-color-base);
    background-image: var(--button-view-action-fill-image-base)
}

.Button2_view_action:not([aria-disabled=true]):hover:before {
    background-color: var(--button-view-action-fill-color-hovered);
    background-image: var(--button-view-action-fill-image-hovered)
}

.Button2_view_action[aria-disabled=true] {
    color: var(--button-view-action-typo-color-disabled)
}

.Button2_view_action[aria-disabled=true]:before {
    background-color: var(--button-view-action-fill-color-disabled);
    background-image: var(--button-view-action-fill-image-disabled);
    border-color: var(--color-transparent)
}

.Button2_view_raised {
    color: var(--button-view-raised-typo-color-base);
    fill: var(--button-view-raised-typo-color-base)
}

.Button2_view_raised:before {
    background-color: var(--button-view-raised-fill-color-base)
}

.Button2_view_raised:not([aria-disabled=true]):hover:before {
    background-color: var(--button-view-raised-fill-color-hovered)
}

.Button2_view_raised[aria-disabled=true] {
    color: var(--button-typo-color-disabled)
}

.Button2_view_raised[aria-disabled=true]:before {
    background-color: var(--button-fill-color-disabled);
    border-color: var(--color-transparent)
}

.Button2_view_raised.Button2_size_l.Button2_pin_circle-circle {
    height: 44px;
    width: 44px
}

.Button2_view_raised.Button2_raised:before, .Button2_view_raised:before {
    box-shadow: var(--button-view-raised-box-shadow-base)
}

.Button2_view_raised.Button2_pressed, .Button2_view_raised.Button2_raised.Button2_pressed {
    box-shadow: none
}

.Button2_size_s {
    font-size: var(--button-size-s-font);
    height: var(--button-size-s-height);
    line-height: var(--button-size-s-lineHeight)
}

.Button2_size_s .Button2-Text {
    margin: var(--button-size-s-text-indentAll)
}

.Button2_size_s .Button2-Icon, .Button2_size_s .Button2-Icon.Icon_type_arrow {
    width: var(--button-size-s-icon-width)
}

.Button2_size_s .Button2-Icon_side_left ~ .Button2-Text {
    margin-left: var(--button-size-s-icon-indentLeft)
}

.Button2_size_s .Button2-Icon_side_right ~ .Button2-Text {
    margin-right: var(--button-size-s-icon-indentRight)
}

.Button2_size_m {
    font-size: var(--button-size-m-font);
    height: var(--button-size-m-height);
    line-height: var(--button-size-m-lineHeight)
}

.Button2_size_m .Button2-Text {
    margin: var(--button-size-m-text-indentAll)
}

.Button2_size_m .Button2-Icon, .Button2_size_m .Button2-Icon.Icon_type_arrow {
    width: var(--button-size-m-icon-width)
}

.Button2_size_m .Button2-Icon_side_left ~ .Button2-Text {
    margin-left: var(--button-size-m-icon-indentLeft)
}

.Button2_size_m .Button2-Icon_side_right ~ .Button2-Text {
    margin-right: var(--button-size-m-icon-indentRight)
}

.Button2_size_l {
    font-size: var(--button-size-l-font);
    height: var(--button-size-l-height);
    line-height: var(--button-size-l-lineHeight)
}

.Button2_size_l .Button2-Text {
    margin: var(--button-size-l-text-indentAll);
    font-size: 2rem;
    font-weight: bold;
    color: #fff;
}

.Button2_size_l .Button2-Icon, .Button2_size_l .Button2-Icon.Icon_type_arrow {
    width: var(--button-size-l-icon-width)
}

.Button2_size_l .Button2-Icon_side_left ~ .Button2-Text {
    margin-left: var(--button-size-l-icon-indentLeft)
}

.Button2_size_l .Button2-Icon_side_right ~ .Button2-Text {
    margin-right: var(--button-size-l-icon-indentRight)
}

.Button2_width_max {
    width: 100%
}

.Button2_width_max.Button2_type_link {
    display: block
}

.Button2_width_max .Button2-Text {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis
}

.app_theme_playhop .hub-wrapper {
    margin-bottom: 12px
}

.app_theme_playhop .hub-wrapper .section-header {
    box-sizing: border-box;
    margin: 0 0 12px;
    padding: 0
}

.app_theme_playhop .hub-wrapper .grid-list, .app_theme_playhop .hub-wrapper .hub-games__container--mobile {
    margin: 0;
    padding: 0
}

.app_theme_playhop.app_bundle_mobile .hub-wrapper {
    margin-top: 0
}

.categories-page__columns {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-left: -12px
}

.app_bundle_mobile .categories-page__columns {
    margin-top: 12px;
    padding: 0
}

.app_bundle_mobile.app_theme_playhop .categories-page__header {
    margin-top: 0
}

.app_colorized_categories_icons .categories-links-list__list-item:nth-child(7n+1) .categories-links-list__colorized-icon {
    fill: url(#icons-grad-1)
}

.app_colorized_categories_icons .categories-links-list__list-item:nth-child(7n+2) .categories-links-list__colorized-icon {
    fill: url(#icons-grad-2)
}

.app_colorized_categories_icons .categories-links-list__list-item:nth-child(7n+3) .categories-links-list__colorized-icon {
    fill: url(#icons-grad-3)
}

.app_colorized_categories_icons .categories-links-list__list-item:nth-child(7n+4) .categories-links-list__colorized-icon {
    fill: url(#icons-grad-4)
}

.app_colorized_categories_icons .categories-links-list__list-item:nth-child(7n+5) .categories-links-list__colorized-icon {
    fill: url(#icons-grad-5)
}

.app_colorized_categories_icons .categories-links-list__list-item:nth-child(7n+6) .categories-links-list__colorized-icon {
    fill: url(#icons-grad-6)
}

.app_colorized_categories_icons .categories-links-list__list-item:nth-child(7n+7) .categories-links-list__colorized-icon {
    fill: url(#icons-grad-7)
}

.categories-links-list {
    display: flex;
    flex-direction: column;
    max-width: 50%;
    padding: 0
}

.categories-links-list__list-item {
    display: block;
    margin-bottom: 5px
}

.tags-page__list {
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap
}

.app_bundle_mobile .tags-page__list {
    margin-top: 12px;
    padding: 0
}

.tags-page__list-item {
    display: block;
    margin-bottom: 8px;
    margin-right: 8px
}

.app_bundle_mobile.app_theme_playhop .tags-page__header {
    margin-top: 0
}

.tag-link {
    -webkit-text-decoration: none;
    text-decoration: none;
    -webkit-tap-highlight-color: transparent
}

.game-reviews-feed__popup {
    background-color: var(--game-video-review-tutorial-popup-background-color);
    border-radius: 18px;
    box-shadow: 0 3px 32px 0 var(--black-alpha-02);
    max-width: 336px;
    padding: 11px 20px 11px 11px;
    z-index: 100
}

.game-reviews-feed__popup-tail {
    fill: var(--game-video-review-tutorial-popup-background-color)
}

.game-reviews-feed__popup-content {
    align-items: center;
    color: var(--game-video-review-tutorial-popup-color);
    display: flex;
    font: var(--game-video-review-tutorial-popup-font)
}

.game-reviews-feed__icon {
    flex-shrink: 0;
    height: 64px;
    margin-right: 10px;
    width: 64px;
    fill: var(--white-1000)
}

.game-reviews-feed__content {
    display: grid;
    grid-auto-rows: 0;
    grid-template-columns: repeat(auto-fill, minmax(330px, 1fr));
    grid-template-rows: 1fr;
    overflow: hidden;
    grid-column-gap: 16px;
    -moz-column-gap: 16px;
    column-gap: 16px
}

.app_bundle_mobile .game-reviews-feed__content {
    grid-template-columns: repeat(auto-fill, minmax(calc(225px + 1.2vw), 1fr))
}

@media (max-width: 599px) {
    .app_bundle_mobile .game-reviews-feed__content {
        grid-template-columns:1fr;
        margin: 0 var(--page-padding-mobile-offset)
    }

    .app_bundle_mobile .game-reviews-feed__content .game-reviews-feed__info, .app_bundle_mobile .game-reviews-feed__content .video-review-card__video-review-title {
        padding: 0 16px
    }
}

@media (max-height: 499px) {
    .app_bundle_mobile .game-reviews-feed__content {
        -moz-column-gap: 12px;
        column-gap: 12px
    }
}

.game-reviews-feed__item {
    min-width: 0
}

.app_bundle_mobile .game-reviews-feed__info {
    margin-top: 8px
}

.HorizontalAccentThumb-critical-catalog-module__gameInfo--ar2Tv {
    align-items: center;
    -webkit-backdrop-filter: blur(40px);
    backdrop-filter: blur(40px);
    background: #0000004d;
    border-radius: 12px 12px 12px 8px;
    bottom: 16px;
    box-sizing: border-box;
    color: var(--white-1000);
    display: flex;
    height: 64px;
    left: 16px;
    padding: 12px 16px 12px 12px;
    position: absolute;
    width: 224px;
    z-index: 9
}

.main-body_rtl .HorizontalAccentThumb-critical-catalog-module__gameInfo--ar2Tv {
    border-radius: 12px 12px 8px;
    left: unset;
    padding: 12px 12px 12px 16px;
    right: 16px
}

@media screen and (max-width: 972px) {
    .HorizontalAccentThumb-critical-catalog-module__gameInfo--ar2Tv {
        bottom: 8px;
        height: 52px;
        left: 8px;
        padding: 8px 12px 8px 8px;
        width: 170px
    }

    .main-body_rtl .HorizontalAccentThumb-critical-catalog-module__gameInfo--ar2Tv {
        border-radius: 12px 12px 8px;
        left: unset;
        padding: 8px 8px 8px 12px;
        right: 8px
    }
}

.HorizontalAccentThumb-critical-catalog-module__rating--pl_Nt {
    bottom: 0;
    left: 0;
    position: absolute;
    z-index: 2
}

.main-body_rtl .HorizontalAccentThumb-critical-catalog-module__rating--pl_Nt {
    left: unset;
    right: 0
}

.HorizontalAccentThumb-critical-catalog-module__header--guR25 {
    align-items: flex-start;
    display: flex;
    justify-content: space-between
}

.HorizontalAccentThumb-critical-catalog-module__title--L1y_L {
    font-size: 14px;
    font-weight: 500;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 144px
}

@media screen and (max-width: 972px) {
    .HorizontalAccentThumb-critical-catalog-module__title--L1y_L {
        font-size: 13px;
        width: 102px
    }
}

.HorizontalAccentThumb-critical-catalog-module__category--RQkHf {
    display: block;
    font-size: 11px;
    font-weight: 400;
    margin-top: 4px;
    opacity: .6;
    overflow: hidden
}

.HorizontalAccentThumb-critical-catalog-module__icon--coneT {
    border-radius: 8px;
    height: 40px;
    margin-right: 12px;
    transition: transform .15s ease-out;
    width: 40px
}

.HorizontalAccentThumb-critical-catalog-module__wrapper--XiAjs:hover .HorizontalAccentThumb-critical-catalog-module__icon--coneT {
    transform: scale(1.1)
}

.main-body_rtl .HorizontalAccentThumb-critical-catalog-module__icon--coneT {
    margin-left: 12px;
    margin-right: unset
}

@media screen and (max-width: 972px) {
    .HorizontalAccentThumb-critical-catalog-module__icon--coneT {
        height: 36px;
        width: 36px
    }
}

.VerticalAccentThumb-critical-catalog-module__wrapper--hsFIy {
    border-radius: 12px;
    overflow: hidden
}

.VerticalAccentThumb-critical-catalog-module__maskGroup--VPlxG {
    bottom: 0;
    height: 40%;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 8
}

.VerticalAccentThumb-critical-catalog-module__maskLayerBlur--vjdiK, .VerticalAccentThumb-critical-catalog-module__maskLayerGradient--IJP3X {
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    width: 100%
}

.VerticalAccentThumb-critical-catalog-module__maskLayerGradient--IJP3X {
    background: linear-gradient(180deg, #0000, #0000004d);
    transition: all .2s ease-in-out;
    z-index: 1
}

.VerticalAccentThumb-critical-catalog-module__wrapper--hsFIy:hover .VerticalAccentThumb-critical-catalog-module__maskLayerGradient--IJP3X {
    background: linear-gradient(180deg, #0000, #00000026)
}

.VerticalAccentThumb-critical-catalog-module__maskLayerBlur--vjdiK {
    -webkit-backdrop-filter: blur(45.586px);
    backdrop-filter: blur(45.586px);
    background: linear-gradient(180deg, #00000003, #00000003);
    border-radius: 12px;
    -webkit-mask-image: linear-gradient(180deg, #fff0, #fffc 20%, #fffffff2 30%, #fffffffa 40%, #fff 53.87%, #fff);
    mask-image: linear-gradient(180deg, #fff0, #fffc 20%, #fffffff2 30%, #fffffffa 40%, #fff 53.87%, #fff);
    -webkit-mask-size: cover;
    mask-size: cover;
    z-index: 2
}

.VerticalAccentThumb-critical-catalog-module__gameInfo--l1mwU {
    align-items: center;
    bottom: 0;
    box-sizing: border-box;
    color: var(--white-1000);
    display: flex;
    flex-direction: column;
    left: 0;
    padding: 0 16px 16px;
    position: absolute;
    width: 100%;
    z-index: 9
}

@media screen and (min-width: 1286px) {
    .VerticalAccentThumb-critical-catalog-module__gameInfo--l1mwU {
        padding: 0 16px 24px
    }
}

.VerticalAccentThumb-critical-catalog-module__iconWrapper--F1dfs {
    border: 3px solid var(--white-1000);
    border-radius: 8px;
    height: 56px;
    overflow: hidden;
    position: relative;
    transition: transform .15s ease-out;
    width: 56px
}

.VerticalAccentThumb-critical-catalog-module__wrapper--hsFIy:hover .VerticalAccentThumb-critical-catalog-module__iconWrapper--F1dfs {
    transform: scale(1.1)
}

@media screen and (max-width: 972px) {
    .VerticalAccentThumb-critical-catalog-module__iconWrapper--F1dfs {
        height: 48px;
        width: 48px
    }
}

.VerticalAccentThumb-critical-catalog-module__rating--JPHBA {
    bottom: 0;
    left: 0;
    position: absolute;
    z-index: 2
}

.VerticalAccentThumb-critical-catalog-module__rating--JPHBA span {
    border-radius: 0 5px 0 0
}

.main-body_rtl .VerticalAccentThumb-critical-catalog-module__rating--JPHBA {
    left: unset;
    right: 0
}

.main-body_rtl .VerticalAccentThumb-critical-catalog-module__rating--JPHBA span {
    border-radius: 5px 0 0
}

.VerticalAccentThumb-critical-catalog-module__icon--STAEQ {
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    width: 100%
}

.VerticalAccentThumb-critical-catalog-module__title--socO9 {
    font-size: 15px;
    font-weight: 500;
    line-height: 18px;
    margin: 9px 0 0;
    min-width: 100%;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 0
}

@media screen and (max-width: 972px) {
    .VerticalAccentThumb-critical-catalog-module__title--socO9 {
        font-size: 13px;
        line-height: 120%
    }
}

.VerticalAccentThumb-critical-catalog-module__categoryWrapper--esstr.VerticalAccentThumb-critical-catalog-module__categoryWrapper--esstr {
    display: block;
    height: 14px;
    margin-top: 6px;
    overflow: hidden;
    text-align: center
}

@media screen and (max-width: 972px) {
    .VerticalAccentThumb-critical-catalog-module__categoryWrapper--esstr.VerticalAccentThumb-critical-catalog-module__categoryWrapper--esstr {
        margin-top: 4px
    }
}

.VerticalAccentThumb-critical-catalog-module__categoryName--DlzPR.VerticalAccentThumb-critical-catalog-module__categoryName--DlzPR.VerticalAccentThumb-critical-catalog-module__categoryName--DlzPR {
    color: var(--white-1000);
    font-size: 13px;
    font-weight: 400;
    line-height: 14px;
    margin-right: 8px;
    opacity: .6
}

.VerticalAccentThumb-critical-catalog-module__categoryIcon--PFTIw.VerticalAccentThumb-critical-catalog-module__categoryIcon--PFTIw.VerticalAccentThumb-critical-catalog-module__categoryIcon--PFTIw {
    height: 12px;
    margin-right: 4px;
    width: 12px;
    fill: var(--white-1000);
    fill-opacity: .6
}

.inlineShortcutBanner-critical-catalog-module__banner--XiD0s {
    align-items: center;
    background-color: var(--shortcut-banner-bg);
    border-radius: 16px;
    box-shadow: var(--shortcut-banner-shadow);
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    margin-bottom: 10px;
    padding: 24px;
    position: relative;
    width: 100%
}

.inlineShortcutBanner-critical-catalog-module__title--VftCk {
    font-size: 24px;
    font-weight: 500;
    line-height: 120%;
    margin: 0 0 4px
}

.inlineShortcutBanner-critical-catalog-module__subtitle--WoAIh, .inlineShortcutBanner-critical-catalog-module__title--VftCk {
    font-style: normal;
    padding: 0;
    text-align: center
}

.inlineShortcutBanner-critical-catalog-module__subtitle--WoAIh {
    font-size: 13px;
    font-weight: 400;
    margin: 0;
    opacity: .5
}

.inlineShortcutBanner-critical-catalog-module__closeButton--GEzjZ {
    background-color: initial;
    box-shadow: unset;
    opacity: .4;
    position: absolute;
    right: 8px;
    top: 8px
}

.inlineShortcutBanner-critical-catalog-module__actionButton--KduRv {
    margin-top: 20px;
    min-width: 204px
}

.inlineShortcutBanner-critical-catalog-module__iconWrapper--LFB_n {
    margin-top: 14px;
    position: relative
}

.app_bundle_mobile .inlineShortcutBanner-critical-catalog-module__banner--XiD0s .inlineShortcutBanner-critical-catalog-module__iconShadow--sRI8X {
    border-radius: 75%;
    filter: blur(32px);
    height: 100px;
    left: 50%;
    opacity: var(--shortcut-icon-shadow-opacity);
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100px
}

.app_bundle_mobile .inlineShortcutBanner-critical-catalog-module__banner--XiD0s .inlineShortcutBanner-critical-catalog-module__icon--irAKH {
    --size: 52px;
    border-radius: 8px;
    height: var(--size);
    position: relative;
    width: var(--size)
}

.inlineShortcutBanner-critical-catalog-module__iconTitle--DZwgS {
    font-size: 13px;
    line-height: 140%;
    margin: 6px 0 0;
    padding: 0;
    text-align: center
}

.categorized-games-with-inline-game-info__header {
    margin: 0 auto 16px
}

.categorized-games-with-inline-game-info__container_stretch .horizontal-container__list {
    display: inline-flex;
    justify-content: space-between;
    min-width: 100%
}

.played-feed__header {
    margin: 0 0 12px
}

.app_bundle_mobile .played-feed {
    margin-bottom: 16px
}

.app_theme_playhop .played-feed__header {
    padding: 0
}

.app_bundle_mobile.app_theme_playhop .played-feed {
    overflow: visible
}

.app_bundle_mobile.app_theme_playhop .played-feed .horizontal-container__list {
    padding: 0 var(--page-padding-mobile)
}

.played-games__container {
    width: 100%
}

.played-games__card {
    display: inline-block;
    margin: 0 12px 0 0;
    padding-top: 3px;
    position: relative
}

.main-body_rtl .played-games__card {
    margin: 0 0 0 12px
}

.app_bundle_mobile .played-games__card {
    margin: 0 8px 0 0
}

.app_bundle_mobile .played-games__card:last-of-type {
    margin: 0
}

.main-body_rtl .app_bundle_mobile .played-games__card {
    margin: 0 0 0 8px
}

.played-games__shortcut-guard {
    bottom: 0;
    display: none;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 9
}

.played-games__shortcut-guard_active {
    display: block
}

.app_bundle_mobile .played-games .horizontal-container {
    margin-top: -3px
}

.played-games__delete:not(.played-games__delete_can_edit) {
    display: none
}

.app_bundle_mobile.app_theme_playhop .played-games__card {
    padding-top: 6px
}

.app_bundle_mobile.app_theme_playhop .played-games .horizontal-container {
    margin-top: -6px
}

.app_bundle_mobile.app_theme_playhop .played-games .horizontal-container__container-wrapper {
    margin: 0 var(--page-padding-mobile-offset)
}

.main-body_rtl .Select-critical-module__button--Rptz_ {
    text-align: right
}

.Select-critical-module__select--yD0yd {
    display: inline-block;
    margin-bottom: 7px;
    max-width: 100%;
    position: relative;
    scrollbar-color: var(--selector-scrollbar-thumb-color) var(--selector-bg-color);
    vertical-align: bottom
}

.Select-critical-module__select--yD0yd .Select-critical-module__menu--DOTzR {
    display: block;
    max-height: inherit
}

.Select-critical-module__select-width-max--nObLq, .Select-critical-module__select-width-max--nObLq .Select-critical-module__menu--DOTzR {
    width: 100%
}

.Select-critical-module__button--Rptz_ {
    border-radius: var(--button-borderRadius);
    font-size: 13px;
    height: 32px;
    justify-content: space-between;
    line-height: 16px;
    text-align: left;
    vertical-align: top
}

.Select-critical-module__button--Rptz_:before {
    background-color: var(--selector-bg-color)
}

.Select-critical-module__button--Rptz_:hover:before {
    background-color: var(--selector-bg-color-hover)
}

.Select-critical-module__button--Rptz_[aria-expanded=true] .Select-critical-module__button-icon--gYHZX {
    margin-left: 5px;
    transform: rotate(180deg)
}

.Select-critical-module__button-icon--gYHZX {
    display: flex;
    height: 12px;
    text-align: center;
    transition: transform .35s ease;
    width: 12px
}

.Select-critical-module__button-icon--gYHZX path {
    fill: var(--selector-text)
}

.Select-critical-module__button-text--ouFfK {
    color: var(--selector-text);
    font-size: var(--selector-button-text);
    min-width: 16px;
    text-transform: capitalize
}

.Select-critical-module__popup--JV3FH {
    border-radius: var(--selector-popup-border-radius);
    max-width: 210px;
    overflow: hidden;
    width: 100%
}

.Select-critical-module__menu--DOTzR {
    background-color: var(--selector-bg-color);
    border-radius: inherit;
    box-sizing: border-box;
    color: var(--selector-text);
    display: inline-block;
    font-family: var(--selector-menu-font-family);
    font-size: var(--selector-menu-size-m-font-size);
    line-height: var(--selector-menu-size-m-line-height);
    outline: 0;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.Select-critical-module__menu--DOTzR:after, .Select-critical-module__menu--DOTzR:before {
    content: "";
    display: block;
    height: var(--selector-menu-size-m-space-vert)
}

.Select-critical-module__menu-item--V_JZh {
    align-items: center;
    background-position: var(--selector-menu-item-space-hor) center;
    cursor: pointer;
    display: flex;
    overflow: hidden;
    padding: 8px;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap
}

.Select-critical-module__menu-item-selected--Y4LNe, .Select-critical-module__menu-item--V_JZh:hover {
    background-color: var(--selector-bg-color-hover);
    color: var(--selector-menu-item-color)
}

.Select-critical-module__menu-icon--rk0jq {
    align-items: center;
    display: flex;
    margin-right: var(--selector-menu-size-m-item-icon-indent-right);
    width: 16px
}

.Select-critical-module__menu-item-text--TTuCk {
    font-size: var(--typography-controls-size-s-font-size);
    text-transform: capitalize
}

.image {
    align-items: center;
    border-radius: 14%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    position: relative
}

.image__img {
    max-height: 100%;
    max-width: 100%;
    visibility: hidden
}

.play-guard-dialog__description-icon_low .image__img {
    width: 100%
}

.image_state_loaded {
    background: none
}

.image_state_loaded .image__img {
    visibility: visible
}

.p2e-header {
    height: var(--p2e-mobile-header-height);
    height: 90px;
    margin-bottom: 16px;
    position: relative;
    top: 0;
    transform: translateY(0);
    transition: transform 0ms ease;
    z-index: var(--z-index-left-panel-background)
}

.p2e-header__right {
    align-items: center;
    display: flex
}

.p2e-header.p2e-header_out {
    transform: translateY(-100px)
}

.p2e-header.p2e-header_fixed {
    left: 0;
    padding: 0 var(--page-padding-mobile);
    position: fixed;
    right: 0
}

.p2e-header_with-avatar-entry .YandexHeader-Content {
    margin-top: -18px
}

.p2e-header_with-avatar-entry .YandexHeader-Content .search {
    border-radius: 100px
}

.p2e-header_with-avatar-entry .p2e-header__currency {
    background: var(--color-grey-2);
    border-radius: 100px;
    padding: 7px 8px
}

.p2e-header.p2e-header_open-panel {
    z-index: 990
}

.p2e-header__right-row {
    align-items: center;
    display: flex
}

.p2e-header__right-column {
    position: absolute;
    right: 0;
    top: -38px
}

.p2e-header__actions-block:first-child {
    display: flex;
    flex-grow: 1;
    gap: 8px;
    position: relative
}

.p2e-header__actions-block:not(:first-child) {
    margin-left: 12px;
    position: relative;
    top: -20px
}

.p2e-header__actions-block-search {
    width: 100%
}

.p2e-header__search-button.Button2 .Icon {
    width: 24px
}

.p2e-header__search-button.Button2 .Icon_type_search {
    opacity: 1
}

.p2e-header__search-button {
    margin-right: 16px
}

.app_bundle_mobile .p2e-header__search-button {
    height: 24px;
    margin-right: 10px
}

@media screen and (max-width: 420px) {
    .p2e-header__search-button + .p2e-header__user {
        margin-left: 16px
    }
}

.p2e-header_multimorda .YandexHeader .YandexHeader-Base {
    align-items: center;
    border-bottom: none;
    display: flex
}

.p2e-header_multimorda .YandexHeader .YandexHeader-Content {
    display: flex;
    justify-content: flex-end;
    overflow: hidden
}

@media screen and (orientation: landscape) {
    .p2e-header_multimorda .YandexHeader .YandexHeader-Content {
        justify-content: center;
        left: 0;
        position: absolute;
        right: 0
    }
}

.p2e-header .YandexHeader-Base {
    background-color: var(--color-main-theme);
    border-bottom: 1px solid var(--color-separator-temporary);
    height: 46px;
    padding: 0 10px
}

.p2e-header .YandexHeader-Content {
    padding: 9px 2px;
    white-space: nowrap;
    width: 100%
}

.p2e-header .YandexHeader-Content .search {
    width: 100%
}

.p2e-header .YandexHeader-LogoWrapper {
    margin-right: 0
}

.p2e-header .YandexHeader {
    z-index: var(--z-index-header)
}

.p2e-header .YandexHeader .YandexHeader-Base {
    border-bottom: none;
    flex-wrap: wrap;
    height: 90px;
    padding: 0 var(--page-padding-mobile) 5px
}

.p2e-header .YandexHeader .YandexHeader-LogoWrapper {
    order: 1
}

.p2e-header .YandexHeader .YandexHeader-Actions {
    max-width: 130px;
    order: 2
}

.p2e-header .YandexHeader .YandexHeader-Content {
    order: 3;
    padding: 0;
    width: 100%
}

@media (max-width: 360px) {
    .p2e-header:not(.p2e-header_with-avatar-entry) .YandexHeader .YandexHeader-Base {
        padding: 0 10px 8px
    }

    .p2e-header:not(.p2e-header_with-avatar-entry) .YandexHeader .balance_type_catalog {
        height: 24px;
        padding-left: 0;
        padding-right: 0
    }

    .p2e-header:not(.p2e-header_with-avatar-entry) .YandexHeader .balance_type_catalog .balance__portal-currency-wrapper {
        align-items: center;
        background: var(--p2e-balance-bg-color);
        border-radius: 12px;
        box-sizing: border-box;
        display: flex;
        height: 24px;
        min-width: 52px;
        padding-left: 2px;
        padding-right: 8px;
        position: relative
    }

    .p2e-header:not(.p2e-header_with-avatar-entry) .YandexHeader .balance_type_catalog .balance__portal-currency-wrapper:before {
        background: var(--p2e-primary);
        border-radius: 50%;
        content: "";
        height: 20px;
        margin-right: 2px;
        width: 20px
    }

    .p2e-header:not(.p2e-header_with-avatar-entry) .YandexHeader .balance_type_catalog .balance__portal-currency-wrapper .portal-currency-icon {
        left: 6px;
        position: absolute;
        width: 12px
    }

    .p2e-header:not(.p2e-header_with-avatar-entry) .YandexHeader .balance_type_catalog .balance__portal-currency-wrapper .portal-currency__value {
        color: var(--text-color-game-card-title-temporary);
        text-align: right;
        -webkit-text-fill-color: unset
    }
}

.main-body_rtl .app_bundle_mobile .p2e-header .Textinput-Control {
    border-left-width: var(--textinput-size-m-has-icon-spaceRight);
    border-right-width: var(--textinput-size-m-has-icon-spaceRight)
}

:root {
    --SEPARATOR_LINE_SIZE: 3px;
    --MAX_VIEWPORT_ADV_WIDTH: 100%;
    --DEFAULT_MOBILE_ADV_HEIGHT: 50px;
    --MAX_PORTRAIT_ADV_HEIGHT: 100px;
    --MAX_LANDSCAPE_ADV_HEIGHT: 50px;
    --DEFAULT_LANDSCAPE_MOBILE_ADV_WIDTH: 160px;
    --MIN_SCREEN_WIDTH_FOR_LANDSCAPE_SIDE_ADV: 700px;
    --SIMILAR_CONTAINER_HEIGHT: 107px
}

.sticky_ready .play-game-header_with-adv .play-game-minified-header_with-adv, .sticky_ready .play-guard-dialog_with-adv {
    width: var(--MAX_VIEWPORT_ADV_WIDTH)
}

.with-similar-games .game, .with-similar-games .guard, .with-similar-games .merge-conflicts, .with-similar-games .play-guard-dialog {
    height: calc(100% - var(--SIMILAR_CONTAINER_HEIGHT))
}

@media (max-height: 700px) {
    .sticky-mobile {
        --DEFAULT_MOBILE_ADV_HEIGHT: var(--MAX_PORTRAIT_ADV_HEIGHT)
    }
}

.sticky-mobile-upper .game, .sticky-mobile-upper .guard, .sticky-mobile-upper .merge-conflicts, .sticky-mobile-upper .play-guard-dialog {
    height: calc(100% - var(--DEFAULT_MOBILE_ADV_HEIGHT) - var(--SEPARATOR_LINE_SIZE));
    top: calc(var(--DEFAULT_MOBILE_ADV_HEIGHT) + var(--SEPARATOR_LINE_SIZE))
}

@media screen and (orientation: portrait) {
    .sticky-mobile-bottom-portrait .game, .sticky-mobile-bottom-portrait .guard, .sticky-mobile-bottom-portrait .header-container, .sticky-mobile-bottom-portrait .merge-conflicts, .sticky-mobile-bottom-portrait .play-game-header, .sticky-mobile-bottom-portrait .play-guard-dialog {
        height: calc(100% - var(--DEFAULT_MOBILE_ADV_HEIGHT) - var(--SEPARATOR_LINE_SIZE) * 2)
    }
}

@media screen and (orientation: landscape) {
    .sticky-mobile-bottom-landscape .game, .sticky-mobile-bottom-landscape .guard, .sticky-mobile-bottom-landscape .header-container, .sticky-mobile-bottom-landscape .merge-conflicts, .sticky-mobile-bottom-landscape .play-game-header, .sticky-mobile-bottom-landscape .play-guard-dialog {
        height: calc(100% - var(--MAX_LANDSCAPE_ADV_HEIGHT) - var(--SEPARATOR_LINE_SIZE) * 2)
    }
}

.sticky-mobile-right .game, .sticky-mobile-right .guard, .sticky-mobile-right .merge-conflicts, .sticky-mobile-right .play-guard-dialog {
    width: calc(100% - var(--DEFAULT_LANDSCAPE_MOBILE_ADV_WIDTH) - var(--SEPARATOR_LINE_SIZE) * 2)
}

.sticky-mobile-left .game, .sticky-mobile-left .guard, .sticky-mobile-left .merge-conflicts, .sticky-mobile-left .play-guard-dialog {
    left: calc(var(--DEFAULT_LANDSCAPE_MOBILE_ADV_WIDTH) + var(--SEPARATOR_LINE_SIZE));
    width: calc(100% - var(--DEFAULT_LANDSCAPE_MOBILE_ADV_WIDTH) - var(--SEPARATOR_LINE_SIZE))
}

.app_bundle_mobile .MyGamesInlineShortcutBanner-critical-module__banner--crXTE .MyGamesInlineShortcutBanner-critical-module__icon--NDYTr {
    height: 62px;
    margin-bottom: -6px;
    width: 104px
}

@keyframes play-similar-games-stub-pulsate {
    0% {
        opacity: .7
    }

    to {
        opacity: 1
    }
}


.reviewed-game-card__categories.reviewed-game-card__categories-wrapper .category {
    font: var(--text-desktop-caption-1)
}

.back_to_top {
    position: fixed;
    right: 2rem;
    bottom: 3rem;
    z-index: 1;
    height: 50px;
    width: 50px;
    box-shadow: 0 0 28px #0000009c;
    cursor: pointer;
    display:flex;
    /*background: #c5ff00;*/
    background: #c2e154;
    border-radius: 50%;
}

.back_to_top img{
    width:80%;
    height:80%;
}

html{
    scroll-behavior: smooth;
}

.adBox {
    width: calc(100% + 2rem - 20px);
    margin-left: calc(-1rem + 10px);
    border-radius: 8px;
    margin-top: 30px;
    margin-bottom: 30px;
    height: auto;
    display: flex;
    justify-content: center;
    background-color: #CCCCCC;
    color: #000;
}

.adBox0 {
    width: 100%;
    overflow: hidden;
    height: auto;
    display: flex;
    align-items: center;
    flex-direction: column;
    position: relative;
    padding: 15px 0 15px 0;
}