.maru-pack-navigator{align-items:stretch;display:grid;gap:1.2rem;grid-template-columns:auto minmax(0,1fr);width:100%}.maru-pack-navigator__rail{align-self:stretch;min-width:0}.maru-pack-navigator__list{direction:rtl;display:grid;gap:.8rem;grid-auto-flow:column;grid-auto-columns:7.2rem;grid-template-rows:repeat(6,7.2rem);justify-content:end;margin:0}.maru-pack-navigator__item{direction:ltr;height:7.2rem;width:7.2rem}.maru-pack-navigator__link{background:rgba(var(--color-foreground),.025);border:.1rem solid rgba(var(--color-foreground),.12);border-radius:calc(var(--media-radius) * .65);display:block;height:100%;overflow:hidden;transition:border-color .16s ease,box-shadow .16s ease,opacity .16s ease;width:100%}.maru-pack-navigator__link:hover{border-color:rgba(var(--color-foreground),.42)}.maru-pack-navigator__link.is-active{border-color:rgb(var(--color-foreground));box-shadow:0 0 0 .1rem rgb(var(--color-foreground))}.maru-pack-navigator__link:focus-visible{outline:.2rem solid rgba(var(--color-foreground),.75);outline-offset:.2rem}.maru-pack-navigator__thumbnail,.maru-pack-navigator__preview-image{display:block;height:100%;object-fit:cover;width:100%}.maru-pack-navigator__fallback{align-items:center;color:rgba(var(--color-foreground),.7);display:flex;font-size:1.4rem;font-weight:600;height:100%;justify-content:center;width:100%}.maru-pack-navigator__preview{aspect-ratio:1 / 1;background:rgba(var(--color-foreground),.02);border-radius:var(--media-radius);min-width:0;overflow:hidden;position:relative}.maru-pack-navigator__placeholder{height:100%;width:100%}@media screen and (max-width:989px){.maru-pack-navigator__list{grid-auto-columns:6.4rem;grid-template-rows:repeat(6,6.4rem)}.maru-pack-navigator__item{height:6.4rem;width:6.4rem}}@media screen and (max-width:749px){.maru-pack-navigator{display:flex;flex-direction:column-reverse;gap:1rem}.maru-pack-navigator__rail{overflow-x:auto;padding:.2rem 0 .4rem;scrollbar-width:none}.maru-pack-navigator__rail::-webkit-scrollbar{display:none}.maru-pack-navigator__list{direction:ltr;display:flex;gap:.8rem;justify-content:flex-start;width:max-content}.maru-pack-navigator__item{flex:0 0 6.4rem}}
/*# sourceMappingURL=/cdn/shop/t/65/assets/maru-pack-navigator.css.map */