/* Authenticated sidebar access to Plans, FAQ and Contact. */
#app.app:not(.hidden) .sidebar .sidebar-quick-links{
  position:relative;
  display:grid;
  order:102;
  grid-template-columns:repeat(3,1fr);
  grid-template-rows:18px 32px;
  gap:2px;
  width:100%;
  padding:2px 1px 0;
}

#app.app:not(.hidden) .sidebar .sidebar-quick-links::before{
  content:"";
  grid-column:1 / -1;
  grid-row:1;
  display:grid;
  place-items:center;
  min-width:0;
  color:#dfe7e2;
  font-size:10px;
  font-weight:700;
  line-height:1;
  white-space:nowrap;
  opacity:0;
  transition:opacity .14s ease;
}

#app.app:not(.hidden) .sidebar .sidebar-quick-links:has([data-resource="contact"]:is(:hover,:focus-visible))::before{content:"Support";opacity:1}
#app.app:not(.hidden) .sidebar .sidebar-quick-links:has([data-resource="faq"]:is(:hover,:focus-visible))::before{content:"FAQ";opacity:1}
#app.app:not(.hidden) .sidebar .sidebar-quick-links:has([data-resource="plans"]:is(:hover,:focus-visible))::before{content:"Plans & Pricing";opacity:1}
}

#app.app:not(.hidden) .sidebar .sidebar-quick-links [role="button"]{
  position:relative;
  grid-row:2;
  display:inline-grid;
  place-items:center;
  width:100%;
  min-width:0;
  height:32px!important;
  min-height:32px!important;
  flex:0 0 32px!important;
  padding:0!important;
  border:0!important;
  border-radius:6px!important;
  background:transparent!important;
  color:#cbd5cf;
  box-shadow:none!important;
  cursor:pointer;
  transition:color .16s ease,transform .16s ease;
}

#app.app:not(.hidden) .sidebar .sidebar-quick-links [role="button"] .ph{
  font-size:18px;
  line-height:1;
}

#app.app:not(.hidden) .sidebar .sidebar-quick-links [role="button"]:hover{
  border:0!important;
  background:transparent!important;
  color:#62dc79;
  transform:translateY(-1px);
}

html[data-theme="dark"] body #app.app:not(.hidden) .sidebar .nav .sidebar-quick-links [role="button"]:hover,
html[data-theme="light"] body #app.app:not(.hidden) .sidebar .nav .sidebar-quick-links [role="button"]:hover{
  border:0!important;
  border-left:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

#app.app:not(.hidden) .sidebar .sidebar-quick-links [role="button"].is-active{
  border:0!important;
  background:transparent!important;
  color:#62dc79;
  box-shadow:none!important;
}

#app.app:not(.hidden) .sidebar .sidebar-quick-links [role="button"]:focus-visible{
  outline:2px solid rgba(67,201,91,.72)!important;
  outline-offset:2px;
  color:#62dc79;
}

#app.app:not(.hidden) .sidebar .sidebar-quick-links [role="button"]::after{
  display:none!important;
}

html[data-theme="light"] #app.app:not(.hidden) .sidebar .sidebar-quick-links [role="button"]{
  border:0!important;
  background:transparent!important;
  color:#52677a;
}

html[data-theme="light"] #app.app:not(.hidden) .sidebar .sidebar-quick-links [role="button"]:hover,
html[data-theme="light"] #app.app:not(.hidden) .sidebar .sidebar-quick-links [role="button"]:focus-visible{
  border:0!important;
  background:transparent!important;
  color:#2563eb;
}

html[data-theme="light"] #app.app:not(.hidden) .sidebar .sidebar-quick-links [role="button"].is-active{
  border:0!important;
  background:transparent!important;
  color:#2563eb;
  box-shadow:none!important;
}

html[data-theme="light"] #app.app:not(.hidden) .sidebar .sidebar-quick-links::before{color:#334e73}

@media(max-width:800px){
  #app.app:not(.hidden) .sidebar .sidebar-quick-links{grid-template-rows:17px 30px;padding-inline:0;gap:1px}
  #app.app:not(.hidden) .sidebar .sidebar-quick-links [role="button"]{height:30px;min-height:30px!important;border-radius:7px!important}
  #app.app:not(.hidden) .sidebar .sidebar-quick-links [role="button"] .ph{font-size:16px}
}

#app.app:not(.hidden) .sidebar[lang="az"] .sidebar-quick-links:has([data-resource="contact"]:is(:hover,:focus-visible))::before{content:"Dəstək"}
#app.app:not(.hidden) .sidebar[lang="az"] .sidebar-quick-links:has([data-resource="faq"]:is(:hover,:focus-visible))::before{content:"Tez-tez verilən suallar"}
#app.app:not(.hidden) .sidebar[lang="az"] .sidebar-quick-links:has([data-resource="plans"]:is(:hover,:focus-visible))::before{content:"Planlar və qiymətlər"}