.tippy-iOS {
    cursor: pointer !important;
    -webkit-tap-highlight-color: transparent
}

.tippy-popper {
    transition-timing-function: cubic-bezier(.165, .84, .44, 1);
    max-width: calc(100% - 8px);
    pointer-events: none;
    outline: 0
}

.tippy-popper[x-placement^=top] .tippy-backdrop {
    border-radius: 40% 40% 0 0
}

.tippy-popper[x-placement^=top] .tippy-roundarrow {
    bottom: -7px;
    bottom: -6.5px;
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    margin: 0 3px
}

.tippy-popper[x-placement^=top] .tippy-roundarrow svg {
    position: absolute;
    left: 0;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.tippy-popper[x-placement^=top] .tippy-arrow {
    border-top: 8px solid #333;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
    bottom: -7px;
    margin: 0 3px;
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0
}

.tippy-popper[x-placement^=top] .tippy-backdrop {
    -webkit-transform-origin: 0 25%;
    transform-origin: 0 25%
}

.tippy-popper[x-placement^=top] .tippy-backdrop[data-state=visible] {
    -webkit-transform: scale(1) translate(-50%, -55%);
    transform: scale(1) translate(-50%, -55%)
}

.tippy-popper[x-placement^=top] .tippy-backdrop[data-state=hidden] {
    -webkit-transform: scale(.2) translate(-50%, -45%);
    transform: scale(.2) translate(-50%, -45%);
    opacity: 0
}

.tippy-popper[x-placement^=top] [data-animation=shift-toward][data-state=visible] {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px)
}

.tippy-popper[x-placement^=top] [data-animation=shift-toward][data-state=hidden] {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px)
}

.tippy-popper[x-placement^=top] [data-animation=perspective] {
    -webkit-transform-origin: bottom;
    transform-origin: bottom
}

.tippy-popper[x-placement^=top] [data-animation=perspective][data-state=visible] {
    -webkit-transform: perspective(700px) translateY(-10px);
    transform: perspective(700px) translateY(-10px)
}

.tippy-popper[x-placement^=top] [data-animation=perspective][data-state=hidden] {
    opacity: 0;
    -webkit-transform: perspective(700px) rotateX(60deg);
    transform: perspective(700px) rotateX(60deg)
}

.tippy-popper[x-placement^=top] [data-animation=fade][data-state=visible] {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px)
}

.tippy-popper[x-placement^=top] [data-animation=fade][data-state=hidden] {
    opacity: 0;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px)
}

.tippy-popper[x-placement^=top] [data-animation=shift-away][data-state=visible] {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px)
}

.tippy-popper[x-placement^=top] [data-animation=shift-away][data-state=hidden] {
    opacity: 0
}

.tippy-popper[x-placement^=top] [data-animation=scale] {
    -webkit-transform-origin: bottom;
    transform-origin: bottom
}

.tippy-popper[x-placement^=top] [data-animation=scale][data-state=visible] {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px)
}

.tippy-popper[x-placement^=top] [data-animation=scale][data-state=hidden] {
    opacity: 0;
    -webkit-transform: translateY(-10px) scale(.5);
    transform: translateY(-10px) scale(.5)
}

.tippy-popper[x-placement^=bottom] .tippy-backdrop {
    border-radius: 0 0 30% 30%
}

.tippy-popper[x-placement^=bottom] .tippy-roundarrow {
    top: -7px;
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    margin: 0 3px
}

.tippy-popper[x-placement^=bottom] .tippy-roundarrow svg {
    position: absolute;
    left: 0
}

.tippy-popper[x-placement^=bottom] .tippy-arrow {
    border-bottom: 8px solid #333;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
    top: -7px;
    margin: 0 3px;
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%
}

.tippy-popper[x-placement^=bottom] .tippy-backdrop {
    -webkit-transform-origin: 0 -50%;
    transform-origin: 0 -50%
}

.tippy-popper[x-placement^=bottom] .tippy-backdrop[data-state=visible] {
    -webkit-transform: scale(1) translate(-50%, -45%);
    transform: scale(1) translate(-50%, -45%)
}

.tippy-popper[x-placement^=bottom] .tippy-backdrop[data-state=hidden] {
    -webkit-transform: scale(.2) translate(-50%);
    transform: scale(.2) translate(-50%);
    opacity: 0
}

.tippy-popper[x-placement^=bottom] [data-animation=shift-toward][data-state=visible] {
    -webkit-transform: translateY(10px);
    transform: translateY(10px)
}

.tippy-popper[x-placement^=bottom] [data-animation=shift-toward][data-state=hidden] {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px)
}

.tippy-popper[x-placement^=bottom] [data-animation=perspective] {
    -webkit-transform-origin: top;
    transform-origin: top
}

.tippy-popper[x-placement^=bottom] [data-animation=perspective][data-state=visible] {
    -webkit-transform: perspective(700px) translateY(10px);
    transform: perspective(700px) translateY(10px)
}

