@charset "utf-8";

.desktop {
  display: inherit !important;
}
.desktop.flex {
  display: flex !important;
}
.desktop.grid {
  display: grid !important;
}

article.fixed {
  left: 50%;
  position: fixed;
  z-index: 9;
}
article.absolute {
  position: absolute;
  bottom: 0;
  left: auto;
  right: 0;
}
article.fixed.column-12,
article.absolute.column-12 {
  width: calc(var(--max-width) / 100 * 40 - var(--article-spacing) / 1.6);
  margin-left: calc(var(--max-width) / 100 * 10 + var(--article-spacing) / 1.6);
}


.figure {
  border-radius: var(--content-radius);
  background-color: var(--background-color);
  border: var(--border);
  overflow: hidden;
}
.figure:not(:hover) .figCaption {
  visibility: hidden;
  opacity: 0;
}
.figure:hover .figCaption + .ico {
  width: var(--padding-30);
  height: var(--padding-30);
  padding: 0;
  background: none;
  /* transition: all .15s; */
}
.figure:not(:hover) .figCaption > * {
  transition: all .15s;
  transform: translateY(100%);
  opacity: 0;
}
.figure:hover .figCaption > * {
  transition: all .45s;
}
.figure .figCaption {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  position: absolute;
  left:0;bottom: 0;
  height: 100%;
  width: 100%;
  padding: var(--padding-10) var(--padding-10) var(--padding-15);
  background-color: rgba(0,0,0,0.6);
  backdrop-filter: blur(5px);
  transition: all .15s;
}
.figure .figCaption .game .txt,
.figure .figCaption .price,
.figure .figCaption .date {
  color: rgba(255,255,255,0.6);
}
.figure .figCaption .title {
  color: var(--color-fff);
}

.menu_ad .buttonDesign {
  width: fit-content;
  flex:none;
}