@font-face {
    font-family: 'TT Supermolot Neue';
    src: local('TT Supermolot Neue Condensed Medium'), local('TT-Supermolot-Neue-Condensed-Medium'),
         url('../woff2/tt_supermolot_neue_condensed_medium-webfont.woff2') format('woff2'),
         url('../woff/tt_supermolot_neue_condensed_medium-webfont.woff') format('woff'),
         url('../ttf/tt_supermolot_neue_condensed_medium-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'TT Supermolot Neue';
    src: local('TT Supermolot Neue Condensed DemiBold'), local('TT-Supermolot-Neue-Condensed-DemiBold'),
         url('../woff2/tt_supermolot_neue_condensed_demibold-webfont.woff2') format('woff2'),
         url('../woff/tt_supermolot_neue_condensed_demibold-webfont.woff') format('woff'),
         url('../ttf/tt_supermolot_neue_condensed_demibold-webfont.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

:root {
  --color-background: #161B28;
  --color-midnight-express: #1D2333;
  --color-midnight-express_2: #202739;
  --color-midnight-express_3: #232A3E;
  --color-bluewood: #343E5C;
  --color-biscay: #313B55;
  --color-roman: #dc2f43;
  --color-roman-hover: #C64B4B;
  --color-purple: #800080;
  --color-blue: #162BFF;
  --color-dark-pastel-green: #005F03;
  --color-white: #FFFFFF;
  --color-black: #000000;
  --color-dodger-blue: #006AFF;
  --color-dodger-blue-hover: #3086FF;
  --color-navy-blue: #005BDB;
  --color-cobalt: #004EBB;
  --color-rock-blue: #B6BED5;
  --color-ship-cove: #7B8398;
  --color-periwinkle: #B9C6E7;
  --color-blue-shadow: rgba(0, 106, 255, 0.2);
  --color-dove-gray: #656565;
  --color-east-bay: #445278;
  --color-wattle: #D8E356;
  --color-wattle-opacity02: rgba(216, 227, 86, 0.2);
  --color-spring-green: #00FF66;
  --color-spring-green-opacity02: rgba(0, 255, 102, 0.2);
  --color-regent-gray: #828A9E;
  --font-family-init: 'TT Supermolot Neue';
  --font-family-cyrillic: 'TT Supermolot Neue';
  --font-family-chinese: 'TT Supermolot Neue';
  --font-size-init: 1.6rem;
  --font-weight-init: normal;
}

.color-dodger-blue {
  color: var(--color-dodger-blue) !important;
}

.color-rock-blue {
  color: var(--color-rock-blue) !important;
}

.color-roman {
  color: var(--color-roman) !important;
}

.color-spring-green {
  color: var(--color-spring-green) !important;
}

.color-white {
  color: var(--color-white) !important;
}


/*!
  * Milligram v1.4.1
  * https://milligram.io
  *
  * Copyright (c) 2020 CJ Patoilo
  * Licensed under the MIT license
 */

*,
*:after,
*:before {
  box-sizing: inherit;
}

html {
  box-sizing: border-box;
  font-size: 62.5%;
}

body {
  background-position: top center; 
  color: var(--color-white);
  font-family: var(--font-family-init), var(--font-family-cyrillic), var(--font-family-chinese), sans-serif;
  font-style: normal;
  font-size: var(--font-size-init);
  font-weight: var(--font-weight-init);
  font-display: swap;
  line-height: 1.25;
  margin: 0;
  width: 100%;
  overflow: auto;
}

body.white {
  background-color: var(--color-white);
}

.wrapper.login-background {
  background-image: url(../png/login_background.png);
  background-position-y: calc(100% - 100rem);
  background-position-x: center;
  background-repeat: no-repeat;
}

@media (min-width: 962px) {
  .wrapper.login-background {
    background-position-y: calc(100% - 51rem);
    background-position-x: calc(50% - 2rem);
  }
}

@media (min-width: 1281px) {
  .wrapper.login-background {
    background-position-y: calc(100% - 43rem);
    background-position-x: calc(50% - 11.6rem);
  }
}

.main-background {
  width: 100%;
  height: 100%;
  position: fixed;
  background-size: cover;
  z-index: -1;
}

blockquote {
  border-left: 0.3rem solid #d1d1d1;
  margin-left: 0;
  margin-right: 0;
  padding: 1rem 1.5rem;
}

blockquote *:last-child {
  margin-bottom: 0;
}

input, textarea {
  font-family: var(--font-family);
  font-size: var(--font-size);
  font-weight: var(--font-weight);
  color: var(--color-white);
  -webkit-appearance: none;
  border-radius: 0;
}

.button,
button,
input[type='button'],
input[type='reset'],
input[type='submit'] {
  background-color: var(--color-dodger-blue);
  border: 0.1rem solid var(--color-dodger-blue);
  color: var(--color-white);
  cursor: pointer;
  display: inline-block;
  font-family: var(--font-family-init), var(--font-family-cyrillic), sans-serif;
  font-size: 1.6rem;
  font-weight: normal;
  height: 4.4rem;
  line-height: 4.4rem;
  padding: 0 4.4rem;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
}

.button.small,
button.small {
  height: 3.6rem;
  line-height: 3.6rem;
  padding: 0 2rem;
  font-size: 1.4rem;
}

.button.small-padding,
button.small-padding {
  padding: 0 2rem;
}

.button.shadow,
input[type='button'] {
  background-color: var(--color-blue-shadow);
  border: 0.2rem solid var(--color-dodger-blue);
  color: var(--color-white);
  padding: 0 2.2rem;
}

input[type='button'] {
  text-transform: uppercase;
}

.button:not(.not-hover):focus, .button:not(.not-hover):hover,
button:not(.not-hover):focus,
button:not(.not-hover):hover,
input[type='reset']:not(.not-hover):focus,
input[type='reset']:not(.not-hover):hover,
input[type='submit']:not(.not-hover):focus,
input[type='submit']:not(.not-hover):hover {
  background-color: var(--color-navy-blue);
  border-color: var(--color-navy-blue);
  color: var(--color-white);
  outline: 0;
}

.button.shadow:focus,
.button.shadow:hover,
input[type='button']:not(.not-hover):focus,
input[type='button']:not(.not-hover):hover {
  background-color: rgba(56, 139, 255, 0.2);
  outline: 0;
}

.button.button-outline,
button.button-outline,
input[type='button'].button-outline,
input[type='reset'].button-outline,
input[type='submit'].button-outline {
  background-color: transparent;
  border: 0.15rem solid var(--color-rock-blue);
  color: var(--color-rock-blue);
}

.button.button-outline.big-width,
button.button-outline.big-width,
input[type='button'].button-outline.big-width,
input[type='reset'].button-outline.big-width,
input[type='submit'].button-outline.big-width {
  padding-left: 5.7rem;
  padding-right: 5.7rem;
}

.button.button-outline:not(.not-hover):focus, .button.button-outline:not(.not-hover):hover,
button.button-outline:not(.not-hover):focus,
button.button-outline:not(.not-hover):hover,
input[type='button'].button-outline:not(.not-hover):focus,
input[type='button'].button-outline:not(.not-hover):hover,
input[type='reset'].button-outline:not(.not-hover):focus,
input[type='reset'].button-outline:not(.not-hover):hover,
input[type='submit'].button-outline:not(.not-hover):focus,
input[type='submit'].button-outline:not(.not-hover):hover {
  background-color: var(--color-rock-blue);
  border-color: var(--color-rock-blue);
  color: var(--color-midnight-express_2);
}

.button.button-outline-blue,
button.button-outline-blue,
input[type='button'].button-outline-blue,
input[type='reset'].button-outline-blue,
input[type='submit'].button-outline-blue {
  background-color: transparent;
  border: 0.15rem solid var(--color-dodger-blue);
  color: var(--color-white);
  padding-left: 5.7rem;
  padding-right: 5.7rem;
}

.button.button-outline-blue:not(.not-hover):focus, .button.button-outline-blue:not(.not-hover):hover,
button.button-outline-blue:not(.not-hover):focus,
button.button-outline-blue:not(.not-hover):hover,
input[type='button'].button-outline-blue:not(.not-hover):focus,
input[type='button'].button-outline-blue:not(.not-hover):hover,
input[type='reset'].button-outline-blue:not(.not-hover):focus,
input[type='reset'].button-outline-blue:not(.not-hover):hover,
input[type='submit'].button-outline-blue:not(.not-hover):focus,
input[type='submit'].button-outline-blue:not(.not-hover):hover {
  background-color: var(--color-navy-blue);
  border-color: var(--color-navy-blue);
  color: var(--color-white);
  outline: 0;
}

.button.button-outline-east-bay,
button.button-outline-east-bay,
input[type='button'].button-outline-east-bay,
input[type='reset'].button-outline-east-bay,
input[type='submit'].button-outline-east-bay {
  background-color: transparent;
  border: 0.15rem solid var(--color-east-bay);
  color: var(--color-east-bay);
  padding-left: 5.7rem;
  padding-right: 5.7rem;
}

.button.button-outline-east-bay:not(.not-hover):focus,
.button.button-outline-east-bay:not(.not-hover):hover,
button.button-outline-east-bay:not(.not-hover):focus,
button.button-outline-east-bay:not(.not-hover):hover,
input[type='button'].button-outline-east-bay:not(.not-hover):focus,
input[type='button'].button-outline-east-bay:not(.not-hover):hover,
input[type='reset'].button-outline-east-bay:not(.not-hover):focus,
input[type='reset'].button-outline-east-bay:not(.not-hover):hover,
input[type='submit'].button-outline-east-bay:not(.not-hover):focus,
input[type='submit'].button-outline-east-bay:not(.not-hover):hover {
  background-color: transparent;
  border-color: var(--color-navy-blue);
  color: var(--color-navy-blue);
  outline: 0;
}

.button.button-clear,
button.button-clear,
input[type='button'].button-clear,
input[type='reset'].button-clear,
input[type='submit'].button-clear {
  background-color: transparent;
  border-color: transparent;
  font-size: 1.4rem;
  color: var(--color-rock-blue);
  padding: 0 1.7rem;
}

.button.button-clear:not(.not-hover):focus, .button.button-clear:not(.not-hover):hover,
button.button-clear:not(.not-hover):focus,
button.button-clear:not(.not-hover):hover,
input[type='button'].button-clear:not(.not-hover):focus,
input[type='button'].button-clear:not(.not-hover):hover,
input[type='reset'].button-clear:not(.not-hover):focus,
input[type='reset'].button-clear:not(.not-hover):hover,
input[type='submit'].button-clear:not(.not-hover):focus,
input[type='submit'].button-clear:not(.not-hover):hover {
  background-color: transparent;
  border-color: transparent;
  color: var(--color-navy-blue);
}

.button.button-gg,
button.button-gg,
input[type='button'].button-gg,
input[type='reset'].button-gg,
input[type='submit'].button-gg {
  background: url(../svg/button_gg.svg);
  background-size: 100% 100%;
  border: unset;
  font-size: 1.4rem;
  color: var(--color-dodger-blue);
  line-height: 1.8rem;
  padding: 0.6rem 2.2rem;
  height: auto;
  max-height: 100%;
}

.button.button-gg:focus, .button.button-gg:hover,
button.button-gg:focus,
button.button-gg:hover,
input[type='button'].button-gg:focus,
input[type='button'].button-gg:hover,
input[type='reset'].button-gg:focus,
input[type='reset'].button-gg:hover,
input[type='submit'].button-gg:focus,
input[type='submit'].button-gg:hover {
  background-color: transparent;
  border-color: transparent;
  color: var(--color-dodger-blue);
}

.button:focus,
.button:hover,
button:focus,
button:hover,
input[type='button']:focus,
input[type='button']:hover,
input[type='reset']:focus,
input[type='reset']:hover,
input[type='submit']:focus,
input[type='submit']:hover {
  outline: none !important;
}

.button.not-hover,
button.not-hover,
input[type='button'].not-hover,
input[type='reset'].not-hover,
input[type='submit'].not-hover {
  cursor: auto;
}

.button[disabled],
button[disabled],
input[type='button'][disabled],
input[type='reset'][disabled],
input[type='submit'][disabled],
.button[disabled]:focus,
.button[disabled]:hover,
button[disabled]:focus,
button[disabled]:hover,
input[type='button'][disabled]:focus,
input[type='button'][disabled]:hover,
input[type='reset'][disabled]:focus,
input[type='reset'][disabled]:hover,
input[type='submit'][disabled]:focus,
input[type='submit'][disabled]:hover {
  background: rgba(154, 164, 191, 0.2) !important;
  border: 0.15rem solid var(--color-rock-blue) !important;
  color: var(--color-rock-blue) !important;
  opacity: 0.5 !important;
  cursor: auto;
}

.text-decoration-none {
  text-decoration: none !important;
}

code {
  background: #f4f5f6;
  border-radius: .4rem;
  font-size: 86%;
  margin: 0 .2rem;
  padding: .2rem .5rem;
  white-space: nowrap;
}

pre {
  background: #f4f5f6;
  border-left: 0.3rem solid #9b4dca;
  overflow-y: hidden;
}

pre > code {
  border-radius: 0;
  display: block;
  padding: 1rem 1.5rem;
  white-space: pre;
}

hr {
  border: 0;
  border-bottom: 0.1rem solid #333E5B;
  margin: 0 0 2.2rem;
  padding: 2.2rem 0 0;
  position: relative;
  background-color: inherit;
}

.delimiter {
  border: 0;
  border-top: 0.1rem solid var(--color-dodger-blue);
  margin: 4.0rem 0;
  position: relative;
  background-color: inherit;
}

.delimiter.sign:before {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);  
  content: attr(data-sign);
  font-size: 1.6rem;
  line-height: 2rem;
  color: var(--color-white);
  padding: 0 1rem;
  text-align: center;
  text-transform: uppercase;
  background-color: inherit;
}

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  border: 0.2rem solid var(--color-dodger-blue);
  -webkit-text-fill-color: var(--color-white);
  transition: background-color 5000s ease-in-out 0s;
}

input[type='color'],
input[type='date'],
input[type='datetime'],
input[type='datetime-local'],
input[type='month'],
input[type='number'],
input[type='password'],
input[type='tel'],
input[type='text'],
input[type='url'],
input[type='week'],
input[type='email'],
input[type='search'],
input:not([type]),
textarea,
select {
  -webkit-appearance: none;
  background-color: var(--color-midnight-express_2);
  border: 0.2rem solid var(--color-dodger-blue);
  box-shadow: none;
  box-sizing: inherit;
  height: 4.4rem;
  padding: 1.2rem 2.0rem;
  width: 100%;
  font-family: var(--font-family-init), var(--font-family-cyrillic), var(--font-family-chinese), sans-serif;
}

input[type='color']:-internal-autofill-selected,
input[type='date']:-internal-autofill-selected,
input[type='datetime']:-internal-autofill-selected,
input[type='datetime-local']:-internal-autofill-selected,
input[type='month']:-internal-autofill-selected,
input[type='number']:-internal-autofill-selected,
input[type='password']:-internal-autofill-selected,
input[type='tel']:-internal-autofill-selected,
input[type='text']:-internal-autofill-selected,
input[type='url']:-internal-autofill-selected,
input[type='week']:-internal-autofill-selected,
input[type='email']:-internal-autofill-selected,
input[type='search']:-internal-autofill-selected,
input:not([type]):-internal-autofill-selected {
  appearance: menulist-button;
  background-color: var(--color-midnight-express_2) !important;
  background-image: none !important;
  color: var(--color-white) !important;
}

input::placeholder,
textarea::placeholder {
  color: var(--color-east-bay);
}

input[type='color']:focus,
input[type='date']:focus,
input[type='datetime']:focus,
input[type='datetime-local']:focus,
input[type='email']:focus,
input[type='month']:focus,
input[type='number']:focus,
input[type='password']:focus,
input[type='search']:focus,
input[type='tel']:focus,
input[type='text']:focus,
input[type='url']:focus,
input[type='week']:focus,
input:not([type]):focus,
textarea:focus,
select:focus {
  outline: 0;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type="number"] {
  -moz-appearance: textfield;
}

label.v2 {
  font-weight: normal;
  color: var(--color-rock-blue);
  margin-bottom: 1rem;
}

input[type='color'].v2,
input[type='date'].v2,
input[type='datetime'].v2,
input[type='datetime-local'].v2,
input[type='month'].v2,
input[type='number'].v2,
input[type='password'].v2,
input[type='tel'].v2,
input[type='text'].v2,
input[type='url'].v2,
input[type='week'].v2,
input[type='email'].v2,
input[type='search'].v2,
input:not([type]).v2,
textarea.v2 {
  background-color: var(--color-midnight-express_2);
  border: 0.1rem solid #333E5B;
}

input[type='number'].v2,
input[type='password'].v2,
input[type='text'].v2,
input[type='search'].v2,
input:not([type]).v2,
textarea.v2 {
  background-color: var(--color-midnight-express_2);
  border: 0.2rem solid #333E5B;
}

textarea.v2 {
  height: auto;
  resize: vertical;
}

input[type='number'].v2:hover,
input[type='number'].v2:focus,
input[type='password'].v2:hover,
input[type='password'].v2:focus,
input[type='text'].v2:hover,
input[type='text'].v2:focus,
input[type='search'].v2:hover,
input[type='search'].v2:focus,
input:not([type]).v2:hover,
input:not([type]).v2:focus,
textarea.v2:hover,
textarea.v2:focus {
  border: 0.2rem solid var(--color-dodger-blue);
}

input[type='number'].v2::placeholder,
input[type='password'].v2::placeholder,
input[type='text'].v2::placeholder,
input[type='search'].v2::placeholder,
input:not([type]).v2::placeholder,
textarea.v2::placeholder {
  color: #4F5E88;
}

input[type="text"].with-keypad,
input[type="number"].with-keypad {
  background-image: url('../svg/keypad.svg');
  background-position: right 1rem top 1rem;
  background-repeat: no-repeat;
}

input[type="text"].small,
input[type="number"].small {
  padding:0.9rem 1.2rem;
  font-weight: normal;
  font-size: 1.6rem;
  line-height: 2.0rem;
  border-inline-width: 0.1rem;
}

.input-between {
  display: flex;
  justify-content: normal;
  align-items: center;
}

.input-between input[type="text"],
.input-between input[type="number"] {
  width: 9.6rem;
  height: 3.8rem;
  margin: 0 1rem 0 0;
}

.sidebar-catalog-filter > span + ul > li > .input-between {
  margin-left: -3.4rem;
}

.input-between button {
  width: auto;
  height: 3.8rem;
  line-height: 3.8rem;
  padding: 0 1rem;
}


select {
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 8" width="30"><path fill="%23d1d1d1" d="M0,0l6,8l6-8"/></svg>') center right no-repeat;
  padding-right: 3.0rem;
}

select[multiple] {
  background: none;
  height: auto;
}

select.v2 {
  background-color: rgba(154, 164, 191, 0.2);
  border: 0.1rem solid transparent;
  outline: none;
  font-size: 1.5rem;
  line-height: 1.5rem;
  color: var(--color-rock-blue);
  background-image: url(../svg/popover_close.svg);
  background-position: right 0.8rem center;
  background-repeat: no-repeat;
  padding: 0.25rem 3.2rem 0.25rem 1rem;
  width: auto;
}

select.v2:focus {
  background-image: url(../svg/popover_open_original.svg);
  outline: none;
}

select.v2 option {
  background-color: var(--color-midnight-express_2);
  border: 1px solid var(--color-biscay);
}

select.v2:focus option:checked {
  color: var(--color-dodger-blue);
}

textarea {
  min-height: 6.5rem;
}

label,
legend {
  display: block;
  font-size: 1.6rem;
  font-weight: bold;
}

fieldset {
  border-width: 0;
  padding: 0;
}

input[type='checkbox'],
input[type='radio'] {
  -webkit-appearance: none;
  display: inline;
}

.checkbox input[type='checkbox'],
.checkbox input[type='radio'] {
  position: absolute;
  z-index: -1;
  opacity: 0;  
}

.checkbox input[type='checkbox']+label,
.checkbox input[type='radio']+label {
  display: inline-flex;
  align-items: center;
  user-select: none;
}
.checkbox input[type='checkbox']+label::before,
.checkbox input[type='radio']+label::before {
  content: '';
  display: inline-block;
  width: 2.4rem;
  height: 2.4rem;
  flex-shrink: 0;
  flex-grow: 0;
  border: none;
  border-radius: 0;
  margin-top: -3px;
  margin-right: 1rem;
  background-color: var(--color-blue-shadow);
  border: 1px solid var(--color-dodger-blue);  
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 50% 50%;
}

.form-group .checkbox input[type='checkbox']+label::before,
.form-group .checkbox input[type='radio']+label::before {
  margin-top: 0;
}

.checkbox label {
  font-size: 1.2rem;
  font-weight: normal;
  line-height: 1.25;
  color: var(--color-rock-blue);
  cursor: pointer;
}

.checkbox label a {
  color: #4794ff;
  text-decoration: underline;
  margin: 0 0.15rem;
}

.checkbox label a:hover {
  color: var(--color-dodger-blue-hover);
  text-decoration: underline;
  margin: 0 0.15rem;
}

.checkbox input[type='checkbox']:checked+label::before,
.checkbox input[type='radio']:checked+label::before {
  background-color: var(--color-dodger-blue);
  background-image: url('../svg/checkbox_active.svg');
}

.checkbox input[type='checkbox']:disabled+label,
.checkbox input[type='radio']:disabled+label,
.checkbox input[type='checkbox']:disabled+label::before,
.checkbox input[type='radio']:disabled+label::before {
  cursor: auto;
}

.checkbox input[type='checkbox']:disabled+label::before,
.checkbox input[type='radio']:disabled+label::before {
  opacity: 0.4;
}

.checkbox input[type='checkbox']:not(:disabled):not(:checked)+label:hover::before,
.checkbox input[type='checkbox']:focus+label::before,
.checkbox input[type='radio']:not(:disabled):not(:checked)+label:hover::before,
.checkbox input[type='radio']:focus+label::before {
  background-color: rgba(0, 106, 255, 0.44);
}

.checkbox input[type='checkbox']:not(:disabled):active+label::before,
.checkbox input[type='radio']:not(:disabled):active+label::before {
  background-color: var(--color-dodger-blue);
}

.label-inline {
  display: inline-block;
  font-weight: normal;
  margin-left: .5rem;
}

.select {
  background-color: rgba(154, 164, 191, 0.2);
  position: relative;
}

.select > span {
  height: 2rem;
  background-image: url(../svg/popover_close.svg);
  background-position: right 5px center;
  background-repeat: no-repeat;
  padding: 0.25rem 2.2rem 0.25rem 0.5rem;
  cursor: pointer;
}

.select.is_active > span {
  background-image: url(../svg/popover_open_original.svg);
}

.select > ul {
  display: none;
  width: auto;
  min-width: 100%;
  list-style: none;
  margin: 0;
  padding: 0;
  z-index: 100;
  position: absolute;
  right: 0;
  background-color: var(--color-midnight-express_2);
  border: 1px solid var(--color-biscay);  
}

.select.is_active > ul {
  display: block;
  max-height: 20rem;
  overflow-y: auto;
}

.select.is_active > ul::-webkit-scrollbar {
  width: 0.6rem;
}

.select.is_active > ul::-webkit-scrollbar-track {
  background: var(--color-rock-blue);
}

.select.is_active > ul::-webkit-scrollbar-thumb {
  background: var(--color-biscay);
}

.select > ul > li {
  padding: 0.25rem 0 !important;
  border: 1px solid var(--color-midnight-express_2) !important;
  margin-bottom: 0 !important;
}

.select > ul > li:before {
  content: unset !important;
}

.select > ul > li:hover {
  background: var(--color-blue-shadow);
  border: 1px solid var(--color-dodger-blue);
}

.select > span,
.select > ul > li,
.select > ul > li > a {
  font-size: 1.5rem !important;
  line-height: 1.5rem !important;
  color: var(--color-rock-blue) !important;
  display: block;
  white-space: nowrap;
}

.select > ul > li > a {
  padding: 0.25rem 2.1rem;
}

.select > ul > li:first-child > a {
  padding-top: 0.5rem;
}

.select > ul > li:last-child > a {
  padding-bottom: 0.5rem;
}

.select > ul > li.selected,
.select > ul > li.selected > a,
.select > ul > li:hover,
.select > ul > li:hover > a {
  color: var(--color-dodger-blue);
}

.select-date {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}

.select-date > .select {
  margin-right: 2rem;
  background-color: transparent;
}

.select-date > .select:last-child {
  margin-right: 0;
}

.select-date > .select > span {
  height: 3.8rem;
  padding: 1rem 3.6rem 1rem 1.2rem;
  border: 0.2rem solid var(--color-dodger-blue);
  background-image: url(../svg/popover_close_original.svg);
}

.select-date > .select:nth-child(1) {
  min-width: 8rem;
}

.select-date > .select:nth-child(2) {
  min-width: 11.5rem;
}

.select-date > .select:nth-child(3) {
  min-width: 6.6rem;
}

.container {
  margin: 0 auto;
  max-width: 134.0rem;
  padding: 0 2.0rem;
  position: relative;
  width: 100%;
}

.row {
  display: flex;
  flex-direction: column;
  padding: 0;
  width: 100%;
}

.row.row-no-padding {
  padding: 0;
}

.row.row-no-padding > .column {
  padding: 0;
}

.row.row-wrap {
  flex-wrap: wrap;
}

.row.row-top {
  align-items: flex-start;
}

.row.row-bottom {
  align-items: flex-end;
}

.row.row-center {
  align-items: center;
}

.row.row-stretch {
  align-items: stretch;
}

.row.row-baseline {
  align-items: baseline;
}

.row .column {
  display: block;
  flex: 1 1 auto;
  margin-left: 0;
  max-width: 100%;
  width: 100%;
}

.row .column.column-offset-10 {
  margin-left: 10%;
}

.row .column.column-offset-20 {
  margin-left: 20%;
}

.row .column.column-offset-25 {
  margin-left: 25%;
}

.row .column.column-offset-33, .row .column.column-offset-34 {
  margin-left: 33.3333%;
}

.row .column.column-offset-40 {
  margin-left: 40%;
}

.row .column.column-offset-50 {
  margin-left: 50%;
}

.row .column.column-offset-60 {
  margin-left: 60%;
}

.row .column.column-offset-66, .row .column.column-offset-67 {
  margin-left: 66.6666%;
}

.row .column.column-offset-75 {
  margin-left: 75%;
}

.row .column.column-offset-80 {
  margin-left: 80%;
}

.row .column.column-offset-90 {
  margin-left: 90%;
}

.row .column.column-10 {
  flex: 0 0 10%;
  max-width: 10%;
}

.row .column.column-20 {
  flex: 0 0 20%;
  max-width: 20%;
}

.row .column.column-25 {
  flex: 0 0 25%;
  max-width: 25%;
}

.row .column.column-33, .row .column.column-34 {
  flex: 0 0 33.3333%;
  max-width: 33.3333%;
}

.row .column.column-40 {
  flex: 0 0 40%;
  max-width: 40%;
}

.row .column.column-50 {
  flex: 0 0 50%;
  max-width: 50%;
}

.row .column.column-60 {
  flex: 0 0 60%;
  max-width: 60%;
}

.row .column.column-66, .row .column.column-67 {
  flex: 0 0 66.6666%;
  max-width: 66.6666%;
}

.row .column.column-75 {
  flex: 0 0 75%;
  max-width: 75%;
}

.row .column.column-80 {
  flex: 0 0 80%;
  max-width: 80%;
}

.row .column.column-90 {
  flex: 0 0 90%;
  max-width: 90%;
}

.row .column .column-top {
  align-self: flex-start;
}

.row .column .column-bottom {
  align-self: flex-end;
}

.row .column .column-center {
  align-self: center;
}

@media (min-width: 48.1rem) {
  .row {
    flex-direction: row;
    margin-left: -1.0rem;
    width: calc(100% + 2.0rem);
  }
  .row .column {
    margin-bottom: inherit;
    padding: 0 1.0rem;
  }
}

.with-icon {
  position: relative;
}

.with-icon:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

.with-icon.icon-eye:before {
  background: url('../svg/eye.svg') no-repeat center center;
}

.with-icon.icon-price:before {
  background: url('../svg/price.svg') no-repeat center center;
}

.with-icon.icon-language:before {
  background: url('../svg/language.svg') no-repeat center center;
}

.with-icon.icon-platform:before {
  background: url('../svg/platform.svg') no-repeat center center;
}

.with-icon.icon-steam-deck {
  padding-right: 1.8rem !important;
}

.with-icon.icon-steam-deck:before {
  background: url('../svg/steam_deck.svg') no-repeat center center;
}

.with-icon.icon-drm:before {
  background: url('../svg/drm.svg') no-repeat center center;
}

.with-icon.icon-king:before {
  background: url('../svg/king.svg') no-repeat center center;
}

.with-icon.icon-speedometer:before {
  background: url('../svg/speedometer.svg') no-repeat center center;
}

.with-icon.icon-genre:before {
  background: url('../svg/genre.svg') no-repeat center center;
}

.with-icon.icon-calendar:before {
  background: url('../svg/calendar.svg') no-repeat center center;
}

.with-icon.icon-vr:before {
  background: url('../svg/vr.svg') no-repeat center center;
}

.with-icon.icon-users:before {
  background: url('../svg/users.svg') no-repeat center center;
}

.with-icon.icon-history:before {
  background: url('../svg/history.svg') no-repeat center center;
}

.with-icon.icon-view-grid:before {
  background: url('../svg/view_grid.svg') no-repeat center center;
}

.with-icon.icon-view-grid.is_active:before,
.with-icon.icon-view-grid:hover:before {
  background: url('../svg/view_grid_active.svg') no-repeat center center;
}

.with-icon.icon-view-list:before {
  background: url('../svg/view_list.svg') no-repeat center center;
}

.with-icon.icon-view-list.is_active:before,
.with-icon.icon-view-list:hover:before {
  background: url('../svg/view_list_active.svg') no-repeat center center;
}

.with-icon.icon-view-simple:before {
  background: url('../svg/view_simple.svg') no-repeat center center;
}

.with-icon.icon-windows:before {
  background: url('../svg/windows_os.svg') no-repeat center center;
}

.with-icon.icon-linux:before {
  background: url('../svg/linux_os.svg') no-repeat center center;
}

.with-icon.icon-macosx:before {
  background: url('../svg/mac_os.svg') no-repeat center center;
}

.with-icon.icon-waiting:before {
  background: url('../svg/waiting.svg') no-repeat center center;
}

.with-icon.icon-filter:before {
  background: url('../svg/filter.svg') no-repeat center center;
}

a {
  color: #4794ff;
  text-decoration: none;
}

.column-content a {
  color: #4794ff;
  text-decoration: underline;
}

a:not(.button):focus,
a:not(.button):hover {
  color: var(--color-dodger-blue-hover);
}

a.color-roman:focus, a.color-roman:hover {
  color: var(--color-roman-hover) !important;
}

a.color-dodger-blue:focus, a.color-dodger-blue:hover {
  color: var(--color-dodger-blue-hover) !important;
}

dl,
ol,
ul {
  list-style: none;
  margin-top: 0;
  padding-left: 0;
}

dl dl,
dl ol,
dl ul,
ol dl,
ol ol,
ol ul,
ul dl,
ul ol,
ul ul {
  font-size: 90%;
  margin: 1.5rem 0 1.5rem 3.0rem;
}

ol {
  list-style: decimal inside;
}

ul {
  list-style: circle inside;
}

.button,
button,
form,
textarea,
dd,
fieldset,
input,
select,
dt,
li {
  margin-bottom: 0;
}

blockquote,
dl,
figure,
ol,
p,
pre,
table,
ul {
  margin-bottom: 2.5rem;
}

small {
  font-size: 75%;
}

table {
  border-spacing: 0;
  display: block;
  overflow-x: auto;
  text-align: left;
  width: 100%;
}

td,
th {
  border-bottom: 0.1rem solid #e1e1e1;
  padding: 1.2rem 1.5rem;
}

td:first-child,
th:first-child {
  padding-left: 0;
}

td:last-child,
th:last-child {
  padding-right: 0;
}

@media (min-width: 48.1rem) {
  table {
    display: table;
    overflow-x: initial;
  }
}

b,
strong {
  font-weight: bold;
  color: var(--color-rock-blue);
}

p {
  margin-top: 0;
  margin-bottom: 3rem;
}

h1,
.h1,
h2,
.h2,
h3,
h4,
h5,
h6 {
  font-weight: bold;
  margin-bottom: 1rem;
  margin-top: 1rem;
}

h1 {
  font-size: 4.6rem;
  line-height: 1.2;
}

h2, .h2 {
  font-size: 2.4rem;
  line-height: 1.3;
}

h2.with-icon,
h2 a.with-icon,
.h2 a.with-icon {
  padding: 0 0 0 3.8rem;
  color: var(--color-white);
  text-decoration: none;
}

h2.with-icon:before,
h2 a.with-icon:before,
.h2 a.with-icon:before {
  width: 2.8rem;
  height: 2.8rem;
}

h2.with-icon.icon-title-top-sellers:before,
h2 a.with-icon.icon-title-top-sellers:before,
.h2 a.with-icon.icon-title-top-sellers:before {
  background: url('../svg/title_top_sellers.svg') no-repeat center center;
}

h2.with-icon.icon-title-new:before,
h2 a.with-icon.icon-title-new:before,
.h2 a.with-icon.icon-title-new:before {
  background: url('../svg/title_new.svg') no-repeat center center;
}

h2.with-icon.icon-title-coming-soon:before,
h2 a.with-icon.icon-title-coming-soon:before,
.h2 a.with-icon.icon-title-coming-soon:before {
  background: url('../svg/title_coming_soon.svg') no-repeat center center;
}

h2.with-icon.icon-title-handshake:before,
h2 a.with-icon.icon-title-handshake:before,
.h2 a.with-icon.icon-title-handshake:before {
  background: url('../svg/title_handshake.svg') no-repeat center center;
  width: 3rem;
  height: 3rem;
}

h3 {
  font-size: 2.8rem;
  line-height: 1.3;
}

h4 {
  font-size: 2.2rem;
  line-height: 1.35;
}

h5 {
  font-size: 1.8rem;
  line-height: 1.5;
}

h6 {
  font-size: 1.6rem;
  letter-spacing: 0;
  line-height: 1.4;
}

img {
  max-width: 100%;
}

.width100 {
  width: 100%;
}

.clearfix:after {
  clear: both;
  content: ' ';
  display: table;
}

.float-left {
  float: left;
}

.float-right {
  float: right;
}

.text-center {
  text-align: center;
}

.form-group {
  flex-direction: column;
  display: flex;
  align-items: center;
}

.form-group.with-select-inline {
  flex-direction: unset;
}

.form-group.with-select-inline label {
  flex: 0 0 auto;
  margin-right: 1rem;
  margin-bottom: 0;
  font-size: 1.6rem;
}

.form-group.form-group--input-with-button {
  flex-direction: row;
  align-items: center;
  position: relative;
}

.form-group.form-group--input-with-button input[type="text"],
.form-group.form-group--input-with-button input[type="email"],
.form-group.form-group--input-with-button input[type="password"],
.form-group.form-group--input-with-button input[type="search"],
.form-group.form-group--input-with-button input[type="url"],
.form-group.form-group--input-with-button input[type="number"] {
  border-right: none;
}

.form-group.error {
  position: relative;
}

.form-group.error input[type='color'],
.form-group.error input[type='date'],
.form-group.error input[type='datetime'],
.form-group.error input[type='datetime-local'],
.form-group.error input[type='month'],
.form-group.error input[type='number'],
.form-group.error input[type='password'],
.form-group.error input[type='tel'],
.form-group.error input[type='text'],
.form-group.error input[type='url'],
.form-group.error input[type='week'],
.form-group.error input[type='email'],
.form-group.error input[type='search'] {
  border-color: var(--color-wattle);
  color: var(--color-wattle);
}

.field-error {
  display: none;
  position: absolute;
  right: 0.5rem;
  top: 0.6rem;
  padding: 0rem 0.6rem;
  text-align: center;
  font-size: 1.2rem;
  line-height: 3.2rem;
  color: var(--color-wattle);
  background-color: var(--color-wattle-opacity02);
}

.form-group.error .field-error {
  display: block;
}

.form-error,
.form-success {
  width: 100%;
  padding: 4.5rem 1.3rem 1.3rem;
  text-align: center;
  font-size: 1.4rem;
  line-height: 1.8rem;
  color: var(--color-wattle);
  background-color: var(--color-wattle-opacity02);
  position: relative;
}

.form-success {
  color: var(--color-spring-green);
  background-color: var(--color-spring-green-opacity02);
}

.form-error:after,
.form-success:after {
  position: absolute;
  content: '';
  top: 1.3rem;
  left: 50%;
  transform: translateX(-50%);
  width: 2.4rem;
  height: 2.4rem;
  background-image: url('../svg/error.svg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 2.4rem;
}

.form-success:after {
  background-image: url('../svg/success_message_check.svg');
}

.form-error a {
  color: var(--color-wattle);
  text-decoration: underline;
}

.form-success a {
  color: var(--color-spring-green);
  text-decoration: underline;
}

@media (min-width: 962px) {
  .form-error,
  .form-success {
    padding: 1rem 2.4rem 1rem 4.4rem;
    text-align: left;
  }

  .form-error:after,
  .form-success:after {
    top: 50%;
    left: 1rem;
    transform: translateY(-50%);
  }  
}

.alert {
  color: var(--color-roman);
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: normal;
  text-align: center;
  background: rgba(227, 86, 86, 0.2);
  padding: 2rem;
  margin: 0 3rem;
}

.alert.with-icon {
  padding-top: 8.8rem;
  position: relative;
}

.alert.with-icon:before {
  position: absolute;
  content: '';
  top: 2rem;
  left: 50%;
  transform: translateX(-50%);
  width: 4.8rem;
  height: 4.2rem;
  background-image: url('../svg/danger.svg');
  background-repeat: no-repeat;
  background-position: center;
}

.alert.with-icon a {
  color: #ee1d1d;
  text-decoration: underline;
}

.alert.with-icon a:hover {
  color: var(--color-roman);
}

.m-t-0 {
  margin-top: 0rem !important;
}

.m-t-1 {
  margin-top: 1rem !important;
}

.m-t-2 {
  margin-top: 2rem !important;
}

.m-t-3 {
  margin-top: 3rem !important;
}

.m-t-4 {
  margin-top: 4rem !important;
}

.m-t-5 {
  margin-top: 5rem !important;
}

.m-b-1 {
  margin-bottom: 1rem !important;
}

.m-b-1_5 {
  margin-bottom: 1.5rem !important;
}

.m-b-2 {
  margin-bottom: 2rem !important;
}

.m-b-3 {
  margin-bottom: 3rem !important;
}

.m-b-4 {
  margin-bottom: 4rem !important;
}

.m-l-0_5 {
  margin-left: 0.5rem !important;
}

.m-l-1 {
  margin-left: 1rem !important;
}

.m-r-0_5 {
  margin-right: 0.5rem !important;
}

.m-r-1 {
  margin-right: 1rem !important;
}

/* product label */
.product--labels {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: row-reverse;
  align-items: flex-end;
  width: 100%;
}

.product--label-dlc,
.product--label-discount,
.product--label-preorder {
  display: flex;
  padding: 0;
  margin: 0.4rem 0.1rem;
  position: relative;
  z-index: 1;
}

.product--label-new > span,
.product--label-discount > span,
.product--label-preorder > span,
.product--label-comingsoon > span {
  padding: 0.4rem 0.6rem 0.4rem 0;
  display: block;
  width: 100%;
  font-size: 1.6rem;
  color: var(--color-white);
  text-align: right;
  white-space: nowrap;
}

.product--label-dlc {
  background-color: var(--color-dodger-blue);
  margin-right: auto !important;
}

.product--label-discount {
  background-color: var(--color-roman);
}

.product--label-preorder {
  background-color: var(--color-dark-pastel-green);
}


/* navigation */

.navigation {
  display: flex;
  align-items: center;
}

.navigation .container {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding: 0 2.0rem;
}

.navigation.navigation--top {
  height: auto;
  background-color: var(--color-midnight-express);
}

.navigation.navigation--middle {
  height: 7rem;
  align-items: flex-start;
  background-color: var(--color-midnight-express_2);
}

.navigation.navigation--top .navigation-logo img {
  width: 20.1rem;
  max-width: 20.1rem;
  display: block;
}

.navigation .navigation-list {
  list-style: none;
  margin-bottom: 0;
  width: 100%;
  display: flex;
  justify-content: space-between;  
}

.navigation .navigation-item {
  float: left;
  margin-bottom: 0;
  margin-right: 6.0rem;
  position: relative;
}

.navigation .navigation-item.navigation-item--icon {
  height: 4.4rem;
  margin-right: 4.0rem;
  padding-top: 3.0rem;
}

.navigation .navigation-item:last-child {
  margin-right: 0;
}

.navigation .navigation-list .navigation-item:nth-last-child(3) {
  flex: 1 0 auto;
  min-width: 2.8rem;
}

.navigation .navigation-item .button {
  margin: 0;
}

.navigation .navigation-link--icon-list,
.navigation .navigation-link--icon-favorite,
.navigation .navigation-link--icon-cart,
.navigation .navigation-link--icon-user,
.navigation .navigation-link--icon-menu {
  color: var(--color-white);
  position: relative;
}

.navigation .navigation-link--icon-user {
  max-width: 10rem;
  display: inline-block;
  --avatar-url: '';
}

.navigation .navigation-link--icon-user span {
  max-width: 10rem;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
}

.navigation .navigation-link--icon-cart {
  --cart-count: none;
  display: inline-block;
  width: 100%;
  text-align: center;
}

.navigation .navigation-link--icon-list:hover,
.navigation .navigation-link--icon-favorite:hover,
.navigation .navigation-link--icon-cart:hover,
.navigation .navigation-link--icon-user:hover,
.navigation .navigation-link--icon-menu:hover,
.navigation .navigation-item:hover .navigation-link--icon-user,
.navigation .navigation-link--icon-list.is_active,
.navigation .navigation-link--icon-favorite.is_active,
.navigation .navigation-link--icon-cart.is_active,
.navigation .navigation-link--icon-user.is_active {
  color: var(--color-dodger-blue);
}

.navigation .navigation-link--icon-list:before,
.navigation .navigation-link--icon-favorite:before,
.navigation .navigation-link--icon-cart:before,
.navigation .navigation-link--icon-user:before,
.navigation .navigation-link--icon-menu:before {
  content: '';
  position: absolute;
  top: -3rem;
  left: 0;
  width: 100%;
  height: 3rem;
}

.navigation .navigation-link--icon-list:before {
  background: url('../svg/nav_list.svg') no-repeat center center;  
}

.navigation .navigation-link--icon-list:hover:before, .navigation .navigation-link--icon-list.is_active:before {
  background: url('../svg/nav_list_active.svg') no-repeat center center;  
}

.navigation .navigation-link--icon-favorite:before {
  background: url('../svg/nav_favorite.svg') no-repeat center center;  
}

.navigation .navigation-link--icon-favorite:hover:before, .navigation .navigation-link--icon-favorite.is_active:before {
  background: url('../svg/nav_favorite_active.svg') no-repeat center center;  
}

.navigation .navigation-link--icon-cart:before {
  background: url('../svg/nav_cart.svg') no-repeat center center;  
}

.navigation .navigation-link--icon-cart:hover:before, .navigation .navigation-link--icon-cart.is_active:before {
  background: url('../svg/nav_cart_active.svg') no-repeat center center;  
}

.navigation .navigation-link--icon-cart:after {
  content: var(--cart-count);
  color: var(--color-white);
  font-size: 1.4rem;
  font-weight: normal;
  position: absolute;
  top: -3.6rem;
  right: 50%;
  transform: translateX(2rem);
  width: 2.0rem;
  height: 2.0rem;
  background-color: var(--color-dodger-blue);
  display: flex;
  align-items: center;
  justify-content: center;
}

.navigation .navigation-link--icon-menu:before {
  background: url('../svg/nav_burger_menu.svg') no-repeat center center;  
}

.navigation .navigation-link--icon-user:before {
  background-image: var(--avatar-url);
  background-repeat: no-repeat;
  background-position: center center;
  width: 3rem;
  background-size: 3rem;
  left: unset;
  right: 50%;
  transform: translateX(50%);
}

.navigation .navigation-link--icon-user.navigation-link--popover:after {
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-0.775rem);
  left: -1.5rem;
  width: 1.0rem;
  height: 1.0rem;
  background: url(../svg/arrow_down.svg) no-repeat center center;
}

.navigation .navigation-link--icon-user.navigation-link--popover:hover:after,
.navigation .navigation-item:hover .navigation-link--icon-user.navigation-link--popover:after {
  background: url(../svg/arrow_down_active.svg) no-repeat center center;  
}

.navigation .navigation-link, .navigation .navigation-title, .navigation .title {
  display: inline-block;
  color: var(--color-rock-blue);
  line-height: 6.7rem;
  padding: 0;
  text-decoration: none;
}

.navigation .navigation-link  {
  border-bottom: 3px solid transparent;
}

.navigation .navigation-link.navigation-link-winter-sale  {
  color: #dfce88;
}

.navigation .navigation-link.navigation-link-season-sale  {
  --font-color-ss: #dfce88;
  --font-color-ss-active: deeppink;
  color: var(--font-color-ss);
}

.navigation .navigation-link.is_active,
.navigation .navigation-link:hover {
  color: #4794ff;
  border-bottom: 3px solid #4794ff;
}

.navigation .navigation-link.navigation-link-winter-sale.is_active,
.navigation .navigation-link.navigation-link-winter-sale:hover {
  color: deeppink;
  border-bottom-color: deeppink;
}

.navigation .navigation-link.navigation-link-season-sale.is_active,
.navigation .navigation-link.navigation-link-season-sale:hover {
  color: var(--font-color-ss-active);
  border-bottom-color: var(--font-color-ss-active);
}

.navigation .navigation-item:hover .navigation-link.navigation-link--popover {
  color: var(--color-dodger-blue);
}

.navigation .navigation-link.navigation-link--popover {
  padding-right: 2.2rem;
}

.navigation .navigation-link.navigation-link--popover:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 1.2rem;
  height: 6.7rem;
  background: url('../svg/popover_close.svg') no-repeat center center;
}

