.bscroll{position:relative;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--coal) 60%,transparent);padding-block:18px}.bscroll__viewport{overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;touch-action:pan-x pan-y;cursor:grab;outline:none;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 56px,#000 calc(100% - 56px),transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 56px,#000 calc(100% - 56px),transparent 100%)}.bscroll__viewport::-webkit-scrollbar{display:none}.bscroll__viewport.is-dragging{cursor:grabbing}.bscroll__viewport.is-dragging .bscroll__item{pointer-events:none}.bscroll__viewport:focus-visible{box-shadow:inset 0 0 0 2px var(--volt);border-radius:12px}.bscroll__track{position:relative;display:flex;align-items:center;gap:14px;width:max-content;margin:0;padding:6px 7px;list-style:none}.bscroll__cell{flex:0 0 auto;margin:0}.bscroll__item{display:block;border-radius:16px;-webkit-user-drag:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.bscroll__item:focus-visible{outline:2px solid var(--volt);outline-offset:3px}.bscroll__tile{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;width:150px;height:72px;padding:12px 15px;box-sizing:border-box;border-radius:16px;background:#fff;border:1px solid rgba(255,255,255,.1);box-shadow:0 10px 26px -16px #000000e6;transition:transform .25s cubic-bezier(.2,.7,.2,1),box-shadow .25s,filter .25s}.bscroll__tile--dark{background:#121212;border-color:var(--line)}.bscroll__logo{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;-webkit-user-drag:none;transform:translate(var(--tx, 0%),var(--ty, 0%)) scale(var(--z, 1))}.bscroll__name{font-family:var(--font-display);font-size:17px;line-height:1.05;letter-spacing:.06em;text-transform:uppercase;color:#121214;text-align:center}@media(hover:hover){.bscroll__item:hover .bscroll__tile{transform:translateY(-2px);box-shadow:0 14px 30px -12px color-mix(in srgb,var(--volt) 45%,transparent)}}@media(max-width:639px){.bscroll{padding-block:14px}.bscroll__viewport{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 28px,#000 calc(100% - 28px),transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 28px,#000 calc(100% - 28px),transparent 100%)}.bscroll__track{gap:10px;padding-inline:5px}.bscroll__tile{width:124px;height:60px;padding:10px 12.4px;border-radius:14px}.bscroll__name{font-size:14px}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/brand-scroller.css.map */