@shopify/polaris/dist/esnext/components/Navigation/Navigation.css

Shopify’s product component library

@keyframes Polaris-Navigation__fade--in_1b5b2{ 0%{ opacity:0; }
  100%{ opacity:1; } }

.Polaris-Navigation_1ajsq{ display:flex; flex-direction:column; align-items:stretch; width:calc(100vw - 6.4rem); min-width:24rem; max-width:36rem; height:100%; min-height:100%; background-color:var(--p-background, #f4f6f8); -webkit-overflow-scrolling:touch; padding-bottom:0px; padding-bottom:calc(0px + constant(safe-area-inset-bottom)); padding-bottom:calc(0px + env(safe-area-inset-bottom)); }

.Polaris-Navigation_1ajsq:focus{ outline:none; }

@media (min-width: 48.0625em){ .Polaris-Navigation_1ajsq{ max-width:24rem; border-right:var(--p-override-none, 0.1rem solid var(--p-border-subdued, #dfe3e8)); max-width:24rem; max-width:calc(24rem + constant(safe-area-inset-left)); max-width:calc(24rem + env(safe-area-inset-left)); } }

.Polaris-Navigation_1ajsq.Polaris-Navigation__Navigation--newDesignLanguage_68mzh{ border-right:0.1rem solid var(--p-divider, #dfe3e8); }

.Polaris-Navigation__UserMenu_1n4r0{ flex:0 0 auto; }

.Polaris-Navigation__ContextControl_3di0f{ min-height:5.6rem; }

@media (min-width: 48.0625em){ .Polaris-Navigation__ContextControl_3di0f{ display:none; } }

.Polaris-Navigation__PrimaryNavigation_1i4zc{ display:flex; overflow:auto; flex:1 1 auto; flex-direction:column; align-items:stretch; max-width:100%; }

@media (min-width: 48.0625em){ .Polaris-Navigation__Navigation--newDesignLanguage_68mzh .Polaris-Navigation__PrimaryNavigation_1i4zc{ padding-top:1.2rem; } }

.Polaris-Navigation__LogoContainer_szav1{ display:none; }

@media (max-width: 48.0625em){ .Polaris-Navigation__LogoContainer_szav1{ display:flex; flex:0 0 5.6rem; align-items:center; height:5.6rem; padding:0 0.8rem 0 1.6rem; flex-basis:5.6rem; flex-basis:calc(5.6rem + constant(safe-area-inset-left)); flex-basis:calc(5.6rem + env(safe-area-inset-left)); padding-left:1.6rem; padding-left:calc(1.6rem + constant(safe-area-inset-left)); padding-left:calc(1.6rem + env(safe-area-inset-left)); } }

.Polaris-Navigation__Logo_yj38q, .Polaris-Navigation__LogoLink_eekya{ display:block; }

.Polaris-Navigation__Item_yiyol{ -webkit-appearance:none; -moz-appearance:none; appearance:none; margin:0; padding:0; background:none; border:none; font-size:inherit; line-height:inherit; cursor:pointer; font-size:1.6rem; font-weight:400; line-height:4rem; display:flex; flex-grow:1; align-items:flex-start; max-width:100%; padding:0 0.8rem; margin:0 0.8rem; border-radius:var(--p-border-radius-base, 3px); color:var(--p-text, #212b36); text-decoration:none; text-align:left; position:relative; }

.Polaris-Navigation__Item_yiyol:focus{ outline:none; }

.Polaris-Navigation__Navigation--newDesignLanguage_68mzh .Polaris-Navigation__Item_yiyol{ font-weight:600; line-height:3.6rem; padding-left:1.2rem; padding-right:0.4rem; }

.Polaris-Navigation__Item_yiyol:hover{ background:var(--p-background-hovered, linear-gradient(rgba(223, 227, 232, 0.3), rgba(223, 227, 232, 0.3))); color:var(--p-text, #202e78); text-decoration:none; }

.Polaris-Navigation__Item_yiyol::after{ content:var(--p-non-null-content, none); position:absolute; z-index:1; top:-0.1rem; right:-0.1rem; bottom:-0.1rem; left:-0.1rem; display:block; pointer-events:none; box-shadow:0 0 0 -0.1rem var(--p-focused); transition:box-shadow 100ms var(--p-ease); border-radius:calc(var(--p-border-radius-base) + 0.1rem); }

.Polaris-Navigation__Item_yiyol.Polaris-Navigation--keyFocused_1aqee{ background:var(--p-background-hovered, linear-gradient(rgba(223, 227, 232, 0.3), rgba(223, 227, 232, 0.3))); color:var(--p-text, #202e78); text-decoration:none; }

.Polaris-Navigation__Item_yiyol.Polaris-Navigation--keyFocused_1aqee::after{ box-shadow:0 0 0 0.2rem var(--p-focused); }

@media (-ms-high-contrast: active){ .Polaris-Navigation__Item_yiyol.Polaris-Navigation--keyFocused_1aqee::after{ outline:1px solid windowText; } }

.Polaris-Navigation__Item_yiyol:active, .Polaris-Navigation__Item_yiyol:active:hover{ color:var(--p-text, #202e78); }

.Polaris-Navigation__Item_yiyol:active::after, .Polaris-Navigation__Item_yiyol:active:hover::after{ content:none; }

.Polaris-Navigation__Navigation--newDesignLanguage_68mzh .Polaris-Navigation__Item_yiyol:active, .Polaris-Navigation__Navigation--newDesignLanguage_68mzh .Polaris-Navigation__Item_yiyol:active:hover{ background-color:var(--p-background-pressed); }

@media (min-width: 48.0625em){ .Polaris-Navigation__Item_yiyol{ font-size:1.4rem; font-weight:500; line-height:3.2rem; }
  .Polaris-Navigation__Navigation--newDesignLanguage_68mzh .Polaris-Navigation__Item_yiyol{ font-size:1.6rem; font-weight:600; line-height:3.2rem; } }

.Polaris-Navigation__Item_yiyol::-moz-focus-inner{ border:0; }

.Polaris-Navigation__Navigation--newDesignLanguage_68mzh .Polaris-Navigation__Item_yiyol{ position:relative; }

.Polaris-Navigation__Navigation--newDesignLanguage_68mzh .Polaris-Navigation__Item_yiyol::before{ content:''; position:absolute; top:0; bottom:0; left:-0.8rem; height:100%; width:0.3rem; background-color:var(--p-action-primary); border-top-right-radius:var(--p-border-radius-base); border-bottom-right-radius:var(--p-border-radius-base); transform:translateX(-100%); }

.Polaris-Navigation__Item--selected_13f25{ font-weight:600; color:var(--p-action-primary, #202e78); background-color:var(--p-background-selected, rgba(92, 106, 196, 0.12)); position:relative; }

.Polaris-Navigation__Navigation--newDesignLanguage_68mzh .Polaris-Navigation__Item--selected_13f25::before{ transform:translateX(0); }

@media (-ms-high-contrast: active){ .Polaris-Navigation__Item--selected_13f25{ outline:1px solid windowText; } }

.Polaris-Navigation__Item--selected_13f25::after{ content:var(--p-non-null-content, none); position:absolute; z-index:1; top:-0.1rem; right:-0.1rem; bottom:-0.1rem; left:-0.1rem; display:block; pointer-events:none; box-shadow:0 0 0 -0.1rem var(--p-focused); transition:box-shadow 100ms var(--p-ease); border-radius:calc(var(--p-border-radius-base) + 0.1rem); }

.Polaris-Navigation__Item--selected_13f25:hover, .Polaris-Navigation__Item--selected_13f25.Polaris-Navigation--keyFocused_1aqee{ background-color:var(--p-background-hovered, rgba(92, 106, 196, 0.12)); color:var(--p-action-primary-hovered, #202e78); }

.Polaris-Navigation__Item--selected_13f25 .Polaris-Navigation--keyFocused_1aqee::after{ box-shadow:0 0 0 0.2rem var(--p-focused); }

@media (-ms-high-contrast: active){ .Polaris-Navigation__Item--selected_13f25 .Polaris-Navigation--keyFocused_1aqee::after{ outline:1px solid windowText; } }

.Polaris-Navigation__Item--selected_13f25:active, .Polaris-Navigation__Item--selected_13f25:active:hover{ color:var(--p-text, #202e78); }

.Polaris-Navigation__Item--selected_13f25:active::after, .Polaris-Navigation__Item--selected_13f25:active:hover::after{ content:none; }

.Polaris-Navigation__Navigation--newDesignLanguage_68mzh .Polaris-Navigation__Item--selected_13f25:active, .Polaris-Navigation__Navigation--newDesignLanguage_68mzh .Polaris-Navigation__Item--selected_13f25:active:hover{ background-color:var(--p-background-pressed); }

.Polaris-Navigation__Item--disabled_1is1z{ color:var(--p-text-disabled, #919eab); pointer-events:none; opacity:0.6; }

.Polaris-Navigation__Navigation--newDesignLanguage_68mzh .Polaris-Navigation__Item--disabled_1is1z .Polaris-Navigation__Icon_yj27d{ opacity:0.6; }

.Polaris-Navigation__Badge_2qgie{ margin-left:0.8rem; display:inline-flex; margin-top:0.8rem; }

@media (min-width: 48.0625em){ .Polaris-Navigation__Badge_2qgie{ margin-top:0.4rem; } }

.Polaris-Navigation__Icon_yj27d{ flex-shrink:0; align-self:flex-start; width:2rem; height:2rem; margin-top:1rem; margin-right:2rem; margin-bottom:1rem; }

.Polaris-Navigation__Icon_yj27d svg{ fill:var(--p-icon, #919eab); color:var(--p-override-transparent, white); }

.Polaris-Navigation__Icon_yj27d img{ filter:brightness(0) saturate(100%) invert(68%) sepia(18%) saturate(246%) hue-rotate(169deg) brightness(88%) contrast(90%); }

@media (min-width: 48.0625em){ .Polaris-Navigation__Icon_yj27d{ margin-top:0.6rem; margin-right:1.6rem; margin-bottom:0.6rem; } }

.Polaris-Navigation__Navigation--newDesignLanguage_68mzh .Polaris-Navigation__Icon_yj27d{ margin-right:1.6rem; }

.Polaris-Navigation__Navigation--newDesignLanguage_68mzh .Polaris-Navigation__Icon_yj27d img{ filter:brightness(0) saturate(100%) invert(36%) sepia(13%) saturate(137%) hue-rotate(169deg) brightness(95%) contrast(87%); }

.Polaris-Navigation__Item_yiyol:hover .Polaris-Navigation__Icon_yj27d svg, .Polaris-Navigation__Item_yiyol.Polaris-Navigation--keyFocused_1aqee .Polaris-Navigation__Icon_yj27d svg{ fill:#5c6ac4; color:white; }

.Polaris-Navigation__Item_yiyol:hover .Polaris-Navigation__Icon_yj27d img, .Polaris-Navigation__Item_yiyol.Polaris-Navigation--keyFocused_1aqee .Polaris-Navigation__Icon_yj27d img{ filter:brightness(0) saturate(100%) invert(45%) sepia(17%) saturate(1966%) hue-rotate(194deg) brightness(88%) contrast(84%); }

.Polaris-Navigation__Navigation--newDesignLanguage_68mzh .Polaris-Navigation__Item_yiyol:hover .Polaris-Navigation__Icon_yj27d svg, .Polaris-Navigation__Navigation--newDesignLanguage_68mzh .Polaris-Navigation__Item_yiyol.Polaris-Navigation--keyFocused_1aqee .Polaris-Navigation__Icon_yj27d svg{ fill:var(--p-icon); color:transparent; }

.Polaris-Navigation__Navigation--newDesignLanguage_68mzh .Polaris-Navigation__Item_yiyol:hover .Polaris-Navigation__Icon_yj27d img, .Polaris-Navigation__Navigation--newDesignLanguage_68mzh .Polaris-Navigation__Item_yiyol.Polaris-Navigation--keyFocused_1aqee .Polaris-Navigation__Icon_yj27d img{ filter:brightness(0) saturate(100%) invert(36%) sepia(13%) saturate(137%) hue-rotate(169deg) brightness(95%) contrast(87%); }

.Polaris-Navigation__Item--selected_13f25 .Polaris-Navigation__Icon_yj27d svg, .Polaris-Navigation__Item--selected_13f25:hover .Polaris-Navigation__Icon_yj27d svg, .Polaris-Navigation--subNavigationActive_e2t9x .Polaris-Navigation__Icon_yj27d svg, .Polaris-Navigation--subNavigationActive_e2t9x:hover .Polaris-Navigation__Icon_yj27d svg, .Polaris-Navigation__Item--selected_13f25.Polaris-Navigation--keyFocused_1aqee .Polaris-Navigation__Icon_yj27d svg{ fill:#5c6ac4; color:white; }

.Polaris-Navigation__Item--selected_13f25 .Polaris-Navigation__Icon_yj27d img, .Polaris-Navigation__Item--selected_13f25:hover .Polaris-Navigation__Icon_yj27d img, .Polaris-Navigation--subNavigationActive_e2t9x .Polaris-Navigation__Icon_yj27d img, .Polaris-Navigation--subNavigationActive_e2t9x:hover .Polaris-Navigation__Icon_yj27d img, .Polaris-Navigation__Item--selected_13f25.Polaris-Navigation--keyFocused_1aqee .Polaris-Navigation__Icon_yj27d img{ filter:brightness(0) saturate(100%) invert(45%) sepia(17%) saturate(1966%) hue-rotate(194deg) brightness(88%) contrast(84%); }

.Polaris-Navigation__Navigation--newDesignLanguage_68mzh .Polaris-Navigation__Item--selected_13f25 .Polaris-Navigation__Icon_yj27d svg, .Polaris-Navigation__Navigation--newDesignLanguage_68mzh .Polaris-Navigation__Item--selected_13f25:hover .Polaris-Navigation__Icon_yj27d svg, .Polaris-Navigation__Navigation--newDesignLanguage_68mzh .Polaris-Navigation--subNavigationActive_e2t9x .Polaris-Navigation__Icon_yj27d svg, .Polaris-Navigation__Navigation--newDesignLanguage_68mzh .Polaris-Navigation--subNavigationActive_e2t9x:hover .Polaris-Navigation__Icon_yj27d svg, .Polaris-Navigation__Navigation--newDesignLanguage_68mzh .Polaris-Navigation__Item--selected_13f25.Polaris-Navigation--keyFocused_1aqee .Polaris-Navigation__Icon_yj27d svg{ fill:var(--p-action-primary); color:transparent; }

.Polaris-Navigation__Navigation--newDesignLanguage_68mzh .Polaris-Navigation__Item--selected_13f25 .Polaris-Navigation__Icon_yj27d img, .Polaris-Navigation__Navigation--newDesignLanguage_68mzh .Polaris-Navigation__Item--selected_13f25:hover .Polaris-Navigation__Icon_yj27d img, .Polaris-Navigation__Navigation--newDesignLanguage_68mzh .Polaris-Navigation--subNavigationActive_e2t9x .Polaris-Navigation__Icon_yj27d img, .Polaris-Navigation__Navigation--newDesignLanguage_68mzh .Polaris-Navigation--subNavigationActive_e2t9x:hover .Polaris-Navigation__Icon_yj27d img, .Polaris-Navigation__Navigation--newDesignLanguage_68mzh .Polaris-Navigation__Item--selected_13f25.Polaris-Navigation--keyFocused_1aqee .Polaris-Navigation__Icon_yj27d img{ filter:brightness(0) saturate(100%) invert(20%) sepia(59%) saturate(5557%) hue-rotate(162deg) brightness(95%) contrast(101%); }

.Polaris-Navigation__Icon_yj27d svg{ display:block; }

.Polaris-Navigation__ListItem_wxd2m{ position:relative; display:flex; flex-wrap:wrap; }

.Polaris-Navigation__RollupSection_4tmbw .Polaris-Navigation__ListItem_wxd2m, .Polaris-Navigation__SecondaryNavigation_na5at .Polaris-Navigation__ListItem_wxd2m{ opacity:0; animation:Polaris-Navigation__fade--in_1b5b2 500ms 1 forwards; }

.Polaris-Navigation__Navigation--newDesignLanguage_68mzh .Polaris-Navigation__RollupSection_4tmbw .Polaris-Navigation__ListItem_wxd2m, .Polaris-Navigation__Navigation--newDesignLanguage_68mzh .Polaris-Navigation__SecondaryNavigation_na5at .Polaris-Navigation__ListItem_wxd2m{ opacity:1; animation:none; }

.Polaris-Navigation__ListItem_wxd2m:nth-child(1){ animation-delay:0ms; }

.Polaris-Navigation__ListItem_wxd2m:nth-child(2){ animation-delay:50ms; }

.Polaris-Navigation__ListItem_wxd2m:nth-child(3){ animation-delay:100ms; }

.Polaris-Navigation__ListItem_wxd2m:nth-child(4){ animation-delay:150ms; }

.Polaris-Navigation__ListItem_wxd2m:nth-child(5){ animation-delay:200ms; }

.Polaris-Navigation__ListItem_wxd2m:nth-child(6){ animation-delay:250ms; }

.Polaris-Navigation__ListItem_wxd2m:nth-child(7){ animation-delay:300ms; }

.Polaris-Navigation__ListItem_wxd2m:nth-child(8){ animation-delay:350ms; }

.Polaris-Navigation__ListItem_wxd2m:nth-child(9){ animation-delay:400ms; }

.Polaris-Navigation__ListItem_wxd2m:nth-child(10){ animation-delay:450ms; }

.Polaris-Navigation__ListItem_wxd2m:nth-child(11){ animation-delay:500ms; }

.Polaris-Navigation__ListItem_wxd2m:nth-child(12){ animation-delay:550ms; }

.Polaris-Navigation__Navigation--newDesignLanguage_68mzh .Polaris-Navigation__ListItem_wxd2m:not(:first-child) .Polaris-Navigation__Item_yiyol{ border-top:1px solid var(--p-background); }

.Polaris-Navigation__ListItem--hasAction_11n18 .Polaris-Navigation__Item_yiyol{ max-width:calc(100% - 5.6rem); }

.Polaris-Navigation__ItemWrapper_1kbav{ display:flex; flex-wrap:nowrap; width:100%; }

.Polaris-Navigation__Text_yj3uv{ flex:1 1 auto; margin-top:1rem; margin-bottom:1rem; line-height:2rem; }

@media (min-width: 48.0625em){ .Polaris-Navigation__Text_yj3uv{ margin-top:0.6rem; margin-bottom:0.6rem; } }

.Polaris-Navigation__Navigation--newDesignLanguage_68mzh .Polaris-Navigation__Text_yj3uv{ font-size:1.4rem; }

@media (max-width: 48.0625em){ .Polaris-Navigation__Navigation--newDesignLanguage_68mzh .Polaris-Navigation__Text_yj3uv{ font-size:1.5rem; line-height:1.9rem; } }

.Polaris-Navigation__SecondaryAction_1dl4i{ display:flex; align-items:center; height:4rem; margin-right:0.4rem; padding:0.4rem 1.6rem; border-radius:var(--p-border-radius-base, 3px); position:relative; }

.Polaris-Navigation__SecondaryAction_1dl4i svg{ fill:var(--p-icon, #919eab); color:var(--p-override-transparent, white); }

@media (min-width: 48.0625em){ .Polaris-Navigation__SecondaryAction_1dl4i{ height:3.2rem; } }

.Polaris-Navigation__SecondaryAction_1dl4i:hover, .Polaris-Navigation__SecondaryAction_1dl4i:focus, .Polaris-Navigation__SecondaryAction_1dl4i:active{ background:var(--p-background-hovered, linear-gradient(rgba(223, 227, 232, 0.3), rgba(223, 227, 232, 0.3))); }

.Polaris-Navigation__SecondaryAction_1dl4i:hover svg, .Polaris-Navigation__SecondaryAction_1dl4i:focus svg, .Polaris-Navigation__SecondaryAction_1dl4i:active svg{ fill:var(--p-icon-hovered, #5c6ac4); color:var(--p-override-transparent, white); }

.Polaris-Navigation__SecondaryAction_1dl4i:hover img, .Polaris-Navigation__SecondaryAction_1dl4i:focus img, .Polaris-Navigation__SecondaryAction_1dl4i:active img{ filter:brightness(0) saturate(100%) invert(45%) sepia(17%) saturate(1966%) hue-rotate(194deg) brightness(88%) contrast(84%); }

@media (-ms-high-contrast: active){ .Polaris-Navigation__Navigation--newDesignLanguage_68mzh .Polaris-Navigation__SecondaryAction_1dl4i:hover svg, .Polaris-Navigation__Navigation--newDesignLanguage_68mzh .Polaris-Navigation__SecondaryAction_1dl4i:focus svg, .Polaris-Navigation__Navigation--newDesignLanguage_68mzh .Polaris-Navigation__SecondaryAction_1dl4i:active svg{ fill:white; }
  .Polaris-Navigation__Navigation--newDesignLanguage_68mzh .Polaris-Navigation__SecondaryAction_1dl4i:hover img, .Polaris-Navigation__Navigation--newDesignLanguage_68mzh .Polaris-Navigation__SecondaryAction_1dl4i:focus img, .Polaris-Navigation__Navigation--newDesignLanguage_68mzh .Polaris-Navigation__SecondaryAction_1dl4i:active img{ filter:brightness(0) saturate(100%) invert(100%); } }

.Polaris-Navigation__SecondaryAction_1dl4i::after{ content:var(--p-non-null-content, none); position:absolute; z-index:1; top:-0.1rem; right:-0.1rem; bottom:-0.1rem; left:-0.1rem; display:block; pointer-events:none; box-shadow:0 0 0 -0.1rem var(--p-focused); transition:box-shadow 100ms var(--p-ease); border-radius:calc(var(--p-border-radius-base) + 0.1rem); }

.Polaris-Navigation__SecondaryAction_1dl4i:focus::after{ box-shadow:0 0 0 0.2rem var(--p-focused); }

@media (-ms-high-contrast: active){ .Polaris-Navigation__SecondaryAction_1dl4i:focus::after{ outline:1px solid windowText; } }

.Polaris-Navigation__SecondaryAction_1dl4i:active::after{ content:none; }

.Polaris-Navigation__Navigation--newDesignLanguage_68mzh .Polaris-Navigation__SecondaryAction_1dl4i:active{ background:var(--p-background-pressed); }

.Polaris-Navigation__Navigation--newDesignLanguage_68mzh .Polaris-Navigation__SecondaryAction_1dl4i:active svg{ fill:var(--p-icon-pressed); }

.Polaris-Navigation__SecondaryAction_1dl4i:focus, .Polaris-Navigation__SecondaryAction_1dl4i:active{ outline:none; }

.Polaris-Navigation__SecondaryNavigation_na5at{ flex-basis:100%; margin-bottom:0.8rem; margin-left:4rem; overflow-x:var(--p-override-visible, hidden); }

.Polaris-Navigation__Navigation--newDesignLanguage_68mzh .Polaris-Navigation__SecondaryNavigation_na5at{ margin-left:0; }

@media (min-width: 48.0625em){ .Polaris-Navigation__SecondaryNavigation_na5at{ margin-left:3.6rem; } }

.Polaris-Navigation__SecondaryNavigation_na5at .Polaris-Navigation__List_yj3nl{ margin:0; padding:0; list-style:none; }

.Polaris-Navigation__SecondaryNavigation_na5at .Polaris-Navigation__Item_yiyol{ font-size:1.5rem; font-weight:400; line-height:4rem; color:var(--p-text-subdued, #454f5b); }

.Polaris-Navigation__Navigation--newDesignLanguage_68mzh .Polaris-Navigation__SecondaryNavigation_na5at .Polaris-Navigation__Item_yiyol{ font-weight:500; padding-left:4.8rem; }

@media (min-width: 48.0625em){ .Polaris-Navigation__Navigation--newDesignLanguage_68mzh .Polaris-Navigation__SecondaryNavigation_na5at .Polaris-Navigation__Item_yiyol{ font-size:1.4rem; } }

.Polaris-Navigation__Navigation--newDesignLanguage_68mzh .Polaris-Navigation__SecondaryNavigation_na5at .Polaris-Navigation__Item_yiyol.Polaris-Navigation--keyFocused_1aqee::after{ box-shadow:0 0 0 0.2rem var(--p-focused); }

@media (-ms-high-contrast: active){ .Polaris-Navigation__Navigation--newDesignLanguage_68mzh .Polaris-Navigation__SecondaryNavigation_na5at .Polaris-Navigation__Item_yiyol.Polaris-Navigation--keyFocused_1aqee::after{ outline:1px solid windowText; } }

.Polaris-Navigation__SecondaryNavigation_na5at .Polaris-Navigation__Item_yiyol:hover, .Polaris-Navigation__SecondaryNavigation_na5at .Polaris-Navigation__Item_yiyol:focus{ color:var(--p-text-subdued, #202e78); }

.Polaris-Navigation__SecondaryNavigation_na5at .Polaris-Navigation__Item_yiyol.Polaris-Navigation--keyFocused_1aqee{ color:var(--p-text, #202e78); }

.Polaris-Navigation__SecondaryNavigation_na5at .Polaris-Navigation__Item_yiyol:active::after, .Polaris-Navigation__SecondaryNavigation_na5at .Polaris-Navigation__Item_yiyol:active:hover::after{ content:none; }

.Polaris-Navigation__SecondaryNavigation_na5at .Polaris-Navigation__Item_yiyol:active{ color:var(--p-text, #202e78); }

@media (min-width: 48.0625em){ .Polaris-Navigation__SecondaryNavigation_na5at .Polaris-Navigation__Item_yiyol{ font-size:1.4rem; line-height:2.8rem; } }

.Polaris-Navigation__SecondaryNavigation_na5at .Polaris-Navigation__Text_yj3uv{ margin-top:1rem; margin-bottom:1rem; line-height:2rem; }

@media (min-width: 48.0625em){ .Polaris-Navigation__SecondaryNavigation_na5at .Polaris-Navigation__Text_yj3uv{ margin-top:0.4rem; margin-bottom:0.4rem; } }

.Polaris-Navigation__Navigation--newDesignLanguage_68mzh .Polaris-Navigation__SecondaryNavigation_na5at .Polaris-Navigation__Text_yj3uv{ margin-top:0.6rem; margin-bottom:0.6rem; }

.Polaris-Navigation__SecondaryNavigation_na5at .Polaris-Navigation__Item--selected_13f25{ font-weight:600; color:var(--p-action-primary, #202e78); position:relative; }

.Polaris-Navigation__SecondaryNavigation_na5at .Polaris-Navigation__Item--selected_13f25::after{ content:var(--p-non-null-content, none); position:absolute; z-index:1; top:-0.1rem; right:-0.1rem; bottom:-0.1rem; left:-0.1rem; display:block; pointer-events:none; box-shadow:0 0 0 -0.1rem var(--p-focused); transition:box-shadow 100ms var(--p-ease); border-radius:calc(var(--p-border-radius-base) + 0.1rem); }

.Polaris-Navigation__SecondaryNavigation_na5at .Polaris-Navigation__Item--selected_13f25:hover{ color:var(--p-action-primary-hovered, #202e78); }

.Polaris-Navigation__SecondaryNavigation_na5at .Polaris-Navigation__Item--selected_13f25.Polaris-Navigation--keyFocused_1aqee{ color:var(--p-action-primary, #202e78); }

.Polaris-Navigation__SecondaryNavigation_na5at .Polaris-Navigation__Item--selected_13f25:active{ color:var(--p-action-primary-pressed, #202e78); }

.Polaris-Navigation__SecondaryNavigation_na5at .Polaris-Navigation__Item--selected_13f25:active::after{ content:none; }

.Polaris-Navigation__SecondaryNavigation_na5at .Polaris-Navigation__Item--disabled_1is1z{ font-weight:400; color:var(--p-text-disabled, #919eab); }

.Polaris-Navigation__SecondaryNavigation--noIcon_ltg5q{ margin-left:1.6rem; }

.Polaris-Navigation__Section_1b1h1{ margin:0; padding:0; list-style:none; flex:0 0 auto; padding:1.6rem 0; padding-left:0px; padding-left:calc(0px + constant(safe-area-inset-left)); padding-left:calc(0px + env(safe-area-inset-left)); }

.Polaris-Navigation__Navigation--newDesignLanguage_68mzh .Polaris-Navigation__Section_1b1h1{ padding-top:0; }

.Polaris-Navigation__Section_1b1h1 + .Polaris-Navigation__Section_1b1h1{ padding-top:0.4rem; padding-bottom:1.6rem; }

.Polaris-Navigation__Section--fill_kzgyz{ flex:1 0 auto; }

.Polaris-Navigation__Section--withSeparator_3lzp0{ border-top:0.1rem solid var(--p-divider, #dfe3e8); }

.Polaris-Navigation__SectionHeading_1h851{ font-size:1.3rem; font-weight:600; line-height:1.6rem; text-transform:uppercase; display:flex; align-items:center; padding-left:1.6rem; }

@media (min-width: 40em){ .Polaris-Navigation__SectionHeading_1h851{ font-size:1.2rem; } }

.Polaris-Navigation__SectionHeading_1h851 .Polaris-Navigation__Text_yj3uv{ font-size:1.3rem; color:var(--p-text-subdued, #637381); }

@media (min-width: 40em){ .Polaris-Navigation__SectionHeading_1h851 .Polaris-Navigation__Text_yj3uv{ font-size:1.2rem; } }

.Polaris-Navigation__SectionHeading_1h851 .Polaris-Navigation__Action_r96cs{ -webkit-appearance:none; -moz-appearance:none; appearance:none; margin:0; padding:0; background:none; border:none; font-size:inherit; line-height:inherit; cursor:pointer; display:flex; align-items:center; margin-right:0.4rem; padding:0.4rem 1.6rem; border-radius:var(--p-border-radius-base, 3px); position:relative; }

.Polaris-Navigation__SectionHeading_1h851 .Polaris-Navigation__Action_r96cs:focus{ outline:none; }

.Polaris-Navigation__SectionHeading_1h851 .Polaris-Navigation__Action_r96cs svg{ fill:var(--p-icon, #919eab); color:var(--p-override-transparent, white); }

.Polaris-Navigation__SectionHeading_1h851 .Polaris-Navigation__Action_r96cs::after{ content:var(--p-non-null-content, none); position:absolute; z-index:1; top:-0.1rem; right:-0.1rem; bottom:-0.1rem; left:-0.1rem; display:block; pointer-events:none; box-shadow:0 0 0 -0.1rem var(--p-focused); transition:box-shadow 100ms var(--p-ease); border-radius:calc(var(--p-border-radius-base) + 0.1rem); }

.Polaris-Navigation__SectionHeading_1h851 .Polaris-Navigation__Action_r96cs:hover, .Polaris-Navigation__SectionHeading_1h851 .Polaris-Navigation__Action_r96cs:focus{ background:var(--p-background-hovered, linear-gradient(rgba(223, 227, 232, 0.3), rgba(223, 227, 232, 0.3))); }

.Polaris-Navigation__SectionHeading_1h851 .Polaris-Navigation__Action_r96cs:hover svg, .Polaris-Navigation__SectionHeading_1h851 .Polaris-Navigation__Action_r96cs:focus svg{ fill:var(--p-icon-hovered, #5c6ac4); color:var(--p-override-transparent, white); }

@media (-ms-high-contrast: active){ .Polaris-Navigation__SectionHeading_1h851 .Polaris-Navigation__Action_r96cs:hover svg, .Polaris-Navigation__SectionHeading_1h851 .Polaris-Navigation__Action_r96cs:focus svg{ fill:white; }
  .Polaris-Navigation__SectionHeading_1h851 .Polaris-Navigation__Action_r96cs:hover img, .Polaris-Navigation__SectionHeading_1h851 .Polaris-Navigation__Action_r96cs:focus img{ filter:brightness(0) saturate(100%) invert(100%); } }

.Polaris-Navigation__Navigation--newDesignLanguage_68mzh .Polaris-Navigation__SectionHeading_1h851 .Polaris-Navigation__Action_r96cs:hover img{ filter:brightness(0) saturate(100%) invert(20%) sepia(59%) saturate(5557%) hue-rotate(162deg) brightness(95%) contrast(101%); }

.Polaris-Navigation__SectionHeading_1h851 .Polaris-Navigation__Action_r96cs:focus::after{ box-shadow:0 0 0 0.2rem var(--p-focused); }

@media (-ms-high-contrast: active){ .Polaris-Navigation__SectionHeading_1h851 .Polaris-Navigation__Action_r96cs:focus::after{ outline:1px solid windowText; } }

.Polaris-Navigation__SectionHeading_1h851 .Polaris-Navigation__Action_r96cs:focus:hover svg{ fill:var(--p-icon-hovered, #5c6ac4); color:var(--p-override-transparent, white); }

.Polaris-Navigation__SectionHeading_1h851 .Polaris-Navigation__Action_r96cs:active, .Polaris-Navigation__SectionHeading_1h851 .Polaris-Navigation__Action_r96cs:active:hover{ background:var(--p-background-pressed, linear-gradient(rgba(223, 227, 232, 0.3), rgba(223, 227, 232, 0.3))); }

.Polaris-Navigation__SectionHeading_1h851 .Polaris-Navigation__Action_r96cs:active svg, .Polaris-Navigation__SectionHeading_1h851 .Polaris-Navigation__Action_r96cs:active:hover svg{ fill:var(--p-icon-pressed, #5c6ac4); color:var(--p-override-transparent, white); }

.Polaris-Navigation__SectionHeading_1h851 .Polaris-Navigation__Action_r96cs:active::after, .Polaris-Navigation__SectionHeading_1h851 .Polaris-Navigation__Action_r96cs:active:hover::after{ content:none; }

.Polaris-Navigation__SectionHeading_1h851 .Polaris-Navigation__Action_r96cs:focus, .Polaris-Navigation__SectionHeading_1h851 .Polaris-Navigation__Action_r96cs:active{ outline:none; }

.Polaris-Navigation__RollupToggle_ccwyq{ font-weight:400; color:var(--p-text, #212b36); color:var(--p-text-subdued, #637381); }

.Polaris-Navigation__RollupToggle_ccwyq:hover{ color:var(--p-action-primary, #5c6ac4); }

.Polaris-Navigation__RollupToggle_ccwyq:hover svg{ fill:var(--p-action-primary, #5c6ac4); }

.Polaris-Navigation__RollupToggle_ccwyq:hover img{ filter:brightness(0) saturate(100%) invert(45%) sepia(17%) saturate(1966%) hue-rotate(194deg) brightness(88%) contrast(84%); }

.Polaris-Navigation__Navigation--newDesignLanguage_68mzh .Polaris-Navigation__RollupToggle_ccwyq:hover img{ filter:brightness(0) saturate(100%) invert(20%) sepia(59%) saturate(5557%) hue-rotate(162deg) brightness(95%) contrast(101%); }

.Polaris-Navigation__RollupToggle_ccwyq:focus{ outline:none; }

.Polaris-Navigation__RollupToggle_ccwyq:focus::after{ box-shadow:0 0 0 0.2rem var(--p-focused); }

@media (-ms-high-contrast: active){ .Polaris-Navigation__RollupToggle_ccwyq:focus::after{ outline:1px solid windowText; } }

.Polaris-Navigation__List_yj3nl{ margin:0; padding:0; list-style:none; }

.Polaris-Navigation__Indicator_dw7mr{ position:relative; display:inline-block; height:1rem; width:1rem; }