.tippy-popper[x-placement^=bottom] [data-animation=perspective][data-state=hidden] {
    opacity: 0;
    -webkit-transform: perspective(700px) rotateX(-60deg);
    transform: perspective(700px) rotateX(-60deg)
}

.tippy-popper[x-placement^=bottom] [data-animation=fade][data-state=visible] {
    -webkit-transform: translateY(10px);
    transform: translateY(10px)
}

.tippy-popper[x-placement^=bottom] [data-animation=fade][data-state=hidden] {
    opacity: 0;
    -webkit-transform: translateY(10px);
    transform: translateY(10px)
}

.tippy-popper[x-placement^=bottom] [data-animation=shift-away][data-state=visible] {
    -webkit-transform: translateY(10px);
    transform: translateY(10px)
}

.tippy-popper[x-placement^=bottom] [data-animation=shift-away][data-state=hidden] {
    opacity: 0
}

.tippy-popper[x-placement^=bottom] [data-animation=scale] {
    -webkit-transform-origin: top;
    transform-origin: top
}

.tippy-popper[x-placement^=bottom] [data-animation=scale][data-state=visible] {
    -webkit-transform: translateY(10px);
    transform: translateY(10px)
}

.tippy-popper[x-placement^=bottom] [data-animation=scale][data-state=hidden] {
    opacity: 0;
    -webkit-transform: translateY(10px) scale(.5);
    transform: translateY(10px) scale(.5)
}

.tippy-popper[x-placement^=left] .tippy-backdrop {
    border-radius: 50% 0 0 50%
}

.tippy-popper[x-placement^=left] .tippy-roundarrow {
    right: -12px;
    -webkit-transform-origin: 33.33333333% 50%;
    transform-origin: 33.33333333% 50%;
    margin: 3px 0
}

.tippy-popper[x-placement^=left] .tippy-roundarrow svg {
    position: absolute;
    left: 0;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.tippy-popper[x-placement^=left] .tippy-arrow {
    border-left: 8px solid #333;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    right: -7px;
    margin: 3px 0;
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%
}

.tippy-popper[x-placement^=left] .tippy-backdrop {
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0
}

.tippy-popper[x-placement^=left] .tippy-backdrop[data-state=visible] {
    -webkit-transform: scale(1) translate(-50%, -50%);
    transform: scale(1) translate(-50%, -50%)
}

.tippy-popper[x-placement^=left] .tippy-backdrop[data-state=hidden] {
    -webkit-transform: scale(.2) translate(-75%, -50%);
    transform: scale(.2) translate(-75%, -50%);
    opacity: 0
}

.tippy-popper[x-placement^=left] [data-animation=shift-toward][data-state=visible] {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px)
}

.tippy-popper[x-placement^=left] [data-animation=shift-toward][data-state=hidden] {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px)
}

.tippy-popper[x-placement^=left] [data-animation=perspective] {
    -webkit-transform-origin: right;
    transform-origin: right
}

.tippy-popper[x-placement^=left] [data-animation=perspective][data-state=visible] {
    -webkit-transform: perspective(700px) translateX(-10px);
    transform: perspective(700px) translateX(-10px)
}

.tippy-popper[x-placement^=left] [data-animation=perspective][data-state=hidden] {
    opacity: 0;
    -webkit-transform: perspective(700px) rotateY(-60deg);
    transform: perspective(700px) rotateY(-60deg)
}

.tippy-popper[x-placement^=left] [data-animation=fade][data-state=visible] {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px)
}

.tippy-popper[x-placement^=left] [data-animation=fade][data-state=hidden] {
    opacity: 0;
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px)
}

.tippy-popper[x-placement^=left] [data-animation=shift-away][data-state=visible] {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px)
}

.tippy-popper[x-placement^=left] [data-animation=shift-away][data-state=hidden] {
    opacity: 0
}

.tippy-popper[x-placement^=left] [data-animation=scale] {
    -webkit-transform-origin: right;
    transform-origin: right
}

.tippy-popper[x-placement^=left] [data-animation=scale][data-state=visible] {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px)
}

.tippy-popper[x-placement^=left] [data-animation=scale][data-state=hidden] {
    opacity: 0;
    -webkit-transform: translateX(-10px) scale(.5);
    transform: translateX(-10px) scale(.5)
}

.tippy-popper[x-placement^=right] .tippy-backdrop {
    border-radius: 0 50% 50% 0
}

.tippy-popper[x-placement^=right] .tippy-roundarrow {
    left: -12px;
    -webkit-transform-origin: 66.66666666% 50%;
    transform-origin: 66.66666666% 50%;
    margin: 3px 0
}

