.ro-band-wall__header{padding:0 0 1.2rem;text-align:center}.ro-band-wall__header .ro-shead{justify-content:center;margin-bottom:.6rem}.ro-band-wall__note{font-family:var(--font-heading-family);font-size:1.05rem;letter-spacing:.16em;color:var(--ro-dim);text-transform:uppercase;margin:.8rem 0 0;text-align:center}.ro-band-wall__filter{display:block;max-width:38rem;margin:1.2rem auto 0}.ro-band-wall__search-form{position:relative;display:block}.ro-band-wall__filter-input{width:100%;padding:1rem 3.6rem 1rem 1.4rem;background:rgba(var(--color-foreground, var(--ro-paper-rgb)),.05);border:.1rem solid rgba(var(--color-foreground, var(--ro-paper-rgb)),.3);border-radius:var(--inputs-radius, 0);color:rgb(var(--color-foreground, var(--ro-paper-rgb)));font-size:var(--ro-type-sm)}.ro-band-wall__filter-input::placeholder{color:rgba(var(--color-foreground, var(--ro-paper-rgb)),.55)}.ro-band-wall__search-submit{position:absolute;top:50%;right:.6rem;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;padding:0;background:transparent;border:0;color:rgb(var(--color-foreground, var(--ro-paper-rgb)));cursor:pointer}.ro-band-wall__search-submit:hover,.ro-band-wall__search-submit:focus-visible{color:var(--ro-red)}.ro-band-wall__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem;padding:1.6rem 0 0}@media screen and (min-width:750px){.ro-band-wall__grid{grid-template-columns:repeat(4,1fr);gap:.8rem}}@media screen and (min-width:990px){.ro-band-wall__grid{grid-template-columns:repeat(6,1fr)}}.ro-band-wall__tile{position:relative;display:flex;aspect-ratio:1 / 1;overflow:hidden;background:var(--ro-steel);border:.1rem solid rgba(var(--ro-paper-rgb),.08);text-decoration:none}.ro-band-wall__tile[hidden]{display:none}.ro-band-wall__tile-media{width:100%;padding:1.2rem}.ro-band-wall__tile-media img{object-fit:contain}.ro-band-wall__tile-label{display:flex;align-items:center;justify-content:center;width:100%;padding:.8rem;text-align:center;font-size:var(--ro-type-xs);line-height:1.2;color:rgb(var(--ro-paper-rgb))}.ro-band-wall__tile-spotlight{position:absolute;top:-60%;right:-60%;bottom:-60%;left:-60%;background:conic-gradient(from 0deg,transparent 0deg,rgba(var(--ro-red-rgb),.4) 20deg,transparent 55deg);opacity:0;pointer-events:none}@media(hover:hover)and (pointer:fine){.ro-band-wall__tile:hover .ro-band-wall__tile-spotlight{opacity:1}@media(prefers-reduced-motion:no-preference){.ro-band-wall__tile:hover .ro-band-wall__tile-spotlight{animation:ro-spotlight-sweep 1.2s linear}}}@keyframes ro-spotlight-sweep{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ro-band-wall__tile .ro-band-wall__tile-caption{position:absolute;left:0;right:0;bottom:0;padding:2.2rem .4rem .5rem;text-align:center;color:#fff;font-size:1.1rem;line-height:1.15;letter-spacing:.06em;overflow-wrap:break-word;z-index:1;background:linear-gradient(0deg,rgba(var(--ro-black-rgb),.85),rgba(var(--ro-black-rgb),.55) 55%,rgba(var(--ro-black-rgb),0));text-shadow:0 .2rem .6rem rgba(0,0,0,.85);pointer-events:none}@media screen and (min-width:750px){.ro-band-wall__tile .ro-band-wall__tile-caption{padding:2.6rem .6rem .7rem;font-size:1.3rem}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-rockoff-band-wall.css.map */