#in-page-nav-banner{position:relative;width:100%;overflow:hidden;background:linear-gradient(135deg,#6b73ff,#4ecdc4)}.in-page-nav-banner__wrapper{width:100%;margin:0 auto}.in-page-nav-banner__inner{position:relative;width:100%;padding:30px 0;min-height:252px}.in-page-nav-banner__title{width:calc(100% - 40px);max-width:350px;margin:0 auto;text-align:center}.in-page-nav-banner__navigation{position:relative;width:100%;background:transparent}.in-page-nav{position:relative;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.in-page-nav::-webkit-scrollbar{display:none}.in-page-nav__list{display:flex;flex-direction:row;gap:8px;padding:0 20px;margin:0;list-style:none;white-space:nowrap}.in-page-nav__item{flex-shrink:0;margin:0;padding:0}.in-page-nav__link{position:relative;display:inline-block;font-family:Lato,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;font-size:16px;line-height:24px;color:#fff;text-decoration:none;padding:8px 20px;border-radius:21px;transition:all .3s ease}.in-page-nav__link:hover{opacity:.8}.in-page-nav__link--active{background:#fff;color:#31426a}.in-page-nav__text{display:block}@media screen and (min-width: 750px){.in-page-nav-banner__title{max-width:none}.in-page-nav__list{justify-content:center;gap:12px;padding:0 40px}.in-page-nav__link{font-size:18px;line-height:26px}}@media screen and (min-width: 1200px){.in-page-nav__list{gap:16px}}@media screen and (min-width: 1440px){.in-page-nav-banner__wrapper{max-width:1440px}}.in-page-nav-sticky{position:fixed;top:0;left:0;right:0;width:100%;background:linear-gradient(135deg,#6b73ff,#4ecdc4);z-index:1000;transform:translateY(-100%);opacity:0;visibility:hidden;transition:transform .3s ease,opacity .3s ease,visibility .3s ease,top .3s ease;box-shadow:0 2px 8px #0000001a}.in-page-nav-sticky.is-visible{transform:translateY(0);opacity:1;visibility:visible}.in-page-nav-sticky__wrapper{width:100%;max-width:100%;margin:0 auto;padding:15px 0}.in-page-nav-sticky .in-page-nav{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.in-page-nav-sticky .in-page-nav::-webkit-scrollbar{display:none}.in-page-nav-sticky .in-page-nav__list{padding:0 20px}@media screen and (min-width: 750px){.in-page-nav-sticky__wrapper{padding:20px 0}.in-page-nav-sticky .in-page-nav__list{justify-content:center;padding:0 40px}}@media screen and (min-width: 1440px){.in-page-nav-sticky__wrapper{max-width:1440px}}
/*# sourceMappingURL=/cdn/shop/t/442/assets/sleepdoctor-banner-navigation.css.map */