/* Base (fallback) */
.home-grid > ul > li hr {
  border: none;
  height: 1px;
  background: rgba(205, 214, 244);
}

.home-grid > ul > li {
  position: relative;
  overflow: hidden;
  color: rgba(205, 214, 244);
  border-width: 3px !important;
  background: linear-gradient(rgba(30, 30, 46, 0.65));
  min-height: 180px;
}

.home-grid > ul > li::before {
  content: "";
  position: absolute;
  inset: 0;
  filter: blur(1px);
  z-index: -1;
}

.home-grid > ul > li:nth-child(1)::before {
  background: url(../games/project-sekai/assets/project_sekai.webp) center / 100% no-repeat;
}

.home-grid > ul > li:nth-child(2)::before {
  background: url(../games/hololive-dreams/assets/hololive_dreams.webp) center / 100% no-repeat;
}

.home-grid > ul > li {
  color: var(--md-typeset-color);
  background: color-mix(in srgb, var(--md-default-bg-color) 55%, transparent);
}

.home-grid > ul > li hr {
  background: color-mix(in srgb, var(--md-typeset-color) 100%, transparent);
}   

@media screen and (max-width: 76.234375em) {
   [data-md-toggle=drawer]:checked~.md-overlay {
        width: 100%;
        height: 100%;
        background-color: rgba(0,0,0,0.0);
        backdrop-filter: blur(.2rem);
        opacity: 1;
        transition: width 0s,height 0s,opacity .25s
    }
}

@media screen and (max-width: 76.2344em) {
    .md-overlay {
        position: fixed;
        top: 0;
        z-index: 5;
        width: 0;
        height: 0;
        backdrop-filter: blur(.2rem);
        background-color: rgba(0,0,0,0.0);
        opacity: 0;
        transition: width 0s .5s, height 0s .5s, opacity .25s 125ms;
      }
    }

@media screen and (max-width: 76.234375em) {
    .md-sidebar--primary {
        position: fixed;
        top: .4rem;
        z-index: 5;
        display: block;
        width: 12.1rem;
        height: calc(100% - .8rem);
        background-color: rgb(from var(--md-default-bg-color--light) r g b / 65%);
        backdrop-filter: blur(.4rem);
        border-radius: .8rem;
        transition: transform .2s cubic-bezier(.5,0,.5,0),box-shadow .2s;
        transform: translateX(0)
        }
      }

.hidden {
  display: none;
}