.navigation .navigation-link.navigation-link--popover:hover:after,
.navigation .navigation-item:hover .navigation-link.navigation-link--popover:after {
  background: url('../svg/popover_open.svg') no-repeat center center;
}

.navigation-search {
  position: relative;
}

.navigation-search .navigation-search--data {
  position: absolute;
  z-index: 2000;
  transform: translateY(100%);
  bottom: 0;
  left: 0;
  width: 100%;
  border: 0.1rem solid var(--color-biscay);
  background-color: var(--color-midnight-express_2);
}

.navigation-search .navigation-search--data--description {
  margin: 0;
  padding: 1.5rem;
  border-bottom: 0.1rem solid var(--color-biscay);
}

.navigation-search .navigation-search--data--description p {
  margin: 0.5rem 0.5rem 1.5rem;
  color: var(--color-rock-blue);
}

.navigation-search .navigation-search--data--genres {
  display: flex;
  flex-wrap: wrap;
}

.navigation-search .navigation-search--data--genre {
  display: block;
  margin: 0.5rem;
  padding: 0.6rem 1.2rem;
  background-color: var(--color-blue-shadow);
}

.navigation-search .navigation-search--data--genre a {
  color: var(--color-dodger-blue);
}

.navigation-search .navigation-search--data--list {
  list-style: none;
  margin: 0;
}

