/* BEGIN GrantFullen styled topbar rollback v9 */
:root{
  --gf-topbar-height:68px;
  --gf-topbar-accent:#ef233c;
  --gf-topbar-glow:#ff4c62;
  --gf-topbar-metal:#ffffff;
  --gf-topbar-bg:rgba(5,6,10,.92);
  --gf-topbar-panel:rgba(12,14,20,.72);
}

html[data-site-theme="red-chrome"],body[data-site-theme="red-chrome"]{
  --gf-topbar-accent:#ef233c;
  --gf-topbar-glow:#ff4c62;
  --gf-topbar-metal:#ffffff;
  --gf-topbar-bg:rgba(9,4,7,.94);
  --gf-topbar-panel:rgba(24,8,12,.70);
}
html[data-site-theme="blue-tech"],body[data-site-theme="blue-tech"]{
  --gf-topbar-accent:#14b8ff;
  --gf-topbar-glow:#64d9ff;
  --gf-topbar-metal:#e9f8ff;
  --gf-topbar-bg:rgba(4,10,18,.94);
  --gf-topbar-panel:rgba(5,20,32,.72);
}
html[data-site-theme="steel-grey"],body[data-site-theme="steel-grey"]{
  --gf-topbar-accent:#d5d9df;
  --gf-topbar-glow:#ffffff;
  --gf-topbar-metal:#f3f3f4;
  --gf-topbar-bg:rgba(12,13,15,.95);
  --gf-topbar-panel:rgba(24,24,27,.74);
}
html[data-site-theme="cyber-purple"],body[data-site-theme="cyber-purple"]{
  --gf-topbar-accent:#b65cff;
  --gf-topbar-glow:#db9dff;
  --gf-topbar-metal:#f5edff;
  --gf-topbar-bg:rgba(15,7,24,.94);
  --gf-topbar-panel:rgba(28,10,40,.72);
}
html[data-site-theme="matrix-green"],body[data-site-theme="matrix-green"]{
  --gf-topbar-accent:#5cff54;
  --gf-topbar-glow:#b8ff9f;
  --gf-topbar-metal:#e7ffe8;
  --gf-topbar-bg:rgba(2,13,5,.95);
  --gf-topbar-panel:rgba(5,26,8,.74);
}
html[data-site-theme="ice-cyan"],body[data-site-theme="ice-cyan"]{
  --gf-topbar-accent:#65ecff;
  --gf-topbar-glow:#c0f8ff;
  --gf-topbar-metal:#effcff;
  --gf-topbar-bg:rgba(4,16,20,.94);
  --gf-topbar-panel:rgba(5,26,32,.72);
}

body.gf-styled-topbar-enabled{
  padding-top:var(--gf-topbar-height)!important;
}

.gf-original-header-hidden{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  height:0!important;
  min-height:0!important;
  max-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  overflow:hidden!important;
  pointer-events:none!important;
}

#gf-styled-topbar-v9{
  position:fixed!important;
  top:0!important;
  left:0!important;
  right:0!important;
  z-index:2147483000!important;
  min-height:var(--gf-topbar-height)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:8px 12px!important;
  color:var(--gf-topbar-metal)!important;
  background:
    linear-gradient(90deg,rgba(0,0,0,.98),var(--gf-topbar-bg),rgba(0,0,0,.98)),
    linear-gradient(180deg,rgba(255,255,255,.055),rgba(0,0,0,.20))!important;
  border-bottom:1px solid color-mix(in srgb,var(--gf-topbar-accent) 38%,rgba(255,255,255,.16))!important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.045) inset,
    0 12px 30px rgba(0,0,0,.42),
    0 0 30px color-mix(in srgb,var(--gf-topbar-glow) 22%,transparent)!important;
  backdrop-filter:blur(14px)!important;
  box-sizing:border-box!important;
}

#gf-styled-topbar-v9 *{
  box-sizing:border-box!important;
}

.gf-topbar-inner{
  width:min(1500px,100%)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  min-width:0!important;
}

