.llogarites-top-header{
  --top-header-height:64px;
  --top-header-safe-top:env(safe-area-inset-top, 0px);
  --top-header-safe-height:calc(var(--top-header-height) + var(--top-header-safe-top));
  --top-header-side:48px;
  --top-header-icon:28px;
  --top-header-pad-x:max(18px, env(safe-area-inset-left));
  --top-header-pad-right:max(18px, env(safe-area-inset-right));
  --top-header-gap:8px;
  box-sizing:border-box !important;
  display:grid !important;
  grid-template-columns:var(--top-header-side) minmax(0, 1fr) var(--top-header-side) !important;
  align-items:center !important;
  gap:var(--top-header-gap) !important;
  width:100vw !important;
  max-width:100vw !important;
  min-height:var(--top-header-safe-height) !important;
  height:var(--top-header-safe-height) !important;
  padding:calc(var(--top-header-safe-top) + 8px) var(--top-header-pad-right) 8px var(--top-header-pad-x) !important;
  background-color:rgba(101,18,112,0.48) !important;
  background-image:
    linear-gradient(180deg, rgba(255,255,255,0.16) 0%, rgba(255,255,255,0.030) 42%, rgba(16,8,58,0.24) 100%),
    linear-gradient(90deg, rgba(255,128,66,0.52) 0%, rgba(255,72,75,0.18) 16%, rgba(255,72,75,0) 36%),
    linear-gradient(90deg, rgba(255,72,75,0.76) 0%, rgba(255,22,92,0.74) 23%, rgba(232,16,111,0.70) 44%, rgba(188,24,123,0.66) 63%, rgba(132,27,128,0.64) 83%, rgba(47,38,142,0.68) 100%),
    linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 92%, rgba(38,55,164,0.26) 100%) !important;
  background-size:100% 100% !important;
  background-position:center !important;
  border:0 !important;
  border-bottom:0.5px solid rgba(255,255,255,0.20) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.30),
    inset 0 -1px 0 rgba(255,255,255,0.11),
    inset 0 -26px 44px rgba(17,6,58,0.24),
    0 16px 38px rgba(25,4,46,0.24) !important;
  -webkit-backdrop-filter:saturate(205%) contrast(112%) brightness(92%) blur(30px) !important;
  backdrop-filter:saturate(205%) contrast(112%) brightness(92%) blur(30px) !important;
  color:#fff !important;
  contain:layout paint !important;
  isolation:isolate !important;
  overflow:hidden !important;
  will-change:backdrop-filter !important;
}.mobile-top-shell .llogarites-top-header{
  position:fixed !important;
  top:0 !important;
  left:0 !important;
  right:0 !important;
  z-index:2140 !important;
}

.mobile-top-shell .llogarites-top-header__refresh-btn{
  position:fixed !important;
  top:calc(var(--top-header-safe-top) + 8px) !important;
  right:var(--top-header-pad-right) !important;
  z-index:2142 !important;
}

.llogarites-top-header::before,
.llogarites-top-header::after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  display:block !important;
  pointer-events:none !important;
  transform:none !important;
  animation:none !important;
}

.llogarites-top-header::before{
  z-index:0 !important;
  opacity:0.24 !important;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='72' viewBox='0 0 120 72'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.18' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.56 0 0 0 0 0.56 0 0 0 0 0.56 0 0 0 0.82 0'/%3E%3C/filter%3E%3Crect width='120' height='72' filter='url(%23n)' opacity='0.72'/%3E%3C/svg%3E") !important;
  background-size:120px 72px !important;
  mix-blend-mode:overlay !important;
}

.llogarites-top-header::after{
  z-index:1 !important;
  opacity:0.78 !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.19) 0%, rgba(255,255,255,0.038) 34%, rgba(10,8,46,0.30) 100%),
    linear-gradient(90deg, rgba(255,177,78,0.10) 0%, rgba(255,255,255,0.018) 28%, rgba(28,36,132,0.24) 100%) !important;
  mix-blend-mode:soft-light !important;
}

.llogarites-top-header > *{
  position:relative !important;
  z-index:2 !important;
}

.llogarites-top-header__icon-btn{
  appearance:none !important;
  border:0 !important;
  color:#fff !important;
  width:var(--top-header-side) !important;
  min-width:var(--top-header-side) !important;
  height:var(--top-header-side) !important;
  min-height:var(--top-header-side) !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:999px !important;
  padding:0 !important;
  margin:0 !important;
  font-size:0 !important;
  line-height:0 !important;
  box-shadow:none !important;
  cursor:pointer !important;
  -webkit-tap-highlight-color:transparent;
  touch-action:manipulation !important;
}

.llogarites-top-header__menu-btn{
  grid-column:1 !important;
  justify-self:start !important;
  background:transparent !important;
  -webkit-backdrop-filter:none !important;
  backdrop-filter:none !important;
  box-shadow:none !important;
}

.llogarites-top-header__refresh-btn{
  grid-column:3 !important;
  justify-self:end !important;
  display:inline-flex !important;
  visibility:visible !important;
  opacity:1 !important;
  background:transparent !important;
}

.llogarites-top-header__icon-btn:hover,
.llogarites-top-header__icon-btn:active{
  background:rgba(255,255,255,0.14) !important;
}

.llogarites-top-header__icon-btn svg,
.llogarites-top-header__icon-btn i,
.llogarites-top-header__icon-btn [data-lucide]{
  display:block !important;
  width:var(--top-header-icon) !important;
  height:var(--top-header-icon) !important;
  color:currentColor !important;
  stroke:currentColor !important;
  stroke-width:1.85 !important;
  stroke-linecap:round !important;
  stroke-linejoin:round !important;
  flex:0 0 auto !important;
}

.llogarites-top-header__brand{
  grid-column:2 !important;
  appearance:none !important;
  justify-self:center !important;
  min-width:0 !important;
  min-height:var(--top-header-side) !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:0 !important;
  border:0 !important;
  background:transparent !important;
  color:#fff !important;
  font-family:Inter, -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", sans-serif !important;
  font-weight:700 !important;
  letter-spacing:0 !important;
  text-decoration:none !important;
  padding:0 8px !important;
  max-width:calc(100vw - ((var(--top-header-pad-x) + var(--top-header-pad-right)) + (var(--top-header-side) * 2) + 24px)) !important;
  border-radius:999px !important;
  cursor:pointer !important;
  overflow:hidden !important;
  white-space:nowrap !important;
  -webkit-tap-highlight-color:transparent;
  touch-action:manipulation !important;
}

.llogarites-top-header__brand-logo{
  display:block !important;
  width:auto !important;
  max-width:min(260px, 100%) !important;
  height:38px !important;
  max-height:calc(var(--top-header-side) - 8px) !important;
  object-fit:contain !important;
  object-position:center !important;
  filter:drop-shadow(0 1px 1px rgba(0,0,0,0.14)) !important;
}

.llogarites-top-header__icon-btn:focus-visible,
.llogarites-top-header__brand:focus-visible{
  outline:2px solid rgba(255,255,255,0.72) !important;
  outline-offset:2px !important;
}

@media (max-width:420px){
  .llogarites-top-header{
    --top-header-side:48px;
    --top-header-icon:28px;
    --top-header-gap:8px;
    --top-header-pad-x:max(18px, env(safe-area-inset-left));
    --top-header-pad-right:max(18px, env(safe-area-inset-right));
  }

  .llogarites-top-header__brand-logo{
    height:34px !important;
    max-width:min(214px, 100%) !important;
  }
}