:root {
  --border-big: 42px;
  --border-medium: 24px;
  --border-small: 16px;
  --border-micro: 8px;
  --min-size: 2px;
  --max-size: 20px;
}

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
}

fieldset,
img {
  margin: 0;
  padding: 0;
  vertical-align: baseline;
}

[tooltip] {
  position: relative;
}

[tooltip]::after,
[tooltip]::before {
  text-transform: none;
  font-size: 12px;
  line-height: 1;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none;
  position: absolute;
  display: none;
  opacity: 0;
}

[tooltip]::before {
  content: '';
  border: 5px solid transparent;
  z-index: 99;
}

[tooltip]::after {
  content: attr(tooltip);
  font-family: Helvetica, sans-serif;
  text-align: center;
  min-width: 3em;
  max-width: 21em;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  padding: 1ch 1.5ch;
  border-radius: 0.6ch;
  -webkit-box-shadow: 0 1em 2em -0.5em rgba(0, 0, 0, 0.35);
  box-shadow: 0 1em 2em -0.5em rgba(0, 0, 0, 0.35);
  background: var(--color-border);
  color: var(--color-text);
  z-index: 99;
}

.slick-slide img,
[tooltip]:hover::after,
[tooltip]:hover::before {
  display: block;
}

[tooltip='']::after,
[tooltip='']::before {
  display: none !important;
}

[tooltip]:not([flow])::before,
[tooltip][flow^='up']::before {
  bottom: 100%;
  border-bottom-width: 0;
  border-top-color: var(--color-border);
}

[tooltip]:not([flow])::after,
[tooltip][flow^='up']::after {
  bottom: calc(100% + 5px);
}

[tooltip]:not([flow])::after,
[tooltip]:not([flow])::before,
[tooltip][flow^='up']::after,
[tooltip][flow^='up']::before {
  left: 50%;
  -webkit-transform: translate(-50%, -0.5em);
  -ms-transform: translate(-50%, -0.5em);
  transform: translate(-50%, -0.5em);
}

[tooltip][flow^='down']::before {
  top: 100%;
  border-top-width: 0;
  border-bottom-color: #333;
}

[tooltip][flow^='down']::after {
  top: calc(100% + 5px);
}

[tooltip][flow^='down']::after,
[tooltip][flow^='down']::before {
  left: 50%;
  -webkit-transform: translate(-50%, 0.5em);
  -ms-transform: translate(-50%, 0.5em);
  transform: translate(-50%, 0.5em);
}

[tooltip][flow^='left']::before {
  top: 50%;
  border-right-width: 0;
  border-left-color: #333;
  left: calc(0em - 5px);
  -webkit-transform: translate(-0.5em, -50%);
  -ms-transform: translate(-0.5em, -50%);
  transform: translate(-0.5em, -50%);
}

[tooltip][flow^='left']::after {
  top: 50%;
  right: calc(100% + 5px);
  -webkit-transform: translate(-0.5em, -50%);
  -ms-transform: translate(-0.5em, -50%);
  transform: translate(-0.5em, -50%);
}

[tooltip][flow^='right']::before {
  top: 50%;
  border-left-width: 0;
  border-right-color: #333;
  right: calc(0em - 5px);
  -webkit-transform: translate(0.5em, -50%);
  -ms-transform: translate(0.5em, -50%);
  transform: translate(0.5em, -50%);
}

[tooltip][flow^='right']::after {
  top: 50%;
  left: calc(100% + 5px);
  -webkit-transform: translate(0.5em, -50%);
  -ms-transform: translate(0.5em, -50%);
  transform: translate(0.5em, -50%);
}

[tooltip]:not([flow]):hover::after,
[tooltip]:not([flow]):hover::before,
[tooltip][flow^='down']:hover::after,
[tooltip][flow^='down']:hover::before,
[tooltip][flow^='up']:hover::after,
[tooltip][flow^='up']:hover::before {
  -webkit-animation: tooltips-vert 300ms ease-out forwards;
  animation: tooltips-vert 300ms ease-out forwards;
}

[tooltip][flow^='left']:hover::after,
[tooltip][flow^='left']:hover::before,
[tooltip][flow^='right']:hover::after,
[tooltip][flow^='right']:hover::before {
  -webkit-animation: tooltips-horz 300ms ease-out forwards;
  animation: tooltips-horz 300ms ease-out forwards;
}

html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: none;
  height: 100vh;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: var(--color-bg);
  color: var(--color-text);
}

a img,
fieldset,
img {
  border: 0;
}

input[type='email'],
input[type='tel'],
input[type='text'],
textarea {
  -webkit-appearance: none;
}

button,
input[type='submit'] {
  cursor: pointer;
  background: 0 0;
}

button::-moz-focus-inner,
input[type='submit']::-moz-focus-inner {
  padding: 0;
  border: 0;
}

textarea {
  overflow: auto;
}
.ql-editor .ql-video {
  display: block;
  max-width: 100%;
  width: 100%;
  aspect-ratio: 16 / 9;
}
.fade-down::after {
  cursor: pointer;
  display: flex;
  color: #fff;
  font-weight: bold;
  padding: 6px;
  content: 'Leia mais';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  pointer-events: none;
  background: linear-gradient(0deg, var(--color-bg-card) 0%, transparent 25%);
  align-items: flex-end;
  justify-content: flex-end;
}
input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

button,
input {
  margin: 0;
  padding: 0;
  border: 0;
}

.slick-list:focus,
a,
a:focus,
button,
div,
h1,
h2,
h3,
h4,
h5,
h6,
input,
select,
span,
textarea {
  outline: 0;
}

select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0#000;
}

ol,
ul {
  list-style-type: none;
}

table {
  border-spacing: 0;
  border-collapse: collapse;
  width: 100%;
}

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

a {
  color: var(--color-secondary);
  text-decoration: none;
}

a,
button {
  -webkit-tap-highlight-color: transparent;
}

#add-cartao {
  gap: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.inline-YTPlayer {
  width: 100vw;
  height: 56.25vw;
  min-height: 100vh;
  border-radius: var(--border-medium);
  min-width: 177.77vh;
  top: 50%;
  left: 50%;
  overflow: hidden;
  transform: translate(-50%, -50%);
}
.icon-add,
.icon-add-square {
  width: 1em;
  height: 1em;
  fill: #11142d;
}

.icon-add {
  fill: #808191;
}

.icon-arrow-down-fat {
  width: 1.33em;
  height: 1em;
  fill: #fff;
}

.icon-arrow-down,
.icon-arrow-left {
  width: 1.67em;
  height: 1em;
  fill: #11142d;
}

.icon-arrow-left {
  width: 1.3em;
}

.icon-arrow-next,
.icon-arrow-prev {
  width: 0.6em;
  height: 1em;
  fill: #fff;
}

.icon-arrow-right,
.icon-arrow-up-right {
  width: 1.3em;
  height: 1em;
  fill: #11142d;
}

.icon-arrow-up-right {
  width: 0.91em;
}

.icon-arrows,
.icon-bell {
  width: 0.63em;
  height: 1em;
  fill: #11142d;
}

.icon-bell {
  width: 0.91em;
}

.icon-bookmarks,
.icon-box {
  width: 0.88em;
  height: 1em;
  fill: #fff;
}

.icon-box {
  width: 1.13em;
  fill: #808191;
}

.icon-camera {
  width: 1.05em;
  height: 1em;
  fill: #11142d;
}

.icon-chart,
.icon-chat,
.icon-close,
.icon-comment {
  width: 1em;
  height: 1em;
  fill: #1b1d21;
}

.icon-document,
.icon-dots-border {
  width: 0.95em;
  height: 1em;
  fill: #11142d;
}

.icon-dots-border {
  width: 4em;
}

.icon-download {
  width: 0.95em;
  height: 1em;
  fill: #7fba7a;
}

.icon-dropbox {
  width: 1em;
  height: 1em;
  fill: #5f75ee;
}

.icon-editor-bold {
  width: 0.83em;
  height: 1em;
  fill: #fff;
}

.icon-editor-italic {
  width: 0.5em;
  height: 1em;
  fill: #808191;
}

.icon-editor-pic,
.icon-editor-smile {
  width: 1.08em;
  height: 1em;
  fill: #808191;
}

.icon-editor-smile {
  width: 1em;
}

.icon-email,
.icon-eye {
  width: 1.11em;
  height: 1em;
  fill: #11142d;
}

.icon-eye {
  width: 1.38em;
  fill: #808191;
}

.icon-full-screen,
.icon-game-play,
.icon-heart {
  width: 1em;
  height: 1em;
  fill: #fff;
}

.icon-heart {
  width: 1.13em;
}

.icon-joystick {
  width: 1.5em;
  height: 1em;
  fill: #808191;
}

.icon-like {
  width: 1em;
  height: 1em;
  fill: #11142d;
}

.icon-link {
  width: 2em;
  height: 1em;
  fill: #808191;
}

.icon-live {
  width: 1.45em;
  height: 1em;
  fill: #fff;
}

.icon-location {
  width: 1em;
  height: 1em;
  fill: #11142d;
}

.icon-logout {
  width: 1.33em;
  height: 1em;
  fill: #808191;
}

.icon-menu-fill,
.icon-menu-vertical {
  width: 3.25em;
  height: 1em;
  fill: #808191;
}

.icon-menu-vertical {
  width: 0.25em;
}

.icon-menu {
  width: 4em;
  height: 1em;
  fill: #fff;
}

.icon-moon {
  width: 1em;
  height: 1em;
  fill: var(--color-secondary);
}

.icon-pause,
.icon-play-square {
  width: 1em;
  height: 1em;
  fill: #fff;
}

.icon-play,
.icon-play-window {
  width: 1.23em;
  height: 1em;
  fill: #fff;
}

.icon-play {
  width: 0.75em;
}

.icon-plus-sm {
  width: 0.92em;
  height: 1em;
  fill: #11142d;
}

.icon-plus,
.icon-profile-check {
  width: 1em;
  height: 1em;
  fill: #fff;
}

.icon-profile-check {
  color: #1b1d21;
  fill: #1b1d21;
}

.icon-profile {
  width: 0.81em;
  height: 1em;
  fill: #11142d;
}

.icon-remove,
.icon-replay {
  width: 1em;
  height: 1em;
  fill: #11142d;
}

.icon-replay {
  fill: #808191;
}

.icon-reply {
  width: 1.21em;
  height: 1em;
  fill: #fff;
}

.icon-search,
.icon-settings-fill {
  width: 1em;
  height: 1em;
  fill: #11142d;
}

.icon-settings-fill {
  fill: #fff;
}

.icon-settings {
  width: 0.91em;
  height: 1em;
  fill: #1b1d21;
}

.icon-share-1 {
  width: 1.21em;
  height: 1em;
  fill: #11142d;
}

.icon-share,
.icon-smile {
  width: 1em;
  height: 1em;
  fill: #808191;
}

.icon-smile {
  fill: #fff;
}

.icon-sound-off,
.icon-sound-on {
  width: 0.88em;
  height: 1em;
  fill: #fff;
}

.icon-sound-on {
  width: 1em;
}

.icon-star,
.icon-star-fill {
  width: 1em;
  height: 1em;
  fill: #ffce73;
}

.icon-star {
  fill: #fff;
}

.icon-sun {
  width: 1em;
  height: 1em;
  fill: var(--color-secondary);
}

.icon-trending {
  width: 0.95em;
  height: 1em;
  fill: #11142d;
}

.icon-upload,
.icon-view-cell {
  width: 1em;
  height: 1em;
  fill: #fff;
}

.icon-view-list,
.icon-wand {
  width: 1em;
  height: 1em;
  fill: #808191;
}

.icon-wifi {
  width: 1.45em;
  height: 1em;
  fill: #fff;
}

.slick-slider {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list,
.slick-slider,
.slick-track {
  position: relative;
  display: block;
}

.slick-list {
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.slick-list.draggable::after,
.slick-list.draggable::before {
  content: '';
  position: absolute;
  z-index: 1;
  bottom: 0;
  pointer-events: none;
  height: 100%;
}

.slick-list.draggable::after {
  left: 0;
  background-image: -webkit-gradient(
    linear,
    right top,
    left top,
    from(rgba(255, 255, 255, 0)),
    color-stop(90%, var(--color-bg))
  );
  background-image: -o-linear-gradient(
    right,
    rgba(255, 255, 255, 0),
    var(--color-bg) 90%
  );
  background-image: linear-gradient(
    to left,
    rgba(255, 255, 255, 0),
    var(--color-bg) 90%
  );
  width: 2vw;
}

.slick-list.draggable::before {
  right: 0;
  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    from(rgba(255, 255, 255, 0)),
    color-stop(90%, var(--color-bg))
  );
  background-image: -o-linear-gradient(
    left,
    rgba(255, 255, 255, 0),
    var(--color-bg) 90%
  );
  background-image: linear-gradient(
    to right,
    rgba(255, 255, 255, 0),
    var(--color-bg) 90%
  );
  width: 2em;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-list,
.slick-slider .slick-track {
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  left: 0;
  top: 0;
  margin-left: auto;
  margin-right: auto;
}

.slick-track:after,
.slick-track:before {
  content: '';
  display: table;
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.hearder-sub {
  font-family: poppins, sans-serif;
  opacity: 0.5;
  color: var(--color-text);
  vertical-align: middle;
  display: inline-block;
  letter-spacing: 0;
  max-width: 200px;
  line-height: 1.1;
  font-weight: 100;
  font-size: 0.25em;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}

.float {
  z-index: 1;
  -webkit-animation: float 3s ease-in-out infinite alternate;
  animation: float 3s ease-in-out infinite alternate;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.float::before {
  content: '';
  background: inherit;
  background-position: inherit;
  background-size: inherit;
  position: absolute;
  z-index: -1;
  left: 0;
  -webkit-transform: translateZ(-1px) scale(1.05);
  transform: translateZ(-1px) scale(1.05);
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  width: inherit;
  height: inherit;
  -webkit-filter: blur(12px);
  filter: blur(12px);
  opacity: 0.8;
}

[dir='rtl'] .slick-slide {
  float: right;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.mfp-align-top .mfp-container:before,
.slick-arrow.slick-hidden {
  display: none;
}

.mfp-bg {
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: var(--color-bg);
  opacity: 0.8;
}

.mfp-bg,
.mfp-container,
.mfp-wrap {
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

.mfp-wrap {
  z-index: 1043;
  position: fixed;
  outline: 0 !important;
  -webkit-backface-visibility: hidden;
}

.mfp-container {
  text-align: center;
  position: absolute;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-animation: 0.25s modal-isin ease-in-out forwards;
  animation: 0.25s modal-isin ease-in-out forwards;
}

.mfp-container:before,
.mfp-content {
  display: inline-block;
  vertical-align: middle;
}

.mfp-container:before {
  content: '';
  height: 100%;
}

.mfp-content {
  position: relative;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}

.mfp-ajax-holder .mfp-content,
.mfp-inline-holder .mfp-content {
  width: 100%;
  cursor: auto;
}

.mfp-ajax-cur {
  cursor: progress;
}

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
  cursor: auto;
}

.mfp-arrow,
.mfp-close,
.mfp-counter,
.mfp-preloader {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.mfp-loading.mfp-figure,
.mfp-s-error .mfp-content,
.mfp-s-ready .mfp-preloader {
  display: none;
}

.mfp-hide {
  display: none !important;
}

.mfp-close,
.mfp-preloader {
  position: absolute;
  text-align: center;
}

.adobe-overlay-icon {
  position: fixed;
  top: -260px;
  left: -10vw;
  height: 100vh;
  color: #0000005c;
  opacity: 0.3;
  z-index: -1;
  font-size: 60vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  width: 57vw;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.loading_overlay {
  width: -webkit-fill-available;
  min-height: 100vh;
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 99;
  font-size: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #1f212866;
  animation: 0.3s opacityIn ease-in-out forwards;
  backdrop-filter: blur(8px);
}
.mfp-preloader {
  color: #ccc;
  top: 50%;
  width: auto;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}

.mfp-preloader a {
  color: #ccc;
}

.mfp-preloader a:hover {
  color: #fff;
}

button.mfp-arrow,
button.mfp-close {
  overflow: visible;
  cursor: pointer;
  background: 0 0;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: 0;
  padding: 0;
  z-index: 1046;
  -webkit-box-shadow: none;
  box-shadow: none;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
}

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  right: 0;
  top: 0;
  text-decoration: none;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #fff;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
}

.mfp-close:focus,
.mfp-close:hover {
  opacity: 1;
}

.mfp-close.nice-select.open,
.mfp-close:active {
  top: 1px;
}

.mfp-close-btn-in .mfp-close {
  color: #333;
}

.mfp-iframe-holder .mfp-close,
.mfp-image-holder .mfp-close {
  color: var(--color-text);
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}

.mfp-iframe.main-item {
  padding: 0;
}

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #ccc;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
}

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  top: 50%;
  margin: -55px 0 0;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent;
}

.mfp-arrow.nice-select.open,
.mfp-arrow:active {
  margin-top: -54px;
}

.mfp-arrow:focus,
.mfp-arrow:hover {
  opacity: 1;
}

.mfp-arrow:after,
.mfp-arrow:before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}

.mfp-arrow:after {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}

.mfp-arrow:before {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7;
}

.mfp-arrow-left {
  left: 0;
}

.mfp-arrow-left:after {
  border-right: 17px solid #fff;
  margin-left: 31px;
}

.mfp-arrow-left:before {
  margin-left: 25px;
  border-right: 27px solid #3f3f3f;
}

.mfp-arrow-right {
  right: 0;
}

.mfp-arrow-right:after {
  border-left: 17px solid #fff;
  margin-left: 39px;
}

.mfp-arrow-right:before {
  border-left: 27px solid #3f3f3f;
}

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}

.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}

.mfp-iframe-holder .mfp-close {
  top: -40px;
}

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}

.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}

.mfp-figure:after,
img.mfp-img {
  display: block;
  width: auto;
  height: auto;
}

img.mfp-img {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 0;
  margin: 0 auto;
}

.mfp-figure,
img.mfp-img {
  line-height: 0;
}

.mfp-figure:after {
  content: '';
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  right: 0;
  z-index: -1;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444;
}

.mfp-figure small {
  color: #bdbdbd;
  display: block;
  font-size: 12px;
  line-height: 14px;
}

.mfp-figure figure {
  margin: 0;
}

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #f3f3f3;
  word-wrap: break-word;
  padding-right: 36px;
}

.mfp-image-holder .mfp-content,
img.mfp-img {
  max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure,
.nice-select {
  cursor: pointer;
}

.nice-select {
  -webkit-tap-highlight-color: transparent;
  background-color: #fff;
  border-radius: var(--border-micro);
  border: solid 1px #b2b3bd;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  clear: both;
  display: block;
  font-family: inherit;
  font-size: 14px;
  font-weight: 400;
  height: 42px;
  outline: 0;
  padding-left: 18px;
  padding-right: 30px;
  position: relative;
  text-align: left !important;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap;
  width: auto;
}

.nice-select:hover {
  border-color: #a4a5b1;
}

.nice-select.open,
.nice-select:active,
.nice-select:focus {
  border-color: #999;
}

.nice-select:after {
  border-bottom: 2px solid #999;
  border-right: 2px solid #999;
  content: '';
  height: 5px;
  margin-top: -4px;
  pointer-events: none;
  position: absolute;
  right: 12px;
  top: 50%;
  -webkit-transform-origin: 66% 66%;
  -ms-transform-origin: 66% 66%;
  transform-origin: 66% 66%;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
  width: 5px;
}

.nice-select.open:after {
  -webkit-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

.nice-select.open .list {
  opacity: 1;
  pointer-events: auto;
  -webkit-transform: scale(1) translateY(0);
  -ms-transform: scale(1) translateY(0);
  transform: scale(1) translateY(0);
}

.nice-select.disabled {
  border-color: #b7b8c2;
  color: #999;
  pointer-events: none;
}

.tipo-buy.disabled {
  pointer-events: none;
  opacity: 0.5;
  display: none !important;
}

.nice-select.disabled:after {
  border-color: #ccc;
}

.nice-select.wide {
  width: 100%;
}

.nice-select.wide .list {
  left: 0 !important;
  right: 0 !important;
}

.nice-select.right {
  float: right;
}

.nice-select.right .list {
  left: auto;
  right: 0;
}

.nice-select.small {
  font-size: 12px;
  height: 36px;
  line-height: 34px;
}

.nice-select.small:after {
  height: 4px;
  width: 4px;
}

.nice-select.small .option {
  line-height: 34px;
  min-height: 34px;
}

.nice-select .list {
  background-color: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  opacity: 0;
  overflow: hidden;
  padding: 0;
  pointer-events: none;
  position: absolute;
  top: 100%;
  left: 0;
  -webkit-transform-origin: 50%0;
  -ms-transform-origin: 50%0;
  transform-origin: 50%0;
  -webkit-transform: scale(0.75) translateY(-21px);
  -ms-transform: scale(0.75) translateY(-21px);
  transform: scale(0.75) translateY(-21px);
  -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25),
    opacity 0.15s ease-out;
  -o-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
  transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
  z-index: 9;
}

.nice-select .list:hover .option:not(:hover) {
  background-color: transparent !important;
}

.nice-select .option {
  cursor: pointer;
  list-style: none;
  min-height: 40px;
  outline: 0;
  text-align: left;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}

.nice-select .option.focus,
.nice-select .option.selected.focus,
.nice-select .option:hover {
  background-color: #f6f6f6;
}

.nice-select .option.selected {
  font-weight: 700;
}

.nice-select .option.disabled {
  background-color: transparent;
  color: #999;
  cursor: default;
}

.no-csspointerevents .nice-select .list {
  display: none;
}

.no-csspointerevents .nice-select.open .list,
img {
  display: block;
}

body {
  min-width: 275px;
  margin: 0;
  font-size: 14px;
  line-height: 1.42857;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body.no-scroll {
  overflow: hidden;
}

body,
button,
input,
select,
textarea {
  font-family: inter, sans-serif;
}

img {
  max-width: 100%;
}

.Curso-ONLINE,
.Curso-live,
.live {
  content: 'live';
  display: inline-block;
  min-width: 72px;
  padding: 0 12px 0 32px;
  border-radius: var(--border-big);
  background: #6c5dd3
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='11' viewBox='0 0 16 11'%3E%3Cpath fill='%23fff' d='M7.717 7a2 2 0 1 1 0 4 2 2 0 1 1 0-4zm4.593-1.658a1 1 0 0 1-1.414 1.415 4.5 4.5 0 0 0-6.361 0 1 1 0 1 1-1.414-1.415 6.5 6.5 0 0 1 9.189 0zm2.83-2.145a1 1 0 1 1-1.414 1.414 8.5 8.5 0 0 0-12.019 0A1 1 0 1 1 .292 3.197c4.1-4.1 10.747-4.1 14.847 0z'/%3E%3C/svg%3E")
    no-repeat 10px 50%/16px auto;
  font-size: 13px;
  font-weight: 500;
  line-height: 24px;
  color: #fff;
}

.Curso-ONLINE-bg,
.Curso-Online-bg {
  background: #0eafbd !important;
  background-color: #0eafbd !important;
}

.Curso-ONLINE-text {
  color: #7640da !important;
}

.vid_load::after {
  content: ' ';
  position: absolute;
  height: 55px;
  z-index: 99;
  border-radius: 50%;
  width: 55px;
  background-image: url(../img/vid_load_r.png);
  background-repeat: no-repeat;
  background-size: 70%;
  background-position: 50% 50%;
  background-color: rgba(0, 0, 0, 0.664);
  -webkit-box-shadow: 0 0 0 2px #fff;
  box-shadow: 0 0 0 2px #fff;
  top: 30%;
  left: 40%;
  color: #fff;
  -moz-text-align-last: center;
  text-align-last: center;
  font-weight: 700;
  font-size: 14px;
  -webkit-animation: rotate linear infinite 3s;
  animation: rotate linear infinite 3s;
}

.cart-progress-line {
  -webkit-box-flex: 1;
  -ms-flex: 1 1;
  flex: 1 1;
  height: 2px;
  background: var(--color-border);
}

.cart-progress-line.done {
  background: var(--color-primary);
}

.cart-progress,
.recorrente-switch {
  font-size: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 42px;
  height: 42px;
  -webkit-box-shadow: 0 0 0 2px var(--color-border);
  box-shadow: 0 0 0 2px var(--color-border);
  border-radius: 50%;
  color: var(--color-border);
  margin-left: 0;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.recorrente-switch {
  font-size: 32px;
  -moz-text-align-last: center;
  text-align-last: center;
  -webkit-box-shadow: 0 0 0 4px var(--color-border), inset 0 0 0 4px #0000002b;
  box-shadow: 0 0 0 4px var(--color-border), inset 0 0 0 4px #0000002b;
  cursor: pointer;
  -webkit-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.recorrente-switch:checked {
  -webkit-box-shadow: 0 0 0 4px var(--color-border);
  box-shadow: 0 0 0 4px var(--color-border);
  background: var(--color-primary);
  color: #fff;
}

.recorrente-switch:checked:hover {
  color: var(--color-text);
}

.cart-progress.done,
.recorrente-switch:hover {
  color: var(--color-primary);
}

.cart-progress.done {
  background: var(--color-bg);
  -webkit-box-shadow: 0 0 0 2px var(--color-primary);
  box-shadow: 0 0 0 2px var(--color-primary);
}

.cart-progress.active {
  color: #fff;
  background: var(--color-primary);
  -webkit-box-shadow: 0 0 0 2px var(--color-primary);
  box-shadow: 0 0 0 2px var(--color-primary);
}

.ava-picker {
  background: url(build/img/avatar/20.png);
  -webkit-box-flex: 1;
  -ms-flex: 1 100px;
  flex: 1 100px;
  aspect-ratio: 1/1;
  background-size: cover;
  max-width: 32%;
  -webkit-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
  cursor: pointer;
  border-radius: 50%;
}
.primarypulse {
  -webkit-animation: pulse-primary 1s ease-out infinite;
  animation: pulse-primary 1s ease-out infinite;
}
.ava-picker:hover {
  z-index: +2;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-animation: pulse-primary 1s ease-out infinite;
  animation: pulse-primary 1s ease-out infinite;
}

.popup-atividade:has(.ava-picker:hover) .ava-picker:not(:hover) {
  opacity: 0.7;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transform: scale(0.8);
  -ms-transform: scale(0.8);
  transform: scale(0.8);
}

.ava-picker:not(:hover) {
  -webkit-transform: scale(0.9);
  -ms-transform: scale(0.9);
  transform: scale(0.9);
}

.cart-progress.aprovado {
  color: #fff;
  background: #25d366;
  -webkit-box-shadow: 0 0 0 2px #c9ff77;
  box-shadow: 0 0 0 2px #c9ff77;
  -webkit-animation: pulse 2s ease-out infinite;
  animation: pulse 2s ease-out infinite;
}

.jp-card .jp-card-back,
.jp-card .jp-card-front {
  background: var(--color-text-offset) !important;
}

.card-wrapper > .jp-card-container {
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
}

.jp-card-container {
  aspect-ratio: 1/0.59;
  width: 100% !important;
  height: 100% !important;
}

.pagamento-side {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 300px;
  max-width: 25%;
  -webkit-box-flex: 1;
  -ms-flex: 1 25%;
  flex: 1 25%;
  padding: 0 !important;
  height: -webkit-fit-content;
}

.pagamento-side-toggle {
  display: none;
}

#Pagamento,
#Processando {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.popup_load {
  content: ' ';
  position: absolute;
  height: 100px;
  z-index: 99;
  border-radius: 50%;
  width: 100;
  background-image: url(../img/vid_load_r.png);
  background-repeat: no-repeat;
  background-size: 70%;
  background-position: 50% 50%;
  background-color: var(--color-border);
  -webkit-box-shadow: 0 0 0 17px var(--color-bg-offset);
  box-shadow: 0 0 0 17px var(--color-bg-offset);
  top: calc(50% - 50px);
  left: calc(50% - 50px);
  color: var(--color-primary-offset);
  -moz-text-align-last: center;
  text-align-last: center;
  font-weight: 700;
  font-size: 14px;
  -webkit-animation: rotate linear infinite 3s;
  animation: rotate linear infinite 3s;
}

#programa-preco {
  background: -o-linear-gradient(
    355deg,
    #ffa832 0%,
    #fd7247 30%,
    #0eafbd 70%,
    #32ffea 100%
  );
  background: linear-gradient(
    95deg,
    #ffa832 0%,
    #fd7247 30%,
    #0eafbd 70%,
    #32ffea 100%
  );
  z-index: 1;
  margin: 0;
}

#programa-preco .front-img {
  left: calc(50% - 600px);
}

.mfp-preloader {
  position: absolute;
  height: 100px;
  z-index: 999;
  width: 100px;
  top: calc(50% - 50px);
  left: calc(50% - 50px);
  color: var(--color-primary-offset);
  -moz-text-align-last: center;
  text-align-last: center;
  font-weight: 700;
  font-size: 14px;
}

.top-margin {
  margin-top: -56px;
}

.primary-bg {
  background: var(--color-primary) !important;
  background-color: var(--color-primary) !important;
}

.primary-border {
  -webkit-box-shadow: 8px 8px 0 0 var(--color-primary),
    0 0 0 2px var(--color-primary), 0 0 20px -5px var(--color-primary) !important;
  box-shadow: 8px 8px 0 0 var(--color-primary), 0 0 0 2px var(--color-primary),
    0 0 20px -5px var(--color-primary) !important;
}

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

.CU .Jornada-Online {
  display: inline-block;
  padding: 0 12px 0 30px;
  border-radius: var(--border-big);
  background: #d35d5d
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='10' viewBox='0 0 6 10'%3E%3Cpath fill='%23fff' d='M.816 9.185l4.758-3.873a.5.5 0 0 0 0-.776L.816.664a.5.5 0 0 0-.703.072.5.5 0 0 0-.112.316v7.746a.5.5 0 0 0 .816.388z'/%3E%3C/svg%3E")
    no-repeat 10px 50%/16px 12px;
  font-size: 13px;
  font-weight: 500;
  line-height: 24px;
  color: #fff;
}

.-style {
  background: var(--color-primary) !important;
  background-color: var(--color-primary) !important;
  color: var(--color-primary);
}

.AXIS-style {
  background: #00c8c8 !important;
  background-color: #00c8c8 !important;
  color: #00c8c8;
}

.PACK-style {
  background: #e66f00 !important;
  background-color: #e66f00 !important;
  color: #e66f00;
}

.LIVEREC-style {
  background: #9361e5 !important;
  background-color: #9361e5 !important;
  color: #9361e5;
}

.LIVE-style {
  background: #9361e5 !important;
  background-color: #9361e5 !important;
  color: #9361e5;
}

.CURSO-style {
  background: #e66f00 !important;
  background-color: #e66f00 !important;
  color: #e66f00;
}

.flames-style {
  background: #fb0 !important;
  background-color: #fb0 !important;
  color: #fb0;
}

.WORKSHOP-style {
  background: #2196f3 !important;
  background-color: #2196f3 !important;
  color: #53c9ff;
}

.EXP-style,
.WEBINAR-style {
  background: #23bb75 !important;
  background-color: #23bb75 !important;
  color: #56ffb0;
}

.LIVE-style {
  background: #9361e5 !important;
  background-color: #9361e5 !important;
  color: #9361e5;
}

.Jornada-ONLINE-bg {
  background: #fb0 !important;
  background-color: #fb0 !important;
}

.Jornada-ONLINE-border {
  -webkit-box-shadow: inset 0 0 0 1px var(--color-border);
  box-shadow: inset 0 0 0 1px var(--color-border);
}

.Jornada-ONLINE-text {
  color: #fb0 !important;
}

.Curso-PRESENCIAL {
  content: 'live';
  display: inline-block;
  min-width: 72px;
  padding: 0 12px 0 32px;
  border-radius: var(--border-big);
  background: #7ed35d
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='15' viewBox='0 0 18 16'%3E%3Cpath fill='%23fff' d='M8 16s6-5.686 6-10A6 6 0 0 0 2 6c0 4.314 6 10 6 10zm0-7a3 3 0 1 1 0-6 3 3 0 0 1 0 6z'/%3E%3C/svg%3E")
    no-repeat 10px 50%/16px auto;
  font-size: 13px;
  font-weight: 500;
  line-height: 24px;
  color: #fff;
}

.Curso-PRESENCIAL-bg {
  background: #fd7247 !important;
  background-color: #fd7247 !important;
}

.Curso-PRESENCIAL-border {
  -webkit-box-shadow: inset 0 0 0 1px var(--color-border);
  box-shadow: inset 0 0 0 1px var(--color-border);
}

.Curso-PRESENCIAL-text {
  color: #fd7247 !important;
}

.game_line .horario,
.horario {
  position: absolute;
  content: 'live';
  min-width: 72px;
  padding: 0 12px;
  background: var(--color-secondary-offset);
}

.horario {
  z-index: 5;
  font-family: poppins, sans-serif;
  margin-left: 12px;
  text-transform: uppercase;
  text-shadow: 1px 1px #00000033;
  text-align: center;
  margin-top: 12px;
  max-width: 62%;
  height: 36px;
  border-radius: var(--border-big);
  font-size: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-animation-fill-mode: backwards;
  animation-fill-mode: backwards;
  line-height: 12px;
  color: #fff;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.game_line .horario {
  margin: -14px 12px 12px;
}

#alerta-icon {
  -webkit-animation: popIn ease-in-out 0.5s forwards;
  animation: popIn ease-in-out 0.5s forwards;
}

.game_line .horario,
.presente,
.turma {
  display: inline-block;
  border-radius: var(--border-big);
  font-size: 13px;
  color: #fff;
}

.game_line .horario,
.presente {
  font-weight: 500;
  line-height: 24px;
}

.presente {
  padding: 0 12px 0 32px;
  background: #7ed35d
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='15' viewBox='0 0 18 16'%3E%3Cpath fill='%23fff' d='M8 16s6-5.686 6-10A6 6 0 0 0 2 6c0 4.314 6 10 6 10zm0-7a3 3 0 1 1 0-6 3 3 0 0 1 0 6z'/%3E%3C/svg%3E")
    no-repeat 10px 50%/16px auto;
}

.turma {
  position: absolute;
  z-index: 2;
  left: 12px;
  top: 12px;
  padding: 0 12px;
  background: var(--color-primary);
  font-weight: 700;
  line-height: 34px;
}

.game_line .turma {
  top: -12px;
  left: 0;
}

.font-color-Curso {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  color: #3f8cff !important;
}

.color-Curso {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  background-color: #3f8cff !important;
  border-color: #3f8cff !important;
}

.color-Mensalidade {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  background-color: var(--color-primary) !important;
  border-color: var(--color-primary) !important;
}

.font-color-Jornada {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  color: #fb0 !important;
}

.color-Jornada {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  background-color: #fb0 !important;
  border-color: #fb0 !important;
}

.flames,
.flames-filter {
  display: inline-block;
  padding: 0 16px 0 55px;
  border-radius: 28px 16px 16px 28px;
  min-width: 70px;
  letter-spacing: -1px;
  background: -o-linear-gradient(45deg, #f8a103, #fad662);
  background: linear-gradient(45deg, #f8a103, #fad662);
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 56px;
  color: #fff;
  text-shadow: 1px 1px 0#ff7f4d, 0 0 6px #ffcd00, -1px -1px 0#ffcd00;
  -webkit-box-shadow: 0 0 10px 1px rgb(252 219 33/33%);
  box-shadow: 0 0 10px 1px rgb(252 219 33/33%);
}

.flames-filter {
  padding: 0 16px;
  border-radius: var(--border-small);
}

.card-top,
.flames.top,
.flames::before {
  position: absolute;
  z-index: 3;
  left: 12px;
  top: 12px;
}

.flames.top {
  -webkit-animation: 0.3s pivot ease-in-out infinite;
  animation: 0.3s pivot ease-in-out infinite;
}

.card-top,
.flames::before {
  width: 30px;
  height: 30px;
}

.online-anim,
.pivot-anim {
  width: -webkit-fill-available;
  height: -webkit-fill-available;
  box-shadow: 0px 0px 0px 2px var(--color-primary),
    0px 12px 42px -10px var(--color-primary) !important;
}

.desktop-hide {
  display: none;
}

.flames::before {
  z-index: 30;
  width: 36px;
  height: 36px;
  top: 9px;
  left: 9px;
  content: '';
  -webkit-filter: drop-shadow(0 0 5px rgba(252, 219, 33, 0.8));
  filter: drop-shadow(0 0 5px rgba(252, 219, 33, 0.8));
  background: url(../img/flame.svg) no-repeat 0 50%/36px auto;
}

.header-right {
  right: 0;
  gap: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  height: 100%;
}

.game_line .flames {
  zoom: 0.8;
  left: 0;
  top: -20px;
}

.curplay,
.recorded {
  display: inline-block;
  padding: 0 12px 0 30px;
  border-radius: var(--border-big);
  background: #d35d5d
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='10' viewBox='0 0 6 10'%3E%3Cpath fill='%23fff' d='M.816 9.185l4.758-3.873a.5.5 0 0 0 0-.776L.816.664a.5.5 0 0 0-.703.072.5.5 0 0 0-.112.316v7.746a.5.5 0 0 0 .816.388z'/%3E%3C/svg%3E")
    no-repeat 10px 50%/16px 12px;
  font-size: 13px;
  font-weight: 500;
  line-height: 24px;
  color: #fff;
}

.curplay {
  min-width: 72px;
  border-radius: var(--border-micro);
  position: absolute;
  top: 8px;
  left: 8px;
}

.live_big {
  min-width: 78px;
  padding: 0 14px 0 38px;
  line-height: 26px;
}

.icon_only {
  min-height: 34px;
  min-width: 34px;
  display: inline-block;
  padding: 0;
  margin-bottom: 0 !important;
}

.grayed {
  background-color: #4c4c4c !important;
  opacity: 0.9;
}

.button_complete,
.button_locked,
.class_gray,
.grayed {
  cursor: default !important;
  pointer-events: none !important;
}

.button_complete,
.button_locked {
  background-color: #4c4c4c !important;
  background: #4c4c4c
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 330 330'%3E%3Cpath fill='%23fff' d='M165,330c63.411,0,115-51.589,115-115c0-29.771-11.373-56.936-30-77.379V85c0-46.869-38.131-85-85-85   S80.001,38.131,80.001,85v52.619C61.373,158.064,50,185.229,50,215C50,278.411,101.589,330,165,330z M180,219.986V240   c0,8.284-6.716,15-15,15s-15-6.716-15-15v-20.014c-6.068-4.565-10-11.824-10-19.986c0-13.785,11.215-25,25-25s25,11.215,25,25   C190,208.162,186.068,215.421,180,219.986z M110.001,85c0-30.327,24.673-55,54.999-55c30.327,0,55,24.673,55,55v29.029   C203.652,105.088,184.91,100,165,100c-19.909,0-38.651,5.088-54.999,14.028V85z'/%3E%3C/svg%3E")
    no-repeat 20px 50%/22px auto !important;
  opacity: 0.6;
}

.class_gray {
  color: #000 !important;
  background-color: #2020201e !important;
  opacity: 0.5;
}

.midia-banner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 85%;
  position: absolute;
  top: 20px;
  gap: 10px;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.status {
  position: relative;
  padding-left: 16px;
  line-height: 1.33;
  height: -webkit-min-content;
  height: -moz-min-content;
  height: min-content;
  vertical-align: middle;
  margin-left: 24px;
  font-size: 0.9em;
  font-weight: 500;
  color: var(--color-text-offset);
  background: NONE !important;
}

.status:before {
  content: '';
  position: absolute;
  top: 53%;
  left: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 8px;
  height: 8px;
}

.status.blue:before {
  background: #0fc8f0;
}

.status.green:before {
  background: #7fba7a;
}

.status.orange:before {
  background: #ff8559;
}

.status.purple:before {
  background: #6c5dd3;
}

.status.red:before {
  background: #d35d5d;
}
.status.gray:before {
  background: var(--color-text-offset);
}

.ava,
.ava-pic,
.status:before {
  border-radius: 50%;
}

.ava {
  position: relative;
  width: 70px;
  height: 70px;
  border: 4px solid var(--color-border);
  -webkit-box-shadow: 0 0 0 2px #0049c6;
  box-shadow: 0 0 0 2px #0049c6;
  font-size: 0;
}

.card-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 28px;
  width: 28px;
  border-radius: 50%;
  background: var(--color-primary);
  font-size: 16px;
  color: #fff;
}

.ava-pic {
  width: 100%;
  min-height: 100%;
}

.ava_network:before,
.ava_online-blue:before,
.ava_online-orange:before,
.ava_online:before,
.ava_play:before {
  content: '';
  position: absolute;
  right: -5px;
  z-index: 1;
  border-radius: 50%;
}

.ava_online-blue:before,
.ava_online-orange:before,
.ava_online:before {
  top: 0;
  width: 16px;
  height: 16px;
  border: 2px solid #fff;
}

.ava_online:before {
  background: #7fba7a;
}

.ava_online-blue:before {
  background: var(--color-secondary);
}

.ava_online-orange:before {
  background: #6c5dd3;
}

.ava_network:before,
.ava_play:before {
  top: -5px;
  width: 24px;
  height: 24px;
}

.ava_play:before {
  background: var(--color-primary)
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='10' viewBox='0 0 6 10'%3E%3Cpath fill='%23fff' d='M.816 9.185l4.758-3.873a.5.5 0 0 0 0-.776L.816.664a.5.5 0 0 0-.703.072.5.5 0 0 0-.112.316v7.746a.5.5 0 0 0 .816.388z'/%3E%3C/svg%3E")
    no-repeat 53% 50%/6px 10px;
}

.ava_network:before {
  background: #6c5dd3
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='11' viewBox='0 0 16 11'%3E%3Cpath fill='%23ffffff' d='M7.717 7a2 2 0 1 1 0 4 2 2 0 1 1 0-4zm4.593-1.658a1 1 0 0 1-1.414 1.415 4.5 4.5 0 0 0-6.361 0 1 1 0 1 1-1.414-1.415 6.5 6.5 0 0 1 9.189 0zm2.83-2.145a1 1 0 1 1-1.414 1.414 8.5 8.5 0 0 0-12.019 0A1 1 0 1 1 .292 3.197c4.1-4.1 10.747-4.1 14.847 0z'/%3E%3C/svg%3E")
    no-repeat 50% 47%/16px auto;
}

.apexcharts-tooltip.apexcharts-theme-light {
  color: var(--color-border);
}

.apexcharts-gridlines-horizontal line {
  stroke: var(--stroke-alpha);
}

.page {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 100vh;
  overflow: hidden;
}

.page-wrapper {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  padding: 0 0%;
  -webkit-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s;
  z-index: 1;
}

.page-slider {
  padding: 40px 64px 0;
}

.page-slider_pt0 {
  padding-top: 0;
}

.page-center {
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  margin: 0 auto;
  margin-bottom: 32px;
  width: 100%;
  max-width: 1400px;
  padding: 0 64px;
}

.menu-item {
  white-space: nowrap;
  cursor: pointer;
  line-height: 1.33;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 32px;
  position: relative;
  color: #fff;
  -webkit-box-shadow: inset 0 -20px 0 -22px var(--color-primary);
  box-shadow: inset 0 -20px 0 -22px var(--color-primary);
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: flex-start;
  flex-direction: column;
  gap: 3px;
}

.menu-item .sub-menu .menu-item {
  border-radius: var(--border-micro);
  padding: 1em;
  line-height: 1.5;
  height: auto;
  text-wrap: wrap;
}

.menu-item .sub-menu .menu-item span {
  color: var(--color-text-offset);
}

.menu-item .sub-menu .menu-item:hover {
  -webkit-box-shadow: none;
  box-shadow: none;
  background: #ffffff22;
}

.menu-item .sub-menu {
  max-height: 0;
  -webkit-box-shadow: 0 -2px 0 0 var(--color-primary);
  box-shadow: 0 -2px 0 0 var(--color-primary);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  font-size: 0.9em;
  font-weight: 100;
  line-height: 2;
  position: absolute;
  top: 32px;
  margin-left: -6px;
  background: #252730e3;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  border-radius: 0 0 6px 6px;
  padding: 1em;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  opacity: 0;
  -o-transition: 0s;
  transition: 0s;
  -webkit-transition: 0s;
}

.menu-item:hover .sub-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  opacity: 1;
  max-height: 500px;
  width: 360px;
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  -o-transition: 0.2s;
  transition: 0.2s;
  -webkit-transition: 0.2s;
}

.menu-item:hover {
  color: #fff;
  -webkit-transition: 0.3s ease-out;
  -o-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
  -webkit-box-shadow: inset 0 -2px 0 0 var(--color-primary);
  box-shadow: inset 0 -2px 0 0 var(--color-primary);
}

.menu-item.multi > b::after {
  content: '▾ ';
}
.menu-item.multi:hover > b::after {
  content: '▾ ';
  color: var(--color-primary);
}

.page-search,
.page-title {
  margin-bottom: 24px;
}

.page-title {
  margin-top: 100px;
  color: var(--color-primary);
}

.page-search .field {
  display: none;
  position: absolute;
  top: 50%;
  right: 10px;
  z-index: 2;
  min-width: 155px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.page-field,
.page-search {
  position: relative;
}

.page-input {
  width: 100%;
  height: 56px;
  padding: 0 16px 0 64px;
  border-radius: var(--border-small);
  background: rgba(228, 228, 228, 0.25);
  font-family: poppins, sans-serif;
  font-size: 16px;
  font-weight: 500;
  color: #11142d;
}

.page-input::-webkit-input-placeholder {
  color: #11142d;
}

.page-input::-ms-input-placeholder {
  color: #11142d;
}

.page-input::-moz-placeholder {
  color: #11142d;
}

.page-input:-ms-input-placeholder {
  color: #11142d;
}

.page-input::placeholder {
  color: #11142d;
}

.page-open {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 32px;
  padding-left: 8px;
  color: var(--color-text-offset);
  font-size: 14px;
}

.page-open .icon {
  font-size: 20px;
  fill: #11142d;
  -webkit-transition: fill 0.25s;
  -o-transition: fill 0.25s;
  transition: fill 0.25s;
}

.page-search .page-btns {
  position: absolute;
  top: 50%;
  right: 11px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.page-search .page-btn {
  min-width: auto;
  padding: 0 45px;
}

.page-search .page-btn:not(:last-child) {
  margin-right: 8px;
}

.page-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.page-col:first-child {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 calc(100% - 330px);
  flex: 0 0 calc(100% - 330px);
  width: calc(100% - 330px);
  max-width: calc(100% - 330px);
  padding-right: 32px;
}

.page-col:nth-child(2) {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 330px;
  flex: 0 0 330px;
  width: 330px;
  max-width: 330px;
}

.page-col:nth-child(2) .widget:not(:last-child) {
  margin-bottom: 90px;
}

.page.toggle .page-wrapper {
  padding-left: 80px;
}

.page.toggle .header {
  left: 80px;
}

.page_login .header,
.page_login .sidebar {
  display: none;
}

.page_login .page-wrapper {
  padding: 0;
}

.page-open .icon {
  fill: var(--color-text);
}

.page-open:hover .icon {
  fill: var(--color-primary);
}

.page-input {
  background: var(--color-bg-offset);
  color: var(--color-text);
}

.page-input::-webkit-input-placeholder {
  color: var(--color-text);
}

.page-input::-ms-input-placeholder {
  color: var(--color-text);
}

.page-input::-moz-placeholder {
  color: var(--color-text);
}

.page-input:-ms-input-placeholder {
  color: var(--color-text);
}

.page-input::placeholder {
  color: var(--color-text);
}

.unlock-prize {
  padding-top: -30px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-line-pack: center;
  align-content: center;
  opacity: 0;
  z-index: 9999;
  position: fixed;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 30px;
  width: 100%;
  height: 100%;
  pointer-events: auto;
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  background-color: rgba(14, 15, 30, 0.7);
  -webkit-animation: modal-isin ease 0.25s forwards;
  animation: modal-isin ease 0.25s forwards;
  display: none;
}

.lottie-explosion {
  position: absolute;
  margin-top: calc(50vh - 390px);
  width: 660px;
  height: 660px;
  -webkit-filter: drop-shadow(0 0 6px var(--color-primary))
    drop-shadow(0 0 16px var(--color-primary-offset))
    drop-shadow(0 0 32px var(--color-secondary));
  filter: drop-shadow(0 0 6px var(--color-primary))
    drop-shadow(0 0 16px var(--color-primary-offset))
    drop-shadow(0 0 32px var(--color-secondary));
}

.author-choose {
  -webkit-box-shadow: 0 0 0 5px var(--color-bg-offset),
    0 0 0 7px var(--color-border);
  box-shadow: 0 0 0 5px var(--color-bg-offset), 0 0 0 7px var(--color-border);
  opacity: 0;
  z-index: 1;
  min-height: 100%;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  overflow: hidden;
  border-radius: var(--border-medium);
  bottom: 0;
  background-color: var(--color-bg);
  display: none;
  position: absolute;
  left: 0;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  -webkit-animation: 0.25s modal-isin ease-in-out forwards;
  animation: 0.25s modal-isin ease-in-out forwards;
}

.fade-out {
  -webkit-animation: 0.25s modal-isout ease-in-out backwards;
  animation: 0.25s modal-isout ease-in-out backwards;
}

.blow-out {
  -webkit-animation: 1s blowOut ease-in-out both !important;
  animation: 1s blowOut ease-in-out both !important;
}

.buy-option {
  -webkit-box-flex: 1;
  -ms-flex: 1 2 248px;
  flex: 1 2 248px;
  min-height: 130px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 24px;
  padding: 24px;
  max-width: 100%;
  letter-spacing: 2px;
  color: #fff;
  font-weight: bolder;
  font-variant: all-petite-caps;
  background: var(--color-text-offset);
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  text-shadow: 1px 1px 0#0003;
  cursor: pointer;
}

#end-message,
.jornada-lvl {
  text-align: center;
  color: #fff;
  font-weight: 700;
}

.jornada-lvl {
  position: relative;
  z-index: 2;
  width: 0;
  font-size: 24px;
  text-transform: uppercase;
  font-style: italic;
  top: -56px;
  left: 61px;
  text-shadow: 1px 1px 0#ff7f4d, 0 0 6px #ffcd00, -1px -1px 0#ffcd00;
  margin-top: -20px;
}

.jornada-content,
.video-end a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.jornada-content {
  z-index: 1;
  position: relative;
}

.jornada-line {
  -webkit-box-shadow: inset 0 0 12px 3px #503008, 0 1px 0 0#ffc355;
  box-shadow: inset 0 0 12px 3px #503008, 0 1px 0 0#ffc355;
  background: -webkit-gradient(
    linear,
    left bottom,
    left top,
    from(#ffd331),
    to(#eda827)
  );
  background: -o-linear-gradient(bottom, #ffd331, #eda827);
  background: linear-gradient(0deg, #ffd331, #eda827);
  height: 6px;
  width: 100%;
  z-index: 0;
}

.video-end,
.video-reg {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  position: absolute;
  background: #00000082;
  top: 0;
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  z-index: 1;
  left: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 42px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: center;
  align-content: center;
}

#end-message {
  width: 100%;
  -webkit-box-flex: 100%;
  -ms-flex: 100%;
  flex: 100%;
  height: 30px;
}

.video-end a {
  cursor: pointer;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.jornada-inner {
  -webkit-transition: all 2s linear;
  -o-transition: all 2s linear;
  transition: all 2s linear;
  background: -o-linear-gradient(45deg, #f8a103, #fad662);
  background: linear-gradient(45deg, #f8a103, #fad662);
  height: 100%;
  z-index: 0;
  position: absolute;
}

.jornada-locked {
  -webkit-filter: grayscale(100%);
  filter: brightness(40%);
}

.jornada-square.selected {
  -webkit-animation: pivot 5s linear infinite;
  animation: pivot 5s linear infinite;
  -webkit-box-shadow: inset 0 0 12px 12px #fad662;
  box-shadow: inset 0 0 12px 12px #fad662;
}

.jornada-square.selected::after {
  content: '';
  width: 25%;
  height: 25%;
  border: solid 2px #fad662;
  left: 35%;
  top: 35%;
  -webkit-clip-path: polygon(18%0, 93% 49%, 19% 100%, 33% 49%);
  clip-path: polygon(18%0, 93% 49%, 19% 100%, 33% 49%);
  background: #fff;
  position: absolute;
  z-index: 1;
}

.jornada-circle {
  zoom: 1.6;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 50%;
  margin-left: calc(100% - 32px);
  margin-top: -16px;
  height: 36px;
  width: 36px;
  background: -o-linear-gradient(45deg, #f8a103, #fad662);
  background: linear-gradient(45deg, #f8a103, #fad662);
  -webkit-box-shadow: 0 0 10px 1px rgb(252 219 33/33%);
  box-shadow: 0 0 10px 1px rgb(252 219 33/33%);
  z-index: 1;
}

.jornada-circle:hover {
  -webkit-animation: pivot 0.3s ease-in-out infinite;
  animation: pivot 0.3s ease-in-out infinite;
}

.jornada-square,
.jornada-square img {
  -webkit-mask-image: url(../img/videomask.svg);
  mask-image: url(../img/videomask.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-size: 100%;
  -webkit-mask-size: 100%;
  mask-repeat: no-repeat;
}

.jornada-square {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  width: 200px;
  background: -o-linear-gradient(45deg, #f8a103, #fad662);
  background: linear-gradient(45deg, #f8a103, #fad662);
  -webkit-box-shadow: 0 0 10px 1px rgb(252 219 33/33%);
  box-shadow: 0 0 10px 1px rgb(252 219 33/33%);
  z-index: 1;
}

.jornada-square:hover {
  -webkit-animation: ring 2s linear infinite;
  animation: ring 2s linear infinite;
}

.jornada-square img {
  width: 96%;
  height: 96%;
  margin: auto;
}

.jornada-circle::before {
  z-index: 0;
  position: absolute;
  width: 36px;
  height: 36px;
  margin-left: 2px;
  content: '';
  -webkit-filter: drop-shadow(0 0 5px rgba(252, 219, 33, 0.8));
  filter: drop-shadow(0 0 5px rgba(252, 219, 33, 0.8));
  background: url(../img/flame.svg) no-repeat 0 50%/36px auto;
}

.flame_glow {
  text-shadow: 1px 1px 0#ff7f4d, 0 0 6px #ffcc0083, -1px -1px 0#ffcd00;
}

input#price-slider {
  width: 90%;
  -webkit-appearance: none;
  border-radius: var(--border-micro);
  height: 10px;
  background: #f8a103;
  -webkit-box-shadow: inset 0 0 0 2px #f8a103, inset 0 0 8px #00000060;
  box-shadow: inset 0 0 0 2px #f8a103, inset 0 0 8px #00000060;
}

input#price-slider::-webkit-slider-thumb {
  cursor: pointer;
  zoom: 1.3;
  -webkit-appearance: none;
  height: 16px;
  width: 16px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  border-radius: 50%;
  background-color: #fad662;
  background-image: url(../img/flame.svg);
  background-repeat: no-repeat;
  background-position: center;
  -webkit-box-shadow: 0 7px 10px 4px rgba(213, 177, 16, 0.2);
  box-shadow: 0 7px 10px 4px rgba(213, 177, 16, 0.2);
}

input#price-slider::-webkit-slider-thumb:hover {
  background-color: #ffe283;
}

.buy {
  cursor: pointer;
  max-width: 33%;
  width: 100%;
  height: 56px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: 0.2s all;
  -o-transition: 0.2s all;
  transition: 0.2s all;
}

.jornada-buy {
  background: -o-linear-gradient(45deg, #f8a103, #fad662);
  background: linear-gradient(45deg, #f8a103, #fad662);
}

.bactive,
.buy:hover {
  height: 72px;
}

.boleto-case {
  padding: 2% 4%;
  background: #fff;
  width: 100%;
  margin: 24px 0;
}

.boleto-img {
  min-width: 357px;
  min-height: 38px;
}

.qr-code {
  margin: 24px 0;
  gap: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  background: var(--color-bg-offset);
  padding: 26px;
  max-width: 360px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.qr-code,
.tipo-buy {
  border-radius: var(--border-medium);
  border: 1px solid var(--color-border);
  -webkit-box-shadow: 0 12px 24px -12px #0000002e;
  box-shadow: 0 12px 24px -12px #0000002e;
}

.tipo-buy.active {
  border: 1px solid var(--color-primary);
  -webkit-box-shadow: 0 12px 24px -12px var(--color-primary);
  box-shadow: 0 12px 24px -12px var(--color-primary);
}

.tipo-buy.active i {
  color: var(--color-primary) !important;
}

.tipo-buy.data-agenda {
  color: var(--color-text);
}

.tipo-buy.full {
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  pointer-events: none;
  color: var(--color-text-offset) !important;
  opacity: 1;
}

.tipo-buy.full i {
  color: var(--color-bg) !important;
}

.tipo-buy.active,
.tipo-buy:hover {
  background-color: var(--color-border);
}

.live-buy {
  background: -o-linear-gradient(45deg, #2196f3, #ea62fa) !important;
  background: linear-gradient(45deg, #2196f3, #ea62fa) !important;
}

.menu-desativado {
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
  color: #86878975 !important;
  width: 100%;
  cursor: default;
}

.video-text {
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 700;
  color: #fff;
}

.video-buy {
  background: -o-linear-gradient(45deg, #964b64, #dd1616) !important;
  background: linear-gradient(45deg, #964b64, #dd1616) !important;
}

#b_presencial {
  background: -o-linear-gradient(45deg, #4b7b96, #16dd68) !important;
  background: linear-gradient(45deg, #4b7b96, #16dd68) !important;
}

#b_digital,
#b_online,
#b_presencial {
  padding: 32px;
  width: 100%;
}

#b_online {
  background: -o-linear-gradient(45deg, #2196f3, #ea62fa) !important;
  background: linear-gradient(45deg, #2196f3, #ea62fa) !important;
}

#b_digital {
  background: -o-linear-gradient(45deg, #964b64, #dd1616) !important;
  background: linear-gradient(45deg, #964b64, #dd1616) !important;
}

.bhide,
.sidebar-logo.logo-mobile {
  display: none;
}

.presencial-buy {
  background: -o-linear-gradient(45deg, #4b7b96, #16dd68) !important;
  background: linear-gradient(45deg, #4b7b96, #16dd68) !important;
}

.gpark:hover:after {
  content: '';
  width: 80px;
  height: 80px;
  border: solid 2px #fad662;
  left: 174px;
  top: 90px;
  -webkit-clip-path: polygon(18%0, 93% 49%, 19% 100%, 33% 49%);
  clip-path: polygon(18%0, 93% 49%, 19% 100%, 33% 49%);
  background: #fff;
  position: absolute;
  z-index: 1;
}

.video-divisao::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../img/crt.png);
}

.video-loading::after {
  content: 'Carregando...';
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 40%;
  letter-spacing: 1.6px;
  text-transform: uppercase;
  top: 42.5%;
  font-size: 1.2vw;
  left: 30%;
  height: 15%;
  background: #00000052;
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  border-radius: var(--border-medium);
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-shadow: 0 0 20px 2px rgba(0, 0, 0, 0.664);
  box-shadow: 0 0 20px 2px rgba(0, 0, 0, 0.664);
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-animation: float_icon 4s infinite alternate;
  animation: float_icon 4s infinite alternate;
  font-family: poppins, sans-serif;
}

.vertical-vieo-box {
  position: relative;
  display: inline-block;
  max-height: 432px;
  border-radius: var(--border-medium);
  background: var(--color-bg);
  max-height: 432px;
  aspect-ratio: 9/16;
  border-radius: var(--border-medium);
  background: var(--color-bg);
  -webkit-box-shadow: 0 0 12px #00000033;
  box-shadow: 0 0 12px #00000033;
  overflow: visible;
}

.vertical-vieo-box iframe {
  border-radius: var(--border-medium);
  overflow: hidden;
}

.vertical-vieo-box::before {
  z-index: -1;
  content: '';
  border-radius: inherit;
  background: var(--color-bg-offset);
  position: absolute;
  margin-top: 64px;
  margin-left: 32px;
  height: 432;
  aspect-ratio: 9/16;
}

.venda-card {
  min-width: 240px !important;
  width: 29% !important;
  padding: auto !important;
  border-radius: var(--border-small) !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: start !important;
  -ms-flex-pack: start !important;
  justify-content: flex-start !important;
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  -ms-flex-direction: column !important;
  flex-direction: column !important;
  height: 100% !important;
  -webkit-box-align: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
  gap: 10px !important;
}

.buy-option i {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s;
}

.buy-option:hover i {
  -webkit-animation: 2s float_icon ease-in-out infinite alternate;
  animation: 2s float_icon ease-in-out infinite alternate;
}

.sidebar {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 360px;
  height: 100vh;
  padding: 96px 0 72px;
  overflow: hidden;
  border-right: 1px solid var(--color-border);
  -webkit-transition: width 0.25s;
  -o-transition: width 0.25s;
  transition: width 0.25s;
  max-width: 360px;
  background: -o-linear-gradient(45deg, #202228d9, #2022282e 120%);
  background: linear-gradient(45deg, #202228d9, #2022282e 120%);
  -webkit-backdrop-filter: blur(15px);
  backdrop-filter: blur(15px);
}

.sidebar-wrapper {
  max-height: 100%;
  padding: 0 12px 35px;
  overflow-y: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
}

.sidebar-wrapper::-webkit-scrollbar {
  display: none;
}

.sidebar-top {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 96px;
}

.sidebar-logo {
  width: 180px;
  min-width: 120px;
  height: 60px;
  margin-right: 35px;
  -webkit-mask-image: var(--logo);
  mask-image: var(--logo);
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  font-size: 0;
  background: var(--color-primary);
  -webkit-box-shadow: 2px 2px 0 0 var(--color-primary-offset);
  box-shadow: 2px 2px 0 0 var(--color-primary-offset);
}

.sidebar-logo .sidebar-pic {
  width: 107px;
}

.sidebar-burger,
.sidebar-close {
  width: 32px;
  height: 32px;
  font-size: 0;
}

.sidebar-close,
.sidebar-logo .sidebar-pic_white {
  display: none;
}

.sidebar-close .icon {
  font-size: 18px;
  fill: #11142d;
}

.sidebar-burger {
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.sidebar-burger:after,
.sidebar-burger:before {
  content: '';
  display: inline-block;
  width: 32px;
  height: 2px;
  margin: 3px auto;
  border-radius: 1px;
  background: #1b1d21;
}

.sidebar-burger:hover:after,
.sidebar-burger:hover:before {
  background: var(--color-primary);
}

.sidebar-burger:after,
.sidebar-burger:before,
.sidebar-inner {
  -webkit-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s;
}

.sidebar-group:not(:last-child) {
  position: relative;
  margin-bottom: 30px;
  padding-bottom: 25px;
}

.sidebar-group:not(:last-child):before {
  content: '';
  position: absolute;
  left: 20px;
  right: 20px;
  bottom: 0;
  height: 1px;
  background: var(--color-border);
}

.sidebar-caption {
  margin-bottom: 15px;
  padding: 0 20px;
  white-space: nowrap;
  color: var(--color-text-offset);
  -webkit-transition: padding 0.25s;
  -o-transition: padding 0.25s;
  transition: padding 0.25s;
}

.sidebar-item,
.sidebar-list .sidebar-item:after {
  -webkit-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s;
}

.sidebar-item {
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 56px;
  padding-right: 20px;
  border-radius: var(--border-micro);
  background: 0 0;
  white-space: nowrap;
  font-size: 14px;
  font-weight: 600;
  color: var(--color-text-offset);
}

.sidebar-item.active {
  background: var(--color-primary);
  color: #fff;
}

.sidebar-item.active .icon,
.sidebar-more:hover .sidebar-arrow .icon {
  fill: #fff;
}

.sidebar-add,
.sidebar-icon {
  font-size: 24px;
  text-shadow: 2px 2px 1px #0000001f;
}

.sidebar-add .icon,
.sidebar-icon .icon {
  -webkit-transition: fill 0.25s;
  -o-transition: fill 0.25s;
  transition: fill 0.25s;
}

.sidebar-ava,
.sidebar-icon {
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.sidebar-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 56px;
  height: 56px;
}

.sidebar-icon .icon {
  font-size: 21px;
  fill: rgba(27, 29, 33, 0.4);
}

.sidebar-add .icon {
  font-size: 24px;
}

.sidebar-ava {
  width: 24px;
  height: 24px;
  margin: 0 16px 0 20px;
  font-size: 0;
}

.sidebar-ava .sidebar-pic {
  width: 100%;
  min-height: 100%;
  border-radius: 50%;
}

.sidebar-ava,
.sidebar-item .sidebar-text {
  -webkit-transition: margin 0.25s;
  -o-transition: margin 0.25s;
  transition: margin 0.25s;
}

.sidebar-item .sidebar-text {
  margin-right: auto;
  white-space: break-spaces;
  margin-top: 2px;
  line-height: 1.1;
  min-width: 150px;
}

.step-inner-item .sidebar-text {
  margin-right: 36px;
}

.step-inner-item .sidebar-flames {
  line-height: 1;
  margin: 0 6px;
  color: #fb0;
}

.sidebar-list .sidebar-item {
  position: relative;
  padding-right: 40px;
}

.sidebar-list .sidebar-item:after {
  content: '';
  position: absolute;
  top: 50%;
  right: 16px;
  margin-top: -12px;
  width: 24px;
  height: 24px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='11' viewBox='0 0 16 11'%3E%3Cpath fill='%23808191' d='M7.717 7a2 2 0 1 1 0 4 2 2 0 1 1 0-4zm4.593-1.658a1 1 0 0 1-1.414 1.415 4.5 4.5 0 0 0-6.361 0 1 1 0 1 1-1.414-1.415 6.5 6.5 0 0 1 9.189 0zm2.83-2.145a1 1 0 1 1-1.414 1.414 8.5 8.5 0 0 0-12.019 0A1 1 0 1 1 .292 3.197c4.1-4.1 10.747-4.1 14.847 0z'/%3E%3C/svg%3E")
    no-repeat 50% 50%/16px auto;
}

.sidebar-list .sidebar-item.active:after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxNicgaGVpZ2h0PScxMScgdmlld0JveD0nMCAwIDE2IDExJz48cGF0aCBmaWxsPScjZmZmZmZmJyBkPSdNNy43MTcgN2EyIDIgMCAxIDEgMCA0IDIgMiAwIDEgMSAwLTR6bTQuNTkzLTEuNjU4YTEgMSAwIDAgMS0xLjQxNCAxLjQxNSA0LjUgNC41IDAgMCAwLTYuMzYxIDAgMSAxIDAgMSAxLTEuNDE0LTEuNDE1IDYuNSA2LjUgMCAwIDEgOS4xODkgMHptMi44My0yLjE0NWExIDEgMCAxIDEtMS40MTQgMS40MTQgOC41IDguNSAwIDAgMC0xMi4wMTkgMEExIDEgMCAxIDEgLjI5MiAzLjE5N2M0LjEtNC4xIDEwLjc0Ny00LjEgMTQuODQ3IDB6Jy8+PC9zdmc+);
}

.sidebar-list .sidebar-item.online:after {
  right: 24px;
  width: 8px;
  height: 8px;
  margin-top: -4px;
  border-radius: 50%;
  background: #7fba7a;
  -webkit-transition: -webkit-transform 0.25s;
  -o-transition: transform 0.25s;
  transition: -webkit-transform 0.25s;
  transition: transform 0.25s;
  transition: transform 0.25s, -webkit-transform 0.25s;
}

.sidebar-list .sidebar-text {
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sidebar-more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 56px;
  padding: 0;
  white-space: nowrap;
  font-size: 14px;
  font-weight: 600;
  color: #808191;
}

.sidebar-arrow,
.sidebar-counter {
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.sidebar-arrow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 24px;
  height: 24px;
  margin: 0 16px 0 20px;
  border-radius: 50%;
  background: rgba(228, 228, 228, 0.5);
  font-size: 0;
  -webkit-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s;
}

.sidebar-arrow .icon {
  font-size: 6px;
  fill: #11142d;
  -webkit-transition: fill 0.25s;
  -o-transition: fill 0.25s;
  transition: fill 0.25s;
}

.sidebar-more:hover .sidebar-arrow {
  background: var(--color-primary);
}

.sidebar-counter {
  min-width: 24px;
  margin-left: 10px;
  padding: 0 3px;
  border-radius: var(--border-small);
  background: #6c5dd3;
  text-align: center;
  font-size: 12px;
  line-height: 24px;
  font-weight: 500;
  color: #fff;
}

.sidebar-bottom {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 72px;
  padding: 0 42px 0 40px;
  -webkit-transition: padding 0.25s;
  -o-transition: padding 0.25s;
  transition: padding 0.25s;
}

.sidebar .switch {
  margin-right: auto;
}

.sidebar-download {
  font-size: 0;
}

.sidebar-download .icon {
  font-size: 18px;
  fill: #808191;
  -webkit-transition: fill 0.25s;
  -o-transition: fill 0.25s;
  transition: fill 0.25s;
}

.sidebar-download:hover .icon {
  fill: var(--color-primary);
}

.sidebar-banner {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  min-height: 350px;
  margin-top: 20px;
  padding: 24px;
  border-radius: var(--border-small);
  color: #fff;
}

.sidebar-banner:after,
.sidebar-banner:before {
  content: '';
  position: absolute;
  background: rgba(27, 29, 33, 0.7);
  border-radius: var(--border-small);
}

.sidebar-banner:before {
  top: 8px;
  right: 8px;
  left: 8px;
  bottom: -8px;
}

.sidebar-banner:after {
  top: 16px;
  left: 16px;
  right: 16px;
  bottom: -16px;
}

.sidebar-bg,
.sidebar-bg:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.sidebar-bg {
  z-index: 2;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  border-radius: var(--border-small);
  overflow: hidden;
}

.sidebar-bg:before {
  content: '';
  background-image: -o-linear-gradient(
    top,
    rgba(58, 62, 69, 0) 0,
    rgba(30, 32, 36, 0.55) 45%,
    rgba(27, 29, 33, 0.9) 67%
  );
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0, rgba(58, 62, 69, 0)),
    color-stop(45%, rgba(30, 32, 36, 0.55)),
    color-stop(67%, rgba(27, 29, 33, 0.9))
  );
  background-image: linear-gradient(
    180deg,
    rgba(58, 62, 69, 0) 0,
    rgba(30, 32, 36, 0.55) 45%,
    rgba(27, 29, 33, 0.9) 67%
  );
}

.sidebar-details {
  position: relative;
  z-index: 3;
}

.sidebar-title {
  margin-bottom: 12px;
}

.sidebar-info {
  margin-bottom: 24px;
}

.sidebar-remove {
  position: absolute;
  top: 16px;
  right: 16px;
  z-index: 4;
  width: 24px;
  height: 24px;
  background: #fff;
  border-radius: 50%;
  font-size: 0;
}

.sidebar-remove .icon {
  font-size: 10px;
  fill: #11142d;
  -webkit-transition: -webkit-transform 0.25s;
  -o-transition: transform 0.25s;
  transition: -webkit-transform 0.25s;
  transition: transform 0.25s;
  transition: transform 0.25s, -webkit-transform 0.25s;
}

.sidebar-remove:hover .icon {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.sidebar.active {
  width: 80px;
}

.sidebar.active .sidebar-caption span,
.sidebar.active .sidebar-logo {
  display: none;
}

.sidebar.active .sidebar-inner {
  width: 56px;
}

.sidebar.active .sidebar-group:before {
  left: 0;
  right: 0;
}

.sidebar.active .sidebar-caption {
  white-space: pre-line;
  padding: 0;
  text-align: center;
}

.sidebar.active .sidebar-icon {
  width: 56px;
  padding: 0;
}

.sidebar.active .sidebar-ava {
  margin: 0 22px 0 14px;
}

.sidebar.active .sidebar-list .sidebar-item:after {
  opacity: 0;
}

.sidebar.active .sidebar-list .sidebar-item.online:after {
  -webkit-transform: translate(7px, -7px);
  -ms-transform: translate(7px, -7px);
  transform: translate(7px, -7px);
  opacity: 1;
}

.sidebar.active .sidebar-list .sidebar-text {
  overflow: visible;
}

.sidebar.active .sidebar-arrow {
  margin: 0 40px 0 15px;
}

.sidebar.active .sidebar-banner {
  display: none;
}

.sidebar.active .sidebar-bottom {
  padding: 0 24px;
}

.sidebar.active .sidebar-bottom .switch_theme .switch-in {
  padding-left: 62px;
}

.sidebar.video .sidebar-burger {
  pointer-events: none;
}

.sidebar-burger:after,
.sidebar-burger:before {
  background: var(--color-text);
}

.sidebar-close .icon,
.sidebar-item.active .icon,
.sidebar-item:hover .icon {
  fill: var(--color-text);
}

.sidebar-icon .icon {
  fill: var(--color-text-offset);
}

.sidebar-item:hover {
  color: var(--color-text);
}

.sidebar-group:before {
  background: var(--color-bg-offset);
}

.sidebar-arrow {
  background: var(--color-text-offset);
}

.sidebar-arrow .icon {
  fill: var(--color-text-offset);
}

.sidebar-bottom {
  -webkit-box-shadow: inset 0 1px 0 rgba(228, 228, 228, 0.1);
  box-shadow: inset 0 1px 0 rgba(228, 228, 228, 0.1);
}

.switch {
  display: inline-block;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  font-size: 0;
  -webkit-transition: opacity 0.25s;
  -o-transition: opacity 0.25s;
  transition: opacity 0.25s;
}

#cursando_top:hover {
  width: 219px !important;
  color: #fff;
  -webkit-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s;
}

.switch-input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}

.switch-in {
  display: inline-block;
}

.switch-box {
  position: relative;
  display: block;
  width: 64px;
  height: 24px;
  background: rgba(228, 228, 228, 0.5);
  border-radius: var(--border-small);
  -webkit-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s;
}

.switch-box:before,
.switch-icon {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.switch-box:before {
  content: '';
  left: 2px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 4px solid #fff;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.16);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.16);
  background: var(--color-secondary);
  -webkit-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s;
}

.switch-box-f:before {
  content: '';
  left: 2px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 4px solid #fff;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.16);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.16);
  background: #fbba06;
  -webkit-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s;
}

.switch-icon {
  left: 0;
  font-size: 0;
}

.switch-icon .icon {
  font-size: 24px;
  fill: #7fba7a;
}

.switch-icon .icon-moon {
  display: none;
  fill: rgba(255, 255, 255, 0.3);
}

#parcelamento option {
  background-color: var(--color-border);
  border-color: transparent;
  color: var(--color-text);
  line-height: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.switch-input:checked + .switch-flex .switch-box:before {
  -webkit-transform: translate(24px, -50%);
  -ms-transform: translate(24px, -50%);
  transform: translate(24px, -50%);
}

.switch_theme .switch-in {
  padding-left: 56px;
}

.switch_theme .switch-input:checked + .switch-in .switch-box {
  background: rgba(240, 243, 246, 0.1);
}

.switch_theme .switch-input:checked + .switch-in .switch-box:before {
  width: 4px;
  height: 16px;
  border-width: 2px;
  border-radius: 2px;
  -webkit-transform: translate(48px, -50%);
  -ms-transform: translate(48px, -50%);
  transform: translate(48px, -50%);
  border-color: var(--color-secondary);
}

.switch_theme .switch-input:checked + .switch-in .switch-box-f:before {
  content: '';
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 4px solid #fff;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.16);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.16);
  background: #2fce69;
  -webkit-transform: translate(48px, -50%);
  -ms-transform: translate(48px, -50%);
  transform: translate(48px, -50%);
}

.switch_theme .switch-input:checked + .switch-in .icon-moon {
  display: inline-block;
}

.switch_theme .switch-input:checked + .switch-in .icon-sun {
  display: none;
}

.btn {
  min-width: 166px;
  height: 56px;
  padding: 0 20px;
  border-radius: var(--border-small);
  font-family: inter, sans-serif;
  font-size: 14px;
  line-height: 1.42857;
  font-weight: 700;
  -webkit-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s;
}

.btn .icon,
.btn-text {
  display: inline-block;
  vertical-align: middle;
}

.btn .icon {
  position: relative;
  top: -1px;
  font-size: 20px;
}

.btn_white {
  background: #fff;
  color: #1b1d21;
}

.btn_white:hover {
  color: var(--color-primary);
}

.btn_purple {
  background: var(--color-primary);
  color: #fff;
}

.btn_purple:hover {
  background: var(--color-primary-offset);
}

.btn_purple-light {
  background: rgba(207, 200, 255, 0.5);
  color: #5f75ee;
}

.btn_purple-light .icon {
  fill: #5f75ee;
}

.btn_purple-light:hover {
  background: rgba(207, 200, 255, 0.7);
}

.btn_blue {
  background: var(--color-secondary);
  color: #fff;
}

.btn_blue:hover {
  background: var(--color-secondary-offset);
}

.btn_primary {
  background: var(--color-primary);
  color: #fff;
}

.btn_primary:hover {
  background: var(--color-primary-offset);
  color: #fff;
}

.btn_red {
  background: #ef4d41;
  color: #fff;
}

.btn_red:hover {
  background: #f33636;
}

.btn_yellow {
  background: #eeb631;
  color: #fff;
}

.btn_yellow:hover {
  background: #ee9631;
}

.btn_orange {
  background: #6c5dd3;
  color: #fff;
}

.btn_primary_gradient {
  background: 0 0;
  -webkit-box-shadow: inset 0 -1px 0 0 var(--color-primary),
    inset 0 -57px 50px -40px var(--color-primary);
  box-shadow: inset 0 -1px 0 0 var(--color-primary),
    inset 0 -57px 50px -40px var(--color-primary);
  color: #fff;
  text-shadow: 2px 2px #00000033;
}

.btn_primary_gradient:hover {
  background: 0 0;
  -webkit-box-shadow: inset 0 -1px 0 0 var(--color-primary),
    inset 0 -100px 50px -40px var(--color-primary);
  box-shadow: inset 0 -1px 0 0 var(--color-primary),
    inset 0 -100px 50px -40px var(--color-primary);
  color: #fff;
}

.btn_orange:hover {
  background: #ff5928;
}

.btn_blue-dark {
  background: #0049c6;
  color: #fff;
}

.preco-top {
  position: relative;
  z-index: 0;
  top: 0;
  right: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 0;
  min-height: 200px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.preco-top.top-fix {
  position: fixed;
  -webkit-backdrop-filter: blur(25px);
  backdrop-filter: blur(25px);
  zoom: 1.1;
  width: initial;
  min-width: 290px;
  top: 80px;
  margin-left: 6px;
  margin-right: 16px;
  height: 200px;
  right: auto;
  z-index: 999;
  border-radius: 12px;
  overflow: hidden;
  background: #1e1f25bd;
}

.preco-top.top-fix .playlist_toggle {
  display: none;
}

.btn_top_buy {
  text-shadow: 0-1px 0#00000000;
  border-radius: 0;
  height: 100%;
  color: var(--color-secondary);
  padding-top: 12px;
  background: -o-linear-gradient(
    135deg,
    var(--color-border) 0 0%,
    var(--color-bg)
  );
  background: linear-gradient(
    -45deg,
    var(--color-border) 0 0%,
    var(--color-bg)
  );
}

.btn_top_buy:hover {
  text-shadow: 0 4px 0#00000020;
  color: var(--color-text;);
}

.btn_card_buy {
  background: 0 0;
  color: var(--color-primary);
}

.btn_card_buy,
.btn_card_buy:hover,
.btn_top_buy:hover {
  background: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0, var(--color-primary-offset)),
    to(var(--color-primary))
  );
  background: -o-linear-gradient(
    bottom,
    var(--color-primary-offset) 0 0%,
    var(--color-primary) 100%
  );
  background: linear-gradient(
    0deg,
    var(--color-primary-offset) 0 0%,
    var(--color-primary) 100%
  );
  color: #fff;
}

.btn_flex {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 0;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.btn_blue-dark:hover {
  background: #0056ea;
}

.btn_black {
  background: #1b1d21;
  color: #fff;
}

.btn_flame {
  background: -o-linear-gradient(45deg, #f8a103, #fad662);
  background: linear-gradient(45deg, #f8a103, #fad662);
  color: #ffe1a3;
}

.btn_black .icon {
  fill: #fff;
}

.btn_black:hover {
  background: var(--color-primary);
}

.btn_green {
  background: 0 0;
  color: #25d366;
}

.btn_gray {
  background: rgba(228, 228, 228, 0.5);
  color: var(--color-text);
}

.btn_gray .icon {
  fill: var(--color-text);
}

.btn_wide {
  min-width: 100%;
}

.btn_square {
  min-width: 56px;
  padding: 0;
  font-size: 0;
}

.btn[href] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.btn_gray,
.btn_purple-light {
  background: var(--color-bg-offset);
}

.btn_gray {
  color: #fff;
}

.btn_gray:hover {
  background: var(--color-text-offset);
}

.btn_purple-light {
  color: var(--color-primary);
}

.btn_purple-light .icon {
  fill: var(--color-primary);
}

.btn_purple-light:hover {
  background: var(--color-text-offset);
}

.btn_asphalt {
  background: rgb(0 0 0/20%);
  color: #fff;
}

.btn_asphalt .icon {
  fill: #fff;
}

.btn_asphalt:hover {
  background: rgba(240, 243, 246, 0.05);
}

.btn_white {
  background: var(--color-bg-offset);
  color: var(--color-text);
}

.btn_white:hover,
.info-button {
  background: var(--color-primary);
}

.info-button {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-width: 20px;
  min-height: 20px;
  max-width: 20px;
  max-height: 20px;
  border-radius: 50%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 14px;
  color: #fff;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  float: right;
  margin: 5px;
}
.novo::before {
  content: 'Novo!';
  position: absolute;
  display: flex;
  width: auto;
  background: var(--color-primary);
  border-radius: 30px;
  padding: 0px 8px;
  font-size: 9px;
  font-weight: 700;
  height: 20px;
  align-items: center;
  color: #fff;
  justify-content: center;
  float: right;
  top: -6px;
  rotate: 28deg;
  right: -6px;
  animation: pivot 1s infinite;
}
.destaque-galeria::before {
  content: 'Destaque!';
  position: absolute;
  display: flex;
  width: auto;
  background: var(--color-primary);
  border-radius: 30px;
  padding: 0px 8px;
  font-size: 9px;
  font-weight: 700;
  height: 20px;
  align-items: center;
  color: #fff;
  justify-content: center;
  float: right;
  top: 0px;
  rotate: 28deg;
  right: -10px;
  animation: pivot 1s infinite;
}
.novo-button {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: auto;
  background: var(--color-primary);
  border-radius: 30px;
  padding: 0 8px;
  font-size: 9px;
  font-weight: 700;
  height: 20px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #fff;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  float: right;
  top: -11px;
  rotate: 28deg;
  right: -26px;
  -webkit-animation: pivot 1s infinite;
  animation: pivot 1s infinite;
}

.dash-tab,
.dash-tab.closed {
  width: 100%;
  gap: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.dash-tab {
  max-height: unset;
  overflow: hidden;
  -webkit-transition: 1s all ease-in-out;
  -o-transition: 1s all ease-in-out;
  transition: 1s all ease-in-out;
}

.dash-tab.closed {
  max-height: 80px;
  -webkit-box-shadow: 0 1px 0 0 var(--color-border);
  box-shadow: 0 1px 0 0 var(--color-border);
}

.dash-tab .details-container,
.dash-tab .game {
  -webkit-box-shadow: inset 0 0 0 1px var(--color-border);
  box-shadow: inset 0 0 0 1px var(--color-border);
}

.dash-tab .details-container:before {
  all: initial !important;
}

.checkbox {
  display: inline-block;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}

.checkbox-input,
.checkbox-tick:before {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}

.checkbox-in {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.checkbox-tick {
  position: relative;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 20px;
  flex: 0 0 20px;
  width: 20px;
  height: 20px;
  border-radius: var(--border-micro);
  border: 2px solid var(--color-border);
  -webkit-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s;
}

.checkbox-tick:before {
  content: '';
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 10px;
  height: 9px;
  background: url("data:image/svg+xml,%3Csvg width='10' height='9' viewBox='0 0 10 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.5 5.375L1.5 3.375L0 4.875L3.5 8.375L10 1.875L8.5 0.375L3.5 5.375Z' fill='white'/%3E%3C/svg%3E%0A")
    no-repeat 50% 50%/100%auto;
  -webkit-transition: opacity 0.25s;
  -o-transition: opacity 0.25s;
  transition: opacity 0.25s;
}

.checkbox-text {
  margin-left: 8px;
  padding-top: 2px;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.3;
  color: #808191;
}

.checkbox:hover .checkbox-tick {
  border-color: var(--color-primary);
}

.checkbox-input:checked + .checkbox-in .checkbox-tick {
  background: var(--color-primary);
  border-color: var(--color-primary);
}

.checkbox-input:checked + .checkbox-in .checkbox-tick:before {
  opacity: 1;
}

.checkbox-input:checked + .checkbox-in .checkbox-text {
  color: #11142d;
  color: var(--color-text);
}

.checkbox-tick {
  border-color: var(--color-border);
}

.login-btn {
  height: 100%;
  border-radius: 0;
  font-size: 42px;
  min-width: 100px;
  padding: 0;
  text-shadow: 2px 2px 1px #0000001f;
}

#content,
.header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.header {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 100;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 80px;
  -webkit-transition: left 0.25s;
  -o-transition: left 0.25s;
  transition: left 0.25s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  left: 0;
  background: 0 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  max-width: 1400px;
  margin: auto;
  padding: 0 64px;
}

.header::before {
  left: 0;
  top: 0;
  content: '';
  height: inherit;
  width: 100vw;
  position: fixed;
  height: 120px;
  pointer-events: none;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(12%, #1f2128),
    color-stop(99%, transparent)
  );
  background: -o-linear-gradient(top, #1f2128 12%, transparent 99%);
  background: linear-gradient(180deg, #1f2128 12%, transparent 99%);
  top: 0;
}

#content {
  width: -webkit-fill-available;
  min-height: calc(100vh - 80px);
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  z-index: 1;
  position: relative;
}

.header-burger {
  display: none;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  margin-right: 32px;
  font-size: 0;
}

.header-burger:after,
.header-burger:before {
  content: '';
  display: inline-block;
  width: 32px;
  height: 2px;
  margin: 3px auto;
  border-radius: 1px;
  background: #1b1d21;
  -webkit-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s;
}

.header-item,
.header-item_browse .header-head {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.header-item {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.header-item_browse {
  display: none;
  margin-right: 103px;
}

.header-head {
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}

.header-item_browse .header-head {
  display: -webkit-box;
  display: -ms-flexbox;
  -webkit-box-align: center;
  -ms-flex-align: center;
  height: 24px;
  padding-right: 24px;
  font-weight: 600;
  cursor: pointer;
  color: #808191;
  -webkit-transition: color 0.25s;
  -o-transition: color 0.25s;
  transition: color 0.25s;
}

.header-item_browse .header-head .icon {
  fill: #808191;
  -webkit-transition: fill 0.25s;
  -o-transition: fill 0.25s;
  transition: fill 0.25s;
}

.header-item_browse .header-head .icon-location {
  margin-right: 18px;
  font-size: 20px;
}

.header-body,
.header-item_browse .header-head .icon-arrow-down {
  position: absolute;
  -webkit-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s;
}

.header-item_browse .header-head .icon-arrow-down {
  top: 55%;
  right: 5px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 6px;
}

.header-item_browse.active .header-head .icon-arrow-down {
  -webkit-transform: translateY(-50%) rotate(180deg);
  -ms-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg);
}

.header-body {
  visibility: hidden;
  opacity: 0;
}

.header-item_add .header-body,
.header-item_browse .header-body {
  padding: 6px 22px;
  background: var(--color-secondary);
  border-radius: var(--border-small);
}

.header-item_add .header-body:after,
.header-item_add .header-body:before,
.header-item_browse .header-body:after,
.header-item_browse .header-body:before {
  content: '';
  position: absolute;
}

.header-item_add .header-body:after,
.header-item_browse .header-body:after {
  bottom: 100%;
  width: 16px;
  height: 6px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='5' viewBox='0 0 16 5'%3E%3Cpath fill='%233F8CFF' fill-rule='evenodd' d='M62.6,1.8 L57,6 L57,6 L73,6 L67.4,1.8 C65.9777778,0.733333333 64.0222222,0.733333333 62.6,1.8 Z' transform='translate(-57 -1)'/%3E%3C/svg%3E%0A")
    no-repeat 50% 50%/100%auto;
}

.header-item_browse .header-body {
  top: calc(100% + 36px);
  left: 0;
  width: 256px;
}

.header-item_browse .header-body:after {
  left: 57px;
}

.header-item.active .header-body {
  visibility: visible;
  opacity: 1;
}

.header-line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 56px;
  font-size: 14px;
  font-weight: 600;
  color: #fff;
  -webkit-transition: opacity 0.25s;
  -o-transition: opacity 0.25s;
  transition: opacity 0.25s;
}

.header-line:hover {
  opacity: 0.8;
}

.header-line .header-text {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  padding: 0 16px;
}

.header-icon,
.header-search {
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.header-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 24px;
  height: 24px;
  font-size: 0;
}

.header-icon .icon {
  font-size: 20px;
  fill: #fff;
  -webkit-transition: fill 0.25s;
  -o-transition: fill 0.25s;
  transition: fill 0.25s;
}

.header-icon .icon-remove {
  font-size: 10px;
}

.header-icon .icon-live {
  font-size: 11px;
}

.header-search {
  position: relative;
  width: 200px;
  margin-right: auto;
}

.header-input {
  width: 100%;
  height: 24px;
  padding-left: 40px;
  background: 0 0;
  border: 0;
  font-size: 14px;
  font-weight: 600;
  color: #11142d;
}

.header-input::-webkit-input-placeholder {
  color: #808191;
}

.header-input::-ms-input-placeholder {
  color: #808191;
}

.header-input::-moz-placeholder {
  color: #808191;
}

.header-input:-ms-input-placeholder {
  color: #808191;
}

.header-input::placeholder {
  color: #808191;
}

.header-btn-search {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 20px;
  font-size: 0;
}

.header-btn-search .icon {
  font-size: 20px;
  fill: #808191;
  -webkit-transition: fill 0.25s;
  -o-transition: fill 0.25s;
  transition: fill 0.25s;
}

.header-item_add .header-head:hover .icon {
  fill: var(--color-primary);
}

.header-control,
.header-control .header-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.header-control {
  margin-right: 64px;
}

.header-control .header-item {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 48px;
  height: 48px;
  font-size: 0;
}

.header-control .header-item > .icon {
  font-size: 20px;
  fill: #808191;
  -webkit-transition: fill 0.25s;
  -o-transition: fill 0.25s;
  transition: fill 0.25s;
}

.header-control .header-item > .icon-email {
  font-size: 19px;
}

.header-control .header-item > .icon-bell {
  font-size: 22px;
}

.header-control .header-item_search,
.rating > input {
  display: none;
}

.header-control .header-item:not(:last-child) {
  margin-right: 40px;
}

.header-item_add .header-head,
.header-item_notifications .header-head {
  font-size: 0;
  -webkit-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s;
}

.header-item_add .header-head {
  width: 20px;
  height: 20px;
  border-radius: var(--border-micro);
  border: 2px solid #808191;
}

.header-item_add .header-head .icon {
  font-size: 10px;
  fill: #808191;
  -webkit-transition: fill 0.25s;
  -o-transition: fill 0.25s;
  transition: fill 0.25s;
}

.header-item_add .header-head:hover {
  border-color: var(--color-primary);
}

.header-item_notifications .header-head {
  position: relative;
  width: 100%;
  height: 100%;
}

.header-item_notifications .header-head .icon {
  font-size: 20px;
  fill: #808191;
  -webkit-transition: fill 0.25s;
  -o-transition: fill 0.25s;
  transition: fill 0.25s;
}

.header-item_notifications .header-body {
  top: calc(100% + 24px);
  right: -112px;
  width: 360px;
  padding: 32px 8px;
  -webkit-box-shadow: 0 10px 36px rgba(227, 230, 236, 0.6);
  box-shadow: 0 10px 36px rgba(227, 230, 236, 0.6);
  background: #fff;
  border-radius: var(--border-medium);
}

.header-item_add.active .header-head {
  background: #11142d;
  border-color: #11142d;
}

.header-item_add.active .header-head .icon {
  fill: #fff;
}

.header-item_add .header-body {
  top: 100%;
  width: 216px;
}

.header-item_add .header-body,
.header-item_add .header-body:after {
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.header-counter {
  position: absolute;
  top: 0;
  right: 0;
  min-width: 16px;
  padding: 0 3px;
  background-image: -o-linear-gradient(bottom, #ff544d 0, #6c5dd3 100%);
  background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0, #ff544d),
    to(#6c5dd3)
  );
  background-image: linear-gradient(0deg, #ff544d 0, #6c5dd3 100%);
  text-align: center;
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  color: #fff;
}

.header-item_profile .header-head {
  display: block;
  width: 48px;
  height: 48px;
  font-size: 0;
}

.header-counter,
.header-pic {
  border-radius: 50%;
}

.rating {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  overflow: hidden;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  height: 150px;
  position: relative;
}

.rating-0 {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}

.rating > label {
  cursor: pointer;
  width: 40px;
  height: 40px;
  margin-top: auto;
  background-image: url(data:image/svg+xml;charset=UTF-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxMjYuNzI5JyBoZWlnaHQ9JzEyNi43Myc+PHBhdGggZmlsbD0nI2UzZTNlMycgZD0nTTEyMS4yMTUgNDQuMjEybC0zNC44OTktMy4zYy0yLjItLjItNC4xMDEtMS42LTUtMy43bC0xMi41LTMwLjNjLTItNS05LjEwMS01LTExLjEwMSAwbC0xMi40IDMwLjNjLS44IDIuMS0yLjggMy41LTUgMy43bC0zNC45IDMuM2MtNS4yLjUtNy4zIDctMy40IDEwLjVsMjYuMyAyMy4xYzEuNyAxLjUgMi40IDMuNyAxLjkgNS45bC03LjkgMzIuMzk5Yy0xLjIgNS4xMDEgNC4zIDkuMyA4LjkgNi42MDFsMjkuMS0xNy4xMDFjMS45LTEuMSA0LjItMS4xIDYuMSAwbDI5LjEwMSAxNy4xMDFjNC42IDIuNjk5IDEwLjEtMS40IDguODk5LTYuNjAxbC03LjgtMzIuMzk5Yy0uNS0yLjIuMi00LjQgMS45LTUuOWwyNi4zLTIzLjFjMy44LTMuNSAxLjYtMTAtMy42LTEwLjV6Jy8+PC9zdmc+);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 76%;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.rating > input:checked ~ label,
.rating > input:checked ~ label ~ label {
  background-image: url(data:image/svg+xml;charset=UTF-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxMjYuNzI5JyBoZWlnaHQ9JzEyNi43Myc+PHBhdGggZmlsbD0nI2ZmODU1OScgZD0nTTEyMS4yMTUgNDQuMjEybC0zNC44OTktMy4zYy0yLjItLjItNC4xMDEtMS42LTUtMy43bC0xMi41LTMwLjNjLTItNS05LjEwMS01LTExLjEwMSAwbC0xMi40IDMwLjNjLS44IDIuMS0yLjggMy41LTUgMy43bC0zNC45IDMuM2MtNS4yLjUtNy4zIDctMy40IDEwLjVsMjYuMyAyMy4xYzEuNyAxLjUgMi40IDMuNyAxLjkgNS45bC03LjkgMzIuMzk5Yy0xLjIgNS4xMDEgNC4zIDkuMyA4LjkgNi42MDFsMjkuMS0xNy4xMDFjMS45LTEuMSA0LjItMS4xIDYuMSAwbDI5LjEwMSAxNy4xMDFjNC42IDIuNjk5IDEwLjEtMS40IDguODk5LTYuNjAxbC03LjgtMzIuMzk5Yy0uNS0yLjIuMi00LjQgMS45LTUuOWwyNi4zLTIzLjFjMy44LTMuNSAxLjYtMTAtMy42LTEwLjV6Jy8+PC9zdmc+);
}

.rating > input:not(:checked) ~ label:hover,
.rating > input:not(:checked) ~ label:hover ~ label {
  background-image: url(data:image/svg+xml;charset=UTF-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxMjYuNzI5JyBoZWlnaHQ9JzEyNi43Myc+PHBhdGggZmlsbD0nIzNGOENGRicgZD0nTTEyMS4yMTUgNDQuMjEybC0zNC44OTktMy4zYy0yLjItLjItNC4xMDEtMS42LTUtMy43bC0xMi41LTMwLjNjLTItNS05LjEwMS01LTExLjEwMSAwbC0xMi40IDMwLjNjLS44IDIuMS0yLjggMy41LTUgMy43bC0zNC45IDMuM2MtNS4yLjUtNy4zIDctMy40IDEwLjVsMjYuMyAyMy4xYzEuNyAxLjUgMi40IDMuNyAxLjkgNS45bC03LjkgMzIuMzk5Yy0xLjIgNS4xMDEgNC4zIDkuMyA4LjkgNi42MDFsMjkuMS0xNy4xMDFjMS45LTEuMSA0LjItMS4xIDYuMSAwbDI5LjEwMSAxNy4xMDFjNC42IDIuNjk5IDEwLjEtMS40IDguODk5LTYuNjAxbC03LjgtMzIuMzk5Yy0uNS0yLjIuMi00LjQgMS45LTUuOWwyNi4zLTIzLjFjMy44LTMuNSAxLjYtMTAtMy42LTEwLjV6Jy8+PC9zdmc+);
}

.popup-titulo {
  font-size: 2em;
  color: var(--color-primary);
  font-family: league spartan, arial;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-right: 52px;
  gap: 11px;
  position: relative;
  right: 0;
  margin: 0 auto 12px 0;
  text-transform: uppercase;
  font-weight: 700;
  line-height: 0.9;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.emoji-wrapper {
  width: 100%;
  text-align: center;
  height: 100px;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
}

.emoji-wrapper:after,
.emoji-wrapper:before {
  content: '';
  height: 15px;
  width: 100%;
  position: absolute;
  left: 0;
  z-index: 1;
}

.emoji-wrapper:before {
  top: 0;
}

.emoji-wrapper:after {
  bottom: 0;
}

.emoji {
  position: relative;
  bottom: 0 !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.emoji > svg {
  margin: 15px 0;
  width: 70px;
  height: 70px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

#rating-1:checked ~ .emoji-wrapper > .emoji {
  -webkit-transform: translateY(-100px);
  -ms-transform: translateY(-100px);
  transform: translateY(-100px);
}

#rating-2:checked ~ .emoji-wrapper > .emoji {
  -webkit-transform: translateY(-200px);
  -ms-transform: translateY(-200px);
  transform: translateY(-200px);
}

#rating-3:checked ~ .emoji-wrapper > .emoji {
  -webkit-transform: translateY(-300px);
  -ms-transform: translateY(-300px);
  transform: translateY(-300px);
}

#rating-4:checked ~ .emoji-wrapper > .emoji {
  -webkit-transform: translateY(-400px);
  -ms-transform: translateY(-400px);
  transform: translateY(-400px);
}

#rating-5:checked ~ .emoji-wrapper > .emoji {
  -webkit-transform: translateY(-500px);
  -ms-transform: translateY(-500px);
  transform: translateY(-500px);
}

.feedback,
.header-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.feedback {
  max-width: 210px;
  width: 100%;
  padding: 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.header-item_profile .header-pic {
  width: 100%;
  min-height: 100%;
  border-radius: 50%;
}

.header-item_profile .header-body {
  top: calc(100% + 12px);
  right: -12px;
  width: 214px;
  gap: 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 20px;
  border-radius: var(--border-medium);
  background: #fff;
  -webkit-box-shadow: 0 24px 64px rgb(0 0 0/50%);
  box-shadow: 0 24px 64px rgb(0 0 0/50%);
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.header-item_profile .header-body:before {
  content: '';
  position: absolute;
  right: 26px;
  bottom: calc(100% - 2px);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 12px 12px;
  border-color: transparent transparent #fad057;
}

.header-link {
  display: -webkit-box;
  display: -ms-flexbox;
  -webkit-box-align: center;
  -ms-flex-align: center;
  height: 56px;
  border-radius: var(--border-small);
  font-weight: 600;
  color: #808191;
  -webkit-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s;
}

.header-link:hover {
  background: rgba(228, 228, 228, 0.3);
  color: #5f75ee;
}

.header-link:hover .icon {
  fill: #5f75ee;
}

.header-img {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 60px;
  text-align: center;
  font-size: 0;
}

.header-img .icon {
  font-size: 18px;
  fill: #808191;
  -webkit-transition: fill 0.25s;
  -o-transition: fill 0.25s;
  transition: fill 0.25s;
}

.header-img .icon-joystick {
  font-size: 14px;
}

.header-img .icon-settings {
  font-size: 20px;
}

.header-burger:after,
.header-burger:before {
  background: var(--color-text);
}

.header-input {
  color: var(--color-text);
}

.header-item_add:hover .header-head {
  border-color: var(--color-text);
}

.header-item_add:hover .header-head .icon {
  fill: var(--color-text);
}

.header-item_add.active .header-head {
  background: var(--color-text);
  border-color: var(--color-text);
}

.header-item_add.active .header-head .icon {
  fill: var(--color-bg-offset);
}

.header-item_notifications .header-body {
  background: var(--color-bg-offset);
  -webkit-box-shadow: 0 10px 40px var(--color-border);
  box-shadow: 0 10px 40px var(--color-border);
}

.header-item_browse .header-head:hover {
  color: var(--color-text);
}

.header-btn-search:hover .icon,
.header-control .header-item:hover > .icon,
.header-item_browse .header-head:hover .icon,
.header-item_notifications .header-head:hover .icon,
.header-item_notifications.active .header-head .icon,
.header-link:hover .icon {
  fill: var(--color-text);
}

.header-item_profile .header-body {
  background: var(--color-bg-card);
}

.header-link:hover {
  background: var(--color-border);
  color: var(--color-text);
}

.notifications-info {
  margin-bottom: 32px;
  padding: 0 24px;
}

.notifications-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 16px 28px 16px 20px;
  border-radius: var(--border-small);
  background: 0 0;
  cursor: pointer;
  -webkit-transition: background 0.25s;
  -o-transition: background 0.25s;
  transition: background 0.25s;
}

.notifications-item:hover {
  background: rgba(228, 228, 228, 0.25);
}

.notifications-item.active {
  background: var(--color-primary);
}

.notifications-ava {
  position: relative;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  font-size: 0;
}

.notifications-ava > .notifications-pic {
  width: 100%;
  min-height: 100%;
  border-radius: 50%;
}

.search-field {
  height: 32px;
  margin-left: auto;
  padding: 0 0 0 37px;
  font-size: 1em;
  width: 136px;
}

.search-field::-webkit-input-placeholder {
  color: var(--color-text-offset);
}

.search-field::-moz-placeholder {
  color: var(--color-text-offset);
}

.search-field:-ms-input-placeholder {
  color: var(--color-text-offset);
}

.search-field::-ms-input-placeholder {
  color: var(--color-text-offset);
}

.search-field::placeholder {
  color: var(--color-text-offset);
}

.notifications-status {
  position: absolute;
  top: 0;
  right: -1px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 21px;
  height: 21px;
  border: 2px solid #fff;
  border-radius: 50%;
  font-size: 0;
}

.notifications-status .notifications-pic {
  max-width: 10px;
}

.notifications-details {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 calc(100% - 48px);
  flex: 0 0 calc(100% - 48px);
  width: calc(100% - 48px);
  padding-left: 24px;
}

.notifications-line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 6px;
}

.notifications-text,
.notifications-time,
.notifications-user {
  -webkit-transition: color 0.25s;
  -o-transition: color 0.25s;
  transition: color 0.25s;
}

.notifications-user {
  margin-right: auto;
  font-size: 13px;
  color: #11142d;
}

.notifications-text,
.notifications-time {
  color: #808191;
}

.notifications-time {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-left: 20px;
  font-size: 12px;
  font-weight: 500;
}

.notifications-text {
  font-size: 13px;
  font-weight: 500;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.notifications-project {
  padding-left: 5px;
  font-weight: 700;
  color: var(--color-secondary);
  -webkit-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s;
}

.notifications-item.active .notifications-project,
.notifications-item.active .notifications-text,
.notifications-item.active .notifications-time,
.notifications-item.active .notifications-user {
  color: #fff;
}

.notifications-user {
  color: var(--color-text);
}

.main-container {
  position: relative;
}

.main-for,
.main-nav,
.main-slider {
  visibility: hidden;
}

.main-for.slick-initialized,
.main-nav.slick-initialized,
.main-slider.slick-initialized {
  visibility: visible;
}

.main-item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  min-height: 200px;
  padding: 132px 16%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
}

.main-item:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: -o-linear-gradient(
    top,
    rgba(58, 62, 69, 0) 31%,
    rgba(27, 29, 33, 0.9) 82%
  );
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(31%, rgba(58, 62, 69, 0)),
    color-stop(82%, rgba(27, 29, 33, 0.9))
  );
  background-image: linear-gradient(
    180deg,
    rgba(58, 62, 69, 0) 31%,
    rgba(27, 29, 33, 0.9) 82%
  );
}

.main-details {
  position: relative;
  z-index: 2;
  max-width: 515px;
  color: #fff;
}

.main-live,
.main-title {
  margin-bottom: 8px;
}

.main-parameters {
  margin-bottom: 24px;
}

.main-parameter,
.main-parameters {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.main-parameter:not(:first-child) {
  margin-left: 12px;
}

.main-parameter:not(:first-child):before {
  content: '•';
  margin-right: 12px;
}

.main-icon {
  margin-right: 8px;
  font-size: 0;
}

.main-icon .main-pic {
  max-width: 24px;
}

.main-btn {
  min-width: 130px;
}

.main-nav {
  position: absolute;
  right: 58px;
  bottom: 52px;
  max-width: 444px;
}

.main-nav .slick-list {
  padding: 12px 6px;
}

.main-preview,
.slide-item {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
}

.main-preview {
  height: 56px;
  margin: 0 6px;
  border-radius: var(--border-small);
  font-size: 0;
  cursor: pointer;
  -webkit-transition: -webkit-box-shadow 0.25s;
  -o-transition: box-shadow 0.25s;
  transition: -webkit-box-shadow 0.25s;
  transition: box-shadow 0.25s;
  transition: box-shadow 0.25s, -webkit-box-shadow 0.25s;
}

.slide-item {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 32px;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.slide-item:before {
  content: '';
  position: absolute;
  bottom: 2px;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: -o-linear-gradient(
    top,
    rgba(58, 62, 69, 0) 31%,
    rgba(27, 29, 33, 0.33) 82%
  );
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(31%, rgba(58, 62, 69, 0)),
    color-stop(82%, rgba(27, 29, 33, 0.33))
  );
  background-image: linear-gradient(
    180deg,
    rgba(58, 62, 69, 0) 31%,
    rgba(27, 29, 33, 0.33) 82%
  );
}

.main-preview:hover {
  -webkit-box-shadow: 0 0 6px 1px rgba(255, 255, 255, 0.8);
  box-shadow: 0 0 6px 1px rgba(255, 255, 255, 0.8);
}

.main-preview.slick-current {
  -webkit-box-shadow: 0 0 6px 2px #fff;
  box-shadow: 0 0 6px 2px #fff;
}

.main-foot {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  max-width: 785px;
  margin-top: 40px;
  font-size: 13px;
  font-weight: 500;
  color: #808191;
}

.main-line {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  background: rgba(255, 255, 255, 0.1);
}

.main-progress {
  position: relative;
  z-index: 2;
  display: block;
  width: 100%;
  height: 4px;
  overflow: hidden;
  background-image: -o-linear-gradient(
    left,
    var(--color-primary),
    var(--color-primary)
  );
  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    from(var(--color-primary)),
    to(var(--color-primary))
  );
  background-image: linear-gradient(
    to right,
    var(--color-primary),
    var(--color-primary)
  );
  background-repeat: no-repeat;
  background-size: 0 100%;
  -webkit-transition: background-size 0.3s ease-in-out;
  -o-transition: background-size 0.3s ease-in-out;
  transition: background-size 0.3s ease-in-out;
}

.main .status-sign {
  padding: 0 4px;
}

.main-nav .slick-arrow {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 2;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: var(--color-secondary);
  font-size: 0;
  -webkit-transition: background 0.25s;
  -o-transition: background 0.25s;
  transition: background 0.25s;
}

.main-nav .slick-arrow .icon {
  font-size: 9px;
  fill: #fff;
}

.main-nav .slick-arrow:hover {
  background: #0c6dff;
}

.main-nav .slick-prev {
  left: -3px;
  padding-right: 1px;
}

.main-nav .slick-next {
  right: -3px;
  padding-left: 2px;
}

.main-for .slick-arrow {
  position: absolute;
  visibility: hidden;
  opacity: 0;
}

.main .slick-dots {
  position: absolute;
  left: 16px;
  bottom: -58px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 785px;
}

.games .slick-dots li button,
.main .slick-dots li button {
  position: relative;
  width: 16px;
  height: 16px;
  font-size: 0;
}

.main .slick-dots li button:after,
.main .slick-dots li button:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 8px;
  height: 8px;
  border-radius: 50%;
  -webkit-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s;
}

.main .slick-dots li button:before {
  background: var(--color-border);
}

.main .slick-dots li button:after {
  background: 0 0;
}

.main .slick-dots li button:hover:before {
  background: #cbcbcb;
}

.main .slick-dots li.slick-active button:before {
  background: #fff;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.24);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.24);
}

.main .slick-dots li.slick-active button:after {
  -webkit-transform: translate(-50%, -50%) scale(2);
  -ms-transform: translate(-50%, -50%) scale(2);
  transform: translate(-50%, -50%) scale(2);
  background: var(--color-secondary);
}

.main .slick-dots li:not(:last-child) {
  margin-right: 24px;
}

.main_trending .slick-arrow {
  position: absolute;
  top: 16px;
  z-index: 2;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #fff;
  font-size: 0;
  -webkit-transition: background 0.25s;
  -o-transition: background 0.25s;
  transition: background 0.25s;
}

.main_trending .slick-arrow .icon {
  font-size: 10px;
  fill: #11142d;
  -webkit-transition: fill 0.25s;
  -o-transition: fill 0.25s;
  transition: fill 0.25s;
}

.main_trending .slick-arrow:hover {
  background: var(--color-secondary);
}

.main_channel .main-for .slick-arrow:hover .icon,
.main_trending .slick-arrow:hover .icon {
  fill: #fff;
}

.main_trending .slick-prev {
  right: 72px;
  padding-right: 1px;
}

.main_trending .slick-next {
  right: 32px;
  padding-left: 2px;
}

.main_trending .main-item {
  width: 785px;
  min-height: 560px;
  margin: 0 16px;
  border-radius: var(--border-big);
  overflow: hidden;
}
.main_channel .perfil-top.main-item:before {
  backdrop-filter: blur(3px);
}
.main_channel .main-item:before {
  background: -o-linear-gradient(
    top,
    rgba(58, 62, 69, 0.0001) 31%,
    rgba(27, 29, 33, 0.900787) 82%
  );
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(31%, rgba(58, 62, 69, 0.0001)),
    color-stop(82%, rgba(27, 29, 33, 0.95))
  );
  background: -o-linear-gradient(
    top,
    rgba(58, 62, 69, 0.0001) 31%,
    rgba(27, 29, 33, 0.95) 82%
  );
  background: linear-gradient(
    180deg,
    rgba(58, 62, 69, 0.0001) 31%,
    rgba(27, 29, 33, 0.95) 82%
  );
}

.main_channel .main-nav {
  bottom: 177px;
}

.main_channel .main-btn {
  min-width: 164px;
}

.main_channel .main-for .slick-arrow {
  position: absolute;
  top: 64px;
  z-index: 2;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: #fff;
  visibility: visible;
  opacity: 1;
  font-size: 0;
  -webkit-transition: background 0.25s;
  -o-transition: background 0.25s;
  transition: background 0.25s;
}

.main_channel .main-for .slick-arrow .icon {
  font-size: 10px;
  fill: #11142d;
  -webkit-transition: fill 0.25s;
  -o-transition: fill 0.25s;
  transition: fill 0.25s;
}

.main_channel .main-for .slick-prev {
  right: 120px;
  padding-right: 1px;
}

.main_channel .main-for .slick-next {
  right: 64px;
  padding-left: 2px;
}

.main-line {
  background: var(--color-bg-offset);
}

.main .slick-dots li button:before {
  z-index: 2;
  background: var(--color-bg-offset);
}

.main .slick-dots li button:hover:before,
.main_trending .slick-arrow {
  background: var(--color-border);
}

.main .slick-dots li.slick-active button:before {
  background: var(--color-text);
}

.main_channel .main-for .slick-arrow .icon,
.main_trending .slick-arrow .icon {
  fill: var(--color-text);
}

.main_channel .main-for .slick-arrow:hover,
.main_trending .slick-arrow:hover {
  background: var(--color-primary);
}

.main_channel .main-for .slick-arrow {
  background: var(--color-border);
}

.field-label {
  margin-bottom: 16px;
  font-size: 12px;
  line-height: 1.33333;
  font-weight: 500;
  color: #808191;
}

.field-input,
.field-textarea {
  width: 100%;
  border-radius: var(--border-micro);
  background: rgba(228, 228, 228, 0.3);
  border: 2px solid transparent;
  font-family: inter, sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: #11142d;
  -webkit-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s;
}

.field-input:focus,
.field-textarea:focus {
  border-color: var(--color-primary);
  color: var(--color-text);
  background: var(--color-bg);
}

.field-input {
  height: 56px;
  padding: 0 22px;
}

.field-input.tutor-ai {
  background: #06557c;
  color: #fff;
  border-radius: var(--border-micro) 0 0 var(--border-micro);
  -webkit-box-shadow: inset 0 30px 12px -12px #00000022;
  box-shadow: inset 0 30px 12px -12px #00000022;
}

.field-input.tutor-ai::-webkit-input-placeholder {
  color: #0db1d7;
}

.field-input.tutor-ai::-moz-placeholder {
  color: #0db1d7;
}

.field-input.tutor-ai:-ms-input-placeholder {
  color: #0db1d7;
}

.field-input.tutor-ai::-ms-input-placeholder {
  color: #0db1d7;
}

.field-input.tutor-ai::placeholder {
  color: #0db1d7;
}

.field-input.tutor-ai:focus {
  border-color: #0db1d7;
}

.responsa {
  color: #fff !important;
  background: var(--color-secondary) !important;
}

.responsa::-webkit-input-placeholder {
  color: #0000007e !important;
}

.field-textarea {
  height: 157px;
  padding: 15px 22px;
  resize: none;
}

.field-select,
option {
  min-width: 100%;
  height: 56px;
  padding: 0 45px 0 24px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 0;
  border-radius: var(--border-small);
  background: rgba(228, 228, 228, 0.5);
  font-size: 14px;
  font-weight: 600;
  color: #808191;
  -webkit-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s;
  cursor: pointer;
}

option {
  content: '>';
}

.field-select::-ms-expand {
  display: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.field-select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0#000;
}

.field-select.blue,
.field-select.purple {
  color: #fff;
}

.field-select.purple {
  background-color: var(--color-primary);
}

.field-select.blue {
  background-color: var(--color-secondary);
}

.nice-select {
  float: none;
  line-height: 56px;
}

.nice-select:after {
  display: none;
}

.nice-select:before {
  content: '';
  position: absolute;
  top: 50%;
  right: 23px;
  width: 14px;
  height: 8px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='8' viewBox='0 0 14 8'%3E%3Cpath fill='%2311142d' d='M13.707.293a1 1 0 0 1 .083 1.32l-.083.094-6 6a1 1 0 0 1-1.32.083l-.094-.083-6-6A1 1 0 0 1 1.613.21l.094.083L7 5.585 12.293.293a1 1 0 0 1 1.32-.083l.094.083z'/%3E%3C/svg%3E")
    no-repeat 50% 50%/14px auto;
  -webkit-transition: -webkit-transform 0.25s;
  -o-transition: transform 0.25s;
  transition: -webkit-transform 0.25s;
  transition: transform 0.25s;
  transition: transform 0.25s, -webkit-transform 0.25s;
}

.nice-select .list {
  right: 0;
  margin-top: 6px;
  border-radius: var(--border-small);
  border: 1px solid #e3e3e3;
  -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.15);
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.15);
}

.nice-select .option {
  line-height: 56px;
  padding: 0 15px 0 24px;
  font-weight: 600;
  color: #808191;
}

.nice-select .option.focus,
.nice-select .option.selected.focus,
.nice-select .option:hover {
  background: rgba(240, 243, 246, 0.8);
  font-weight: 600;
}

.nice-select .option.selected {
  color: var(--color-secondary);
}

.nice-select.blue:before,
.nice-select.purple:before {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxNCcgaGVpZ2h0PSc4JyB2aWV3Qm94PScwIDAgMTQgOCc+PHBhdGggZmlsbD0nI2ZmZmZmZicgZD0nTTEzLjcwNy4yOTNhMSAxIDAgMCAxIC4wODMgMS4zMmwtLjA4My4wOTQtNiA2YTEgMSAwIDAgMS0xLjMyLjA4M2wtLjA5NC0uMDgzLTYtNkExIDEgMCAwIDEgMS42MTMuMjFsLjA5NC4wODNMNyA1LjU4NSAxMi4yOTMuMjkzYTEgMSAwIDAgMSAxLjMyLS4wODNsLjA5NC4wODN6Jy8+PC9zdmc+);
}

.nice-select:not(.purple):not(.blue).open {
  background: #fff;
  -webkit-box-shadow: inset 0 0 0 2px var(--color-secondary);
  box-shadow: inset 0 0 0 2px var(--color-secondary);
}

.nice-select.open:before {
  -webkit-transform: translateY(-50%) rotate(180deg);
  -ms-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg);
}

.field-input,
.field-textarea {
  color: var(--color-text-offset);
  background: var(--color-border);
}

.field-select:not(.purple):not(.blue) {
  background-color: var(--color-bg-offset);
}

.field .nice-select:before {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxNCcgaGVpZ2h0PSc4JyB2aWV3Qm94PScwIDAgMTQgOCc+PHBhdGggZmlsbD0nI2ZmZmZmZicgZD0nTTEzLjcwNy4yOTNhMSAxIDAgMCAxIC4wODMgMS4zMmwtLjA4My4wOTQtNiA2YTEgMSAwIDAgMS0xLjMyLjA4M2wtLjA5NC0uMDgzLTYtNkExIDEgMCAwIDEgMS42MTMuMjFsLjA5NC4wODNMNyA1LjU4NSAxMi4yOTMuMjkzYTEgMSAwIDAgMSAxLjMyLS4wODNsLjA5NC4wODN6Jy8+PC9zdmc+);
}

.field .list {
  background: var(--color-bg-offset);
  border: 1px solid var(--color-border);
}

.field .option.focus,
.field .option.selected,
.field .option.selected.focus,
.field .option:hover {
  background: var(--color-primary);
  color: #fff;
  font-weight: 600;
}

.collection-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 40px;
}

.collection-title {
  margin-right: auto;
}

.collection-field {
  min-width: 235px;
  margin-left: 30px;
}

.collection-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0-16px;
}

.collection-list .card {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 calc(25% - 32px);
  flex: 0 0 calc(25% - 32px);
  width: calc(25% - 32px);
  margin: 0 16px;
}

.collection:not(:last-child) {
  margin-bottom: 55px;
}

.card {
  position: relative;
  display: block;
  border-radius: var(--border-medium);
  background: var(--color-bg-card);
  color: var(--color-text);
  border: 1px solid var(--color-border);
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  -webkit-box-shadow: 0 0 48px -24px var(--color-bg-offset);
  box-shadow: 0 0 48px -24px var(--color-bg-offset);
}

.card-preview {
  font-size: 0;
}

.card-preview .card-pic {
  width: 100%;
  border-radius: 24px 24px 0 0;
}

.card-body {
  padding: 24px;
}

.card-title {
  font-weight: 500;
  -webkit-transition: color 0.25s;
  -o-transition: color 0.25s;
  transition: color 0.25s;
}

.card-body .card-title {
  height: 46px;
  margin-bottom: 16px;
  overflow: hidden;
}

.card-user {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
}

.card-ava,
.card-foot .live {
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.card-ava {
  width: 32px;
  height: 32px;
  margin-right: 8px;
  font-size: 0;
}

.card-pic {
  width: 100%;
  min-height: 100%;
  border-radius: 50%;
}

.card-man {
  font-size: 13px;
  font-weight: 500;
}

.card-man.confirm:after {
  content: '';
  position: relative;
  bottom: -2px;
  display: inline-block;
  margin-left: 5px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #7fba7a
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='7' viewBox='0 0 8 7'%3E%3Cpolygon fill='%23FFF' points='6.8 9 5.2 7.4 4 8.6 6.8 11.4 12 6.2 10.8 5' transform='translate(-4 -5)'/%3E%3C/svg%3E%0A")
    no-repeat 50% 50%/8px 7px;
}

.card-game {
  font-size: 12px;
  color: #808191;
}

.card-foot,
.card-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.card-foot {
  padding: 24px;
  border-top: 1px solid #e3e3e3;
}

.card-foot .live {
  margin-right: auto;
}

.card-foot .status {
  margin-left: 10px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.card-inner {
  padding: 8px;
}

.card-bg {
  position: relative;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 290px;
  height: 204px;
  border-radius: var(--border-medium);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
}

.card-details {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  padding: 0 150px 0 24px;
}

.card-number {
  position: absolute;
  top: 4px;
  left: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #fff;
  font-size: 18px;
  font-weight: 500;
  color: #5f75ee;
}

.card-number_crown {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxNicgaGVpZ2h0PScxMicgdmlld0JveD0nMCAwIDE2IDEyJz48cGF0aCBmaWxsPScjM0Y4Q0ZGJyBmaWxsLXJ1bGU9J2V2ZW5vZGQnIGQ9J00yOCwxNCBMMjQsMTggTDIwLDE0IEwxNiwxOCBMMTIsMTQgTDEyLDI1IEMxMiwyNS41NTIyODUyIDEyLjQ0NzcxNTMsMjYgMTMsMjYgTDI3LDI2IEMyNy41NTIyODUyLDI2IDI4LDI1LjU1MjI4NTIgMjgsMjUgTDI4LDE0IFonIHRyYW5zZm9ybT0ndHJhbnNsYXRlKC0xMiAtMTQpJy8+PC9zdmc+Cg==);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 16px auto;
}

.card-head {
  gap: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 8px;
}

.card-head .live:not(:last-child) {
  margin-right: 8px;
}

.card-category,
.card-category-tempo {
  display: inline-block;
  text-align: center;
  border-radius: var(--border-micro);
  font-weight: 700;
}

.card-category {
  background: rgba(108, 93, 211, 0.1);
  font-size: 12px;
  padding: 3px 6px;
  color: #5f75ee;
}

.card-category-tempo {
  padding: 6px 20px;
  font-size: 13px;
}

.card-discount {
  display: inline-block;
  padding: 10px;
  background: rgb(255 177 75/62%);
  border-radius: var(--border-big);
  font-size: 24px;
  font-weight: 700;
  line-height: 24px;
  color: #fff4a4;
}

.card-details .card-title,
.card-discount {
  margin-bottom: 8px;
}

.card-status {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 16px;
}

.card-status .status:not(:last-child) {
  margin-right: 16px;
}

.card-actions {
  position: absolute;
  top: 8px;
  right: 8px;
  gap: 0;
  bottom: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: row;
  padding: 12px;
  background: var(--color-primary);
  border-radius: var(--border-medium);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.card-action {
  padding: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #fff;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  border-radius: var(--border-micro);
  -webkit-transition: background 0.25s;
  -o-transition: background 0.25s;
  transition: background 0.25s;
  -ms-flex-line-pack: center;
  align-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.card-action,
.card-action .icon {
  font-size: 24px;
}

.card-action .icon-play-square {
  font-size: 19px;
}

.card-action:hover {
  background: rgba(207, 200, 255, 0.5);
}

.card:hover .card-actions,
.games_add .games-item.active:after,
.games_add .games-item.active:before {
  visibility: visible;
  opacity: 1;
}

.card {
  background: var(--color-bg-offset);
}

.card:hover {
  border: 1px solid var(--color-primary);
  -webkit-transition: 0.33s;
  -o-transition: 0.33s;
  transition: 0.33s;
}

.card-man,
.card-title {
  color: var(--color-text);
}

.card-foot {
  border-color: var(--color-border);
}

.card-inner {
  background: var(--color-bg-card);
  border-radius: var(--border-medium);
}

.card-number {
  background-color: var(--color-bg-offset);
  color: var(--color-secondary);
}

.users-container {
  position: relative;
  padding: 32px;
  background: #fff;
  border-radius: var(--border-medium);
}

.users-container:before {
  content: '';
  position: absolute;
  top: 14px;
  left: 32px;
  right: 32px;
  bottom: -14px;
  z-index: -1;
  background: #e3e3e3;
  opacity: 0.91;
  -webkit-filter: blur(86px);
  filter: blur(86px);
  border-radius: var(--border-medium);
}

.users-info {
  margin-bottom: 42px;
}

.users-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0-20px;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.users-item {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 0 15px;
  text-align: center;
  font-weight: 500;
  color: #11142d;
  -webkit-transition: color 0.25s;
  -o-transition: color 0.25s;
  transition: color 0.25s;
}

.users .ava {
  margin: 0 auto 16px;
}

.users-title {
  font-size: 13px;
  font-weight: 500;
}

.users-time {
  margin-top: 8px;
  font-size: 12px;
  color: #808191;
}

.users-add {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 72px;
  height: 72px;
  margin: -2px auto 15px;
  background: var(--color-primary);
  border-radius: 50%;
  font-size: 0;
}

.users-add .icon {
  font-size: 20px;
  fill: #fff;
  -webkit-transition: -webkit-transform 0.25s;
  -o-transition: transform 0.25s;
  transition: -webkit-transform 0.25s;
  transition: transform 0.25s;
  transition: transform 0.25s, -webkit-transform 0.25s;
}

.users-item_add:hover .icon {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.users:not(:last-child) {
  margin-bottom: 54px;
}

.users-container {
  background: var(--color-bg-offset);
}

.users-item {
  color: var(--color-text);
}

.users-item:hover {
  color: var(--color-secondary);
}

.categories-info {
  margin-bottom: 36px;
}

.categories-list {
  margin: -32px -16px 0;
  *zoom: 1;
}

.categories-list:after {
  content: ' ';
  display: table;
  clear: both;
}

.categories-item {
  position: relative;
  width: calc(50% - 32px);
  margin: 32px 16px 0;
  border-radius: var(--border-medium);
  background: #fff;
  cursor: pointer;
}

.categories-item_big {
  float: left;
  color: #fff;
}

.categories-item_big .categories-preview {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: var(--border-medium);
}

.categories-item_big .status {
  color: #fff;
}

.categories-item_big .categories-tag {
  background: rgba(108, 93, 211, 0.5);
}

.categories-box,
.categories-item_sm {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.categories-item_sm {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  float: left;
  padding: 8px;
}

.categories-item_sm .categories-details,
.categories-item_sm .categories-preview {
  width: calc(50% - 12px);
}

.categories-item_sm .categories-preview {
  height: 188px;
  margin-right: 12px;
  border-radius: var(--border-medium);
}

.categories-item_sm .categories-details {
  margin-left: 12px;
}

.categories-item_sm .categories-tag {
  background: rgba(108, 93, 211, 0.1);
  color: var(--color-secondary);
}

.categories-item_sm:before {
  content: '';
  position: absolute;
  top: 14px;
  left: 7px;
  right: 7px;
  bottom: 0;
  z-index: -1;
  background: #e3e3e3;
  -webkit-filter: blur(43px);
  filter: blur(43px);
  border-radius: var(--border-medium);
}

.categories-item_sm:hover .categories-title {
  color: var(--color-primary);
}

.categories-box {
  position: relative;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  height: 676px;
  padding: 40px;
}

.categories-box:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: var(--border-medium);
  background-image: -o-linear-gradient(
    top,
    rgba(58, 62, 69, 0) 31%,
    rgba(27, 29, 33, 0.9) 82%
  );
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(31%, rgba(58, 62, 69, 0)),
    color-stop(82%, rgba(27, 29, 33, 0.9))
  );
  background-image: linear-gradient(
    180deg,
    rgba(58, 62, 69, 0) 31%,
    rgba(27, 29, 33, 0.9) 82%
  );
}

.categories-preview {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
}

.categories-details {
  position: relative;
  z-index: 2;
}

.categories-tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -4px 0 8px -4px;
}

.categories-tag {
  min-width: 80px;
  margin: 4px 0 0 4px;
  padding: 0 20px;
  border-radius: var(--border-micro);
  text-align: center;
  font-size: 13px;
  font-weight: 700;
  line-height: 24px;
}

.categories-title {
  margin-bottom: 8px;
  -webkit-transition: color 0.25s;
  -o-transition: color 0.25s;
  transition: color 0.25s;
}

.categories .status {
  margin-bottom: 16px;
}

.categories-btn {
  min-width: 120px;
  height: 48px;
}

.categories .slick-arrow {
  position: absolute;
  top: 40px;
  z-index: 3;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #fff;
  font-size: 0;
  -webkit-transition: background 0.25s;
  -o-transition: background 0.25s;
  transition: background 0.25s;
}

.categories .slick-arrow .icon {
  font-size: 10px;
  fill: #11142d;
  -webkit-transition: fill 0.25s;
  -o-transition: fill 0.25s;
  transition: fill 0.25s;
}

.categories .slick-arrow:hover {
  background: var(--color-primary);
}

.categories .slick-arrow:hover .icon,
.trending-item .slick-arrow:hover .icon {
  fill: #fff;
}

.categories .slick-prev {
  left: 40px;
}

.categories .slick-next {
  left: 88px;
}

.categories:not(:last-child) {
  margin-bottom: 40px;
}

.categories-item_sm {
  background: var(--color-bg-offset);
}

.trending-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.trending-col:first-child {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 calc(100% - 240px);
  flex: 0 0 calc(100% - 240px);
  width: calc(100% - 240px);
  padding-right: 32px;
}

.trending-col:nth-child(2) {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 240px;
  flex: 0 0 240px;
  width: 240px;
  padding-top: 88px;
}

.trending-sorting,
.trending-tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.trending-sorting {
  margin-bottom: 32px;
}

.trending-tags {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -8px auto 0-8px;
}

.trending-tag {
  min-width: 96px;
  margin: 8px 0 0 8px;
  padding: 0 25px;
  border-radius: var(--border-small);
  background: rgba(108, 93, 211, 0.1);
  text-align: center;
  line-height: 56px;
  font-size: 13px;
  font-weight: 700;
  color: #5f75ee;
  -webkit-transition: opacity 0.25s;
  -o-transition: opacity 0.25s;
  transition: opacity 0.25s;
}

.trending-tag:hover {
  opacity: 0.8;
}

.trending-tag_all {
  background: var(--color-primary);
  color: #fff;
}

.trending-field {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 210px;
  margin-left: 20px;
}

.trending-title {
  margin-bottom: 40px;
}

.trending .card:before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.trending-btns {
  margin-top: 32px;
  text-align: center;
}

.trending-item:not(:last-child) {
  margin-bottom: 48px;
}

.trending-item .slick-arrow {
  position: absolute;
  top: -66px;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #fff;
  -webkit-box-shadow: 0 5px 15px rgba(27, 29, 33, 0.08);
  box-shadow: 0 5px 15px rgba(27, 29, 33, 0.08);
  font-size: 0;
  -webkit-transition: background 0.25s;
  -o-transition: background 0.25s;
  transition: background 0.25s;
}

.trending-item .slick-arrow .icon {
  font-size: 10px;
  fill: #11142d;
  -webkit-transition: fill 0.25s;
  -o-transition: fill 0.25s;
  transition: fill 0.25s;
}

.trending-item .slick-arrow:hover {
  background: var(--color-secondary);
}

.trending-item .slick-next {
  right: 10px;
}

.trending-item .slick-prev {
  right: 52px;
}

.trending-group .trending-user:not(:last-child),
.trending-group:not(:last-child),
.trending-slide:not(:last-child),
.trending-slider:not(:last-child) {
  margin-bottom: 24px;
}

.trending-user {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 500;
  color: #11142d;
  -webkit-transition: color 0.25s;
  -o-transition: color 0.25s;
  transition: color 0.25s;
}

.trending-user:hover {
  color: var(--color-primary);
}

.trending-ava {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 56px;
  height: 56px;
  margin-right: 16px;
  font-size: 0;
}

.trending-pic {
  width: 100%;
  min-height: 100%;
}

.trending-man {
  margin-bottom: 2px;
  font-size: 13px;
}

.trending-man.confirm:after {
  content: '';
  position: relative;
  bottom: -2px;
  display: inline-block;
  margin-left: 5px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #7fba7a
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='7' viewBox='0 0 8 7'%3E%3Cpolygon fill='%23FFF' points='6.8 9 5.2 7.4 4 8.6 6.8 11.4 12 6.2 10.8 5' transform='translate(-4 -5)'/%3E%3C/svg%3E%0A")
    no-repeat 50% 50%/8px 7px;
}

.trending-user .trending-game {
  margin-bottom: 2px;
  font-size: 12px;
  color: #808191;
}

.trending-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 500;
  color: #11142d;
  -webkit-transition: color 0.25s;
  -o-transition: color 0.25s;
  transition: color 0.25s;
}

.trending-box:hover {
  color: var(--color-primary);
}

.trending-box:not(:last-child) {
  margin-bottom: 24px;
}

.trending-preview {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 56px;
  margin-right: 16px;
  font-size: 0;
}

.trending-pic {
  border-radius: var(--border-medium);
}

.trending-box .trending-game {
  margin-bottom: 8px;
  font-size: 13px;
}

.trending-box .trending-text {
  font-size: 12px;
  color: #808191;
}

.games-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 40px;
}

.games-head .games-title {
  margin-right: auto;
}

.games-field {
  min-width: 235px;
  margin-left: 30px;
}

.games-slider {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -32px -16px 0;
}

.games-list > .games-item,
.games-slide {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 calc(25% - 32px);
  flex: 0 0 calc(25% - 32px);
  width: calc(25% - 32px);
  margin: 32px 16px 0;
}

.games-item,
.games-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.games-list {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -32px -16px 0;
}

.games-item {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: var(--border-small);
  background: rgba(228, 228, 228, 0.25);
  font-weight: 500;
  color: #1b1d21;
  -webkit-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s;
}

.games-item:hover {
  background: rgba(228, 228, 228, 0.15);
  -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.games-preview {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 72px;
  height: 95px;
  font-size: 0;
}

.games-pic {
  -o-object-fit: cover;
  object-fit: cover;
  height: 100%;
  width: 100%;
  border-radius: var(--border-small);
}

.games-details {
  padding: 10px 12px 10px 24px;
}

.games-title {
  margin-bottom: 2px;
  font-size: 13px;
}

.games-category {
  margin-bottom: 4px;
  font-size: 12px;
  color: #808191;
}

.games-btns {
  display: none;
  text-align: center;
}

.games_add .games-item {
  position: relative;
}

.games_add .games-item:before {
  top: -4px;
  left: -4px;
  right: -4px;
  bottom: -4px;
  background: var(--color-primary);
  border-radius: var(--border-small);
}

.games_add .games-item:after {
  top: 4px;
  right: 4px;
  z-index: 3;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #7fba7a
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='7' viewBox='0 0 8 7'%3E%3Cpolygon fill='%23FFF' points='6.8 9 5.2 7.4 4 8.6 6.8 11.4 12 6.2 10.8 5' transform='translate(-4 -5)'/%3E%3C/svg%3E%0A")
    no-repeat 50% 50%/8px auto;
}

.games_add .games-item:after,
.games_add .games-item:before {
  content: '';
  position: absolute;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s;
}

.games_add .games-details,
.games_add .games-preview {
  position: relative;
  z-index: 2;
}

.games_add .games-item.active .games-title {
  color: #fff;
}

.games_add .games-item.active .games-category,
.games_add .games-item.active .status {
  color: rgba(255, 255, 255, 0.7);
}

.games .slick-list {
  overflow: visible;
}

.games .slick-dots {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 24px;
  padding: 0 10px;
  font-size: 0;
}

.games .slick-dots li button:after,
.games .slick-dots li button:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #e3e3e3;
  -webkit-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s;
}

.games .slick-dots li button:before {
  z-index: 2;
  background: var(--color-border);
}

.games .slick-dots li button:after {
  background: 0 0;
}

.games .slick-dots li button:hover:before {
  background: #cbcbcb;
}

.games .slick-dots li.slick-active button:before {
  background: #fff;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.24);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.24);
}

.games .slick-dots li.slick-active button:after {
  -webkit-transform: translate(-50%, -50%) scale(2);
  -ms-transform: translate(-50%, -50%) scale(2);
  transform: translate(-50%, -50%) scale(2);
  background: #a0d7e7;
}

.games .slick-dots li:not(:last-child) {
  margin-right: 12px;
}

.games:not(:last-child) {
  margin-bottom: 40px;
}

.player-box,
.player-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.player-head {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 40px;
}

.player-box {
  margin-right: auto;
}

.player-ava {
  position: relative;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  border: 3px solid #fff;
  -webkit-box-shadow: 0 0 0 2px var(--color-primary);
  box-shadow: 0 0 0 2px var(--color-primary);
}

.player-ava.online:before {
  content: '';
  position: absolute;
  top: -3px;
  right: -3px;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: #7fba7a;
}

.player-box > .player-ava {
  margin-right: 30px;
}

.player-ava .player-pic {
  width: 100%;
  min-height: 100%;
  border-radius: 50%;
}

.player > .player-title {
  margin-bottom: 32px;
}

.player-stat {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 6px;
}

.player-stage {
  margin-right: 100px;
}

.player-playlist {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  position: relative;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  z-index: 3;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  line-height: 0.9;
  font-size: 32px;
  margin: 6px 0;
  font-weight: 800;
}

.player-burger {
  position: relative;
  z-index: 2;
  display: inline-block;
  width: 32px;
  height: 24px;
  font-size: 0;
}

.player-burger:after,
.player-burger:before {
  display: block;
  width: 32px;
  height: 2px;
  border-radius: 1px;
  background: #11142d;
  -webkit-transition: -webkit-transform 0.3s;
  -o-transition: transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  content: '';
}

.player-burger:before {
  margin-bottom: 6px;
}

.player-burger:after {
  margin-top: 6px;
}

.player-playlist.show .player-burger:before {
  -webkit-transform: translateY(4px) rotate(45deg);
  -ms-transform: translateY(4px) rotate(45deg);
  transform: translateY(4px) rotate(45deg);
}

.player-playlist.show .player-burger:after {
  -webkit-transform: translateY(-4px) rotate(-45deg);
  -ms-transform: translateY(-4px) rotate(-45deg);
  transform: translateY(-4px) rotate(-45deg);
}

.player-wrap {
  top: 69px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  z-index: 99;
  position: absolute;
  bottom: 0;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  border-top: 12px solid #ffffff00;
  width: 100%;
  border-radius: 0 0 var(--border-medium) var(--border-medium);
  background: var(--color-bg);
  -webkit-box-shadow: 0 25px 40px -10px rgba(27, 29, 33, 0.3);
  box-shadow: 0 25px 40px -10px rgba(27, 29, 33, 0.3);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s;
}

.player-playlist.show .player-wrap {
  visibility: visible;
  opacity: 1;
}

.player-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 92px;
  padding: 0 80px 0 52px;
}

.player-top span {
  margin-right: 35px;
}

.player-group {
  max-height: 336px;
  padding: 0 16px 16px;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

.player-group::-webkit-scrollbar {
  width: 8px;
}

.player-group::-webkit-scrollbar-track-piece {
  background-color: transparent;
  border-radius: var(--border-micro);
}

.player-group::-webkit-scrollbar-thumb:vertical {
  width: 8px;
}

.player-group::-webkit-scrollbar-thumb:vertical,
.player-group::-webkit-scrollbar-thumb:window-inactive {
  background-color: var(--color-border);
  border-radius: var(--border-micro);
}

.scroll-set {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

.scroll-set::-webkit-scrollbar {
  z-index: 10;
  background-color: transparent;
  width: 8px;
  height: 3px;
}

.scroll-set::-webkit-scrollbar-track-piece {
  border-radius: var(--border-small);
}

.scroll-set::-webkit-scrollbar-thumb:vertical {
  background-color: var(--color-primary);
  width: 8px;
  border-radius: var(--border-small);
}

.scroll-set::-webkit-scrollbar-thumb:horizontal {
  background-color: var(--color-primary);
  opacity: 0.44;
  height: 4px;
  border-radius: var(--border-small);
}

.scroll-set2 {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  background-color: var(--color-primary);
}

.scroll-set2::-webkit-scrollbar {
  z-index: 10;
  background-color: transparent;
  width: 8px;
  height: 3px;
}

.scroll-set2::-webkit-scrollbar-track-piece {
  border-radius: var(--border-small);
}

.scroll-set2::-webkit-scrollbar-thumb:vertical {
  background-color: var(--color-primary);
  width: 8px;
  border-radius: var(--border-small);
}

.scroll-set2::-webkit-scrollbar-thumb:horizontal {
  background-color: var(--color-primary);
  opacity: 0.44;
  height: 4px;
  border-radius: var(--border-small);
}

.player-game {
  user-select: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 56px;
  padding: 0 18px;
  border-radius: var(--border-small);
  gap: 2px;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.33333;
  color: var(--color-text-offset);
  -webkit-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s;
}

.player-game.locked_content:before {
  content: '';
  position: relative;
  aspect-ratio: 1/1;
  bottom: 0;
  display: inline-block;
  margin-right: 12px;
  margin-left: -4px;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: #4c4c4c
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 330 330'%3E%3Cpath fill='%23fff' d='M165,330c63.411,0,115-51.589,115-115c0-29.771-11.373-56.936-30-77.379V85c0-46.869-38.131-85-85-85   S80.001,38.131,80.001,85v52.619C61.373,158.064,50,185.229,50,215C50,278.411,101.589,330,165,330z M180,219.986V240   c0,8.284-6.716,15-15,15s-15-6.716-15-15v-20.014c-6.068-4.565-10-11.824-10-19.986c0-13.785,11.215-25,25-25s25,11.215,25,25   C190,208.162,186.068,215.421,180,219.986z M110.001,85c0-30.327,24.673-55,54.999-55c30.327,0,55,24.673,55,55v29.029   C203.652,105.088,184.91,100,165,100c-19.909,0-38.651,5.088-54.999,14.028V85z'/%3E%3C/svg%3E")
    no-repeat 7px 50%/20px auto !important;
}

.locked_content {
  pointer-events: none;
  opacity: 0.6;
}

.player-game.confirm:after {
  all: unset;
}

.player-game.confirm:before {
  content: '';
  position: relative;
  aspect-ratio: 1/1;
  bottom: 0;
  display: inline-block;
  margin-right: 12px;
  margin-left: -18px;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: #7fba7a
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='7' viewBox='0 0 8 7'%3E%3Cpolygon fill='%23FFF' points='6.8 9 5.2 7.4 4 8.6 6.8 11.4 12 6.2 10.8 5' transform='translate(-4 -5)'/%3E%3C/svg%3E%0A")
    no-repeat 50% 50%/16px 18px;
}

.player-game:hover {
  background: var(--color-bg-offset);
}

.player-game.btn_blue {
  background: var(--color-secondary);
  color: #fff !important;
}

.player-game.btn_blue.confirm {
  background: #7fba7a !important;
  padding-left: 32px;
}

.player-game .player-ava {
  width: 60px;
  height: 60px;
  margin-right: 20px;
  border: 2px solid #fff;
  -webkit-box-shadow: 0 0 0 2px var(--color-primary);
  box-shadow: 0 0 0 2px var(--color-primary);
  -webkit-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s;
}

.player-game .player-ava.online:before {
  content: '';
  position: absolute;
  top: -3px;
  right: -3px;
  width: 20px;
  height: 20px;
}

.player-game.active .player-ava {
  border-color: var(--color-primary);
  -webkit-box-shadow: 0 0 0 2px #cfc8ff;
  box-shadow: 0 0 0 2px #cfc8ff;
}

.player-box .player-title {
  margin-bottom: 8px;
}

.player-note {
  line-height: 1.71429;
  color: #b2b3bd;
}

.player-option,
.player-options {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.player-options {
  margin-left: 30px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.player-option {
  height: 56px;
  padding: 0 20px;
  border-radius: var(--border-small);
  background: rgba(228, 228, 228, 0.25);
  font-weight: 600;
  color: #808191;
  -webkit-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s;
}

.player-option .icon {
  margin-right: 12px;
  font-size: 16px;
  fill: #808191;
}

.player-option:hover {
  background: #6c5dd3;
  color: #fff;
}

.player-arrow:hover .icon,
.player-option:hover .icon {
  fill: #fff;
}

.player-option:not(:last-child) {
  margin-right: 8px;
}

.player-wrapper {
  left: -64px;
  width: calc(100% + 128px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}

.container-wide {
  width: calc(100vw - 20px);
  left: calc((100vw - 1400px + 109px) / 2 * -1);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  padding: 0 12.1vw;
}

.player-wrapper.class {
  width: auto;
  max-width: 1920px;
  left: auto;
  background: var(--color-bg-card);
  border-radius: 24px;
  margin: -32px -84px 12px;
  gap: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}

.player-arrows {
  display: none;
}

.player > .player-arrows {
  position: absolute;
  top: 0;
  right: 0;
}

.player-wrapper .player-arrows {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 24px;
}

.player-arrow {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  -webkit-box-shadow: 0 3px 10px rgba(27, 29, 33, 0.07);
  box-shadow: 0 3px 10px rgba(27, 29, 33, 0.07);
  font-size: 0;
  -webkit-transition: background 0.25s;
  -o-transition: background 0.25s;
  transition: background 0.25s;
}

.player-arrow .icon {
  font-size: 10px;
  fill: #11142d;
  -webkit-transition: fill 0.25s;
  -o-transition: fill 0.25s;
  transition: fill 0.25s;
}

.player-arrow:hover {
  background: var(--color-primary);
}

.player-arrow:not(:last-child) {
  margin-right: 10px;
}

.player-wrapper .player-arrow {
  width: 40px;
  height: 40px;
}

.player-container {
  -webkit-box-flex: 1;
  -ms-flex: 1 100%;
  flex: 1 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.player-preview .selected:after {
  width: 96%;
  height: 96%;
  margin: auto;
  -webkit-mask-image: url(../img/videomask.svg);
  mask-image: url(../img/videomask.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-size: 100%;
  -webkit-mask-size: 100%;
  mask-repeat: no-repeat;
}

#videoElement {
  top: 0;
  position: absolute;
  -o-object-fit: fill;
  object-fit: fill;
}

.ementa {
  top: -3px;
  font-size: 1.2em;
  line-height: 1;
  margin-left: auto;
  padding-left: 12px;
}

.pass-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 6px;
  width: 100%;
  height: 60px;
  cursor: pointer;
}

.adobe-pass-checkbox-box {
  width: 32px;
  height: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 32px;
  border-radius: 6px;
  color: transparent;
  background: var(--color-bg);
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.pass-container input:checked ~ .adobe-pass-checkbox-box {
  color: #fff;
  background: red;
}

.adobe-pass-checkbox {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border-radius: 5px;
  padding: 12px 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-shadow: 0 10px 10px -5px #00000023;
  box-shadow: 0 10px 10px -5px #00000023;
  padding-bottom: 12px;
  background: -o-linear-gradient(45deg, #1f2027, #2d313f);
  background: linear-gradient(45deg, #1f2027, #2d313f);
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.pass-container input:checked ~ .adobe-pass-checkbox {
  background: -o-radial-gradient(0% 50%, circle, #fb0001, #fb000100 50%),
    -o-radial-gradient(30% 140%, circle, #f425ef, #f425ef00 50%),
    -o-radial-gradient(70% 140%, circle, #254ff4, #254ff400 50%),
    -o-radial-gradient(0% 50%, circle, #fb0001, #fb000100 70%),
    -o-radial-gradient(70% -0%, circle, #ffcd05 20%, #ffcd0500 50%),
    -o-radial-gradient(100% 50%, circle, #61f425 20%, #61f42500 50%);
  background: radial-gradient(circle at 0% 50%, #fb0001, #fb000100 50%),
    radial-gradient(circle at 30% 140%, #f425ef, #f425ef00 50%),
    radial-gradient(circle at 70% 140%, #254ff4, #254ff400 50%),
    radial-gradient(circle at 0% 50%, #fb0001, #fb000100 70%),
    radial-gradient(circle at 70% -0%, #ffcd05 20%, #ffcd0500 50%),
    radial-gradient(circle at 100% 50%, #61f425 20%, #61f42500 50%);
}

.aspect_video,
.player-view {
  aspect-ratio: 16/9;
}

.player-view {
  position: relative;
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
}

.player-view:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: -o-linear-gradient(
    top,
    rgba(29, 31, 34, 0) 80%,
    rgba(27, 29, 33, 0.9) 99%
  );
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(80%, rgba(29, 31, 34, 0)),
    color-stop(99%, rgba(27, 29, 33, 0.9))
  );
  background-image: linear-gradient(
    180deg,
    rgba(29, 31, 34, 0) 80%,
    rgba(27, 29, 33, 0.9) 99%
  );
}

.player-counter {
  position: absolute;
  top: 32px;
  left: 32px;
  display: inline-block;
  padding: 0 20px;
  border-radius: var(--border-micro);
  background: rgba(27, 29, 33, 0.71);
  font-size: 13px;
  font-weight: 700;
  line-height: 32px;
  color: #fff;
}

.player-control {
  position: absolute;
  left: 32px;
  bottom: 32px;
  right: 32px;
  z-index: 2;
}

.player-actions,
.player-control {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.player-actions:not(:last-child) {
  margin-right: auto;
}

.player-action {
  width: 24px;
  height: 24px;
  border-radius: var(--border-micro);
  background: rgba(27, 29, 33, 0.7);
  font-size: 0;
  -webkit-transition: background 0.25s;
  -o-transition: background 0.25s;
  transition: background 0.25s;
}

.player-action .icon {
  font-size: 16px;
  fill: #fff;
}

.player-action .icon-pause,
.player-action .icon-sound-off {
  display: none;
}

.player-action .icon-pause {
  font-size: 14px;
}

.player-action .icon-play-window {
  font-size: 13px;
}

.player-action:hover {
  background: #1b1d21;
}

.player-action.active .icon-pause,
.player-action.active .icon-sound-off {
  display: inline-block;
}

.player-action.active .icon-play,
.player-action.active .icon-sound-on {
  display: none;
}

.player-action:not(:last-child) {
  margin-right: 10px;
}

.vid_percent {
  height: 4px;
  z-index: 1;
  bottom: 10px;
  position: absolute;
  width: 0%;
  background: #fb0;
}

.vid_titulo {
  position: absolute;
  bottom: 12px;
  width: 100%;
  color: #fff;
  z-index: 3;
  padding: 8px;
  font-size: 13px;
  font-weight: 500;
  background: #0000005c;
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
}

.inner-playlist,
.player-chat {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.player-chat {
  position: absolute;
  top: 6px;
  right: -1px;
  padding: 12px;
  margin-right: 8px;
  overflow: hidden;
  max-width: 120px;
  height: 40px;
  border-radius: var(--border-micro);
  color: #fff;
  background: var(--color-primary);
  text-shadow: 2px 2px 1px #0000001f;
  font-size: 20px;
  z-index: 1;
  -webkit-animation: max_40 0.25s ease-in-out forwards;
  animation: max_40 0.25s ease-in-out forwards;
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}

.inner-playlist {
  gap: 11px;
  width: 100px;
}

.text-toggle {
  line-height: 0;
  font-weight: 700;
  font-size: 11px;
  text-transform: uppercase;
}

.player-chat .icon {
  font-size: 20px;
  fill: #fff;
}

.player-toggle {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 96px;
  height: 96px;
  border-radius: var(--border-small);
  background: rgba(27, 29, 33, 0.85);
  font-size: 0;
  -webkit-transition: background 0.25s;
  -o-transition: background 0.25s;
  transition: background 0.25s;
}

.player-toggle .icon {
  font-size: 30px;
  fill: #6c5dd3;
}

.player-toggle .icon-pause {
  display: none;
}

.player-toggle:hover {
  background: rgba(27, 29, 33, 0.75);
}

.player-toggle.active .icon-pause {
  display: inline-block;
}

.player-toggle.active .icon-play {
  display: none;
}

.player-toggle:not(:last-child) {
  margin-right: 10px;
}

.player-volume {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.player-line {
  position: relative;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 64px;
  height: 2px;
  margin-left: 8px;
  border-radius: 1px;
  background: rgba(255, 255, 255, 0.2);
  cursor: pointer;
}

.player-progress {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  background: #fff;
  border-radius: 1px;
}

.player-progress:before {
  content: '';
  position: absolute;
  top: 50%;
  right: -4px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 8px;
  height: 8px;
  background: #fff;
  border-radius: 50%;
}

.player-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 20px 32px;
}

.player-body .live {
  margin-bottom: 8px;
}

.player-info {
  max-width: 500px;
}

.player-parameter,
.player-parameters {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.player-parameters {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 12px;
  margin: 12px 0;
}

.player-parameter {
  width: 100%;
  color: #b2b3bd;
}

.player-icon {
  margin-right: 8px;
  font-size: 0;
}

.player-icon .player-pic {
  max-width: 24px;
}

.play-list,
.player-list {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

.messenger__head {
  position: relative;
  padding: 0 24px;
  height: 70px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.player-list {
  position: absolute;
  top: 32px;
  right: 0;
  bottom: 32px;
  width: 272px;
  padding: 0 26px 0 30px;
}

.play-list {
  position: relative;
  height: 100%;
}

html[data-theme='light'] .play-list-shadow-top {
  margin: 20px 24px 0-8px;
  background: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0, #ffffff00),
    color-stop(99%, #fff)
  ) !important;
  background: -o-linear-gradient(bottom, #ffffff00 0, #fff 99%) !important;
  background: linear-gradient(0deg, #ffffff00 0, #fff 99%) !important;
}

.play-list-shadow-top,
html[data-theme='light'] .play-list-shadow-bottom,
html[data-theme='light'] .play-list-shadow-top {
  pointer-events: none;
  content: '';
  z-index: 3;
  position: absolute;
  width: -webkit-fill-available;
  height: 14px;
}

html[data-theme='light'] .play-list-shadow-bottom {
  margin: -38px 24px 0-8px;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0, #ffffff00),
    color-stop(99%, #fff)
  ) !important;
  background: -o-linear-gradient(top, #ffffff00 0, #fff 99%) !important;
  background: linear-gradient(180deg, #ffffff00 0, #fff 99%) !important;
}

.play-list-shadow-top {
  margin: 20px 24px 0-8px;
  background: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0, rgb(0 0 0/0%)),
    color-stop(99%, rgb(23 24 27))
  );
  background: -o-linear-gradient(bottom, rgb(0 0 0/0%) 0, rgb(23 24 27) 99%);
  background: linear-gradient(0deg, rgb(0 0 0/0%) 0, rgb(23 24 27) 99%);
}

.player-list::-webkit-scrollbar {
  width: 4px;
}

.play-list-shadow-bottom {
  pointer-events: none;
  content: '';
  z-index: 3;
  position: absolute;
  margin: -38px 24px 0-8px;
  width: -webkit-fill-available;
  height: 14px;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0, rgb(0 0 0/0%)),
    color-stop(99%, rgb(23 24 27))
  );
  background: -o-linear-gradient(top, rgb(0 0 0/0%) 0, rgb(23 24 27) 99%);
  background: linear-gradient(180deg, rgb(0 0 0/0%) 0, rgb(23 24 27) 99%);
}

.play-list::-webkit-scrollbar {
  width: 4px;
}

.play-list::-webkit-scrollbar-track-piece {
  background-color: transparent;
  border-radius: 2px;
}

.play-list::-webkit-scrollbar-thumb:vertical {
  width: 4px;
}

.play-list::-webkit-scrollbar-thumb:vertical,
.player-list::-webkit-scrollbar-thumb:window-inactive {
  background-color: var(--color-text-offset);
  border-radius: 2px;
}

.player-preview {
  position: relative;
  display: block;
  overflow: hidden;
  font-size: 0;
  cursor: pointer;
}

.player-preview.online:before {
  content: '';
  position: absolute;
  top: 16px;
  right: 16px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #7fba7a;
  border: 2px solid #fff;
}

.player-preview .live {
  position: absolute;
  top: 8px;
  left: 8px;
}

.player-preview .player-pic {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  max-width: 380px;
  min-height: 134px;
  border-radius: var(--border-small);
}

.player-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.player-inner {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.player-cards {
  position: relative;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  font-size: 0;
}

.player-caption {
  position: absolute;
  left: 16px;
  bottom: 16px;
  right: 16px;
  z-index: 1;
  text-align: center;
  font-size: 14px;
  font-weight: 700;
  color: #fff;
}

.player-btns {
  gap: 2%;
  bottom: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 20px;
  border-top: 1px solid var(--color-border);
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.player-btns .player-btn.btn_gray {
  color: var(--color-primary);
  fill: var(--color-primary);
}

.player-btns .player-btn .icon-like {
  font-size: 17px;
}

.player-btns .player-btn .icon-share-1 {
  font-size: 14px;
}

.player-btns .player-btn .icon-dots-border {
  font-size: 6px;
}

.player-btns .player-btn:not(.btn_square) {
  min-width: auto;
  padding: 0 20px;
}

.player:not(:last-child) {
  margin-bottom: 72px;
}

.player_sm .player-toggle {
  width: 56px;
  height: 56px;
}

.player_sm .player-view {
  height: 280px;
}

.player_sm .player-body {
  margin-top: -32px;
  padding: 56px 24px 24px;
}

.player_solo:not(:last-child) {
  margin-bottom: 56px;
}

.player_solo .player-wrapper {
  background: 0 0;
}

.upload-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.upload-col:first-child {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.upload-col:nth-child(2) {
  width: 240px;
  margin-left: 32px;
}

.upload-nav {
  display: none;
  margin-bottom: 32px;
}

.upload-nav .upload-link {
  min-width: 200px;
  border-radius: var(--border-small);
  background: rgba(108, 93, 211, 0.1);
  text-align: center;
  line-height: 56px;
  font-size: 13px;
  font-weight: 700;
  color: var(--color-secondary);
  -webkit-transition: opacity 0.25s;
  -o-transition: opacity 0.25s;
  transition: opacity 0.25s;
}

.upload-nav .upload-link:not(:last-child) {
  margin-right: 8px;
}

.upload-item:not(:last-child) {
  margin-bottom: 24px;
}

.upload-wrap {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 52px;
  overflow: hidden;
  background-color: rgba(228, 228, 228, 0.5);
  border: 2px dashed rgba(228, 228, 228, 0.5);
  border-radius: var(--border-small);
  text-align: center;
}

.upload-wrap_image {
  border: 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  color: #fff;
}

.upload-wrap_image:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: -o-linear-gradient(
    top,
    rgba(0, 0, 0, 0.36) 31%,
    rgba(24, 26, 28, 0.9) 82%
  );
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(31%, rgba(0, 0, 0, 0.36)),
    color-stop(82%, rgba(24, 26, 28, 0.9))
  );
  background-image: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0.36) 31%,
    rgba(24, 26, 28, 0.9) 82%
  );
}

.upload-btns {
  margin-bottom: 54px;
}

.upload-file {
  display: none;
  position: relative;
  -webkit-box-flex: calc(50% - 16px);
  -ms-flex: calc(50% - 16px);
  flex: calc(50% - 16px);
  min-width: calc(50% - 16px);
  margin: 0 8px;
  overflow: hidden;
}

.upload-file .upload-btn {
  min-width: 100%;
}

.upload-file .upload-input,
.upload-wrap .upload-input {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 250px;
  opacity: 0;
}

.upload-box {
  position: relative;
  z-index: 2;
  text-align: center;
}

.upload-info {
  margin-bottom: 24px;
}

.upload-wrap:not(.upload-wrap_image):hover .upload-btn {
  background: #1b77ff;
}

.upload-head {
  margin-bottom: 12px;
}

.upload-wrap .upload-btn {
  min-width: auto;
}

.upload-head,
.upload-head .upload-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.upload-head .upload-link {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  margin-left: 20px;
  border-radius: 50%;
  -webkit-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 7px rgba(0, 0, 0, 0.1);
  font-size: 0;
  -webkit-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s;
}

.upload-head .upload-link .icon {
  font-size: 16px;
  fill: #11142d;
  -webkit-transition: fill 0.25s;
  -o-transition: fill 0.25s;
  transition: fill 0.25s;
}

.upload-head .upload-link:hover {
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
}

.upload-head .upload-link:hover .icon {
  fill: var(--color-primary);
}

.upload-col:nth-child(2) > .upload-btn {
  min-width: 122px;
}

.upload-cell:not(:last-child) {
  margin-bottom: 54px;
}

.upload-line {
  position: relative;
  margin-bottom: 20px;
  height: 4px;
  border-radius: 2px;
  background: var(--color-border);
}

.upload-progress {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  background: var(--color-secondary);
  border-radius: 2px;
  -webkit-transition: all 5s;
  -o-transition: all 5s;
  transition: all 5s;
}

.upload-tooltip {
  position: absolute;
  right: -28px;
  bottom: calc(100% + 10px);
  width: 56px;
  border-radius: var(--border-micro);
  background: #1b1d21;
  text-align: center;
  font-size: 13px;
  font-weight: 700;
  line-height: 28px;
  color: #fff;
}

.upload-tooltip:before {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4px 4px 0;
  border-color: #1b1d21 transparent transparent;
}

.upload .widget:not(:first-child) {
  margin-top: 40px;
}

.upload:not(:last-child) {
  margin-bottom: 64px;
}

.upload_solo .upload-wrap {
  height: 450px;
}

.upload_solo .upload-info {
  margin-bottom: 8px;
}

.upload_solo .upload-wrap .upload-text {
  margin-bottom: 22px;
  font-size: 16px;
  font-weight: 600;
}

.upload_solo .upload-wrap:not(.upload-wrap_image) .upload-text {
  color: #808191;
}

.hide {
  display: none !important;
}

.catalog-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 42px;
}

.catalog-nav .catalog-link {
  position: relative;
  padding: 12px 24px;
  font-family: poppins, sans-serif;
  font-size: 18px;
  line-height: 1.33333;
  font-weight: 500;
  color: var(--color-text-offset);
  -webkit-transition: color 0.25s;
  -o-transition: color 0.25s;
  transition: color 0.25s;
}

.pix-info-titulo {
  -webkit-box-flex: 1;
  -ms-flex: 1 100%;
  flex: 1 100%;
  font-size: 16px;
  border-bottom: solid 2px var(--color-border);
  line-height: 2;
  font-weight: 600;
  color: var(--color-primary);
}

.pix-info-info,
.pix-info-step {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.pix-info-step {
  -webkit-box-flex: 1;
  -ms-flex: 1 12%;
  flex: 1 12%;
  height: auto;
  white-space: nowrap;
  -moz-text-align-last: center;
  text-align-last: center;
  vertical-align: middle;
  color: var(--color-text);
  font-weight: 600;
}

.pix-info-info {
  -webkit-box-flex: 1;
  -ms-flex: 1 80%;
  flex: 1 80%;
  text-align: left;
  color: var(--color-text-offset);
  line-height: 20px;
  padding: 0 18px;
}

.catalog-nav .catalog-link:before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: 0;
  height: 4px;
  border-radius: 2px;
  background: #fff;
  -webkit-transition: width 0.25s;
  -o-transition: width 0.25s;
  transition: width 0.25s;
}

.catalog-nav .catalog-link:hover {
  color: var(--color-text);
}

.catalog-nav .catalog-link.active {
  color: #fff;
}

.catalog-nav .catalog-link.active:before {
  width: 100%;
}

.catalog-nav .catalog-link:first-child {
  padding-left: 0;
}

.catalog-tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -8px 0 0-8px;
}

.catalog > .catalog-tags {
  margin-bottom: 40px;
}

.catalog-tag {
  min-width: 200px;
  margin: 8px 0 0 8px;
  border-radius: var(--border-micro);
  background: rgba(108, 93, 211, 0.1);
  text-align: center;
  line-height: 56px;
  font-size: 13px;
  font-weight: 700;
  color: var(--color-secondary);
  -webkit-transition: opacity 0.25s;
  -o-transition: opacity 0.25s;
  transition: opacity 0.25s;
}

.catalog-tag:first-child {
  background: var(--color-primary);
  color: #fff;
}

.catalog-tag:hover {
  opacity: 0.8;
}

.catalog-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.catalog-container {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.catalog-sidebar {
  display: none;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 240px;
  margin-left: 32px;
}

.catalog-title {
  margin-bottom: 32px;
}

.catalog-box,
.catalog-sorting {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.catalog-sorting {
  width: 100%;
  margin-bottom: 24px;
  gap: 12px;
  -ms-flex-line-pack: justify;
  align-content: space-between;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-left: 1rem;
  padding-right: 1rem;
}

.cursos_tipo .catalog-sorting {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.catalog-sorting .checkbox {
  margin-right: 20px;
}

.catalog-sorting .field {
  min-width: 200px;
}

.catalog-box {
  display: -webkit-box;
  display: -ms-flexbox;
  -webkit-box-align: center;
  -ms-flex-align: center;
}

.catalog-box:not(:last-child) {
  margin-right: auto;
}

.catalog-actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 6px;
}

.catalog-actions:not(:last-child) {
  margin-right: 24px;
}

.catalog-action {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 56px;
  padding: 0 20px;
  border-radius: var(--border-small);
  font-weight: 600;
  color: #808191;
  -webkit-transition: background 0.25s;
  -o-transition: background 0.25s;
  transition: background 0.25s;
}

.catalog-action .icon {
  margin-right: 10px;
  font-size: 14px;
  fill: var(--color-text-offset);
}

.catalog-action:hover {
  background: var(--color-bg-offset);
}

.catalog-view,
.catalog-view .catalog-link {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
}

.catalog-view {
  margin-bottom: auto;
  gap: 6px;
  row-gap: 10px;
}

.catalog-view .catalog-link {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 36px;
  height: 36px;
  border-radius: var(--border-micro);
  font-size: 20px;
  padding-left: 1px;
  color: #fff;
  -webkit-transition: background 0.25s;
  -o-transition: background 0.25s;
  transition: background 0.25s;
  background: var(--color-bg-offset);
}

.catalog-list,
.catalog-view,
.catalog-view .catalog-link,
.catalog-view .catalog-software {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.catalog-view .catalog-software {
  cursor: pointer;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 56px;
  height: 56px;
  border-radius: var(--border-small);
  font-size: 0;
  -webkit-transition: background 0.25s;
  -o-transition: background 0.25s;
  transition: background 0.25s;
  background: var(--color-bg-card);
  -webkit-box-shadow: inset 0 0 0 1px var(--color-border),
    0 4px 0 0 var(--color-border);
  box-shadow: inset 0 0 0 1px var(--color-border), 0 4px 0 0 var(--color-border);
}
.elementor-widget-container {
  white-space: pre-line;
  letter-spacing: 0.3px;
  padding: 0 42px;
}
.elementor-widget-container p {
  font-size: 0.9em;
  color: var(--color-text-offset);
}
.catalog-view .catalog-software.selected {
  background: var(--color-border);
}

.catalog-view .catalog-link .icon {
  font-size: 16px;
  fill: var(--color-text);
  -webkit-transition: fill 0.2s;
  -o-transition: fill 0.2s;
  transition: fill 0.2s;
}

.catalog-view .catalog-link:hover .icon {
  fill: var(--color-secondary);
}

.catalog-view .catalog-link.active {
  background: var(--color-secondary);
}

.catalog-view .catalog-link.active.closed {
  background: #a5d075;
}

.catalog-view .catalog-link.active .icon {
  fill: #fff;
}

.catalog-list {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  position: relative;
}

.catalog-list .game {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 calc(25% - 32px);
  flex: 0 0 calc(25% - 32px);
  width: calc(25% - 32px);
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: auto;
}

.owl-lazy {
}

.owl-carousel:not(.no-arrow)::before {
  color: var(--color-text);
  content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4MnB4IiBoZWlnaHQ9IjgycHgiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoMTgwIDEyIDEyKSI+PHBhdGggZmlsbD0id2hpdGUiIGQ9Ik0xMi42IDEyTDggNy40TDkuNCA2bDYgNmwtNiA2TDggMTYuNmw0LjYtNC42WiIvPjwvZz48L3N2Zz4=);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-shadow: 0 0 8px var(--color-bg);

  position: absolute;
  font-size: 6vw;
  height: 100%;
  z-index: +1;
  min-width: 60px;
  width: 12vw;
  left: 0;
  top: 0;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-animation: 1s slideIn_left ease-in-out forwards;
  animation: 1s slideIn_left ease-in-out forwards;
}

.owl-carousel .owl-stage-outer::before:hover {
  content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4MnB4IiBoZWlnaHQ9IjgycHgiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZmlsbD0id2hpdGUiIGQ9Ik0xMi42IDEyTDggNy40TDkuNCA2bDYgNmwtNiA2TDggMTYuNmw0LjYtNC42WiIvPjwvc3ZnPg==);
}
.owl-carousel:not(.no-arrow) {
  /* mask-image: linear-gradient(
    -90deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(0, 0, 0, 1) 10%,
    rgba(0, 0, 0, 1) 50%,
    rgba(0, 0, 0, 1) 90%,
    rgba(255, 255, 255, 0) 100%
  ); */
}
.doble .owl-stage {
  display: flex;
  max-height: calc(1440px / 4 * 2);
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
  align-content: flex-start;
  row-gap: 1em;
}
.owl-carousel:not(.no-arrow) .owl-stage-outer {
  margin-top: -100px;
  padding-top: 100px;
  padding-bottom: 100px;
  margin-bottom: -100px;
  mask-image: linear-gradient(
    -90deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(0, 0, 0, 1) 10%,
    rgba(0, 0, 0, 1) 50%,
    rgba(0, 0, 0, 1) 90%,
    rgba(255, 255, 255, 0) 100%
  );
}
.owl-carousel:not(.no-arrow)::after {
  color: var(--color-text);
  content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4MnB4IiBoZWlnaHQ9IjgycHgiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZmlsbD0id2hpdGUiIGQ9Ik0xMi42IDEyTDggNy40TDkuNCA2bDYgNmwtNiA2TDggMTYuNmw0LjYtNC42WiIvPjwvc3ZnPg==);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  fill: #fff;
  text-shadow: 0 0 8px var(--color-bg);
  /* background: -webkit-gradient(
    linear,
    right top,
    left top,
    from(var(--color-bg)),
    to(transparent)
  ); */
  position: absolute;
  font-size: 6vw;
  height: 100%;
  z-index: +1;
  min-width: 60px;
  width: 12vw;
  right: 0;
  top: 0;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  cursor: pointer;
  -webkit-animation: 1s slideIn_right ease-in-out forwards;
  animation: 1s slideIn_right ease-in-out forwards;
}

.owl-carousel .owl-stage-outer:has(.owl-list)::after,
.owl-carousel .owl-stage-outer:has(.owl-list)::before,
.owl-carousel .owl-stage-outer:has(.owl-stage:empty)::before,
.owl-carousel .owl-stage-outer:has(.owl-stage:empty)::after {
  display: none;
}

.owl-list {
  margin: auto;
  width: 100% !important;
  max-width: 1442px;
  -webkit-transform: initial !important;
  -ms-transform: initial !important;
  transform: initial !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-wrap: wrap !important;
  flex-wrap: wrap !important;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  row-gap: 42px;
  padding: 0 !important;
}

.owl-carousel {
  margin-bottom: 34px;
  margin-left: 0;
}

.owl-stage-outer {
  overflow: visible !important;
}

.catalog-list.owl-carousel .game {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 calc(33% - 32px);
  flex: 0 0 calc(33% - 32px);
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: auto;
  height: auto;
}

#catalogo-divisao::before,
.divisao_video {
  content: '';
  background: 0 0;
  position: absolute;
  z-index: -1;
}

.divisao_video {
  pointer-events: none;
  left: -50vw;
  top: -26%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 200vw;
  height: 170%;
  mix-blend-mode: lighten;
  -webkit-filter: blur(7px);
  filter: blur(7px);
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.divisao_video {
  -webkit-filter: blur(7px) contrast(1.2) hue-rotate(57deg) invert(0);
  filter: blur(7px) contrast(1.2) hue-rotate(57deg) invert(0);
  mix-blend-mode: color-dodge;
}

html[data-theme='dark'] div.play-list > div:nth-child(2) > iframe {
}

.divisao_video video {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

#catalogo-divisao::before {
  left: -150vw;
  top: -28px;
  -webkit-transform-origin: 62% 50%;
  -ms-transform-origin: 62% 50%;
  transform-origin: 62% 50%;
  width: 300vw;
  height: 117%;
}

#catalogo-divisao,
.divisao_video {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.catalog-list .game.banner {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 calc(50% - 32px);
  flex: 0 0 calc(50% - 32px);
  width: calc(50% - 32px);
  margin: 40px 16px 0;
}

.catalog-btns {
  margin-top: 40px;
  text-align: center;
}

.catalog.dynamic {
  -webkit-animation: 2s slideIn cubic-bezier(0, 0, 0.2, 1) forwards;
  animation: 2s slideIn cubic-bezier(0, 0, 0.2, 1) forwards;
}

.slideIn {
  -webkit-animation: 2s slideIn cubic-bezier(0, 0, 0.2, 1) forwards;
  animation: 2s slideIn cubic-bezier(0, 0, 0.2, 1) forwards;
}

.catalog {
  width: 100%;
}

.catalog .widget:not(:last-child) {
  margin-bottom: 64px;
}

.catalog-list {
  margin-bottom: 42px;
}

.catalog.view .catalog-list {
  display: block;
  margin: 0;
}

.catalog.view .catalog-list .game {
  width: 100%;
  margin: 48px 0 0;
}

.catalog.view .catalog-sidebar {
  display: block;
}

.catalog_channel .catalog-sorting {
  margin-bottom: 40px;
}

.catalog_channel .catalog-tags {
  margin-right: auto;
}

.catalog_channel .catalog-tag {
  min-width: auto;
  padding: 0 30px;
  border-radius: var(--border-small);
  color: #5f75ee;
}

.catalog_channel .catalog-tag:first-child {
  color: #fff;
}

.catalog_channel .catalog-btns {
  margin-top: 24px;
}

.catalog_channel .game-details {
  padding-bottom: 24px;
}

.shake {
  -webkit-animation: shake 1s ease-in-out infinite;
  animation: shake 1s ease-in-out infinite;
}

.game {
  position: relative;
  font-size: 12px;
  line-height: 1.33;
  border-radius: var(--border-small);
  background: var(--color-bg-card);
  cursor: pointer;
  -webkit-transition: -webkit-box-shadow 0.25s;
  -o-transition: box-shadow 0.25s;
  transition: -webkit-box-shadow 0.25s;
  transition: box-shadow 0.25s;
  transition: box-shadow 0.25s, -webkit-box-shadow 0.25s;
  -webkit-tap-highlight-color: transparent;
  -webkit-box-shadow: 0 16px 36px 6px #00000018;
  box-shadow: 0 16px 36px 6px #00000018;
}

.game.active {
  -webkit-box-shadow: 0 0 0 4px var(--color-secondary);
  box-shadow: 0 0 0 4px var(--color-secondary);
}

.noanim {
  -webkit-animation: none !important;
  animation: none !important;
}

.c100 {
  pointer-events: all !important;
  -webkit-filter: brightness(1) !important;
  filter: brightness(1) !important;
  opacity: 1 !important;
  -webkit-animation: 4s ring infinite;
  animation: 4s ring infinite;
}

.c100:after {
  background: 0 0 !important;
}

.cert,
.cert:after {
  border-radius: 3px;
  background: #fff;
  -webkit-box-shadow: inset 0 0 0 4px #fff, inset 0 0 0 7px #000;
  box-shadow: inset 0 0 0 4px #fff, inset 0 0 0 7px #000;
  background: #fff;
}

.topnav-text {
  cursor: pointer;
  z-index: 99;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: 500;
  padding: 32px 12px 12px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #fff;
}

.topnav-text:hover {
  background: var(--color-primary);
  color: #fff;
}

.topnav-text i,
.topnav-text .ic {
  opacity: 1;
  position: absolute;
  font-size: 1.4em;
  margin-top: -42px;
}

.cert {
  color: 0;
  position: relative;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 80px;
  pointer-events: none;
  -webkit-filter: brightness(0.3);
  filter: brightness(0.3);
}

.cert:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  mix-blend-mode: color;
}

#catalogo-certificados .cert_body {
  width: -webkit-min-content;
  width: -moz-min-content;
  width: min-content;
  margin: auto;
  -webkit-box-shadow: -60px 0 100px -70px #00000033;
  box-shadow: -60px 0 100px -70px #00000033;
  -webkit-transition: 0.25s all ease-in-out;
  -o-transition: 0.25s all ease-in-out;
  transition: 0.25s all ease-in-out;
}

#catalogo-certificados .game {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  padding: 0;
  height: -webkit-fill-available;
  -webkit-transform: scale(0.3);
  -ms-transform: scale(0.3);
  transform: scale(0.3);
  -webkit-transform-origin: 50% 0%;
  -ms-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
  width: 100%;
  height: 370px;
  z-index: 1;
  -webkit-transition: 0.25s all ease-in-out;
  -o-transition: 0.25s all ease-in-out;
  transition: 0.25s all ease-in-out;
  border-radius: 0;
  background: 0 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

#catalogo-certificados .game:hover,
#catalogo-certificados .owl-item.active.center .game:hover {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33);
  -webkit-transform-origin: 50% -5%;
  -ms-transform-origin: 50% -5%;
  transform-origin: 50% -5%;
  z-index: 999;
}

#catalogo-certificados:has(.game:hover) .game:not(:hover) {
  -webkit-filter: blur(2px) brightness(0.7);
  filter: blur(2px) brightness(0.7);
  z-index: -1;
}

.cert_body,
.cert_body .overall {
  background-size: 40%;
  position: relative;
}

.cert_body {
  line-height: 0.9;
  background: url(../img/certificado/bg.jpg);
  padding: 24px;
}

.cert_body #print_cert {
  z-index: 2;
  background: 0 0;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
  display: block;
  position: relative;
  width: 800px;
  height: 1132px;
}

.cert_body #print_cert::before {
  content: '';
  width: calc(100%);
  height: calc(100%);
  position: absolute;
  z-index: 3;
  -webkit-box-shadow: inset 0 0 0 4px #000;
  box-shadow: inset 0 0 0 4px #000;
}

.cert_body #print_cert::after {
  content: '';
  position: absolute;
  height: inherit;
  opacity: 0.2;
  top: 0;
  width: inherit;
  z-index: 1;
  background: url(../img/certificado/bg_hover.png);
}

.cert_body .overall {
  width: 100%;
  height: 100%;
  background-color: #fff;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.cert_body .curso {
  font-family: league spartan, arial;
  color: #fff;
  font-size: 72px;
  position: relative;
  padding-right: 145px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 132px;
  z-index: 1;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.cert_body #qrcode {
  width: 128px;
  height: 128px;
  position: absolute;
  z-index: 22;
  top: 252px;
  right: calc(10% + 8px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.cert_body #qrcode::before {
  content: '';
  position: absolute;
  top: -6px;
  left: -6px;
  height: calc(100% + 12px);
  width: calc(100% + 12px);
  background: #fff;
  z-index: -1;
}

.cert_body .content {
  position: absolute;
  height: 100%;
  margin-right: 24px;
  padding: 0 10%;
  width: -webkit-fill-available;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 24px;
}

.cert_body .ano {
  color: #000;
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  right: 90px;
  top: 87px;
  font-family: league spartan, arial;
  font-size: 72px;
  z-index: 1;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.cert_body .separador {
  position: relative;
  width: 100px;
  height: 6px;
  background: #fff;
  z-index: 1;
}

.cert_body .logo {
  position: relative;
  background: 0 0;
  background-image: url(../img/certificado/logo.png);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position-y: center;
  width: 330px;
  height: 200px;
  z-index: 2;
}

.cert_body .certi {
  position: absolute;
  top: 622px;
  left: 6%;
  display: block;
  z-index: 656;
  width: 143px;
  height: 227px;
  background-color: transparent;
  background-image: url(../img/certificado/cert.png);
  background-size: 80%;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-filter: drop-shadow(1px 10px 3px #00000011);
  filter: drop-shadow(1px 10px 3px #00000011);
}

.cert_body .tipo {
  position: relative;
  font-family: league spartan, arial;
  color: #fff;
  font-size: 24px;
  text-align: -webkit-right;
  font-weight: 700;
  padding: 12px;
  border: solid 4px #fff;
  z-index: 1;
  text-transform: uppercase;
}

.cert_body .informacao {
  color: #000;
  position: absolute;
  top: 570px;
  z-index: 1;
  left: 10%;
  right: 10%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.cert_body .info {
  font-size: 24px;
  line-height: 1;
  font-weight: 700;
}

.cert_body .aluno,
.cert_body .descricao,
.cert_body .info {
  font-family: league spartan, arial;
  letter-spacing: 0.5px;
}

.cert_body .descricao {
  padding: 24px 0 24px 100px;
  font-size: 18px;
  text-align: justify;
}

.cert_body .aluno {
  font-size: 60px;
  font-weight: 700;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  border-bottom: solid 4px #000;
}

.cert_body .hover_color {
  position: absolute;
  overflow: hidden;
  z-index: 40;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: inherit;
  height: inherit;
  background-color: transparent;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  mix-blend-mode: screen;
}

.cert_body .hover_color img {
  opacity: 0.5;
  -webkit-filter: blur(3px);
  filter: blur(3px);
  margin: auto;
  mix-blend-mode: screen;
  height: 120%;
  top: -20%;
  position: relative;
}

.cert_body .print,
.game_preview_add::after {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.cert_body .print {
  position: fixed;
  z-index: 999;
  height: 12%;
  aspect-ratio: 1/1;
  border-radius: 20%;
  bottom: 10px;
  right: 10px;
  background-color: #666;
  color: #fff;
  font-size: 8vh;
}

.cert_body .ass_AB,
.cert_body .ass_ILL {
  position: absolute;
  display: block;
  width: 270px;
  margin-left: -21px;
  margin-top: -89px;
  height: 135px;
  background-color: transparent;
  background-image: url(../img/certificado/AB.png);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
}

.cert_body .ass_ILL {
  margin-left: -12px;
  margin-top: -82px;
  background-image: url(../img/certificado/ILL.png);
}

.cert_body .assinaturas {
  font-family: league spartan, arial;
  font-size: 18px;
  color: #000;
  position: absolute;
  bottom: 78px;
  z-index: 2;
  left: 14%;
  right: 14%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.cert_body .line {
  border-top: solid 1px #000;
  padding: 6px;
  width: 220px;
  line-height: 1.1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.game-preview,
.game_preview_add {
  position: relative;
  border-radius: var(--border-small);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
}

.game_preview_add {
  height: -webkit-fill-available;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 200px;
  -webkit-box-shadow: inset 6px 6px 20px #00000013;
  box-shadow: inset 6px 6px 20px #00000013;
  border: solid 1px var(--color-border);
  background: var(--color-border);
}

.game_preview_add:hover::after {
  color: var(--color-primary);
}

.game_preview_add::after {
  content: '+';
  width: 100%;
  height: 100%;
  font-size: 180px;
  color: var(--color-bg);
  position: absolute;
  -moz-text-align-last: center;
  text-align-last: center;
  text-shadow: 6px 6px 12px #00000017;
  bottom: 16px;
  -webkit-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.game-preview-hover {
  position: absolute;
  width: 150%;
  height: 150%;
  right: -25%;
  top: -25%;
  z-index: 5;
  background-size: 150%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  pointer-events: none;
  -webkit-transition: top 0.6s ease-in-out, background-size 0.3s ease-in-out;
  -o-transition: top 0.6s ease-in-out, background-size 0.3s ease-in-out;
  transition: top 0.6s ease-in-out, background-size 0.3s ease-in-out;
}

.game:hover .game-preview-hover {
  position: absolute;
  width: 150%;
  height: 150%;
  right: -25%;
  top: -40%;
  z-index: 5;
  background-size: 230%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  pointer-events: none;
  -webkit-transition: top 0.6s ease-in-out, background-size 0.3s ease-in-out;
  -o-transition: top 0.6s ease-in-out, background-size 0.3s ease-in-out;
  transition: top 0.6s ease-in-out, background-size 0.3s ease-in-out;
}

.game-preview-hover-A {
  position: absolute;
  width: 150%;
  height: 150%;
  right: -25%;
  top: -25%;
  z-index: 5;
  background-size: 120%;
  background-repeat: no-repeat;
  opacity: 0 !important;
  background-position: 50% 50%;
  pointer-events: none;
  -webkit-transition: top 0.6s ease-in-out, background-size 0.3s ease-in-out,
    opacity 0.2s ease-in-out;
  -o-transition: top 0.6s ease-in-out, background-size 0.3s ease-in-out,
    opacity 0.2s ease-in-out;
  transition: top 0.6s ease-in-out, background-size 0.3s ease-in-out,
    opacity 0.2s ease-in-out;
}

.game:hover .game-preview-hover-A,
.owl-item.active.center .game-preview-hover-A {
  position: absolute;
  opacity: 1 !important;
  width: 150%;
  height: 150%;
  right: -25%;
  top: -30%;
  z-index: 5;
  background-size: 170%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  pointer-events: none;
  -webkit-transition: top 0.6s ease-in-out, background-size 0.3s ease-in-out,
    opacity 0.3s ease-in-out;
  -o-transition: top 0.6s ease-in-out, background-size 0.3s ease-in-out,
    opacity 0.3s ease-in-out;
  transition: top 0.6s ease-in-out, background-size 0.3s ease-in-out,
    opacity 0.3s ease-in-out;
}

.game:hover .game-preview.bg,
.owl-item.active.center .game-preview.bg {
  -webkit-filter: blur(3px);
  filter: blur(3px);
  -webkit-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.owl-item {
}

.catalogo-lanca {
}

.catalogo-lanca .game {
  border-radius: var(--border-small);
  overflow: hidden;
}

.game-preview {
  background-color: var(--color-bg-card);
  height: 100%;
  padding-bottom: 122%;
}

.game-preview-wide {
  height: 100%;
  padding-bottom: 420px;
}

.game-preview-wide::before {
  content: '';
  left: -1px;
  z-index: 1;
  position: absolute;
  width: calc(100% + 1px);
  height: calc(100% + 1px);
  background-size: 100% 200%;
  background-image: -webkit-gradient(
    linear,
    right top,
    left top,
    color-stop(50%, transparent),
    color-stop(122%, #000)
  );
  background-image: -o-linear-gradient(right, transparent 50%, #000 122%);
  background-image: linear-gradient(270deg, transparent 50%, #000 122%);
}

.game-preview-wide .game-descr {
  -webkit-line-clamp: 4;
}

.game-preview-wide .game-details {
  position: absolute;
  top: 10%;
  bottom: auto;
  width: 33%;
  padding: 0 0 0 64px;
  z-index: 6;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.game-preview-wide .game-infos {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #fff;
  padding: 6px;
  gap: 6px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.game-preview.checkout {
  border-radius: 0;
}

.game:has(.checkout)::after {
  all: unset;
}

.pace {
  -webkit-pointer-events: none;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.pace-inactive {
  display: none;
}

.pace .pace-progress {
  background: var(--color-primary);
  position: fixed;
  z-index: 2000;
  top: 0;
  right: 100%;
  width: 100%;
  height: 4px;
}

.game-preview::before {
  background-size: 1px 200%;
  border-radius: inherit;
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(20%, transparent),
    color-stop(70%, #000)
  );
  background-image: -o-linear-gradient(top, transparent 20%, #000 70%);
  background-image: linear-gradient(180deg, transparent 20%, #000 70%);
}

.game-preview.checkout::before,
.game-preview::before,
.game::after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  -webkit-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.game::after {
  z-index: -2;
  border-radius: var(--border-medium);
  left: 0;
  top: 0;
}

.game2::after {
  z-index: -2;
  border-radius: var(--border-medium);
  left: 12px;
  top: 12px;
  background: #7070701f;
}

.game-preview.checkout::before {
  border-radius: var(--color-border) var(--color-border) 0 0;
  overflow: hidden;
  mix-blend-mode: multiply;
  background-size: 1px 100%;
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(5%, rgba(58, 62, 69, 0.2)),
    color-stop(90%, rgba(27, 29, 33, 0.9))
  );
  background-image: -o-linear-gradient(
    top,
    rgba(58, 62, 69, 0.2) 5%,
    rgba(27, 29, 33, 0.9) 90%
  );
  background-image: linear-gradient(
    180deg,
    rgba(58, 62, 69, 0.2) 5%,
    rgba(27, 29, 33, 0.9) 90%
  );
}

.game-preview .checkbox {
  position: absolute;
  top: 16px;
  left: 16px;
  z-index: 2;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s;
}

.game-preview .checkbox-tick {
  border-color: var(--color-border);
}

.game.active .checkbox,
.game:hover .checkbox {
  visibility: visible;
  opacity: 1;
}

.game-time {
  position: absolute;
  top: 16px;
  right: 16px;
  padding: 0 10px;
  border-radius: var(--border-micro);
  background: rgba(27, 29, 33, 0.7);
  font-size: 13px;
  line-height: 24px;
  font-weight: 700;
  color: var(--color-text);
}

.game-line {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  height: 4px;
  background: #1b1d21;
}

.game-progress {
  position: absolute;
  width: 100%;
  text-shadow: 0 0 6px #00000040;
  text-align: left;
  font-size: 11px;
  border-radius: 0 0 var(--border-micro) var(--border-micro);
  text-transform: uppercase;
  letter-spacing: -0.08em;
  font-weight: 700;
  color: transparent;
  z-index: -1;
  height: 56px;
  margin-top: -24px;
  background: 0 0 !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.game-details,
.game-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.game-details {
  bottom: 0;
  position: absolute;
  width: 100%;
  padding: 12px;
  z-index: 6;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.game-title {
  font-family: poppins, Arial, Helvetica, sans-serif;
  color: #fff;
  line-height: 1.33333;
  font-weight: 800;
  -webkit-transition: color 0.25s;
  -o-transition: color 0.25s;
  transition: color 0.25s;
  gap: 3px;
  text-shadow: 0 0 20px #0000005c;
}

.time-line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 15px;
  background: 0 0;
  border-radius: var(--border-medium);
}

.time-line .profession {
  position: relative;
  -webkit-box-shadow: inset 0 0 0 2px var(--color-bg-offset),
    inset 0 0 22px 200px var(--color-border);
  box-shadow: inset 0 0 0 2px var(--color-bg-offset),
    inset 0 0 22px 200px var(--color-border);
  -webkit-box-flex: 1;
  -ms-flex: 1 100%;
  flex: 1 100%;
  height: inherit;
  border-radius: var(--border-micro);
}

.time-line .profession:not(:first-child):not(:last-child) {
  margin: 0-5px;
}

.time-line .profession:is(:first-child) {
  margin-right: -5px;
}

.time-line .profession:is(:last-child) {
  margin-left: -5px;
}

.time-line .profession .progress {
  padding-left: 22px;
  position: relative;
  background: inherit;
  border-radius: var(--border-micro);
  height: 100%;
}

.time-line .profession:not(:first-child) .progress {
  padding-left: 30px;
}

.time-line .profession .progress::after {
  color: #fff;
  z-index: 4;
  content: '>';
  position: absolute;
  width: 15px;
  border-radius: var(--border-big);
  height: inherit;
  right: 3px;
  top: 1px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 0;
  font-weight: 800;
  font-size: 12px;
  font-family: league spartan;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: all 0.33s ease-in-out;
  -o-transition: all 0.33s ease-in-out;
  transition: all 0.33s ease-in-out;
}

.time-line .profession:hover .progress::after {
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
  top: 0;
}

.profession .areas,
.profession .ribbon {
  position: absolute;
  background: inherit;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: visibility 0.3s linear, all 0.3s linear;
  -o-transition: visibility 0.3s linear, all 0.3s linear;
  transition: visibility 0.3s linear, all 0.3s linear;
  -webkit-transition-delay: 0.3s;
  -o-transition-delay: 0.3s;
  transition-delay: 0.3s;
}

.profession .ribbon {
  border-radius: var(--border-micro);
  padding: 6px 6px 3px;
  min-inline-size: -webkit-max-content;
  min-inline-size: -moz-max-content;
  min-inline-size: max-content;
  font-family: league spartan;
  text-align: center;
  z-index: 2;
  color: #fff;
  bottom: 4px;
  font-weight: 600;
  font-size: 10px;
  letter-spacing: 1px;
  -webkit-box-shadow: 0 1px 2px rgb(0 0 0/27%);
  box-shadow: 0 1px 2px rgb(0 0 0/27%);
  text-shadow: 0 2px 2px rgb(0 0 0/10%);
  text-transform: uppercase;
  cursor: default;
  right: 24px;
}

.profession .areas {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 0;
  bottom: 42px;
  right: 13px;
  border-radius: 50%;
  z-index: 0;
  height: auto;
}

.profession:hover .areas,
.profession:hover .ribbon {
  bottom: 24px;
  visibility: visible;
  opacity: 1;
}

.profession:hover .ribbon {
  bottom: 28px;
}

.profession .area,
.profession .area::after {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: inherit;
}

.profession .area {
  margin: 6px 0;
  pointer-events: auto;
  line-height: 1.1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0 12px;
  position: relative;
  color: #000000de;
  font-family: league spartan;
  font-size: 13px;
  min-width: 200px;
  gap: 4px;
  height: 54px;
  border-radius: var(--border-micro);
  -webkit-box-shadow: inset 0 0 80px 0#dedded, inset 0 0 0 500px #fff,
    3px 3px 6px -3px #00000035;
  box-shadow: inset 0 0 80px 0#dedded, inset 0 0 0 500px #fff,
    3px 3px 6px -3px #00000035;
}

.profession .area img {
  border-radius: 50%;
  -webkit-filter: drop-shadow(2px 2px 0#fff);
  filter: drop-shadow(2px 2px 0#fff);
  overflow: hidden;
}

.profession .area .bar {
  width: 100%;
  height: 3px;
  background: inherit;
  -webkit-box-shadow: inset 0 0 3px 10px #fff, 0 1px 0 0#fff;
  box-shadow: inset 0 0 3px 10px #fff, 0 1px 0 0#fff;
  border-radius: var(--border-small);
  overflow: hidden;
}

.profession .area::after {
  content: '';
  position: absolute;
  width: 12px;
  height: 12px;
  color: #fff;
  text-shadow: 0 0 8px #000;
  border-radius: 50%;
  left: -5px;
  bottom: -5px;
  font-weight: 800;
  font-size: 16px;
  padding-top: 4px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.slice,
.slice:before {
  position: absolute;
  overflow: hidden;
}

.slice {
  height: 120px;
  margin: auto;
  width: 240px;
  -webkit-transform-origin: bottom;
  -ms-transform-origin: bottom;
  transform-origin: bottom;
  -webkit-transform: rotate(22.5deg) scale(1);
  -ms-transform: rotate(22.5deg) scale(1);
  transform: rotate(22.5deg) scale(1);
  -webkit-transition: all 0.5s cubic-bezier(0.25, 0.75, 0.5, 1.25);
  -o-transition: all 0.5s cubic-bezier(0.25, 0.75, 0.5, 1.25);
  transition: all 0.5s cubic-bezier(0.25, 0.75, 0.5, 1.25);
  zoom: 1;
}

.slice-bg,
.slice_css {
  position: absolute;
  border-radius: 50%;
}

.slice-bg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 260px;
  height: 260px;
  background: var(--color-bg-card);
  -webkit-box-shadow: inset 0 0 0 10px var(--color-border),
    inset 0 0 20px 15px var(--color-bg-offset), 0 0 12px #00000015;
  box-shadow: inset 0 0 0 10px var(--color-border),
    inset 0 0 20px 15px var(--color-bg-offset), 0 0 12px #00000015;
  z-index: 1;
  -webkit-transition: all 0.3s cubic-bezier(0.25, 0.75, 0.5, 1.25);
  -o-transition: all 0.3s cubic-bezier(0.25, 0.75, 0.5, 1.25);
  transition: all 0.3s cubic-bezier(0.25, 0.75, 0.5, 1.25);
  -webkit-transform: scale(0.4);
  -ms-transform: scale(0.4);
  transform: scale(0.4);
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-filter: blur(10);
  filter: blur(10);
}

.slice-bg:hover {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.slice_css {
  pointer-events: none;
  height: 240px;
  margin: auto;
  width: 240px;
  background-color: conic-gradient(transparent 0% 0%, transparent 0% 0%);
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
}

.circle-bg {
  z-index: 99;
  position: sticky;
  width: 49px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 15px;
  margin: auto;
  height: 120px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transform-origin: bottom;
  -ms-transform-origin: bottom;
  transform-origin: bottom;
}

.slice .circle,
.slice_css .circle {
  position: absolute;
  width: 42px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 50%;
  height: 42px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.slice_css .circle {
  pointer-events: auto;
  cursor: pointer;
  color: inherit;
  font-size: 48px;
  top: auto;
}

.slice .circle {
  background: #fff;
  right: 17px;
  color: #464646;
  font-size: 18px;
  top: 67px;
  -webkit-transform: rotateZ(67.5deg);
  -ms-transform: rotate(67.5deg);
  transform: rotateZ(67.5deg);
}

.slice_css .ribbon {
  position: absolute;
  border-radius: var(--border-micro);
  padding: 4px 4px 2px;
  font-family: league spartan;
  text-align: center;
  z-index: 2;
  line-height: 1;
  font-weight: 600;
  text-shadow: 1px 1px 0#00000033;
  color: #fff;
  font-size: 8px;
  text-transform: uppercase;
  cursor: default;
}

.slice:before {
  height: inherit;
  width: inherit;
  color: inherit;
  content: '';
  border-radius: 120px 120px 0 0;
  -webkit-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-transform: rotate(140deg);
  -ms-transform: rotate(140deg);
  transform: rotate(135.5deg);
}

.yellowbg {
  background-color: #ffeb3b;
  color: #ffb300;
}

.bluebg {
  background-color: #4fc3f7;
  color: #259af3;
}

.greenbg {
  background-color: #cddc39;
  color: #7cb342;
}

.badge_6 {
  pointer-events: none;
  -webkit-filter: drop-shadow(0 0 2px #00000030);
  filter: drop-shadow(0 0 2px #00000030);
  z-index: 2;
  width: 4em;
  height: 8em;
  border-radius: var(--border-small);
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  top: 0;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.badge_6:hover {
  -webkit-animation: jello-horizontal 1s ease-in-out;
  animation: jello-horizontal 1s ease-in-out;
}

.badge_6 span {
  width: inherit;
  height: inherit;
  border-radius: inherit;
  background: inherit;
  gap: 6px;
  display: inherit;
  -webkit-box-pack: inherit;
  -ms-flex-pack: inherit;
  justify-content: inherit;
  -webkit-box-align: inherit;
  -ms-flex-align: inherit;
  align-items: inherit;
  -webkit-box-orient: inherit;
  -webkit-box-direction: inherit;
  -ms-flex-direction: inherit;
  flex-direction: inherit;
}

.badge_6 span:after,
.badge_6 span:before,
.badge_6:after,
.badge_6:before {
  position: absolute;
  width: inherit;
  height: inherit;
  border-radius: inherit;
  background: inherit;
  content: '';
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

.badge_6:before {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.badge_6 span:before {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.badge_6 span:after {
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}

.badge_6:after {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.badge_6,
.badge_6 .circle,
.badge_6_wrap {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.badge_6 .circle {
  padding-top: 6px;
  width: 50px;
  height: 50px;
  color: #fff;
  z-index: 1;
  border-radius: 50%;
  font-size: 50px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.badge .circle i.fa,
.badge_6 .circle i.fa {
  font-size: 2em;
  margin-top: 8px;
}

.badge_6 .font {
  display: inline-block;
  margin-top: 1em;
}

.badge_6 .ribbon {
  border-radius: var(--border-small);
  position: relative;
  font-family: league spartan;
  text-align: center;
  z-index: 2;
  color: #fff;
  line-height: 1;
  font-weight: 600;
  font-size: 10px;
  letter-spacing: 1px;
  text-shadow: 0 1px 1px rgb(0 0 0/33%);
  text-transform: uppercase;
  cursor: default;
}

.badge_6_wrap {
  width: 130px;
  height: 260px;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  margin: 24px 0;
}

.badge,
.badge .circle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.badge {
  position: relative;
  margin: 0 20px;
  min-width: 4em;
  height: 6.2em;
  border-radius: var(--border-small);
  top: 0;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.badge:after,
.badge:before {
  position: absolute;
  width: inherit;
  height: inherit;
  border-radius: inherit;
  background: inherit;
  content: '';
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

.badge:before {
  -webkit-transform: rotate(60deg);
  -ms-transform: rotate(60deg);
  transform: rotate(60deg);
}

.badge:after {
  -webkit-transform: rotate(-60deg);
  -ms-transform: rotate(-60deg);
  transform: rotate(-60deg);
}

.badge .circle {
  width: 60px;
  height: 60px;
  position: absolute;
  background: #ffffff33;
  text-shadow: 1px 1px 0#00000020;
  margin-bottom: 10px;
  color: #fff;
  z-index: 1;
  border-radius: 50%;
  font-size: 32px;
}

.badge .font {
  display: inline-block;
  margin-top: 1em;
}

.catalog-view .ribbon {
  border-radius: var(--border-small);
  padding: 20px 10px 18px;
  z-index: initial;
  -webkit-box-shadow: inset 0 0 30px 200px var(--color-bg-card);
  box-shadow: inset 0 0 30px 200px var(--color-bg-card);
  text-shadow: none;
}

.catalog-view .ribbon::before {
  content: '';
  border-radius: var(--border-small);
  z-index: -2;
  position: absolute;
  width: calc(100% + 2px);
  height: calc(100% + 6px);
  top: -1px;
  left: -1px;
  background: inherit;
}

.details-container .ribbon {
  color: #fff !important;
}

.card-pendencia button,
.ribbon {
  text-transform: uppercase;
  color: #fff;
}

.badge .ribbon,
.ribbon {
  border-radius: var(--border-micro);
  padding: 6px 6px 3px;
  min-inline-size: -webkit-max-content;
  min-inline-size: -moz-max-content;
  min-inline-size: max-content;
  font-family: league spartan;
  text-align: center;
  z-index: 2;
  bottom: 4px;
  font-weight: 600;
  letter-spacing: 1px;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.27);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.27);
  background: inherit;
  cursor: default;
}

.ribbon {
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 12px;
  text-shadow: 0 2px 2px rgba(0, 0, 0, 0.33);
}

.badge .ribbon {
  position: absolute;
  color: #fff;
  font-size: 10px;
  text-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  text-transform: uppercase;
}

.yellow {
  background: -webkit-gradient(
    linear,
    left top,
    right bottom,
    color-stop(0, #ffeb3b),
    to(#fbc02d)
  );
  background: -o-linear-gradient(top left, #ffeb3b 0, #fbc02d 100%);
  background: linear-gradient(to bottom right, #ffeb3b 0, #fbc02d 100%);
  color: #ffb300;
}

.orange {
  background: -webkit-gradient(
    linear,
    left top,
    right bottom,
    color-stop(0, #ffc107),
    to(#f57c00)
  );
  background: -o-linear-gradient(top left, #ffc107 0, #f57c00 100%);
  background: linear-gradient(to bottom right, #ffc107 0, #f57c00 100%);
  color: #f68401;
}

.pink {
  background: -webkit-gradient(
    linear,
    left top,
    right bottom,
    color-stop(0, #f48fb1),
    to(#d81b60)
  );
  background: -o-linear-gradient(top left, #f48fb1 0, #d81b60 100%);
  background: linear-gradient(to bottom right, #f48fb1 0, #d81b60 100%);
  color: #dc306f;
}

.red {
  background: -webkit-gradient(
    linear,
    left top,
    right bottom,
    color-stop(0, #f4511e),
    to(#b71c1c)
  );
  background: -o-linear-gradient(top left, #f4511e 0, #b71c1c 100%);
  background: linear-gradient(to bottom right, #f4511e 0, #b71c1c 100%);
  color: #c62828;
}

.purple {
  background: -webkit-gradient(
    linear,
    left top,
    right bottom,
    color-stop(0, #ab47bc),
    to(#4527a0)
  );
  background: -o-linear-gradient(top left, #ab47bc 0, #4527a0 100%);
  background: linear-gradient(to bottom right, #ab47bc 0, #4527a0 100%);
  color: #7127a8;
}

.teal {
  background: -webkit-gradient(
    linear,
    left top,
    right bottom,
    color-stop(0, #4db6ac),
    to(#00796b)
  );
  background: -o-linear-gradient(top left, #4db6ac 0, #00796b 100%);
  background: linear-gradient(to bottom right, #4db6ac 0, #00796b 100%);
  color: #34a297;
}

.blue {
  background: -webkit-gradient(
    linear,
    left top,
    right bottom,
    color-stop(0, #4fc3f7),
    to(#2196f3)
  );
  background: -o-linear-gradient(top left, #4fc3f7 0, #2196f3 100%);
  background: linear-gradient(to bottom right, #4fc3f7 0, #2196f3 100%);
  color: #259af3;
}

.blue-dark {
  background: -webkit-gradient(
    linear,
    left top,
    right bottom,
    color-stop(0, #1976d2),
    to(#283593)
  );
  background: -o-linear-gradient(top left, #1976d2 0, #283593 100%);
  background: linear-gradient(to bottom right, #1976d2 0, #283593 100%);
  color: #1c68c5;
}

.green {
  background: -webkit-gradient(
    linear,
    left top,
    right bottom,
    color-stop(0, #cddc39),
    to(#8bc34a)
  );
  background: -o-linear-gradient(top left, #cddc39 0, #8bc34a 100%);
  background: linear-gradient(to bottom right, #cddc39 0, #8bc34a 100%);
  color: #7cb342;
}

.green-dark {
  background: -webkit-gradient(
    linear,
    left top,
    right bottom,
    color-stop(0, #4caf50),
    to(#1b5e20)
  );
  background: -o-linear-gradient(top left, #4caf50 0, #1b5e20 100%);
  background: linear-gradient(to bottom right, #4caf50 0, #1b5e20 100%);
  color: #00944a;
}

.silver {
  background: -webkit-gradient(
    linear,
    left top,
    right bottom,
    color-stop(0, #e0e0e0),
    to(#bdbdbd)
  );
  background: -o-linear-gradient(top left, #e0e0e0 0, #bdbdbd 100%);
  background: linear-gradient(to bottom right, #e0e0e0 0, #bdbdbd 100%);
  color: #9e9e9e;
}

.border-col {
  background: var(--color-border);
  color: var(--color-text);
}

.gold {
  background: -webkit-gradient(
    linear,
    left top,
    right bottom,
    color-stop(0, #e6ce6a),
    to(#b7892b)
  );
  background: -o-linear-gradient(top left, #e6ce6a 0, #b7892b 100%);
  background: linear-gradient(to bottom right, #e6ce6a 0, #b7892b 100%);
  color: #b7892b;
}

.game:hover {
  border-color: var(--color-bg);
  -webkit-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s;
}

.game:hover .game-title {
  color: #fff;
}

.game:hover .game-preview {
  -webkit-transition: all 10s linear;
  -o-transition: all 10s linear;
  transition: all 10s linear;
}

.game:hover .game-preview::before,
.owl-item.active.center .game-preview::before {
  background-position: 0 30%;
}

.game-preview.hover::before {
  background-position: 20%;
}

.game-descr {
  display: -webkit-box;
  padding-top: 3px;
  -webkit-line-clamp: 3;
  width: 90%;
  font-size: 1em;
  -webkit-box-orient: vertical;
  overflow: hidden;
  max-height: 1px;
  color: #ffffff00;
  -webkit-transition: all 1s cubic-bezier(0.17, 0.67, 1, 1.23);
  -o-transition: all 1s cubic-bezier(0.17, 0.67, 1, 1.23);
  transition: all 1s cubic-bezier(0.17, 0.67, 1, 1.23);
}

.card-pendencia,
.game-status {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}

.card-pendencia {
  position: relative;
  max-width: 260px;
  max-height: 43px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  padding: 8px;
  background: #ef4646;
  border-radius: var(--border-medium);
  -webkit-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.card-pendencia button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 5px;
  font-size: 18px;
  letter-spacing: 1.2;
}

.game-descr.hover,
.game:hover .game-descr,
.owl-item.active.center .game-descr {
  margin-bottom: 6px;
  max-height: 100px;
  color: #fff;
}

.game-status {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 100%;
  padding: 12px 24px;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.gt-name {
  line-height: 120%;
  font-size: 2.5em;
}

.card-subtitulo {
  font-size: 1em;
  display: inline-block;
  vertical-align: middle;
  text-transform: uppercase;
  color: #fff;
  padding: 3px 0;
  line-height: 1;
  margin-top: 0;
}

.card-subtitulo span {
  display: block;
}

.game:hover .card-subtitulo {
  color: #fff;
}

.game.certif::after {
  content: none;
}

.owl-dots {
  position: relative !important;
  z-index: 10 !important;
  margin-top: 24px !important;
}

.owl-dots.disabled,
.owl-nav.disabled {
  display: none;
}

.owl-dot span {
  background: var(--color-text-offset) !important;
}

.owl-dot.active span {
  background: var(--color-text) !important;
}

.game.hover .card-preco,
.game:hover .card-preco,
.game:hover .card-preco.duracao,
.owl-item.active.center .card-preco,
.owl-item.active.center .card-preco.duracao {
  bottom: 0 !important;
}

.card-preco.duracao,
.card-preco.online {
  text-shadow: 1px 1px #00000044;
  font-size: 12px;
  margin: 0;
  border-radius: var(--border-micro);
}

.alarm {
  -webkit-animation: 0.5s Alarm infinite;
  animation: 0.5s Alarm infinite;
}

.card-preco.online {
  bottom: 0;
  background: -webkit-gradient(
    linear,
    left bottom,
    left top,
    from(var(--color-primary)),
    to(var(--color-primary-offset))
  );
  background: -o-linear-gradient(
    bottom,
    var(--color-primary),
    var(--color-primary-offset) 100%
  );
  background: linear-gradient(
    0deg,
    var(--color-primary),
    var(--color-primary-offset) 100%
  );
  -webkit-animation: 0.5s Alarm infinite;
  animation: 0.5s Alarm infinite;
}

.card-preco.duracao {
  -webkit-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s;
  -webkit-transition-delay: 0.05s;
  -o-transition-delay: 0.05s;
  transition-delay: 0.05s;
  background: var(--color-primary);
  border-radius: var(--border-micro) 0 0 var(--border-micro);
}

.card-preco.free {
  background: -webkit-gradient(
    linear,
    left bottom,
    left top,
    from(#25d366),
    to(#62faa1)
  );
  background: -o-linear-gradient(bottom, #25d366, #62faa1 100%);
  background: linear-gradient(0deg, #25d366, #62faa1 100%);
  font-size: 16px;
}

.card-percent,
.card-preco,
.card-preco-compra,
.card-preco-page {
  font-family: league spartan;
  min-width: -webkit-fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content;
  font-weight: 600;
  color: #fff;
}

.card-preco-page {
  -webkit-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s;
  font-size: 32px;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.card-percent,
.card-preco,
.card-preco-compra {
  position: relative;
  font-size: 24px;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.card-preco-compra {
  -webkit-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s;
  text-shadow: 0 0 10px #f9b9324a;
  gap: 3px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  white-space: nowrap;
}

.card-percent,
.card-preco {
  right: 0;
  border-radius: 0 0 var(--border-micro) var(--border-micro);
}

.card-preco {
  -webkit-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s;
  background: -webkit-gradient(
    linear,
    left bottom,
    left top,
    from(#f8a103),
    color-stop(50%, #face54),
    to(#fad662)
  );
  background: -o-linear-gradient(bottom, #f8a103, #face54 50%, #fad662 100%);
  background: linear-gradient(0deg, #f8a103, #face54 50%, #fad662 100%);
  text-shadow: 0 0 10px #f9b9324a;
  bottom: 52px;
  padding: 26px 10px 0;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: var(--border-micro) 0 var(--border-micro) 0;
}

.card-percent {
  text-shadow: 0 0 10px #f9b9327a;
  padding: 8px;
  line-height: 0.5;
  background: #ccc;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  border-radius: var(--border-micro);
}

.flames-top {
  position: relative;
  top: 0;
  margin-left: 2px;
  mix-blend-mode: overlay;
  text-shadow: 1px 1px #00000033;
  font-size: 12px;
  letter-spacing: 0;
}

.card-preco .cut::before {
  content: '';
  position: absolute;
  top: 8px;
  height: 4px;
  width: 100%;
  background-color: red;
}

.card-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: -webkit-fill-available;
}

.game-status .status:not(:last-child) {
  margin-right: 20px;
}

.game-name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 13px;
  font-weight: 700;
}

.game-logo {
  margin-right: 8px;
  font-size: 0;
}

.game-logo .game-pic {
  max-width: 24px;
  max-height: 24px;
}

.game-actions {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: space-around;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 50px;
  border-top: 1px solid var(--color-border);
}

.game-action {
  height: 100%;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.game-action .icon {
  font-size: 18px;
  fill: var(--color-text-offset);
  color: var(--color-text-offset);
  -webkit-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s;
}

.game-line .game-action .icon .bi-cart-plus-fill {
  display: none;
}

.game-action .icon-eye {
  font-size: 16px;
}

.bg-like {
  color: #ff1e7c !important;
  text-shadow: 0 0 5px #ec1eff9a;
}

.game-action .icon-link {
  font-size: 12px;
}

.game-action:hover .icon {
  fill: var(--color-primary);
  color: var(--color-primary);
}

.game_line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 8px;
}

.game_line:before {
  top: 0;
  left: 0;
  right: 0;
  bottom: -8px;
}

.game-types,
.game_line .game-types {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 12px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.game-types {
  padding-right: 10px;
  gap: 6px;
}

.game_line .game-types {
  gap: 5px;
  margin-top: -28px;
  -o-object-fit: scale-down;
  object-fit: scale-down;
}

.game_line .game-preview,
.game_line .game-preview::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  border-radius: var(--border-small);
}

.game_line .game-preview {
  background-color: #1b1d21;
  z-index: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  height: 88px;
}

.game_line .game-preview::before {
  z-index: 1;
  content: '';
  height: 100%;
  background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    from(#000),
    to(transparent)
  );
  background-image: -o-linear-gradient(bottom, #000, transparent);
  background-image: linear-gradient(0deg, #000, transparent);
  opacity: 0.7;
}

.game_line .game-line {
  display: none;
}

.game_line .game-details {
  width: 100%;
  min-height: 140px;
  padding: 0 24px;
}

.category {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 6px;
  margin-bottom: 25px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.enviar-atividade input[type='file'],
.game_line .category {
  display: none;
}

.game_line .game-status {
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.game_line .game-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #fff;
  z-index: 1;
  height: 70px;
  line-height: 1.33;
  text-shadow: 1px 1px 2px #000;
  margin-bottom: 10px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.game_line .game-name {
  position: absolute;
  top: 32px;
  right: 32px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.game_line .game-logo {
  margin: 0 0 0 8px;
}

.game_line .game-actions {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 160px;
  flex: 0 0 160px;
  margin: 0;
  right: 20px;
  bottom: 2px;
  border: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 0;
  gap: 20px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: space-evenly;
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly;
}

.game_line .status:not(:last-child) {
  margin-right: 20px;
}

body.touch-device .game .checkbox {
  visibility: visible;
  opacity: 1;
}

.details-container {
  position: relative;
  padding: 32px 32px 38px;
  background: var(--color-bg-card);
  border-radius: var(--border-small);
}

.details-container:before {
  content: '';
  position: absolute;
  top: 28px;
  left: 18px;
  right: 18px;
  bottom: -28px;
  z-index: -1;
  background: #00000015;
  opacity: 0.91;
  -webkit-filter: blur(86px);
  filter: blur(86px);
  border-radius: var(--border-small);
}

.details-title {
  margin-bottom: 40px;
}

.details-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 30px;
}

.details-col:first-child {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 60%;
  padding-right: 24px;
}

.details-col:nth-child(2) {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 calc(100% - 370px);
  flex: 0 0 calc(100% - 370px);
  width: calc(100% - 370px);
  max-width: calc(100% - 370px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.details-top {
  margin-bottom: 16px;
  padding-bottom: 16px;
  border-bottom: 1px solid var(--color-border);
}

.details-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.details-flex:not(:last-child) {
  margin-bottom: 16px;
}

.details-line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #5f75ee;
  -webkit-transition: color 0.25s;
  -o-transition: color 0.25s;
  transition: color 0.25s;
}

.details-line:hover,
.footer-guide a:hover,
.footer-guide h2 {
  color: var(--color-primary);
}

.details-preview {
  font-size: 0;
}

.details-line .details-preview {
  width: 32px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-right: 16px;
}

.details-statistics {
  margin-bottom: 20px;
}

.details-statistics,
.details-status,
.details-status .details-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.details-status .details-icon {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  margin-right: 4px;
  border-radius: 50%;
  font-size: 0;
}

.details-status .details-icon .icon {
  font-size: 6px;
  fill: #fff;
}

.details-box {
  position: relative;
  padding: 5px 5px 13px;
  border-radius: var(--border-small);
  background: var(--color-secondary);
}

.details-chart_activity {
  width: 60px;
  height: 25px;
}

.details-chart_counter {
  height: 200px;
}

.details-chart_counter .apexcharts-tooltip.apexcharts-theme-light {
  background: #1b1d21;
  border: 0;
  color: #fff;
}

.return-button {
  margin-top: 3px !important;
  width: 46px;
  fill: #000;
  border-radius: var(--border-big);
  color: var(--color-border);
  font-size: 1000px;
  position: fixed;
  opacity: 0.3;
  top: 45%;
  margin-left: -100px;
  z-index: -2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 46px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.details-list {
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: var(--border-small);
  min-height: 80px;
  border: 1px solid var(--color-border);
  -webkit-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s;
}

.popin {
  -webkit-animation: fadeIn ease-in-out 0.5s both;
  animation: fadeIn ease-in-out 0.5s both;
}

.details-list:hover {
  background-color: var(--color-border);
  -webkit-transition: all 0.25;
  -o-transition: all 0.25;
  transition: all 0.25;
}

.details-item {
  width: 100%;
  padding: 12px;
}

.pago {
  background-color: #7fba7a;
}

.search-box {
  padding: 0 10px;
  overflow: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-shadow: 0 70px 50px -30px #00000033;
  box-shadow: 0 70px 50px -30px #00000033;
  z-index: -20;
  max-height: 546px;
  margin-top: 12px;
  left: 0;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  width: 100%;
  background-color: var(--color-bg-card);
  position: absolute;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.search-item {
  margin: 1px 0;
  min-height: 78px;
  height: 78px;
  width: 100%;
  background-color: #ffffff0f;
  border-radius: var(--border-micro);
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  -webkit-animation: opacityIn 0.5s ease-in-out forwards;
  animation: opacityIn 0.5s ease-in-out forwards;
}

.footer-guide,
.footer-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.footer-guide {
  width: 200px;
  gap: 8px;
  font-family: poppins, Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: var(--color-text-offset);
}

.footer-guide h3 {
  font-weight: 100;
  color: var(--color-text);
}

.saga a {
  color: #f05a23 !important;
}

.footer-guide a {
  color: var(--color-text-offset);
  -webkit-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
}

.footer-wrap {
  z-index: 9;
  padding: 32px 32px 82px;
  position: relative;
  height: calc(1296px + (59vw * (-1)));
  min-height: 386px;
  place-items: self-end;
  background: var(--color-border);
  gap: 24px;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-line-pack: start;
  align-content: flex-start;
}

.btn-social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 42px;
  line-height: 1;
  height: 42px;
  background: var(--color-bg-offset);
  border-radius: var(--border-small);
  color: #fff !important;
  font-size: 24px;
  -webkit-transition: all 0.5 ease-in-out;
  -o-transition: all 0.5 ease-in-out;
  transition: all 0.5 ease-in-out;
}
.btn-social-perfil {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 64px;
  line-height: 1;
  height: 64px;
  background: #fd4770;
  border-radius: var(--border-small);
  color: var(--color-text);
  font-size: 32px;
  -webkit-transition: all 0.5 ease-in-out;
  -o-transition: all 0.5 ease-in-out;
  transition: all 0.5 ease-in-out;
}

.btn-social-perfil:hover {
  color: var(--color-border);
  background: var(--color-text);
}

.btn-social.ra {
  font-family: poppins;
  width: 82px;
  font-size: 13px;
  font-weight: 800;
  padding-left: 24px;
  margin-top: 18px;
  height: 24px;
  border-radius: var(--border-micro);
  background: #128c42;
  color: #e5f784;
}

.btn-social.instagram {
  background: #d6249f;
  background: -o-radial-gradient(
    30% 107%,
    circle,
    #fdf497 0,
    #fdf497 5%,
    #fd5949 45%,
    #d6249f 60%,
    #285aeb 90%
  );
  background: radial-gradient(
    circle at 30% 107%,
    #fdf497 0,
    #fdf497 5%,
    #fd5949 45%,
    #d6249f 60%,
    #285aeb 90%
  );
}

.btn-social.Gvideo {
  width: auto;
  height: auto;
  background: #d6249f;
  background: conic-gradient(
    from -50deg,
    #e94235 33%,
    #4285f4 25% 50%,
    #34a853 50% 75%,
    #fabb05 75% 100%
  );
  background-position: 72% 50%;
  background-size: 200%;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-transition: all 0.5 ease-in-out;
  -o-transition: all 0.5 ease-in-out;
  transition: all 0.5 ease-in-out;
}

.btn-social.youtube {
  background: red;
}

.btn-social.linkedin {
  background: #0077b5;
}

.btn-social.whatsapp {
  background: #25d366;
}

.btn-social.blog {
  background: #ff9309;
}

.btn-social.twitch {
  background: #9147ff;
}

.btn-social.mono {
  background: var(--color-bg-offset);
}

.btn-social.mono:hover {
  color: var(--color-primary) !important;
  background: var(--color-bg);
  -webkit-transition: all 0.5 ease-in-out;
  -o-transition: all 0.5 ease-in-out;
  transition: all 0.5 ease-in-out;
}

.pago-check {
  float: right;
  margin-left: 4px;
  margin-top: -4px;
}

.details-item:not(:last-child) {
  border-right: 1px solid var(--color-border);
}

.details-counter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  line-height: 0.7;
}

.details-head,
.details-head .details-preview {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.details-head {
  /* margin-bottom: 8px */
}

.details-head .details-preview {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  margin-right: 8px;
  border-radius: var(--border-micro);
  font-size: 0;
}

.details-head .details-pic {
  max-width: 8px;
}

.details-indicator {
  position: relative;
  height: 2px;
  border-radius: 1px;
  background: #22222214;
}

.details-progress {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
}

.details-remove {
  position: absolute;
  top: 8px;
  right: 8px;
  z-index: 2;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: #fff;
  font-size: 0;
}

.details-remove .icon {
  font-size: 10px;
  -webkit-transition: -webkit-transform 0.25s;
  -o-transition: transform 0.25s;
  transition: -webkit-transform 0.25s;
  transition: transform 0.25s;
  transition: transform 0.25s, -webkit-transform 0.25s;
}

.details-remove:hover .icon {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.details_sm .details-chart_activity {
  width: 60px;
  margin-left: auto;
  padding: 0;
}

.details_sm .details-chart_counter {
  height: 210px;
}

.details_sm .details-line {
  margin-right: auto;
}

.details_sm .details-status {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-left: 20px;
}

.details_sm .details-box {
  margin-bottom: 16px;
  padding: 5px 10px 0 3px;
}

.details_sm .details-container {
  padding: 16px;
}

.details_sm .details-container:before {
  top: 0;
  left: 11px;
  right: 11px;
  bottom: -30px;
}

.details_sm .details-list {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.details_sm .details-item {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  width: 50%;
  padding: 16px;
}

.details_sm .details-item:nth-child(2n + 1) {
  border-right: 1px solid var(--color-border);
}

.details_big:not(:last-child) {
  margin-bottom: 40px;
}

.details_big .details-container:before {
  left: 40px;
  right: 40px;
}

.details_big .details-number {
  margin-bottom: 16px;
}

.details_big .details-line {
  color: var(--color-secondary);
}

.details_big .details-chart_activity {
  width: 80px;
  margin-right: auto;
}

.widget-action,
.widget-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.widget-head {
  margin-bottom: 23px;
}

.widget-head .widget-title {
  margin-right: auto;
}

.widget > .widget-title {
  margin-bottom: 12px;
}

.widget > .widget-title_mb40 {
  margin-bottom: 40px;
}

.widget-action {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  -webkit-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 7px rgba(0, 0, 0, 0.1);
  font-size: 0;
  -webkit-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s;
}

.widget-action .icon {
  font-size: 12px;
  fill: #11142d;
  -webkit-transition: fill 0.25s;
  -o-transition: fill 0.25s;
  transition: fill 0.25s;
}

.widget-action:hover {
  -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.widget-action:hover .icon {
  fill: var(--color-primary);
}

.widget .games-item:not(:last-child),
.widget .games:not(:last-child) {
  margin-bottom: 16px;
}

.widget-chart {
  max-width: 130px;
  height: 115px;
  margin: 0 auto 32px;
}

.widget-counter {
  margin-bottom: 12px;
}

.widget-text {
  margin-bottom: 32px;
}

.widget-slider {
  visibility: hidden;
}

.widget-slider.slick-initialized {
  visibility: visible;
}

.widget-parameters {
  position: relative;
  margin-top: -40px;
  padding: 76px 24px 32px;
  background: #fff;
  border-radius: var(--border-medium);
}

.widget-parameters:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: -12px;
  z-index: -2;
  background: #e3e3e3;
  opacity: 0.91;
  -webkit-filter: blur(86px);
  filter: blur(86px);
  border-radius: var(--border-medium);
}

.widget-parameter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 13px;
  font-weight: 500;
}

.widget-parameter:not(:last-child) {
  margin-bottom: 24px;
}

.widget-parameter .widget-category {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  color: #808191;
}

.widget .player {
  position: relative;
  z-index: 2;
  margin: 0;
}

.widget .player-container:before {
  top: 55px;
  left: 10px;
  right: 10px;
  bottom: -20px;
}

.widget .player-parameter {
  color: #808191;
}

.widget .slick-list {
  overflow: visible;
}

.widget .slick-slide {
  opacity: 0;
  -webkit-transition: opacity 0.25s;
  -o-transition: opacity 0.25s;
  transition: opacity 0.25s;
}

.widget .slick-slide.slick-active {
  opacity: 1;
}

.widget .slick-arrow {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #fff;
  -webkit-box-shadow: 0 5px 15px rgba(27, 29, 33, 0.08);
  box-shadow: 0 5px 15px rgba(27, 29, 33, 0.08);
  font-size: 0;
  -webkit-transition: background 0.25s;
  -o-transition: background 0.25s;
  transition: background 0.25s;
}

.widget .slick-arrow .icon {
  font-size: 10px;
  fill: #11142d;
  -webkit-transition: fill 0.25s;
  -o-transition: fill 0.25s;
  transition: fill 0.25s;
}

.widget .slick-arrow:hover {
  background: var(--color-secondary);
}

.widget .slick-arrow:hover .icon {
  fill: #fff;
}

.widget_center {
  text-align: center;
}

.widget_earning {
  padding: 50px 50px 41px;
}

.widget_shadow {
  position: relative;
  background: #fff;
  border-radius: var(--border-medium);
}

.widget_shadow:before {
  content: '';
  position: absolute;
  top: 28px;
  left: 18px;
  right: 18px;
  bottom: -50px;
  z-index: -2;
  background: #e3e3e3;
  opacity: 0.91;
  -webkit-filter: blur(86px);
  filter: blur(86px);
  border-radius: var(--border-medium);
}

.widget_videos .slick-arrow {
  position: absolute;
  top: -65px;
}

.widget_videos .slick-prev {
  right: 40px;
}

.widget_videos .slick-next {
  right: 0;
}

.widget_videos .widget-title {
  margin-bottom: 40px;
}

.widget_videos .widget-btn {
  margin-top: 24px;
}

.chat {
  position: relative;
  height: calc(100vh - 96px);
  padding-left: 375px;
}

.chat-sidebar {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 375px;
  padding: 32px 0;
  border-right: 1px solid var(--color-border);
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

.chat-item {
  padding: 0 20px;
}

.chat-item:not(:last-child) {
  margin-bottom: 32px;
  padding-bottom: 32px;
  border-bottom: 1px solid var(--color-border);
}

.chat-head {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 32px;
  padding: 0 45px 0 20px;
  font-size: 12px;
  font-weight: 500;
  color: #808191;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  -webkit-transition: color 0.25s;
  -o-transition: color 0.25s;
  transition: color 0.25s;
}

.chat-head:before {
  content: '';
  position: absolute;
  top: 50%;
  right: 25px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 11px;
  height: 6px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='8' viewBox='0 0 14 8'%3E%3Cpath fill='%2311142d' d='M13.707.293a1 1 0 0 1 .083 1.32l-.083.094-6 6a1 1 0 0 1-1.32.083l-.094-.083-6-6A1 1 0 0 1 1.613.21l.094.083L7 5.585 12.293.293a1 1 0 0 1 1.32-.083l.094.083z'/%3E%3C/svg%3E")
    no-repeat 50% 50%/100%auto;
  -webkit-transition: -webkit-transform 0.25s;
  -o-transition: transform 0.25s;
  transition: -webkit-transform 0.25s;
  transition: transform 0.25s;
  transition: transform 0.25s, -webkit-transform 0.25s;
}

.chat-head:hover {
  color: #11142d;
}

.chat-item.active .chat-head:before {
  -webkit-transform: translateY(-50%) rotate(180deg);
  -ms-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg);
}

.chat-body {
  display: none;
  padding-top: 12px;
}

.chat-line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 80px;
  padding: 0 20px 0 22px;
  border-radius: var(--border-small);
  border: 1px solid #e3e3e3;
  color: #11142d;
  -webkit-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s;
}

.chat-line .ava {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 46px;
  height: 46px;
  border-width: 3px;
  -webkit-box-shadow: 0 0 0 2px #0049c6;
  box-shadow: 0 0 0 2px #0049c6;
  -webkit-transition: border-color 0.25s;
  -o-transition: border-color 0.25s;
  transition: border-color 0.25s;
}

.chat-line .ava:before {
  top: -4px;
}

.chat-line:hover {
  background: rgba(228, 228, 228, 0.5);
  border-color: transparent;
}

.chat-line.active {
  background: var(--color-primary);
  color: #fff;
}

.chat-line.active .ava {
  border-color: var(--color-primary);
}

.chat-line.active .chat-time {
  color: #fff;
}

.chat-line:not(:last-child) {
  margin-bottom: 12px;
}

.chat-details {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  padding: 0 16px;
}

.chat-man {
  font-weight: 600;
}

.chat-time {
  font-size: 13px;
  font-weight: 500;
  color: #808191;
  -webkit-transition: color 0.25s;
  -o-transition: color 0.25s;
  transition: color 0.25s;
}

.chat-ava,
.chat-counter {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 32px;
  height: 32px;
}

.chat-ava {
  font-size: 0;
}

.chat-ava .chat-pic {
  width: 100%;
  min-height: 100%;
  border-radius: 50%;
}

.chat-counter {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 50%;
  font-size: 12px;
  font-weight: 600;
  color: #fff;
}

.chat-counter,
.chat-games,
.chat-users {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.chat-games .chat-ava:not(:last-child) {
  margin-right: 4px;
}

.chat-users .chat-ava:not(:first-child),
.chat-users .chat-counter:not(:first-child) {
  margin-left: -8px;
}

.chat-btns {
  margin-top: 32px;
  text-align: center;
}

.chat-btns .chat-btn {
  min-width: 248px;
}

.chat-container {
  max-height: 100%;
  padding: 32px 64px;
  -webkit-overflow-scrolling: touch;
}

.chat-action,
.chat-actions,
.chat-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.chat-top {
  margin-bottom: 32px;
}

.chat-action,
.chat-actions {
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.chat-actions {
  margin-left: 25px;
}

.chat-action {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  font-size: 0;
  -webkit-transition: opacity 0.25s;
  -o-transition: opacity 0.25s;
  transition: opacity 0.25s;
}

.chat-action .icon {
  font-size: 20px;
  fill: #11142d;
}

.chat-action .icon-star-fill {
  fill: #ffce73;
}

.chat-action:hover {
  opacity: 0.7;
}

.chat-action:not(:last-child) {
  margin-right: 40px;
}

.messages-list:not(:last-child) {
  margin-bottom: 48px;
}

.messages-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: top;
  -ms-flex-align: top;
  align-items: top;
}

.messages-item:not(:last-child) {
  margin-bottom: 24px;
}

.reverse-flex {
  -webkit-box-pack: start !important;
  -ms-flex-pack: start !important;
  justify-content: flex-start !important;
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: reverse !important;
  -ms-flex-direction: row-reverse !important;
  flex-direction: row-reverse !important;
}

.video-bg-login::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 0.8;
  height: 100%;
  background: url(../img/crt.png);
}

.login-logo {
  width: 400px;
  display: block;
  z-index: 4;
  height: 100px;
  -webkit-mask-image: var(--logo);
  mask-image: var(--logo);
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  font-size: 0;
  background: var(--color-primary);
  -webkit-filter: drop-shadow(0 10px 12px rgba(0, 0, 0, 0.4));
  filter: drop-shadow(0 10px 12px rgba(0, 0, 0, 0.4));
}

.messages-ava {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 30px;
  height: 30px;
  margin: -6px 10px 0;
  font-size: 0;
}

.messages-ava .messages-pic {
  width: 100%;
  min-height: 100%;
  border-radius: 50%;
}

.messages-actions {
  position: absolute;
  top: 8px;
  right: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 16px;
  height: 40px;
  border-radius: var(--border-small);
  background: #1b1d21;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s;
}

.messages-action {
  width: 16px;
  height: 16px;
  font-size: 0;
  -webkit-transition: opacity 0.25s;
  -o-transition: opacity 0.25s;
  transition: opacity 0.25s;
}

.messages-action .icon {
  font-size: 16px;
  fill: #fff;
}

.messages-action .icon-menu {
  font-size: 4px;
}

.messages-action:hover {
  opacity: 0.75;
}

.messages-action:not(:last-child) {
  margin-right: 24px;
}

.messages-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 16px;
  gap: 12px;
  font-size: 13px;
  font-weight: 500;
}

.messages-time {
  color: #808191;
}

.messages-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-top: -8px;
}

.messages-text {
  position: relative;
  min-width: 180px;
  margin-top: 8px;
  padding: 16px 24px;
  border-radius: var(--border-small);
  background: var(--color-border);
  line-height: 1.71429;
  color: var(--color-text-offset);
  cursor: pointer;
  -webkit-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s;
}

.messages-text:hover {
  background: var(--color-secondary);
  color: #fff;
}

.messages-text:not(:first-child) {
  border-top-left-radius: 4px;
}

.messages-text:not(:last-child) {
  border-bottom-left-radius: 4px;
}

.messages-text:hover .messages-actions {
  visibility: visible;
  opacity: 1;
}

.messages .games {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 492px;
  margin: 4px -4px 0;
}

.messages .games-item {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 calc(50% - 8px);
  flex: 0 0 calc(50% - 8px);
  width: calc(50% - 8px);
  margin: 4px 4px 0;
}

.messages .player {
  max-width: 490px;
  margin-top: 8px;
}

.explosion-anim,
.explosion-anim3 {
  zoom: 1.2;
  z-index: 0;
  width: 640px;
  height: 640px;
  position: absolute;
}

.explosion-anim {
  background: url(../img/explosion.png) no-repeat;
  background-position: 0 0;
  -webkit-animation: explode 1s steps(26) forwards;
  animation: explode 1s steps(26) forwards;
  -webkit-filter: drop-shadow(0 0 6px var(--color-primary))
    drop-shadow(0 0 16px var(--color-primary-offset))
    drop-shadow(0 0 32px var(--color-secondary));
  filter: drop-shadow(0 0 6px var(--color-primary))
    drop-shadow(0 0 16px var(--color-primary-offset))
    drop-shadow(0 0 32px var(--color-secondary));
}

.heart,
.step {
  cursor: pointer;
}

.heart {
  width: 100px;
  height: 100px;
  position: absolute;
  zoom: 0.8;
  margin-top: 8px;
  -webkit-transform: translate(-35%, -20%);
  -ms-transform: translate(-35%, -20%);
  transform: translate(-35%, -20%);
  background: url(../img/heart.png) no-repeat;
  background-position: 0 0;
  background-size: 2900px 100px;
}

input:checked + .heart {
  background-position: -2800px 0;
  -webkit-transition: background 1s steps(28);
  -o-transition: background 1s steps(28);
  transition: background 1s steps(28);
  -webkit-animation: fave-heart 1s steps(28);
  animation: fave-heart 1s steps(28);
}

.editor-wrap {
  background: var(--color-border);
  border-radius: var(--border-small);
}

.editor-head {
  padding: 16px;
  font-size: 12px;
  font-weight: 600;
  color: var(--color-text-offset);
  border-bottom: 1px solid var(--color-primary);
}

.editor-action,
.editor-control,
.editor-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.editor-control {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -16px auto 0-16px;
}

.editor-action {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  margin: 16px 0 0 16px;
  border-radius: var(--border-micro);
  background: #e3e3e3;
  font-size: 0;
  -webkit-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s;
}

.editor-action .icon {
  font-size: 12px;
  fill: #808191;
  -webkit-transition: fill 0.25s;
  -o-transition: fill 0.25s;
  transition: fill 0.25s;
}

.editor-action:hover .icon {
  fill: #11142d;
}

.editor-action.active,
.editor-add {
  background: #1b1d21;
}

.editor-action.active .icon {
  fill: #fff;
}

.editor-add {
  position: relative;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  margin-left: 30px;
  border-radius: 50%;
  -webkit-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s;
}

.editor-add:after,
.editor-add:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: #fff;
}

.editor-add:before {
  width: 8px;
  height: 2px;
}

.editor-add:after {
  width: 2px;
  height: 8px;
}

.editor-add:hover {
  background: rgba(27, 29, 33, 0.8);
}

.editor-body {
  padding: 16px;
}

.editor-textarea {
  width: 100%;
  height: 110px;
  border: 0;
  background: 0 0;
  color: var(--color-text);
  resize: none;
  font-size: 14px;
}

.editor-btn {
  min-width: 195px;
  margin-top: 16px;
}

.popup {
  position: relative;
}

.popup-form {
  border-radius: var(--border-medium);
  overflow: hidden;
}

.popup-title {
  margin-bottom: 48px;
}

.popup-tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -13px 0 32px -13px;
}

.popup-tag {
  margin: 13px 0 0 13px;
  border: 2px solid #6c5dd3;
  border-radius: var(--border-small);
  padding: 6px 16px;
  line-height: 1.42857;
  font-weight: 600;
  color: #11142d;
  -webkit-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s;
}

.popup-tag.active,
.popup-tag:hover {
  background: var(--color-primary);
  border-color: var(--color-primary);
  color: #fff;
}

.popup-form > .popup-field {
  margin-bottom: 32px;
}

.popup-user:not(:last-child) {
  margin-bottom: 32px;
  padding-bottom: 32px;
  border-bottom: 1px solid var(--color-border);
}

.popup-category {
  margin-bottom: 32px;
  color: #808191;
}

.flex-mobile,
.popup-line {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.flex-mobile {
  gap: 12px;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.popup-line {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  display: -webkit-box;
  display: -ms-flexbox;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.popup-ava {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 230px;
  font-size: 0;
}

.popup-ava .popup-pic {
  width: 100%;
  min-height: 100%;
  border-radius: 50%;
  image-orientation: from-image;
}

.popup-details {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.popup-btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 7px;
}

.popup-btns .popup-btn {
  min-width: 166px;
}

.popup-btns .popup-btn:not(:last-child),
.popup-loading:not(:last-child) {
  margin-right: 16px;
}

.popup-loading {
  position: relative;
  overflow: hidden;
  border-radius: var(--border-small);
}

.popup-file {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 140px;
  opacity: 0;
}

.popup-loading:hover .popup-btn {
  background: #5a49ce;
}

.popup-text {
  color: #808191;
}

.popup-fieldset {
  margin-bottom: 24px;
}

.popup-fieldset > .popup-field:not(:last-child),
.popup-row:not(:last-child) {
  margin-bottom: 20px;
}

.popup-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0-8px;
}

.popup-row .popup-field {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 calc(50% - 16px);
  flex: 0 0 calc(50% - 16px);
  width: calc(50% - 16px);
  margin: 0 8px;
}

.popup-form > .popup-btn {
  min-width: 184px;
}

.popup .mfp-close {
  position: absolute;
  width: 48px;
  height: 48px;
  color: var(--color-text);
  border-radius: 50%;
  line-height: normal;
  opacity: 1;
  padding: 0;
  font-size: 24px;
  text-align: center;
  background: var(--color-bg-card)
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3E%3Cpath fill='%2311142d' d='M1.613.2l.094.083L5 3.585 8.293.293a1 1 0 0 1 1.414 0 1 1 0 0 1 .083 1.32l-.083.094L6.415 5l3.292 3.293a1 1 0 0 1-1.32 1.497l-.094-.083L5 6.415 1.707 9.707A1 1 0 0 1 .21 8.387l.083-.094L3.585 5 .293 1.707a1 1 0 0 1 0-1.414A1 1 0 0 1 1.613.21z'/%3E%3C/svg%3E")
    no-repeat 50% 50%/10px auto;
  -webkit-transition: -webkit-box-shadow 0.25s;
  -o-transition: box-shadow 0.25s;
  transition: -webkit-box-shadow 0.25s;
  transition: box-shadow 0.25s;
  transition: box-shadow 0.25s, -webkit-box-shadow 0.25s;
  -webkit-tap-highlight-color: transparent;
  top: 20px;
  right: 32px;
}

.popup .mfp-close:hover {
  -webkit-box-shadow: 0 0 0 2px var(--color-text-offset);
  box-shadow: 0 0 0 2px var(--color-text-offset);
}

#iframe_load {
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

.mfp-iframe {
  width: 100%;
}

.popup_settings {
  max-width: 630px;
  margin: 0 auto;
  background: var(--color-bg-card);
  border-radius: var(--border-medium);
}

.popup_stories {
  max-width: 1173px;
  margin: 15px auto;
}

.popup_stories .mfp-close {
  top: -10px;
  right: -60px;
}

.mfp-container {
  padding: 20px;
}

.mfp-bg {
  background: rgba(27, 29, 33, 0.9);
}

.mfp-zoom-in .popup {
  opacity: 0;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-transform: scale(0.8);
  -ms-transform: scale(0.8);
  transform: scale(0.8);
}

.mfp-zoom-in.mfp-bg {
  opacity: 0;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.mfp-zoom-in.mfp-ready .popup {
  opacity: 1;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.mfp-zoom-in.mfp-ready.mfp-bg {
  opacity: 0.8;
}

.mfp-zoom-in.mfp-removing .popup {
  -webkit-transform: scale(0.8);
  -ms-transform: scale(0.8);
  transform: scale(0.8);
  opacity: 0;
}

.mfp-zoom-in.mfp-removing.mfp-bg {
  opacity: 0;
}

.author-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  padding: 48px;
  background: var(--color-bg-card);
  border-radius: var(--border-medium);
  -webkit-box-shadow: 0 24px 48px -12px #0000002e;
  box-shadow: 0 24px 48px -12px #0000002e;
}

.author-value {
  word-break: break-word;
  line-height: 1;
  width: 100%;
}

.author-details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: auto;
  height: 100%;
}

.aliberar:after,
.completo:after,
.confirm:after {
  content: '';
  display: inline-block;
  border-radius: 50%;
}

.confirm:after {
  position: relative;
  bottom: -1px;
  margin-left: 15px;
  width: 32px;
  height: 32px;
  background: #7fba7a
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='7' viewBox='0 0 8 7'%3E%3Cpolygon fill='%23FFF' points='6.8 9 5.2 7.4 4 8.6 6.8 11.4 12 6.2 10.8 5' transform='translate(-4 -5)'/%3E%3C/svg%3E%0A")
    no-repeat 50% 50%/16px 13px;
}

.completo {
  color: #77e96d;
}

.aliberar:after,
.completo:after {
  zoom: 0.8;
  position: absolute;
  right: 4px;
}

.completo:after {
  width: 32px;
  height: 32px;
  background: #77e96d
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='7' viewBox='0 0 8 7'%3E%3Cpolygon fill='000000' points='6.8 9 5.2 7.4 4 8.6 6.8 11.4 12 6.2 10.8 5' transform='translate(-4 -5)'/%3E%3C/svg%3E%0A")
    no-repeat 50% 50%/16px 10px;
}

.aliberar {
  pointer-events: none;
  color: var(--color-text-offset);
  border: 0 !important;
  text-shadow: 2px 2px 1px #00000022;
}

.aliberar:after {
  width: 28px;
  height: 28px;
  background: #4c4c4c
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 330 330'%3E%3Cpath fill='%23fff' d='M165,330c63.411,0,115-51.589,115-115c0-29.771-11.373-56.936-30-77.379V85c0-46.869-38.131-85-85-85   S80.001,38.131,80.001,85v52.619C61.373,158.064,50,185.229,50,215C50,278.411,101.589,330,165,330z M180,219.986V240   c0,8.284-6.716,15-15,15s-15-6.716-15-15v-20.014c-6.068-4.565-10-11.824-10-19.986c0-13.785,11.215-25,25-25s25,11.215,25,25   C190,208.162,186.068,215.421,180,219.986z M110.001,85c0-30.327,24.673-55,54.999-55c30.327,0,55,24.673,55,55v29.029   C203.652,105.088,184.91,100,165,100c-19.909,0-38.651,5.088-54.999,14.028V85z'/%3E%3C/svg%3E")
    no-repeat no-repeat 5px 50%/18px auto !important;
}

.author-parameters {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
}

.author-btns .author-btn:not(:last-child),
.author-parameter:not(:last-child) {
  margin-right: 24px;
}

.author-btns,
.author-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.author-btns {
  font-size: 0;
}

.author-row {
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.author-col:first-child {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  padding-right: 32px;
}

.author-col:nth-child(2) {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 375px;
  padding: 32px;
  border-radius: var(--border-big);
  border: 1px solid var(--color-border);
  -webkit-box-shadow: 0 12px 24px -12px #0000002e;
  box-shadow: 0 12px 24px -12px #0000002e;
}

.author-line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 11px;
  font-weight: 100;
}

.author-line:not(:last-child) {
  padding: 12px 0 5px 0;
  border-bottom: solid 1px var(--color-border);
}

.author-category {
  line-height: 1;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100px;
  padding-right: 10px;
  color: #808191;
}

.author-foot {
  margin: 40px -7px 0;
}

.author-foot .author-btn {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 calc(50% - 14px);
  flex: 0 0 calc(50% - 14px);
  min-width: calc(50% - 14px);
  margin: 0 7px;
  padding: 0 10px;
}

.author-wrap {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 1272px;
  margin: auto;
}

.author-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
}

.author-flex:not(:last-child) {
  margin-bottom: 40px;
  padding-bottom: 40px;
  border-bottom: 1px solid var(--color-border);
}

.author-box {
  margin-right: auto;
}

.author-note {
  max-width: 330px;
  line-height: 1.71429;
  color: #808191;
}

.curso-note {
  line-height: 1.71429;
  color: var(--color-text-offset);
}

.price-list {
  width: 80%;
  font-weight: 700;
  border-bottom: 1px solid var(--color-bg);
  text-align: center;
}

.author .games {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: -24px -12px 0;
}

.author .games-item {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 calc(50% - 24px);
  flex: 0 0 calc(50% - 24px);
  width: calc(50% - 24px);
  margin: 24px 12px 0;
}

.author_big {
  margin-top: -112px;
}

.author_big .ava {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 124px;
  height: 124px;
  margin-right: 32px;
  border-width: 7px;
  -webkit-box-shadow: 0 0 0 4px #0049c6;
  box-shadow: 0 0 0 4px #0049c6;
}

.author_big .ava_online:before {
  top: -6px;
  right: -6px;
  width: 32px;
  height: 32px;
}

.author_full:not(:last-child) {
  margin: 48px 0;
}

.author_full .author-details {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.author_full .ava {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 90px;
  height: 90px;
  margin-right: 24px;
  border-width: 4px;
  -webkit-box-shadow: 0 0 0 2px #0049c6;
  box-shadow: 0 0 0 2px #0049c6;
}

.author_full .ava_online:before {
  top: -4px;
  right: -4px;
  width: 24px;
  height: 24px;
}

.author_full .author-man {
  margin-bottom: 14px;
}

.author_full .author-parameters {
  margin-bottom: 18px;
}

.popular-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 32px;
}

.popular-title {
  margin-right: auto;
}

.popular-field {
  min-width: 235px;
  margin-left: 30px;
}

.popular-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -40px -16px 0;
}

.popular-item,
.popular-preview {
  position: relative;
  border-radius: var(--border-medium);
}

.popular-item {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 calc(25% - 32px);
  flex: 0 0 calc(25% - 32px);
  width: calc(25% - 32px);
  margin: 40px 16px 0;
  padding: 8px;
  background: var(--color-bg);
  color: var(--colo-text);
}

.popular-item:before {
  content: '';
  position: absolute;
  top: 24px;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background: #e3e3e3;
  -webkit-filter: blur(43.4925px);
  filter: blur(43.4925px);
  border-radius: var(--border-medium);
  -webkit-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s;
}

.popular-item:hover:before {
  background: #a5acb4;
}

.popular-preview {
  padding: 10px;
  height: 310px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.popular-item:hover {
  -webkit-transition: 1.25s;
  -o-transition: 1.25s;
  transition: 1.25s;
}

.popular-category {
  width: 100%;
  top: 16px;
  left: 16px;
  padding: 0 20px;
  text-align: center;
  background: rgba(27, 29, 33, 0.5);
  border-radius: var(--border-micro);
  font-size: 13px;
  font-weight: 700;
  line-height: 24px;
  color: #fff;
}

.complete {
  -webkit-box-shadow: inset 0 0 24px 0#ff9800, inset 0 0 6px 0#ffeb3b;
  box-shadow: inset 0 0 24px 0#ff9800, inset 0 0 6px 0#ffeb3b;
  text-shadow: 0 0 5px #ffeb3b;
}

.popular-body {
  padding: 24px 24px 8px;
}

.popular-game {
  margin-bottom: 8px;
}

.popular-game.h2.plus {
  line-height: 300px;
  -ms-flex-line-pack: center;
  align-content: center;
  font-size: 120px;
  color: #e5e5e5;
}

.popular-body:hover .popular-game.h2.plus {
  -webkit-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s;
  color: var(--color-primary);
}

.popular .status {
  margin-bottom: 16px;
}

.popular-btn {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-width: 100%;
  height: 56px;
  background: rgba(228, 228, 228, 0.5);
  border-radius: var(--border-small);
  font-size: 14px;
  font-weight: 700;
  color: #11142d;
  -webkit-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s;
}

.popular-item:hover .popular-btn {
  min-width: 100%;
  background: var(--color-primary);
  color: #fff;
}

.popular-text-hide,
.popular-text-show {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  white-space: nowrap;
  -webkit-transition: opacity 0.25s;
  -o-transition: opacity 0.25s;
  transition: opacity 0.25s;
}

.popular-item:hover .popular-text-show,
.popular-text-hide {
  opacity: 0;
}

.popular-item:hover .popular-text-hide {
  opacity: 1;
}

.popular:not(:last-child) {
  margin-bottom: 55px;
}

.messenger,
.play-list-side {
  opacity: 1;
  overflow: hidden;
  margin-right: 0;
  -webkit-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s;
  -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  -o-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
}

div.play-list > div:nth-child(2) > iframe {
  border: none;
  width: 100%;
  position: relative;
  overflow: scroll;
  height: calc(100% + -71px);
}

.play-list-side {
  min-width: 332px;
  -webkit-box-flex: 30%;
  -ms-flex: 30%;
  flex: 30%;
  width: 100%;
  padding: 0;
  height: 100%;
  aspect-ratio: 9/16.33;
  overflow: visible;
}

.play-list-side.class {
  -webkit-box-flex: 1;
  -ms-flex: auto;
  flex: auto;
  width: auto;
  padding: 0;
  position: relative;
  height: inherit;
  aspect-ratio: auto;
  overflow: visible;
}

.play-list-side.steps {
  border: 0;
}

.locked::before,
.player-preview.selected.locked {
  pointer-events: none;
}

.locked::before {
  z-index: 2;
  border: 0 solid #754b1d;
  content: '';
  position: absolute;
  overflow: hidden;
  background-color: rgb(27 29 33/65%);
}

.locked::after,
.messenger-body:before {
  content: '';
  position: absolute;
  z-index: 3;
  pointer-events: none;
}

.pivot .locked::after {
  top: 0;
  background: -o-linear-gradient(
    264deg,
    var(--color-primary) 15%,
    var(--color-secondary) 37%,
    var(--color-primary) 63%
  );
  background: linear-gradient(
    186deg,
    var(--color-primary) 15%,
    var(--color-secondary) 37%,
    var(--color-primary) 63%
  );
  width: 100%;
  height: 100%;
  -webkit-mask-image: url(..//img/locked.png);
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: 25%;
  background-size: 20%;
  -webkit-animation: 1.2s pivot ease-in-out infinite 0s;
  animation: 1.2s pivot ease-in-out infinite 0s;
}

.messenger {
  width: 50%;
  background: var(--color-bg-card);
}

.step-curso,
.step-curso-titulo {
  overflow: hidden;
  width: 100%;
}

.step-curso {
  -webkit-box-shadow: inset 0 20px 20px -20px #00000040;
  box-shadow: inset 0 20px 20px -20px #00000040;
}

.step-curso-titulo {
  cursor: pointer;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#ffffff0a),
    to(#ffffff12)
  );
  background: -o-linear-gradient(top, #ffffff0a 0%, #ffffff12 100%);
  background: linear-gradient(180deg, #ffffff0a 0%, #ffffff12 100%);
  padding: 10px;
  gap: 12px;
  -webkit-box-shadow: inset 0 -1px 0 #48484f;
  box-shadow: inset 0 -1px 0 #48484f;
  position: relative;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 500;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: 2;
}

.step-numero {
  width: 40px;
  height: 40px;
  font-size: 0.6em;
  line-height: 0;
  font-weight: 700;
  background-color: var(--color-bg);
  fill: #000;
  border-radius: 50%;
  color: var(--color-text-offset);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.step-line {
  position: absolute;
  left: 30px;
  width: 1px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  bottom: 20px;
  z-index: 1;
  top: 2px;
  background: var(--color-text-offset);
  opacity: 0.2;
}

.step-inner {
  width: 100%;
  max-height: 1000px;
  z-index: 0;
  position: relative;
  font-weight: 500;
  border-radius: var(--border-micro);
  padding: 0 6px;
  -webkit-transition: all ease-in-out 0.25s;
  -o-transition: all ease-in-out 0.25s;
  transition: all ease-in-out 0.25s;
  -webkit-transform: scaleY(1);
  -ms-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transform-origin: top;
  -ms-transform-origin: top;
  transform-origin: top;
  opacity: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.step-curso:last-child {
}

.step-curso-hide .step-inner {
  opacity: 0;
  max-height: 0;
  padding: 0;
}

.step-texto {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 3px;
  font-size: 0.85em;
  font-weight: 400;
}

.etapa-control,
.step-inner-item {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.step-inner-item {
  height: 46px;
  font-size: 0.8em;
  font-weight: 600;
  -webkit-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s;
  position: inherit;
  background: 0 0 !important;
}

.step-inner-item.selected {
  pointer-events: none;
  font-size: 12px;
  background: linear-gradient(to right, #ffffff36, transparent) !important;
  color: var(--color-text) !important;
  height: 56px;
  z-index: 2;
  animation: step-glow 1s ease-in-out alternate infinite;
}

.step-inner-item:hover {
  background: linear-gradient(to right, #ffffff0f, transparent) !important;
  box-shadow: -8px 0 0 #ffffff26, inset 1px 0 0 #ffffff33;
  color: #fff;
}

.step-inner-item.selected .step-inner-item-icon {
  width: 36px;
  height: 36px;
  font-size: 21px;
  margin-left: 6px;
  padding-top: 1px;
  background: #fff;
  color: var(--color-text);
}

.step-inner-item.completo {
  color: #77e96d;
}

.etapa-control {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  gap: 6px;
  zoom: 0.8;
  display: -webkit-box;
  display: -ms-flexbox;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 56px;
  height: 56px;
  border-radius: var(--border-small);
  font-size: 30px;
  -webkit-transition: background 0.25s;
  -o-transition: background 0.25s;
  background: var(--color-bg-card);
  -webkit-box-shadow: inset 0 0 0 1px var(--color-border),
    0 4px 0 0 var(--color-border);
  box-shadow: inset 0 0 0 1px var(--color-border), 0 4px 0 0 var(--color-border);
  -webkit-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}

.modulo-n {
  color: #00000017;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  font-weight: bolder;
  font-size: 80px;
  z-index: -7;
  right: 5px;
  line-height: 0.8;
  position: absolute;
  top: 0;
  -webkit-transition: 0.14s;
  -o-transition: 0.14s;
  transition: 0.14s;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.step-curso:not(.step-curso-hide) .modulo-n {
}

.etapa-control:hover {
  color: var(--color-text);
}

.material-btn,
.step-inner-item-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.material-btn {
  border-radius: var(--border-small);
  min-width: auto;
  gap: 12px;
  background: var(--color-primary);
  font-size: 42px;
  width: 113px;
  height: 64px;
  margin: 0;
  color: #fff;
  line-height: 1.1;
}

.title-icon {
  cursor: pointer;
  font-size: 20px;
  background: 0 0;
  -webkit-box-shadow: 0 0 0 2px var(--color-primary);
  box-shadow: 0 0 0 2px var(--color-primary);
  border-radius: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  color: var(--colo-text);
  padding: 6px;
  -webkit-transition: all 0.33 ease-in-out;
  -o-transition: all 0.33 ease-in-out;
  transition: all 0.33 ease-in-out;
}

.title-icon:hover {
  background: var(--color-primary);
  color: #fff;
  -webkit-box-shadow: 0 0 0 2px var(--color-border);
  box-shadow: 0 0 0 2px var(--color-border);
}

.title-icon.criatividade {
  color: #ffc41d;
  border: 1px solid #ffc41d;
}

.title-icon.organizacao {
  color: #1d98ff;
  border: 1px solid #1d98ff;
}

.title-icon.ferramenta {
  color: #54d528;
  border: 1px solid #54d528;
}

.step-inner-item-icon {
  font-size: 14px;
  background: var(--color-border);
  border: 1px solid var(--stroke-alpha);
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding-left: 2px;
  width: 22px;
  height: 22px;
  margin: 0 13px;
  z-index: 1;
}

.circle_step {
  position: absolute;
}

.circle_step .under {
  stroke: var(--color-border);
  fill: none;
}

.circle_step .circle .progress {
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
  stroke: #77e96d;
  -webkit-animation: progressout 2s ease;
  animation: progressout 2s ease;
  -webkit-transition: all 0.8s ease;
  -o-transition: all 0.8s ease;
  transition: all 0.8s ease;
  fill: none;
  stroke-dasharray: calc(2 * 3.141592 * 21);
  stroke-dashoffset: calc((2 - (2 * 0)) * 3.141592 * 21);
}

.messenger_hide {
  opacity: 0 !important;
  margin-right: calc(0px - 30%);
  scale: 1;
  -webkit-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s;
}

.messenger_hide_class {
  opacity: 0 !important;
  margin-right: -300px;
  scale: 1;
  -webkit-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s;
}

.messenger-full,
.messenger-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.messenger-head {
  height: 64px;
  padding: 0 12px 0 24px;
}

.messenger-full {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  -webkit-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 7px rgba(0, 0, 0, 0.1);
  font-size: 0;
  -webkit-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s;
}

.messenger-full .icon {
  font-size: 10px;
  fill: #11142d;
  -webkit-transition: fill 0.25s;
  -o-transition: fill 0.25s;
  transition: fill 0.25s;
}

.messenger-full:hover {
  -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.messenger-full:hover .icon,
.messenger-smile:hover .icon {
  fill: var(--color-primary);
}

.messenger-close {
  width: 40px;
  height: 40px;
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
  margin: 12px;
  color: #fff;
  text-shadow: 2px 2px 1px #0000001f;
  padding: 8px;
  border-radius: var(--border-micro);
  background: var(--color-border);
  font-size: 20px;
}

.messenger-close .icon {
  font-size: 12px;
  fill: var(--color-text);
}

.messenger-body {
  position: relative;
  bottom: -1px;
  height: 650px;
  margin: 0-1px;
  padding: 6px 0 90px;
}

.messenger-body:before {
  left: 0;
  bottom: 90px;
  right: 0;
  height: 24px;
  background: -o-linear-gradient(bottom, #fff 0, rgba(255, 255, 255, 0) 100%);
  background: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0, #fff),
    to(rgba(255, 255, 255, 0))
  );
  background: linear-gradient(to top, #fff 0, rgba(255, 255, 255, 0) 100%);
}

.messenger-list {
  max-height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0 24px 24px;
}

.messenger-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.messenger-item:is(:last-child) {
  margin-bottom: 24px;
}

.messenger-ava {
  display: none;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  margin-right: 12px;
  font-size: 0;
}

.messenger-ava .messenger-pic {
  width: 100%;
  min-height: 100%;
}

.messenger-details {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.messenger-list::-webkit-scrollbar {
  width: 5px;
}

.messenger-list::-webkit-scrollbar-track {
  background: var(--color-bg);
  border-radius: var(--border-micro);
}

.messenger-list::-webkit-scrollbar-thumb {
  background: var(--color-primary);
  border-radius: var(--border-micro);
}

.messenger-list::-webkit-scrollbar-thumb:hover {
  background: #646464;
  border-radius: var(--border-micro);
}

.messenger-list::-webkit-scrollbar-thumb:active {
  background: #444;
  border-radius: var(--border-micro);
}

.emoji {
  -webkit-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s;
  width: 100%;
  z-index: 9;
  opacity: 1;
}

.emoji_hide {
  -webkit-transform: scale(0.8);
  -ms-transform: scale(0.8);
  transform: scale(0.8);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s;
}

.messenger-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 6px;
}

.messenger-man {
  font-size: 13px;
  font-weight: 700;
}

.messenger-time {
  margin-left: 12px;
  font-size: 12px;
  color: #808191;
}

.messenger-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.messenger-text {
  position: relative;
  padding: 12px 23px;
  border-radius: var(--border-medium);
  background: rgba(228, 228, 228, 0.5);
  line-height: 1.71429;
  color: #808191;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}

.messenger_server,
.messenger_warn {
  border-radius: var(--border-medium) !important;
  font-weight: 700;
  width: 100%;
  text-align: center;
}

.messenger_warn {
  color: #f44336;
  background: rgb(255 32 32/24%) !important;
}

.messenger_server {
  color: var(--color-primary);
  background: rgb(46 147 255/24%) !important;
}

.messenger-text:nth-child(2n + 1) {
  border-top-left-radius: 4px;
}

.messenger-text:nth-child(2n) {
  border-bottom-left-radius: 4px;
}

.messenger-text:not(:last-child) {
  margin-bottom: 4px;
}

.messenger-foot {
  position: absolute;
  left: 0;
  bottom: 0;
  background: var(--color-bg-card);
  padding: 14px;
  right: 0;
}

.messenger-input {
  width: 100%;
  height: 80px;
  padding: 0 75px 0 60px;
  border-radius: var(--border-medium);
  background: #e3e3e3;
  font-size: 13px;
  font-weight: 700;
  color: #11142d;
}

.messenger-input::-webkit-input-placeholder {
  color: #11142d;
}

.messenger-input::-ms-input-placeholder {
  color: #11142d;
}

.messenger-input::-moz-placeholder {
  color: #11142d;
}

.messenger-input:-ms-input-placeholder {
  color: #11142d;
}

.messenger-input::placeholder {
  color: #11142d;
}

.messenger-smile {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 64px;
  padding-left: 8px;
  font-size: 0;
}

.messenger-smile .icon {
  font-size: 16px;
  fill: #808191;
  -webkit-transition: fill 0.25s;
  -o-transition: fill 0.25s;
  transition: fill 0.25s;
}

.messenger-btn {
  fill: #fff;
  position: absolute;
  top: 50%;
  right: 12px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  min-width: 50px;
}

.icon-messenger-send {
  font-size: 15px !important;
  width: 1.21em;
  height: 1em;
  fill: #fff;
}

.messenger-report,
.messenger-tooltip {
  position: absolute;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s;
}

.messenger-report {
  top: 0;
  right: 0;
  width: 23px;
  height: 48px;
  font-size: 0;
}

.messenger-report .icon {
  font-size: 16px;
}

.messenger-report:hover .messenger-tooltip,
.messenger-text:hover .messenger-report {
  visibility: visible;
  opacity: 1;
}

.messenger-tooltip {
  right: -12px;
  bottom: calc(100% - 5px);
  min-width: 76px;
  padding: 0 10px;
  border-radius: var(--border-small);
  background: var(--color-secondary);
  text-align: center;
  font-size: 12px;
  font-weight: 700;
  line-height: 24px;
  color: #fff;
}

.messenger-tooltip:before {
  content: '';
  position: absolute;
  top: 100%;
  right: 16px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 8px 0;
  border-color: var(--color-secondary) transparent transparent transparent;
}

.videos {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.videos .player {
  margin: 0;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.videos-wrap {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 375px;
  margin-left: 32px;
}

.videos-title {
  margin-bottom: 24px;
}

.videos-item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 8px;
  background: #fff;
  border-radius: var(--border-medium);
  color: #11142d;
  -webkit-transition: color 0.25s;
  -o-transition: color 0.25s;
  transition: color 0.25s;
}

.videos-item:before {
  content: '';
  position: absolute;
  top: 6px;
  left: 0;
  right: 0;
  bottom: -6px;
  z-index: -1;
  background: #e3e3e3;
  -webkit-filter: blur(43px);
  filter: blur(43px);
  border-radius: var(--border-medium);
}

.videos-item:hover {
  color: var(--color-primary);
}

.videos-item:not(:last-child) {
  margin-bottom: 24px;
}

.videos-preview {
  position: relative;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 170px;
  height: 120px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  border-radius: var(--border-medium);
}

.videos-time {
  position: absolute;
  top: 8px;
  left: 8px;
  padding: 0 10px;
  border-radius: var(--border-micro);
  background: rgba(27, 29, 33, 0.7);
  font-size: 13px;
  font-weight: 700;
  line-height: 24px;
  color: #fff;
}

.videos-details {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  padding-left: 20px;
}

.videos-name {
  font-size: 16px;
  line-height: 1.25;
  font-weight: 600;
}

.videos .status,
.videos-name {
  margin-bottom: 12px;
}

.videos-author {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 13px;
  font-weight: 700;
  color: #11142d;
}

.videos-ava {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  margin-right: 12px;
  font-size: 0;
}

.videos-ava .videos-pic {
  width: 100%;
  min-height: 100%;
  border-radius: 50%;
}

.videos:not(:last-child) {
  margin-bottom: 56px;
}

.comments-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.comments-container {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  padding: 32px 32px 54px;
  background: #fff;
  border-radius: var(--border-medium);
}

.comments-container:before {
  content: '';
  position: absolute;
  top: 26px;
  left: 32px;
  right: 32px;
  bottom: -26px;
  z-index: -1;
  background: #e3e3e3;
  opacity: 0.91;
  -webkit-filter: blur(86px);
  filter: blur(86px);
  border-radius: var(--border-medium);
}

.comments-sidebar {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 375px;
  margin-left: 32px;
}

.comments-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 16px;
}

.comments-title {
  margin-right: auto;
}

.comments-field {
  min-width: 235px;
  margin-left: 30px;
}

.comments-list {
  margin: 0-16px;
}

.comments-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding: 32px 28px 28px;
  border-radius: var(--border-small);
  cursor: pointer;
  -webkit-transition: background 0.25s;
  -o-transition: background 0.25s;
  transition: background 0.25s;
}

.comments-item:hover {
  background: rgba(228, 228, 228, 0.5);
}

.comments-ava {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  margin-right: 24px;
  font-size: 0;
}

.comments-ava .comments-pic {
  width: 100%;
  min-height: 100%;
  border-radius: 50%;
}

.comments-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 16px;
  font-size: 13px;
  font-weight: 500;
}

.comments-author {
  margin-right: 12px;
  color: var(--color-secondary);
}

.comments-time {
  color: #808191;
}

.comments-text {
  margin-bottom: 16px;
  line-height: 1.71429;
  color: #808191;
}

.comments-actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.comments-action {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: 1px solid #e3e3e3;
  font-size: 0;
  -webkit-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s;
}

.comments-action .icon {
  font-size: 12px;
  fill: #808191;
}

.comments-action .icon-menu-fill {
  font-size: 3px;
}

.comments-action:hover {
  background: rgba(128, 129, 145, 0.15);
  border-color: transparent;
}

.comments-action:not(:last-child) {
  margin-right: 16px;
}

.comments-btns {
  margin-top: 32px;
  text-align: center;
}

.login {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  min-height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
}

.login:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: -o-linear-gradient(
    148.37deg,
    rgba(58, 62, 69, 0.0001) 29.5%,
    rgba(27, 29, 33, 0.707195) 74.66%
  );
  background: linear-gradient(
    301.63deg,
    rgba(58, 62, 69, 0.0001) 29.5%,
    rgba(27, 29, 33, 0.707195) 74.66%
  );
}

.login,
.login-container,
.login-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.login-container {
  position: relative;
  z-index: 2;
  -webkit-column-gap: 64px;
  -moz-column-gap: 64px;
  column-gap: 64px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  width: 100%;
  padding: 32px 0;
  max-width: 960px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: space-evenly;
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly;
}

.login-wrap {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.video-bg-login video {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  mix-blend-mode: multiply;
  -webkit-filter: grayscale(100%) contrast(1.2);
  filter: grayscale(100%) contrast(1.2);
}

.login-form {
  position: relative;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 400px;
  padding: 24px;
  border-radius: var(--border-medium);
  background: var(--color-bg-card);
}

.login-form:before {
  content: '';
  position: absolute;
  top: 30px;
  left: 14px;
  right: 14px;
  bottom: -30px;
  z-index: -1;
  background: #1b1d21;
  opacity: 0.8;
  -webkit-filter: blur(32.6194px);
  filter: blur(32.6194px);
  border-radius: var(--border-big);
}

.login-info {
  margin-bottom: 32px;
  margin-right: -20px;
  font-size: 16px;
  font-weight: 700;
  color: #fff;
}

.login .games {
  margin-bottom: 22px;
}

.login .games-item {
  background: rgba(27, 29, 33, 0.5);
  color: #fff;
}

.login .games-item:hover {
  background: rgba(27, 29, 33, 0.35);
}

.login .games-item:not(:last-child) {
  margin-bottom: 16px;
}

.login-add,
.login-flex {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.login-add {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-bottom: 48px;
  font-weight: 700;
  color: #fff;
  -webkit-transition: opacity 0.25s;
  -o-transition: opacity 0.25s;
  transition: opacity 0.25s;
}

.login-add .icon {
  margin-right: 12px;
  font-size: 20px;
  fill: #fff;
}

.login-add:hover {
  opacity: 0.8;
}

.login-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.login .switch {
  margin-right: auto;
}

.login-download {
  font-size: 0;
}

.login-download .icon {
  font-size: 20px;
  fill: #fff;
  -webkit-transition: fill 0.25s;
  -o-transition: fill 0.25s;
  transition: fill 0.25s;
}

.login-download:hover .icon {
  fill: rgba(255, 255, 255, 0.75);
}

.aula-button {
  cursor: pointer;
  width: 130px;
  height: 130px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 72px;
  border-radius: var(--border-medium);
  background: var(--color-bg-card);
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-shadow: inset 0-10px 10px #00000012,
    inset 0 0 0 4px var(--color-border);
  box-shadow: inset 0-10px 10px #00000012, inset 0 0 0 4px var(--color-border);
  -webkit-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
}

.aula-button:hover {
  color: var(--color-primary);
  -webkit-box-shadow: inset 0-10px 10px #00000012,
    inset 0 0 0 4px var(--color-primary);
  box-shadow: inset 0-10px 10px #00000012, inset 0 0 0 4px var(--color-primary);
}

.aula-button.S {
  pointer-events: none;
  background: #0ff08c;
  color: #323642;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-animation: jello-horizontal ease-in-out 1.2s forwards;
  animation: jello-horizontal ease-in-out 1.2s forwards;
}

.aula-button.google i {
  background: #d6249f;
  background: conic-gradient(
    from -50deg,
    #e94235 33%,
    #4285f4 25% 50%,
    #34a853 50% 75%,
    #fabb05 75% 100%
  );
  background-position: 72% 50%;
  background-size: 200%;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.enviar-atividade,
.envio-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.enviar-atividade {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 30px;
  padding: 26px;
}

.envio-list {
  gap: 12px;
  padding: 0 24px;
}

.enviar-atividade label,
.login-close {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.enviar-atividade label {
  cursor: pointer;
  -webkit-box-shadow: 0 0 0 2px var(--color-border);
  box-shadow: 0 0 0 2px var(--color-border);
  font-weight: 700;
  background: var(--color-bg-card);
  height: 56px;
  width: 100%;
  border-radius: var(--border-small);
}

.enviar-atividade label.sent {
  color: #fff;
  -webkit-box-shadow: inset 0-4px 10px #00000044;
  box-shadow: inset 0-4px 10px #00000044;
  background: var(--color-primary) !important;
}

.login-close {
  position: absolute;
  top: 24px;
  right: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  -webkit-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 7px rgba(0, 0, 0, 0.1);
  font-size: 0;
  -webkit-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s;
}

.login-close .icon {
  font-size: 12px;
  fill: #11142d;
  -webkit-transition: fill 0.25s;
  -o-transition: fill 0.25s;
  transition: fill 0.25s;
}

.login-close:hover {
  -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.login-close:hover .icon {
  fill: var(--color-primary);
}

.login-title {
  margin-bottom: 20px;
}

.login-line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 42px;
  font-size: 12px;
  font-weight: 500;
}

.login-text {
  color: #808191;
}

.login-line .login-link {
  margin-left: 16px;
  color: var(--color-secondary);
  -webkit-transition: color 0.25s;
  -o-transition: color 0.25s;
  transition: color 0.25s;
}

.login-line .login-link:hover {
  color: #0049c6;
}

.login .field:not(:last-child) {
  margin-bottom: 24px;
}

.login-or {
  padding: 24px 0;
  font-size: 12px;
  font-weight: 500;
  color: #808191;
}

.login-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0-8px;
}

.login-col {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 calc(50% - 16px);
  flex: 0 0 calc(50% - 16px);
  width: calc(50% - 16px);
  margin: 0 8px;
}

.stories-container {
  margin: 0-12px;
}

.stories-slide {
  height: 812px;
  margin: 0 12px;
  padding: 56px 0;
  -webkit-transition: padding 0.25s;
  -o-transition: padding 0.25s;
  transition: padding 0.25s;
}

.stories-item {
  position: relative;
  height: 100%;
  padding: 32px;
  border-radius: var(--border-medium);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  -webkit-transition: height 0.25s;
  -o-transition: height 0.25s;
  transition: height 0.25s;
}

.stories-item:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: -o-linear-gradient(
    top,
    rgba(9, 10, 11, 0.671247) 13.03%,
    rgba(0, 0, 0, 0.366149) 57.3%
  );
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(13.03%, rgba(9, 10, 11, 0.671247)),
    color-stop(57.3%, rgba(0, 0, 0, 0.366149))
  );
  background: linear-gradient(
    180deg,
    rgba(9, 10, 11, 0.671247) 13.03%,
    rgba(0, 0, 0, 0.366149) 57.3%
  );
  border-radius: var(--border-medium);
}

.stories-progress {
  position: relative;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0-2px 24px;
}

.stories-line {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  height: 4px;
  border-radius: 2px;
  margin: 0 2px;
  background: rgba(255, 255, 255, 0.4);
  -webkit-transition: background 0.25s;
  -o-transition: background 0.25s;
  transition: background 0.25s;
}

.stories-line.active {
  background: rgba(255, 255, 255, 0.8);
}

.stories-user {
  position: relative;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 500;
  color: #fff;
  -webkit-transition: color 0.25s;
  -o-transition: color 0.25s;
  transition: color 0.25s;
}

.stories-user:not(:last-child) {
  margin-bottom: 24px;
}

.stories-ava {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 56px;
  height: 56px;
  margin-right: 16px;
  font-size: 0;
}

.stories-pic {
  width: 100%;
  min-height: 100%;
}

.stories-man {
  margin-bottom: 2px;
  font-size: 13px;
}

.stories-man.confirm:after {
  content: '';
  position: relative;
  bottom: -2px;
  display: inline-block;
  margin-left: 5px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #7fba7a
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='7' viewBox='0 0 8 7'%3E%3Cpolygon fill='%23FFF' points='6.8 9 5.2 7.4 4 8.6 6.8 11.4 12 6.2 10.8 5' transform='translate(-4 -5)'/%3E%3C/svg%3E%0A")
    no-repeat 50% 50%/8px 7px;
}

.stories-user .stories-game {
  margin-bottom: 2px;
  font-size: 12px;
}

.stories .status {
  color: #fff;
}

.stories-form {
  position: absolute;
  left: 8px;
  right: 8px;
  bottom: 8px;
  z-index: 2;
}

.stories-input {
  width: 100%;
  height: 80px;
  padding: 0 145px 0 64px;
  border-radius: var(--border-medium);
  background: rgba(228, 228, 228, 0.1);
  font-size: 13px;
  font-weight: 700;
  color: #fff;
}

.stories-input::-webkit-input-placeholder {
  color: #fff;
}

.stories-input::-ms-input-placeholder {
  color: #fff;
}

.stories-input::-moz-placeholder {
  color: #fff;
}

.stories-input:-ms-input-placeholder {
  color: #fff;
}

.stories-input::placeholder {
  color: #fff;
}

.stories-smile {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 64px;
  padding-left: 12px;
  font-size: 0;
  -webkit-transition: opacity 0.25s;
  -o-transition: opacity 0.25s;
  transition: opacity 0.25s;
}

.stories-smile .icon {
  font-size: 16px;
  fill: #fff;
}

.stories-smile:hover {
  opacity: 0.8;
}

.stories-btn {
  position: absolute;
  top: 50%;
  right: 12px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  min-width: 122px;
}

.stories .slick-list {
  padding: 0 !important;
}

.stories .slick-center {
  padding: 0;
}

.stories .slick-arrow {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 3;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: var(--color-secondary);
  font-size: 0;
  -webkit-transition: background 0.25s;
  -o-transition: background 0.25s;
  transition: background 0.25s;
}

.stories .slick-arrow .icon {
  font-size: 12px;
  fill: #fff;
}

.stories .slick-arrow:hover {
  background: #0049c6;
}

.stories .slick-prev {
  left: -56px;
}

.stories .slick-next {
  right: -56px;
}

.views-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 40px;
}

.views-title {
  margin-right: auto;
}

.views .field {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  min-width: 200px;
  margin-left: 30px;
}

.views-caption {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 12px 0;
  padding: 0 50px 12px 0;
  border-bottom: 1px solid #e3e3e3;
  font-size: 13px;
  font-weight: 500;
  color: #808191;
}

.views-cell:first-child {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 80px;
}

.hidden {
  display: none;
}

.skeleton {
  content: ' ';
  background: -o-repeating-linear-gradient(
      135deg,
      rgba(0, 0, 0, 0.1),
      rgba(255, 255, 255, 0.2),
      rgba(0, 0, 0, 0.1) 25%
    )
    bottom right/400% 400% transparent;
  background: repeating-linear-gradient(
      -45deg,
      rgba(0, 0, 0, 0.1),
      rgba(255, 255, 255, 0.2),
      rgba(0, 0, 0, 0.1) 25%
    )
    bottom right/400% 400% transparent;
  -webkit-animation: skeleton-loading 8s linear infinite;
  animation: skeleton-loading 8s linear infinite;
}

.show {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

.views-cell:nth-child(2) {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.views-cell:nth-child(3) {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 160px;
  margin-left: 30px;
}

.views-cell:nth-child(4) {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 120px;
}

.views-list {
  margin-bottom: 16px;
}

.views-item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #fff;
  cursor: pointer;
  -webkit-transition: color 0.25s;
  -o-transition: color 0.25s;
  transition: color 0.25s;
  border-bottom: 1px solid #0000005c;
}

.views-item:before {
  content: '';
  position: absolute;
  top: 14px;
  left: 0;
  right: 0;
  bottom: -14px;
  z-index: -1;
  background: #e3e3e3;
  -webkit-filter: blur(43px);
  filter: blur(43px);
  border-radius: var(--border-medium);
}

.views-item:hover {
  color: var(--color-primary);
}

.views-item:not(:last-child) {
  margin-bottom: 16px;
}

.views-preview {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 128px;
  height: 96px;
  border-radius: var(--border-small);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
}

.views-box,
.views-details {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.views-details {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: center;
  padding: 0 41px 12px 0;
}

.views-box {
  padding-right: 15px;
}

.views-info {
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.2;
}

.views-game {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 12px;
  font-weight: 500;
  color: #808191;
}

.views-logo {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 20px;
  margin-right: 8px;
  font-size: 0;
}

.views-logo .views-pic {
  width: 100%;
}

.views-action {
  position: absolute;
  top: 14px;
  right: 20px;
  width: 16px;
  height: 16px;
  font-size: 0;
}

.views-action .icon {
  font-size: 4px;
  fill: #808191;
  -webkit-transition: fill 0.25s;
  -o-transition: fill 0.25s;
  transition: fill 0.25s;
}

.views-action:hover .icon {
  fill: var(--color-primary);
}

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

.views-btn {
  min-width: 176px;
}

.color-blue {
  color: var(--color-secondary);
}

.color-material-off {
  color: #727272;
  font-size: 20px !important;
}

.color-gray {
  color: #808191;
}

.color-yellow {
  color: #fbba06 !important;
}

.color-link {
  color: #5f75ee;
}

.color-purple {
  color: var(--color-primary);
}

.bg-blue {
  background: var(--color-secondary);
}

.bg-red {
  background: #ef4d41;
}

.bg-yellow {
  background: -o-linear-gradient(45deg, #f8a103, #fad662);
  background: linear-gradient(45deg, #f8a103, #fad662);
}

.bg-blue-opacity {
  background: rgba(63, 140, 255, 0.1);
}

.bg-border {
  background: var(--color-border);
}

.bg-purple {
  background: var(--color-primary);
}

.bg-purple-opacity {
  background: rgba(108, 93, 211, 0.1);
}

.bg-orange {
  background: #6c5dd3;
}

.bg-pink {
  background: #ffa2c0;
}

.bg-green {
  background: #7fba7a;
}

.bg-darker {
  background: #0000003c;
}

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

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

.text-uppercase {
  text-transform: uppercase;
}

.m-auto {
  margin: auto;
}

.ml-auto {
  margin-left: auto;
}

.mr-auto {
  margin-right: auto;
}

.align-baseline {
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

.desktop-show,
.mobile-show,
.tablet-show {
  display: none;
}

.title {
  font-size: 16px;
  line-height: 1.25;
  font-weight: 600;
}

.title_lg,
.title_md,
.title_sm {
  font-family: poppins, sans-serif;
  font-weight: 600;
  letter-spacing: -1px;
}

.title_lg {
  font-size: 96px;
  line-height: 1.25;
}

.title_md {
  font-size: 72px;
  line-height: 1.22222;
}

.title_sm {
  font-size: 64px;
  line-height: 1.125;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: poppins, sans-serif;
}

.h1,
.h2,
.h3 {
  font-family: 'posterama 2001 w04 semibold', sans-serif;
  letter-spacing: 1.33;
  font-weight: 600;
}

.h4,
.h5,
.h6 {
  font-weight: 500;
}

.h1 {
  font-size: 4em;
  line-height: 1.14286;
}

.h2 {
  font-size: 3.5em;
  line-height: 1.39583;
}

.h3 {
  font-size: 40px;
}

.h4 {
  font-size: 3em;
  line-height: 1.5;
  letter-spacing: -0.5px;
}

.catalog-sorting .h5 b {
  text-shadow: 0 0 5px calc(default+80);
}

.h5,
.h6 {
  font-size: 2em;
  line-height: 1.33333;
}

.h6 {
  font-size: 18px;
}

.caption,
.caption-sm {
  font-size: 13px;
  font-weight: 500;
  line-height: 1.38462;
}

.caption-sm {
  color: var(--color-primary);
  font-weight: 700;
  font-size: 12px;
  line-height: 1.33333;
}

#fincanceiro_historico button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-width: auto;
  gap: 6px;
  border-radius: 0;
  width: 100%;
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

#fincanceiro_historico .details-list {
  -webkit-box-shadow: inset 0 0 0 0 var(--color-border);
  box-shadow: inset 0 0 0 0 var(--color-border);
  border-radius: var(--border-micro);
}

#fincanceiro_historico .details-list:hover {
  background: 0 0;
}

#fincanceiro_historico .details-list.PAID button {
  color: #25d366;
}

#fincanceiro_historico .details-list.PAID:hover {
  background: 0 0;
  -webkit-box-shadow: inset 0 -1px 0 0 #7dc777, inset 0 -40px 60px -40px #25d366;
  box-shadow: inset 0 -1px 0 0 #7dc777, inset 0 -40px 60px -40px #25d366;
}

#fincanceiro_historico .details-list.PENDING button {
  color: #00b5ff;
}

#fincanceiro_historico .details-list.PENDING {
  -webkit-box-shadow: inset 0 0 0 1px #00b5ff, inset 0 0 0 0 #00b5ff;
  box-shadow: inset 0 0 0 1px #00b5ff, inset 0 0 0 0 #00b5ff;
}

#fincanceiro_historico .details-list.PENDING:hover {
  -webkit-box-shadow: inset 0 0 0 1px #00b5ff, inset 0 -40px 60px -40px #00b5ff;
  box-shadow: inset 0 0 0 1px #00b5ff, inset 0 -40px 60px -40px #00b5ff;
}

#fincanceiro_historico .details-list.LATE button {
  color: #ff4848;
}

#fincanceiro_historico .details-list.LATE:hover {
  -webkit-box-shadow: inset 0 -1px 0 0 #ff4848, inset 0 -40px 60px -40px #ff4848;
  box-shadow: inset 0 -1px 0 0 #ff4848, inset 0 -40px 60px -40px #ff4848;
}

#fincanceiro_historico .details-list.WAITING button {
  color: var(--color-text-offset);
}

#fincanceiro_historico .details-list.BLOCKED button {
  color: var(--color-text-offset);
}

#fincanceiro_historico .details-list.BLOCKED {
  opacity: 0.7;
  pointer-events: none;
}

#fincanceiro_historico .details-list.WAITING:hover {
  pointer-events: none;
  cursor: auto;
}

#fincanceiro_historico
  .details-list.PENDING
  div:nth-child(2)
  > div.details-counter.h6 {
  color: #00b5ff;
}

#fincanceiro_historico
  .details-list.LATE
  div:nth-child(2)
  > div.details-counter.h6 {
  color: #ff4848;
}

#fincanceiro_historico div:nth-child(1) > div.details-counter.h6 {
  color: var(--color-text-offset);
}

.upload-item {
  height: 100%;
  display: block !important;
}

.tablet-hide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.glowingasset {
  pointer-events: none;
  position: absolute;
  width: 200%;
  bottom: -25px;
  left: -50%;
}

.glowingasset > img {
  position: relative;
  z-index: 2;
  -webkit-filter: drop-shadow(0 221.516px 128.032px rgba(0, 0, 0, 0.13))
    drop-shadow(0 110.866px 64.0787px rgba(0, 0, 0, 0.0988432))
    drop-shadow(0 66.7806px 38.598px rgba(0, 0, 0, 0.0847066))
    drop-shadow(0 42.7965px 24.7356px rgba(0, 0, 0, 0.0742163))
    drop-shadow(0 27.7373px 16.0316px rgba(0, 0, 0, 0.065))
    drop-shadow(0 17.4603px 10.0917px rgba(0, 0, 0, 0.0557837))
    drop-shadow(0 10.032px 5.79832px rgba(0, 0, 0, 0.0452935))
    drop-shadow(0 4.41535px 2.55199px rgba(0, 0, 0, 0.0311568));
  filter: drop-shadow(0 221.516px 128.032px rgba(0, 0, 0, 0.13))
    drop-shadow(0 110.866px 64.0787px rgba(0, 0, 0, 0.0988432))
    drop-shadow(0 66.7806px 38.598px rgba(0, 0, 0, 0.0847066))
    drop-shadow(0 42.7965px 24.7356px rgba(0, 0, 0, 0.0742163))
    drop-shadow(0 27.7373px 16.0316px rgba(0, 0, 0, 0.065))
    drop-shadow(0 17.4603px 10.0917px rgba(0, 0, 0, 0.0557837))
    drop-shadow(0 10.032px 5.79832px rgba(0, 0, 0, 0.0452935))
    drop-shadow(0 4.41535px 2.55199px rgba(0, 0, 0, 0.0311568));
}

.glowingasset > i {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  -webkit-animation: particlescontainer 2s ease-in infinite both;
  animation: particlescontainer 2s ease-in infinite both;
}

.glowingasset > i::after {
  -webkit-animation: particles 2s ease-in infinite both;
  animation: particles 2s ease-in infinite both;
  content: '';
  display: block;
  width: 3px;
  height: 3px;
  border-radius: 100%;
  background: #fff;
  -webkit-filter: blur(0.75px);
  filter: blur(0.75px);
}

.glowingasset > i:nth-of-type(1) {
  left: calc(50% + 11%);
  top: calc(50% - 14%);
  -webkit-animation-delay: 1.5s;
  animation-delay: 1.5s;
  -webkit-animation-duration: 3.2s;
  animation-duration: 3.2s;
}

.glowingasset > i:nth-of-type(1)::after {
  -webkit-animation-delay: 1.5s;
  animation-delay: 1.5s;
  -webkit-animation-duration: 3.2s;
  animation-duration: 3.2s;
  -webkit-transform: scale(1.4);
  -ms-transform: scale(1.4);
  transform: scale(1.4);
}

.glowingasset > i:nth-of-type(2) {
  left: calc(50% + 3%);
  top: calc(50% - 5%);
}

.glowingasset > i:nth-of-type(2),
.glowingasset > i:nth-of-type(2)::after {
  -webkit-animation-delay: 1.1s;
  animation-delay: 1.1s;
  -webkit-animation-duration: 1.4s;
  animation-duration: 1.4s;
}

.glowingasset > i:nth-of-type(3) {
  left: calc(50% - 1%);
  top: calc(50% - 10%);
}

.glowingasset > i:nth-of-type(3),
.glowingasset > i:nth-of-type(3)::after {
  -webkit-animation-delay: 1.6s;
  animation-delay: 1.6s;
  -webkit-animation-duration: 1.6s;
  animation-duration: 1.6s;
}

.glowingasset > i:nth-of-type(4) {
  left: calc(50% + 20%);
  top: calc(50% - 20%);
}

.glowingasset > i:nth-of-type(4),
.glowingasset > i:nth-of-type(4)::after {
  -webkit-animation-delay: 2.9s;
  animation-delay: 2.9s;
  -webkit-animation-duration: 1.2s;
  animation-duration: 1.2s;
}

.glowingasset > i:nth-of-type(5) {
  left: calc(50% - 19%);
  top: calc(50% - 9%);
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
  -webkit-animation-duration: 2.9s;
  animation-duration: 2.9s;
}

.glowingasset > i:nth-of-type(5)::after {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
  -webkit-animation-duration: 2.9s;
  animation-duration: 2.9s;
  -webkit-transform: scale(0.75);
  -ms-transform: scale(0.75);
  transform: scale(0.75);
}

.glowingasset > i:nth-of-type(6) {
  left: calc(50% + 7%);
  top: calc(50% - 8%);
  -webkit-animation-delay: 1.2s;
  animation-delay: 1.2s;
  -webkit-animation-duration: 2.16s;
  animation-duration: 2.16s;
}

.glowingasset > i:nth-of-type(6)::after {
  -webkit-animation-delay: 1.2s;
  animation-delay: 1.2s;
  -webkit-animation-duration: 2.16s;
  animation-duration: 2.16s;
  -webkit-transform: scale(1.3);
  -ms-transform: scale(1.3);
  transform: scale(1.3);
}

.glowingasset > i:nth-of-type(7) {
  left: calc(50% - 11%);
  top: calc(50% - 11%);
  -webkit-animation-delay: 1.4s;
  animation-delay: 1.4s;
  -webkit-animation-duration: 2.34s;
  animation-duration: 2.34s;
}

.glowingasset > i:nth-of-type(7)::after {
  -webkit-animation-delay: 1.4s;
  animation-delay: 1.4s;
  -webkit-animation-duration: 2.34s;
  animation-duration: 2.34s;
  -webkit-transform: scale(1.74);
  -ms-transform: scale(1.74);
  transform: scale(1.74);
}

.glowingasset > i:nth-of-type(8) {
  left: calc(50% - 6%);
  top: calc(50% + 1%);
  -webkit-animation-delay: 1.2s;
  animation-delay: 1.2s;
  -webkit-animation-duration: 2.54s;
  animation-duration: 2.54s;
}

.glowingasset > i:nth-of-type(8)::after {
  -webkit-animation-delay: 1.2s;
  animation-delay: 1.2s;
  -webkit-animation-duration: 2.54s;
  animation-duration: 2.54s;
  -webkit-transform: scale(1.65);
  -ms-transform: scale(1.65);
  transform: scale(1.65);
}

.glowingasset::after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 30%;
  left: 0;
  width: 40%;
  height: 60%;
  margin: auto;
  z-index: 1;
  border-radius: var(--border-big);
  -webkit-filter: blur(40px);
  filter: blur(40px);
  opacity: 0.25;
  background: -o-radial-gradient(
    234.48% 232.94%at 71.44% 4.3%,
    #ff00c7 0,
    #009cff 28.65%,
    #00ffa3 100%
  );
  background: radial-gradient(
    234.48% 232.94%at 71.44% 4.3%,
    #ff00c7 0,
    #009cff 28.65%,
    #00ffa3 100%
  );
  -webkit-animation: glow 5s ease-in infinite both;
  animation: glow 5s ease-in infinite both;
}

.material-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
  width: 100%;
  mask-image: linear-gradient(
    to bottom,
    transparent,
    black 4%,
    black 96%,
    transparent 100%
  );
}

.btn-whatsapp-pulse,
.btn-whatsapp-pulse-border::before {
  border-radius: 50%;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.btn-whatsapp-pulse {
  z-index: 999;
  zoom: 0.8;
  background: #25d366;
  color: #fff;
  position: fixed;
  bottom: 20px;
  right: 20px;
  font-size: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 15px;
  text-decoration: none;
  -webkit-animation-name: pulse;
  animation-name: pulse;
  line-height: 1;
}

.btn-whatsapp-pulse-border {
  bottom: 24px;
  right: 20px;
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}

.btn-whatsapp-pulse-border::before {
  content: '';
  position: absolute;
  padding: 25px;
  border: 5px solid #25d366;
  opacity: 0.75;
  -webkit-animation-name: pulse-border;
  animation-name: pulse-border;
}

.jello-horizontal {
  -webkit-animation: jello-horizontal 0.9s both;
  animation: jello-horizontal 0.9s both;
}

@font-face {
  font-family: 'Posterama 2001 W04 SemiBold';
  src: url('/build/css/Posterama2001W04-SemiBold.eot');
  src: url('/build/css/Posterama2001W04-SemiBold.eot?#iefix')
      format('embedded-opentype'),
    url('/build/css/Posterama2001W04-SemiBold.woff2') format('woff2'),
    url('/build/css/Posterama2001W04-SemiBold.woff') format('woff'),
    url('/build/css/Posterama2001W04-SemiBold.ttf') format('truetype'),
    url('/build/css/Posterama2001W04-SemiBold.svg#Posterama2001W04-SemiBold')
      format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
.borderAnimation {
  animation: 10s borderAnimation linear infinite;
}
@keyframes borderAnimation {
  0% {
    box-shadow: 0 0.6em 0em -0.4em var(--color-primary);
  }
  33% {
    box-shadow: 0 0.6em 0em -0.4em var(--color-primary-offset);
  }
  66% {
    box-shadow: 0 0.6em 0em -0.4em var(--color-secondary);
  }
  100% {
    box-shadow: 0 0.6em 0em -0.4em var(--color-primary);
  }
}
@keyframes step-glow {
  0% {
    box-shadow: -8px 0 0 #bcbcbc, inset 1px 0 0 #4d4d4d73;
  }

  100% {
    box-shadow: -8px 0 0 rgb(82 82 82/90%), inset 1px 0 0 #5e5e5e73;
  }
}

@-webkit-keyframes card-zoom {
  0% {
    -webkit-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
    -webkit-transform: translateZ(0) rotateX(0deg);
    transform: translateZ(0) rotateX(0deg);
  }

  50% {
    -webkit-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
    -webkit-transform: translateZ(80px) rotateX(-7deg);
    transform: translateZ(80px) rotateX(-7deg);
  }

  100% {
    -webkit-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
    -webkit-transform: translateZ(80px) rotateX(0deg);
    transform: translateZ(80px) rotateX(0deg);
  }
}

@keyframes card-zoom {
  0% {
    -webkit-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
    -webkit-transform: translateZ(0) rotateX(0deg);
    transform: translateZ(0) rotateX(0deg);
  }

  50% {
    -webkit-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
    -webkit-transform: translateZ(80px) rotateX(-7deg);
    transform: translateZ(80px) rotateX(-7deg);
  }

  100% {
    -webkit-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
    -webkit-transform: translateZ(80px) rotateX(0deg);
    transform: translateZ(80px) rotateX(0deg);
  }
}

@-webkit-keyframes tooltips-vert {
  to {
    opacity: 0.9;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
}

@keyframes tooltips-vert {
  to {
    opacity: 0.9;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
}

@-webkit-keyframes tooltips-horz {
  to {
    opacity: 0.9;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }
}

@keyframes tooltips-horz {
  to {
    opacity: 0.9;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }
}

@-webkit-keyframes bounce-in-top {
  0% {
    -webkit-transform: translateY(-125px);
    transform: translateY(-125px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  38%,
  72%,
  90%,
  to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    opacity: 1;
  }

  55% {
    -webkit-transform: translateY(-16.25px);
    transform: translateY(-16.25px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 1;
  }

  81% {
    -webkit-transform: translateY(-7px);
    transform: translateY(-7px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 1;
  }

  95% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 1;
  }
}

@keyframes bounce-in-top {
  0% {
    -webkit-transform: translateY(-125px);
    transform: translateY(-125px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  38%,
  72%,
  90%,
  to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    opacity: 1;
  }

  55% {
    -webkit-transform: translateY(-16.25px);
    transform: translateY(-16.25px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 1;
  }

  81% {
    -webkit-transform: translateY(-7px);
    transform: translateY(-7px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 1;
  }

  95% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 1;
  }
}

@-webkit-keyframes Wiggle {
  0%,
  to {
    -webkit-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }

  50% {
    -webkit-transform: rotate(4deg);
    transform: rotate(4deg);
  }
}

@keyframes Wiggle {
  0%,
  to {
    -webkit-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }

  50% {
    -webkit-transform: rotate(4deg);
    transform: rotate(4deg);
  }
}

@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }

  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }

  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-webkit-keyframes pivot {
  0%,
  to {
    -webkit-transform: translate(-1px, 0) rotate(-3deg);
    transform: translate(-1px, 0) rotate(-3deg);
  }

  25% {
    -webkit-transform: translate(0, -1px) rotate(0deg);
    transform: translate(0, -1px) rotate(0deg);
  }

  50% {
    -webkit-transform: translate(1px, 0) rotate(3deg);
    transform: translate(1px, 0) rotate(3deg);
  }

  75% {
    -webkit-transform: translate(0, 1px) rotate(0deg);
    transform: translate(0, 1px) rotate(0deg);
  }
}

@keyframes pivot {
  0%,
  to {
    -webkit-transform: translate(-1px, 0) rotate(-3deg);
    transform: translate(-1px, 0) rotate(-3deg);
  }

  25% {
    -webkit-transform: translate(0, -1px) rotate(0deg);
    transform: translate(0, -1px) rotate(0deg);
  }

  50% {
    -webkit-transform: translate(1px, 0) rotate(3deg);
    transform: translate(1px, 0) rotate(3deg);
  }

  75% {
    -webkit-transform: translate(0, 1px) rotate(0deg);
    transform: translate(0, 1px) rotate(0deg);
  }
}

@-webkit-keyframes modal-isin {
  0% {
    display: none;
    opacity: 0;
  }

  1% {
    display: block;
    opacity: 0;
    -webkit-transform: scale(0.2);
    transform: scale(0.2);
  }

  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes modal-isin {
  0% {
    display: none;
    opacity: 0;
  }

  1% {
    display: block;
    opacity: 0;
    -webkit-transform: scale(0.2);
    transform: scale(0.2);
  }

  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@-webkit-keyframes modal-isout {
  from {
    display: block;
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  99% {
    display: block;
    opacity: 0.1 !important;
    -webkit-transform: scale(0.2);
    transform: scale(0.2);
  }

  to {
    display: none !important;
    opacity: 0 !important;
    -webkit-transform: scale(0) !important;
    transform: scale(0) !important;
  }
}

@keyframes modal-isout {
  from {
    display: block;
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  99% {
    display: block;
    opacity: 0.1 !important;
    -webkit-transform: scale(0.2);
    transform: scale(0.2);
  }

  to {
    display: none !important;
    opacity: 0 !important;
    -webkit-transform: scale(0) !important;
    transform: scale(0) !important;
  }
}

@-webkit-keyframes scale-in-center {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
  }

  to {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}

@keyframes scale-in-center {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
  }

  to {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}

@-webkit-keyframes float {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  to {
    -webkit-transform: translateY(-5%);
    transform: translateY(-5%);
  }
}

@keyframes float {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  to {
    -webkit-transform: translateY(-5%);
    transform: translateY(-5%);
  }
}

@-webkit-keyframes float_icon {
  0% {
    -webkit-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0);
  }

  to {
    -webkit-transform: scale(1.3) translateY(-5px);
    transform: scale(1.3) translateY(-5px);
  }
}

@keyframes float_icon {
  0% {
    -webkit-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0);
  }

  to {
    -webkit-transform: scale(1.3) translateY(-5px);
    transform: scale(1.3) translateY(-5px);
  }
}

@-webkit-keyframes max_40 {
  0% {
    max-width: 110px;
  }

  to {
    max-width: 42px;
  }
}

@keyframes max_40 {
  0% {
    max-width: 110px;
  }

  to {
    max-width: 42px;
  }
}

@-webkit-keyframes fave-heart {
  0% {
    background-position: 0 0;
  }

  to {
    background-position: -2800px 0;
  }
}

@keyframes fave-heart {
  0% {
    background-position: 0 0;
  }

  to {
    background-position: -2800px 0;
  }
}

@-webkit-keyframes explode {
  0% {
    background-position: 0 0;
  }

  to {
    background-position: -16640px 0;
  }
}

@keyframes explode {
  0% {
    background-position: 0 0;
  }

  to {
    background-position: -16640px 0;
  }
}

@-webkit-keyframes width100 {
  0% {
    width: 0%;
  }

  to {
    width: 100%;
  }
}

@keyframes width100 {
  0% {
    width: 0%;
  }

  to {
    width: 100%;
  }
}

@-webkit-keyframes slideIn {
  0% {
    -webkit-transform: translate(0, 10%);
    transform: translate(0, 10%);
    opacity: 0;
  }

  100% {
    -webkit-transform: translate(0%, 0px);
    transform: translate(0%, 0px);
    opacity: 1;
  }
}

@keyframes slideIn {
  0% {
    -webkit-transform: translate(0, 10%);
    transform: translate(0, 10%);
    opacity: 0;
  }

  100% {
    -webkit-transform: translate(0%, 0px);
    transform: translate(0%, 0px);
    opacity: 1;
  }
}

@-webkit-keyframes slideIn_right {
  0% {
    -webkit-transform: translate(10%, 0);
    transform: translate(10%, 0);
    opacity: 0;
  }

  100% {
    -webkit-transform: translate(0%, 0px);
    transform: translate(0%, 0px);
    opacity: 1;
  }
}

@keyframes slideIn_right {
  0% {
    -webkit-transform: translate(10%, 0);
    transform: translate(10%, 0);
    opacity: 0;
  }

  100% {
    -webkit-transform: translate(0%, 0px);
    transform: translate(0%, 0px);
    opacity: 1;
  }
}

@-webkit-keyframes slideIn_left {
  0% {
    -webkit-transform: translate(-10%, 0);
    transform: translate(-10%, 0);
    opacity: 0;
  }

  100% {
    -webkit-transform: translate(0%, 0px);
    transform: translate(0%, 0px);
    opacity: 1;
  }
}

@keyframes slideIn_left {
  0% {
    -webkit-transform: translate(-10%, 0);
    transform: translate(-10%, 0);
    opacity: 0;
  }

  100% {
    -webkit-transform: translate(0%, 0px);
    transform: translate(0%, 0px);
    opacity: 1;
  }
}

@-webkit-keyframes fadeIn {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
  }

  60% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  80% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
    opacity: 1;
  }

  to {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
  }

  60% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  80% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
    opacity: 1;
  }

  to {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}

@-webkit-keyframes opacityIn {
  0% {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes opacityIn {
  0% {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@-webkit-keyframes blowOut {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }

  60% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }

  80% {
    -webkit-transform: scale(2);
    transform: scale(2);
    opacity: 0.8;
  }

  99% {
    -webkit-transform: scale(2.5);
    transform: scale(2.5);
    opacity: 0;
  }

  to {
    -webkit-transform: scale(0);
    transform: scale(0);
    display: none;
    opacity: 0;
  }
}

@keyframes blowOut {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }

  60% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }

  80% {
    -webkit-transform: scale(2);
    transform: scale(2);
    opacity: 0.8;
  }

  99% {
    -webkit-transform: scale(2.5);
    transform: scale(2.5);
    opacity: 0;
  }

  to {
    -webkit-transform: scale(0);
    transform: scale(0);
    display: none;
    opacity: 0;
  }
}

@-webkit-keyframes ring {
  10%,
  40%,
  60%,
  90% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  20%,
  80% {
    -webkit-transform: scale(1.01);
    transform: scale(1.01);
  }

  30%,
  50%,
  70% {
    -webkit-transform: scale(1.005);
    transform: scale(1.005);
  }
}

@keyframes ring {
  10%,
  40%,
  60%,
  90% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  20%,
  80% {
    -webkit-transform: scale(1.01);
    transform: scale(1.01);
  }

  30%,
  50%,
  70% {
    -webkit-transform: scale(1.005);
    transform: scale(1.005);
  }
}

@-webkit-keyframes shake {
  10%,
  90% {
    -webkit-transform: translate3d(-1px, 0, 0);
    transform: translate3d(-1px, 0, 0);
  }

  20%,
  80% {
    -webkit-transform: translate3d(2px, 0, 0);
    transform: translate3d(2px, 0, 0);
  }

  30%,
  50%,
  70% {
    -webkit-transform: translate3d(-4px, 0, 0);
    transform: translate3d(-4px, 0, 0);
  }

  40%,
  60% {
    -webkit-transform: translate3d(4px, 0, 0);
    transform: translate3d(4px, 0, 0);
  }
}

@keyframes shake {
  10%,
  90% {
    -webkit-transform: translate3d(-1px, 0, 0);
    transform: translate3d(-1px, 0, 0);
  }

  20%,
  80% {
    -webkit-transform: translate3d(2px, 0, 0);
    transform: translate3d(2px, 0, 0);
  }

  30%,
  50%,
  70% {
    -webkit-transform: translate3d(-4px, 0, 0);
    transform: translate3d(-4px, 0, 0);
  }

  40%,
  60% {
    -webkit-transform: translate3d(4px, 0, 0);
    transform: translate3d(4px, 0, 0);
  }
}

@-webkit-keyframes Alarm {
  0%,
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }

  50% {
    -webkit-transform: scale(1.02);
    transform: scale(1.02);
  }
}

@keyframes Alarm {
  0%,
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }

  50% {
    -webkit-transform: scale(1.02);
    transform: scale(1.02);
  }
}

@-webkit-keyframes zoombg {
  0%,
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  50% {
    -webkit-transform: scale(1.04);
    transform: scale(1.04);
  }
}

@keyframes zoombg {
  0%,
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  50% {
    -webkit-transform: scale(1.04);
    transform: scale(1.04);
  }
}

@-webkit-keyframes skeleton-loading {
  100% {
    background-position: top left;
  }
}

@keyframes skeleton-loading {
  100% {
    background-position: top left;
  }
}

@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.5);
    box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.5);
  }

  80% {
    -webkit-box-shadow: 0 0 0 14px transparent;
    box-shadow: 0 0 0 14px transparent;
  }
}

@keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.5);
    box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.5);
  }

  80% {
    -webkit-box-shadow: 0 0 0 14px transparent;
    box-shadow: 0 0 0 14px transparent;
  }
}

@-webkit-keyframes pulse-primary {
  0% {
    -webkit-box-shadow: 0 0 0 0 var(--color-primary);
    box-shadow: 0 0 0 0 var(--color-primary);
  }

  80% {
    -webkit-box-shadow: 0 0 0 14px transparent;
    box-shadow: 0 0 0 14px transparent;
  }
}

@keyframes pulse-primary {
  0% {
    -webkit-box-shadow: 0 0 0 0 var(--color-primary);
    box-shadow: 0 0 0 0 var(--color-primary);
  }

  80% {
    -webkit-box-shadow: 0 0 0 14px transparent;
    box-shadow: 0 0 0 14px transparent;
  }
}

@-webkit-keyframes pulse-purple {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 105, 235, 0.5);
    box-shadow: 0 0 0 0 rgba(255, 105, 235, 0.5);
  }

  80% {
    -webkit-box-shadow: 0 0 0 14px transparent;
    box-shadow: 0 0 0 14px transparent;
  }
}

@keyframes pulse-purple {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 105, 235, 0.5);
    box-shadow: 0 0 0 0 rgba(255, 105, 235, 0.5);
  }

  80% {
    -webkit-box-shadow: 0 0 0 14px transparent;
    box-shadow: 0 0 0 14px transparent;
  }
}

@-webkit-keyframes pulse-border {
  0% {
    padding: 25px;
    opacity: 0.75;
  }

  75% {
    padding: 50px;
    opacity: 0;
  }

  to {
    opacity: 0;
  }
}

@keyframes pulse-border {
  0% {
    padding: 25px;
    opacity: 0.75;
  }

  75% {
    padding: 50px;
    opacity: 0;
  }

  to {
    opacity: 0;
  }
}

@-webkit-keyframes particlescontainer {
  0% {
    -webkit-transform: translateY(-20px) scaleY(1) scaleX(1);
    transform: translateY(-20px) scaleY(1) scaleX(1);
  }

  to {
    -webkit-transform: translateY(-120px) scaleY(1.5) scaleX(0.75);
    transform: translateY(-120px) scaleY(1.5) scaleX(0.75);
  }
}

@keyframes particlescontainer {
  0% {
    -webkit-transform: translateY(-20px) scaleY(1) scaleX(1);
    transform: translateY(-20px) scaleY(1) scaleX(1);
  }

  to {
    -webkit-transform: translateY(-120px) scaleY(1.5) scaleX(0.75);
    transform: translateY(-120px) scaleY(1.5) scaleX(0.75);
  }
}

@-webkit-keyframes particles {
  0%,
  to {
    opacity: 0;
    -webkit-filter: blur(0.5px);
    filter: blur(0.5px);
  }

  50% {
    opacity: 0.24;
    -webkit-filter: blur(1px);
    filter: blur(1px);
  }
}

@keyframes particles {
  0%,
  to {
    opacity: 0;
    -webkit-filter: blur(0.5px);
    filter: blur(0.5px);
  }

  50% {
    opacity: 0.24;
    -webkit-filter: blur(1px);
    filter: blur(1px);
  }
}

@-webkit-keyframes glow {
  0%,
  to {
    opacity: 0.25;
  }

  50% {
    opacity: 0.45;
  }
}

@keyframes glow {
  0%,
  to {
    opacity: 0.25;
  }

  50% {
    opacity: 0.45;
  }
}

@-webkit-keyframes jello-horizontal {
  0%,
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
}

@keyframes jello-horizontal {
  0%,
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
}

#loader {
  -webkit-animation: spin 1.5s linear infinite;
  animation: spin 1.5s linear infinite;
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
  fill: transparent;
  stroke-linecap: round;
  stroke: #fd4770;
  stroke-width: 4px;
  will-change: stroke-dashoffset, stroke-dasharray, transform;
}

@-webkit-keyframes spin {
  0% {
    stroke-dasharray: 21 142;
  }

  25% {
    stroke-dasharray: 63 100;
  }

  50% {
    stroke-dashoffset: -63;
  }

  75% {
    stroke-dashoffset: -100;
  }

  100% {
    -webkit-transform: rotate(394deg);
    transform: rotate(394deg);
    stroke-dashoffset: -113;
    stroke-dasharray: 41 104;
  }
}

@keyframes spin {
  0% {
    stroke-dasharray: 21 142;
  }

  25% {
    stroke-dasharray: 63 100;
  }

  50% {
    stroke-dashoffset: -63;
  }

  75% {
    stroke-dashoffset: -100;
  }

  100% {
    -webkit-transform: rotate(394deg);
    transform: rotate(394deg);
    stroke-dashoffset: -113;
    stroke-dasharray: 41 104;
  }
}

@media only screen and (max-width: 1400px) {
  .container-wide {
    width: calc(100vw);
    left: calc(128px / 2 * -1);
  }

  .sidebar-wrapper {
    width: 100%;
  }

  .sidebar-item {
    color: #fff;
    font-weight: 100;
  }

  .sidebar-item.active {
    font-weight: 700;
  }

  .sidebar-item.active .sidebar-icon {
    color: var(--color-bg);
    text-shadow: 1px 1px 0 0 #fff;
  }
}

@media only screen and (min-width: 1260px) {
  .desktop-hide {
    display: none;
  }

  .upload-item {
    height: 100%;
    display: block !important;
  }
}

@media only screen and (max-width: 1023px) {
  .game-preview-wide::before {
    background-image: -webkit-gradient(
      linear,
      left top,
      left bottom,
      color-stop(20%, transparent),
      color-stop(60%, #000)
    );
    background-image: -o-linear-gradient(top, transparent 20%, #000 60%);
    background-image: linear-gradient(180deg, transparent 20%, #000 60%);
  }

  .game-preview-wide .game-descr {
    -webkit-line-clamp: 3;
  }

  .game-preview-wide .game-details {
    position: absolute;
    bottom: 0;
    top: auto;
    width: 100%;
    padding: 12px 42px;
    z-index: 6;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .game-preview-wide .game-infos {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #fff;
    padding: 6px;
    gap: 6px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }

  .container-wide {
    width: 100vw;
    left: calc(78px / 2 * -1);
  }

  .tablet-hide {
    display: none;
  }

  .desktop-hide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .page-wrapper,
  .page.toggle .page-wrapper {
    padding-left: 0;
  }

  .page-center,
  .page-slider {
    padding-left: 40px;
    padding-right: 40px;
  }

  .player-wrapper {
    left: -42px;
    width: calc(100% + 84px);
  }

  .page.toggle .header {
    left: 0;
  }

  .sidebar {
    z-index: 20;
    border: 0;
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: -webkit-transform 0.25s;
    -o-transition: transform 0.25s;
    transition: -webkit-transform 0.25s;
    transition: transform 0.25s;
    transition: transform 0.25s, -webkit-transform 0.25s;
  }

  .sidebar.visible {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    -webkit-box-shadow: 10px 0 40px rgba(27, 29, 33, 0.3);
    box-shadow: 10px 0 40px rgba(27, 29, 33, 0.3);
  }

  .sidebar-close,
  .sidebar.active .sidebar-logo {
    display: inline-block;
  }

  .sidebar-burger {
    display: none;
  }

  .sidebar.active {
    width: 256px;
  }

  .sidebar.active .sidebar-inner {
    width: 100%;
  }

  .sidebar.active .sidebar-group:before {
    left: 20px;
    right: 20px;
  }

  .sidebar.active .sidebar-caption {
    padding: 0 20px;
    text-align: left;
  }

  .sidebar.active .sidebar-caption span {
    display: inline;
  }

  .sidebar.active .sidebar-icon {
    width: 56px;
    padding-left: 4px;
  }

  .sidebar.active .sidebar-item .sidebar-text {
    margin-left: 0;
  }

  .sidebar.active .sidebar-arrow,
  .sidebar.active .sidebar-ava {
    margin: 0 16px 0 20px;
  }

  .sidebar.active .sidebar-list .sidebar-item:after {
    opacity: 1;
  }

  .sidebar.active .sidebar-list .sidebar-item.online:after {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }

  .sidebar.active .sidebar-list .sidebar-text {
    overflow: hidden;
  }

  .sidebar.active .sidebar-banner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .sidebar.active .sidebar-bottom {
    padding: 0 42px 0 40px;
  }

  .sidebar.active .sidebar-bottom .switch_theme .switch-in {
    padding-left: 56px;
  }

  .sidebar {
    top: 0;
    height: 100vh;
    padding: 100px 0 64px;
    z-index: 100;
  }

  .header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    left: 0;
    background: 0 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    max-width: 1400px;
    margin: auto;
    padding: 0 64px;
  }

  .header-burger {
    z-index: 999;
    display: inline-block;
  }

  .header-item_notifications .header-body {
    right: -80px;
  }

  .main {
    margin: 0;
  }

  .main-item {
    padding: 132px 16% 90px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .popup_stories {
    max-width: 400px;
  }

  .popup_stories .mfp-close {
    right: -65px;
  }

  .author-flex,
  .videos-item {
    display: block;
  }

  .author-flex .author-btns {
    margin: 24px 0 0;
  }

  .videos-preview {
    width: 100%;
    height: 150px;
  }

  .videos-details {
    padding: 24px 16px 16px;
  }

  .comments-row {
    display: block;
  }

  .comments-sidebar {
    display: none;
    width: 100%;
    margin: 32px 0 0;
  }

  .stories-slide {
    height: 750px;
    padding: 0;
  }

  .stories .slick-prev {
    left: -56px;
  }

  .stories .slick-next {
    right: -56px;
  }

  .tablet-hide {
    display: none;
  }

  .tablet-show {
    display: block;
  }

  .tablet-text-right {
    text-align: right;
  }
}

@media only screen and (max-width: 767px) {
  .owl-carousel.no-bg .owl-stage-outer::before {
    background: none !important;
  }
  .owl-carousel.no-bg .owl-stage-outer::after {
    background: none !important;
  }
  #recorrente-card {
    width: 100%;
  }
  .container-wide {
    left: calc(48px / 2 * -1);
  }

  .page-wrapper {
    max-width: 100vw;
  }

  .page-slider {
    padding: 32px 24px 0;
  }

  .page-slider_pt0 {
    padding-top: 0;
  }

  .page-center {
    padding: 48px 24px 40px;
  }

  .page-center.cursos {
    padding-top: 0;
  }

  .page-info {
    font-size: 16px;
  }

  .page-title {
    margin-top: 48px;
    margin-bottom: 12px;
  }

  .page-search {
    margin-bottom: 16px;
  }

  .page-search .field {
    display: block;
  }

  .page-input {
    padding-right: 170px;
    font-size: 16px;
  }

  .page-search .page-btns {
    display: none;
  }

  .page-col:nth-child(2) {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    max-width: 100%;
    margin: 0;
  }

  .page-col:nth-child(2) .widget {
    width: 100%;
    max-width: 100%;
    margin: 0;
  }

  .page-col:nth-child(2) .widget:first-child {
    margin-top: 32px;
  }

  .page_login .header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .page_login .sidebar {
    display: block;
  }

  .sidebar {
    -webkit-box-shadow: none;
    box-shadow: none;
  }

  .sidebar.visible {
    -webkit-box-shadow: none;
    box-shadow: 10px 0 40px rgb(27 29 33/72%);
  }

  .sidebar-wrapper {
    padding: 20px 20px 32px;
  }

  .sidebar-top {
    display: none;
  }

  .sidebar-inner {
    width: 100%;
  }

  .sidebar-group:not(:last-child) {
    margin-bottom: 20px;
    padding-bottom: 15px;
  }

  .sidebar-bottom {
    height: 64px;
    padding-right: 40px;
  }

  .sidebar-bg {
    background-position: 50% 20%;
  }

  .sidebar.active {
    width: 100%;
  }

  .header {
    height: 80px;
    padding: 0 24px;
  }

  .sidebar-logo.logo-mobile {
    position: absolute;
    top: 9px;
    margin: 0;
    width: 142px;
    left: calc(50% - 71px);
    display: block;
  }

  .header-right {
    zoom: 0.8;
  }

  .header-burger.active:before {
    -webkit-transform: translateY(4px) rotate(45deg);
    -ms-transform: translateY(4px) rotate(45deg);
    transform: translateY(4px) rotate(45deg);
  }

  .header-burger.active:after {
    -webkit-transform: translateY(-4px) rotate(-45deg);
    -ms-transform: translateY(-4px) rotate(-45deg);
    transform: translateY(-4px) rotate(-45deg);
  }

  .header-item_browse {
    position: absolute;
    left: 20vw;
  }

  .header-search {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 20;
    display: none;
    width: 100%;
    margin: 0;
  }

  .header-input {
    height: 56px;
    padding: 0 24px 0 60px;
    background: #fff;
    border-bottom: 1px solid var(--color-border);
  }

  .header-btn-search {
    left: 0;
    bottom: auto;
    width: 60px;
    height: 56px;
  }

  .header-control .header-item:hover > .icon,
  .header-control .header-item > .icon,
  .header-item_notifications .header-head .icon,
  .header-item_notifications .header-head:hover .icon {
    fill: #11142d;
  }

  .header-control .header-item_add,
  .header-control .header-item_email {
    display: none;
  }

  .header-control .header-item_search {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .header-control .header-item_notifications {
    position: static;
  }

  .header-item_notifications .header-body {
    top: 100%;
    right: 0;
    left: 0;
    width: 100%;
    max-height: calc(100vh - 80px);
    padding: 16px 8px;
    border-radius: 0;
    -webkit-box-shadow: 0 30px 46px rgba(27, 29, 33, 0.2);
    box-shadow: 0 30px 46px rgba(27, 29, 33, 0.2);
    overflow: auto;
    -webkit-overflow-scrolling: touch;
  }

  .header-counter {
    top: 3px;
    right: 3px;
  }

  .header-item_profile .header-body {
    right: -6px;
    top: calc(100% + 16px);
  }

  .header-item_profile .header-body:before {
    right: 20px;
  }

  .notifications-info {
    margin-bottom: 16px;
    padding: 0 12px;
  }

  .notifications-item {
    padding: 12px 20px 12px 12px;
  }

  .notifications-item:hover {
    background: 0 0;
  }

  .notifications-ava {
    width: 40px;
    height: 40px;
  }

  .notifications-status {
    top: -5px;
    right: -7px;
  }

  .notifications-details {
    padding-left: 16px;
  }

  .notifications-line {
    margin-bottom: 2px;
  }

  .main-item:before {
    background: -o-linear-gradient(
      bottom,
      rgba(27, 29, 33, 0.769012) 31%,
      rgba(27, 29, 33, 0.0001) 82%
    );
    background: -webkit-gradient(
      linear,
      left bottom,
      left top,
      color-stop(33.51%, rgba(27, 29, 33, 0.769012)),
      to(rgba(27, 29, 33, 0.0001))
    );
    background: linear-gradient(
      360deg,
      rgba(27, 29, 33, 0.769012) 33.51%,
      rgba(27, 29, 33, 0.0001) 100%
    );
  }

  .main-nav {
    left: -6px;
    right: -6px;
    bottom: 46px;
    max-width: 375px;
    margin: 0 auto;
    padding: 0 24px;
  }

  .main-foot {
    display: none;
  }

  .main-nav .slick-prev {
    left: 18px;
  }

  .main-nav .slick-next {
    right: 18px;
  }

  .main_trending .main-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    width: auto;
    min-height: 420px;
    padding: 16px;
  }

  .card-actions {
    top: 0;
    left: 0;
    bottom: 0;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    visibility: visible;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    opacity: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 130px;
    gap: 0;
    padding: 12px 40px 12px 10px;
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }

  .card.active .card-inner {
    -webkit-transform: translateX(98px);
    -ms-transform: translateX(98px);
    transform: translateX(98px);
  }

  .main_trending .main-item:before {
    background: -o-linear-gradient(
      top,
      rgba(58, 62, 69, 0.0001) 30.57%,
      rgba(27, 29, 33, 0.900787) 81.59%
    );
    background: -webkit-gradient(
      linear,
      left top,
      left bottom,
      color-stop(30.57%, rgba(58, 62, 69, 0.0001)),
      color-stop(81.59%, rgba(27, 29, 33, 0.900787))
    );
    background: linear-gradient(
      180deg,
      rgba(58, 62, 69, 0.0001) 30.57%,
      rgba(27, 29, 33, 0.900787) 81.59%
    );
  }

  .main_trending .main-title {
    font-size: 24px;
  }

  .main_channel .main-nav {
    display: none;
  }

  .main_channel .main-for .slick-arrow {
    top: auto;
    bottom: 190px;
    width: 32px;
    height: 32px;
  }

  .main_channel .main-for .slick-prev {
    right: 66px;
  }

  .main_channel .main-for .slick-next {
    right: 24px;
  }

  .collection-head {
    display: block;
    margin-bottom: 24px;
  }

  .collection-title {
    margin: 0 0 24px;
  }

  .collection-field {
    min-width: 100%;
    margin: 0;
  }

  .collection-list {
    display: block;
    margin: 0;
  }

  .collection-list .card {
    width: 100%;
    margin: 0;
  }

  .collection-list .card:not(:last-child) {
    margin-bottom: 32px;
  }

  .collection:not(:last-child) {
    margin-bottom: 46px;
  }

  .card:before {
    top: 0;
    left: 0;
    right: 0;
  }

  .card-inner {
    z-index: 1;
    position: relative;
    display: block;
    padding: 0;
  }

  .card-bg {
    width: 100%;
    height: 220px;
    border-radius: var(--border-medium) var(--border-medium) 0 0;
  }

  .card-details {
    padding: 12px 24px;
    min-height: 128px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .card-number {
    top: 16px;
    left: 16px;
  }

  .card-action {
    width: 100%;
    height: 200px;
    font-size: 2.2em;
    -ms-flex: 0 0 0;
    -webkit-box-flex: unset;
    flex: unset;
    aspect-ratio: 1/1;
    border-radius: var(--border-small);
    padding: unset;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .users-container {
    padding: 0;
    background: 0 0;
    border-radius: 0;
  }

  .users-container:before {
    display: none;
  }

  .users-info {
    margin-bottom: 24px;
  }

  .users-list {
    margin: 0-24px;
    padding: 5px 0 0;
    overflow: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }

  .users-list::-webkit-scrollbar {
    display: none;
  }

  .users-list:after,
  .users-list:before {
    content: '';
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 10px;
    height: 1px;
  }

  .users-item {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    min-width: 102px;
  }

  .users-item:nth-child(n + 6) {
    display: block;
  }

  .categories-info {
    margin-bottom: 32px;
  }

  .categories-list {
    display: block;
    margin: 0;
  }

  .categories-item {
    width: 100%;
    max-width: 100%;
    margin: 0;
  }

  .categories-item:not(:last-child) {
    margin-bottom: 32px;
  }

  .categories-details {
    padding-bottom: 24px;
  }

  .trending-sorting {
    margin: 0-8px 32px;
  }

  .trending-tags {
    display: none;
  }

  .trending-field {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(50% - 16px);
    flex: 0 0 calc(50% - 16px);
    width: calc(50% - 16px);
    margin: 0 8px;
  }

  .trending-field .field-select {
    padding: 0 40px 0 16px;
    background-position: calc(100% - 16px) 52%;
  }

  .trending-title {
    margin-bottom: 32px;
  }

  .trending-item {
    margin-left: 0;
    margin-right: 0;
  }

  .trending-item .trending-title {
    padding: 0;
  }

  .trending-slider {
    visibility: visible;
  }

  .trending-slide:not(:last-child),
  .trending-slider:not(:last-child) {
    margin-bottom: 24px;
  }

  .trending-slide {
    padding: 0;
  }

  .trending-item > .trending-btn {
    display: inline-block;
    min-width: 185px;
  }

  .games-head {
    display: block;
    margin-bottom: 24px;
  }

  .games-head .games-title {
    margin: 0 0 24px;
  }

  .games-field {
    min-width: 100%;
    margin: 0;
  }

  .games-container {
    margin-right: -130px;
  }

  .games-list {
    display: block;
    margin: 0;
  }

  .games-list > .games-item {
    width: 100%;
    margin: 0;
  }

  .games-list > .games-item:not(:last-child) {
    margin-bottom: 20px;
  }

  .games-btns {
    display: block;
    margin-top: 24px;
  }

  .games .slick-dots {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .player,
  .player-head {
    position: relative;
  }

  .player-head {
    margin-bottom: 32px;
  }

  .player-box > .player-ava {
    margin-right: 20px;
  }

  .player-stage {
    margin-right: auto;
    font-size: 13px;
    font-weight: 500;
    color: #808191;
  }

  .player-wrap {
    left: -2.5%;
    position: absolute;
    width: 105%;
    padding-bottom: 12px;
    margin-bottom: -244px;
    bottom: 0;
  }

  .player-top {
    height: 64px;
    padding: 0 24px;
    font-size: 18px;
  }

  .player-top span {
    margin-right: 12px;
  }

  .player-group {
    max-height: 192px;
    padding: 0 8px;
  }

  .player-game {
    height: 52px;
    font-size: 16px;
  }

  .player-game .player-ava {
    width: 40px;
    height: 40px;
    margin-right: 16px;
  }

  .player-game .player-ava.online:before {
    width: 12px;
    height: 12px;
  }

  .player-box .player-title {
    font-family: inter, sans-serif;
    font-size: 18px;
  }

  .player-note {
    font-size: 13px;
    line-height: 1.3;
  }

  .player-options {
    margin: 32px -4px 0;
  }

  .player-option {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(50% - 8px);
    flex: 0 0 calc(50% - 8px);
    width: calc(50% - 8px);
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 4px;
  }

  .player-option:not(:last-child) {
    margin-right: 4px;
  }

  .player-arrows {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .player-container:before {
    top: 15px;
    left: 7px;
    right: 7px;
    bottom: -15px;
  }

  .player-view {
    border-radius: 0;
  }

  .player-counter {
    display: none;
  }

  .player-control {
    left: 8px;
    right: 8px;
    bottom: 8px;
  }

  .player-toggle {
    width: 56px;
    height: 56px;
  }

  .player-toggle .icon {
    font-size: 15px;
  }

  .player-info {
    font-size: 18px;
  }

  .player-list {
    display: none;
  }

  .player-inner {
    padding: 0;
  }

  .player-cards {
    display: inherit;
  }

  .player-btns .player-btn {
    height: 48px;
  }

  .player-btns .player-btn:nth-child(3) {
    min-width: 48px;
    padding: 0;
    font-size: 0;
  }

  .player-btns .player-btn:nth-child(3) .icon {
    margin: 0;
  }

  .player_sm .player-view {
    height: 220px;
  }

  .player_sm .player-body {
    margin: 0;
    padding: 24px 16px;
  }

  .player_solo {
    margin: 0-8px;
  }

  .player_solo:not(:last-child) {
    margin-bottom: 48px;
  }

  .upload-col:nth-child(2) {
    width: 100%;
    margin: 0;
  }

  .upload-nav {
    display: none;
  }

  .upload-container {
    margin: 0-8px;
  }

  .upload-item {
    display: block !important;
  }

  .upload-item:nth-child(2) {
    display: block;
  }

  .upload-item:not(:last-child) {
    margin-bottom: 16px;
  }

  .upload-wrap {
    padding: 32px;
  }

  .upload-btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0-8px 60px;
  }

  .upload-file,
  .upload-stat {
    display: block;
  }

  .upload-btns > .upload-btn {
    -webkit-box-flex: calc(50% - 16px);
    -ms-flex: calc(50% - 16px);
    flex: calc(50% - 16px);
    min-width: calc(50% - 16px);
    margin: 0 8px;
  }

  .upload-cell:not(:last-child) {
    margin: 0 0 54px;
  }

  .upload:not(:last-child) {
    margin-bottom: 32px;
  }

  .upload_empty .upload-row {
    display: block;
  }

  .upload_empty .upload-col:first-child {
    display: none;
  }

  .upload_empty .upload-col:nth-child(2) > .upload-btn {
    min-width: calc(50% - 16px);
    margin: 0 8px;
  }

  .upload_empty .upload-head {
    display: none;
  }

  .upload_solo {
    margin: -16px 0 0;
  }

  .upload_solo .upload-wrap {
    height: 343px;
  }

  .catalog-nav {
    visibility: hidden;
    margin-bottom: 24px;
  }

  .catalog-nav .catalog-link {
    padding: 12px 16px;
    font-size: 14px;
  }

  .catalog-tags {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin: 0-24px;
    overflow: auto;
    overflow-x: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }

  .catalog-tags::-webkit-scrollbar {
    display: none;
  }

  .catalog-tags:after,
  .catalog-tags:before {
    content: '';
    display: block;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 24px;
    height: 1px;
  }

  .catalog-tag {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    min-width: auto;
    margin: 0;
    padding: 0 35px;
  }

  .catalog-tag:not(:last-child) {
    margin-right: 8px;
  }

  .catalog-sidebar {
    display: block;
    width: 100%;
    margin: 32px 0 0;
  }

  .catalog-sorting,
  .catalog-title {
    margin-bottom: 24px;
  }

  .catalog-sorting {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    row-gap: 12px;
  }

  .catalog-sorting .checkbox {
    display: none;
  }

  .catalog-sorting .field {
    min-width: 100%;
  }

  .catalog-sorting .field:not(:last-child) {
    margin-bottom: 16px;
  }

  .dash-tab {
    width: 100vw;
    padding: 24px;
    margin-left: -24px;
  }

  .dash-tab.closed {
    width: 100vw;
    padding: 24px;
    margin-left: -24px;
    max-height: 112px;
  }

  .owl-carousel {
    margin-left: 0 !important;
  }

  .catalog-list {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
    padding: 0;
  }

  .catalog-list .game {
    width: calc(50% - 12px);
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(50% - 12px);
    flex: 0 0 calc(50% - 12px);
    font-size: 0.64em;
    border-radius: var(--border-small);
    height: 100%;
  }

  .catalogo-lanca .game {
    width: 100vw !important;
  }

  .game-progress {
    zoom: 0.8;
  }

  .card-user {
    zoom: 0.8;
  }

  .game .game-descr {
  }

  .catalog-list .game:after {
    left: 6px;
    top: 6px;
    border-radius: var(--border-small);
  }

  .catalog-list .game:not(:last-child) {
    margin-bottom: 40px;
  }

  .catalog .widget:not(:last-child) {
    margin-bottom: 32px;
  }

  .catalog_channel .catalog-sorting {
    margin-bottom: 24px;
  }

  .catalog_channel .catalog-list .game:not(:last-child) {
    margin-bottom: 24px;
  }

  .venda-card {
    width: 100% !important;
  }

  .details-container {
    padding: 24px;
  }

  .details-title {
    margin-bottom: 24px;
  }

  .details-row {
    display: block;
    margin-bottom: 16px;
  }

  .details-col:first-child {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    width: auto;
    margin: 0-5px 16px;
    padding: 0;
  }

  .details-col:nth-child(2) {
    width: 100%;
    max-width: 100%;
  }

  .details-top {
    padding: 0;
    border: 0;
  }

  .details-bottom,
  .details-top {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(50% - 10px);
    flex: 0 0 calc(50% - 10px);
    margin: 0 5px;
  }

  .details-container .details-number {
    font-size: 56px;
    line-height: 1;
  }

  .details-statistics {
    margin-bottom: 32px;
  }

  .details-list {
    zoom: 0.8;
  }

  .mobilde_hide {
    display: none;
  }

  .return-button {
    zoom: 0.9 !important;
  }

  .sidebar {
    top: 0;
    width: 70vw;
    height: 100vh;
    padding: 80px 0 64px;
    z-index: 100;
  }

  .details-item {
    width: 100%;
  }

  .details_sm .details-container {
    padding: 16px;
  }

  .details_big .details-container,
  .details_sm .details-item {
    padding: 24px;
  }

  .details_big .details-container:before {
    left: 15px;
    right: 15px;
  }

  .widget .games {
    display: block;
    margin: 0;
  }

  .widget .games-item {
    width: 100%;
    margin: 0;
  }

  .widget .games-item:not(:last-child) {
    margin-bottom: 16px;
  }

  .widget_earning {
    padding: 40px 32px;
  }

  .chat {
    height: auto;
    padding: 0;
  }

  .chat-sidebar {
    position: static;
    width: 100%;
    border: 0;
  }

  .chat-item {
    padding: 0 20px;
  }

  .chat-item:not(:last-child) {
    margin-bottom: 24px;
    padding-bottom: 24px;
  }

  .chat-details {
    padding-left: 16px;
  }

  .chat-ava,
  .chat-counter {
    width: 32px;
    height: 32px;
  }

  .chat-top .chat-info {
    font-weight: 500;
  }

  .chat-action:not(:last-child) {
    margin-right: 20px;
  }

  .messages-ava {
    width: 32px;
    height: 32px;
    margin: 12px;
  }

  .messages-head {
    margin-bottom: 8px;
  }

  .messages .player-parameter {
    font-size: 12px;
  }

  .editor-head {
    padding: 24px 16px;
  }

  .editor-btn {
    min-width: 100%;
  }

  .popup-title {
    margin-bottom: 42px;
    zoom: 0.8;
  }

  .popup-tags {
    display: none;
  }

  .popup-user:not(:last-child) {
    padding-bottom: 24px;
  }

  .popup-details {
    width: 100%;
  }

  .popup-btns {
    display: block;
    margin: 0 0 16px;
  }

  .popup-btns .popup-btn {
    min-width: 100%;
    height: 40px;
  }

  .popup-btns .popup-btn:not(:last-child),
  .popup-loading:not(:last-child) {
    margin: 0 0 12px;
  }

  .popup-row {
    display: block;
    margin: 0;
  }

  .popup-row .popup-field {
    width: 100%;
    margin: 0;
  }

  .popup-row .popup-field:not(:last-child) {
    margin-bottom: 24px;
  }

  .popup-form > .popup-btn {
    min-width: 100%;
  }

  .popup_stories {
    margin: 0;
  }

  .popup_stories .mfp-close {
    top: 56px;
    right: 24px;
    width: 32px;
    height: 32px;
    -webkit-box-shadow: none;
    box-shadow: none;
  }

  .mfp-container {
    padding: 0;
  }

  .popup .mfp-close {
    -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.35);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.35);
  }

  .author-container {
    padding: 24px;
  }

  .author-man {
    font-size: 24px;
    font-weight: 800;
  }

  .author-man.confirm:after {
    width: 20px;
    height: 20px;
    margin-left: 8px;
    background-size: 10px auto;
  }

  .author-parameter {
    font-size: 13px;
  }

  .author-parameter:not(:last-child) {
    margin-right: 16px;
  }

  .author-btns {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin: 16px 0 0;
  }

  .author-col:nth-child(2) {
    margin: 24px 0 0;
    padding: 24px;
  }

  .author-flex:not(:last-child) {
    padding: 0;
    border: 0;
  }

  .author-note {
    max-width: 100%;
    margin-left: -82px;
  }

  .author .games {
    display: block;
    margin: 0 0 0-82px;
  }

  .author .games-item {
    width: 100%;
    margin: 0;
  }

  .author .games-item:not(:last-child) {
    margin-bottom: 16px;
  }

  .author_big .ava {
    width: 66px;
    height: 66px;
    margin-right: 16px;
    border-width: 3px;
    -webkit-box-shadow: 0 0 0 2px #0049c6;
    box-shadow: 0 0 0 2px #0049c6;
  }

  .author_big .author-man {
    font-size: 24px;
  }

  .author_full:not(:last-child) {
    margin: 24px 0;
  }

  .author_full .ava {
    width: 66px;
    height: 66px;
    margin-right: 16px;
    border-width: 3px;
  }

  .author_full .ava_online:before {
    top: -2px;
    right: -2px;
    width: 16px;
    height: 16px;
  }

  .author_full .author-btns {
    -webkit-box-pack: stretch;
    -ms-flex-pack: stretch;
    justify-content: stretch;
    margin-left: -82px;
  }

  .author_full .author-btn.btn_purple {
    min-width: calc(100% - 80px);
  }

  .popular-head {
    display: block;
  }

  .popular-title {
    margin: 0 0 24px;
  }

  .popular-field {
    min-width: 100%;
    margin: 0;
  }

  .popular-item,
  .popular-list {
    display: block;
    margin: 0;
  }

  .popular-item {
    width: 100%;
  }

  .popular-item:not(:last-child) {
    margin-bottom: 32px;
  }

  .popular-item:hover:before {
    background: #e3e3e3;
  }

  .messenger,
  .play-list-side {
    border-radius: 0 !important;
    position: fixed;
    margin-bottom: 0;
    top: 80px;
    bottom: 0;
  }

  .messenger {
    z-index: 99;
    left: 0;
    width: 100%;
  }

  .play-list-side {
    z-index: 9999;
    aspect-ratio: auto;
    top: 0;
    padding-top: 82px;
    right: 0;
    height: 100vh;
    width: 70vw;
    -webkit-box-shadow: 0 0 24px #000000a3;
    box-shadow: 0 0 24px #000000a3;
    background: linear-gradient(315deg, #161718, #2022282e 200%);
    -webkit-backdrop-filter: blur(25px);
    backdrop-filter: blur(25px);
  }

  .play-list-side.class {
    position: fixed;
    z-index: 9999;
    right: 0;
    height: calc(100vh - 162px);
    width: 75%;
    -webkit-box-shadow: 0 0 24px #000000a3;
    box-shadow: 0 0 24px #000000a3;
    background: var(--color-bg) !important;
  }

  .play-list {
    padding: 0;
    right: 0;
    max-height: calc(100vh - 0px);
    overflow: auto;
    margin-bottom: 0;
  }

  .messenger-head {
    height: 64px;
    padding: 0 12px 0 24px;
  }

  .messenger-close {
    width: 40px;
    height: 40px;
  }

  .messenger-body {
    height: calc(100% - 64px);
  }

  .player-wrapper {
    left: -24px;
    width: calc(100% + 48px);
  }

  .player-wrapper.class {
    margin: -24px -24px 12px;
  }

  .messenger_hide {
    scale: 1;
    visibility: hidden;
    opacity: 0;
  }

  .messenger_hide_class {
    scale: 1;
    visibility: hidden;
    opacity: 0;
  }

  .videos-list {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin: 0-24px;
    overflow: auto;
    overflow-x: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }

  .videos-list::-webkit-scrollbar {
    display: none;
  }

  .videos-list:after,
  .videos-list:before {
    content: '';
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 24px;
    height: 1px;
  }

  .videos-item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 200px;
    flex: 0 0 200px;
    width: 200px;
    margin: 0;
  }

  .videos-item:not(:last-child) {
    margin-right: 16px;
  }

  .videos-preview {
    height: 120px;
  }

  .videos-details {
    padding: 16px 8px;
  }

  .comments-container {
    padding: 16px 16px 24px;
  }

  .comments-head,
  .comments-sidebar {
    display: block;
  }

  .comments-title {
    margin: 0 0 24px;
    padding: 0 8px;
  }

  .comments-field {
    min-width: 100%;
    margin: 0;
  }

  .login-form:before,
  .login:before {
    display: none;
  }

  .login-wrap {
    zoom: 0.8;
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
  }

  .login-form {
    width: 100%;
    border-radius: var(--border-medium);
  }

  .login-close {
    top: 48px;
  }

  .stories-slide {
    min-height: 500px;
    height: 100vh;
  }

  .stories-item {
    padding: 24px;
  }

  .stories-item,
  .stories-item:before {
    border-radius: 0;
  }

  .stories .slick-prev {
    left: 32px;
  }

  .stories .slick-next {
    right: 32px;
  }

  .views-head {
    display: block;
    margin-bottom: 24px;
  }

  .views-title {
    margin: 0 0 24px;
  }

  .views .field {
    min-width: 100%;
    margin: 0;
  }

  .views-caption {
    font-size: 0;
    margin-top: 0;
  }

  .views-item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .views-item:hover {
    color: #11142d;
  }

  .views-preview {
    height: 140px;
  }

  .views-details {
    display: block;
    -ms-flex: 0 0 calc(100% - 130px);
    width: calc(100% - 130px);
  }

  .views-game {
    margin-bottom: 8px;
  }

  .views .status:nth-child(2) {
    width: 100%;
  }

  .views .status:nth-child(3) {
    width: 100%;
    margin: 0;
  }

  .views .status:not(:last-child) {
    margin-bottom: 5px;
  }

  .views-action {
    display: none;
  }

  .game-preview.checkout {
    zoom: 1.4;
    height: 146px;
    padding: 0;
    pointer-events: none;
  }

  .top-buy {
    height: 72px;
  }

  .catalog {
    margin-bottom: 24px;
  }

  .game-preview.skeleton {
    min-width: 55vw;
  }

  .mobile-hide {
    display: none !important;
  }

  #programa-preco {
    background: -o-linear-gradient(
      305deg,
      #ffa832 0%,
      #fd7247 30%,
      #0eafbd 70%,
      #32ffea 100%
    );
    background: linear-gradient(
      145deg,
      #ffa832 0%,
      #fd7247 30%,
      #0eafbd 70%,
      #32ffea 100%
    );
    z-index: 1;
    margin: 0;
    min-height: 420px;
    overflow: hidden;
  }

  #programa-preco .front-img {
    z-index: -1;
    left: calc(50% - 592px) !important;
    top: -65% !important;
    opacity: 0.2 !important;
  }

  .adobe-overlay-icon {
    position: absolute;
    top: -400px;
    left: -6vw;
    height: 100%;
    color: #0000005c;
    opacity: 0.3;
    z-index: -1;
    font-size: 100vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
    width: 100vw;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .owl-carousel .owl-stage-outer::before {
    min-width: 110px;
    width: 12vw;
    left: calc((1287px - 100vw) / 2);
    top: 0;
    padding-bottom: 10%;
    height: 110%;
  }

  .owl-carousel .owl-stage-outer::after {
    min-width: 110px;
    width: 12vw;
    right: calc((1287px - 100vw) / 2);
    top: 0;
    padding-bottom: 10%;
    height: 110%;
  }

  .catalog-list .owl-list .owl-item {
    width: 90vw !important;
  }

  .catalog-list.owl-carousel .owl-list .game {
    width: 100%;
    height: auto;
  }

  .footer-wrap {
    height: 660px;
  }

  .footer-guide {
    width: 185px !important;
  }

  .main-container {
    margin-top: 0;
  }

  .pagamento-side {
    top: 32px;
    border-radius: var(--border-medium);
    width: 320px;
    max-width: none;
    overflow: hidden;
    height: 100%;
  }

  .pagamento-side .game {
    border-radius: var(--border-medium);
    overflow: hidden;
    zoom: 1.2;
  }

  .pagamento-side .pagamento-side-toggle {
    background: #00000000;
    position: fixed;
    display: none;
    z-index: 100;
    padding-top: 70px;
    -webkit-transform: translateX(-63px);
    -ms-transform: translateX(-63px);
    transform: translateX(-63px);
  }

  .pagamento-side-toggle i {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 32px;
    width: 64px;
    border-radius: var(--border-small) 0 0 var(--border-small);
    height: 64px;
    background-color: var(--color-primary);
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .pagamento-side.show {
    -webkit-box-shadow: 0 2px 0 1px var(--color-border), 0-10px 49px #00000060;
    box-shadow: 0 2px 0 1px var(--color-border), 0-10px 49px #00000060;
    -webkit-transform: translateX(28px);
    -ms-transform: translateX(28px);
    transform: translateX(28px);
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
  }

  .pagamento-side.show .pagamento-side-toggle {
    background: #00000050;
    z-index: -1;
    height: 100%;
    -webkit-transform: translateX(-321px);
    -ms-transform: translateX(-321px);
    transform: translateX(-321px);
    border-radius: 0;
    top: 0;
    width: 100%;
  }

  .pagamento-side.show .pagamento-side-toggle i {
    position: relative;
    margin-left: auto;
  }

  body.pagamento-side.show {
    position: fixed;
    height: 100vh;
    overflow-y: hidden;
  }

  .pagamento-side .game-preview.checkout,
  .pagamento-side .game-preview.checkout::before {
    border-radius: 0;
  }

  .title-icon {
    -webkit-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
  }

  .mobile-zoom9 {
    zoom: 0.9;
  }

  .mobile-zoom8 {
    zoom: 0.8;
  }

  #cardbanner {
    margin: 24px 0;
    width: 100%;
  }

  .mobile-zoom7 {
    zoom: 0.7;
  }

  .boleto-case {
    width: 100vw;
  }

  .search-box {
    zoom: 0.7;
    margin-top: 167px;
    -webkit-box-shadow: 0 70px 50px -50px #00000033,
      inset 0 1px 0 var(--color-border);
    box-shadow: 0 70px 50px -50px #00000033, inset 0 1px 0 var(--color-border);
    border-bottom: none;
  }

  .search-item {
    min-height: 104px;
    line-height: 1.1;
  }

  .top-margin {
    margin-top: -56px;
  }

  .author-choose,
  .unlock-prize {
    zoom: 0.7;
  }

  .flex-mobile {
    gap: 24px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .mobile-show {
    display: block;
  }

  .mobile-text-right {
    text-align: right;
  }

  .h1,
  .h2 {
    font-size: 3em;
    line-height: 1;
  }

  .h5,
  .h6 {
    font-size: 1.5em;
  }

  .h2 {
    font-size: 32px;
    letter-spacing: -0.5px;
  }
}