.navigation-banner{width:100%;position:relative;display:flex;align-items:center;justify-content:center}.navigation-banner__content{display:flex;flex-direction:column;align-items:center;gap:1.5rem;text-align:center;width:100%}.navigation-banner__heading{margin:0;line-height:1.2}.navigation-banner__links{width:100%}.navigation-banner__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1rem;align-items:center}.navigation-banner__item{flex-shrink:0}.navigation-banner__link{display:inline-block;text-decoration:none;padding:.75rem 1.5rem;border-radius:.25rem;transition:all .2s ease;font-weight:500;font-size:12px;text-transform:uppercase}.navigation-banner__link--default{color:rgb(var(--color-foreground));background:transparent}.navigation-banner__link--default:hover{color:rgb(var(--color-link));background:rgba(var(--color-foreground),.05)}.navigation-banner__link--button{background:rgb(var(--color-button));color:rgb(var(--color-button-text));border:1px solid rgb(var(--color-button))}.navigation-banner__link--button:hover{background:rgb(var(--color-button-text));color:rgb(var(--color-button))}.navigation-banner__link--active{text-decoration:underline;text-underline-offset:3px;cursor:pointer;color:var(--color-outlines)}.navigation-banner__link--underlined{color:rgb(var(--color-foreground));background:transparent;border-bottom:2px solid transparent;border-radius:0;padding-bottom:.5rem}.navigation-banner__link--underlined:hover{border-bottom-color:rgb(var(--color-link));color:rgb(var(--color-link))}@media only screen and (min-width: 768px){.navigation-banner__content{gap:2rem}.navigation-banner__list{flex-direction:row;justify-content:center;flex-wrap:wrap;gap:2rem}.navigation-banner__link{padding:1rem 2rem}}@media only screen and (max-width: 480px){.navigation-banner__content{gap:1rem}.navigation-banner__list{gap:.75rem}}.navigation-banner.edge-to-edge,.navigation-banner.sm-down-edge-to-edge{max-width:none}@media only screen and (min-width: 768px){.navigation-banner.sm-down-edge-to-edge{max-width:var(--ideal-width);margin-left:auto;margin-right:auto}}.height-auto .navigation-banner{min-height:auto}.height-100vh .navigation-banner{min-height:100vh}@media only screen and (min-width: 768px){.sm-height-auto .navigation-banner{min-height:auto}.sm-height-100vh .navigation-banner{min-height:100vh}}
/*# sourceMappingURL=/cdn/shop/t/478/assets/section-navigation-banner.css.map */