.tippy-popper[x-placement^=right] .tippy-roundarrow svg {
    position: absolute;
    left: 0;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.tippy-popper[x-placement^=right] .tippy-arrow {
    border-right: 8px solid #333;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    left: -7px;
    margin: 3px 0;
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%
}

.tippy-popper[x-placement^=right] .tippy-backdrop {
    -webkit-transform-origin: -50% 0;
    transform-origin: -50% 0
}

.tippy-popper[x-placement^=right] .tippy-backdrop[data-state=visible] {
    -webkit-transform: scale(1) translate(-50%, -50%);
    transform: scale(1) translate(-50%, -50%)
}

.tippy-popper[x-placement^=right] .tippy-backdrop[data-state=hidden] {
    -webkit-transform: scale(.2) translate(-25%, -50%);
    transform: scale(.2) translate(-25%, -50%);
    opacity: 0
}

.tippy-popper[x-placement^=right] [data-animation=shift-toward][data-state=visible] {
    -webkit-transform: translateX(10px);
    transform: translateX(10px)
}

.tippy-popper[x-placement^=right] [data-animation=shift-toward][data-state=hidden] {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px)
}

.tippy-popper[x-placement^=right] [data-animation=perspective] {
    -webkit-transform-origin: left;
    transform-origin: left
}

.tippy-popper[x-placement^=right] [data-animation=perspective][data-state=visible] {
    -webkit-transform: perspective(700px) translateX(10px);
    transform: perspective(700px) translateX(10px)
}

.tippy-popper[x-placement^=right] [data-animation=perspective][data-state=hidden] {
    opacity: 0;
    -webkit-transform: perspective(700px) rotateY(60deg);
    transform: perspective(700px) rotateY(60deg)
}

.tippy-popper[x-placement^=right] [data-animation=fade][data-state=visible] {
    -webkit-transform: translateX(10px);
    transform: translateX(10px)
}

.tippy-popper[x-placement^=right] [data-animation=fade][data-state=hidden] {
    opacity: 0;
    -webkit-transform: translateX(10px);
    transform: translateX(10px)
}

.tippy-popper[x-placement^=right] [data-animation=shift-away][data-state=visible] {
    -webkit-transform: translateX(10px);
    transform: translateX(10px)
}

.tippy-popper[x-placement^=right] [data-animation=shift-away][data-state=hidden] {
    opacity: 0
}

.tippy-popper[x-placement^=right] [data-animation=scale] {
    -webkit-transform-origin: left;
    transform-origin: left
}

.tippy-popper[x-placement^=right] [data-animation=scale][data-state=visible] {
    -webkit-transform: translateX(10px);
    transform: translateX(10px)
}

.tippy-popper[x-placement^=right] [data-animation=scale][data-state=hidden] {
    opacity: 0;
    -webkit-transform: translateX(10px) scale(.5);
    transform: translateX(10px) scale(.5)
}

.tippy-tooltip {
    position: relative;
    color: #fff;
    border-radius: .25rem;
    font-size: .875rem;
    padding: .3125rem .5625rem;
    line-height: 1.4;
    text-align: center;
    background-color: #333
}

.tippy-tooltip[data-size=small] {
    padding: .1875rem .375rem;
    font-size: .75rem
}

.tippy-tooltip[data-size=large] {
    padding: .375rem .75rem;
    font-size: 1rem
}

.tippy-tooltip[data-animatefill] {
    overflow: hidden;
    background-color: initial
}

.tippy-tooltip[data-interactive],
.tippy-tooltip[data-interactive] .tippy-roundarrow path {
    pointer-events: auto
}

.tippy-tooltip[data-inertia][data-state=visible] {
    transition-timing-function: cubic-bezier(.54, 1.5, .38, 1.11)
}

.tippy-tooltip[data-inertia][data-state=hidden] {
    transition-timing-function: ease
}

.tippy-arrow,
.tippy-roundarrow {
    position: absolute;
    width: 0;
    height: 0
}

.tippy-roundarrow {
    width: 18px;
    height: 7px;
    fill: #333;
    pointer-events: none
}