.gf-topbar-brand{
  display:inline-flex!important;
  align-items:center!important;
  gap:9px!important;
  min-width:max-content!important;
  color:var(--gf-topbar-metal)!important;
  text-decoration:none!important;
  text-shadow:0 0 14px color-mix(in srgb,var(--gf-topbar-glow) 42%,transparent)!important;
}

.gf-topbar-badge{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  border-radius:999px!important;
  font-weight:900!important;
  font-size:.78rem!important;
  letter-spacing:.03em!important;
  color:var(--gf-topbar-metal)!important;
  border:1px solid color-mix(in srgb,var(--gf-topbar-accent) 64%,rgba(255,255,255,.22))!important;
  background:
    radial-gradient(circle at 30% 22%,color-mix(in srgb,var(--gf-topbar-glow) 38%,transparent),rgba(0,0,0,.38) 72%),
    rgba(0,0,0,.44)!important;
  box-shadow:
    0 0 20px color-mix(in srgb,var(--gf-topbar-glow) 40%,transparent),
    0 0 0 1px rgba(255,255,255,.09) inset!important;
}

.gf-topbar-brand-text{
  font-weight:850!important;
  font-size:.88rem!important;
  letter-spacing:.07em!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
}

.gf-topbar-menu{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:7px!important;
  flex-wrap:nowrap!important;
  min-width:0!important;
  flex:1 1 auto!important;
}

.gf-topbar-item{
  position:relative!important;
  display:inline-flex!important;
  flex:0 1 auto!important;
  min-width:0!important;
}

.gf-topbar-link,
.gf-topbar-drop-button{
  position:relative!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  min-height:40px!important;
  padding:6px 10px!important;
  color:var(--gf-topbar-metal)!important;
  border:1px solid color-mix(in srgb,var(--gf-topbar-accent) 42%,rgba(255,255,255,.18))!important;
  border-radius:12px!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.015)),
    color-mix(in srgb,var(--gf-topbar-panel) 94%,transparent)!important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.04) inset,
    0 0 12px rgba(0,0,0,.28)!important;
  font:inherit!important;
  font-size:clamp(12px,.86vw,15px)!important;
  line-height:1.05!important;
  white-space:nowrap!important;
  text-decoration:none!important;
  text-shadow:0 0 10px rgba(0,0,0,.72)!important;
  cursor:pointer!important;
  transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,background .16s ease!important;
}

.gf-topbar-link:hover,
.gf-topbar-drop-button:hover,
.gf-topbar-item:hover>.gf-topbar-drop-button{
  transform:translateY(-1px)!important;
  border-color:color-mix(in srgb,var(--gf-topbar-accent) 82%,white 10%)!important;
  box-shadow:
    0 0 20px color-mix(in srgb,var(--gf-topbar-glow) 45%,transparent),
    0 0 0 1px rgba(255,255,255,.06) inset!important;
}

.gf-topbar-link.is-active{
  color:white!important;
  border-color:color-mix(in srgb,var(--gf-topbar-accent) 88%,white 10%)!important;
  background:
    linear-gradient(180deg,color-mix(in srgb,var(--gf-topbar-accent) 50%,rgba(255,255,255,.08)),color-mix(in srgb,var(--gf-topbar-accent) 23%,rgba(0,0,0,.32)))!important;
  box-shadow:
    0 0 26px color-mix(in srgb,var(--gf-topbar-glow) 58%,transparent),
    0 0 0 1px color-mix(in srgb,var(--gf-topbar-accent) 58%,transparent) inset!important;
}

.gf-topbar-icon{
  width:27px!important;
  height:27px!important;
  min-width:27px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  color:var(--gf-topbar-accent)!important;
  border-radius:999px!important;
  border:1px solid color-mix(in srgb,var(--gf-topbar-accent) 65%,rgba(255,255,255,.20))!important;
  background:
    radial-gradient(circle at 32% 24%,color-mix(in srgb,var(--gf-topbar-glow) 30%,transparent),rgba(0,0,0,.34) 68%),
    rgba(0,0,0,.24)!important;
  box-shadow:
    0 0 14px color-mix(in srgb,var(--gf-topbar-glow) 48%,transparent),
    0 0 0 1px rgba(255,255,255,.08) inset!important;
}

