.mobile-category-nav-section{position:relative;width:100%;z-index:10}.mobile-category-nav-section.mobile-only{display:block}@media screen and (min-width:990px){.mobile-category-nav-section.mobile-only{display:none}}.mobile-category-nav__container{width:100%;position:relative;padding-top:var(--section-padding-top, 8px);padding-bottom:var(--section-padding-bottom, 8px);background-color:rgb(var(--category-bg, 255, 255, 255));border-bottom:2px solid rgba(var(--category-text, 23, 23, 23),.15)}.mobile-category-nav__wrapper{width:100%;max-width:100%;margin:0 auto;padding:0}.mobile-category-nav__heading{padding:0 20px 8px;margin-bottom:2px}.mobile-category-nav__heading .heading{font-size:14px;font-weight:900;letter-spacing:1px;text-transform:uppercase;color:rgb(var(--category-text, 23, 23, 23));margin:0;line-height:1.2;text-shadow:0 1px 2px rgba(var(--category-text, 23, 23, 23),.1)}.mobile-category-nav__scroll{width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth;position:relative}.mobile-category-nav__scroll::-webkit-scrollbar{display:none}.mobile-category-nav__list{display:inline-flex;align-items:flex-start;gap:16px;padding:0 20px;min-width:max-content;list-style:none;margin:0}.mobile-category-nav__item{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;min-width:80px;max-width:90px}.mobile-category-nav__link{display:flex;flex-direction:column;align-items:center;text-decoration:none;transition:transform .3s cubic-bezier(.4,0,.2,1);cursor:pointer;-webkit-tap-highlight-color:transparent;width:100%}.mobile-category-nav__link:active{transform:scale(.95)}.mobile-category-nav__image-wrapper{width:80px;height:80px;border-radius:50%;overflow:hidden;position:relative;background:linear-gradient(135deg,rgba(var(--category-accent, 94, 165, 255),.15),rgba(var(--category-accent, 94, 165, 255),.08));border:3px solid rgba(var(--category-text, 23, 23, 23),.15);margin-bottom:6px;transition:all .35s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(var(--category-text, 23, 23, 23),.12),0 2px 4px rgba(var(--category-text, 23, 23, 23),.08)}.mobile-category-nav__link:hover .mobile-category-nav__image-wrapper,.mobile-category-nav__link:focus .mobile-category-nav__image-wrapper{transform:translateY(-4px) scale(1.05);border-color:rgb(var(--category-accent, 94, 165, 255));border-width:4px;box-shadow:0 8px 24px rgba(var(--category-accent, 94, 165, 255),.35),0 4px 8px rgba(var(--category-accent, 94, 165, 255),.2)}.mobile-category-nav__link:active .mobile-category-nav__image-wrapper{transform:translateY(-1px) scale(.96);box-shadow:0 2px 8px rgba(var(--category-text, 23, 23, 23),.15)}.mobile-category-nav__image{width:100%;height:100%;object-fit:cover;object-position:center;display:block;transition:transform .4s cubic-bezier(.4,0,.2,1)}.mobile-category-nav__link:hover .mobile-category-nav__image,.mobile-category-nav__link:focus .mobile-category-nav__image{transform:scale(1.1)}.mobile-category-nav__image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(var(--category-accent, 94, 165, 255),.08),rgba(var(--category-accent, 94, 165, 255),.03))}.mobile-category-nav__image-placeholder svg{width:40px;height:40px;opacity:.5}.mobile-category-nav__label{font-size:10px;font-weight:700;line-height:1.2;text-align:center;color:rgb(var(--category-text, 23, 23, 23));margin-top:2px;transition:all .3s ease;letter-spacing:.3px;max-width:90px;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;text-transform:uppercase}.mobile-category-nav__link:hover .mobile-category-nav__label,.mobile-category-nav__link:focus .mobile-category-nav__label{color:rgb(var(--category-accent, 94, 165, 255));font-weight:900;transform:scale(1.05);text-shadow:0 1px 3px rgba(var(--category-accent, 94, 165, 255),.3)}.mobile-category-nav__link[aria-current=page] .mobile-category-nav__image-wrapper{border-color:rgb(var(--category-accent, 94, 165, 255));border-width:4px;box-shadow:0 0 0 4px rgba(var(--category-accent, 94, 165, 255),.25),0 6px 20px rgba(var(--category-accent, 94, 165, 255),.3);transform:scale(1.08)}.mobile-category-nav__link[aria-current=page] .mobile-category-nav__label{color:rgb(var(--category-accent, 94, 165, 255));font-weight:900;text-shadow:0 2px 4px rgba(var(--category-accent, 94, 165, 255),.4);transform:scale(1.08)}.mobile-category-nav__scroll:before,.mobile-category-nav__scroll:after{content:"";position:absolute;top:0;bottom:0;width:20px;pointer-events:none;z-index:1;transition:opacity .3s ease}.mobile-category-nav__scroll:before{left:0;background:linear-gradient(to right,rgb(var(--category-bg, 255, 255, 255)),transparent);opacity:0}.mobile-category-nav__scroll:after{right:0;background:linear-gradient(to left,rgb(var(--category-bg, 255, 255, 255)),transparent)}.mobile-category-nav__scroll.scroll-start:before{opacity:0}.mobile-category-nav__scroll.scroll-end:after{opacity:0}@media(max-width:989px){.mobile-category-nav__item{min-width:80px;max-width:90px}.mobile-category-nav__image-wrapper{width:80px;height:80px}.mobile-category-nav__label{font-size:10px;max-width:90px}}@media(max-width:749px){.mobile-category-nav__list{gap:8px;padding:0 8px}.mobile-category-nav__item{min-width:75px;max-width:80px}.mobile-category-nav__image-wrapper{width:75px;height:75px}.mobile-category-nav__label{font-size:9px;max-width:80px}.mobile-category-nav__heading{padding:0 16px 6px}}@media screen and (min-width:990px){.mobile-category-nav-section:not(.mobile-only){display:block}.mobile-category-nav__list{justify-content:center;flex-wrap:wrap;gap:24px;padding:0 40px}.mobile-category-nav__item{min-width:100px;max-width:110px}.mobile-category-nav__image-wrapper{width:100px;height:100px}.mobile-category-nav__label{font-size:13px;max-width:110px}}@supports (scroll-behavior: smooth){.mobile-category-nav__scroll{scroll-behavior:smooth}}.mobile-category-nav__link:focus-visible{outline:3px solid rgb(var(--category-accent, 94, 165, 255));outline-offset:6px;border-radius:12px;box-shadow:0 0 0 6px rgba(var(--category-accent, 94, 165, 255),.2)}@media(prefers-reduced-motion:reduce){.mobile-category-nav__link,.mobile-category-nav__image-wrapper,.mobile-category-nav__image,.mobile-category-nav__label{transition:none}.mobile-category-nav__scroll{scroll-behavior:auto}}.mobile-category-nav__image-wrapper--story-border{position:relative;padding:3px;background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);border:none!important;box-shadow:0 4px 12px #dc27434d,0 2px 4px #dc274333}.mobile-category-nav__image-wrapper--story-border:before{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;border-radius:50%;background:rgb(var(--category-bg, 255, 255, 255));z-index:0}.mobile-category-nav__image-wrapper--story-border .mobile-category-nav__image,.mobile-category-nav__image-wrapper--story-border .mobile-category-nav__image-placeholder{position:relative;z-index:1;border-radius:50%}.mobile-category-nav__link:hover .mobile-category-nav__image-wrapper--story-border,.mobile-category-nav__link:focus .mobile-category-nav__image-wrapper--story-border{background:linear-gradient(45deg,#ff6b35,#f7931e,#ff1744,#e91e63,#9c27b0);box-shadow:0 6px 20px #dc274366,0 4px 8px #dc27434d;transform:translateY(-4px) scale(1.05)}.mobile-category-nav__link[aria-current=page] .mobile-category-nav__image-wrapper--story-border{background:linear-gradient(45deg,#ff6b35,#f7931e,#ff1744,#e91e63,#9c27b0);padding:4px;box-shadow:0 0 0 4px #dc274340,0 8px 24px #dc274366}
/*# sourceMappingURL=/cdn/shop/t/168/assets/mobile-category-nav.css.map */