.ars-cat-nav{padding:0 16px;margin:4px 0 20px;position:relative}@media screen and (min-width:750px){.ars-cat-nav{padding:0 40px;margin:8px 0 28px}}.ars-cat-nav a,.ars-cat-nav__dropdown-current,.ars-cat-nav__tile-label{font-family:Source Code Pro,monospace;letter-spacing:.05em;text-transform:uppercase;text-decoration:none}.ars-cat-nav__tabs{display:flex;gap:22px;overflow-x:auto;padding-bottom:12px;border-bottom:1px solid #E8DDD3;scrollbar-width:none}.ars-cat-nav__tabs::-webkit-scrollbar{display:none}.ars-cat-nav__tab{font-size:11px;color:#a28b7d;white-space:nowrap;padding-bottom:10px;border-bottom:2px solid transparent;flex-shrink:0}.ars-cat-nav__tab.is-active{color:#5a4a3f;border-bottom-color:#5a4a3f}@media screen and (min-width:750px){.ars-cat-nav__tab{font-size:12px}.ars-cat-nav--abas .ars-cat-nav__tabs{justify-content:center;overflow-x:visible;flex-wrap:wrap}}.ars-cat-nav__swipe-hint{display:flex;align-items:center;justify-content:center;gap:6px;margin:4px 0 0;font-family:Source Code Pro,monospace;font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:#a28b7d;animation:arsCatNavHintFade 3.5s ease .8s forwards;pointer-events:none;-webkit-user-select:none;user-select:none}.ars-cat-nav__swipe-arrow{display:inline-block;animation:arsCatNavHintArrow .9s ease infinite}@keyframes arsCatNavHintFade{0%{opacity:1}65%{opacity:1}to{opacity:0}}@keyframes arsCatNavHintArrow{0%,to{transform:translate(0)}50%{transform:translate(5px)}}@media screen and (min-width:750px){.ars-cat-nav__swipe-hint{display:none}}.ars-cat-nav__dropdown{border:1px solid #5A4A3F}.ars-cat-nav__dropdown-current{display:flex;justify-content:space-between;align-items:center;padding:13px 16px;font-size:11px;color:#5a4a3f;cursor:pointer;list-style:none}.ars-cat-nav__dropdown-current::-webkit-details-marker{display:none}.ars-cat-nav__chevron{font-style:normal;font-size:14px;transition:transform .15s ease}.ars-cat-nav__dropdown[open] .ars-cat-nav__chevron{transform:rotate(180deg)}.ars-cat-nav__dropdown-list{border-top:1px solid #5A4A3F}.ars-cat-nav__dropdown-item{display:flex;justify-content:space-between;align-items:center;padding:11px 16px;font-size:11px;color:#a28b7d;border-top:1px solid #E8DDD3}.ars-cat-nav__dropdown-list a:first-child{border-top:none}.ars-cat-nav__dropdown-item.is-active{color:#faf7f3;background:#5a4a3f}.ars-cat-nav__count{font-size:10px;opacity:.7}@media screen and (min-width:750px){.ars-cat-nav__dropdown{max-width:320px}.ars-cat-nav__dropdown-current,.ars-cat-nav__dropdown-item{font-size:12px}}.ars-cat-nav__grade{display:flex;gap:16px;overflow-x:auto;padding-bottom:6px;scrollbar-width:none}.ars-cat-nav__grade::-webkit-scrollbar{display:none}.ars-cat-nav__tile{flex-shrink:0;text-align:center;width:72px;color:inherit}.ars-cat-nav__tile-photo{display:block;width:72px;height:72px;background:#e8ddd3;border:1px solid transparent;overflow:hidden}.ars-cat-nav__tile-photo img{width:100%;height:100%;object-fit:cover;display:block}.ars-cat-nav__tile.is-active .ars-cat-nav__tile-photo{border-color:#5a4a3f}.ars-cat-nav__tile-label{display:block;margin-top:7px;font-size:9.5px;color:#a28b7d}.ars-cat-nav__tile.is-active .ars-cat-nav__tile-label{color:#5a4a3f;font-weight:500}@media screen and (min-width:750px){.ars-cat-nav__tile{width:96px}.ars-cat-nav__tile-photo{width:96px;height:96px}.ars-cat-nav__tile-label{font-size:11px}}.ars-cat-nav--overlay{margin-top:calc(-1 * var(--ars-overlap-mobile, 70px));padding-top:16px;z-index:2}.ars-cat-nav--overlay:before{content:"";position:absolute;top:-20px;bottom:0;left:50%;width:100vw;margin-left:-50vw;background:linear-gradient(180deg,#0000,#00000080 55%,#0000008c);z-index:-1;pointer-events:none}@media screen and (min-width:750px){.ars-cat-nav--overlay{margin-top:calc(-1 * var(--ars-overlap-desktop, 90px))}}.ars-cat-nav--overlay .ars-cat-nav__tabs{border-bottom:none}.ars-cat-nav--overlay .ars-cat-nav__tab{color:#faf7f3b8}.ars-cat-nav--overlay .ars-cat-nav__tab.is-active{color:#faf7f3;border-bottom-color:#faf7f3}.ars-cat-nav--overlay .ars-cat-nav__swipe-hint{color:#faf7f3a6}
/*# sourceMappingURL=/cdn/shop/t/51/assets/component-category-nav.css.map */