.gf-topbar-icon svg{
  width:17px!important;
  height:17px!important;
  display:block!important;
  overflow:visible!important;
  stroke:currentColor!important;
  stroke-width:2.15!important;
  fill:none!important;
  filter:drop-shadow(0 0 5px color-mix(in srgb,var(--gf-topbar-glow) 82%,transparent))!important;
}

.gf-topbar-icon .fill-current{
  fill:currentColor!important;
  stroke:none!important;
}

.gf-topbar-label{
  white-space:nowrap!important;
}

.gf-topbar-caret{
  color:var(--gf-topbar-accent)!important;
  font-size:.72em!important;
  margin-left:1px!important;
}

.gf-topbar-dropdown{
  position:absolute!important;
  top:calc(100% + 8px)!important;
  left:0!important;
  min-width:235px!important;
  display:none!important;
  flex-direction:column!important;
  gap:7px!important;
  padding:10px!important;
  border-radius:15px!important;
  border:1px solid color-mix(in srgb,var(--gf-topbar-accent) 48%,rgba(255,255,255,.15))!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.01)),
    color-mix(in srgb,var(--gf-topbar-bg) 98%,black)!important;
  box-shadow:
    0 20px 36px rgba(0,0,0,.58),
    0 0 26px color-mix(in srgb,var(--gf-topbar-glow) 28%,transparent)!important;
  backdrop-filter:blur(14px)!important;
}

.gf-topbar-item:hover .gf-topbar-dropdown,
.gf-topbar-item.is-open .gf-topbar-dropdown{
  display:flex!important;
}

.gf-topbar-dropdown .gf-topbar-link{
  justify-content:flex-start!important;
  width:100%!important;
}

.gf-topbar-mobile-toggle{
  display:none!important;
  min-height:38px!important;
  padding:7px 10px!important;
  border-radius:12px!important;
  border:1px solid color-mix(in srgb,var(--gf-topbar-accent) 52%,rgba(255,255,255,.18))!important;
  background:rgba(0,0,0,.48)!important;
  color:var(--gf-topbar-metal)!important;
  box-shadow:0 0 18px color-mix(in srgb,var(--gf-topbar-glow) 32%,transparent)!important;
  cursor:pointer!important;
}

/* Automatic fit modes from JS */
#gf-styled-topbar-v9[data-fit="compact"]{
  --gf-topbar-height:62px;
  padding:6px 9px!important;
}
#gf-styled-topbar-v9[data-fit="compact"] .gf-topbar-brand-text{
  font-size:.74rem!important;
  letter-spacing:.04em!important;
}
#gf-styled-topbar-v9[data-fit="compact"] .gf-topbar-badge{
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  font-size:.68rem!important;
}
#gf-styled-topbar-v9[data-fit="compact"] .gf-topbar-menu{
  gap:5px!important;
}
#gf-styled-topbar-v9[data-fit="compact"] .gf-topbar-link,
#gf-styled-topbar-v9[data-fit="compact"] .gf-topbar-drop-button{
  min-height:34px!important;
  padding:4px 7px!important;
  gap:5px!important;
  font-size:12px!important;
}
#gf-styled-topbar-v9[data-fit="compact"] .gf-topbar-icon{
  width:22px!important;
  height:22px!important;
  min-width:22px!important;
}
#gf-styled-topbar-v9[data-fit="compact"] .gf-topbar-icon svg{
  width:14px!important;
  height:14px!important;
}

