.hero-navigation{text-align:center;transition:background .3s ease}.hero-navigation__heading{margin:0 0 2rem;font-weight:700;line-height:1.3}.hero-navigation__nav{width:100%}.hero-navigation__list{display:flex;flex-wrap:wrap;padding:12px 16px 12px 20px;justify-content:center;align-items:center;flex:1 0 0;gap:12px;list-style:none}.hero-navigation__item{flex-shrink:0}.hero-navigation__button{display:flex;padding:8px 12px;align-items:center;justify-content:space-between;gap:12px;flex:1 0 0;border-radius:8px;border:1px solid transparent;background:var(--color-white, #FFF);box-shadow:0 2px 8px -2px #5265af66;color:var(--color-neutral-100, #2E3038);text-align:center;font-feature-settings:"liga" off,"clig" off;font-size:12px;font-style:normal;font-weight:700;line-height:16px;text-decoration:none}.hero-navigation__button:hover,.hero-navigation__button.active{border-radius:12px;border:1px solid var(--color-neutral-white, #FFF);background:var(--color-blue-80, #034F7D);box-shadow:0 6px 18px -2px #5265af99;color:var(--color-white, #FFF)}.hero-navigation__button svg{display:none}.hero-navigation__item--has-image{width:100%}.hero-navigation__item--has-image .hero-navigation__button{width:100%;justify-content:flex-start;font-size:24px;padding:8px;gap:20px}.hero-navigation__item--has-image .hero-navigation__button svg{display:none}.hero-navigation__item--has-image .hero-navigation__item-image{width:auto;height:52px;flex-shrink:0}@media screen and (min-width: 750px){.hero-navigation__button{min-width:142px;display:flex;padding:8px 12px;align-items:center;gap:12px;flex:1 0 0;border-radius:8px;background:var(--Neutral-White, #FFF);box-shadow:0 2px 8px -2px #5265af66;text-align:left;font-feature-settings:"liga" off,"clig" off;font-size:18px;font-style:normal;font-weight:700;line-height:22px;letter-spacing:.18px}.hero-navigation__button svg{display:block}.hero-navigation__item--has-image{width:auto}.hero-navigation__item--has-image .hero-navigation__button{flex-direction:column;align-items:center;text-align:center;width:auto;padding:16px 16px 24px;gap:24px}.hero-navigation__item--has-image .hero-navigation__button svg{display:none}.hero-navigation__item--has-image .hero-navigation__item-image{width:100%;height:auto;max-width:200px}}
/*# sourceMappingURL=/cdn/shop/t/442/assets/sleepdoctor-hero-navigation.css.map */