.primary-nav-card{display:flex;flex-direction:column;gap:var(--spacing-xxs);color:rgb(var(--bark-text-color));text-align:start;text-decoration:none}.primary-nav-card__media{display:block;aspect-ratio:1;overflow:hidden;background:var(--primary-nav-card-background, rgb(var(--bark-light-blue)))}.primary-nav-card__image{width:100%;height:100%;object-fit:cover}.primary-nav-card__media .hover-video-media,.primary-nav-card__media .hover-video-media .primary-nav-card__image{height:100%}.primary-nav-card__text{display:flex;flex-direction:column}.primary-nav-card__title{transition:color .15s ease}.primary-nav-card__caption{color:var(--primary-nav-card-caption-color, rgb(var(--bark-text-color) / .7))}.primary-nav-card__caption strong{color:rgb(var(--bark-text-color))}a.primary-nav-card:hover .primary-nav-card__title{color:rgb(var(--bark-blue-dark))}a.primary-nav-card:focus-visible{outline:2px solid rgb(var(--bark-blue));outline-offset:2px}@media(prefers-reduced-motion:reduce){.primary-nav-card__title{transition:none}}.primary-nav-links{display:grid;gap:var(--spacing-md);align-content:start}.primary-nav-links__section,.primary-nav-links__list{display:flex;flex-direction:column;gap:var(--spacing-xs)}.primary-nav-links__section:not(.primary-nav-links__section--featured) .primary-nav-links__list{gap:var(--spacing-xxs)}.primary-nav-links__link{display:inline-flex;align-items:center;gap:var(--spacing-xxs);color:var(--primary-nav-link-color, rgb(var(--bark-text-color)))}.primary-nav-links__link:hover{color:var(--primary-nav-link-hover-color, var(--primary-nav-link-color, rgb(var(--bark-blue-dark))))}@media screen and (min-width:700px){.primary-nav-links__link:not(.primary-nav-links__link--featured){font-size:var(--utility-body-med-font-size-lg)}.primary-nav-card__caption{font-size:.875rem}}.primary-nav-links__link:focus-visible,.primary-nav__item:focus-visible,.primary-nav-drawer__group-link:focus-visible,.primary-nav-drawer__group-button:focus-visible,.primary-nav-drawer__panel-header:focus-visible,.primary-nav-drawer__footer a:focus-visible{outline:2px solid rgb(var(--bark-blue));outline-offset:2px}.primary-nav{position:relative}.primary-nav__item{display:inline-flex;align-items:center;gap:var(--spacing-xxs);padding:var(--spacing-xxs) 8px;color:rgb(var(--bark-text-color));cursor:pointer}.primary-nav__item>.icon{transition:transform .2s ease}.primary-nav details[open]>.primary-nav__item>.icon{transform:rotate(180deg)}.primary-nav__label{position:relative;isolation:isolate}.primary-nav__label:before{content:"";position:absolute;z-index:-1;inset-inline:-.15em -.2em;bottom:-.02em;height:.45em;clip-path:polygon(0 0,100% 40%,100% 100%,0 85%);background:rgb(var(--bark-light-blue));opacity:0;transition:opacity .15s ease}.primary-nav__spark{position:absolute;inset-inline-end:-.2em;bottom:calc(100% - .15em);width:.8em;height:.55em;color:rgb(var(--bark-blue));opacity:0;transition:opacity .15s ease}.primary-nav__item:hover .primary-nav__label:before,.primary-nav__item:hover .primary-nav__spark,.primary-nav__item:focus-visible .primary-nav__label:before,.primary-nav__item:focus-visible .primary-nav__spark,.primary-nav details[open]>.primary-nav__item .primary-nav__label:before,.primary-nav details[open]>.primary-nav__item .primary-nav__spark{opacity:1}@media(prefers-reduced-motion:reduce){.primary-nav__label:before,.primary-nav__spark{transition:none}}@media screen and (min-width:1150px){.header__login-link{display:inline-flex;align-items:center;height:44px;margin:0;padding:4px 12px;border:1px solid rgb(var(--bark-text-color));border-radius:var(--rounded-full);color:rgb(var(--bark-text-color));font-family:ABC-Ginto-Nord-Bold;font-size:var(--utility-nav-lg-font-size);font-weight:var(--utility-nav-lg-font-weight);line-height:23px;transition:background-color .15s ease}.header__login-link:hover{background:rgb(var(--bark-light-blue))}.header__login-link:focus-visible{outline:2px solid rgb(var(--bark-blue));outline-offset:2px}}.primary-nav-panel{position:absolute;inset-block-start:calc(100% + var(--spacing-xs));inset-inline-start:calc(-1 * var(--spacing-lg));z-index:1;display:flex;align-items:flex-start;gap:var(--spacing-xl);width:max-content;max-width:calc(100vw - 2 * var(--container-gutter, var(--spacing-md)));padding:var(--spacing-lg);border-radius:var(--rounded-lg);background:rgb(var(--header-background));box-shadow:0 var(--spacing-xxs) var(--spacing-lg) rgb(var(--deep-navy-dark) / .12)}.primary-nav-panel--links-start{flex-direction:row-reverse}.primary-nav-panel__cards{display:grid;grid-template-columns:repeat(var(--primary-nav-panel-columns, 2),var(--primary-nav-panel-tile-width, 10.4375rem));gap:var(--spacing-md) var(--spacing-sm)}.primary-nav-panel__cards--3-columns{--primary-nav-panel-columns: 3;--primary-nav-panel-tile-width: 8.75rem}.primary-nav-panel__cards:empty{display:none}.primary-nav-panel .primary-nav-links{grid-template-columns:repeat(2,max-content);gap:var(--spacing-lg) var(--spacing-xl)}.primary-nav-panel .primary-nav-links:has(>.primary-nav-links__section--featured){grid-template-columns:max-content}.primary-nav-panel .primary-nav-links:has(>.primary-nav-links__section--featured):has(>.primary-nav-links__section:not(.primary-nav-links__section--featured)){grid-template-columns:repeat(3,max-content)}.primary-nav-panel .primary-nav-links__section--featured{grid-row:span 2}.navigation-drawer.navigation-drawer--primary{--drawer-body-padding: 20px;--navigation-drawer-width: 100%;top:var(--primary-nav-drawer-top, var(--header-height, 0px));bottom:0;height:auto;padding:0}.navigation-drawer--primary::part(overlay){top:var(--primary-nav-drawer-top, var(--header-height, 0px));min-height:0}.navigation-drawer--primary::part(outside-close-button){display:none}.navigation-drawer--primary::part(content){min-height:0;max-height:none;height:100%;border-radius:0;background:rgb(var(--header-background))}.navigation-drawer.navigation-drawer--primary::part(body){grid-template-rows:minmax(0,1fr);gap:0;padding:0}@media screen and (min-width:700px){.navigation-drawer.navigation-drawer--primary{--navigation-drawer-width: 400px}}.primary-nav-toggle>span{display:contents}.primary-nav-toggle[aria-expanded=true] .primary-nav-toggle__open,.primary-nav-toggle:not([aria-expanded=true]) .primary-nav-toggle__close{display:none}html:has(.navigation-drawer--primary[open]) .header__wrapper{box-shadow:inset 0 -1px rgb(var(--deep-navy-dark) / .1)}.navigation-drawer--primary .primary-nav-drawer .primary-nav-drawer__root{padding:16px var(--drawer-body-padding) 0}.primary-nav-drawer__groups{display:flex;flex-direction:column;gap:16px}.primary-nav-drawer__group-button,.primary-nav-drawer__group-link{display:flex;align-items:center;gap:8px;width:100%;padding-block:20px;color:rgb(var(--bark-text-color));text-align:start}.primary-nav-drawer__group-button{justify-content:space-between;gap:16px}.primary-nav-drawer__group-text{display:flex;flex-direction:column;gap:4px}.primary-nav-drawer .primary-nav-drawer__group-title,.primary-nav-drawer .primary-nav-drawer__panel-title{font-size:24px;line-height:110%}.primary-nav-drawer .primary-nav-drawer__group-subtitle{font-size:14px;line-height:17px}.primary-nav-drawer__group-link .icon{width:16px;height:16px}.primary-nav-drawer__chevron,.primary-nav-drawer__back{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--rounded-full);color:rgb(var(--bark-text-color))}.primary-nav-drawer__chevron svg,.primary-nav-drawer__back svg{width:8px;height:13px}.primary-nav-drawer__chevron{padding-inline-start:2px}.primary-nav-drawer__back{padding-inline-end:2px}.primary-nav-drawer__footer{position:relative;isolation:isolate;overflow:hidden;margin-inline:calc(-1 * var(--drawer-body-padding));padding:48px var(--drawer-body-padding)}.primary-nav-drawer__footer:before{content:"";position:absolute;z-index:-1;top:0;right:0;bottom:-80px;left:0;border-start-start-radius:40px;border-start-end-radius:40px;background:var(--primary-nav-utility-background, rgb(var(--bark-blue)));transform:translateY(-2px) skewY(6deg);transform-origin:0 0}.primary-nav-drawer__utility{display:flex;flex-direction:column;gap:8px}.primary-nav-drawer__utility>li:first-child{margin-block-end:4px}.primary-nav-drawer__utility a{display:flex;align-items:center;min-height:32px;color:rgb(var(--bark-text-color))}.primary-nav-drawer .primary-nav-drawer__account{font-size:24px;line-height:30px}.primary-nav-drawer .primary-nav-drawer__utility-link{font-size:20px;line-height:24px}.navigation-drawer--primary .primary-nav-drawer .primary-nav-drawer__panel{--panel-wrapper-justify-content: flex-start;gap:24px;padding:16px var(--drawer-body-padding) 40px}.primary-nav-drawer__panel-header{display:inline-flex;align-self:flex-start;align-items:center;gap:16px;padding-block:12px;color:rgb(var(--bark-text-color));text-align:start;cursor:pointer}.primary-nav-drawer__cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}.primary-nav-drawer__cards:empty{display:none}.primary-nav-drawer .primary-nav-card__media{border-radius:4px}.primary-nav-drawer .primary-nav-card__title{font-size:20px;line-height:25px}.primary-nav-drawer .primary-nav-card__caption{font-size:14px;line-height:17px}.primary-nav-drawer__cards--carousel{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:140px;gap:12px;flex-shrink:0;margin-inline:calc(-1 * var(--drawer-body-padding));padding-inline:var(--drawer-body-padding);scroll-padding-inline:var(--drawer-body-padding);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none}.primary-nav-drawer__cards--carousel::-webkit-scrollbar{display:none}.primary-nav-drawer__cards--carousel>li{scroll-snap-align:start}.primary-nav-drawer .primary-nav-drawer__cards--carousel .primary-nav-card__title{font-size:16px;line-height:20px}.primary-nav-drawer__panel .primary-nav-links{gap:24px}.primary-nav-drawer__panel .primary-nav-links__section,.primary-nav-drawer__panel .primary-nav-links__list{gap:12px}.primary-nav-drawer__panel .primary-nav-links__section:first-child,.primary-nav-drawer__panel .primary-nav-links__section--featured+.primary-nav-links__section{padding-block-start:24px;border-block-start:1px solid rgb(var(--bark-text-color) / .1)}.primary-nav-drawer .primary-nav-links__link{gap:8px}.primary-nav-drawer .primary-nav-links__heading,.primary-nav-drawer .primary-nav-links__link--featured{font-size:20px;line-height:25px}.primary-nav-drawer .primary-nav-links__link:not(.primary-nav-links__link--featured){font-size:16px;line-height:140%}
/*# sourceMappingURL=/cdn/shop/t/282/assets/primary-nav.css.map */