.dy-colrow{--ink: #111;--muted: #61636b;--gap: 16px;--chip-w: 132px;--chip-h: 92px;--radius: 999px;--border: #e7e7ea;--hover: #f3f4f7;background:transparent}.dy-colrow__bg{position:absolute;top:0;bottom:0;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;width:100vw;max-width:100vw;background:var(--bg, #fafafa);z-index:0}.dy-colrow__inner{position:relative;z-index:1;width:100%;padding-block:24px 12px;padding-inline:clamp(12px,4vw,24px);box-sizing:border-box}.section--full-width .dy-colrow__inner{padding-inline:clamp(12px,5vw,40px)}.dy-colrow__heading{margin:0 0 6px;font-size:clamp(18px,2.2vw,22px);font-weight:800;color:var(--ink)}.dy-colrow__sub{margin:0 0 14px;color:var(--muted);font-size:14px}.dy-colrow__vp{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;cursor:grab;-webkit-user-select:none;user-select:none;scrollbar-width:none;-ms-overflow-style:none;text-align:initial}.dy-colrow__vp::-webkit-scrollbar{display:none}.dy-colrow__vp[data-dragging=true]{cursor:grabbing}.dy-colrow__track{display:flex;width:max-content;gap:var(--gap);padding:4px 2px 12px}.dy-colrow__list{display:flex;gap:var(--gap);list-style:none;padding:0;margin:0}.dy-colrow__item{scroll-snap-align:start}.dy-colrow__link{display:grid;grid-template-rows:var(--chip-h) auto;justify-items:center;text-align:center;color:inherit;text-decoration:none;min-width:var(--chip-w)}.dy-colrow__chip{width:var(--chip-w);height:var(--chip-h);border-radius:var(--radius);border:1px solid var(--border);background:#fff;display:grid;place-items:center;transition:background .2s ease,box-shadow .2s ease,border-color .2s ease}.dy-colrow__link:hover .dy-colrow__chip,.dy-colrow__link:focus-visible .dy-colrow__chip{background:var(--hover);border-color:#dcdde2;box-shadow:0 1px #00000008;outline:none}.dy-colrow__img{width:72%;height:72%;object-fit:contain;object-position:center;display:block}.dy-colrow__label{margin:8px 10px 0;font-size:13px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:var(--chip-w);font-weight:600}@media (max-width: 989px){.dy-colrow__inner{padding-block:18px 8px}.dy-colrow__label{font-size:12.5px}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/dy-collections-row.css.map */