.collection-menu-section{display:block;width:100%;background:var(--collection-menu-background, #ffffff)}.collection-menu{width:100%;background:var(--collection-menu-background, #ffffff);padding-top:var(--collection-menu-padding-top-desktop, 24px);padding-bottom:var(--collection-menu-padding-bottom-desktop, 24px)}.collection-menu__inner{width:100%;max-width:var(--collection-menu-max-width, 1200px);margin-inline:auto;padding-inline:20px;box-sizing:border-box}.collection-menu__slider{position:relative;display:block;width:100%}.collection-menu__track{--collection-menu-gap: 20px;display:flex;align-items:flex-start;gap:var(--collection-menu-gap);width:100%;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;scroll-snap-type:x mandatory;scroll-padding-inline:0;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;overscroll-behavior-inline:contain}.collection-menu__track::-webkit-scrollbar{display:none}.collection-menu__item{flex:0 0 calc((100% - ((var(--collection-menu-desktop-items) - 1) * var(--collection-menu-gap))) / var(--collection-menu-desktop-items));min-width:0;scroll-snap-align:start;scroll-snap-stop:normal;box-sizing:border-box}.collection-menu__link{display:flex;flex-direction:column;align-items:center;width:100%;color:inherit;text-decoration:none;cursor:pointer;outline-offset:4px}.collection-menu__link--disabled{cursor:default}.collection-menu__image{position:relative;display:block;width:100%;aspect-ratio:1 / 1;overflow:hidden;background:#f5f5f5;box-sizing:border-box}.collection-menu--circle .collection-menu__image{border-radius:50%}.collection-menu--square .collection-menu__image{border-radius:0}.collection-menu__image-element{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .3s ease}.collection-menu__link:hover .collection-menu__image-element{transform:scale(1.035)}.collection-menu__placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.collection-menu__placeholder-svg{display:block;width:100%;height:100%;object-fit:cover}.collection-menu--circle .collection-menu__placeholder,.collection-menu--circle .collection-menu__placeholder-svg{border-radius:50%}.collection-menu__title{width:100%;margin-top:10px;font-family:Montserrat,sans-serif;font-size:14px;font-weight:500;line-height:1.3;text-align:center;color:inherit;overflow-wrap:break-word}.collection-menu__arrow{position:absolute;z-index:5;top:50%;display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:1px solid rgba(0,0,0,.12);border-radius:50%;background:#fff;color:#111;box-shadow:0 2px 10px #0000001f;cursor:pointer;transform:translateY(-50%);transition:opacity .2s ease,background-color .2s ease,color .2s ease,box-shadow .2s ease}.collection-menu__arrow:hover:not(:disabled){background:#403c3c;color:#fff}.collection-menu__arrow:focus-visible{outline:2px solid currentColor;outline-offset:3px}.collection-menu__arrow:disabled{opacity:.25;cursor:default;pointer-events:none}.collection-menu__arrow--prev{left:-12px}.collection-menu__arrow--next{right:-12px}.collection-menu__slider--no-overflow .collection-menu__arrow{display:none}@media screen and (min-width:740px){.collection-menu-section--mobile-only{display:none!important}}@media screen and (max-width:739px){.collection-menu-section--desktop-only{display:none!important}.collection-menu{padding-top:var(--collection-menu-padding-top-mobile, 16px);padding-bottom:var(--collection-menu-padding-bottom-mobile, 16px)}.collection-menu__inner{padding-inline:14px}.collection-menu__track{--collection-menu-gap: 25px}.collection-menu__item{flex:0 0 calc((100% - ((var(--collection-menu-mobile-items) - 1) * var(--collection-menu-gap))) / var(--collection-menu-mobile-items))}.collection-menu__title{margin-top:8px;font-size:12px;font-weight:500;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.collection-menu__arrow{width:32px;height:32px}.collection-menu__arrow svg{width:16px;height:16px}.collection-menu__arrow--prev{left:-5px}.collection-menu__arrow--next{right:-5px}}@media screen and (prefers-reduced-motion:reduce){.collection-menu__track{scroll-behavior:auto}.collection-menu__image-element,.collection-menu__arrow{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/section-collection-menu-slider.css.map */