.navigation-search .navigation-search--data--list {
  padding: 0.6rem 1.0rem;
}

.navigation-search .navigation-search--data--item {
  display: flex;
  margin: 0;
  padding: 1.1rem 1.0rem 1.0rem;
  border: 0.1rem solid transparent;
  position: relative;
}

.navigation-search .navigation-search--data--item:after {
  content: '';
  width: calc(100% - 2rem);
  height: 0.1rem;
  margin: 0 auto;
  background: #333E5B;
  position: absolute;
  bottom: -0.15rem;
}

.navigation-search .navigation-search--data--item:hover:after,
.navigation-search .navigation-search--data--item:last-child:after {
  content: unset;
}

.navigation-search .navigation-search--data--item:hover {
  border: 0.1rem solid var(--color-dodger-blue);
  background-color: var(--color-blue-shadow);
  cursor: pointer;
}

.navigation-search .navigation-search--data--item--image {
  position: relative;
  margin-right: 1.5rem;
}

.navigation-search .navigation-search--data--item--image img {
  width: 13.9rem;
  max-width: 13.9rem;
  object-fit: contain;
  image-rendering: -webkit-optimize-contrast;
  display: block;
}

.navigation-search .navigation-search--data--item--label span {
  padding: 0.2rem 0.3rem 0.1rem;
  font-size: 1.2rem;
}

.navigation-search .navigation-search--data--item--description {
  display: flex;
  flex-wrap: wrap;
  justify-content: stretch;
  align-items: center;
  align-content: space-between;
}

.navigation-search .navigation-search--data--item--title {
  width: 100%;
  overflow: hidden;
  max-height: 70rem;  
}

.navigation-search .navigation-search--data--item--title a {
  font-size: 1.8rem;
  font-weight: bold;
  color: var(--color-white);
  line-height: 1.25;
}

.navigation-search .navigation-search--data--item--price {
  font-size: 2.0rem;
  color: var(--color-white);  
}

.navigation-search .navigation-search--data--item--full-price {
  font-size: 1.4rem;
  color: var(--color-rock-blue);  
  text-decoration-line: line-through;
  padding-right: 0.82rem;
}

.navigation-search input[type='search'] {
  width: 100%;
}

@media (max-width: 1280px) {
  .navigation.navigation--top {
    background: linear-gradient(var(--color-midnight-express_2) 8rem, transparent 8rem);
    padding: 2rem 0;
  }

  .navigation.navigation--top .navigation-logo {
    order: 2;
    flex: 1 0 50%;
    max-width: 50%;
  }
  
  .navigation.navigation--top .navigation-logo img {
    max-width: 100%;
  }  
  
  .navigation.navigation--top .navigation-search {
    margin-top: 4.8rem;
    width: 100%;
    order: 4;
  }
  
  .navigation.navigation--top .navigation-list {
    order: 3;
    display: block;
    width: auto;
  }

  .navigation.navigation--top .navigation-list .navigation-item:not(:nth-child(3)):not(:nth-child(5)) {
    display: none;
  } 
  
  .navigation.navigation--middle {
    display: none;
  }
}

@media (max-width: 767px) {
  .navigation .navigation-item.navigation-item--icon:not(:last-child) {
    margin-right: 2.0rem;
  }
}

@media (max-width: 480px) {
  .navigation-search .navigation-search--data--item--image {
    display: none;
  }
}

@media (max-width: 319px) {
  .navigation.navigation--top .navigation-logo {
    width: 19rem;
  }
}

@media (min-width: 1281px) {
  .navigation.navigation--top {
    height: 10rem;
  }
  
  .navigation.navigation--top .navigation-logo {
    order: 1;
  }
  
  .navigation.navigation--top .navigation-search {
    width: 53.4rem;
    order: 2;
  }

  .navigation.navigation--top .navigation-list {
    order: 3;
    display: block;
    width: auto;
  }

  .navigation.navigation--top .navigation-list .navigation-item:nth-child(4) {
    margin: 0;    
  }
  
  .navigation.navigation--top .navigation-list .navigation-item:nth-child(5) {
    display: none;
  }  
}

/* popmenu */
.popmenu {
  background: var(--color-blue-shadow);
  display: none;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 10000;
}

.popmenu-container {
  background: var(--color-midnight-express_2);
  border: .2rem solid var(--color-biscay);
  filter: drop-shadow(0 0 .6rem rgba(0, 0, 0, .2));
  float: right;
  width: 28rem;
  height: 100%;
  z-index: 10001;
  position: relative;
}

.popmenu-container--for-list {
  overflow-x: scroll;
  height: 0;
}

.popmenu-container-close {
  position: absolute;
  top: 0.2rem;
  left: -4rem;
  width: 2.0rem;
  height: 4.4rem;
  background: url(../svg/nav_close.svg) no-repeat center center;
  cursor: pointer;
}

.popmenu-toogle {
  background: var(--color-midnight-express);
  display: none;
}

.popmenu.popmenu-open, .popmenu-toogle.popmenu-toogle-open {
  display: block;
}

.popmenu-list, .popmenu-toogle-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.popmenu-item {
  margin: 0;
  padding: 0;
  border-bottom: 0.2rem solid var(--color-midnight-express_3);
}

.popmenu-toogle-list .popmenu-item:last-child {
  border-bottom-width: 0;
}

.popmenu-item-user {
  padding: 1.9rem;
  padding-bottom: 0;
  display: flex;
  align-items: center;
}

.popmenu-item-user img {
  width: 5.5rem;
}

.popmenu-item-user-description {
  color: var(--color-rock-blue);
  font-size: 1.6rem;
  padding-left: 1.6rem;
}

.popmenu-link {
  color: var(--color-rock-blue);
  font-size: 1.6rem;
  display: block;
  margin: 0.2rem 1rem;
  padding: 1.0rem 0.9rem;
  position: relative;
  text-decoration: none;
}

.popmenu-link[data-popmenu_toggle]:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 1.0rem;
  height: 4.0rem;
  background: url(../svg/popover_close.svg) no-repeat center center;
}

.popmenu-link[data-popmenu_toggle].is_active:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 1.0rem;
  height: 4.0rem;
  background: url(../svg/popover_open.svg) no-repeat center center;
}

.popmenu-toogle-list .popmenu-link {
  margin: 0.2rem 1rem 0.2rem 2.4rem;
}

.popmenu-link.is_active {
  color: var(--color-dodger-blue);
}


/* popover */

.popover {
  background: var(--color-midnight-express_2);
  border: .1rem solid var(--color-biscay);
  display: none;
  filter: drop-shadow(0 0 .6rem rgba(0, 0, 0, .1));
  right: -0.1rem;
  bottom: 0;
  transform: translateY(100%);
  min-width: 19.4rem;
  max-width: 19.4rem;
  position: absolute;
  z-index: 1000;
}

.popover.popover-language {
  bottom: 2.1rem;
}

.popover.popover-open {
  display: block;
}

.popover-description {
  color: var(--color-dodger-blue);
  padding: 1.7rem 0.9rem;
  border-bottom: 1px solid var(--color-biscay);
  font-size: 1.6rem;
  text-overflow: ellipsis;
  width: 100%;
  overflow: hidden;
}

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

.popover-item {
  margin: 0;
  padding: 0;
}

.popover-link {
  color: var(--color-rock-blue);
  font-size: 1.6rem;
  display: block;
  padding: 1.0rem 0.9rem;
  position: relative;
  text-decoration: none;
  border: 1px solid transparent;
}

.popover-link:hover {
  background: var(--color-blue-shadow);
  border: 1px solid var(--color-dodger-blue);
  color: var(--color-periwinkle);
}

.popover-link.is_active {
  color: var(--color-dodger-blue);
}

/* popup */

.popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: opacity 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow-y: auto;
  z-index: 998;
}

.popup.popup-gdpr {
  align-items: flex-start;
}

.popup+.wrapper {
  filter: blur(5px);
}

.popup:before {
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
  background: linear-gradient(0deg, rgba(35, 42, 62, 0.9), rgba(35, 42, 62, 0.9));
  opacity: .8;
}

.popup-main {
  background: var(--color-midnight-express_3);
  box-shadow: 0 0 1px var(--color-blue-shadow);
  z-index: 1002;
  position: relative;
}

.popup--close-button {
  position: absolute;
  top: 1.5rem;
  right: 1.8rem;
  width: 1.2rem;
  height: 1.2rem;
  cursor: pointer;
  background: url('../svg/popup_close.svg') no-repeat center;
}

.popup--header {
  margin: 0;
  padding: 0;
}

.popup--body, .popup--footer {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;    
}

.popup--body {
  margin: 2rem 0 0;
  font-size: 1.8rem;
  line-height: 2.3rem;
  color: var(--color-rock-blue);
}

.popup-container-gdpr .popup--body {
  display: block;
  text-align: left;
  color: var(--color-white);
  font-size: 1.6rem;
  font-weight: normal;
}

.popup--footer {
  margin: 2.4rem 0 0;
  padding: 0;
}

.popup-container-gdpr .popup--body,
.popup-container-gdpr .popup--footer {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.popup-container,
.popup-container-cart,
.popup-container-error {
  width: 100%;
  color: var(--color-white);
  padding: 2rem;
  text-align: center;
}

.popup-gdpr-privacy-policy.popup-container {
  border: 1px solid var(--color-east-bay);
  padding: 2rem 3rem;
  position: relative;
  top: unset;
  left: unset;
  margin: 2.6rem auto;
  transform: unset;
}

.popup-container .popup--footer {
  justify-content: flex-start;
  flex-direction: row-reverse;
}

.popup-container .popup--header h4,
.popup-container-cart .popup--header h4,
.popup-container-error .popup--header h4 {
  margin: 0;
  color: var(--color-white);
  font-size: 2.4rem;
  line-height: 1.3;
  padding-top: 0;
  padding-bottom: 0.8rem;
  margin-bottom: 3rem;
  border-bottom: 1px solid #333E5B;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;  
}

.popup-container .popup--header h4:before,
.popup-container-cart .popup--header h4:before,
.popup-container-error .popup--header h4:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 6.3rem;
  height: 0.2rem;
  background-color: var(--color-dodger-blue);
}

.popup-container .popup--header h4 {
  color: var(--color-white);
}

.popup-container .popup--header h4 span {
  font-size: 1.8rem;
  color: var(--color-white);
  margin: 2rem 0 2.6rem;
  display: block;
}

.popup-container-error .popup--header h4 {
  text-align: left;
  color: var(--color-white);
  padding-right: 2rem;
}

.popup-container-cart--product-image {
  width: 100%;
}

.popup-container-cart--product-name {
  padding: 1.4rem 0;
  font-size: 1.8rem;
  line-height: 2.3rem;
  flex: 1 0 auto;  
}

.popup-container-cart--product-price {
  padding: 0 0 0 0;
}

.popup-container-cart--product-price-full {
  font-size: 1.4rem;
  line-height: 1.8rem;
  text-decoration-line: line-through;
  color: var(--color-rock-blue);
}

.popup-container-cart--product-price-current {
  font-size: 2rem;
  line-height: 2.6rem;  
}

.popup-container-cart--footer-title {
  font-size: 1.6rem;
  line-height: 2rem;
  color: var(--color-white);
  flex: 1 0 auto;
  padding: 1.4rem 0;
}

.popup-container--footer-close,
.popup-container-cart--footer-close,
.popup-container--footer-action,
.popup-container-cart--footer-checkout {
  margin: 0;
  padding: 2rem 0 0;
}

.popup-container-avatars {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
}

.popup-container-avatar {
  width: 12.4rem;
  height: 12.4rem;
  display: block;
  margin: 0.8rem;
  padding: 0;
  border: 2px solid transparent;
  cursor: pointer;
}

.popup-container-avatar.is_active,
.popup-container-avatar:hover {
  border: 2px solid var(--color-dodger-blue);
}

.popup-container-avatar img {
  width: 100%;
  height: 100%;
  display: block;
  margin: 0;
}

@media (max-width: 959px) {
  .popup_age_request {
    margin-top: 12rem;
  }
}

@media (min-width: 668px) {
  .popup-container:not(.popup-container-gdpr), .popup-container-cart, .popup-container-error {
    width: 60rem;
    text-align: left;
  }

  .popup-gdpr-privacy-policy.popup-container {
    width: 85rem;
  }
  
  .popup--body, .popup--footer {
    flex-direction: row;
  }

  .popup--footer {
    margin-top: 4rem; 
  }
  
  .popup-container-cart--product-image {
    width: 18rem;
    min-width: 18rem;
  }
  
  .popup-container-cart--product-image img {
    width: 18rem;
  }

  .popup-container-cart--product-name {
    padding: 0 0 0 1rem;
    flex: unset;
    width: 100%;
  }
  
  .popup-container-cart--product-price {
    text-align: right;
  }    

  .popup-container-cart--product-price {
    padding: 0 0 0 6rem;
  }  

  .popup-container-cart--footer-title {
    order: 1;
    padding: 0;
  }

  .popup-container--footer-close,
  .popup-container-cart--footer-close {
    order: 2;
    padding: 0 0 0 0.2rem;
  }
  
  .popup-container--footer-action,
  .popup-container-cart--footer-checkout {
    order: 3;
    margin: 0;
    padding: 0 0 0 0.2rem;
  }

  .popup-container--footer-action,
  .popup-container--footer-close {
    order: 1;
  }  
}
@media (min-width: 1440px) {
  .popup-container-gdpr .popup--body,
  .popup-container-gdpr .popup--footer {
    width: 130rem;
    margin-left: auto;
    margin-right: auto;
  }
}

/* slider */
.slider-list {
  margin: 0;
  padding: 0;
  width: 100%;
  max-width: 180rem;
  height: min-content;
  max-height: min-content;
  position: relative;
}

.slider-list .slider-item {
  display: none;
  width: 100%;
  height: min-content;
  max-height: min-content;
  position: relative;
  z-index: 10;
  --view: true;
}

.slider-list .slider-item.is_mobile {
  visibility: hidden;
  --view: false;
}

.slider-list .slider-item.is_active {
  display: block;
}

.slider-list .slider-item a, .slider-list .slider-item a:hover, .slider-list .slider-item a:active {
  display: block;
  width: 100%;
  height: min-content;
  max-height: min-content;
}

.slider-list .slider-item img {
  width: 100%;
  display: block;
  /*
  height: 100%;
  object-fit: cover;
  */
}

.slider-list .slider-item.blured img {
  filter: blur(10px);
}

.slider-list .slider-dots {
  position: absolute;
  bottom: 0.8rem;
  left: 0;
  width: 100%;
  height: 1.6rem;
  padding: 0 0 0 2.5rem;
  z-index: 10;
  display: flex;
  justify-content: center;
}

.slider-list .slider-dot {
  display: block;
  margin: 0 0.4rem 0 0; 
  width: 1.2rem;
  height: 1.2rem;
  border-radius: 0.8rem;
  background-color: var(--color-dove-gray);
  cursor: pointer;
}

.slider-list .slider-dot:hover:not(.is_active) {
  background-color: var(--color-dodger-blue);
  box-shadow: 0px 0px 8px rgba(0, 106, 255, 0.35);
}

.slider-list .slider-dot.is_active {
  background-color: var(--color-white);
  width: 2.6rem;
}

.slider-prev-button,
.slider-next-button {
  background-position: center;
  background-repeat: no-repeat;
  background-size: 2.8rem;
  width: 4.8rem;
  height: 12.1rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 20;
  cursor: pointer;
}

.slider-prev-button {
  background-image: url(../svg/slider_prev_button.svg);
  left: 4rem;
}

.slider-next-button {
  background-image: url(../svg/slider_next_button.svg);
  right: 4rem;
}

.slider-prev-button:hover {
  background-image: url(../svg/slider_prev_button_active.svg);
}

.slider-next-button:hover {
  background-image: url(../svg/slider_next_button_active.svg);
}

.slider {
  margin: 0;
  justify-content: center;
  align-items: center;
  display: flex;
  background-color: #f5f0dc;
  max-height: min-content;
  aspect-ratio: 4.5;
}

@media (min-width: 1800px) {
  .slider {
    aspect-ratio: initial;
    height: 40rem;
  }
}

@media (max-width: 767px) {
  .slider-list .slider-item.is_mobile {
    visibility: visible;
    --view: true;
  }

  .slider-list .slider-item:not(.is_mobile) {
    visibility: hidden;
    --view: false;
  }

  .slider-prev-button {
    width: 2.8rem;
    left: 1rem;
  }

  .slider-next-button {
    width: 2.8rem;
    right: 1rem;
  }
  
  .slider-list .slider-dots {
    display: none;
  }
  
  .slider {
    margin-top: 1.2rem;
    aspect-ratio: 1.916666666;
  }
}

/* catalog */

.catalog {
  margin: 5.1rem 0 0;
}

.catalog-list {
  flex-wrap: wrap;
  position: relative;
  margin-bottom: 3rem;
  min-height: 0;
}

.catalog-list .refresh {
  background-color: rgba(27, 27, 40, 0.9);
  background-image: url('../svg/spinner.svg');
  background-repeat: no-repeat;
  background-position: center 0;
  background-size: 14rem;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  z-index: 1000;
}

.catalog-list .wait {
  width: 100%;
  padding-top: 0;
  padding-bottom: 6rem;
}

.catalog-list .wait.with-icon.icon-waiting:before {
  width: 6rem;
  height: 6rem;
  top: unset;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
}

.home .catalog-list {
  margin-bottom: 3.7rem;
}

.recommended-games {
  order: 11;
}

.recommended-games .catalog-list {
  margin-bottom: 0;
}

.catalog-list.flat-catalog {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  overflow: hidden;
  margin: 0;
  width: 100%;
}

.catalog-list.flat-catalog::-webkit-scrollbar {
  width: 0;
  height: 0;
}

.catalog-list.catalog-empty-list .column {
  text-align: center;
  margin-top: 6rem;
  margin-bottom: 6rem;
}

.catalog-list .catalog-item {
  position: relative;
  width: 100%;
  margin: 1rem 0 !important;
}

.catalog-list.flat-catalog:not(.is_open) .catalog-item {
  display: none;
}

.catalog-list.flat-catalog .catalog-item:nth-child(1) {
  display: block;
}

@media (min-width: 768px) {
  .catalog-list.flat-catalog .catalog-item:nth-child(1),
  .catalog-list.flat-catalog .catalog-item:nth-child(2) {
    display: block;
  }

  .catalog-list.flat-catalog .catalog-item:first-of-type {
    margin-left: 0;
  }

  .catalog-list.flat-catalog .catalog-item:last-of-type {
    margin-right: 0;
  }
}

@media (min-width: 1281px) {
  .catalog-list.flat-catalog .catalog-item:nth-child(1),
  .catalog-list.flat-catalog .catalog-item:nth-child(2),
  .catalog-list.flat-catalog .catalog-item:nth-child(3) {
    display: block;
  }
}

.catalog-item .catalog-item--image {
  position: relative;
  width: 100%;
  aspect-ratio: 1.744;
  flex: none;
  overflow: hidden;
}

.my-games-catalog .catalog-item .catalog-item--image {
  aspect-ratio: auto !important;
}

.catalog-list.my-games-catalog .catalog-item:hover .catalog-item--image {
  outline: 2px solid var(--color-dodger-blue);
}

/*
.catalog-list[data-view="grid"]:not(.my-games-catalog) .catalog-item .catalog-item--image:before {
  position: absolute;
  content: '';
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, transparent 50%, rgba(35, 42, 62, 0) 50%, rgba(35, 42, 62, 0.720588) 69%, var(--color-midnight-express_3) 91%);
  filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.1));  
}
*/

.catalog-item--image img {
  max-width: 100%;
  width: 100%;
  display: block;
}

.catalog-item--image.blured img {
  filter: blur(7px);
}

.catalog-item .catalog-item--description {
  width: 100%;
  margin: 0;
  padding: 1rem 2rem;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
}

.content-sub-container .catalog-item .catalog-item--description {
  padding: 1rem 0;
}

.catalog-list.my-games-catalog .catalog-item .catalog-item--description {
  padding: 1rem 0 2rem;
  display: block;
}

.catalog-list[data-view="grid"]:not(.my-games-catalog) .catalog-item-container {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  justify-content: space-between;
}

.catalog-list[data-view="grid"]:not(.my-games-catalog) .catalog-item .catalog-item--description {
  align-items: flex-start;
  z-index: 5;
  background-color: var(--color-midnight-express_3);
  height: 100%;
}

.catalog-item .catalog-item--description .catalog-item--title {
  padding-right: 4rem;
}

.catalog-list.my-games-catalog .catalog-item .catalog-item--description .catalog-item--title {
  padding-right: 0;
}

.catalog-item .catalog-item--description .catalog-item--title a {
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.25;
  color: var(--color-white);
  text-decoration: none;
}

.catalog-list.my-games-catalog .catalog-item:hover .catalog-item--description .catalog-item--title a {
  color: var(--color-dodger-blue);
}

.catalog-item .catalog-item--description .catalog-item--price {
  display: flex;
  flex-direction: column-reverse;
  align-items: flex-start;
}

.catalog-item .catalog-item--description .catalog-item--price span {
  order: 2;
  font-size: 2.0rem;
  font-weight: normal;
  line-height: 1.3;
  color: var(--color-white);
  white-space: nowrap;
}

.catalog-item .catalog-item--description .catalog-item--full-price {
  order: 1;
  font-size: 1.4rem;
  font-weight: normal;
  line-height: 1.3;
  color: var(--color-rock-blue);
  text-decoration-line: line-through;
  white-space: nowrap;
}

.catalog-item--discount-container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 0.1rem 0.8rem 0;
  background-color: #dc2f43;
  border-bottom: 0.4rem solid #94202d;
}

.catalog-item--discount-value {
  font-size: 2.8rem;
  font-weight: 600;
}

.catalog-item--promo-countdown-container {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
}

.catalog-item--promo-countdown-headline {
  font-size: 1.6rem;
}

.catalog-item--promo-countdown-value {
  font-size: 1.8rem;
  font-optical-sizing: auto;
}

.catalog-item .catalog-item--hover-back {
  position: absolute;
  display: none;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /*background: linear-gradient(0deg, rgba(35, 42, 62, 0.9), rgba(35, 42, 62, 0.9));
  border: 1px solid var(--color-midnight-express_3);*/
  z-index: 2;
}

.catalog-item .catalog-item--button {
  position: absolute;
  display: none;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  aspect-ratio: 1.744;
  background: linear-gradient(0deg, rgba(35, 42, 62, 0.9), rgba(35, 42, 62, 0.9));
  border: 1px solid var(--color-midnight-express_3);
  z-index: 6;
}

.catalog-item:hover .catalog-item--hover-back,
.catalog-item:hover .catalog-item--button,
.catalog-item:active .catalog-item--hover-back,
.catalog-item:active .catalog-item--button {
  display: flex;
  flex-direction: row-reverse;
  justify-content: center;
  align-items: center;
}

.catalog-list[data-view="list"] .catalog-item .catalog-item--hover-back,
.catalog-list[data-view="list"] .catalog-item:hover .catalog-item--hover-back {
  display: none;
}

.catalog-item .catalog-item--button-product-link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
  display: block;
}

.catalog-item--button-add-cart,
.catalog-item--button-restock-alert
{
  background-color: #203b6a; /*var(--color-blue-shadow);*/
  border-top: 0.2rem solid var(--color-dodger-blue);
  border-bottom: 0.2rem solid var(--color-dodger-blue);
  border-left: none;
  border-right: none;
  min-width: 12.6rem;
  height: 3rem;
  padding: 0 2rem;
  margin: 0.5rem;
  font-size: 1.4rem;
  font-weight: bold;
  color: var(--color-white);
  line-height: 2.6rem;
  letter-spacing: 0.01em;
  z-index: 10;
}

