/*!******************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@wordpress/scripts/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/blocks/gg-usergames/main.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************/
.gg-usergames {
  --gg-gap: 12px;
}

/* shared */
.gg-usergames__list {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* cards */
.gg-usergames__card {
  display: block;
  text-decoration: none;
  padding: 12px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 10px;
  background: var(--gg-card-bg, #fff);
  box-shadow: var(--gg-card-shadow, 0 1px 2px rgba(0, 0, 0, 0.04));
}

.gg-usergames__title {
  font-weight: 600;
  display: block;
  margin-bottom: 6px;
}

.gg-usergames__meta {
  font-size: 12px;
  opacity: 0.85;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.gg-usergames__votes {
  font-weight: 600;
}

/* GRID */
.gg-usergames.is-grid .gg-usergames__list {
  display: grid;
  gap: var(--gg-gap);
}

.gg-usergames.is-grid.cols-2 .gg-usergames__list {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.gg-usergames.is-grid.cols-3 .gg-usergames__list {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.gg-usergames.is-grid.cols-4 .gg-usergames__list {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

/* Nice scrollbar (optional) */
.gg-usergames.is-horizontal .gg-usergames__list::-webkit-scrollbar {
  height: 8px;
}

.gg-usergames.is-horizontal .gg-usergames__list::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.15);
  border-radius: 4px;
}

.gg-usergame-card {
  padding: 14px 14px 20px 14px;
  border-radius: 18px;
  border: 1px solid #F0F0F0;
  background: #BEC8F9;
  display: flex;
  flex-direction: column;
}
.gg-usergame-card .gg-usergame-card-media {
  position: relative;
}
.gg-usergame-card .gg-usergame-card-media .gg-usergame-card-poster {
  height: 275px;
  border-radius: 15px;
  overflow: hidden;
}
@media (min-width: 768px) {
  .gg-usergame-card .gg-usergame-card-media .gg-usergame-card-poster {
    height: 450px;
  }
}
.gg-usergame-card .gg-usergame-card-media .gg-usergame-card-poster img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}
.gg-usergame-card .gg-usergame-card-media .gg-usergame-card-play {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: transparent;
  border: none;
  outline: none;
}
.gg-usergame-card .gg-usergame-card-media .gg-usergame-card-play svg {
  width: 80px;
  height: 80px;
  cursor: pointer;
}
.gg-usergame-card .gg-usergame-card-player-meta {
  margin-top: 15px;
  display: flex;
  gap: 10px;
  justify-content: space-between;
  align-items: center;
}
.gg-usergame-card .gg-usergame-card-player-meta .gg-usergame-card-player {
  display: flex;
  align-items: center;
  gap: 9px;
}
.gg-usergame-card .gg-usergame-card-player-meta .gg-usergame-card-player .icon {
  width: 54px;
  height: 54px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #5A50F5;
}
.gg-usergame-card .gg-usergame-card-player-meta .gg-usergame-card-player .icon svg {
  width: 25px;
  height: 25px;
}
.gg-usergame-card .gg-usergame-card-player-meta .gg-usergame-card-player .player-name {
  color: #fff;
  display: flex;
  flex-direction: column;
}
.gg-usergame-card .gg-usergame-card-player-meta .gg-usergame-card-player .player-name span {
  font-weight: 700;
  line-height: 1;
}
.gg-usergame-card .gg-usergame-card-player-meta .gg-usergame-card-player .player-name span:nth-child(1) {
  font-size: 12px;
}
.gg-usergame-card .gg-usergame-card-player-meta .gg-usergame-card-player .player-name span:nth-child(2) {
  font-weight: 18px;
}
.gg-usergame-card .gg-usergame-card-player-meta .gg-usergame-card-player-stats {
  display: flex;
  gap: 14px;
}
.gg-usergame-card .gg-usergame-card-player-meta .gg-usergame-card-player-stats .gg-usergame-card-player-stats-item {
  display: flex;
  flex-direction: column;
  gap: 6px;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: none;
  outline: none;
  cursor: pointer;
}
.gg-usergame-card .gg-usergame-card-player-meta .gg-usergame-card-player-stats .gg-usergame-card-player-stats-item .icon {
  width: 35px;
  height: 35px;
  border-radius: 50%;
  background: #BEF942;
  border: 1.5px solid #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
.gg-usergame-card .gg-usergame-card-player-meta .gg-usergame-card-player-stats .gg-usergame-card-player-stats-item .icon svg {
  width: 14px;
  height: 14px;
}
.gg-usergame-card .gg-usergame-card-player-meta .gg-usergame-card-player-stats .gg-usergame-card-player-stats-item .num {
  color: #FFF;
  font-size: 9px;
  font-weight: 500;
  line-height: 1;
  text-transform: uppercase;
}
.gg-usergame-card .gg-usergame-card-player-current-stats {
  margin-top: 30px;
}
.gg-usergame-card .gg-usergame-card-player-current-stats .gg-usergame-card-player-current-stats-item {
  color: #4F28A2;
  font-size: 13px;
  font-weight: 300;
  line-height: 20px;
}
.gg-usergame-card .gg-usergame-card-player-current-stats .gg-usergame-card-player-current-stats-item span {
  font-weight: 500;
}

/* modal */
.gg-ug-modal {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.75);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
  padding: 2vw;
}

.gg-ug-modal__inner {
  position: relative;
  max-width: min(1200px, 96vw);
  max-height: 92vh;
  width: 100%;
}

.gg-ug-modal__close {
  position: absolute;
  top: -14px;
  right: -14px;
  border: 0;
  border-radius: 999px;
  width: 40px;
  height: 40px;
  cursor: pointer;
  font-size: 20px;
  line-height: 40px;
}

.gg-ug-modal-img {
  width: 100%;
  height: auto;
  max-height: 86vh;
  border-radius: 14px;
  display: block;
}

/* responsive 16:9 iframe */
.gg-ug-video-wrap {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  border-radius: 14px;
  overflow: hidden;
}

.gg-ug-video-wrap iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

/* toasts */
.gg-ug-toast {
  position: fixed;
  left: 50%;
  bottom: 24px;
  transform: translateX(-50%);
  padding: 10px 14px;
  border-radius: 8px;
  color: #fff;
  z-index: 10000;
  max-width: 90vw;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25);
}

.gg-ug-toast.is-success {
  background: #16a34a;
}

.gg-ug-toast.is-error {
  background: #dc2626;
}

/* HORIZONTAL SCROLLER WITH 50% PEEK OF LAST CARD */
.gg-usergames.is-horizontal {
  /* --gg-card-w: width of each card; --gg-peek: % of card width to remain visible */
  --gg-card-w: 280px; /* overridden inline in render.php, or via theme */
  --gg-peek: 50%;
}

.gg-usergames.is-horizontal .gg-usergames__card {
  height: 100%;
}

.gg-usergames.is-horizontal .gg-usergames__list {
  display: flex;
  gap: var(--gg-gap);
  overflow-x: auto;
  padding: 0 var(--gg-gap) 4px var(--gg-gap);
  /* The magic: allow half of one more card to show at the right edge */
  padding-right: calc(var(--gg-card-w) * var(--gg-peek) / 100 + var(--gg-gap));
  overflow-y: hidden;
  overscroll-behavior-x: contain; /* contain parent page scroll */
  scroll-behavior: auto; /* no JS smooth scrolling */
  -webkit-overflow-scrolling: touch; /* iOS momentum */
  will-change: scroll-position; /* hint */
}

.gg-usergames.is-horizontal .gg-usergames__item {
  flex: 0 0 var(--gg-card-w);
  scroll-snap-align: start;
}

.gg-usergames__tags {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 40px !important;
}
.gg-usergames__tags li button {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 55px;
  padding: 8px 25px;
  border-radius: 15px;
  border: 3px solid #FFF;
  background: #FFEAED;
  box-shadow: 0 1.278px 19.177px 0 rgba(0, 0, 0, 0.05);
  color: #353535;
  text-align: center;
  font-size: 10.228px;
  font-weight: 500;
  text-transform: capitalize;
  cursor: pointer;
}

.gg__usergame-title {
  margin-bottom: 40px !important;
}
.gg__usergame-title h2 {
  color: #F680F8;
  text-shadow: 0 5px 15px #4F28A2;
  font-size: 40px;
  font-weight: 800;
  line-height: 60px; /* 150% */
  margin: 0;
}

.gg-usergames__item.is-hidden {
  display: none;
}

/*# sourceMappingURL=index.css.map*/