.collection-quick-menu-wrapper{position:relative;width:100%;overflow:clip;overflow-y:visible}.collection-quick-menu{display:flex;align-items:flex-start;justify-content:var(--cqm-justify, center);flex-wrap:nowrap!important;overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;gap:var(--cqm-gap, 20px);padding:var(--cqm-pt, 0px) var(--cqm-pr, 10px) var(--cqm-pb, 16px) var(--cqm-pl, 10px);scroll-behavior:smooth;scroll-snap-type:x mandatory}.collection-quick-menu::-webkit-scrollbar{display:none}.collection-quick-menu__item{display:flex;flex-direction:column;align-items:center;text-decoration:none;flex:0 0 var(--cqm-size, 90px);min-width:0;gap:8px;width:var(--cqm-size, 90px);scroll-snap-align:center;transition:transform .2s ease}.collection-quick-menu__item:hover{transform:scale(1.05)}.collection-quick-menu__img-wrap{position:relative;width:var(--cqm-size, 90px);height:var(--cqm-size, 90px);overflow:hidden;border-radius:var(--cqm-radius, 50%);background:#f5f5f5;border:var(--cqm-border-width, 2px) solid var(--cqm-border-color, transparent);transition:border-color .2s ease,box-shadow .2s ease;box-sizing:border-box}.collection-quick-menu__item:hover .collection-quick-menu__img-wrap,.collection-quick-menu__item.--active .collection-quick-menu__img-wrap{border-color:var(--cqm-active-color, var(--color-primary, #333));box-shadow:0 2px 8px #0000001a}.collection-quick-menu__img-wrap img{width:100%;height:100%;object-fit:cover;object-position:center center;display:block}.collection-quick-menu__title{font-size:var(--cqm-font-size, 1.2rem);color:var(--cqm-text-color, var(--color-foreground, #000));text-align:center;line-height:1.3;max-width:100%;display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.collection-quick-menu__dots{display:none;justify-content:center;gap:6px;padding:8px 0 4px}.collection-quick-menu__dots.--visible{display:flex}.collection-quick-menu__dot{width:6px;height:6px;border-radius:50%;background:#ccc;border:none;padding:0;cursor:pointer;transition:background .2s ease,transform .2s ease}.collection-quick-menu__dot.--active{background:var(--cqm-active-color, var(--color-primary, #333));transform:scale(1.3)}
/*# sourceMappingURL=/cdn/shop/t/208/assets/collection-quick-menu.css.map */