.show-your-shelf{padding:4rem 0}.show-your-shelf__header{text-align:center;margin-bottom:2.5rem}.show-your-shelf__heading{margin-bottom:.75rem}.show-your-shelf__subheading{opacity:.85;max-width:44rem;margin:0 auto}.show-your-shelf__empty{text-align:center;opacity:.7}.show-your-shelf__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;list-style:none;padding:0;margin:0}.show-your-shelf__card{display:flex;flex-direction:column;gap:.5rem}.show-your-shelf__embed-wrapper{position:relative;width:100%;aspect-ratio:9 / 16;border-radius:.75rem;overflow:hidden}.show-your-shelf__embed-iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0}.show-your-shelf__poster{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;padding:0;border:0;cursor:pointer;background:rgba(var(--color-foreground),.04)}.show-your-shelf__poster-image{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.show-your-shelf__poster-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;width:100%;height:100%}.show-your-shelf__poster-placeholder svg{width:2rem;height:2rem;opacity:.6}.show-your-shelf__poster-placeholder-name{font-weight:600;opacity:.75;font-size:.85rem}.show-your-shelf__play-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:#fff;box-shadow:0 0 0 1px rgba(var(--color-foreground),.1);pointer-events:none}.show-your-shelf__play-overlay svg{width:18px;height:18px}.show-your-shelf__card-meta{display:flex;flex-direction:column;gap:.25rem;text-align:center}.show-your-shelf__caption{margin:0;font-size:.9rem;opacity:.9}.show-your-shelf__credit{font-size:.85rem;opacity:.75;display:block;color:inherit;text-decoration:none}.show-your-shelf__credit:hover{text-decoration:underline}@media screen and (max-width:989px){.show-your-shelf__grid{grid-template-columns:repeat(4,1fr)}}@media screen and (max-width:749px){.show-your-shelf__grid{grid-template-columns:repeat(2,1fr)}.show-your-shelf{padding:2.5rem 0}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/show-your-shelf.css.map */