.catalog-item--button-restock-alert
{
  background-color: #3e485c !important;
  border-top: 0.2rem solid var(--color-rock-blue);
  border-bottom: 0.2rem solid var(--color-rock-blue);
  color: var(--color-rock-blue);
  cursor: initial;
}

.catalog-item--button-add-cart.item_in_cart:before {
  position: absolute;
  content: '';
  top: 0.6rem;
  left: 1rem;
  width: 2.7rem;
  height: 2.4rem;
  background: url('../svg/product_card_cart.svg') no-repeat center;
}

.catalog-list[data-view="list"] .catalog-item--button-add-cart.item_in_cart:before,
.sidebar-product-info .catalog-item--button-add-cart.item_in_cart:before{
  content: unset;
}

.catalog-item--button-add-favorite,
.catalog-item--button-add-favorite:hover {
  background-color: #3e485c !important;
  border-top: 0.2rem solid var(--color-rock-blue) !important;
  border-bottom: 0.2rem solid var(--color-rock-blue) !important;
  border-left: none !important;
  border-right: none !important;
  width: 3rem;
  height: 3rem;
  padding: 0;
  margin: 0.5rem;
  position: relative;
  z-index: 10;  
}

.catalog-item--button-add-favorite:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0.4rem;
  width: 2.2rem;
  height: 100%;
  background: url('../svg/button_add_wishlist.svg') no-repeat center center;
}

.catalog-item--button-add-favorite:hover {
  background-color: #4a3545 !important;
  border-color: #dc2f43 !important;
}

@keyframes favorite-button-is-active {
 0% {
   transform: scale(1.0);
 }

 25% {
   transform: scale(0.75);
 }

 75% {
   transform: scale(1.0);
 }
}

@keyframes favorite-button-is-active-before {
 0% {
  background: transparent !important;
 }

 25% {
  background: var(--color-roman);
 }

 75% {
  background: transparent !important;
 }
}

/*
.catalog-item--button-add-favorite.is_animation:before {
  animation: favorite-button-is-active-before 0.5s linear 1;
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0.3rem;
  height: 0.3rem;
  transform: translateX(-50%) translateY(-50%);
  border-radius: 50%;
}
*/

.catalog-item--button-add-favorite.is_animation:after {
  animation: favorite-button-is-active 0.5s linear 1;
}

.catalog-item--button-add-favorite:hover:after,
.catalog-item--button-add-favorite.is_active:after {
  background: url('../svg/button_add_wishlist_active.svg') no-repeat center center;
}

.catalog-item .catalog-item--product-labels-v2.product--labels {
  right: 0;
  z-index: 2;
  align-items: flex-end !important;
}

.catalog-item .product--label-discount.for-list {
  display: none;
  background-color: var(--color-roman);
  font-size: 1.8rem;
  width: 7.9rem;
  height: 3.3rem;
  line-height: 2.4rem;
  text-align: center;
  padding: 0.4rem;
}

.catalog-item--product-labels-v2 .catalog-item--product-label-v2:before {
  content: none !important;
  padding: 0 !important;
}

.catalog-item--product-labels-v2 .catalog-item--product-label-v2 > span {
  padding: 0.3rem 0.6rem 0.1rem;
  font-size: 1.8rem;
}

.catalog-footer {
  text-align: center;
  padding: 0.3rem 0;
}

.catalog-paginator {
  padding: 0;
  margin: 0;
  display: none;
  justify-content: center;
}

.catalog-paginator .paginator {
  margin: 0 0 3rem;
}

@media (hover: hover) and (pointer: fine) {
  .catalog-paginator {
    display: flex;
  }
}

@media (hover: none) and (pointer: coarse) {
  .catalog-item .catalog-item--image a {
    pointer-events: none;
  }

  @keyframes delay-pointer-events {
      0% {
          visibility: hidden;
      }
      50% {
          visibility: hidden;
      }
      100% {
          visibility: visible;
      }
  }

  .catalog-item .catalog-item--button-product-link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 5;
    display: block;
    visibility: hidden;
  }

  .catalog-item:active .catalog-item--button-product-link,
  .catalog-item:hover .catalog-item--button-product-link {
    animation: delay-pointer-events 1500ms linear;
    visibility: visible;
  }
}

@media (min-width: 768px) {
  .catalog-item-container {
    position: relative;
  }

  .catalog-list .catalog-item {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .catalog-list.my-games-catalog .catalog-item {
    flex: 0 0 33.3333333%;
    max-width: 33.3333333%;
  }

  .catalog-item .catalog-item--product-labels-v2.product--labels {
    right: 0rem;
  }

  .catalog-item .catalog-item--hover-back,
  .catalog-item .catalog-item--button {
    left: 0rem;
    width: calc(100% - 0rem);
  }
}

@media (min-width: 962px) {
  .catalog-list {
    min-height: 24.4rem;
  }

  .catalog-list.catalog-empty-list {
    min-height: initial;
    margin-bottom: 0;
  }

  .catalog-list .refresh {
    background-size: 24.4rem;
    background-position: center 10rem;
  }

  .page.catalog.without-sidebar .catalog-list[data-view="grid"] .catalog-item {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }

  .home .catalog-list .catalog-item {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }

  .catalog-paginator {
    display: flex;
  }
}

@media (min-width: 1281px) {
  .catalog-list {
    --catalog-list-after-width: 0;
  }

  .catalog-list.my-games-catalog {
    justify-content: space-between;
    flex-flow: row wrap;
  }

  .catalog-list .catalog-item:last-child:nth-child(5n+2) {
    --catalog-list-after-width: calc(75% - 0.75*14.2rem);
  }

  .catalog-list .catalog-item:last-child:nth-child(5n+3) {
    --catalog-list-after-width: calc(50% - 0.5*14.2rem);
  }

  .catalog-list .catalog-item:last-child:nth-child(5n+4) {
    --catalog-list-after-width: calc(25% - 0.25*14.2rem);
  }

  .catalog-list.discount-codes-catalog .catalog-item:last-child:nth-child(4n+2) {
    --catalog-list-after-width: calc(66.666666% - 0.666666*19.4rem);
  }

  .catalog-list.discount-codes-catalog .catalog-item:last-child:nth-child(4n+3) {
    --catalog-list-after-width: calc(33.333333% - 0.333333*19.4rem);
  }

  .catalog-list.my-games-catalog[data-view="grid"] .catalog-item:last-child {
    margin-right: var(--catalog-list-after-width) !important;
  }

  .catalog-list[data-view="list"] .catalog-item-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0;
    padding: 0;
    background: var(--color-midnight-express_3);
    border: 0.1rem solid transparent;
  }
  
  .catalog-list[data-view="list"] .catalog-item-container:hover {
    background: var(--color-blue-shadow);
    border: 0.1rem solid var(--color-dodger-blue);
  }  

  .catalog-list[data-view="grid"] .catalog-item {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }

  .page.catalog.without-sidebar .catalog-list[data-view="grid"] .catalog-item {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .catalog-list.my-games-catalog[data-view="grid"] .catalog-item {
    flex: 0 0 14.2rem;
    max-width: 14.2rem;
  }

  .catalog-list.my-games-catalog[data-view="grid"] .catalog-item:nth-child(5n+5) .catalog-item-container {
    padding-right: 0;
  }
  
  .catalog-list[data-view="list"] .catalog-item {
    flex: 0 0 100%;
    max-width: 100%;
  }  
  
  .home .catalog-list .catalog-item {
    flex: 0 0 25%;
    max-width: 25%;
  }
  
  .catalog-list[data-view="list"] .catalog-item .catalog-item--image {
    width: 13.9rem;
    min-width: 13.9rem;
    height: 8rem;
  }

  .catalog-list.my-games-catalog[data-view="list"] .catalog-item .catalog-item--image {
    display: none;
  }

  .catalog-list.my-games-catalog .catalog-item--image img {
    aspect-ratio: 0.694980;
  }
  
  .catalog-list[data-view="list"] .catalog-item .catalog-item--description {
    max-width: 63.5rem;
    flex: 1 1 63.5rem;
    align-items: center;
    padding: 0 0 0 2rem;
  }

  .catalog-list.my-games-catalog[data-view="list"] .catalog-item .catalog-item--description {
    display: block;
    padding: 0;
    width: 100%;
    max-width: 100%;
  }
  
  .catalog-list[data-view="list"] .catalog-item .catalog-item--description .catalog-item--price {
    min-width: 10rem;
  }
  
  .catalog-list[data-view="list"] .catalog-item .catalog-item--description .catalog-item--title {
    max-width: 42rem;
    flex: 1 1 42rem;
  }

  .catalog-list.my-games-catalog[data-view="list"] .catalog-item .catalog-item--description .catalog-item--title {
    max-width: 100%;
    flex: unset;
  }

  .catalog-list.my-games-catalog[data-view="list"] .catalog-item .catalog-item--description .catalog-item--title a {
    display: block;
    padding: 1rem 2rem;
  }
  
  .catalog-list[data-view="list"] .catalog-item .catalog-item--button {
    flex: 1 1 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row-reverse;
    position: relative;
    left: unset;
    top: unset;
    background: none;
    border: none;
    width: auto;
    aspect-ratio: auto;
  }
  
  .catalog-list[data-view="list"] .catalog-item .catalog-item--product-labels-v2.product--labels {
    width: 14rem;
    right: calc(100% - 14rem);
    z-index: 2;
    align-items: normal;
  }

  .catalog-list[data-view="list"] .catalog-item .catalog-item--product-labels-v2 .product--label-dlc > span,
  .catalog-list[data-view="list"] .catalog-item .catalog-item--product-labels-v2 .product--label-discount > span,
  .catalog-list[data-view="list"] .catalog-item .catalog-item--product-labels-v2 .product--label-preorder > span {
    font-size: 1.2rem;
  }

  .catalog-list[data-view="list"] .catalog-item .catalog-item--product-labels-v2 .product--label-preorder {
    margin-right: 0.4rem;
  }
  
  .catalog-list[data-view="list"] .catalog-item .catalog-item--product-labels-v2 .product--label-discount {
    display: none;
  }
  
  .catalog-list[data-view="list"] .catalog-item .catalog-item--description .product--label-discount.for-list {
    display: block;
    margin-right: 1rem;
  }
}

@media (min-width: 1440px) {
}

/* banner */

.banner {
  margin: 5.1rem 0 0;
}

.banner.v2 {
  margin: 0;
}

.banner-list {
  display: flex;
}

.banner-item {
  position: relative;
  text-align: center;
  width: 100%;
}

.banner-item img {
  width: 100%;
  max-width: 130rem;
  min-height: 25rem;
  object-fit: cover;
}

@media screen and (max-width: 767px) {
  .banner-list {
    display: none;
  }
}

.banner-description {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 100%;
  text-align: center;
}

.banner-description p {
  width: 100%;
  text-align: center;
  color: var(--color-white);
  font-size: 2.2rem;
  line-height: 1.25;
  margin-bottom: 2.5rem;
}

.banner-description .button {
  text-transform: uppercase;
  font-size: 2.36rem;
}

.banner.v2 .banner-item--description {
  position: absolute;
  width: 52%;
  left: 5rem;
  top: 12rem;
}

.banner.v2 .banner-item--description .banner-item--description-headline {
  font-weight: bold;
  font-size: 3.6rem;
  line-height: 1.28;
  color: var(--color-white);
  margin-bottom: 3rem;
  text-align: left;
}

.banner.v2 .banner-item--description .banner-item--description-list {
  text-align: left;
  list-style: none;
  padding-inline-start: 0;
  padding-left: 0;
  margin-left: 1.8rem;
}

.banner.v2 .banner-item--description .banner-item--description-list > li {
  font-weight: 600;
  font-size: 1.9rem;
  line-height: 1.37;
  color: var(--color-white);
  margin-bottom: 1.5rem;
}

.banner.v2 .banner-item--description .banner-item--description-list > li::before {
  content: "\2022";
  color: var(--color-dodger-blue);
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
}

.banner.v2 .banner-item--description .banner-item--description-list > li:last-child {
  margin-bottom: 0;
}

.banner.v2 .banner-item--catalog-filter {
  width: 42rem;
  position: absolute;
  left: 34rem;
  top: 8.4rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}

.banner.v2 .banner-catalog-filter-list {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-bottom: 2.4rem;
}

.banner.v2 .banner-catalog-filter-list > a {
  display: block;
  width: 50%;
  text-align: left;
  color: var(--color-rock-blue);
  padding-bottom: 0.4rem;
}

.banner.v2 .banner-catalog-filter-list > a.width100 {
  width: 100%;
}

.banner.v2 .banner-catalog-filter-list > a:hover {
  color: var(--color-dodger-blue);
}

@media (min-width: 668px) {
  .banner-description p {
    font-size: 3rem;
  }
}

@media (min-width: 962px) {
  .banner-description p {
    font-size: 3.7rem;
  }
}

@media screen and (max-width: 767px) {
  .banner.v2 .banner-list {
    display: flex;
  }
}

@media screen and (max-width: 961px) {
  .banner.v2 {
    margin-top: 4.8rem;
  }
}

@media (min-width: 1025px) and (max-width: 1299px) {
  .banner.v2 .banner-item--description {
    top: 10rem;
    left: 4.4rem;
  }
  .banner.v2 .banner-item--description .banner-item--description-headline {
    margin-bottom: 2.4rem;
    font-size: 3.2rem;
  }
  .banner.v2 .banner-item--description .banner-item--description-list > li {
    margin-bottom: 1.4rem;
    font-size: 1.82rem;
  }
}

@media (min-width: 1140px) and (max-width: 1299px) {
  .banner.v2 .banner-item--catalog-filter {
    left: 8rem;
    top: 12rem;
  }
}

@media (min-width: 1025px) and (max-width: 1139px) {
  .banner.v2 .banner-item--catalog-filter {
    left: 6rem;
    top: 9rem;
  }
}

@media (min-width: 962px) and (max-width: 1024px) {
  .banner.v2 .banner-item--catalog-filter {
    left: 5rem;
    top: 7rem;
  }
  .banner.v2 .banner-item--description {
    top: 9.2rem;
    left: 3.6rem;
  }
  .banner.v2 .banner-item--description .banner-item--description-headline {
    margin-bottom: 1.9rem;
    font-size: 2.6rem;
  }
  .banner.v2 .banner-item--description .banner-item--description-list > li {
    margin-bottom: 1.0rem;
    font-size: 1.46rem;
  }
}

@media (min-width: 768px) and (max-width: 961px) {
  .banner.v2 .banner-item--catalog-filter {
    left: 8rem;
  }
  .banner.v2 .banner-item--description {
    top: 6rem;
    left: 2.8rem;
  }
  .banner.v2 .banner-item--description .banner-item--description-headline {
    margin-bottom: 1.6rem;
    font-size: 2.1rem;
  }
  .banner.v2 .banner-item--description .banner-item--description-list > li {
    margin-bottom: 1.0rem;
    font-size: 1.16rem;
  }
}

@media (min-width: 668px) and (max-width: 767px) {
  .banner.v2 .banner-item--catalog-filter {
    left: 8rem;
    top: 5rem;
  }
  .banner.v2 .banner-item--description {
    top: 6rem;
    left: 2.8rem;
  }
  .banner.v2 .banner-item--description .banner-item--description-headline {
    margin-bottom: 1.4rem;
    font-size: 1.9rem;
  }
  .banner.v2 .banner-item--description .banner-item--description-list > li {
    margin-bottom: 0.9rem;
    font-size: 1.08rem;
  }
}

@media (max-width: 667px) {
  .banner.v2 .banner-item--catalog-filter {
    left: 2rem;
    top: 0.5rem;
  }
  .banner.v2 .banner-catalog-filter-list {
    margin-bottom: 0;
  }
}

@media (max-width: 505px) {
  .banner.v2 {
    display: none;
  }
}

@media (max-width: 767px) {
  .banner.v2 .banner-item--description {
    display: none;
  }
}
/* footer */

.footer {
  margin: 5.7rem 0 0;
  padding: 5rem 0 3.5rem;
  background-color: var(--color-midnight-express);
}

.footer .row {
  flex-wrap: wrap;
}

.footer .row .column {
  text-align: center;
  padding-top: 0;
  padding-bottom: 3.7rem;
}

.footer .row .column:nth-child(1) {
  order: 4;
  width: 100%;
  padding-bottom: 0;
}

.footer .row .column:nth-child(2) {
  order: 1;
  width: 100%;
}

.footer .row .column:nth-child(3) {
  order: 2;
  width: 100%;
}

.footer .row .column:nth-child(4) {
  order: 3;
  width: 100%;
}

.footer .logo {
  width: 20.1rem;
  max-width: 30rem;
  margin-bottom: 0.9rem;
}

.footer .copyright {
  font-size: 1.6rem;
  color: var(--color-rock-blue);
  display: block;
}

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

.footer-menu-item {
  padding: 0;
  margin: 0 0 1.5rem;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 2.0rem;
  color: var(--color-white);  
}

.footer-menu-item:last-child {
  margin-bottom: 0;
}

.footer-menu-item a {
  font-size: 1.6rem;
  font-weight: normal;
  color: var(--color-rock-blue);  
}

.footer-menu-item a:hover {
  color: var(--color-periwinkle);
}

.footer-title-social {
  margin: 0 0 0.8rem;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 2.0rem;
  color: var(--color-white);
}

.footer-social-list {
  list-style: none;
  margin: 0 0 0 -1.84rem;
  padding: 0;
  display: flex;
  justify-content: center;
}

.footer-social-item {
  
}

.footer-social-item a {
  position: relative;
  display: inline-block;
  height: 5.4rem;
  width: 5.4rem;
  margin: 0;
}

.footer-social-item a:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.footer-social-item a.social-discord {
  height: 5rem;
  margin-top: 0.2rem;
}

.footer-social-item a.social-discord:before {
  background: url('../svg/footer_discord.svg') no-repeat center center;
}

.footer-social-item a.social-discord:hover:before {
  background: url('../svg/footer_discord_active.svg') no-repeat center center;
}

.footer-social-item a.social-facebook:before {
  background: url('../svg/footer_facebook.svg') no-repeat center center;
}

.footer-social-item a.social-facebook:hover:before {
  background: url('../svg/footer_facebook_active.svg') no-repeat center center;
}

.footer-social-item a.social-twitter:before {
  background: url('../svg/footer_twitter.svg') no-repeat center center;  
}

.footer-social-item a.social-twitter:hover:before {
  background: url('../svg/footer_twitter_active.svg') no-repeat center center;  
}

.footer-social-item a.social-x:before {
  background: url('../svg/footer_x.svg') no-repeat center center;  
}

.footer-social-item a.social-x:hover:before {
  background: url('../svg/footer_x_active.svg') no-repeat center center;  
}

.footer-social-item a.social-twitch:before {
  background: url('../svg/footer_twitch.svg') no-repeat center center;
}

.footer-social-item a.social-twitch:hover:before {
  background: url('../svg/footer_twitch_active.svg') no-repeat center center;
}

.footer-social-item a.social-support:before {
  background: url('../svg/footer_support.svg') no-repeat center center;  
}

.footer-social-item a.social-support:hover:before {
  background: url('../svg/footer_support_active.svg') no-repeat center center;
}

.footer-subscribe {
  margin: 3.7rem 0 0;
}

.footer-subscribe .footer-subscribe--title {
  font-size: 2.4rem;
  line-height: 3.0rem;
  color: var(--color-white);
  margin: 0 0 1.1rem;
  font-weight: bold;
}

.footer-subscribe .footer-subscribe--description {
  font-size: 1.6rem;
  line-height: 2.0rem;
  color: var(--color-rock-blue);
  margin: 0 0 2rem;
}

.footer-subscribe form {
  width: 100%;
}

.footer-subscribe .form-group {
  align-items: flex-start;
}

.footer-subscribe .form-group > .checkbox input[type='checkbox']+label a,
.footer-subscribe .form-group > .checkbox input[type='checkbox']+label a:hover {
  /*text-decoration: none;*/
}

@media (min-width: 668px) {
  .footer {
    margin-top: 8rem;
  }
  
  .footer .row .column:nth-child(1) {
    order: 4;
    width: 100%;
  }
  
  .footer .row .column:nth-child(2) {
    order: 1;
    width: 25%;
    text-align: left;
  }
  
  .footer .row .column:nth-child(3) {
    order: 2;
    width: 25%;
    text-align: left;
  }
  
  .footer .row .column:nth-child(4) {
    order: 3;
    width: 50%;
    text-align: left;
  }
  
  .footer-social-list {
    justify-content: left;
  }  
}

@media (min-width: 962px) {
  .footer .row .column {
    padding-top: 3.7rem;
  }
  
  .footer .row .column:nth-child(2) {
    order: 1;
    width: 30%;
    text-align: left;
  }
  
  .footer .row .column:nth-child(3) {
    order: 2;
    width: 30%;
    text-align: left;
  }
  
  .footer .row .column:nth-child(4) {
    order: 3;
    width: 40%;
    text-align: left;
  }
}

@media (min-width: 1281px) {
  .footer .row .column:nth-child(1) {
    order: 1;
    width: 32.46%;
    text-align: left;
  }
  
  .footer .row .column:nth-child(2) {
    order: 2;
    width: 14.23%;
  }
  
  .footer .row .column:nth-child(3) {
    order: 3;
    width: 24.23%;
  }
  
  .footer .row .column:nth-child(4) {
    order: 4;
    width: 29.07%;
  }
  
  .footer .logo {
    width: 30rem;
  }  
}

/* login */
.login {
  margin: 3.7rem 0 0;
}

.login-main {
  margin: 0 auto;
  padding: 2rem;
  width: 100%;
  background-color: var(--color-midnight-express_3);
}

.login-main h1, .login-main h2 {
  text-align: center;
  font-size: 2.4rem;
  font-weight: normal;
  line-height: 3.4rem;
  margin-top: 0;
  margin-bottom: 1.2rem;
}

.login-form {
  padding-top: 0.8rem;
}

.login-form .form-group,
.login-form .form-error,
.login-form .form-success {
  margin-bottom: 3.3rem;
}

.login-form .form-group:last-child {
  margin-bottom: 0;
}

.login-form .form-group.with-user-email {
  justify-content: space-between;
  flex-direction: row;
  align-items: center;
  margin-bottom: 2rem;
}

.login-form .form-group.with-user-email span,
.login-form .form-group.with-user-email a {
  font-size: 1.4rem;
  line-height: 1.8rem;
  color: var(--color-white);
}

.login-form .form-group.with-user-email a {
  color: var(--color-dodger-blue);
}

.login-form .form-group.with-user-email a:hover {
  color: var(--color-dodger-blue-hover);
}

.login-form .forgot-link {
  width: 100%;
  margin: 0;
  padding: 1rem 0 0.7rem;
  text-align: right;
}

.login-form .forgot-link a {
  color: var(--color-rock-blue);
  font-size: 1.4rem;
}

.login-form .forgot-link a:hover {
  color: var(--color-periwinkle);
}

.login-main div.form-error:last-child,
.login-main div.form-success:last-child {
  margin-bottom: 0 !important;
}

@media (min-width: 668px) {
  .login {
    margin-top: 6rem;
  }

  .login-main {
    width: 43rem;
    padding: 2rem 4.9rem;
  }
  
  .login-main h1, .login-main h2 {
    font-size: 2.7rem;
    line-height: 3.6rem;
  }  
}

@media (min-width: 1281px) {
  .login {
    margin-top: 10rem;
    padding-bottom: 2rem;
    min-height: 40rem;
  }  
}

/* section page */
.page {
  margin: 5.1rem 0 0;
}

.page.catalog {
  margin: 5.1rem 0 0;
}

.page > .container > .row {
  flex-direction: column-reverse;
}

.page.catalog > .container > .row {
  flex-direction: column;
}

.page .column.column-sidebar, .page .column.column-content {
  max-width: 100%;
}

.page .column.column-content.full-width {
  margin-left: auto;
  margin-right: auto;
}

.page .column.column-content .content-container {
  display: flex;
  flex-direction: column;
}

.content-sub-container {
  background-color: var(--color-midnight-express_3);
  margin-top: 2rem;
  padding: 2rem;
}

.content-sub-container.transparent {
  background-color: transparent;
}

.content-sub-container > .row {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.content-sub-container:first-child {
  margin-top: 0;
}

.page.catalog .column.column-content .content-container > h1 {
  order: 1;
}

.page.catalog .column.column-content .content-container > .catalog-paginator {
  order: 8;
}

.page.catalog .column.column-content .content-container > .catalog-description {
  order: 10;
  margin-bottom: 4.8rem;
}

.page.catalog .column.column-content .content-container > .catalog-list-decorator {
  order: 6;
}

.page.catalog .column.column-content .content-container > .catalog-tools {
  order: 4;
}

.catalog-description {
  position: relative;
  margin-top: 4.8rem;
}

.catalog-description-content {
  display: -webkit-box;
  overflow: hidden;
  color: var(--color-regent-gray);
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  margin-bottom: 2.4rem;
}

.catalog-description-content.open {
  overflow: initial;
  -webkit-line-clamp: initial;
}

.catalog-description-content p,
.catalog-description-content ul,
.catalog-description-content ol {
  margin-bottom: 1.5rem;
}

@media screen and (max-width: 767px){
  .home.catalog .catalog-list-decorator {
    overflow-x: scroll;
    white-space: nowrap;
    display: flex;
    flex-direction: row;
    justify-content: center;
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
    overflow: -moz-scrollbars-none;
  }

  .home.catalog .catalog-list-decorator::-webkit-scrollbar {
    display: none; /* Chrome, Safari and Opera */
  }

  .home.catalog .catalog-list {
    white-space: nowrap;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
  }

  .home.catalog .catalog-list .catalog-item {
    min-width: 100%;
    flex-wrap: wrap;
    margin: 1rem !important;
  }

  .home.catalog .catalog-list .catalog-item:first-child {
    margin-left: 0 !important;
  }

  .home.catalog .catalog-list .catalog-item:last-child {
    margin-right: 0 !important;
  }

  .home.catalog .catalog-list .catalog-item .catalog-item--description .catalog-item--title {
      flex-wrap: initial;
      white-space: initial;
  }

  .page.account .content-sub-container {
    padding: 1.2rem;
    overflow: scroll;
  }

  .catalog-description-content {
    -webkit-line-clamp: initial;
    text-overflow: initial;
    overflow: initial;
  }
}

.page .column.column-sidebar {
  margin-bottom: 5.1rem;
  display: flex;
  align-items: inherit;
  flex-direction: column;
}

.page .column.column-content ul,
.page .column.column-content ol {
  list-style: none;
  align-items: center;
}

.page.static .column.column-content ul > li,
.page.account.order .column.column-content ul > li,
.page.catalog.product .column.column-content ul > li {
  list-style: disc;
  padding-left: 0;
  margin-left: 1.5rem;
}

.page.static .column.column-content ol > li {
  list-style: decimal;
  padding-left: 0;
  margin-left: 1.5rem;
}

.page.static .column.column-content ul > li::marker,
.page.static .column.column-content ol > li::marker,
.page.account.order .column.column-content ul > li::marker,
.page.catalog.product .column.column-content ul > li::marker {
  color: #4794ff;
}

.static-content {
  width: 100%;
  text-align: left;
}

.static-content ul > li,
.static-content ol > li,
.static-content p,
.page.static .column.column-content ul > li,
.page.static .column.column-content ol > li,
.page.static .column.column-content p {
  color: var(--color-regent-gray);
  line-height: 1.5;
  margin-bottom: 1.5rem;
}

.page.catalog.product .column.column-content ul > li,
.page.account.order .column.column-content ul > li,
.page.catalog.product .column.column-content p {
  color: var(--color-rock-blue);
  line-height: 1.25;
  margin-bottom: 2rem;
}

.page.catalog.product .column.column-content ul > li,
.page.account.order .column.column-content ul > li,
.page.static .column.column-content ul > li,
.page.static .column.column-content ol > li {
  padding-left: 1.2rem;
  position: relative;
}

.page.catalog.product .column.column-content h3,
.page.catalog.product .column.column-content h4,
.page.catalog.product .column.column-content p > strong {
  color: var(--color-white);
}

.page h1,
.page h1 span,
.page h2.with_background span {
  color: var(--color-white);
  font-size: 2.4rem;
  line-height: 3rem;
  padding: 0;
  margin: 0 0 3rem;
  position: relative;
}

.page.main h1 {
  font-size: 3.6rem;
}

.page.main p {
  font-size: 1.8rem;
  line-height: 1.3;
  padding: 0 4rem;
  color: var(--color-rock-blue);
}

.page.account h1 {
  display: flex;
  justify-content: space-between;
}

.go-back {
  color: var(--color-rock-blue);
  font-size: 1.8rem;
  position: relative;
  padding-left: 2rem;
}

.go-back:before {
  content: '';
  background: url(../svg/popover_close.svg) no-repeat center center;
  width: 2rem;
  height: 3rem;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  transform: rotate(90deg);
  background-size: 1rem;
}

.go-back:hover:before,
.go-back:active:before,
.go-back:focus:before {
  background: url(../svg/popover_close_original.svg) no-repeat center center;
  background-size: 1rem;
}

.page h2.with_background {
  margin-bottom: 5rem;
}

.static-content h2,
.static-content h3,
.page h2,
.page h3 {
  color: var(--color-white);
  font-size: 1.8rem;
  line-height: 2.4rem;
  padding: 1.8rem 0 0;
  margin: 0 0 1.8rem;
  position: relative;
}

.page .column-content > *:first-child {
  padding-top: 0;
  margin-top: 0;
}

.page h1 span,
.page h2.with_background span {
  position: absolute;
  bottom: 2rem;
  left: 2rem;
  padding: 0;
  margin: 0;
}

.page h1 span.pagination-page-subtitle {
  position: relative;
  bottom: initial;
  left: initial;
  font-size: 2rem;
  color: var(--color-rock-blue);
}

.page h1.with_background img,
.page h2.with_background img {
  width: 100%;
}

.content-sub-container h1,
.content-sub-container h2,
.page.account .content-sub-container h3,
.sidebar-block > .sidebar-block-title {
  font-size: 1.6rem;
  line-height: 1.25;
  font-weight: bold;
  padding-top: 0;
  padding-bottom: 1rem;
  margin-bottom: 3rem;
  border-bottom: 1px solid #333E5B;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.content-sub-container h1 {
  font-size: 2.4rem;
  line-height: 1.5;
  font-weight: 600;
}

.content-sub-container h1:before,
.content-sub-container h2:before,
.page.account .content-sub-container h3:before,
.sidebar-block > .sidebar-block-title:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 6.3rem;
  height: 0.2rem;
  background-color: var(--color-dodger-blue);
}

.page.static .column.column-content p img {
  border: 0.3rem solid var(--color-midnight-express_3);
  border-radius: 0.1rem;
}

.page.static .column.column-content p img.no-border {
  border: none;
  border-radius: 0;
}

.catalog-tools {
  display: flex;
  justify-content: space-between;
  margin-bottom: 1.5rem;
}

.catalog-tools.is_fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background-color: rgb(22 27 40);
  box-shadow: 0px 2px 7px 2px rgb(22 27 40 / 60%);
  padding: 2rem;
  z-index: 10000;
}

