/* Styzen portals — single theme icon normalization r93 */

/* Theme toggle: the button itself has zero font-size so any legacy raw moon text is invisible. */
html[data-portal] .theme-toggle{
  min-width:132px!important;
  height:46px!important;
  display:inline-grid!important;
  grid-template-columns:18px max-content!important;
  grid-auto-flow:column!important;
  align-items:center!important;
  justify-content:center!important;
  column-gap:9px!important;
  row-gap:0!important;
  padding:0 14px!important;
  box-sizing:border-box!important;
  border-radius:11px!important;
  line-height:1!important;
  font-size:0!important;
  font-weight:800!important;
  white-space:nowrap!important;
  text-align:center!important;
  vertical-align:middle!important;
}

/* Only the normalized label receives a visible font size. */
html[data-portal] .theme-toggle>span[data-r85-theme-label]{
  position:static!important;
  inset:auto!important;
  display:block!important;
  width:auto!important;
  height:auto!important;
  align-self:center!important;
  justify-self:start!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
  clip:auto!important;
  clip-path:none!important;
  color:inherit!important;
  font-size:.8rem!important;
  font-weight:800!important;
  line-height:1!important;
  white-space:nowrap!important;
  transform:none!important;
}

/* The only icon that is allowed to render is this pseudo-element. */
html[data-portal] .theme-toggle::before{
  content:""!important;
  position:static!important;
  inset:auto!important;
  top:auto!important;
  right:auto!important;
  bottom:auto!important;
  left:auto!important;
  display:block!important;
  width:18px!important;
  height:18px!important;
  min-width:18px!important;
  max-width:18px!important;
  min-height:18px!important;
  max-height:18px!important;
  align-self:center!important;
  justify-self:center!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:currentColor!important;
  box-shadow:none!important;
  transform:none!important;
  translate:none!important;
  pointer-events:none!important;
  -webkit-mask-repeat:no-repeat!important;
  -webkit-mask-position:center!important;
  -webkit-mask-size:18px 18px!important;
  mask-repeat:no-repeat!important;
  mask-position:center!important;
  mask-size:18px 18px!important;
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M20.4 15.5A8.6 8.6 0 0 1 8.5 3.6a8.7 8.7 0 1 0 11.9 11.9Z'/%3E%3C/svg%3E")!important;
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M20.4 15.5A8.6 8.6 0 0 1 8.5 3.6a8.7 8.7 0 1 0 11.9 11.9Z'/%3E%3C/svg%3E")!important;
}
html[data-theme="light"][data-portal] .theme-toggle::before{
  width:18px!important;
  height:18px!important;
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='4' fill='black'/%3E%3Cpath stroke='black' stroke-width='2' stroke-linecap='round' d='M12 2v2m0 16v2M4.93 4.93l1.41 1.41m11.32 11.32 1.41 1.41M2 12h2m16 0h2M4.93 19.07l1.41-1.41M17.66 6.34l1.41-1.41'/%3E%3C/svg%3E")!important;
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='4' fill='black'/%3E%3Cpath stroke='black' stroke-width='2' stroke-linecap='round' d='M12 2v2m0 16v2M4.93 4.93l1.41 1.41m11.32 11.32 1.41 1.41M2 12h2m16 0h2M4.93 19.07l1.41-1.41M17.66 6.34l1.41-1.41'/%3E%3C/svg%3E")!important;
}

/* Kill every known legacy icon source, including after-pseudos and raw icon elements. */
html[data-portal] .theme-toggle::after{
  content:none!important;
  display:none!important;
}
html[data-portal] .theme-toggle svg,
html[data-portal] .theme-toggle .theme-icon,
html[data-portal] .theme-toggle .r68-theme-icon,
html[data-portal] .theme-toggle [aria-hidden="true"]{
  display:none!important;
}

/* Account actions must never wrap into multiple lines. */
html[data-portal] .account-link{
  display:inline-flex!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  justify-content:center!important;
  box-sizing:border-box!important;
  line-height:1!important;
  white-space:nowrap!important;
  text-align:center!important;
}

/* Drawer: only the internal close button is visible while open. */
html[data-portal] .r68-menu-close{
  appearance:none!important;
  -webkit-appearance:none!important;
  width:44px!important;
  height:44px!important;
  padding:0!important;
  border:1px solid var(--line-strong,rgba(255,255,255,.18))!important;
  border-radius:11px!important;
  background:var(--surface-2,#0f2d53)!important;
  color:var(--ink,#f5f8ff)!important;
  box-shadow:none!important;
  filter:none!important;
  outline:0!important;
  isolation:isolate!important;
}
html[data-portal] .r68-menu-close *{display:none!important}
html[data-portal] .r68-menu-close::before,
html[data-portal] .r68-menu-close::after{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:21px!important;
  height:2px!important;
  margin:0!important;
  border-radius:999px!important;
  background:currentColor!important;
  transform-origin:center!important;
}
html[data-portal] .r68-menu-close::before{transform:translate(-50%,-50%) rotate(45deg)!important}
html[data-portal] .r68-menu-close::after{transform:translate(-50%,-50%) rotate(-45deg)!important}

@media(max-width:900px){
  html[data-portal] .top-main{grid-template-columns:auto 44px!important;gap:12px!important}
  html[data-portal] .menu-toggle{
    width:44px!important;
    height:44px!important;
    border-radius:11px!important;
    box-shadow:none!important;
  }
  html[data-portal] body.r68-menu-open .menu-toggle{
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }
  html[data-portal] .top-navigation{
    width:min(92vw,390px)!important;
    max-width:390px!important;
    padding:76px 18px max(20px,env(safe-area-inset-bottom))!important;
    gap:14px!important;
  }
  html[data-portal] .r68-menu-close{right:16px!important;top:14px!important}
  html[data-portal] .primary-menu>a,
  html[data-portal] .nav-dropdown__trigger{
    min-height:50px!important;
    padding:11px 10px!important;
  }
  html[data-portal] .top-tools{gap:9px!important;padding-top:12px!important}
  html[data-portal] .theme-toggle,
  html[data-portal] .account-link{
    height:46px!important;
    min-height:46px!important;
    line-height:1!important;
    white-space:nowrap!important;
  }
}

@media(max-width:580px){
  html[data-portal] .top-navigation{
    width:calc(100vw - 18px)!important;
    max-width:calc(100vw - 18px)!important;
  }
  html[data-portal] .theme-toggle{
    grid-template-columns:17px max-content!important;
    column-gap:8px!important;
    min-width:0!important;
    padding:0 12px!important;
    font-size:0!important;
  }
  html[data-portal] .theme-toggle>span[data-r85-theme-label]{
    font-size:.76rem!important;
  }
  html[data-portal] .theme-toggle::before{
    width:17px!important;
    height:17px!important;
    min-width:17px!important;
    max-width:17px!important;
    min-height:17px!important;
    max-height:17px!important;
    -webkit-mask-size:17px 17px!important;
    mask-size:17px 17px!important;
  }
}