.tippy-backdrop {
    position: absolute;
    background-color: #333;
    border-radius: 50%;
    width: calc(110% + 2rem);
    left: 50%;
    top: 50%;
    z-index: -1;
    transition: all cubic-bezier(.46, .1, .52, .98);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.tippy-backdrop:after {
    content: "";
    float: left;
    padding-top: 100%
}

.tippy-backdrop+.tippy-content {
    transition-property: opacity;
    will-change: opacity
}

.tippy-backdrop+.tippy-content[data-state=hidden] {
    opacity: 0
}

.tooltip {
  font-family: "FrizQuadrataC";
  position: relative;
  background: #161518;
  padding: 0 0 7px 0;
  width: 295px;
  color: #fbfbfb;
  font-size: 14px;
}
.tooltip__wrap {
  padding: 0 7px;
}
.tooltip__header {
  background: #000000;
  min-height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 17px;
  line-height: 20px;
  width: 100%;
  text-align: center;
  padding: 5px 0;
}
.tooltip__item {
  margin-bottom: 15px;
  height: 70px;
  display: flex;
  text-shadow: 0 0 2px #000000;
  background-position: -50px 0px;
  background-repeat: no-repeat;
}
.tooltip__item__image {
  width: 60px;
  min-width: 60px;
  height: 100%;
  margin-right: 10px;
  display: flex;
  align-items: flex-end;
}
.tooltip__item__info {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}
.tooltip__info__level {
  margin-bottom: 15px;
  text-align: right;
  color: #a9a9a9;
}
.tooltip__info__level span {
  color: #f5f4cf;
}
.tooltip__info__condition {
  color: #fbfbfb;
  margin-bottom: 15px;
  width: 200px;
}
.tooltip__info__description {
  color: #dfc578;
  margin-bottom: 10px;
}
.tooltip__info__description span {
  color: #fae84f;
}
.tooltip__info__warning {
  color: #f42c2c;
  margin-bottom: 5px;
}
.rarity-common .tooltip__item {
  background-image: radial-gradient(ellipse at bottom, rgba(251, 251, 251, 0.4) 0%, rgba(251, 251, 251, 0) 70%);
}
.rarity-common .tooltip__header,
.rarity-common .tooltip__item__type {
  color: #fbfbfb;
}
.rarity-uncommon .tooltip__item {
  background-image: radial-gradient(ellipse at bottom, rgba(140, 248, 1, 0.4) 0%, rgba(140, 248, 1, 0) 70%);
}
.rarity-uncommon .tooltip__header,
.rarity-uncommon .tooltip__item__type {
  color: #8cf801;
}
.rarity-rare .tooltip__item {
  background-image: radial-gradient(ellipse at bottom, rgba(0, 170, 242, 0.4) 0%, rgba(0, 170, 242, 0) 70%);
}
.rarity-rare .tooltip__header,
.rarity-rare .tooltip__item__type {
  color: #00aaf2;
}
.rarity-epic .tooltip__item {
  background-image: radial-gradient(ellipse at bottom, rgba(200, 65, 244, 0.4) 0%, rgba(200, 65, 244, 0) 70%);
}
.rarity-epic .tooltip__header,
.rarity-epic .tooltip__item__type {
  color: #c841f4;
}
.rarity-legendary .tooltip__item {
  background-image: radial-gradient(ellipse at bottom, rgba(241, 141, 0, 0.4) 0%, rgba(241, 141, 0, 0) 70%);
}
.rarity-legendary .tooltip__header,
.rarity-legendary .tooltip__item__type {
  color: #f18d00;
}
.rarity-relic .tooltip__item {
  background-image: radial-gradient(ellipse at bottom, rgba(249, 93, 0, 0.4) 0%, rgba(249, 93, 0, 0) 70%);
}
.rarity-relic .tooltip__header,
.rarity-relic .tooltip__item__type {
  color: #f95d00;
}
.tippy-tooltip.la-item-theme {
  border: none;
  border-radius: 0;
  padding: 0;
  text-align: left;
}
*, :after, :before {
  box-sizing: border-box;
}
.gw-popup {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1200;
  padding: 20px 0;
  height: auto;
  text-align: center;
  background-color: rgba(3, 3, 3, 0.6);
  cursor: pointer;
  overflow-x: hidden;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-smoothing: antialiased;
}
.gw-popup--mode_gc {
  padding: 0;
}
.gw-popup__content {
  position: relative;
  z-index: 1;
  cursor: auto;
}
.gw-popup__close {
  display: block;
  position: absolute;
  z-index: 5;
  top: 20px;
  inset-inline-end: 20px;
  padding: 0;
  width: 16px;
  height: 16px;
  background-color: transparent;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill='%23FFF' fill-rule='evenodd' d='M10.138 8l5.419 5.42c.59.59.59 1.547 0 2.138-.591.59-1.548.59-2.139 0L8 10.138l-5.418 5.42c-.591.59-1.548.59-2.139 0a1.514 1.514 0 0 1 0-2.139L5.863 8 .442 2.58a1.51 1.51 0 0 1 0-2.137 1.51 1.51 0 0 1 2.137 0L8 5.863l5.42-5.42a1.51 1.51 0 0 1 2.137 0c.59.59.59 1.548 0 2.137L10.137 8z' /%3E%3C/svg%3E");
  background-size: 16px;
  border: none;
  outline: none;
  appearance: none;
  cursor: pointer;
  opacity: 0.3;
  transition: opacity 0.1s;
}
.gw-form {
  font-family: "Roboto", Arial, Helvetica, Helvetica Neue, sans-serif;
  margin: 0;
  font-size: 15px;
  line-height: normal;
  text-align: start;
  width: 500px;
  height: 100%;
  color: #898989;
  background-color: #323236;
  border-radius: 6px;
  display: flex;
  flex-direction: column;
}
@media (max-width: 500px) {
.gw-form {
    width: auto;
}
}
.gw-form__heading {
  padding: 12px 60px 13px;
  font-size: 22px;
  line-height: 1.45;
  color: #f5f5f7;
  background-color: #242429;
  border-radius: 6px 6px 0 0;
}
.gw-form__logo {
  background-repeat: no-repeat;
  background-position: center;
  text-align: center;
  height: 50px;
  cursor: pointer;
  display: block;
}
.gw-form__logo.mygames {
  background-size: auto 80px;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='Artwork' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 839.1 283.5' enable-background='new 0 0 839.1 283.5' xml:space='preserve' fill='%23FFFFFF'%3E%3Cg%3E%3Cpolygon points='88.1,173.2 56.7,138.3 130,56.8 171.1,102.5 212.3,56.7 260.4,110.2 308.5,56.8 340.2,92 219,226.8 187.3,191.6 228.7,145.5 212.1,127 170.7,173 129.5,127.2 '/%3E%3Cg%3E%3Cpolygon points='466.9,120.5 451.1,143.9 434.6,120.5 422.8,120.5 446,153.2 446,173 456,173 456,153.2 478.5,120.5 '/%3E%3Cpath d='M522,143.3v9.2h17.1v10.2c-3.8,1.1-8.3,1.7-12.6,1.7c-13.2,0-21-6.5-21-17.5c0-10.5,8.5-17.5,21-17.5 c6,0,12.3,1.3,18.1,3.8l0.9,0.4l3.1-8.7l-0.8-0.3c-7.2-3-14.5-4.5-22-4.5c-18.4,0-30.8,11-30.8,27.3c0,16.5,11.6,26.4,31.1,26.4 c7.7,0,16.5-1.8,22.5-4.6l0.5-0.3v-25.6H522z'/%3E%3Cpolygon points='703.8,163.8 703.8,151 729.2,151 729.2,141.8 703.8,141.8 703.8,129.7 731.8,129.7 731.8,120.5 693.7,120.5 693.7,173 732.2,173 732.2,163.8 '/%3E%3Cpath d='M762.4,142c-7.8-1.1-12.6-2.1-12.6-6.5c0-3.8,3.9-6,10.8-6c7.2,0,13.5,2.7,15.8,3.9l0.9,0.4l4-8.1l-0.8-0.4 c-5.5-3.2-13.1-5.1-20.4-5.1c-13,0-20.7,5.9-20.7,15.9c0,4.8,1.6,8.3,5,10.8c4.1,3,10.1,3.9,15.5,4.6c7.5,1.1,12.1,1.9,12.1,6 c0,6.4-9.1,7.1-13,7.1c-5.8,0-11.2-1.5-16-4.4l-0.8-0.5l-4.6,8.2l0.7,0.5c3.9,2.6,10.7,5.6,20.7,5.6c14.3,0,23.5-6.6,23.5-16.9 C782.4,144.8,771.3,143.2,762.4,142'/%3E%3Cpolygon points='367.7,173 377.9,144 395.1,172.9 412.3,144 422.6,173 433.1,173 414.7,120.1 395.1,153.1 375.5,120.1 357.2,173 '/%3E%3Cpath d='M564.1,173l5.4-9.7l24.5,0l5.4,9.7h11.4l-29-52.9l-29,52.9H564.1z M581.7,141.4l7.8,14h-15.5L581.7,141.4z'/%3E%3Cpolygon points='623.6,173 633.8,143.2 651.1,172.9 668.3,143.2 678.5,173 689,173 670.6,120.1 651.1,153.1 631.5,120.1 613.1,173 '/%3E%3Crect x='472.3' y='158.5' transform='matrix(0.7071 -0.7071 0.7071 0.7071 23.6202 386.6928)' width='12.7' height='12.7'/%3E%3C/g%3E%3Cpath d='M297.9,163.6c-2.8,0-5.1,2.3-5.1,5.1c0,2.8,2.3,5.1,5.1,5.1c2.8,0,5.1-2.3,5.1-5.1C303,165.8,300.7,163.6,297.9,163.6z M297.9,173.1c-2.4,0-4.4-2-4.4-4.4c0-2.4,2-4.4,4.4-4.4c2.4,0,4.4,2,4.4,4.4C302.3,171.1,300.3,173.1,297.9,173.1z M300.1,171.1 c0-0.1,0-0.3,0-0.4v-0.4c0-0.3-0.1-0.6-0.3-0.9c-0.2-0.3-0.5-0.5-1-0.5c0.3-0.1,0.6-0.1,0.8-0.3c0.4-0.2,0.5-0.6,0.5-1.1 c0-0.7-0.3-1.2-0.9-1.4c-0.3-0.1-0.8-0.2-1.5-0.2h-2v5.6h1v-2.2h0.8c0.5,0,0.9,0.1,1.1,0.2c0.4,0.2,0.5,0.6,0.5,1.3v0.4l0,0.2 c0,0,0,0,0,0.1c0,0,0,0,0,0.1h0.9l0-0.1C300.2,171.3,300.2,171.2,300.1,171.1z M298.7,168.4c-0.2,0.1-0.5,0.1-0.9,0.1h-0.9v-2h0.8 c0.5,0,0.9,0.1,1.2,0.2c0.2,0.1,0.4,0.4,0.4,0.8C299.3,168,299.1,168.3,298.7,168.4z'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.gw-form__logo.vkplay {
  background-size: auto 50px;
  background-image: url("data:image/svg+xml,%3Csvg width='466' height='124' viewBox='0 0 466 124' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M197.961 91.9557H182.911L161.497 31.3257H172.591L189.705 81.2917H191.425L209.141 31.3257H220.063L197.961 91.9557Z' fill='white'/%3E%3Cpath d='M248.716 60.5657L276.58 91.9557H262.992L240.288 65.9837H237.708V91.9557H227.388V31.3257H237.708V56.0077H240.202L261.702 31.3257H274.43L248.716 60.5657Z' fill='white'/%3E%3Cpath d='M301.126 91.9557V31.3257H322.626C326.754 31.3257 330.481 32.2143 333.806 33.9917C337.189 35.7117 339.826 38.1197 341.718 41.2157C343.61 44.3117 344.556 47.8377 344.556 51.7937C344.556 55.6923 343.61 59.2184 341.718 62.3717C339.826 65.4677 337.189 67.9044 333.806 69.6817C330.481 71.4017 326.754 72.2617 322.626 72.2617H311.446V91.9557H301.126ZM322.626 62.8017C326.009 62.8017 328.732 61.7984 330.796 59.7917C332.918 57.7277 333.978 55.0617 333.978 51.7937C333.978 48.5257 332.918 45.8884 330.796 43.8817C328.732 41.8177 326.009 40.7857 322.626 40.7857H311.446V62.8017H322.626Z' fill='white'/%3E%3Cpath d='M362.657 91.9557H352.767V31.3257H362.657V91.9557Z' fill='white'/%3E%3Cpath d='M392.488 46.3757C398.222 46.3757 402.722 48.1817 405.99 51.7937C409.316 55.3483 410.978 60.365 410.978 66.8437V91.9557H403.668L401.604 84.9037C400.343 87.025 398.48 88.8884 396.014 90.4937C393.549 92.0417 390.625 92.8157 387.242 92.8157C384.261 92.8157 381.566 92.2137 379.158 91.0097C376.808 89.8057 374.973 88.1144 373.654 85.9357C372.336 83.757 371.676 81.2917 371.676 78.5397C371.676 74.297 373.339 70.9144 376.664 68.3917C380.047 65.8117 384.949 64.5217 391.37 64.5217H401.002C400.773 61.5403 399.856 59.1897 398.25 57.4697C396.702 55.6924 394.61 54.8037 391.972 54.8037C389.851 54.8037 388.016 55.3197 386.468 56.3517C384.92 57.3837 383.774 58.645 383.028 60.1357L373.912 58.5877C375.002 54.8037 377.238 51.8224 380.62 49.6437C384.06 47.465 388.016 46.3757 392.488 46.3757ZM389.564 84.4737C393.004 84.4737 395.785 83.3557 397.906 81.1197C400.028 78.8837 401.088 75.931 401.088 72.2617H391.714C385.006 72.2617 381.652 74.211 381.652 78.1097C381.652 80.059 382.369 81.607 383.802 82.7537C385.236 83.9004 387.156 84.4737 389.564 84.4737Z' fill='white'/%3E%3Cpath d='M451.848 47.2357H461.91L443.592 97.5457C442.044 101.788 440.037 104.856 437.572 106.748C435.164 108.64 431.925 109.586 427.854 109.586H421.06L420.2 100.556H428.542C430.205 100.556 431.466 100.183 432.326 99.4377C433.243 98.7497 434.017 97.517 434.648 95.7397L435.164 94.3637L415.298 47.2357H425.876L439.034 79.4857H440.41L451.848 47.2357Z' fill='white'/%3E%3Cpath d='M114.748 9.02037C105.857 0 92.0388 0 64.4031 0H59.3566C31.7209 0 17.9031 0 8.89147 9.02037C0 17.9205 0 31.7517 0 59.4142V64.4656C0 92.128 0 105.959 9.01163 114.98C18.0233 124 31.8411 124 59.4767 124H64.5233C92.1589 124 105.977 124 114.988 114.98C124 105.959 124 92.128 124 64.4656V59.4142C123.76 31.7517 123.76 17.9205 114.748 9.02037ZM11.5349 11.5461C19.4651 3.60815 32.8023 3.60815 59.3566 3.60815H64.4031C90.9574 3.60815 104.415 3.60815 112.225 11.5461C117.271 16.5975 119.074 23.934 119.795 35.6004H3.96512C4.56589 23.934 6.48837 16.5975 11.5349 11.5461ZM102.853 63.2628C102.853 73.0048 94.9225 80.9428 85.1899 80.9428C75.4574 80.9428 67.5271 73.0048 67.5271 63.2628C67.5271 53.5208 75.4574 45.5829 85.1899 45.5829C94.9225 45.5829 102.853 53.5208 102.853 63.2628ZM56.593 71.8021L47.9419 80.4617L39.4109 71.9224L30.8798 80.4617L22.2287 71.8021L30.7597 63.2628L22.2287 54.7236L30.8798 46.064L39.4109 54.6033L47.9419 46.064L56.593 54.7236L48.062 63.2628L56.593 71.8021ZM112.225 112.334C104.295 120.272 90.9574 120.272 64.4031 120.272H59.3566C32.8023 120.272 19.345 120.272 11.5349 112.334C5.8876 106.681 4.32558 98.2619 3.84496 84.0698C19.345 91.1659 39.6512 95.4956 61.8798 95.4956C84.1085 95.4956 104.415 91.1659 119.915 84.0698C119.554 98.2619 117.872 106.681 112.225 112.334Z' fill='white'/%3E%3Cpath d='M85.1898 68.6749C88.176 68.6749 90.5968 66.2518 90.5968 63.2627C90.5968 60.2736 88.176 57.8505 85.1898 57.8505C82.2036 57.8505 79.7828 60.2736 79.7828 63.2627C79.7828 66.2518 82.2036 68.6749 85.1898 68.6749Z' fill='white'/%3E%3C/svg%3E%0A");
}
.gw-form__title {
  margin: 0 0 20px;
  font-size: 20px;
  font-weight: 500;
  word-wrap: break-word;
  color: #fff;
  font-family: "Roboto", Arial, Helvetica, Helvetica Neue, sans-serif;
  line-height: normal;
  text-align: start;
}
.gw-form__content {
  padding: 20px 60px 25px;
  flex: 1 0 auto;
}
@media (max-width: 500px) {
.gw-form__content {
    padding: 20px 20px 25px;
}
}
.gw-form__subtitle {
  margin-bottom: 26px;
  word-wrap: break-word;
  color: #c3c3c3;
}
.gw-form__subtitle strong {
  color: #f5f5f7;
}
.gw-form__subtitle a {
  color: #16a7ff;
}
.gw-form__subtitle a:hover {
  color: #56bfff;
}
.gw-form__subtitle_oauth {
  margin-bottom: 15px;
}
.gw-form__agreement-block {
  margin-top: 20px;
}
.gw-form__agreement-block .gw-checkbox__label:before {
  top: 4px;
}
.gw-form__block {
  margin-bottom: 15px;
  min-height: 1.33em;
}
.gw-form__block:after {
  content: "";
  display: table;
  clear: both;
}
.gw-form__block:last-child, .gw-form__field:last-child {
  margin-bottom: 0;
}
.gw-form__checkbox {
  display: inline-block;
  vertical-align: top;
  margin-bottom: 10px;
}
.gw-form__checkbox:not(:last-child) {
  margin-inline-end: 27px;
}
.gw-checkbox__input {
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
  cursor: pointer;
}
.gw-checkbox__label {
  position: relative;
  display: inline-block;
  padding-inline-start: 30px;
  line-height: 1.4;
  color: #d4d4d4;
  cursor: pointer;
}
.gw-checkbox__label:before {
  content: "";
  position: absolute;
  top: 0;
  inset-inline-start: 0;
  width: 20px;
  height: 20px;
  background-color: #3c3c40;
  border: 1px solid #626262;
  border-radius: 3px;
}
.gw-checkbox__input:checked + .gw-checkbox__label:before {
  background-color: #e2e3e7;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='6' viewBox='0 0 8 6'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M7.7.3c-.4-.4-1-.4-1.4 0L3 3.6 1.7 2.3c-.4-.4-1-.4-1.4 0-.4.4-.4 1 0 1.4l2 2c.2.2.4.3.7.3.3 0 .5-.1.7-.3l4-4c.4-.4.4-1 0-1.4z'/%3E%3C/svg%3E");
  background-size: 10px 7px;
  background-repeat: no-repeat;
  background-position: center;
  border-color: #e2e3e7;
}
.gw-form__agreement {
  display: inline-block;
  font-size: 13px;
  line-height: 1.54;
  color: #ababae;
  text-align: start;
}
.gw-form__agreement a {
  text-decoration: none;
  transition: color 0.1s;
  color: #f5f5f7;
  font-family: "Roboto", Arial, Helvetica, Helvetica Neue, sans-serif;
  text-transform: none;
  display: inline;
}
.gw-form__agreement::v-deep a {
  text-decoration: none;
  transition: color 0.1s;
  color: #f5f5f7;
  font-family: "Roboto", Arial, Helvetica, Helvetica Neue, sans-serif;
  text-transform: none;
  display: inline;
}
.gw-form__agreement a:visited {
  color: #f5f5f7;
}
.gw-form__agreement::v-deep a:visited {
  color: #f5f5f7;
}
.gw-form__agreement a:hover,
.gw-form__agreement a:focus,
.gw-form__agreement a:active {
  color: #ababae;
}
.gw-form__agreement::v-deep a:hover,
.gw-form__agreement::v-deep a:focus,
.gw-form__agreement::v-deep a:active {
  color: #ababae;
}
.gw-form__agreement_lg {
  font-size: 14px;
}
.gw-form__submit {
  margin: 26px auto 0;
  text-align: center;
}
.gw-form__btn {
  padding: 8px 15px;
  width: 100%;
  min-height: 48px;
}
.gw-form__btn.gw-btn_link {
  padding: 0;
  width: auto;
  min-height: 32px;
}
.gw-form__btn.gw-btn:not(.gw-btn_link):hover:after {
  transform: translate3d(-55%, calc(100% - 38px), 0) rotate(-15deg);
}
.gw-form__btn + .gw-form__btn {
  margin-top: 11px;
}
.gw-btn {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  padding: 4px 15px;
  font-size: 16px;
  line-height: 2;
  font-family: "Roboto", Arial, Helvetica, Helvetica Neue, sans-serif;
  font-weight: 500;
  text-align: center;
  white-space: nowrap;
  text-decoration: none;
  text-overflow: ellipsis;
  text-shadow: none;
  background-color: #e2e3e7;
  border: none;
  border-radius: 4px;
  outline: none;
  overflow: hidden;
  appearance: none;
  cursor: pointer;
  transition: all 0.1s;
  user-select: none;
}
.gw-btn:hover {
  background-color: #c7c8cb;
}
.gw-btn:hover:before {
  left: 0;
  transform: translate3d(-50%, calc(-100% - 3px), 0px) rotate(-15deg);
}
.gw-btn:hover:after {
  left: 100%;
  transform: translate3d(-50%, calc(100% - 38px), 0) rotate(-15deg);
}
.gw-btn:active {
  background-color: #9a9a9d;
}
.gw-btn, .gw-btn:link, .gw-btn:visited, .gw-btn:hover, .gw-btn:focus, .gw-btn:active {
  color: #000;
}
.gw-btn:disabled, .gw-btn_disabled {
  color: #262626;
  background-color: #414141;
  pointer-events: none;
  cursor: default;
  transition: none;
}
.gw-btn:before, .gw-btn:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 150%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
  opacity: 0;
  transform: translate3d(-50%, -50%, 0) rotate(-15deg);
  transition: opacity 0.2s easeout, left 0s 0.3s, -webkit-transform 0.3s cubic-bezier(1, 0, 0, 1);
  transition: opacity 0.2s easeout, transform 0.3s cubic-bezier(1, 0, 0, 1), left 0s 0.3s;
}
.gw-btn:hover:before, .gw-btn:hover:after {
  opacity: 1;
  transition: opacity 0.3s easeout, -webkit-transform 0.2s cubic-bezier(1, 0, 0, 1);
  transition: opacity 0.3s easeout, transform 0.2s cubic-bezier(1, 0, 0, 1);
}
.gw-form__error {
  text-align: center;
  margin: 15px auto;
}
.gw-form__error-text {
  margin: 20px auto;
  text-align: center;
}
.gw-form__input {
  padding: 7px 14px;
  width: 100%;
  height: 46px;
  font-family: "VK Sans Display", Arial, Helvetica, Helvetica Neue, sans-serif;
  font-size: 15px;
  line-height: normal;
  color: #f5f5f7;
  caret-color: #f5f5f7;
  background-color: #3c3c40;
  border: 1px solid #626262;
  border-radius: 3px;
  -webkit-appearance: none;
  cursor: pointer;
  transition: all 0.1s;
}
.gw-form__input:hover {
  background-color: #46464c;
  border-color: #7c7c7d;
}
.gw-form__input:focus {
  background-color: #46464c;
  border-color: #060606;
  box-shadow: 0 0 0 2px #e2e3e7;
  cursor: text;
}
.gw-form__input--error {
  border-color: #f13653;
}
.gw-form__input--error:hover {
  border-color: #f13653;
  box-shadow: none;
}
.gw-form__input--error:focus {
  border-color: #f13653;
  box-shadow: none;
}
.gw-form__input-wrapper {
  margin-bottom: 15px;
}
.gw-form__nickname-block .gw-form__error-text {
  color: #f13653;
}
.gw-link-btn {
  display: inline-block;
  text-align: center;
  color: #56bfff;
  font-size: 18px;
  line-height: 32px;
  margin-top: 15px;
  cursor: pointer;
}