.catalog-tools.is_filters {
  height: 100 hv;
}

.catalog-sort {
  padding-right: 0 !important;
}

.catalog-sort > .select {
  background-color: transparent;
}

.catalog-sort > .select > span {
  padding: 0.25rem 1.5rem 0.25rem 0;
  background-position: center center;
}

.catalog-sort .select > ul > li > a {
  padding-left: 1rem;
}

.catalog-tools > ul {
  list-style: none;
  display: flex;
  margin:0;
  width: 100%;
}

.catalog-tools > ul > li {
  padding: 0 1.5rem;
  display: flex;
  align-items: center;
}

.catalog-tools > ul > li.catalog-view-type-choice {
  display: none;
}

.catalog-tools > ul > li:first-child {
  padding-left: 0;
}

.catalog-tools > ul > li:last-child {
  padding-right: 0;
}

.catalog-tools > ul > li > label {
  margin-right: 0.8rem;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: normal;
  color: var(--color-rock-blue);
}

.catalog-socialsharing {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  align-content: center;
}

.catalog-view-type-choice span {
  cursor: pointer;
}

.catalog-filter-button {
  cursor: pointer;
  flex: 1 1 auto;
  max-width: 100%;
}

.catalog-filter-button .with-icon,
.catalog-filter-button .with-icon:before {
  width: 2rem;
  height: 2rem;
}

.catalog-filter-button .with-icon {
  margin-right: 0.8rem;
}

.catalog-filter-button .with-icon:before {
  transform: rotate(90deg) translateX(-1.1rem);
}

.catalog-view-type-choice .with-icon,
.catalog-view-type-choice .with-icon:before {
  width: 2rem;
  height: 2rem;
}

.catalog-products-per-page {
  display: none !important;
}

@media (min-width: 962px) {
  .page > .container > .row {
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
  }
  
  .page.catalog > .container > .row {
    flex-direction: row-reverse;
  }
  
  .page.static .column.column-sidebar.column-sidebar-right,
  .page.account .column.column-sidebar.column-sidebar-right {
    justify-content: flex-end;
    margin-bottom: 0;
    max-width: 38rem;
    flex: 0 0 38rem;    
  }
  
  .page.static .column.column-content,
  .page.account .column.column-content,
  .page.account h1 {
    max-width: calc(100% - 38rem);
  }

  .page.catalog .column.column-sidebar.column-sidebar-left {
    justify-content: flex-start;
    margin-bottom: 0;
    max-width: 33rem;
    flex: 0 0 33rem;
  }
  
  .page.catalog .column.column-content {
    max-width: calc(100% - 33rem);
  }

  .page.catalog.without-sidebar .column.column-content {
    max-width: 100%;
  }
  
  .page.catalog.product .column.column-sidebar.column-sidebar-right {
    max-width: 42rem;
    flex: 0 0 42rem;    
  }
  
  .page.catalog.product .column.column-content {
    max-width: calc(100% - 42rem);
  }

  .catalog-tools.is_fixed {
    position: relative;
    top: unset;
    left: unset;
    background-color: inherit;
    box-shadow: none;
    padding: inherit;
  }

  .catalog-tools > ul {
    width: initial;
  }

  .catalog-filter-button {
    display: none !important;
  }

  .catalog-sort {
    padding-right: inherit !important;
  }

  .catalog-products-per-page {
    display: inherit !important;
  }
}

@media (min-width: 1281px) {
  .page.cart .content-sub-container {
    width: 105rem;
    margin: 0 auto;
  }
  
  .page.static .column.column-sidebar.column-sidebar-right,
  .page.account .column.column-sidebar.column-sidebar-right {
    max-width: 49rem;
    flex: 0 0 49rem;    
  }

  .page.static .column.column-content,
  .page.account .column.column-content,
  .page.account h1 {
    max-width: calc(100% - 49rem);
        padding-right: 4rem;
  }

  .catalog-tools > ul > li.catalog-view-type-choice {
    display: flex;
  }
}

/* product slider */
.product-slider-screen {
  padding: 0 !important;
  margin: 0 !important;
  cursor: pointer;
}

.product-slider-screen > iframe,
.product-slider-screen > img {
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  display: block;
  border: 2px solid var(--color-midnight-express_3);
}

.product-slider-screen > img {
  height: 100%;
  object-fit: cover;
}

.product-slider-screen > .cookieconsent-optout-preferences > div {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  height: 100%;
  display: flex !important;
  border: 2px solid #333E5B;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 2.2rem;
}

.product-slider-choices {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  padding: 0 !important;
  margin-top: 0;
}

.product-slider-choices > button.prev,
.product-slider-choices > button.next {
  background-image: url(../svg/product_slider_prev_button.svg);
  background-position: center center;
  background-repeat: no-repeat;
  background-color: unset;
  border: none;
  width: 2rem;
  height: 2rem;
  cursor: pointer;
  padding: 0;
}

.product-slider-choices > button.next {
  background-image: url(../svg/product_slider_next_button.svg);
}

.product-slider-choices > button.prev:hover,
.product-slider-choices > button.next:hover {
  filter: invert(55%) sepia(96%) saturate(6935%) hue-rotate(209deg) brightness(102%) contrast(106%);  
}

.product-slider-choices > .preview-container {
  width: calc(100% - 7.2rem);
  overflow-x: scroll;
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
  overflow: -moz-scrollbars-none;
}

.product-slider-choices > .preview-container::-webkit-scrollbar {
  display: none; /* Chrome, Safari and Opera */
}

.preview-container > ul {
  list-style: none;
  display: flex;
  margin: 0;
}

.preview-container > ul > li {
  margin: 1rem !important;
  padding: 0 !important;
  position: relative;
  list-style: none !important;
}

.preview-container > ul > li:before {
  content: unset !important;
}

.preview-container > ul > li:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
  cursor: pointer;
}

.preview-container > ul > li.is_active:after,
.preview-container > ul > li:hover:after {
  background: transparent;
}

.preview-container > ul > li > img {
  display: block;
  max-width: 14.1rem;
  width: 14.1rem;
  height: 8.075rem;
  border: 2px solid #333E5B;
  object-fit: cover;
}

/* */
.product-alert {
  background: #122B53;
  border: 1px solid var(--color-dodger-blue);
  padding: 2rem;
}

.product-alert h2 {
  font-size: 2.4rem;
  color: var(--color-dodger-blue);
  padding: 0;
  margin-bottom: 2rem;
  display: block;
  border-bottom: unset;
}

.product-alert h2:before {
  content: unset;
}

.product-alert .content {
  padding: 0;
  margin: 0;
  color: var(--color-white) !important;
}

.product-alert .content p,
.product-alert .content li {
  color: var(--color-white) !important;
  margin-bottom: 1rem !important;
}

/* */
.product-description h3,
.product-description h4 {
  color: var(--color-white);
  font-size: 1.6rem;
  line-height: 1.25;
  padding: 0;
  margin: 0 0 2rem;
  position: relative;
}

.legal-text {
  margin: 0 0 1rem;
  padding:0;
  color: var(--color-rock-blue);
  font-size: 1.2rem;
  line-height: 1.5rem;
}

.product-system-requirements--list {
  list-style: none;
  margin: 0 0 2rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.product-system-requirements--item {
  display: block;
  width: 6rem;
  height: 4rem;
  background: rgba(51, 62, 91, 0.2);
  border: 1px solid #333E5B;
  border-right: none;
  box-sizing: border-box;
  cursor: pointer;
  margin-bottom: 0 !important;
}

.product-system-requirements--item.with-icon:before {
  content: '' !important;
  width: 6rem;
  height: 4rem;  
}

.product-system-requirements--item:last-child {
  border-right: 1px solid #333E5B;
}

.product-system-requirements--item:hover,
.product-system-requirements--item.is_active {
  background: var(--color-blue-shadow);
  border: 0.1rem solid var(--color-dodger-blue);
  filter: invert(55%) sepia(96%) saturate(6935%) hue-rotate(209deg) brightness(102%) contrast(106%);
}

.product-system-requirements--item.with-icon:before:hover,
.product-system-requirements--item.with-icon.is_active:before {
  filter: invert(55%) sepia(96%) saturate(6935%) hue-rotate(209deg) brightness(102%) contrast(106%);
}

.product-system-requirements--content {
  display: none;
}

.product-system-requirements--content.is_active {
  display: block;
}

.techspec-headline,
.techspec-data {
  display: flex !important;
  font-size: 1.6rem;
  line-height: 1.25;
  padding-bottom: 0rem !important;
  color: var(--color-rock-blue);
}

.techspec-headline {
  font-weight: bold;
}

.techspec-headline:first-child,
.techspec-data:first-child {
  width: 13rem;
  flex: 0 0 13rem;
}

.techspec-headline:not(:first-child),
.techspec-data:not(:first-child) {
  padding-left: 4rem;
}

.techspec-data label {
  padding-right: 0.5rem;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.25;
  color: var(--color-rock-blue);
}

@media screen and (max-width: 767px){
  .techspec-headline {
    display: none !important;
  }

  .techspec-data:first-child {
      width: auto;
      flex: 0 0 auto;
  }

  .techspec-data:not(:last-child) {
    padding-bottom: 0.5rem !important;
  }

  .techspec-data:not(:first-child) {
    padding-left: 0;
  }

  .techspec-data:last-child {
    padding-bottom: 1.5rem !important;
  }

  .techspec-data label {
    display: block !important;
    width: 10rem;
    flex: 0 0 10rem;
  }

  .techspec-data:not(:first-child) label {
    visibility: hidden;
  }

  .techspec-data span {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }

  .techspec-data span:before {
    content: attr(data-label) ":";
    color: var(--color-rock-blue);
  }
}

/* comment */
.comment-list {
  width: 100%;
}

.comment-list > .comment {
  border-bottom: 1px solid #333E5B;
  margin-bottom: 2rem;
}

.comment-list > .comment:last-child {
  border-bottom: none;
  margin-bottom: 0;
}

.comment--header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 2rem;
}

.comment--avatar {
  max-width: 3.6rem;
  width: 3.6rem;
  flex: 0 0 3.6rem;
}

.comment--avatar img {
  width: 3.6rem;
  height: 3.6rem;
}

.comment--title {
  flex: 1 1 auto;
  display: flex;
  align-items: center;
  padding: 0 1.3rem;
  flex-wrap: wrap;
}

.comment--username {
  font-size: 1.6rem;
  line-height: 1.25;
  color: var(--color-white);
}

.comment-created,
.comment-created:before {
  font-size: 1.4rem;
  line-height: 1.25;
  color: var(--color-rock-blue);
}

.comment-created:before {
  content: '•';
  margin: 0 0.3rem 0 0.4rem;
}

.comment--reply-button,
.comment--reply-button:hover {
  background: rgba(51, 62, 91, 0.2);
  border: 1px solid #333E5B;
  font-weight: bold;
  font-size: 1.4rem;
  line-height: 1.8rem;
  color: #4F5E88;
  padding: 0.4rem 1rem 0.4rem 3.4rem;
  position: relative;
}

.comment--reply-button:before {
  content: '';
  position: absolute;
  background: url(../svg/reply.svg) no-repeat center center;
  width: 1.4rem;
  height: 1.8rem;
  top: 0.4rem;
  left: 1rem;
  background-size: 1.4rem;
}

.comment--content {
  font-size: 1.4rem;
  line-height: 1.8rem;
  color: var(--color-rock-blue);
  padding: 1rem 0;
  width: 100%;
  flex: 1 1 100%;
}

.comment--image {
  max-width: 42rem;
}

.comment--image image {
  max-width: 100%;
}


.comment--child-comments {
  list-style: none;
  margin: 0 0 0 4.6rem;
  padding: 0;  
}

.comment--child-comments > .comment {
  border-top: 1px solid #333E5B;
  padding-top: 2rem;
  padding-bottom: 0;
}

.comment--form {
  margin-bottom: 5rem;
}

.comment--form.comment--reply-form {
  margin-bottom: 1rem;
  padding-left: 0;
  width: 100%;
  flex: 1 1 100%;
  position: relative;
}

.comment--form .form-group {
  margin-bottom: 1.6rem;
}

.comment--form.comment--reply-form .form-group:last-child {
  margin-bottom: 0;
}

.comment--form.comment--reply-form .form-group.form-group--with-reply-button {
  position: absolute;
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
  right: 1rem;
  bottom: 1rem;
  margin: 0;
}

.comment--form input[type="text"],
.comment--form textarea {
  border-color: #333E5B;
  border-width: 0.1rem;
  color: var(--color-white);
}

.comment--form textarea {
  position: relative;
  resize: none;
  height: auto;
}

.comment--form input[type="button"] {
  border-color: #333E5B;
  border-width: 0.1rem;
  background: rgba(51, 62, 91, 0.2);
  color: #4F5E88;
}

.comment--form input[type="button"],
.comment--form input[type="reset"] {
  font-size: 1.4rem;
  line-height: 1.8rem;
  height: 3.8rem;
}

.comment--form input[type="reset"]:hover {
  color: #4F5E88;
}

.comment--form:not(.comment--reply-form) .form-error {
  margin-bottom: 1.6rem;
}

.comment--form.comment--reply-form .form-error {
  margin-top: 1.6rem;
}

.comment--empty {
  margin-bottom: 3.8rem;
}

.comment--empty > p {
  margin-bottom: 0;
}

