.category-nav{background-color:#f8f7f7}.category-nav__container{padding:56px 16px}@media screen and (min-width:1024px){.category-nav__container{padding:120px 23px;padding-inline-start:50px;display:grid;grid-template-columns:1fr calc((100% - 11 * var(--gap-xl)) / 3 + 3 * var(--gap-xl));grid-template-rows:auto 1fr;column-gap:var(--gap-xl)}}@media screen and (min-width:1024px){.category-nav__container{padding-left:23px;padding-right:23px}}@media screen and (min-width:1024px){.category-nav__container{padding-left:30px;padding-right:30px}}.category-nav__tabs{display:flex;align-items:center;gap:0;margin-bottom:var(--margin-4xl)}@media screen and (min-width:1024px){.category-nav__tabs{margin-bottom:var(--margin-6xl)}}.category-nav__tab{display:flex;align-items:center;gap:var(--gap-xs);background:none;border:none;padding:0;cursor:pointer}.category-nav__tab:not(.is-active){margin-right:var(--gap-xs)}.category-nav__tab-line{display:block;width:0;height:1px;background-color:var(--default-text-color);opacity:0;overflow:hidden;transition:width var(--animation-values),opacity var(--animation-values)}.category-nav__tab.is-active .category-nav__tab-line{width:80px;opacity:1}.category-nav__tab-label{color:#bec5cd;font-size:var(--font-size--md);font-weight:500;line-height:1.4;transition:color var(--animation-values)}.category-nav__tab.is-active .category-nav__tab-label{color:var(--default-text-color)}@media screen and (min-width:1024px){.category-nav__tab-label{font-size:var(--font-size--2xl)}}.category-nav__links-col{width:100%}@media screen and (min-width:1024px){.category-nav__links-col{display:flex;flex-direction:column;justify-content:flex-end}}.category-nav__panel{display:none;flex-direction:column;justify-content:flex-end;align-items:stretch;gap:12px}.category-nav__panel.is-active{display:flex}@media screen and (min-width:1024px){.category-nav__panel{gap:4px}}.category-nav__link{display:flex;align-items:center;justify-content:space-between;text-decoration:none}@media screen and (min-width:1024px){.category-nav__link{display:inline-flex;justify-content:flex-start;gap:12px}}.category-nav__link-label{color:var(--default-text-color);font-size:var(--font-size--4xl);font-weight:700;line-height:1.1;transition:color var(--animation-values)}@media screen and (min-width:1024px){.category-nav__link-label{font-size:70px}}.category-nav__link-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0}.category-nav__link-icon svg{width:100%;height:100%}@media screen and (min-width:1024px){.category-nav__link-icon{display:none}}@media screen and (min-width:1024px){.category-nav__panel:has(.category-nav__link:hover) .category-nav__link-label{color:#bec5cd}.category-nav__panel .category-nav__link:hover .category-nav__link-label{color:var(--default-text-color)}}.category-nav__image-col{display:none}@media screen and (min-width:1024px){.category-nav__image-col{display:block;grid-column:2;grid-row:1 / 3}}.category-nav__image-wrap{position:relative;width:100%;height:100%;border-radius:8px;overflow:hidden}.category-nav__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;transition:opacity var(--animation-speed-slow) var(--animation-easing);border-radius:8px}@media screen and (min-width:1024px){.category-nav__img,.category-nav__image-wrap{aspect-ratio:3/4}}.category-nav__img.is-visible{opacity:1}
/*# sourceMappingURL=/cdn/shop/t/273/assets/category-nav.css.map */