.ark-shop-by-category{--sbc-gap: 16px;--sbc-visible: 2.7;--sbc-title-width: 78rem ;padding-inline:clamp(20px,4vw,52px);box-sizing:border-box}.ark-shop-by-category .categories-section{padding:20px 0 48px;background:var(--color-white, #ffffff);width:100%}.ark-shop-by-category .categories-section>.container{max-width:min(100%,var(--sbc-title-width));margin-left:auto;margin-right:auto;padding-left:0;padding-right:0;box-sizing:border-box}.ark-shop-by-category .categories-section .section-title-centered{font-size:30px;font-weight:700;margin-bottom:30px;text-align:left}.ark-shop-by-category .categories-row-scroll{width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);position:relative;left:auto;right:auto;transform:none;box-sizing:border-box;padding:0 0 10px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;scroll-snap-type:x proximity;scroll-padding-inline:0;container-type:inline-size;container-name:ark-sbc-strip;overscroll-behavior-x:contain;touch-action:pan-x;scrollbar-width:none;-ms-overflow-style:none}.ark-shop-by-category .categories-row-scroll::-webkit-scrollbar{display:none;width:0;height:0;-webkit-appearance:none;appearance:none;background:transparent}.ark-shop-by-category .categories-row{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:stretch;gap:var(--sbc-gap);width:max-content;margin:0;padding:0;box-sizing:border-box}.ark-shop-by-category .category-box{position:relative;flex:0 0 auto;flex-shrink:0;--category-image-y: 0%;--category-image-scale: 1;width:max(180px,calc((100cqi - 2 * var(--sbc-gap)) / var(--sbc-visible)));aspect-ratio:4 / 5;min-height:0;border-radius:12px;overflow:hidden;cursor:pointer;scroll-snap-align:start}.ark-shop-by-category .category-box--sunglasses{--category-image-y: 3.8%}.ark-shop-by-category .category-bg-image{position:absolute;top:0;right:0;bottom:0;left:0;background:transparent;border-radius:inherit;overflow:hidden}.ark-shop-by-category .category-bg-image img{width:100%;height:calc(100% + var(--category-image-y));object-fit:cover;object-position:center top;transform:translateY(var(--category-image-y)) scale(var(--category-image-scale));transform-origin:center top}.ark-shop-by-category .category-box:hover .category-bg-image img{--category-image-scale: 1.05}@supports not (width: 1cqi){.ark-shop-by-category .category-box{width:max(180px,calc((100vw - 2 * var(--sbc-gap)) / var(--sbc-visible)))}}@media(max-width:768px){.ark-shop-by-category{--sbc-title-width: 52rem;padding-inline:clamp(16px,5vw,28px)}.ark-shop-by-category .categories-section .section-title-centered{font-size:20px}.ark-shop-by-category .category-box{width:max(160px,calc((100vw - 2 * var(--sbc-gap)) / var(--sbc-visible)))}}.ark-shop-by-category .categories-row-scroll{padding-bottom:18px;scrollbar-width:thin;scrollbar-color:rgba(18,18,18,.34) rgba(18,18,18,.08);-ms-overflow-style:auto}.ark-shop-by-category .categories-row-scroll::-webkit-scrollbar{display:block;height:6px;width:6px;background:transparent}.ark-shop-by-category .categories-row-scroll::-webkit-scrollbar-track{background:#12121214;border-radius:999px;margin-inline:clamp(20px,4vw,52px)}.ark-shop-by-category .categories-row-scroll::-webkit-scrollbar-thumb{background:#12121257;border-radius:999px}.ark-shop-by-category .categories-row-scroll::-webkit-scrollbar-thumb:hover{background:#c41e3ac7}
/*# sourceMappingURL=/cdn/shop/t/136/assets/ark-shop-by-category.css.map */