.navbar-wrap{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;flex-direction:column;align-items:center;padding-inline:var(--space-500);padding-block:var(--space-300);pointer-events:none;transition:top .7s cubic-bezier(.4,0,.2,1),left .7s cubic-bezier(.4,0,.2,1),right .7s cubic-bezier(.4,0,.2,1),padding .7s cubic-bezier(.4,0,.2,1),background-color .7s cubic-bezier(.4,0,.2,1),border-radius .7s cubic-bezier(.4,0,.2,1),box-shadow .7s cubic-bezier(.4,0,.2,1)}.navbar{pointer-events:all;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;width:100%;max-width:var(--page-width);height:56px;padding-inline:var(--space-500);background-color:var(--bg-navbar);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-radius:var(--radius-150);transition:border-radius .7s cubic-bezier(.4,0,.2,1),background-color .7s cubic-bezier(.4,0,.2,1),padding .7s cubic-bezier(.4,0,.2,1),backdrop-filter .7s cubic-bezier(.4,0,.2,1)}.navbar__left{display:flex;align-items:center;gap:var(--space-300);min-width:0}.navbar__burger{display:none;flex-direction:column;justify-content:center;gap:5px;width:24px;height:24px;background:none;border:none;cursor:pointer;padding:0;flex-shrink:0;color:var(--text-default)}.navbar__burger span{display:block;width:100%;height:1.5px;background-color:currentColor;border-radius:2px;transition:transform .25s cubic-bezier(.4,0,.2,1),opacity .25s ease}.navbar__burger.is-open span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}.navbar__burger.is-open span:nth-child(2){opacity:0;transform:scaleX(0)}.navbar__burger.is-open span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}.navbar__nav-links{display:flex;align-items:center;gap:var(--space-400);flex-shrink:0}.navbar__search-bar{display:none;align-items:center;gap:var(--space-200);height:34px;padding-inline:var(--space-300) var(--space-400);background:#f9f1ea8c;border:var(--stroke-100) solid var(--border-subtle);border-radius:var(--radius-full);cursor:text;min-width:0;flex:1;transition:background-color .2s ease,border-color .2s ease}.navbar__search-bar:hover{background-color:var(--bg-elevate);border-color:var(--border-default)}.navbar__search-bar-icon{flex-shrink:0;color:var(--text-subtle)}.navbar__search-bar-placeholder{font-family:var(--font-family-body);font-size:var(--font-size-xs);color:var(--text-placeholder);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.navbar__link{font-family:var(--font-family-body);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--text-default);text-decoration:none;letter-spacing:.01em;white-space:nowrap;position:relative;transition:color .2s ease}.navbar__link:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:.8px;background-color:var(--text-default);transform:scaleX(0);transform-origin:right;transition:transform .25s ease}.navbar__link:hover:after{transform:scaleX(1);transform-origin:left}.navbar__right{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-500)}.navbar__search-icon{display:flex}.navbar__account-links{display:flex;align-items:center;gap:var(--space-500)}.navbar__brand{position:relative;display:flex;align-items:center;justify-content:center;text-decoration:none;height:36px;min-width:60px}.navbar__brand-logo{position:absolute;display:flex;align-items:center;justify-content:center;opacity:0;transform:translateY(5px) scale(.9);transition:opacity .3s ease,transform .3s ease;pointer-events:none}.navbar__brand-name svg,.navbar__brand-logo svg{height:48px;width:auto;display:block;color:var(--text-default)}.navbar.is-scrolled .navbar__brand-name{opacity:0;transform:translateY(-5px) scale(.95)}.navbar.is-scrolled .navbar__brand-logo{opacity:1;transform:translateY(0) scale(1)}@media(max-width:1024px){.navbar-wrap{padding-inline:var(--space-300);padding-block:var(--space-200)}.navbar{height:50px;padding-inline:var(--space-400)}.navbar__burger{display:flex}.navbar__nav-links{display:none}.navbar__search-bar{display:flex}.navbar__search-icon,.navbar__account-links,.mega-menu__panel{display:none}.search-overlay__container{padding-inline:var(--space-400);max-height:calc(100dvh - var(--navbar-height) - var(--space-300) * 2);overflow-y:auto}.search-overlay__results-row{width:100%}.search-overlay__body{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-600);padding-block:var(--space-400);border-top:var(--stroke-100) solid var(--border-subtle)}.search-overlay.has-query .search-overlay__suggestions{display:none}.search-overlay__body{grid-template-columns:1fr;gap:0;overflow-y:auto}.search-overlay__results-row{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-200);overflow-x:unset;padding-block-end:0}.search-card,.search-overlay .routine-card{width:100%;height:auto;flex-shrink:1}}.mobile-nav{position:fixed;top:0;right:0;bottom:0;left:0;z-index:97;padding-top:var(--navbar-height);background-color:var(--bg-default);opacity:0;pointer-events:none;transition:opacity .25s cubic-bezier(.4,0,.2,1)}.mobile-nav.is-open{opacity:1;pointer-events:all}.mobile-nav__inner{display:flex;flex-direction:column;padding-inline:var(--page-margin);padding-block:var(--space-400) var(--space-600);transform:translateY(-6px);transition:transform .3s cubic-bezier(.4,0,.2,1);overflow-y:auto;height:100%}.mobile-nav.is-open .mobile-nav__inner{transform:translateY(0)}.mobile-nav__link{font-family:var(--font-family-body);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);color:var(--text-default);text-decoration:none;padding-block:var(--space-400);border-bottom:var(--stroke-100) solid var(--border-subtle);transition:color .15s ease}.mobile-nav__link:hover,.mobile-nav__link.is-active{color:var(--color-brand-green)}.mobile-nav__link--subtle{color:var(--text-subtle);font-size:var(--font-size-sm)}.mobile-nav__divider{height:var(--space-400)}.mega-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99;background:#ffffff1a;backdrop-filter:blur(12.5px);-webkit-backdrop-filter:blur(12.5px);opacity:0;pointer-events:none;transition:opacity .7s cubic-bezier(.4,0,.2,1)}.mega-overlay.is-active{opacity:1;pointer-events:all}.mega-menu__panel{width:100%;overflow:hidden;opacity:0;max-height:0;pointer-events:none;transition:opacity .55s cubic-bezier(.4,0,.2,1),max-height .7s cubic-bezier(.4,0,.2,1)}.navbar-wrap.is-mega-open{top:var(--space-300);left:var(--page-margin);right:var(--page-margin);padding-inline:6rem;background-color:var(--bg-default);border-radius:var(--radius-400);box-shadow:0 12px 48px #1414111a;pointer-events:all}.navbar-wrap.is-mega-open .navbar{border-radius:0;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;max-width:100%;padding-inline:var(--space-500)}.navbar-wrap.is-mega-open .mega-menu__panel{opacity:1;max-height:320px;pointer-events:all}.mega-menu__grid{display:grid;grid-template-columns:repeat(auto-fit,10.25rem);justify-content:center;gap:var(--space-300);padding-block:var(--space-400)}.mega-menu__card{position:relative;display:flex;flex-shrink:0;width:10.25rem;height:15.125rem;padding:0 var(--sds-size-space-400);justify-content:space-between;align-items:center;aspect-ratio:61 / 90;border-radius:var(--radius-200);overflow:hidden;text-decoration:none;background:var(--bg-elevate)}.mega-menu__card:not(.mega-menu__card--plain):after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(20,20,17,.55) 0%,transparent 55%);z-index:1;transition:opacity .25s ease}.mega-menu__card:not(.mega-menu__card--plain):hover:after{opacity:.7}.mega-menu__card-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center}.mega-menu__card-label{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;text-align:center;font-family:var(--font-family-accent);font-size:var(--font-size-lg);font-weight:var(--font-weight-regular);color:var(--text-on-contrast);line-height:1.3;z-index:2}.mega-menu__card--plain .mega-menu__card-label{color:var(--text-default)}.navbar__icon{display:flex;align-items:center;justify-content:center;background:none;border:none;padding:0;cursor:pointer;color:var(--text-default);text-decoration:none;transition:opacity .2s ease}.navbar__icon:hover{opacity:.65}.navbar__cart{position:relative}.navbar__cart-count{position:absolute;top:-6px;right:-8px;min-width:16px;height:16px;padding-inline:4px;background:var(--color-brand-green, #898956);color:#fff;font-family:var(--font-family-body);font-size:10px;font-weight:var(--font-weight-semibold);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;line-height:1}.search-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:101;background:#fcf7f326;backdrop-filter:blur(12.5px);-webkit-backdrop-filter:blur(12.5px);opacity:0;pointer-events:none;transition:opacity .3s cubic-bezier(.4,0,.2,1)}.search-overlay.is-open{opacity:1;pointer-events:all}.search-overlay__container{position:absolute;top:var(--space-300);left:var(--page-margin);right:var(--page-margin);background-color:var(--bg-default);border-radius:var(--radius-400);box-shadow:0 12px 48px #1414111a;overflow:hidden;transform:translateY(-6px);transition:transform .3s cubic-bezier(.4,0,.2,1)}.search-overlay.is-open .search-overlay__container{transform:translateY(0)}.search-overlay__header{display:flex;align-items:center;gap:var(--space-400);height:56px}.search-overlay__field{flex:1;display:flex;align-items:center;gap:var(--space-300);background:var(--bg-elevate);border-radius:var(--radius-200);padding-inline:var(--space-400);height:40px}.search-overlay__field-icon{flex-shrink:0;color:var(--text-subtle)}.search-overlay__input{flex:1;min-width:0;border:none;background:transparent;font-family:var(--font-family-body);font-size:var(--font-size-xs);color:var(--text-default);outline:none;-webkit-appearance:none;appearance:none}.search-overlay__input::placeholder{color:var(--text-placeholder)}.search-overlay__input::-webkit-search-cancel-button,.search-overlay__input::-webkit-search-decoration{display:none}.search-overlay__clear{display:flex;align-items:center;justify-content:center;background:none;border:none;padding:0;cursor:pointer;color:var(--text-subtle);flex-shrink:0;transition:color .15s ease}.search-overlay__clear:hover{color:var(--text-default)}.search-overlay__cancel{background:none;border:none;padding:0;cursor:pointer;font-family:var(--font-family-body);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--text-default);white-space:nowrap;transition:opacity .15s ease}.search-overlay__cancel:hover{opacity:.65}.search-overlay__body--full{grid-template-columns:1fr}.search-overlay__section-label{font-family:var(--font-family-body);font-size:var(--font-size-xs);color:var(--text-subtle);font-weight:var(--font-weight-medium);margin-block-end:var(--space-300)}.search-overlay__suggestion-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-200)}.search-overlay__suggestion-link{font-family:var(--font-family-body);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-default);text-decoration:none;display:block;transition:color .15s ease}.search-overlay__suggestion-link:hover{color:var(--color-brand-green)}.search-overlay__results .search-overlay__section-label{display:none}.search-overlay__results.has-results .search-overlay__section-label{display:block}@media(min-width:1025px){.search-overlay__results-row{display:flex;gap:var(--space-300);width:100%;overflow-x:auto;scrollbar-width:none;padding-block-end:var(--space-100)}.search-overlay__container{padding-inline:var(--space-700)}.search-overlay .routine-card,.search-card{width:9.5rem}.search-overlay__body{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-600);padding-block:var(--space-400);border-top:var(--stroke-100) solid var(--border-subtle)}}.search-overlay__results-row::-webkit-scrollbar{display:none}.search-card{flex-shrink:0;display:flex;flex-direction:column;border-radius:var(--radius-200);overflow:hidden;background:var(--bg-elevate);text-decoration:none;color:var(--text-default)}.search-card__img-wrap{display:block;width:100%;aspect-ratio:1 / 1;background:var(--color-white-200);overflow:hidden}.search-card__img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .3s ease}.search-card:hover .search-card__img{transform:scale(1.03)}.search-card__body{padding:var(--space-200) var(--space-300) var(--space-300);display:flex;flex-direction:column;gap:var(--space-100);flex:1}.search-card__vendor{font-size:var(--font-size-xs);color:var(--text-subtle);text-transform:uppercase;letter-spacing:.04em}.search-card__title{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);line-height:1.3;color:var(--text-default);text-decoration:none}.search-card__footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-200);margin-top:auto;padding-top:var(--space-200)}.search-card__price{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.search-card__add{display:flex;align-items:center;gap:var(--space-100);padding:var(--space-150) var(--space-300);background:var(--btn-primary-bg);color:var(--btn-primary-text);border:none;border-radius:var(--radius-100);font-family:var(--font-family-body);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);cursor:pointer;white-space:nowrap;transition:background-color .2s ease}.search-card__add:hover:not(:disabled){background-color:var(--btn-primary-bg-hover)}.search-card__add:disabled{opacity:.7;cursor:default}.search-card--see-all{justify-content:center;align-items:center}.search-card--see-all span{font-family:var(--font-family-body);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-default);text-align:center}.search-overlay .routine-card{display:flex;flex-direction:column;height:100%;flex-shrink:0;background-color:var(--bg-elevate);border-radius:var(--radius-200);overflow:hidden;text-decoration:none;color:var(--text-default)}.search-overlay .routine-card__img-wrap{display:block;width:100%;aspect-ratio:1 / 1;overflow:hidden;background-color:var(--bg-default)}.search-overlay .routine-card__img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .3s ease}.search-overlay .routine-card:hover .routine-card__img{transform:scale(1.03)}.search-overlay .routine-card__body{display:flex;flex-direction:column;padding:var(--space-200);gap:var(--space-200)}.search-overlay .title_and_type{display:flex;flex-direction:column;gap:var(--space-050)}.search-overlay .routine-card__name{font-family:var(--font-family-body);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--text-default);text-decoration:none;line-height:1.3}.search-overlay .routine-card__type{font-family:var(--font-family-body);font-size:var(--font-size-xs);color:var(--text-subtle)}.search-overlay .routine-card__bottom{display:flex;align-items:center;justify-content:space-between;gap:var(--space-200);margin-top:auto}.search-overlay .routine-card__price{font-family:var(--font-family-body);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--text-default)}.search-overlay .routine-card__add{display:flex;align-items:center;gap:var(--space-100);padding:var(--space-150) var(--space-300);background:var(--btn-primary-bg);color:var(--btn-primary-text);border:none;border-radius:var(--radius-100);font-family:var(--font-family-body);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);cursor:pointer;white-space:nowrap;flex-shrink:0;transition:background-color .2s ease}.search-overlay .routine-card__add:hover:not(:disabled){background-color:var(--btn-primary-bg-hover)}.search-overlay .routine-card__add:disabled{opacity:.7;cursor:not-allowed}@media(max-height:1024px)and (min-width:1025px){.search-overlay .routine-card{height:100%}.search-overlay .routine-card__img-wrap{min-height:150px;aspect-ratio:auto}}@media(max-width:1024px){.search-overlay__cancel,.search-overlay__clear{display:none}.search-overlay__container{overflow-x:hidden;overflow-y:auto;max-height:calc(100dvh - var(--navbar-height) - var(--space-300) * 2)}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/navbar.css.map */