.shop-by-type-section.section-padding{padding-top:var(--section-padding-top, 50px);padding-bottom:var(--section-padding-bottom, 0);background-color:#fff}@media screen and (max-width:991px){.shop-by-type-section.section-padding{padding-top:var(--section-padding-top-mobile, 40px);padding-bottom:var(--section-padding-bottom-mobile, 40px)}}.shop-by-type-carousel{position:relative;width:100%}.shop-by-type-wrapper{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;width:100%;flex-wrap:wrap}.shop-by-type-item{display:flex;flex-direction:column;align-items:center;flex:0 0 auto}.shop-by-type-link{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:inherit;transition:opacity .2s ease}.shop-by-type-link:hover{opacity:.8}.shop-by-type-circle{width:96px;height:96px;background:#f5f5f5;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;transition:transform .2s ease,box-shadow .2s ease}.shop-by-type-link:hover .shop-by-type-circle{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.shop-by-type-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.shop-by-type-icon svg{width:100%;height:100%;display:block}.shop-by-type-text{margin-top:12px;font-weight:500;font-style:normal;font-size:13px;line-height:16.25px;letter-spacing:0px;text-align:center;color:#1c1c1c}@media screen and (max-width:991px){.shop-by-type-wrapper{justify-content:center;gap:15px}.shop-by-type-carousel.mobile-carousel-enabled .shop-by-type-wrapper{flex-wrap:nowrap;justify-content:flex-start;gap:18px;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:6px}.shop-by-type-carousel.mobile-carousel-enabled .shop-by-type-wrapper::-webkit-scrollbar{display:none}.shop-by-type-carousel.mobile-carousel-enabled .shop-by-type-item{flex:0 0 116px;width:116px;min-width:116px}.shop-by-type-carousel.mobile-carousel-enabled .shop-by-type-link{width:100%}.shop-by-type-carousel.mobile-carousel-enabled.is-scrollable{padding:0 40px}.shop-by-type-carousel.mobile-carousel-enabled:not(.is-scrollable) .shop-by-type-wrapper{justify-content:center}}.shop-by-type-arrow{display:none;position:absolute;top:30px;z-index:2;width:36px;height:36px;padding:0;border:1px solid rgba(28,28,28,.12);border-radius:50%;background:#fffffff5;color:#1c1c1c;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 6px 18px #00000014;transition:opacity .2s ease,transform .2s ease,background-color .2s ease,box-shadow .2s ease}.shop-by-type-arrow:hover{transform:translateY(-1px);background:#fff;box-shadow:0 8px 22px #0000001f}.shop-by-type-arrow:disabled{cursor:default;opacity:.35;transform:none;box-shadow:none}.shop-by-type-arrow:focus-visible{outline:2px solid #1c1c1c;outline-offset:2px}.shop-by-type-arrow-prev{left:2px}.shop-by-type-arrow-next{right:2px}@media screen and (max-width:991px){.shop-by-type-carousel.mobile-carousel-enabled.is-scrollable .shop-by-type-arrow{display:flex}}@media screen and (max-width:767px){.shop-by-type-circle{width:78px;height:78px}.shop-by-type-icon{width:32px;height:32px}.shop-by-type-text{font-size:12px;line-height:14px;margin-top:9px}.shop-by-type-carousel.mobile-carousel-enabled .shop-by-type-wrapper{gap:14px}.shop-by-type-carousel.mobile-carousel-enabled .shop-by-type-item{flex-basis:96px;width:96px;min-width:96px}.shop-by-type-carousel.mobile-carousel-enabled.is-scrollable{padding:0 32px}.shop-by-type-arrow{top:24px;width:30px;height:30px}}@media screen and (max-width:420px){.shop-by-type-circle{width:70px;height:70px}.shop-by-type-icon{width:28px;height:28px}.shop-by-type-carousel.mobile-carousel-enabled .shop-by-type-item{flex-basis:88px;width:88px;min-width:88px}.shop-by-type-carousel.mobile-carousel-enabled.is-scrollable{padding:0 28px}.shop-by-type-arrow{top:20px;width:28px;height:28px}.shop-by-type-arrow-prev{left:0}.shop-by-type-arrow-next{right:0}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/shop-by-type.css.map */