.montis-picker{margin-bottom:24px;position:relative}.montis-picker__label{font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#888;margin-bottom:10px}.montis-picker__scroll-wrap{position:relative}.montis-picker__row{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:2px;scroll-behavior:smooth}.montis-picker__row::-webkit-scrollbar{display:none}.montis-picker__arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:28px;height:28px;border-radius:50%;border:1px solid #ddd;background:#fffffff2;color:#333;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 6px #0000001a;transition:all .2s ease;padding:0}.montis-picker__arrow:hover{background:#fff;border-color:#999;box-shadow:0 3px 10px #00000026}.montis-picker__arrow--left{left:-6px}.montis-picker__arrow--right{right:-6px}.montis-picker__arrow[hidden]{display:none}.montis-picker__arrow svg{width:14px;height:14px;stroke-width:2.5}.montis-picker__card{position:relative;display:flex;flex-direction:column;align-items:center;flex:0 0 calc(25% - 6px);min-width:100px;border:2px solid transparent;border-radius:8px;overflow:hidden;text-decoration:none;transition:all .2s ease;cursor:pointer;background:#f5f5f5}.montis-picker__card:hover{border-color:#999;transform:translateY(-1px);box-shadow:0 3px 10px #00000014}.montis-picker__card--active{border-color:#111}.montis-picker__card--active:hover{transform:none;box-shadow:none}.montis-picker__img-wrap{width:100%;height:68px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#f0f0f0}.montis-picker__bg{width:100%;height:100%;object-fit:cover}.montis-picker__fallback{width:100%;height:100%;background:linear-gradient(135deg,#1a1a1a,#333)}.montis-picker__name{display:block;width:100%;padding:6px 4px;font-size:9px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;color:#222;text-align:center;background:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.montis-picker__card--active .montis-picker__name{color:#111;background:#f8f8f8}@media(max-width:749px){.montis-picker__card{flex:0 0 calc(25% - 6px);min-width:80px}.montis-picker__img-wrap{height:56px}.montis-picker__name{font-size:8px;padding:5px 3px}.montis-picker__arrow{width:24px;height:24px}.montis-picker__arrow svg{width:12px;height:12px}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/montis-collection-picker.css.map */