.m-band{display:block;position:relative;border-bottom:var(--m-rule);background:var(--m-bg)}.m-band__viewport{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 48px,#000 calc(100% - 140px),transparent);mask-image:linear-gradient(90deg,transparent,#000 48px,#000 calc(100% - 140px),transparent)}.m-band__track{display:flex;width:max-content;animation:m-band-scroll var(--m-band-duration, 60s) linear infinite}@keyframes m-band-scroll{to{transform:translate(calc(-100% / var(--m-band-copies, 2)))}}.m-band.is-paused .m-band__track,.m-band:has(.m-band__link:focus-visible) .m-band__track{animation-play-state:paused}@media(hover:hover)and (pointer:fine){.m-band__viewport:hover .m-band__track{animation-play-state:paused}}.m-band__list{display:flex;margin:0;padding:0;list-style:none}.m-band__item{flex:none;width:200px;margin:0;border-right:var(--m-rule-thin)}.m-band__link{display:flex;flex-direction:column;gap:10px;height:100%;padding:20px;color:var(--m-text);transition:background-color .15s ease}.m-band__link:hover,.m-band__link:focus-visible{background:var(--m-tint-7);color:var(--m-text)}.m-band__link:focus-visible{outline-offset:-2px}.m-band__media{display:block;aspect-ratio:1;background:#fff;border:var(--m-rule-thin)}.m-band__media img{display:block;width:100%;height:100%;object-fit:contain}.m-band__link:hover .m-band__media,.m-band__link:focus-visible .m-band__media{border-color:var(--m-accent)}.m-band__name{font-family:var(--m-font-heading);font-weight:var(--m-heading-weight);font-size:14px;line-height:1.2;-webkit-hyphens:auto;hyphens:auto;hyphenate-limit-chars:10 4 4;overflow-wrap:break-word}.m-band__link:hover .m-band__name,.m-band__link:focus-visible .m-band__name{color:var(--m-accent)}.m-band__count{margin-top:-6px}.m-band__bar{position:absolute;right:12px;bottom:12px;z-index:1}.m-band__controls{display:inline-flex;border:1px solid var(--m-divider);background:var(--m-bg)}.m-band__control{-webkit-appearance:none;appearance:none;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;min-height:0;margin:0;padding:0;border:0;background:transparent;color:var(--m-text);cursor:pointer;transition:background-color .12s ease}.m-band__control+.m-band__control{border-left:1px solid var(--m-divider)}.m-band__control:hover{background:var(--m-tint-7)}.m-band__control:active{background:var(--m-tint-14)}.m-band__control:focus-visible{outline:2px solid var(--m-accent);outline-offset:-2px}.m-band__control svg{display:block}@media(pointer:coarse){.m-band__control{width:44px;height:44px}}.m-band__toggle .m-band__icon-play{display:none}.m-band.is-paused .m-band__toggle .m-band__icon-play{display:block}.m-band.is-paused .m-band__toggle .m-band__icon-pause{display:none}@media(max-width:989px){.m-band__item{width:150px}.m-band__link{padding:14px;gap:8px}.m-band__name{font-size:12px}.m-band__viewport{-webkit-mask-image:linear-gradient(90deg,transparent,#000 24px,#000 calc(100% - 24px),transparent);mask-image:linear-gradient(90deg,transparent,#000 24px,#000 calc(100% - 24px),transparent)}.m-band__bar{position:static;display:flex;justify-content:center;padding:12px 20px;border-top:var(--m-rule-thin)}}@media(prefers-reduced-motion:reduce){.m-band__viewport{overflow-x:auto;scroll-snap-type:x proximity;-webkit-mask-image:none;mask-image:none}.m-band__track{animation:none}.m-band__list[aria-hidden=true]{display:none}.m-band__item{scroll-snap-align:start}.m-band__toggle{display:none}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/modernist-band.css.map */