.comment--tools {
  padding: 1rem 0 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.comment--show-more-button {
  border-color: #333E5B;
  border-width: 0.1rem;
  background: rgba(51, 62, 91, 0.2);
  color: #4F5E88;  
}

/* sidebar */

.sidebar-block {
  width: 100%;
  padding: 2rem;
  margin-bottom: 2rem;
  background-color: var(--color-midnight-express_3);
  height: fit-content;
}

.sidebar-block:last-child {
  margin-bottom: 0;
}

.sidebar-action-toggle > span {
  position: relative;
  cursor: pointer;
  /*pointer-events: none;*/
}

.sidebar-action-toggle > span:after {
  content: '';
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: 1.2rem;
  height: 0.6rem;
  background: url(../svg/popover_close.svg) no-repeat center center;
  cursor: pointer;
  /*pointer-events: all;*/
}

.sidebar-action-toggle.is_show > span:after {
  background: url(../svg/popover_open_original.svg) no-repeat center center;  
}

.sidebar-action-toggle:not(.is_show) > span:first-of-type ~ * { display:none; }

/* sidebar menu */

.sidebar-menu {
  margin: 0;
}

.sidebar-menu ul, .sidebar-menu ul li ul {
  margin: 0 0 0 0.5rem;
  padding: 0;
  list-style: none;
}

.sidebar-menu ul li ul li ul {
  margin-top: -0.6rem;
  margin-left: -1.25rem;
  border-left: 1px solid var(--color-rock-blue);
  padding-top: 0.6rem;
}

.sidebar-menu.sidebar-account ul {
  margin-left: 0.5rem;
  margin-top: 4rem;  
}

.sidebar-menu > ul > li {
  margin: 0;
  padding: 0 2.6rem 2rem;
  border-left: 1px solid var(--color-rock-blue);
  position: relative;
}

.sidebar-menu > ul > li:last-child {
  padding-bottom: 0;
}

.sidebar-menu > ul > li:first-child:before,
.sidebar-menu > ul > li.without_child:last-child:after {
  position: absolute;
  top: 0;
  left: -2px;
  width: 3px;
  height: 1rem;
  background-color: var(--color-midnight-express_3);
  content: "";
}

.sidebar-menu > ul > li.without_child:last-child:after {
  top: 1.5rem;
  left: -2px;
  width: 3px;
  height: calc(100% - 1.4rem);
}

.sidebar-menu > ul > li > ul {
  margin-left: -2.6rem;
  margin-top: 0.5rem;
}

.sidebar-menu > ul > li > ul > li,
.sidebar-menu > ul > li > ul > li > ul > li {
  margin: 0;
  padding: 0.5rem 0 0.5rem 4.2rem;
  position: relative;
}

.sidebar-menu ul li ul > li:before {
  position: absolute;
  top: 1.4rem;
  height: 1px;
  width: 2.7rem;
  background-color: var(--color-rock-blue);
  content: "";
  display: inline-block;
  left: 0;
}

.sidebar-menu ul li ul > li:last-child:before {
  border-left: 1px solid var(--color-rock-blue);   
}

.sidebar-menu ul li:last-child ul > li:last-child:after,
.sidebar-menu > ul > li > ul > li > ul > li:last-child:after {
  position: absolute;
  top: 1.5rem;
  left: -2px;
  height: calc(100% - 1.4rem);
  width: 0.3rem;
  background-color: var(--color-midnight-express_3);
  content: "";
}

.sidebar-menu ul li a {
  font-size: 1.6rem;
  line-height: 2rem;
  font-weight: normal;
  color: var(--color-rock-blue);
  position: relative;
}

.sidebar-menu.sidebar-account ul li a {
  /*color: var(--color-white);*/
}

.sidebar-menu ul li > a:hover,
.sidebar-menu ul li.is_active > a {
  color: #4794ff;
}

.sidebar-menu ul li ul li a {
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.sidebar-menu ul li a:after {
  position: absolute;
  top: 0.5rem;
  left: -3.1rem;
  height: 1rem;
  width: 1rem;
  background-color: var(--color-rock-blue);
  content: "";
  display: block;
}

.sidebar-menu > ul > li > ul > li > a:after {
  top: 0.6rem;
  left: -1.5rem;
  height: 0.7rem;
  width: 0.7rem;  
}

.sidebar-menu > ul > li > ul > li > ul > li > a:after {
    top: 0.6rem;
    left: -1.6rem;
    height: 0.7rem;
    width: 0.7rem;
}

.sidebar-menu ul li > a:hover:after,
.sidebar-menu ul li.is_active > a:after {
  background-color: #4794ff;
}

/* sidebar catalog filters */

.sidebar-catalog-filters {
  padding: 2rem 2rem 0;
  display: none;
}

.sidebar-catalog-filters.show_mobile {
  position: fixed;
  top: 0;
  left: 0;
  display: block;
  z-index: 20000;
  height: 100vh;
  margin: 0;
  padding-top: 3rem;
  padding-bottom: 3rem;
  overflow-y: scroll;
  overflow-x: hidden;
  width: 100%;
}

.sidebar-catalog-filter {
  padding: 0 0 2rem;
  margin: 0 0 1.5rem;
  border-bottom: 0.1rem solid #333E5B;
}

.sidebar-catalog-filter.is_visible {
  display: block !important;
}

.sidebar-block:last-child .sidebar-catalog-filter:last-of-type {
  border-bottom: none;
  margin-bottom: 0;
}

.sidebar-block:last-child .sidebar-catalog-filter.is_visible {
  border-top: 0.1rem solid #333E5B;
  padding-top: 3rem;
}

.sidebar-catalog-filter > span {
  padding: 0;
  margin: 0;
  color: var(--color-rock-blue);
  font-size: 1.8rem;
  line-height: 2.4rem;
  display: block;
}

.sidebar-catalog-filter > span.with-icon {
  padding: 0 3.1rem;
}

.sidebar-catalog-filter > span.with-icon:before {
  width: 2.4rem;
  height: 2.4rem;
}

.sidebar-catalog-filter > ul {
  list-style: none;
  padding: 0;
  margin: 1.5rem 0 0;
  display: block;
}

.sidebar-catalog-filter > ul > li {
  padding: 0;
  margin: 0 0 1.9rem;
}

.sidebar-catalog-filter > ul.show_first_any_items.show_first_one_items > li:nth-child(n+2),
.sidebar-catalog-filter > ul.show_first_any_items.show_first_two_items > li:nth-child(n+3),
.sidebar-catalog-filter > ul.show_first_any_items.show_first_three_items > li:nth-child(n+4),
.sidebar-catalog-filter > ul.show_first_any_items.show_first_four_items > li:nth-child(n+5),
.sidebar-catalog-filter > ul.show_first_any_items.show_first_five_items > li:nth-child(n+6) {
  display: none;
}

.sidebar-catalog-filter > ul.show_first_any_items.show_first_one_items > li:nth-child(1),
.sidebar-catalog-filter > ul.show_first_any_items.show_first_two_items > li:nth-child(2),
.sidebar-catalog-filter > ul.show_first_any_items.show_first_three_items > li:nth-child(3),
.sidebar-catalog-filter > ul.show_first_any_items.show_first_four_items > li:nth-child(4),
.sidebar-catalog-filter > ul.show_first_any_items.show_first_five_items > li:nth-child(5),
.sidebar-catalog-filter > ul > li:last-child {
  margin-bottom: 0;
}

.sidebar-catalog-filter > span + ul {
  margin-top: 2.2rem;
  margin-left: 3.4rem;
}

.sidebar-catalog-filter .checkbox input[type='checkbox']+label::before {
  width: 2rem;
  height: 2rem;
}

.sidebar-catalog-filter .checkbox label {
  font-size: 1.6rem;
  font-weight: normal;
}

.show-all-items {
  margin-top: 1.5rem;
  font-size: 1.4rem;
  display: block;
}

.sidebar-catalog-filter.sidebar-catalog-tools {
  padding: 1.5rem 0;
  display: none;
}

.sidebar-catalog-filter.sidebar-catalog-tools .button {
  width: 100%;
  margin-bottom: 1.5rem;
}

.filter-scroll-wrapper {
  max-height: 25rem;
  overflow-x: hidden;
  overflow-y: scroll;
  scrollbar-color: var(--color-rock-blue) var(--color-biscay);
  scrollbar-width: thin;
  padding-top: 1rem !important;
}

.filter-scroll-wrapper::-webkit-scrollbar {
  width: 0.6rem;
}

.filter-scroll-wrapper::-webkit-scrollbar-track {
  background: var(--color-rock-blue);
}

.filter-scroll-wrapper::-webkit-scrollbar-thumb {
  background: var(--color-biscay);
}

/* sidebar previously browsed */
.sidebar-previously-browsed {
  padding: 2rem;
}

.sidebar-previously-browsed > span {
  padding: 0;
  margin: 0;
  color: var(--color-rock-blue);
  font-size: 1.8rem;
  line-height: 2.4rem;
  display: block;
}

.sidebar-previously-browsed > span.with-icon {
  padding: 0 3.1rem;
}

.sidebar-previously-browsed > span.with-icon:before {
  width: 2.4rem;
  height: 2.4rem;
}

.sidebar-previously-browsed > ul {
  list-style: none;
  padding: 0;
  margin: 2rem 0 0;
  display: block;
}

.sidebar-previously-browsed > ul > li {
  display: flex;
  align-items: center;
  margin: 0 0 1.7rem;
}

.sidebar-previously-browsed > ul > li:last-child {
  margin-bottom: 0;
}

.sidebar-previously-browsed > ul > li > div > a > img {
  width: 6.6rem;
  min-width: 6.6rem;
  height: 3.8rem;
}

.sidebar-previously-browsed > ul > li > p {
  padding: 0 0 0 1rem;
  margin: 0;
}

.sidebar-previously-browsed > ul > li > p > a {
  font-size: 1.1rem;
  line-height: 1.4rem;
  color: var(--color-white);
  text-decoration: none;
}

@media (min-width: 962px) {
  .sidebar-catalog-filters {
    display: block;
    margin-bottom: 0;
  }

  .sidebar-previously-browsed {
    padding-top: 0;
  }
}

/* sidebar product */
.sidebar-product-info .catalog-item-container {
  position: relative;
}

.sidebar-product-info .product--label-dlc > span,
.sidebar-product-info .product--label-discount > span, 
.sidebar-product-info .product--label-preorder > span {
  font-size: 1.8rem;
  padding: 0.3rem 0.6rem 0.1rem;
  box-sizing: inherit;
  margin: 0;
}

.sidebar-product-info .catalog-item--image {
  margin-bottom: 0;
  aspect-ratio: 1.744;
}

.sidebar-product-info .catalog-item--price:before {
  content: '';
  position: absolute;
  top: -0.6rem;
  left: -2rem;
  width: calc(100% + 4rem);
  height: 0.2rem;
  background-color: var(--color-background);
}

.sidebar-product-info .catalog-item--price {
  position: relative;
  display: flex;
  align-items: baseline;
  font-size: 3.6rem;
  line-height: 4.6rem;
  font-weight: bold;
  margin-bottom: 1rem;
  margin-top: 2rem;
  flex-direction: row-reverse;
  justify-content: flex-end;
}

@media (max-width: 767px) {
  .sidebar-product-info .catalog-item--image {
    margin-left: -2rem;
    margin-top: -2rem;
    width: calc(100% + 4rem);
  }

  .sidebar-product-info .catalog-item--price {
    margin-top: 0.4rem;
  }

  .sidebar-product-info .catalog-item--discount-container {
    margin-left: -2rem;
    width: calc(100% + 4rem);
  }
}

.sidebar-product-info .catalog-item--price .catalog-item--full-price {
  font-size: 2.4rem;
  line-height: 3.1rem;
  color: var(--color-rock-blue);
  margin-left: 1rem;
  text-decoration: line-through;
}

.sidebar-product-info .catalog-item--button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1.8rem;
}

.sidebar-product-info .catalog-item--button-add-cart,
.sidebar-product-info .catalog-item--button-restock-alert
{
  height: 4.4rem;
  width: 100%;
  font-size: 1.6rem;
  margin: 0 2rem 0 0;
  border-width: 0.2rem;
}

.sidebar-product-info .catalog-item--button-add-favorite {
  height: 4.4rem;
  width: 4.4rem;
  margin: 0;
  flex: 0 0 4.4rem;
  border-width: 0.4rem;
}

.sidebar-product-info .catalog-item--button-add-favorite:after {
  left: 1.1rem;
}

.sidebar-product-info .catalog-item--pricedrop-alert,
.sidebar-product-info .catalog-item--system-alert {
  display: flex;
  align-items: center;
  margin-bottom: 3rem;
}

.sidebar-product-info .checkbox label {
  font-size: 1.6rem;
  font-weight: normal;
  color: var(--color-white);
}

.product-activation-info {
  
}

.product-activation-info--title {
  font-size: 1.5rem;
  line-height: 1.9rem;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 1rem;
}

.product-activation-info--item,
.product-activation-info--regions-button {
  font-size: 1.6rem;
  line-height: 1.25;
  margin-bottom: 0.5rem;
}

.product-activation-info--item span {
  font-weight: bold;
  color: var(--color-rock-blue);
  margin-right: 1rem;
}

.product-activation-info--regions-button {
  color: #4794ff;
  margin-bottom: 0;
  display: inline-block;
}

.product-activation-info--regions-button.is_active {
  margin-bottom: 2rem;
}

.product-activation-info--regions {
  background: rgba(51, 62, 91, 0.2);
  border: 1px solid #333E5B;
  box-sizing: border-box;
  padding: 2.5rem 2rem 2rem;
  font-size: 1.4rem;
  line-height: 1.3;
  color: var(--color-rock-blue);
  position: relative;
}

.product-activation-info--regions-title {
  font-weight: bold;
  font-size: 1.6rem;
  line-height: 1.25;
  color: var(--color-white);
  text-transform: uppercase;
  position: absolute;
  top: 0;
  left: 1.5rem;
  transform: translateY(-50%);
  padding: 0 0.5rem;
  background: linear-gradient(to bottom, var(--color-midnight-express_3) 50%, rgba(51, 62, 91, 0.2) 50%);
}

.sidebar-product-info--list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.sidebar-product-info--list > li,
.sidebar-product-info--languages .tags {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

.sidebar-product-info--list > li {
  margin-bottom: 1.5rem;
}

.sidebar-product-info--list > li:last-child {
  margin-bottom: 0;
}

.sidebar-product-info--overview {
  color: var(--color-rock-blue);
  font-weight: bold;
}

.sidebar-product-info--overview .value {
  color: #4794ff;
  font-weight: normal;
  text-align: right;
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  flex-wrap: wrap;
  flex: 0 0 20rem;
  width: 20rem;  
}

.sidebar-product-info--overview .value.value-steam-deck {
  width: auto;
  flex: 0 0;
  padding-left: 1.2rem;
}

.sidebar-product-info--overview .value a {
  margin-left: 0.4rem;
}

.sidebar-product-info--overview .value img {
  display: inline-block;
  margin: 0 0.2rem 0.2rem 0;
}

.sidebar-product-info--languages .tag {
  margin-left: 5rem;
  display: flex;
  align-items: center;
  color: var(--color-rock-blue);
}

.sidebar-product-info--languages .tag:first-child {
  margin-left: 0;
}

.sidebar-product-info--languages .tag:before {
  content: '';
  background: url(../svg/checkbox_active.svg) no-repeat center;
  filter: invert(55%) sepia(96%) saturate(6935%) hue-rotate(209deg) brightness(102%) contrast(106%);
  background-size: cover;
  width: 1.37rem;
  height: 0.98rem;
  margin-right: 0.7rem;
  margin-top: -0.26rem;
  display: block;
}

.sidebar-product-info--rating {
  background: rgba(51, 62, 91, 0.2);
  border: 1px solid #333E5B;
  box-sizing: border-box;
  margin: 0 0 2rem;
  padding: 2rem;
  font-size: 1.6rem;
  line-height: 1.25;
  color: var(--color-white);
  font-weight: bold;
}

.sidebar-product-info--rating:last-child {
  margin-bottom: 0;
}

.rating-title {
  margin-bottom: 0.5rem;
}

.rating-score {
  font-size: 3.6rem;
  line-height: 4.6rem;
  --rating-score: 0%;
}

.rating-score:after {
  content: '';
  clip-path: url(#clipRating);
  background: linear-gradient(to right, #006AFF var(--rating-score), #455481 var(--rating-score));
  width: 11rem;
  height: 1.8rem;
  display: inline-block;
  margin-left: 1.2rem;
}

.rating-desc {
  color: var(--color-rock-blue);
  font-weight: normal;
}

/* table */
.table {
  width: 100%;
  display: flex;
  margin-bottom: 3rem;
  flex-direction: column;
}

.table-empty {
  width: 100%;
  text-align: center;
  padding: 2rem 0;  
}

.table-paginator {
  display: flex;
  justify-content: center;
}

.table-paginator .paginator {
  margin: 3rem 0 1rem;
}

.table-header,
.table-row {
  display: flex;
  flex-direction: row;
  width: 100%;
  align-items: flex-start;
  margin: 0;
  padding: 2rem 1rem;
}

.table-header {
  background-color: rgba(51, 62, 91, 0.2);
}

.table-row {
  padding: 1rem;
  border-bottom: 0.1rem solid #333E5B;
}

.table-row:last-child {
  margin-bottom: 0;
  border-bottom: none;
  padding-bottom: 0;
}

.table-header > div,
.table-row > div {
  margin: 0;
}

.table-header > div {
  text-transform: uppercase;
}

.table-column {
  padding: 2rem;
  background-color: var(--color-midnight-express_3);
  margin-bottom: 2rem;
  width: 100%;
}

.column-row {
  padding: 1rem 0;
  border-bottom: 0.1rem solid #333E5B;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.column-row:last-child {
  border-bottom: none;
}

.column-row div:first-child {
  color: var(--color-rock-blue);
  font-size: 1.4rem;
  line-height: 1.5;
  font-weight: bold;
  padding: 0;
  margin:0;
  max-width: 60%;
}

.column-header,
.column-footer,
.column-row div:last-child,
.column-row div:last-child p {
  color: var(--color-white);
  font-size: 2rem;
  line-height: 1.5;
  font-weight: bold;
  padding: 0;
  margin:0;
  text-align: right;
}

.column-row div:last-child {
  max-width: 60%;
}

.column-header {
  font-size: 2.4rem;
  padding-bottom: 3.6rem;
  text-align: center;
}

.column-footer {
  padding-top: 3rem;
  text-align: center;
}

.column-row div:last-child p {
  font-size: 1.6rem;
}

.column-row:nth-child(even) div:last-child,
.column-row:nth-child(even) div:last-child p {
  color: var(--color-dodger-blue);
  overflow-wrap: break-word;
}

@media (min-width: 1025px) {
  .table {
    flex-direction: row;
    margin-bottom: 5rem;
  }
  
  .table-column {
    border-left: 0.1rem solid #333E5B;
    margin-bottom: 0;
  }

  .table-column:first-child {
    border-left: none;
  }  
}

/* paginator */
.paginator > ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.paginator > ul > li {
  display: inline-block;
  padding: 0;
  margin: 0.25rem;
}

.paginator > ul > li.empty {
  margin: 0.5rem;
}

.paginator > ul > li.next,
.paginator > ul > li.next_forward,
.paginator > ul > li.previous,
.paginator > ul > li.previous_forward {
  margin: 0; 
}

.paginator > ul > li:not(.previous):not(.previous_forward):not(.next):not(.next_forward) > a,
.paginator > ul > li:not(.previous):not(.previous_forward):not(.next):not(.next_forward) > span {
  color: var(--color-rock-blue);
  font-size: 1.8rem;
  line-height: 3rem;
  font-weight: normal;
  padding: 0;
  margin: 0;
  text-decoration: none;
  display: block;
  width: 3rem;
  height: 3rem;
  background: #1C2333;
  border: 1px solid #1C2333;
  text-align: center;
}

.paginator > ul > li.previous > a,
.paginator > ul > li.previous_forward > a,
.paginator > ul > li.next > a,
.paginator > ul > li.next_forward > a,
.paginator > ul > li.previous > span,
.paginator > ul > li.previous_forward > span,
.paginator > ul > li.next > span,
.paginator > ul > li.next_forward > span {
  display: block;
  width: 2rem;
  height: 2rem;  
}

.paginator > ul > li:not(.previous):not(.previous_forward):not(.next):not(.next_forward) > span {
  color: var(--color-white);
  background: var(--color-dodger-blue);
  border-color: var(--color-dodger-blue);
  font-weight: bold;
}

.paginator > ul > li:not(.previous):not(.previous_forward):not(.next):not(.next_forward) > a:hover {
  color: var(--color-dodger-blue);
  border-color: var(--color-dodger-blue);
}

.paginator > ul > li.previous a,
.paginator > ul > li.previous span {
  background: url('../svg/paginator_prev.svg') center center no-repeat;
}

.paginator > ul > li.previous a:hover {
  background: url('../svg/paginator_prev_active.svg') center center no-repeat;
}

.paginator > ul > li.previous_forward a,
.paginator > ul > li.previous_forward span {
  background: url('../svg/paginator_prev.svg') right center no-repeat, url('../svg/paginator_prev.svg') right 5px center no-repeat;
  width: 2rem;
}

.paginator > ul > li.previous_forward a:hover {
  background: url('../svg/paginator_prev_active.svg') right center no-repeat, url('../svg/paginator_prev_active.svg') right 5px center no-repeat;
  width: 2rem;
}

.paginator > ul > li.next a,
.paginator > ul > li.next span {
  background: url('../svg/paginator_next.svg') center center no-repeat;
}

.paginator > ul > li.next a:hover {
  background: url('../svg/paginator_next_active.svg') center center no-repeat;
}

.paginator > ul > li.next_forward a,
.paginator > ul > li.next_forward span {
  background: url('../svg/paginator_next.svg') left center no-repeat, url('../svg/paginator_next.svg') left 5px center no-repeat;
  width: 2rem;
}

.paginator > ul > li.next_forward a:hover {
  background: url('../svg/paginator_next_active.svg') left center no-repeat, url('../svg/paginator_next_active.svg') left 5px center no-repeat;
  width: 2rem;
}

/* account form */
.account-form .form-group {
  align-items: flex-start;
  margin-bottom: 1rem;
}

.account-form .form-group:nth-last-child(2) {
  margin-bottom: 1.2rem;
}

.account-form .form-group:last-child {
  margin-bottom: 0;
}

.account-form:not(.account-notifications-form) .form-group button[type="submit"] {
  width: 100%;
}

.account-form.account-notifications-form .form-group:last-child {
  padding-top: 3.4rem;
  flex-direction: row;
  justify-content: flex-end;
}

.account-form .form-group > .checkbox input[type='checkbox']+label::before {
  width: 2rem;
  height: 2rem;  
}

.account-form .form-group > .checkbox label {
  font-size: 1.4rem;
}

.account-form .form-group > .checkbox input[type='checkbox']:checked+label,
.account-form .form-group > .checkbox input[type='checkbox']:checked+label a {
  color: var(--color-rock-blue);
}

.account-form .form-group > .checkbox input[type='checkbox']:checked+label a:hover {
  color: var(--color-periwinkle);
}

.account-form.account-avatar-form img {
  width: 12rem;
  max-width: 12rem;
  max-height: 12rem;
}

.account-form.account-avatar-form input[type="file"] {
  opacity: 0;
  position: absolute;
  z-index: -1;  
}

.account-form.account-avatar-form label {
  display: block;
  min-width: 12.8rem;
  text-align: center;
  cursor: pointer;
  font-size: 1.4rem;
  font-weight: normal;
  color: var(--color-dodger-blue);
  padding: 0;
  margin: 0;
}
/*
.account-form.account-avatar-form label:before {
  content: '';
  display: inline-block;
  width: 1.8rem;
  height: 2rem;
  background-image: url('../images/icons/paperclip.svg');
  background-repeat: no-repeat;
  background-position: center center;
  margin-right: 0.8rem;
}
*/
.account-form .form-success,
.account-form .form-error {
  margin-bottom: 1rem;
}

/* account block */
.account--block {
  width: 100%;
  flex: 0 0 100%;
  background-color: rgba(51, 62, 91, 0.2);
  padding: 2rem;
  margin: 0 0 1rem;
}

.account--block:first-child {
  margin-top: 0;
}

.account--block:last-child {
  margin-bottom: 0;
}

.account--block.transparent {
  background-color: transparent;
  padding: 0;
}

.account--block-decorator {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.account--block-settings-avatar,
.account--block-settings-username {
  flex: 0 0 100%;
  width: 100%;
  position: relative;
}

.account--block-settings-avatar {
  margin-bottom: 3rem;
}

.account--block-info {
  border: 0.1rem solid #333E5B;
  padding-top: 7.6rem !important;
  padding-bottom: 0 !important;
  min-height: 17.2rem;
}

.account--block-info.with-confetti {
  background-image: url('../svg/confetti.svg');
  background-position: top 2rem center;
  background-repeat: no-repeat;
}

.account--block-info.with-shopping-bag {
  background-image: url('../svg/shopping-bag.svg');
  background-position: top 2rem center;
  background-repeat: no-repeat;
}

.account--block-info.with-key {
  background-image: url('../svg/key.svg');
  background-position: top 2rem center;
  background-repeat: no-repeat;
}

.account--block-info .description {
  font-size: 1.6rem;
  line-height: 1.25;
  margin-bottom: 0.5rem !important;
  color: var(--color-rock-blue);
  text-align: center;
}

.account--block-info .headline {
  font-size: 2.4rem;
  line-height: 1.3;
  margin-bottom: 0 !important;
  color: var(--color-white);
  text-align: center;
}

.account--block .your-email {
  font-size: 1.4rem;
  line-height: 4.4rem;
  margin-bottom: 1rem;
  color: var(--color-rock-blue);
  text-align: left !important;
}

.account--block p {
  margin-bottom: 1.8rem;
}

.avatar-block {
  width: 12rem;
  height: 12rem;
  flex: 0 0 12rem;
  padding: 0;
  border: 0.2rem solid var(--color-dodger-blue);
}

.avatar-block img {
  width: 100%;
}

.remove-avatar-button {
  position: absolute;
  top: -0.4rem;
  left: 12rem;
  width: 2.0rem;
  height: 2.0rem;
  background: url(../svg/nav_close.svg) no-repeat center center;
  filter: invert(55%) sepia(96%) saturate(6935%) hue-rotate(209deg) brightness(102%) contrast(106%);
  background-size: 1rem;
  cursor: pointer;
}

.welcome-block {
  padding: 0 1rem;
  margin-top: 3rem;
}

.welcome-block--title,
.welcome-block--description {
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 1.3;
  margin-bottom: 0.5rem;
}

.welcome-block--description {
  font-size: 1.8rem;
  margin: 0;
  color: var(--color-rock-blue);
  overflow-wrap: anywhere;
}

@media (min-width: 962px) {
  .account--block-decorator {
    flex-direction: row;
    align-items: flex-start;
  }

  .account--block {
    width: calc(100% - 2rem);
    flex: 0 0 calc(100% - 2rem);
    margin: 0 1rem;
  }

  .halfwidth {
    width: calc(50% - 2rem);
    flex: 0 0 calc(50% - 2rem);
  }
  
  .thirdwidth {
    width: calc(33% - 2rem);
    flex: 0 0 calc(33% - 2rem);    
  }

  .account--block.with-margin-bottom {
    margin-bottom: 2rem;
  }

  .welcome-block {
    margin-top: 0;
  }
  
  .account--block-settings-avatar {
    flex: 0 0 18.5rem;
    width: 18.5rem;
    margin-bottom: 0;
  }

  .account--block-settings-username {
    flex: 0 0 calc(100% - 18.5rem);
    width: calc(100% - 18.5rem);
  }

  .account--block-settings-username form {
    width: 32rem;  
  }  
}

/* cart page */
.cart-list {
  
}

.cart-item {
  padding: 0 0 2rem;
  margin: 0 0 2rem;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  border-bottom: 1px solid #333E5B;  
}

.cart-item--image {
  flex: 0 0 31rem;
  width: 31rem;
  position: relative;
}

.cart-item--image img {
  display: inline-block;
}

.cart-item--data {
  width: 100%;
  margin: 0;
  padding: 0 2rem;
  line-height: 1.25;
}

.cart-item--title {
  font-size: 1.8rem;
  margin-bottom: 1rem;
}

.cart-item--title a,
.cart-item--title a:hover {
  color: var(--color-white);
}

.cart-item--stock {
  font-size: 1.2rem;
  color: #06d30c;
  margin-bottom: 1rem;
}

.cart-item--stock.out_stock {
  color: var(--color-roman);
}

.cart-item--activation {
  margin: 0;
  font-weight: 600;
}

.cart-item--activation span {
  color: var(--color-rock-blue);
  font-weight: bold;
  margin-right: 1rem;
}

.cart-item--action {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.cart-item--action .select {
  background-color: transparent;
  width: auto;
  min-width: 9.6rem;
}

.cart-item--action .select > span {
  height: auto;
  padding: 0.6rem 3.6rem 0.6rem 1.2rem;
  border: 0.2rem solid var(--color-dodger-blue);
  background-image: url(../svg/popover_close_original.svg);
}

.cart-item--action .select.is_active > span {
  background-image: url(../svg/popover_open_original.svg);
}

.cart-item--action .select > span, 
.cart-item--action .select > ul > li, 
.cart-item--action .select > ul > li > a {
  font-size: 1.6rem;
  line-height: 1.6rem;
  color: var(--color-white);
}

.cart-item--action .select > ul {
  width: 100%;
}

.cart-item--action .select > ul > li > a {
  padding-right: 3.6rem;
  padding-left: 1.2rem;
}

.cart-item--action-sep {
  margin: 0 1.5rem;
  color: var(--color-dodger-blue);
  font-size: 2.2rem;
  line-height: 2.2rem;
}

.cart-item--action-delete,
.cart-item--action-delete:hover {
  color: var(--color-dodger-blue);
}

.cart-item--button-add-favorite,
.cart-item--button-add-favorite:hover {
  background-color: transparent !important;
  border: none !important;
  width: 3rem;
  height: 3rem;
  padding: 0;
  margin: 0;
  position: relative;
  z-index: 10;
}

.cart-item--button-add-favorite:after {
  content: '';
  position: absolute;
  top: -0.2rem;
  left: 0;
  width: 2.2rem;
  height: 100%;
  background: url('../svg/button_add_wishlist.svg') no-repeat center center;
}

.cart-item--button-add-favorite:hover {
  background-color: #4a3545; /*rgba(227, 86, 86, 0.2);*/
  border-color: #E35656;
}

.cart-item--button-add-favorite:hover:after,
.cart-item--button-add-favorite.is_active:after {
  background: url('../svg/button_add_wishlist_active.svg') no-repeat center center;
}

.cart-item--price {
  flex: 0 0 9rem;
  text-align: right;
  font-size: 2rem;
  line-height: 1;
  padding-top: 0.2rem;  
}

.cart-item--price span {
  color: var(--color-rock-blue);
  text-decoration-line: line-through;
  font-weight: 500;
  font-size: 1.8rem;
  display: block;
}

.cart-item--errors {
  margin-top: 1rem;
}

.cart-item--errors .form-error {
  width: auto;
  display: inline-block;
  padding: 1rem 2.4rem;
  text-align: left;
}

.cart-item--errors .form-error:after {
  content: unset;
}



.cart-container {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 5rem;
}

.cart-container:last-child {
  margin-bottom: 1rem;
}

.cart-sub-container {
  
}

.cart-container .headline {
  font-size: 2rem;
  line-height: 1.5;
  font-weight: 600;
  margin-bottom: 2rem;
}

.cart-payment-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  max-width: 54rem;
  justify-content: flex-start;
  align-items: flex-start !important;
}

.cart-payment-item {
  width: 18rem;
  height: 8rem;
  padding-top: 4.7rem;
  background: #262e44;
  text-align: center;
  font-size: 1.8rem;
  line-height: 1.5;
  color: #333E5B;
  box-sizing: border-box;
  position: relative;
  cursor: pointer;
  --payment-icon: '';
  outline: none;
  border: none;
  z-index: 10;
}

.cart-payment-item:after {
  content: '';
  position: absolute;
  box-sizing: border-box;
  width: calc(100% + 0.2rem);
  height: calc(100% + 0.2rem);
  top: 0;
  left: 0;
  background: transparent;
  border: 0.2rem solid #333E5B;
  z-index: 10;
  -webkit-transform: translateZ(0);
  -webkit-perspective: 1000;
  -webkit-backface-visibility: hidden;
}

.cart-payment-item.is_active,
.cart-payment-item:hover {
  filter: hue-rotate(333deg) saturate(8) brightness(108%);
  -webkit-filter: hue-rotate(333deg) saturate(8) brightness(108%);
  -webkit-transform: translateZ(0);
  -webkit-perspective: 1000;
  -webkit-backface-visibility: hidden;
  color-interpolation-filters: sRGB;
  background: transparent;
  z-index: 11;
}

.cart-payment-item.is_active:after,
.cart-payment-item:hover:after {
  z-index: 11;
}

.cart-payment-item:before {
  content: '';
  position: absolute;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  height: 3rem;
  top: 2.8rem;
  left: 0;
  transform: translateY(-50%);
  background-image: var(--payment-icon);
  -webkit-transform: translateY(-50%) translateZ(0);
  -webkit-perspective: 1000;
  -webkit-backface-visibility: hidden;
}

.cart-payment-item.with-paypal:before {
  background-image: url('../svg/paypal.svg');
}

.cart-payment-item.with-card:before {
  background-image: url('../svg/credit-card.svg');
}

.cart-payment-item.with-bluecoins:before {
  background-image: url('../svg/bluecoins.svg');
}

.cart-payment-item.with-webmoney:before {
  background-image: url('../svg/webmoney.svg');
}

.cart-total-value {
  font-size: 2.4rem;
  line-height: 3.1rem;
  margin-bottom: 2rem;
  text-align: right;
}

.cart-total-value span {
  font-weight: 650;
  margin-left: 1rem;
}

.cart-total-description {
  font-size: 1.4rem;
  line-height: 1.28;
  color: var(--color-rock-blue);
  text-align: right;
}

.cart-container .form-group:not(.form-group--input-with-button) {
  margin-bottom: 1rem;
  align-items: flex-start;
}

.cart-container .form-group:not(.form-group--input-with-button):last-child {
  margin-bottom: 0;
}

.cart-container [type="text"],
.cart-container [type="email"],
.cart-container [type="submit"],
.cart-container .checkbox label {
  width: 32rem;
}

.cart-container input[type='button'] {
  background-color: var(--color-navy-blue);
  border-color: var(--color-navy-blue);
  color: var(--color-white);
  outline: 0;
}

.cart-container .has_coupon input[type='button'] {
  background-color: var(--color-dark-pastel-green);
  border-color: var(--color-dark-pastel-green);
  color: var(--color-white);
  outline: 0;
}

.cart-container .has_coupon input[type='text'] {
  border: 0.2rem solid var(--color-dark-pastel-green);
  color: #06d30c;
}

.cart-container .form-error {
  margin-top: 1rem;
  margin-bottom: 2rem;
  max-width: 40.9rem;
}

.cart-container-user-data {
  display: none;
}

.form-group--checkout-email {
  font-weight: normal;
  font-size: 1.6rem;
  color: var(--color-rock-blue);
}

.form-group--checkout-email a {
  margin: 0 2rem;
  color: var(--color-dodger-blue);
  border-bottom: 0.1rem dashed;
}

@media (max-width: 767px) {
  .cart-list {
      margin-bottom: 2rem;
  }

  .cart-item {
    flex-direction: column;
  }

  .cart-item--image {
    width: 100%;
    flex: 0 0 100%;
    margin-bottom: 2rem;
  }

  .cart-item--image img {
    display: block;
    width: 100%;
  }

  .cart-item--data {
    padding: 0;
    margin-bottom: 2rem;
  }

  .cart-item--price {
    flex: 0 0 auto;
    text-align: left;
  }

  .cart-container {
    flex-direction: column-reverse;
  }

  .cart-sub-container {
    width: 100%;
  }

  .cart-total-value {
    text-align: left;
    margin-bottom: 1rem;
  }

  .cart-total-description {
    text-align: left;
    margin-bottom: 4.6rem;
  }

  .cart-payment-item {
    width: 100%;
  }

  .cart-container [type="text"], .cart-container [type="email"], .cart-container [type="submit"], .cart-container .checkbox label {
    flex: 1 1 auto;
    width: 100%;
  }
}

@media screen and (max-width: 767px){
  .g-recaptcha {
    transform:scale(0.77);
    -webkit-transform:scale(0.77);
    transform-origin:0 0;
    -webkit-transform-origin:0 0;
  }
}

/* orders */
.table.orders-table {
  display: flex;
  flex-direction: column;
  width: fit-content;
  width: max-content;
  margin: 0;
  padding-right: 1rem;
}

.order-item {
  text-align: left;
  font-weight: normal;
}

.table-row .order-item {
  color: var(--color-rock-blue);
}

.order-item--date {
  flex: 0 0 15.6rem !important;
  width: 13.6rem !important;
  max-width: 13.6rem !important;
  text-overflow: ellipsis;
  overflow: hidden;
}

.table-row .order-item--date {
  font-size: 1.4rem;
  line-height: 2rem;
}

.table-row .order-item--date a,
.table-row .order-item--status a {
  color: var(--color-dodger-blue);
  border-bottom: 1px dashed;
  display: inline-block;
}

.table-row .order-item--date a.no-link {
  color: var(--color-regent-gray);
  border-bottom: none;
}

.order-item--games p {
  color: var(--color-rock-blue);
  margin: 0 0.2rem 0.85rem;
}

.order-item--games p:last-child {
  margin-bottom: 0;
}

.order-item--total {
  text-align: right;
  flex: 0 0 9rem !important;
  width: 9rem !important;
  max-width: 9rem !important;
}

.order-item--status {
  text-align: right;
  flex: 0 0 10rem !important;
  width: 10rem !important;
  max-width: 10rem !important;
}

.table-row .order-item--status {
  font-size: 1.4rem;
  line-height: 2rem;
}

.order-list {
  margin: 1rem 0;  
}

.order-list .order-item {
  margin-bottom: 3.6rem;
}

.order-list .order-item:last-child {
  margin-bottom: 0;
}

.order-item-container {
  padding: 3rem;
}

.order-item-content {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}

.order-item-image {
  display: flex;
  flex-direction: column;
  margin-bottom: 1.8rem;
}

.order-item-image img {
  width: 12.2rem;
  border: 1px solid var(--color-east-bay);
  margin-bottom: 2rem;
}

.order-item-description {
  width: 100%;
}

.order-item--key {
  position: relative;
  border: 0.2rem solid var(--color-east-bay);
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem;
  margin: 0 0 2rem;
  width: 100%;
  height: 4.4rem;
}

.order-item--key:last-child {
  margin-bottom: 0;
}

.order-item--key.preorder-active {
  margin-top: 3rem;
}

.order-item--key-title {
  position: absolute;
  bottom: calc(100% + 0.5rem);
  left: 0;
  font-size: 1.2rem;
  color: var(--color-rock-blue);
}

.order-item--key-value {
  font-size: 1.6rem;
  line-height: 1.25;
  color: var(--color-white);
}

.order-item--key-link {
  font-size: 1.4rem;
  line-height: 1.25;
  color: var(--color-dodger-blue);
  border-bottom: 1px dashed;
}

.order-item-form {
  padding: 0;
  margin: 0 0 4rem;
}

.order-item-description input,
.order-item-description button {
  width: 100%;
}

.order-item-message {
  background: rgba(154, 164, 191, 0.2);
  font-size: 1.4rem;
  line-height: 1.8rem;
  padding: 1rem;
  margin: 0;
  color: var(--color-rock-blue);
}

.order-item-message.v2 {
  background: transparent;
  font-size: 1.6rem;
  line-height: 1.25;
  padding: 0;
  margin: 0;
  color: var(--color-rock-blue);
}

.order-item-download {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  margin: 0;
}

.order-item-download a.button {
  margin: 0 0 1rem;
}

.order-item-download a.button:last-child {
  margin: 0;
}

.table.orders-table + .order-item-download,
.order-item-message + .order-item-download {
  margin-top: 2rem;
}

@media (min-width: 962px) {
  .table.orders-table {
    width: 100%;
    padding-right: 0;
  }

  .order-item-description {
    width: 40rem;
    display: flex;
    flex-direction: column;
  }

  .order-item-download {
    display: flex;
    flex: 1 1 auto;
    flex-direction: row;
    align-items: flex-end;
    justify-content: flex-end;
    flex-wrap: wrap;
    align-content: flex-end;
  }

  .order-item-download a.button,
  .order-item-download a.button:last-child {
    margin: 0 0 1rem 1rem;
  }

  .table.orders-table + .order-item-download {
    margin-top: 0;
  }

  .order-item-content {
    justify-content: space-between;
    flex-direction: row;
  }

  .order-item-image {
    margin-bottom: 0;
  }

  .order-item--key {
    margin-bottom: 3rem;
  }
}

/*
.order-item--name {
  margin-bottom: 1.2rem;
  font-size: 1.8rem;
  font-weight: normal;
  color: var(--color-rock-blue);
}

.order-item--content {
  border: 0.1rem solid #333E5B;
  background-color: rgba(51, 62, 91, 0.2);
  padding: 2rem;
  margin: 0;
}

.order-item--content-item {
  margin-bottom: 2rem;
}

.order-item--content-item.order-item--keys {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

.order-item--content-item:last-child {
  margin-bottom: 0;
}


.order-item--key {
  color: var(--color-east-bay);
  font-weight: 500;
}

.order-item--key span {
  margin-left: 1rem;
  font-size: 1.8rem;
  color: var(--color-rock-blue);
  font-weight: normal;
}

.order-item--key {
  font-size: 1.8rem;
  color: var(--color-rock-blue);
  font-weight: normal;
  font-weight: 500;
}

.order-item--key span {
  margin-left: 1rem;
}

.order-item--links {
  display: flex;
  align-items: flex-start;
}

.order-item--link-name {
  color: var(--color-east-bay);
  font-weight: 500; 
  line-height: 1;  
}

.order-item--link-container {
  margin-left: 1rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.order-item--link-container a {
  border-bottom: 0.1rem dashed;
  display: inline-block;
  line-height: 1;
}
*/

.order-message {
  margin: 3rem 0;
  color: var(--color-rock-blue);
}

.order-message p {
  color: var(--color-rock-blue);  
}

.order-message p:last-child {
  margin-bottom: 0;
}

.order-message.with-icon.icon-waiting {
  padding-bottom: 6rem;
  margin-bottom: 0;
}

.order-message.with-icon.icon-waiting:before {
  width: 6rem;
  height: 6rem;
  top: unset;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
}

/* support */
.support--search {
  margin: 1rem 0 3rem;
  position: relative;
}

.support--search input[type='text'],
.support--search input[type='search'] {
  font-size: 1.4rem;
}

.support--search input[type='button'] {
    background-color: var(--color-navy-blue);
    border-color: var(--color-navy-blue);
    color: var(--color-white);
    outline: 0;
}

.support--search-result:not(.full) {
  position: absolute;
  top: 100%;
  left: 0;
  margin: 0;
  width: 100%;
  background-color: var(--color-midnight-express_2);
  border: 1px solid var(--color-biscay);
}

.support--search-result.full {
  width: 100%;
  width: calc(100% + 4rem);
  margin-left: -2rem;
  margin-bottom: 5rem;
  border-bottom: 1px solid var(--color-biscay);
}

.support--search-result.full.clear-list {
  margin-bottom: -1rem;
  border-bottom: none;
}

.support--search-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0;
  padding: 1.5rem 1rem;
  font-size: 1.4rem;
  line-height: 1.3;
  color: var(--color-rock-blue);
  border-bottom: 1px solid var(--color-biscay);
}

.support--search-result.full .support--search-header {
  padding: 2rem;
  font-size: 1.6rem;
  line-height: 1.25;
}

.support--search-total {
  margin-right: 0.5rem;
}

.support--search-body,
.support--search-item {
  margin: 0;
  padding: 0;  
}

.support--search-item {
  border: 1px solid transparent;
}

.support--search-result.full .support--search-body {
  margin: 0;
}

.support--search-result.full .support--search-item {
  padding: 2rem;
  border: 1px solid transparent;
  border-bottom: 1px solid var(--color-biscay);
  position: relative;
  display: block;
  cursor: pointer;
}

.support--search-result.full.clear-list .support--search-item {
  padding: 0;
}

.support--search-result.full .support--search-item:before,
.support--search-result.full .support--search-item:after {
  content: '';
  position: absolute;
  bottom: -1px;
  right: 0;
  width: 2rem;
  height: 1px;
  background-color: var(--color-midnight-express_3);
}

.support--search-result.full .support--search-item:before {
  right: unset;
  left: 0;
}

.support--search-result.full .support--search-item:last-child:before,
.support--search-result.full .support--search-item:last-child:after,
.support--search-result.full .support--search-item:hover:before,
.support--search-result.full .support--search-item:hover:after {
  content: unset;
}

.support--search-result.full .support--search-item:last-child {
  border-bottom: 1px solid transparent;
}

.support--search-result:not(.full) .support--search-item a {
  display: block;
  margin: 0 1rem;
  padding: 1rem 0 1rem;
  border-top: 1px solid var(--color-biscay);
  border-bottom: 1px solid transparent;
  font-size: 1.4rem;
  line-height: 1.3;
  color: var(--color-white);  
}

.support--search-result.full .support--search-item a {
  display: block;
  font-size: 1.6rem;
  line-height: 1.25;
  color: var(--color-white);  
}

.support--search-result.full.clear-list .support--search-item a {
  padding: 2rem;
  display: block;
}

.support--search-result.full .support--search-item--description {
  font-size: 1.4rem;
  line-height: 1.3;
  margin-top: 1rem;
  color: var(--color-rock-blue);  
}

.support--search-result:not(.full) .support--search-item:first-child a {
  border-top: 1px solid transparent;
}

.support--search-result:not(.full) .support--search-item:last-child a {
  border-bottom: 1px solid var(--color-biscay);
}

.support--search-item:hover,
.support--search-result.full .support--search-item:hover {
  background: var(--color-blue-shadow);
  border: 1px solid var(--color-dodger-blue);
}

.support--search-result:not(.full) .support--search-item:hover a,
.support--search-result:not(.full) .support--search-item:hover + .support--search-item a{
  border-top: 1px solid transparent;
}

.support--search-result:not(.full) .support--search-item:hover a {
  border-bottom: 1px solid transparent;  
}

.support--search-result.full .support--search-item:hover > a {
  color: var(--color-dodger-blue);
}

.support--search-footer {
  display: flex;
  justify-content: flex-end;
  align-items: center;  
  margin: 0;
  padding: 2rem 1.5rem 1.5rem;
}

.support--search-show-all-button {
  text-decoration-line: underline;
  font-size: 1.4rem;
  color: var(--color-dodger-blue);
}

.support--blocks {
  margin-bottom: 4rem;
}

.support--block {
  width: calc(100% - 2rem);
  flex: 0 0 calc(100% - 2rem);
  background-color: rgba(51, 62, 91, 0.2);
  border: 0.1rem solid #333E5B;
  padding: 0 2rem;
  margin: 1rem;
  background-position: top 1.5rem center;
  background-repeat: no-repeat;
  background-size: 11rem;
  overflow: hidden;
}

.support--block:before {
  content: "";
  padding-top: calc(100% + 4rem);
  float: left;
}

.support--block:hover {
  background-color: var(--color-blue-shadow);
  border: 1px solid var(--color-dodger-blue);  
}

.support--block.with-icons8-download {
  background-image: url('../svg/icons8-download.svg');
}

.support--block.with-icons8-error {
  background-image: url('../svg/icons8-error.svg');
}

.support--block.with-icons8-exchange {
  background-image: url('../svg/icons8-exchange.svg');
}

.support--block.with-icons8-game-controller {
  background-image: url('../svg/icons8-game-controller.svg');
}

.support--block.with-icons8-info {
  background-image: url('../svg/icons8-info.svg');
}

.support--block.with-icons8-plugin {
  background-image: url('../svg/icons8-plugin.svg');
}

.support--block.with-icons8-purchase-order {
  background-image: url('../svg/icons8-purchase-order.svg');
}

.support--block.with-icons8-user-manual {
  background-image: url('../svg/icons8-user-manual.svg');
}

.support--block.with-ubisoft {
  background-image: url('../svg/ubisoft.svg');
}

.support--block .headline {
  font-size: 1.6rem;
  line-height: 1.25;
  margin-top: 13rem;
  margin-bottom: 0.5rem !important;
  color: var(--color-white);
  text-align: center;
  text-transform: uppercase;
}

.support--block .description {
  font-size: 1.4rem;
  line-height: 1.3;
  margin-bottom: 1.5rem !important;
  color: var(--color-rock-blue);
  text-align: center;
}

.support--alert {
  font-size: 1.4rem;
  color: var(--color-rock-blue);
  margin-bottom: 1rem;
}

.contact-form input[type="file"] {
  opacity: 0;
  z-index: -1;
  position: absolute;
}

.contact-form input[type="file"] + div {
  display: flex;
  align-items: center;
  width: 100%;
}

.contact-form input[type="file"] + div > label {
  background-color: var(--color-dodger-blue);
  border: 0.1rem solid var(--color-dodger-blue);
  border-radius: 0;
  color: var(--color-white);
  cursor: pointer;
  display: inline-block;
  font-family: var(--font-family-init), var(--font-family-cyrillic), sans-serif;
  font-size: 1.6rem;
  font-weight: normal;
  height: 4.4rem;
  line-height: 4.4rem;
  min-width: 23rem;
  padding: 0 4.4rem;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  margin-right: 1rem;
}

.contact-form input[type="file"] + div > label:hover {
  background-color: var(--color-navy-blue);
  border-color: var(--color-navy-blue);
}

.contact-form input[type="file"] + div > span {
  padding-top: 0.1rem;
}

@media (min-width: 962px) {
  .support--search {
    width: 37rem;
  }
  
  .support--block {
    width: calc(33% - 2rem);
    flex: 0 0 calc(33% - 2rem);    
  }
  
  .contact-form input[name="email"] {
    width: 50%;
  }
  
  .contact-form .form-error {
    width: 67%;
  }
  
  .contact-form .form-group {
    width: 100%;
  }
  
  .contact-form [type="submit"] {
    width: auto !important;
    min-width: 23rem;
  }
}

.gdpr-privacy-policy-container {
  display: none;
}

/* orders */
.affiliate-tools {
  display: flex;
  justify-content: space-between;
  margin-bottom: 1.5rem;
}

.affiliate-tools > ul {
  display: flex;
  flex-flow: wrap;
  justify-content: space-between;
  margin: 0;
  width: 100%;
}

.affiliate-tools > ul > li {
  padding: 0 1.5rem !important;
  display: flex;
  align-items: center;
  margin: 0 !important;
}

.affiliate-tools > ul > li:nth-child(1) {
  margin-bottom: 1rem !important;
  flex: 1 1 100%;
  max-width: 100%;
}

.affiliate-tools > ul > li:nth-child(2),
.affiliate-tools > ul > li:nth-child(3) {
  padding-left: 0 !important;
}

.affiliate-tools > ul > li:before {
  content: unset !important;
}

.affiliate-tools--period-filter:nth-last-child(2) {
  flex: 1 1 auto;
  justify-content: flex-end;
  padding-right: 0 !important;
}

.affiliate-tools > ul > li:first-child {
  padding-left: 0 !important;
}

.affiliate-tools > ul > li:last-child {
  padding-right: 0 !important;
}

.affiliate-tools > ul > li > label {
  margin-right: 0.8rem;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: normal;
  color: var(--color-rock-blue);
}

.affiliate-tools .select > span {
  padding: 0.6rem 2.6rem 0.5rem 0.8rem;
  height: 2.5rem;
}

.table.affiliate-table {
  display: flex;
  flex-direction: column;
  width: fit-content;
  width: max-content;
  margin: 0;
  padding-right: 1rem;
}

.affiliate-table .table-row {
  align-items: center;
}

.affiliate-item {
  text-align: left;
  font-weight: normal;
}

.table-row .affiliate-item {
  color: var(--color-rock-blue);
}

.affiliate-item--date {
  flex: 0 0 15.6rem !important;
  width: 9rem !important;
  max-width: 9rem !important;
}

.affiliate-item--amount {
  text-align: right;
  flex: 0 0 9rem !important;
  width: 9rem !important;
  max-width: 9rem !important;
}

.affiliate-item--country,
.affiliate-item--cut {
  text-align: right;
  flex: 0 0 9rem !important;
  width: 7rem !important;
  max-width: 7rem !important;
}

.affiliate-item--reward,
.affiliate-item--reward-usd {
  text-align: right;
  flex: 0 0 10rem !important;
  width: 10rem !important;
  max-width: 10rem !important;
}

.withdraw-item--reward,
.withdraw-item--reward-usd {
  text-align: right;
  flex: 0 0 13rem !important;
  width: 13rem !important;
  max-width: 13rem !important;
}

.affiliate-item--report-link {
  text-align: right;
  flex: 0 0 14rem !important;
  width: 14rem !important;
  max-width: 14rem !important;
}

.affiliate-item--empty {
  text-align: center;
}

.affiliate-month-reports {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
}

.affiliate-month-report-link {
  color: var(--color-rock-blue) !important;
  text-decoration: none !important;
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  gap: 0.4rem;
  padding: 0.2rem 0.6rem 0.2rem 0.2rem;
  background-color: var(--color-biscay);
  border-radius: 4px;
}

.affiliate-month-report-link:hover {
  color: var(--color-rock-blue) !important;
}

.affiliate-month-report-link svg {
  width: 2.4rem;
  height: 2.4rem;
  stroke: var(--color-rock-blue); 
}

.feed-countries-select {
  width: 14rem;
}

.feed-link {
  color: var(--color-white) !important;
  text-decoration: none !important;
}

.table-header .affiliate-item--reward span {
  display: block;
  font-size: 1.2rem;
  color: var(--color-rock-blue);
}

.table-row .affiliate-item--date {
  font-size: 1.4rem;
  line-height: 2rem;
}

.partner-agree-form {
  display: flex;
  margin: 4rem 0;
}

.partner-agree-form .checkbox label {
  font-size: 1.4rem;
}

.form-success + .partner-withdraw-form {
  margin-top: 1.5rem;
}

.partner-withdraw-form {
  margin-bottom: 1.5rem;
}

@media (min-width: 962px) {
  .partner-withdraw-form input[name="amount"] {
    width: 29.5%;
  }

  .partner-withdraw-form [type="submit"] {
    width: auto !important;
    min-width: 23rem;
  }
}

.partner-withdraw-form .form-group.labeled {
  position: relative;
}

.partner-withdraw-form .form-group.labeled label {
  position: absolute;
  left: 1rem;
  line-height: 4.4rem;
  color: var(--color-dodger-blue-hover);
}

.partner-withdraw-form .form-group.labeled input {
  padding-left: 4.6rem;
}

.partner-withdraw-form input[type="file"] {
  width: 100%;
}

.partner-withdraw-form input[type="file"]::file-selector-button {
  background-color: var(--color-dodger-blue);
  border: 0.1rem solid var(--color-dodger-blue);
  color: var(--color-white);
  cursor: pointer;
  display: inline-block;
  font-family: var(--font-family-init), var(--font-family-cyrillic), sans-serif;
  font-size: 1.6rem;
  font-weight: normal;
  height: 4.4rem;
  line-height: 4.4rem;
  min-width: 23rem;
  padding: 0 4.4rem;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  margin-right: 1rem;
}

.partner-withdraw-form input[type="file"]::file-selector-button:hover {
  background-color: var(--color-navy-blue);
  border-color: var(--color-navy-blue);
}


.privacy-policy-content {
  height: 55vh;
  overflow-y: scroll;
  border: 1px solid var(--color-east-bay);
  padding: 2.4rem !important;
  margin: 0 auto 4rem;
  width: 100%;
}

.privacy-policy-tools {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.privacy-policy-tools form {
  flex: 1 1 auto;
  display: flex;
  justify-content: flex-end;
}

.privacy-policy-decline-description {
  margin-top: 4rem;
  display: none;
}

.privacy-policy-decline-description ul {
  list-style: decimal !important;
  margin-left: 1.2rem;
}

.order-receipt {
  padding: 3rem 5rem;
  max-width: 88rem;
}

.order-receipt h1 {
  font-size: 2.4rem;
  line-height: 1.5;
  font-weight: bold;
  color: var(--color-black);
  margin-bottom: 3rem;
}

.order-receipt-header,
.order-receipt-body {
  padding: 3rem;
  margin: 0 0 2rem;
  display: flex;
  justify-content: space-between;
}

.order-receipt-body {
  padding-top: 0.3rem;
}

.order-receipt-header--attributes {
  list-style: none;
  display: flex;
  flex-direction: column;
  min-width: 33.3rem;
}

.order-receipt-header--attribute {
  font-size: 1.6rem;
  line-height: 1.25;
  font-weight: 600;
  color: var(--color-black);
  padding: 1rem 0;
  border-bottom: 1px solid #E8E8E8;
  display: flex;
}

.order-receipt-header--attribute label {
  font-weight: bold;
  color: #ADADAD;
  width: 18.7rem;
}

.order-receipt-header--attribute:first-child {
  padding-top: 0;
}

.order-receipt-header--attribute:last-child {
  border-bottom: none;
}

.order-receipt-header--gamersgate {
  font-size: 1.6rem;
  line-height: 1.25;
  font-weight: 600;
  color: #ADADAD;
}

.order-receipt h2 {
  margin: 3rem;
  padding: 0 0 0.7rem;
  font-size: 1.8rem;
  line-height: 2.3rem;
  font-weight: bold;
  color: var(--color-black);
  border-bottom: 1px solid #E8E8E8;
  position: relative;
}

.order-receipt h2:before {
  background: var(--color-dodger-blue);
  height: 3px;
  width: 6.3rem;
  left: 0;
  bottom: -2px;
  content: '';
  position: absolute;
}

.order-receipt--items {
  list-style: none;
  display: flex;
  flex-direction: column;
  margin: 0;
  width: 100%;
}

.order-receipt--item,
.order-receipt--extended {
  color: var(--color-black);
  border-bottom: 1px solid #E8E8E8;
  padding: 2rem 0;
  display: flex;
  justify-content: space-between;
}

.order-receipt--item:first-child {
  padding-top: 0;
}

.order-receipt--item-name .refunded {
  font-weight: bold;
  color: var(--color-roman);
  margin-left: 3rem;
}

.order-receipt--item-price {
  font-size: 1.8rem;
  font-weight: bold;
  text-align: right;
  min-width: 11.7rem;
}

.order-receipt--extended {
  border-bottom: none;
  padding-top: 4.5rem;
  padding-bottom: 0.75rem;
}

.order-receipt--extended.vat {
  padding-top: 0.75rem;
}

.order-receipt--item-empty {
  flex: 1 1 auto;
}

.order-receipt--item-middle {
  min-width: 11rem;
}

.order-receipt--item-end {
  min-width: 11.7rem;
  font-weight: bold;
  text-align: right;
}

.order-receipt--extended.with-border .order-receipt--item-middle,
.order-receipt--extended.with-border .order-receipt--item-end {
  border-bottom: 1px solid #E8E8E8;
  padding-bottom: 1.5rem;
}

.order-receipt--extended.total {
  padding-top: 0.75rem;
  padding-bottom: 0;
}

.order-receipt--extended.total .order-receipt--item-middle,
.order-receipt--extended.total .order-receipt--item-end {
  font-size: 2.4rem;
  line-height: 3.1rem;
  color: var(--color-dodger-blue);
}

.order-receipt--no-vat {
  color: #ADADAD;
  text-align: right;
}

.youtube-play-button-for-product-slider {
  position: absolute;
  cursor: pointer;
  left: 50%;
  top: 50%;
  transform: translateY(-50%) translateX(-50%);
  width: 18rem;
  height: 18rem;
  border-radius: 50%;
  padding: 4.8rem 4.6rem 4.8rem 6.2rem;
}

.youtube-play-button-for-product-slider:hover  {
  background-color: var(--color-blue-shadow);
}

/* global for sticker */
.catalog-item--product-labels-v2.product--labels li:last-of-type {
  width: auto !important;
  margin-left: 0.4rem;
}

.catalog-item--product-labels-v2.product--labels li:first-of-type {
  width: auto !important;
  margin-right: 0.4rem;
}

/* subscribe */

.subscribe-main .your-email {
  text-align: center;
  font-size: 1.4rem;
  line-height: 1.8rem;
  color: var(--color-rock-blue);
  padding-top: 0.8rem;
}

.subscribe-form .form-error,
.subscribe-form .form-success {
    margin-bottom: 3.3rem;
}

@media (min-width: 962px) {
  .affiliate-tools > ul {
    display: flex;
    margin: 0;
    width: 100%;
    flex-flow: unset;
    justify-content: unset;
  }

  .affiliate-tools > ul > li:nth-child(1) {
    margin-bottom: 0 !important;
    flex: none;
    max-width: none;
  }

  .affiliate-tools > ul > li:nth-child(2),
  .affiliate-tools > ul > li:nth-child(3) {
    padding-left: 1.2rem !important;
  }

  .table.affiliate-table {
    width: 100%;
    padding-right: 0;
  }
}

.error-400-background,
.error-500-background {
  max-width: 100% !important;
}

.error-400-background h1,
.error-500-background h1 {
  font-size: 3.2rem;
}

@media (min-width: 962px) {
  .error-400-background,
  .error-500-background {
    max-width: 100% !important;
    padding-left: 50% !important;
    display: flex !important;
    flex-direction: column;
    justify-content: center;
  }

  .error-400-background {
    background-image: url('../png/error_400_background.png');
    background-repeat: no-repeat;
    background-size: 50rem;
    background-position: top left;
    min-height: 46.6rem;
  }

  .error-500-background {
    background-image: url('../png/error_500_background.png');
    background-repeat: no-repeat;
    background-size: 45rem;
    background-position: top left;
    min-height: 44.6rem;
  }
}

@media (min-width: 1281px) {
  .error-400-background {
    background-repeat: no-repeat;
    background-size: 50rem;
    background-position: top left;
    min-height: 46.6rem;
  }

  .error-500-background {
    background-repeat: no-repeat;
    background-size: 45rem;
    background-position: top left;
    min-height: 44.6rem;
  }
}

.sitemap-group {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  margin-bottom: 2rem;
}

.sitemap-link {
  display: inline-block;
}

.check-age-column {
  max-width: 100%;
}

.check-age-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  width: 100%;
  padding: 2rem;
}

.check-age-container .catalog-item--image {
  margin-bottom: 2.4rem;
}

.check-age-container .catalog-item--name {
  margin-bottom: 4.8rem;
  font-size: 2.4rem;
}

.check-age-description {
  margin-bottom: 4.8rem;
  color: var(--color-regent-gray);
  text-transform: uppercase;
  font-size: 2rem;
}

.check-age-form .form-group {
  margin-bottom: 2.4rem;
}

.check-age-form .form-buttons {
  display: flex;
  flex-direction: row;
  justify-content: center;
}

.check-age-form .form-buttons > * {
  margin-right: 2rem;
}

.check-age-form .form-buttons > *:last-child {
  margin-right: 0;
}

.check-age-form .form-date-select {
  padding: 2rem 2.4rem 2.8rem;
  border-radius: 0.2rem;
  background-color: var(--color-midnight-express_3);
}

.check-age-form .form-date-select label {
  color: var(--color-rock-blue);
  font-size: 1.6rem;
  font-weight: 500;
  margin-bottom: 1.6rem;
}

.check-age-form .select-date {
  margin-bottom: 1.6rem;
}

.check-age-form .form-date-select .help {
  color: var(--color-rock-blue);
  font-size: 1.4rem;
  font-weight: 500;
}

.catalog-description-toggle {
  display: none;
}

.navigation-breadcrumb {
  padding-top: 2rem;
}

.navigation-breadcrumb + section {
  margin-top: 2rem !important;
}

.breadcrumb-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
}

.breadcrumb-list > li {
  color: var(--color-rock-blue);
  font-size: 1.6rem;
  font-weight: 500;
}

.breadcrumb-list > li:after {
  content: '>';
  color: #4794ff;
  font-weight: 500;
  margin: 0 0.5rem;
}

.breadcrumb-list > li:last-of-type {
  margin-right: 0;
}

.breadcrumb-list > li:last-of-type:after {
  content: '';
}

.breadcrumb-list > li > a {
  color: #4794ff;
  font-weight: 500;
  transition: .1s ease-in-out;
}

.breadcrumb-list > li > a:hover {
  color: var(--color-dodger-blue-hover);
}

@media (min-width: 768px) {
  .check-age-form .form-date-select {
    padding: 2rem 10rem 2.8rem;
  }

  .catalog-description-toggle {
    display: block;
  }
}

@media (min-width: 1281px) {
  .breadcrumb-list {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    color: var(--color-dodger-blue);
  }

  .breadcrumb-list > li {
    display: contents;
    float: left;
    list-style-position: inside;
    white-space: nowrap;
  }

  .check-age-column {
    max-width: 75% !important;
    margin: 0 auto !important;
  }

  .check-age-container {
    padding: 0 12rem;
  }

  .check-age-container .catalog-item--image {
    width: 34rem;
    margin-left: auto;
    margin-right: auto;
  }
}

.tab-container {
  display: flex;
  flex-direction: column;
}

.tab-navigation {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  list-style: none;
  margin: 0 0 2rem;
  padding: 0;
  border-bottom: 1px solid #333E5B;
}

.tab-navigation-item {
  padding: 0 2.4rem 1rem 0 !important;
  margin: 0 !important;
  cursor: pointer;
}

.tab-navigation-item:before {
  content: none !important;
}

.tab-navigation-item.is_active:before,
.tab-navigation-item:hover:before {
  content: '' !important;
  position: absolute;
  bottom: 0;
  left: 0;
  width: calc(100% - 2.4rem);
  height: 0.2rem;
  background-color: var(--color-dodger-blue);
}

.tab-navigation-link,
.tab-navigation-link:active,
.tab-navigation-link:focus,
.tab-navigation-link:hover {
  background: initial !important;
  border: initial !important;
  width: initial !important;
  height: initial !important;
  line-height: 1.25;
  padding: 0;
  margin: 0;
  text-align: left;
  font-size: 1.6rem;
  font-weight: bold;
}

.tab-content {
  display: block;
}

.tab-pane {
  display: none;
}

.tab-pane.is_active {
  display: block;
}

.tab-pane.additional-content-catalog {
  width: calc(100% + 2rem);
  margin-left: -1rem;
}

.flat-catalog-show-container {
  text-align: center;
}

.content-publishers-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}

.content-publisher-container {
  max-width: calc(50% - 1rem);
  width: calc(50% - 1rem);
  margin-bottom: 1.6rem;
}

.catalog.home .content-publisher-container {
  margin: 1rem 1rem 4.7rem;
}

.catalog.home .content-publisher-container:first-of-type,
.catalog.home .content-publisher-container:nth-child(2n + 1) {
  margin-left: 0;
}

.catalog.home .content-publisher-container:last-of-type,
.catalog.home .content-publisher-container:nth-child(2n) {
  margin-right: 0;
}

.content-publisher {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  border: 1px solid transparent;
}

.content-publisher:hover {
  border-color: var(--color-dodger-blue-hover);
}

.content-publisher img {
  display: block;
  margin: 0;
  padding: 0;
  aspect-ratio: 1.877;
  width: 100%;
}

.content-publisher span {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--color-white);
  font-size: 1.8rem;
  font-weight: bold;
  padding: 0 2rem;
  white-space: pre-wrap;
  text-align: center;
}

.steam-deck-descriptions {
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
}

.steam-deck-description {
  display: flex;
  position: relative;
  margin: 0 0 2rem;
  line-height: 2.4rem;
  text-align: left;
}

.steam-deck-description:last-child {
  margin-bottom: 0;
}

.steam-deck-description:before {
  content: '';
  display: inline-block;
  margin: 0 .8rem 0 0;
  width: 2.4rem;
  min-width: 2.4rem;
  height: 2.4rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 2.2rem;
}

.steam-deck-description.steam-deck-verified:before {
  background-image: url('../svg/steam_deck_verified.svg');
}

.steam-deck-description.steam-deck-playable:before {
  background-image: url('../svg/steam_deck_playable.svg');
}

.steam-deck-description.steam-deck-unsupported:before {
  background-image: url('../svg/steam_deck_unsupported.svg');
}

.steam-deck-description.steam-deck-info:before {
  background-image: url('../svg/steam_deck_info.svg');
}

@media (min-width: 768px) {
  .content-publisher-container {
    max-width: calc(33.333333% - 1.4rem);
    width: calc(33.333333% - 1.4rem);
    margin-bottom: 1.8rem;
  }

  .catalog.home .content-publisher-container {
    max-width: calc(20% - 1.6rem);
    width: calc(20% - 1.6rem);
  }

  .catalog.home .content-publisher-container:nth-child(2n + 1),
  .catalog.home .content-publisher-container:nth-child(2n) {
    margin-right: 1rem;
    margin-left: 1rem;
  }

  .catalog.home .content-publisher-container:first-of-type {
    margin-left: 0;
  }

  .catalog.home .content-publisher-container:last-of-type {
    margin-right: auto;
  }
}

.deals-preview-link {
  display: inline-block;
  width: 100%;
  margin-bottom: 3.2rem;
}

.deals-preview-link img {
  display: block;
}

.popup-screenshot-container {
  padding: 2rem;
  min-width: 20rem;
  min-height: 15rem;
}

.popup-screenshot-container:before {
  width: 10rem;
  height: 10rem;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  z-index: 1;
}

.popup-screenshot-container img {
  z-index: 2;
  position: relative;
  display: block;
  max-height: calc(100vh - 6rem);
}

.button-apply {
  display: inline-block;
  background-color: var(--color-dodger-blue);
  border: 1px solid var(--color-dodger-blue);
  border-radius: 2px;
  padding: 0.4rem 0;
  width: 100%;
  text-align: center;
}

.catalog-list.my-games-catalog .catalog-item:hover .catalog-item--description .catalog-item--title a.button-apply {
  color: var(--color-white);
}

.catalog-list.my-games-catalog.discount-codes-catalog .catalog-item:hover .catalog-item--image {
    outline: none;
}

.catalog-list.my-games-catalog.discount-codes-catalog .catalog-item .catalog-item--description .catalog-item--title {
  font-size: 1.78rem;
  font-weight: bold;
  line-height: 1.25;
  color: var(--color-white);
  text-decoration: none;
}

.catalog-list.my-games-catalog.discount-codes-catalog .catalog-item .catalog-item--description .catalog-item--title + .catalog-item--title {
  margin-top: 2.4rem;
}

@media (min-width: 1281px) {
  .catalog-list.my-games-catalog.discount-codes-catalog[data-view="grid"] .catalog-item {
    flex: 0 0 19.4rem;
    max-width: 19.4rem;
  }

  .catalog-list.my-games-catalog.discount-codes-catalog[data-view="list"] .catalog-item .catalog-item--description {
    display: flex;
    padding-left: 1rem;
  }

  .catalog-list.my-games-catalog.discount-codes-catalog[data-view="list"] .catalog-item-container:hover {
    background: var(--color-midnight-express_3);
    border: 0.1rem solid transparent;
  }

  .catalog-list.my-games-catalog.discount-codes-catalog[data-view="list"] .catalog-item .catalog-item--description .catalog-item--title + .catalog-item--title {
    margin-top: 0;
  }
}

.form-vendor {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
}

.form-vendor  .form-notification {
  margin: 0;
  width: 100%;
}

.form-vendor .select > span {
  padding: 1.5rem 3.6rem 1.4rem 1.5rem;
  height: 4.4rem;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  border: 0.1rem solid transparent;
  font-size: 1.6rem !important;
  line-height: 4.4rem;
}

.form-vendor .select > ul > li {
  padding: 0.75rem 0 !important;
  cursor: pointer;
}

.form-vendor .lifetime-report-error {
  margin: 2rem 0 0;
  color: red;
}

.partner-reports {
  display: flex;
  flex-direction: column;
}

.partner-report-link {
  display: flex;
  margin-bottom: .6rem !important;
  line-height: 1.4;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-start;
  width: fit-content;
}

.partner-report-wait-icon,
.partner-report-delete-icon {
  display: block;
  margin: 0 2rem 0 0;
  padding: 0;
  background-color: transparent;
  border: none;
  outline: none;
  height: 2rem;
  width: 2rem;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.partner-report-wait-icon {
  background-image: url('../svg/spinner.svg');
}

.partner-report-delete-icon {
  background-image: url('../svg/nav_close.svg');
  background-size: 1rem;
}

.lifetime-report-period-label {
  color: var(--color-rock-blue);
  font-weight: normal;
}

.form-phone-group {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-start;  
}

.form-phone-group input:first-child {
  border-right: none !important;
  max-width: 7rem;
  width: fit-content !important;
  text-align: right;
}

.headline-description {
  max-width: 43rem;
  color: var(--color-rock-blue);
  margin-bottom: 2rem;
}

.hidden {
  display: none !important;
}

.strong-hidden {
  display: none !important;  
}

.coupon-exclusions {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.coupon-exclusion-item-link {
  display: block;
}

.top-section {
  background-color: var(--color-background);
  padding: 4px 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 1.6rem;
}

.top-section.redirect-top-section {
  background-color: lightgoldenrodyellow;
  color: #232a3e;
}

.top-section h1 {
  font-size: var(--font-size-init);
  text-align: center;
  margin: 0;
  color: var(--color-regent-gray);
}

.popup-redirect .popup--body {
  flex-direction: column;
}

.popup-redirect .popup--close-button {
  display: none;
}

.popup-redirect .popup--footer {
  justify-content: space-between;
}

.user-language-select {
  background-color: var(--color-midnight-express_2);
  border: 0.2rem solid #333E5B;
  color: var(--color-east-bay);
  font-size: var(--font-size);
  font-weight: var(--font-weight);
  padding-top: 1.1rem;
  outline: none;
  box-shadow: none;
  appearance: none;  
}

select.user-language-select:-internal-list-box {
  border: none;
  outline: none;
  box-shadow: none;
  appearance: none;
}