/* Presentation only: preserve each account menu's existing dimensions, order and breakpoints. */
/* Important skin colours live in a layer so the global night palette cannot flatten the card. */
@layer sv-account-sidebar-theme {
body aside.sv-account-sidebar-skin {
  --sv-account-menu-ink:#d9e1f0;
  --sv-account-menu-muted:#bdc9e2;
  --sv-account-menu-line:rgb(196 208 245 / 17%);
  color:var(--sv-account-menu-ink)!important;
  border-color:#24334e!important;
  border-radius:8px;
  background:linear-gradient(155deg,#0b152b 25%,#141d3b 63%,#29143a)!important;
  box-shadow:0 6px 20px rgb(29 45 82 / 17%)!important;
}
body aside.sv-account-sidebar-skin>header {
  position:relative;
  isolation:isolate;
  overflow:hidden;
  color:#fff!important;
  border-color:rgb(162 160 233 / 18%)!important;
  background:radial-gradient(ellipse at 110% 115%,#f74289 0,transparent 35%),radial-gradient(ellipse at 100% 10%,#6f09bc 0,transparent 59%),linear-gradient(135deg,#0e1c36,#18133b)!important;
}
body aside.sv-account-sidebar-skin>header:after {
  position:absolute;
  z-index:-1;
  inset:-40px -70px 15px 30px;
  border:1px solid rgb(223 111 255 / 20%);
  border-radius:50%;
  transform:rotate(-25deg);
  content:'';
  pointer-events:none;
}
body aside.sv-account-sidebar-skin>header :is(h1,h2,h3,strong) { color:#fff!important; }
body aside.sv-account-sidebar-skin>header :is(p,small) { color:#d3d5ed!important; }
body aside.sv-account-sidebar-skin>header img {
  border-radius:50%;
  box-shadow:0 0 0 2px #9da6df,0 0 0 5px rgb(7 11 36 / 30%);
}
body aside.sv-account-sidebar-skin>header>span:has(>.sv-icon) {
  color:#e8edff!important;
  background:rgb(132 148 213 / 18%)!important;
  box-shadow:inset 0 0 0 1px rgb(206 210 255 / 24%);
}
body aside.sv-account-sidebar-skin>header .sv-icon { color:#e6eaff!important; }
body aside.sv-account-sidebar-skin>nav,
body aside.sv-account-sidebar-skin>section {
  border-color:var(--sv-account-menu-line)!important;
  background:transparent!important;
}
body aside.sv-account-sidebar-skin>h2 {
  border-color:var(--sv-account-menu-line)!important;
  color:#f0f3ff!important;
  background:transparent!important;
}
body aside.sv-account-sidebar-skin nav :is(a,button) {
  color:var(--sv-account-menu-ink)!important;
  border-color:var(--sv-account-menu-line)!important;
  background:transparent!important;
  text-decoration:none;
  transition:background .15s,color .15s,box-shadow .15s;
}
body aside.sv-account-sidebar-skin nav :is(a,button)>span { color:inherit!important; }
body aside.sv-account-sidebar-skin nav :is(a,button) .sv-icon { color:#cad2e1!important; }
body aside.sv-account-sidebar-skin nav :is(a,button):hover {
  color:#fff!important;
  background:rgb(255 255 255 / 7%)!important;
}
body aside.sv-account-sidebar-skin nav :is(a,button):hover .sv-icon { color:#fff!important; }
body aside.sv-account-sidebar-skin nav :is(a,button).active,
body aside.sv-account-sidebar-skin nav :is(a,button).is-active,
body aside.sv-account-sidebar-skin nav :is(a,button)[aria-current='page'] {
  color:#fff!important;
  border-color:transparent!important;
  border-radius:5px;
  background:linear-gradient(105deg,#ff9518,#ff3d59 55%,#ac19e3)!important;
  box-shadow:inset 0 0 0 1px rgb(255 255 255 / 27%),0 3px 12px rgb(235 29 141 / 20%);
}
body aside.sv-account-sidebar-skin nav :is(a,button):is(.active,.is-active,[aria-current='page']) .sv-icon { color:#fff!important; }
body aside.sv-account-sidebar-skin nav :is(a,button):is(.active,.is-active,[aria-current='page']):before { background:transparent!important; }
body aside.sv-account-sidebar-skin nav.sv-account-sidebar-submenu {
  border-color:var(--sv-account-menu-line)!important;
}
body aside.sv-account-sidebar-skin nav.sv-account-sidebar-submenu :is(a,button):is(.active,.is-active,[aria-current='page']) {
  color:#fff!important;
  border-color:transparent!important;
  background:rgb(189 204 243 / 12%)!important;
  box-shadow:none;
}
body aside.sv-account-sidebar-skin nav a.danger,
body aside.sv-account-sidebar-skin nav a.danger .sv-icon { color:#ff3c66!important; }
body aside.sv-account-sidebar-skin nav a.danger.active,
body aside.sv-account-sidebar-skin nav a.danger.active .sv-icon { color:#fff!important; }
body aside.sv-account-sidebar-skin nav a.danger:hover { background:rgb(255 60 102 / 9%)!important; }
body aside.sv-account-sidebar-skin :is(a,button):focus-visible {
  outline:2px solid #92baff;
  outline-offset:-3px;
}
body aside.sv-account-sidebar-skin .svmh-nav-help{color:#d9e1f0!important;border-color:#2c416c!important;background:linear-gradient(130deg,#1c2f57,#122441 65%,#2e1742)!important}
body aside.sv-account-sidebar-skin .svmh-nav-help :is(strong,p){color:#e4eafb!important}
@media(prefers-reduced-motion:reduce){body aside.sv-account-sidebar-skin nav :is(a,button){transition:none}}
}