.how-to-play-search{position:sticky;top:0;z-index:3;background-color:rgb(var(--color-background));padding:1.5rem 0}.how-to-play-search__field{position:relative;max-width:48rem;margin:0 auto}.how-to-play-search__input{width:100%;height:4.8rem;padding:0 1.5rem 0 4.4rem;border-radius:var(--inputs-radius);border:var(--inputs-border-width) solid rgba(var(--color-foreground),var(--inputs-border-opacity));background-color:rgb(var(--color-background));color:rgb(var(--color-foreground));font-size:1.6rem}.how-to-play-search__icon{position:absolute;left:1.5rem;top:50%;transform:translateY(-50%);display:flex;pointer-events:none;opacity:.6}.how-to-play-search__icon .icon{width:2rem;height:2rem}.how-to-play-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem 1rem;margin-top:1rem}@media screen and (min-width:600px){.how-to-play-grid{grid-template-columns:repeat(3,1fr)}}@media screen and (min-width:990px){.how-to-play-grid{grid-template-columns:repeat(5,1fr);gap:2.5rem 2rem}}.how-to-play-grid__card{display:block;width:100%;padding:0;border:none;background:none;cursor:pointer;text-align:left;color:rgb(var(--color-foreground))}.how-to-play-grid__media{position:relative;width:100%;aspect-ratio:1 / 1;overflow:hidden;border-radius:var(--media-radius);border:var(--media-border-width) solid rgba(var(--color-foreground),var(--media-border-opacity));background-color:rgba(var(--color-foreground),.04)}.how-to-play-grid__media img{width:100%;height:100%;object-fit:cover;display:block}.how-to-play-grid__play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;width:4.4rem;height:4.4rem;border-radius:50%;background-color:rgb(var(--color-background));border:.1rem solid rgba(var(--color-foreground),.1);transition:transform var(--duration-short) ease}.how-to-play-grid__play .icon{width:1.6rem;height:1.6rem;margin-left:.2rem}.how-to-play-grid__card:hover .how-to-play-grid__play{transform:translate(-50%,-50%) scale(1.1)}.how-to-play-grid__title{display:block;margin-top:.8rem;font-size:1.4rem;line-height:1.3}.how-to-play-grid__empty{text-align:center;padding:4rem 0}.how-to-play-grid__empty[hidden]{display:none}
/*# sourceMappingURL=/cdn/shop/t/5/assets/how-to-play-grid.css.map */