.pd-navigation{--pd-bg:var(--pd-default-bg,#103e43);--pd-text:var(--pd-default-text,#fbfaf7);--pd-accent:var(--pd-default-accent,#e9b84a);background:var(--pd-bg);color:var(--pd-text);font-family:var(--porasona-font-body,var(--font-body-family));border-bottom:1px solid color-mix(in srgb,var(--pd-text) 16%,transparent)}.pd-navigation[data-match-page=true]{--pd-bg:var(--pd-page-bg,rgb(var(--color-background,255 255 255)));--pd-text:var(--pd-page-text,rgb(var(--color-foreground,32 37 34)));--pd-accent:var(--pd-page-accent,var(--pd-text))}body[data-porasona-home] .pd-navigation[data-match-page=true]{--pd-bg:var(--home-campaign-bg,#103e43);--pd-text:var(--home-campaign-text,#fbfaf7);--pd-accent:var(--home-accent,#e9b84a)}.pd-navigation__track{display:flex;align-items:stretch;justify-content:space-between;gap:20px;width:calc(100% - 64px);max-width:1360px;margin-inline:auto;padding-block:13px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:var(--pd-accent) var(--pd-bg)}.pd-navigation__item{display:flex;flex:0 0 auto;min-width:76px;min-height:60px;gap:6px;flex-direction:column;align-items:center;justify-content:center;padding:4px 8px;color:var(--pd-text);font-size:14px;line-height:1.3;font-weight:600;text-decoration:none;border-radius:8px;position:relative;transition:background-color .15s ease,color .15s ease}.pd-navigation__icon{display:block;width:27px;height:27px;color:var(--pd-accent)}.pd-navigation__icon svg,.pd-navigation__icon img{display:block;width:100%;height:100%;object-fit:contain}.pd-navigation__item[aria-current=page]:after{content:"";position:absolute;bottom:0;height:2px;background:var(--pd-accent);left:12px;right:12px}.pd-navigation .pd-navigation__item:focus-visible{outline:2px solid var(--pd-accent)!important;outline-offset:-2px!important;box-shadow:none;background:var(--pd-text);color:var(--pd-bg)}.pd-navigation__item:focus-visible .pd-navigation__icon{color:var(--pd-bg)}@media(hover:hover){.pd-navigation__item:hover{background:var(--pd-text);color:var(--pd-bg)}.pd-navigation__item:hover .pd-navigation__icon{color:var(--pd-bg)}}@media(max-width:749px){.pd-navigation__track{width:calc(100% - 32px);gap:10px;justify-content:flex-start;padding-block:10px}.pd-navigation__item{font-size:12px;min-width:70px;min-height:58px;padding:3px}.pd-navigation__icon{width:25px;height:25px}}@media(prefers-reduced-motion:reduce){.pd-navigation__item{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/porasona-department-navigation.css.map */