:root{--magio-sticky-nav-h: 7.2rem;--magio-sticky-nav-top: 4rem;--magio-sticky-nav-bg: #f7f5f1;--magio-sticky-nav-border: rgba(30, 30, 30, .1);--magio-sticky-nav-glass-color: 247, 245, 241;--magio-sticky-nav-glass-opacity: .45;--magio-sticky-nav-glass-blur: 16px;--magio-sticky-nav-sheet-content-opacity: .65;--magio-sticky-nav-sheet-blur: 16px;--magio-home-chrome-h: calc(var(--magio-sticky-nav-top) + var(--magio-sticky-nav-h))}body.magio-promo-dismissed,html.magio-promo-dismissed,body:not(:has(.magio-promo-bar:not(.is-dismissed))){--magio-sticky-nav-top: 0;--magio-home-chrome-h: var(--magio-sticky-nav-h)}@media screen and (max-width:989px){:root{--magio-sticky-nav-h: 5.6rem}}.shopify-section:has(.magio-sticky-nav){min-height:var(--magio-sticky-nav-h)}.magio-sticky-nav{position:fixed;top:var(--magio-sticky-nav-top);left:0;right:0;z-index:230;width:auto;max-width:100%;box-sizing:border-box;overflow-x:clip;background:var(--magio-sticky-nav-bg);border-bottom:1px solid var(--magio-sticky-nav-border)}html.magio-top-chrome .shopify-section-group-header-group.section-magio-promo-bar,html.magio-top-chrome .shopify-section-group-header-group.section-magio-sticky-nav{margin:0;padding:0;max-width:100%;overflow-x:clip}.magio-sticky-nav__shell{box-sizing:border-box;position:relative;z-index:1;width:100%;max-width:min(137.4rem,100%);min-width:0;min-height:var(--magio-sticky-nav-h);margin:0 auto;padding:0 2.4rem;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"logo tools";align-items:center;gap:1rem 2rem}@media screen and (min-width:990px){.magio-sticky-nav__shell{grid-template-columns:auto 1fr auto;grid-template-areas:"logo menu tools";gap:2rem}}.magio-sticky-nav__logo-link{grid-area:logo;justify-self:start;display:inline-flex;align-items:center;text-decoration:none;color:#1e1e1e;min-width:0;max-width:100%;overflow:hidden}@media screen and (min-width:990px){.magio-sticky-nav__logo-link{justify-self:start}}.magio-sticky-nav__center{grid-area:menu;display:none;min-width:0}@media screen and (min-width:990px){.magio-sticky-nav__center{display:flex;justify-content:center}}.magio-sticky-nav__tools{grid-area:tools;display:flex;align-items:center;justify-content:flex-end;gap:1.6rem;flex-shrink:0}.magio-sticky-nav__logo-text{font-family:DM Sans,sans-serif;font-size:3.2rem;font-weight:500;font-style:normal;letter-spacing:.02em;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.magio-sticky-nav__logo-img{display:block;height:2.8rem;width:auto;max-width:16rem;object-fit:contain}.magio-sticky-nav__menu{display:none;align-items:center;justify-content:center;gap:3.2rem;list-style:none;margin:0;padding:0}@media screen and (min-width:990px){.magio-sticky-nav__menu{display:flex}}.magio-sticky-nav__item{position:relative;margin:0;padding:0}.magio-sticky-nav__item.has-children:after{content:"";position:absolute;left:-.8rem;right:-.8rem;top:100%;height:.8rem}.magio-sticky-nav__link{display:inline-flex;align-items:center;gap:.4rem;font-family:DM Sans,sans-serif;font-size:1.2rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;color:#1e1e1e;line-height:1.2;white-space:nowrap;padding:.4rem 0;border-bottom:1px solid transparent;transition:border-color .2s ease}.magio-sticky-nav__link:hover,.magio-sticky-nav__item.is-active>.magio-sticky-nav__link{border-bottom-color:#1e1e1e}.magio-sticky-nav__chevron{width:.8rem;height:.8rem;flex-shrink:0;opacity:.85}.magio-sticky-nav__dropdown{position:absolute;top:calc(100% + .8rem);left:50%;transform:translate(-50%);min-width:18rem;margin:0;padding:1.2rem 0;list-style:none;background:#fff;border:1px solid var(--magio-sticky-nav-border);box-shadow:0 8px 24px #00000014;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,visibility .2s ease;z-index:5}.magio-sticky-nav__item.has-children:hover .magio-sticky-nav__dropdown,.magio-sticky-nav__item.has-children:focus-within .magio-sticky-nav__dropdown{opacity:1;visibility:visible;pointer-events:auto}.magio-sticky-nav__dropdown a{display:block;padding:.8rem 1.6rem;font-family:DM Sans,sans-serif;font-size:1.2rem;font-weight:400;letter-spacing:.04em;text-transform:none;color:#1e1e1e;text-decoration:none}.magio-sticky-nav__dropdown a:hover{background:#f7f5f1}.magio-sticky-nav__icon-btn{display:inline-flex;align-items:center;justify-content:center;width:2.4rem;height:2.4rem;padding:0;border:0;background:transparent;color:#1e1e1e;text-decoration:none;flex-shrink:0}.magio-sticky-nav__icon-btn svg{width:2rem;height:2rem}.magio-sticky-nav__icon-btn:hover{opacity:.7}.magio-sticky-nav__cart{display:inline-flex;align-items:center;gap:.6rem;min-height:3.6rem;padding:0 1.4rem;border:1px solid #1e1e1e;border-radius:999px;font-family:DM Sans,sans-serif;font-size:1.2rem;font-weight:500;letter-spacing:.02em;color:#1e1e1e;text-decoration:none;white-space:nowrap;flex-shrink:0}.magio-sticky-nav__cart svg{width:1.8rem;height:1.8rem;flex-shrink:0}.magio-sticky-nav__cart:hover{opacity:.75}.magio-sticky-nav__book{display:inline-flex;align-items:center;justify-content:center;min-height:3.6rem;padding:0 2rem;border-radius:999px;background:#1e1e1e;color:#fff;font-family:DM Sans,sans-serif;font-size:1.1rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;white-space:nowrap;flex-shrink:0;transition:opacity .2s ease}.magio-sticky-nav__book:hover{opacity:.88;color:#fff}.magio-sticky-nav__drawer-toggle{display:inline-flex;align-items:center;justify-content:center;width:4.4rem;height:4.4rem;margin:0;padding:0;border:0;background:transparent;color:#1e1e1e;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;position:relative;z-index:1}.magio-sticky-nav__drawer-toggle svg{width:2.2rem;height:2.2rem}.magio-sticky-nav__drawer-toggle--mobile{display:inline-flex}@media screen and (min-width:990px){.magio-sticky-nav__drawer-toggle--mobile{display:none}}.magio-sticky-nav__tools-desktop{display:none;align-items:center;gap:1.6rem}@media screen and (min-width:990px){.magio-sticky-nav__tools-desktop{display:flex}}.magio-sticky-nav__sheet{position:fixed;top:0;right:0;bottom:0;left:0;z-index:240;display:none;pointer-events:none}.magio-sticky-nav__sheet:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#0006;-webkit-backdrop-filter:blur(var(--magio-sticky-nav-sheet-blur));backdrop-filter:blur(var(--magio-sticky-nav-sheet-blur));pointer-events:none;z-index:0}.magio-sticky-nav__sheet.is-open{display:block;pointer-events:auto}.magio-sticky-nav__sheet:not(.is-open) .magio-sticky-nav__sheet-panel{pointer-events:none}.magio-sticky-nav__sheet-panel{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;max-width:100%;height:100%;display:flex;flex-direction:column;background:var(--magio-sticky-nav-bg);padding:0;overflow:hidden;transform:translate(0);transition:none;box-shadow:none;z-index:1}.magio-sticky-nav__sheet-header{display:grid;grid-template-columns:1fr auto;grid-template-rows:var(--magio-sticky-nav-h);align-items:center;gap:0 1.2rem;flex-shrink:0;box-sizing:border-box;min-height:var(--magio-sticky-nav-h);padding:0 var(--magio-gutter, 2.4rem);border-bottom:1px solid var(--magio-sticky-nav-border)}.magio-sticky-nav__sheet-logo{grid-row:1;grid-column:1;align-self:center;justify-self:start;display:inline-flex;align-items:center;min-width:0;max-width:100%;text-decoration:none;color:#1e1e1e}.magio-sticky-nav__sheet-logo .magio-sticky-nav__logo-img{height:2.8rem;width:auto;max-width:16rem;object-fit:contain}.magio-sticky-nav__sheet-title{grid-row:1;grid-column:1;align-self:center;font-family:DM Sans,sans-serif;font-size:3.2rem;font-weight:500;font-style:normal;letter-spacing:.02em;color:#1e1e1e;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.magio-sticky-nav__sheet-close{grid-row:1;grid-column:2;align-self:center;display:inline-flex;align-items:center;justify-content:center;width:4.4rem;height:4.4rem;margin:0;padding:0;border:0;background:transparent;color:#1e1e1e;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;flex-shrink:0}.magio-sticky-nav__sheet-close:focus:not(:focus-visible){outline:none}.magio-sticky-nav__sheet-close svg{width:2.2rem;height:2.2rem}.magio-sticky-nav__sheet-nav{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:.8rem var(--magio-gutter, 2.4rem)}.magio-sticky-nav__sheet-list{list-style:none;margin:0;padding:0}.magio-sticky-nav__sheet-item{margin:0;padding:0;border-top:1px solid var(--magio-sticky-nav-border)}.magio-sticky-nav__sheet-item:first-child{border-top:none}.magio-sticky-nav__sheet-item--group{padding:0}.magio-sticky-nav__sheet-link-row{display:flex;align-items:center;justify-content:space-between;gap:1.2rem;padding:1.2rem 0;cursor:pointer;-webkit-tap-highlight-color:transparent;color:#1e1e1e;outline:none}.magio-sticky-nav__sheet-link-row:focus:not(:focus-visible){outline:none}.magio-sticky-nav__sheet-link-row:focus-visible{outline:2px solid rgba(30,30,30,.35);outline-offset:2px;border-radius:.2rem}.magio-sticky-nav__sheet-group-link{flex:1;min-width:0;font-family:var(--magio-font-display, Candara, "Segoe UI", sans-serif);font-size:2.4rem;font-weight:400;font-style:italic;line-height:1.15;letter-spacing:.01em;text-decoration:none;text-transform:none;color:#1e1e1e;opacity:1}@media(hover:none){.magio-sticky-nav__sheet-link-row .magio-sticky-nav__sheet-group-link,.magio-sticky-nav__sheet-link-row .magio-sticky-nav__sheet-chevron{opacity:1;color:#1e1e1e}}.magio-sticky-nav__sheet-chevron{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:2.4rem;height:2.4rem;color:#1e1e1e;pointer-events:none}.magio-sticky-nav__sheet-chevron svg{width:1.2rem;height:1.2rem;transition:transform .2s ease}.magio-sticky-nav__sheet-item--group.is-expanded .magio-sticky-nav__sheet-chevron svg{transform:rotate(180deg)}.magio-sticky-nav__sheet-group-title{margin:0 0 1rem;padding:0}.magio-sticky-nav__sheet-group-title a{font-family:var(--magio-font-display, Candara, "Segoe UI", sans-serif);font-size:2.4rem;font-weight:400;font-style:italic;line-height:1.15;letter-spacing:.01em;text-decoration:none;text-transform:none;color:#1e1e1e}.magio-sticky-nav__sheet-sub{list-style:none;margin:0;padding:0 0 1.2rem .4rem;display:none;flex-direction:column;gap:.4rem}.magio-sticky-nav__sheet-item--group.is-expanded .magio-sticky-nav__sheet-sub{display:flex}.magio-sticky-nav__sheet-sub a{display:block;padding:.6rem 0;font-family:DM Sans,sans-serif;font-size:1.3rem;font-weight:400;line-height:1.35;letter-spacing:.04em;color:#4d4d4d;text-decoration:none;text-transform:none}.magio-sticky-nav__sheet-item--solo{padding:1.2rem 0}.magio-sticky-nav__sheet-solo-link{display:block;font-family:var(--magio-font-display, Candara, "Segoe UI", sans-serif);font-size:2.4rem;font-weight:400;font-style:italic;line-height:1.15;letter-spacing:.01em;text-decoration:none;text-transform:none;color:#1e1e1e}@media(hover:hover)and (pointer:fine){.magio-sticky-nav__sheet-group-link:hover,.magio-sticky-nav__sheet-group-title a:hover,.magio-sticky-nav__sheet-sub a:hover,.magio-sticky-nav__sheet-solo-link:hover{color:#1e1e1e;opacity:.75;text-decoration:none}}.magio-sticky-nav__sheet-footer{flex-shrink:0;display:flex;flex-direction:column;gap:0;padding:1.6rem var(--magio-gutter, 2.4rem);padding-bottom:calc(1.6rem + env(safe-area-inset-bottom,0px));border-top:1px solid var(--magio-sticky-nav-border);background:var(--magio-sticky-nav-bg)}.magio-sticky-nav__sheet-book{display:flex;align-items:center;justify-content:center;width:100%;min-height:4.8rem;padding:1.2rem 2.4rem;border-radius:999px;background:#1e1e1e;color:#fff;font-family:DM Sans,sans-serif;font-size:1.2rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;box-sizing:border-box}.magio-sticky-nav__sheet-book:hover{color:#fff;opacity:.88;text-decoration:none}.magio-sticky-nav__sheet-utilities{display:none}.magio-sticky-nav__sheet-item+.magio-sticky-nav__sheet-item{border-top:none}.magio-sticky-nav__sheet-account,.magio-sticky-nav__sheet-search{font-family:DM Sans,sans-serif;font-size:1.3rem;font-weight:500;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;color:#1e1e1e}.magio-sticky-nav__cart--sheet{width:100%;justify-content:center;box-sizing:border-box;min-height:4.8rem;font-size:1.2rem}body.magio-sticky-nav-open,html.magio-sticky-nav-open{overflow:hidden}@media screen and (max-width:749px){body.magio-has-sticky-nav .shopify-section:has(.magio-sticky-nav)+.shopify-section .magio-hero-figma:not(.magio-hero-figma--nav-only){height:calc(100dvh - var(--magio-home-chrome-h));min-height:calc(100dvh - var(--magio-home-chrome-h));max-height:calc(100dvh - var(--magio-home-chrome-h))}}@media screen and (max-width:989px){.magio-sticky-nav{background:transparent;border-bottom-color:#1e1e1e14}.magio-sticky-nav,.magio-sticky-nav:before{transition:background-color .25s ease,border-color .25s ease,box-shadow .25s ease,-webkit-backdrop-filter .25s ease,backdrop-filter .25s ease}.magio-sticky-nav:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(var(--magio-sticky-nav-glass-color),var(--magio-sticky-nav-glass-opacity));-webkit-backdrop-filter:blur(var(--magio-sticky-nav-glass-blur));backdrop-filter:blur(var(--magio-sticky-nav-glass-blur));pointer-events:none;z-index:0}.magio-sticky-nav.is-menu-open .magio-sticky-nav__shell,.magio-sticky-nav.is-menu-open:before{visibility:hidden}.magio-sticky-nav__sheet-header{position:sticky;top:0;z-index:2;border-bottom-color:#1e1e1e14}.magio-sticky-nav__sheet-panel{background:transparent}.magio-sticky-nav__sheet-header,.magio-sticky-nav__sheet-nav,.magio-sticky-nav__sheet-footer{background:rgba(var(--magio-sticky-nav-glass-color),var(--magio-sticky-nav-sheet-content-opacity));-webkit-backdrop-filter:blur(var(--magio-sticky-nav-sheet-blur));backdrop-filter:blur(var(--magio-sticky-nav-sheet-blur))}.magio-sticky-nav__shell{position:relative;z-index:1;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"logo tools";padding:0 1.6rem;gap:1rem}.magio-sticky-nav__logo-text,.magio-sticky-nav__sheet-title{font-size:2.4rem}}@media screen and (max-width:749px){:root{--magio-sticky-nav-glass-opacity: .82;--magio-sticky-nav-glass-blur: 12px;--magio-sticky-nav-hero-scrim: linear-gradient( 180deg, rgba(0, 0, 0, .52) 0%, rgba(0, 0, 0, .2) 72%, rgba(0, 0, 0, .04) 100% )}body.magio-hair-services-page .magio-sticky-nav:not(.is-solid),body.magio-nail-services-page .magio-sticky-nav:not(.is-solid),body.magio-services-page .magio-sticky-nav:not(.is-solid){background:transparent;border-bottom-color:#ffffff1f;box-shadow:none}body.magio-hair-services-page .magio-sticky-nav:not(.is-solid):before,body.magio-nail-services-page .magio-sticky-nav:not(.is-solid):before,body.magio-services-page .magio-sticky-nav:not(.is-solid):before{background:var(--magio-sticky-nav-hero-scrim);-webkit-backdrop-filter:blur(var(--magio-sticky-nav-glass-blur));backdrop-filter:blur(var(--magio-sticky-nav-glass-blur))}body.magio-hair-services-page .magio-sticky-nav:not(.is-solid) .magio-sticky-nav__logo-link,body.magio-hair-services-page .magio-sticky-nav:not(.is-solid) .magio-sticky-nav__drawer-toggle,body.magio-nail-services-page .magio-sticky-nav:not(.is-solid) .magio-sticky-nav__logo-link,body.magio-nail-services-page .magio-sticky-nav:not(.is-solid) .magio-sticky-nav__drawer-toggle,body.magio-services-page .magio-sticky-nav:not(.is-solid) .magio-sticky-nav__logo-link,body.magio-services-page .magio-sticky-nav:not(.is-solid) .magio-sticky-nav__drawer-toggle{color:#fff;transition:color .25s ease}body.magio-hair-services-page .magio-sticky-nav.is-solid .magio-sticky-nav__logo-link,body.magio-hair-services-page .magio-sticky-nav.is-solid .magio-sticky-nav__drawer-toggle,body.magio-nail-services-page .magio-sticky-nav.is-solid .magio-sticky-nav__logo-link,body.magio-nail-services-page .magio-sticky-nav.is-solid .magio-sticky-nav__drawer-toggle,body.magio-services-page .magio-sticky-nav.is-solid .magio-sticky-nav__logo-link,body.magio-services-page .magio-sticky-nav.is-solid .magio-sticky-nav__drawer-toggle{color:#1e1e1e}body.magio-hair-services-page .magio-sticky-nav:not(.is-solid) .magio-sticky-nav__logo-img,body.magio-nail-services-page .magio-sticky-nav:not(.is-solid) .magio-sticky-nav__logo-img,body.magio-services-page .magio-sticky-nav:not(.is-solid) .magio-sticky-nav__logo-img{filter:brightness(0) invert(1)}body.magio-hair-services-page .magio-sticky-nav.is-solid .magio-sticky-nav__logo-img,body.magio-nail-services-page .magio-sticky-nav.is-solid .magio-sticky-nav__logo-img,body.magio-services-page .magio-sticky-nav.is-solid .magio-sticky-nav__logo-img{filter:none}.magio-sticky-nav.is-solid{background:transparent;border-bottom-color:var(--magio-sticky-nav-border);box-shadow:0 1px #1e1e1e0a}.magio-sticky-nav.is-solid:before{background:rgba(var(--magio-sticky-nav-glass-color),var(--magio-sticky-nav-glass-opacity));-webkit-backdrop-filter:blur(var(--magio-sticky-nav-glass-blur));backdrop-filter:blur(var(--magio-sticky-nav-glass-blur))}body.magio-top-chrome:not(.magio-hair-services-page):not(.magio-nail-services-page):not(.magio-services-page) .magio-sticky-nav{background:transparent;border-bottom-color:var(--magio-sticky-nav-border);box-shadow:0 1px #1e1e1e0a}}body.magio-top-chrome .magio-hero-figma__nav,body.magio-top-chrome .magio-hero-figma__mobile-sheet,body.magio-has-sticky-nav .magio-hero-figma__nav,body.magio-has-sticky-nav .magio-hero-figma__mobile-sheet{display:none!important}body.magio-top-chrome #MainContent>.shopify-section:has(.magio-hero-figma--nav-only),body.magio-has-sticky-nav .shopify-section:has(.magio-hero-figma--nav-only){display:none!important}body.magio-top-chrome #MainContent>.shopify-section:has(.magio-promo-bar)+.shopify-section:has(.magio-sticky-nav),body.magio-top-chrome #MainContent>.shopify-section:has(.magio-sticky-nav)+.shopify-section{margin-top:0}.magio-sticky-nav__bottom-cta{display:none}@media screen and (max-width:749px){body.magio-services-page,body.magio-hair-services-page,body.magio-nail-services-page{--magio-services-mobile-cta-h: calc(7.2rem + env(safe-area-inset-bottom, 0px)) ;padding-bottom:var(--magio-services-mobile-cta-h)}body.magio-services-page .magio-sticky-nav__bottom-cta,body.magio-hair-services-page .magio-sticky-nav__bottom-cta,body.magio-nail-services-page .magio-sticky-nav__bottom-cta{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:229;box-sizing:border-box;justify-content:center;align-items:center;padding:.8rem var(--magio-gutter, 1.6rem);padding-bottom:calc(.8rem + env(safe-area-inset-bottom,0px));background:var(--magio-sticky-nav-bg);border-top:1px solid var(--magio-sticky-nav-border);box-shadow:0 -4px 16px #0000000f}body.magio-services-page .magio-sticky-nav__book--bottom,body.magio-hair-services-page .magio-sticky-nav__book--bottom,body.magio-nail-services-page .magio-sticky-nav__book--bottom{width:100%;max-width:100%;min-height:4.8rem;font-size:1.2rem}body.magio-services-page.magio-sticky-nav-open .magio-sticky-nav__bottom-cta,body.magio-hair-services-page.magio-sticky-nav-open .magio-sticky-nav__bottom-cta,body.magio-nail-services-page.magio-sticky-nav-open .magio-sticky-nav__bottom-cta{display:none}.magio-sticky-nav__sheet-panel{width:100%}.magio-sticky-nav__sheet-header,.magio-sticky-nav__sheet-nav{padding-left:var(--magio-gutter, 1.6rem);padding-right:var(--magio-gutter, 1.6rem)}.magio-sticky-nav__sheet-footer{padding:1.6rem var(--magio-gutter, 1.6rem);padding-bottom:calc(1.6rem + env(safe-area-inset-bottom,0px))}.magio-sticky-nav__sheet-group-link,.magio-sticky-nav__sheet-group-title a,.magio-sticky-nav__sheet-solo-link{font-size:2.2rem}.magio-sticky-nav__shell{padding:0 var(--magio-gutter, 1.6rem)}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/section-magio-sticky-nav.css.map */