/* Start:/local/templates/zaym-2016_copy/components/bitrix/menu/UR_tag-scroller/style.css?17865018652307*/
.tag-scroller { position: relative; margin-bottom: 20px; }
.tag-scroller__track { display: flex; flex-wrap: nowrap; gap: 8px; overflow-x: auto; overflow-y: hidden; scroll-behavior: smooth; scrollbar-width: none; -ms-overflow-style: none; padding: 2px 0; -webkit-overflow-scrolling: touch; overscroll-behavior-x: contain; }
.tag-scroller__track::-webkit-scrollbar { display: none; }
.tag-scroller .tag { flex: 0 0 auto; white-space: nowrap; padding: 6px 14px; }
.tag-scroller__btn { position: absolute; top: 50%; transform: translateY(-50%); width: 32px; height: 32px; border-radius: 50%; border: 1px solid #d4d1ca; background: #fbfbf9; color: #01696f; display: none; align-items: center; justify-content: center; cursor: pointer; box-shadow: 0 2px 8px oklch(0.2 0.01 80 / 0.12); z-index: 2; padding: 0; }
.tag-scroller__btn:hover { border-color: #01696f; background: #e6f2f2; }
.tag-scroller__btn svg { width: 14px; height: 14px; }
.tag-scroller__btn--prev { left: -6px; }
.tag-scroller__btn--next { right: -6px; }
.tag-scroller.is-scrollable .tag-scroller__btn { display: flex; }
.tag-scroller__btn[disabled] { opacity: 0; pointer-events: none; }
.tag-scroller.can-prev .tag-scroller__track { -webkit-mask-image: linear-gradient(to right, transparent 0, #000 48px); mask-image: linear-gradient(to right, transparent 0, #000 48px); }
.tag-scroller.can-next .tag-scroller__track { -webkit-mask-image: linear-gradient(to right, #000 calc(100% - 48px), transparent 100%); mask-image: linear-gradient(to right, #000 calc(100% - 48px), transparent 100%); }
.tag-scroller.can-prev.can-next .tag-scroller__track { -webkit-mask-image: linear-gradient(to right, transparent 0, #000 48px, #000 calc(100% - 48px), transparent 100%); mask-image: linear-gradient(to right, transparent 0, #000 48px, #000 calc(100% - 48px), transparent 100%); }

.tag { display: inline-flex; align-items: center; gap: 4px; font-size: 13px; font-weight: 500; padding: 4px 12px; border-radius: 9999px; border: 1.5px solid #d4d1ca; color: #7a7974; cursor: pointer; background: #f7f6f2; text-decoration: none; }
.tag:hover { border-color: #01696f; color: #01696f; }
.tag.active { border-color: #01696f; color: #01696f; background: #e6f2f2; }

@media (max-width: 768px) { .tag-scroller__btn { display: none !important; } }

/* End */
/* /local/templates/zaym-2016_copy/components/bitrix/menu/UR_tag-scroller/style.css?17865018652307 */