#gf-styled-topbar-v9[data-fit="tiny"]{
  --gf-topbar-height:58px;
  padding:5px 7px!important;
}
#gf-styled-topbar-v9[data-fit="tiny"] .gf-topbar-brand-text{
  display:none!important;
}
#gf-styled-topbar-v9[data-fit="tiny"] .gf-topbar-menu{
  gap:4px!important;
}
#gf-styled-topbar-v9[data-fit="tiny"] .gf-topbar-link,
#gf-styled-topbar-v9[data-fit="tiny"] .gf-topbar-drop-button{
  min-height:32px!important;
  padding:4px 7px!important;
  gap:4px!important;
  font-size:12px!important;
}
#gf-styled-topbar-v9[data-fit="tiny"] .gf-topbar-icon{
  width:20px!important;
  height:20px!important;
  min-width:20px!important;
}
#gf-styled-topbar-v9[data-fit="tiny"] .gf-topbar-icon svg{
  width:13px!important;
  height:13px!important;
}

#gf-styled-topbar-v9[data-fit="labels-only"]{
  --gf-topbar-height:54px;
  padding:5px 7px!important;
}
#gf-styled-topbar-v9[data-fit="labels-only"] .gf-topbar-brand-text,
#gf-styled-topbar-v9[data-fit="labels-only"] .gf-topbar-icon{
  display:none!important;
}
#gf-styled-topbar-v9[data-fit="labels-only"] .gf-topbar-link,
#gf-styled-topbar-v9[data-fit="labels-only"] .gf-topbar-drop-button{
  min-height:30px!important;
  padding:4px 8px!important;
  font-size:12px!important;
}

#gf-styled-topbar-v9[data-fit="mobile"]{
  --gf-topbar-height:64px;
}
#gf-styled-topbar-v9[data-fit="mobile"] .gf-topbar-brand-text{
  display:none!important;
}
#gf-styled-topbar-v9[data-fit="mobile"] .gf-topbar-mobile-toggle{
  display:inline-flex!important;
}
#gf-styled-topbar-v9[data-fit="mobile"] .gf-topbar-menu{
  display:none!important;
  position:absolute!important;
  top:calc(100% + 8px)!important;
  left:0!important;
  right:0!important;
  flex-direction:column!important;
  align-items:stretch!important;
  gap:7px!important;
  padding:10px!important;
  border-radius:16px!important;
  border:1px solid color-mix(in srgb,var(--gf-topbar-accent) 42%,rgba(255,255,255,.14))!important;
  background:color-mix(in srgb,var(--gf-topbar-bg) 98%,black)!important;
  box-shadow:0 18px 32px rgba(0,0,0,.60)!important;
}
#gf-styled-topbar-v9[data-fit="mobile"].is-open .gf-topbar-menu{
  display:flex!important;
}
#gf-styled-topbar-v9[data-fit="mobile"] .gf-topbar-item{
  display:flex!important;
  flex-direction:column!important;
}
#gf-styled-topbar-v9[data-fit="mobile"] .gf-topbar-link,
#gf-styled-topbar-v9[data-fit="mobile"] .gf-topbar-drop-button{
  justify-content:flex-start!important;
  width:100%!important;
}

@media(max-width:900px){
  #gf-styled-topbar-v9{
    --gf-topbar-height:64px;
    padding:7px 8px!important;
  }
  #gf-styled-topbar-v9 .gf-topbar-brand-text{
    display:none!important;
  }
  #gf-styled-topbar-v9 .gf-topbar-mobile-toggle{
    display:inline-flex!important;
  }
  #gf-styled-topbar-v9 .gf-topbar-menu{
    display:none!important;
    position:absolute!important;
    top:calc(100% + 8px)!important;
    left:0!important;
    right:0!important;
    flex-direction:column!important;
    align-items:stretch!important;
    padding:10px!important;
    border-radius:16px!important;
    background:color-mix(in srgb,var(--gf-topbar-bg) 98%,black)!important;
  }
  #gf-styled-topbar-v9.is-open .gf-topbar-menu{
    display:flex!important;
  }
  #gf-styled-topbar-v9 .gf-topbar-link,
  #gf-styled-topbar-v9 .gf-topbar-drop-button{
    width:100%!important;
    justify-content:flex-start!important;
  }
}

/* END GrantFullen styled topbar rollback v9 */
