.nb-settings-page{height:1160px;min-height:1160px;padding-bottom:0;overflow:hidden}
.nb-settings-page .nb-settings-vi{position:relative;width:24px;height:24px;display:grid;place-items:center;background:transparent}
.nb-settings-page .nb-settings-vi img{position:absolute;inset:0;width:24px;height:24px}
.nb-settings-page .nb-settings-vi b{position:relative;color:#fff;font-size:9px;line-height:1;font-weight:500}
.nb-settings-layout{height:1010px;align-items:stretch}
.nb-settings-sidebar{height:1010px;min-height:1010px}
.nb-settings-page .nb-settings-sidebar .nb-sidebar-nav{transform:translateY(-9px)}
.nb-settings-page .nb-settings-sidebar .nb-sidebar-balance{width:290px;height:154px;transform:translateY(-9px)}
.nb-settings-page .nb-settings-sidebar .nb-sidebar-balance>strong span{display:inline}
.nb-settings-page .nb-settings-sidebar .nb-refill-visual{width:230px;padding-right:0;padding-left:0}
.nb-settings-content{width:730px;height:1010px;padding:30px;border-radius:30px;background:var(--nb-panel)}
.nb-settings-menu{width:670px;height:320px;padding:10px 30px;display:flex;flex-direction:column;border-radius:30px;background:#efeaff}
.nb-settings-menu a{height:60px;flex:0 0 60px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #a07eff;color:#000;font-size:20px;line-height:26px;text-decoration:none}
.nb-settings-menu a:last-child{border-bottom:0}
.nb-settings-menu a img{width:9px;height:15px;object-fit:contain;flex:0 0 auto}
.nb-settings-page a:focus-visible{outline:2px solid var(--nb-peach);outline-offset:3px}
/* source: settings Figma frames 1187:28070 / 1425:57728 / 1425:57944 / 1425:58139 / 1425:58325 have no hover state; use the accepted account-menu hover treatment as a geometry-preserving local inference. */
.nb-settings-menu a{border-radius:10px;transition:color .16s ease}.nb-settings-menu a:hover{color:var(--nb-purple);background:transparent;transform:none;box-shadow:none}.nb-settings-menu a[aria-current="page"]{color:var(--nb-purple);font-weight:700}.nb-settings-menu a:focus-visible{outline:3px solid #bcaaff;outline-offset:3px}

@media (min-width:992px) and (max-width:1199.98px){
  .nb-settings-page{height:1160px;min-height:1160px}
  .nb-settings-layout{height:959px;grid-template-columns:260px 650px;gap:20px}
  .nb-settings-sidebar{height:959px;min-height:959px}
  .nb-settings-page .nb-settings-sidebar .nb-sidebar-nav{transform:translateY(-15px)}
  .nb-settings-page .nb-settings-sidebar .nb-sidebar-balance{width:220px;height:184px;transform:translateY(-20px)}
  .nb-settings-page .nb-settings-sidebar .nb-sidebar-balance>strong span{display:block}
  .nb-settings-page .nb-settings-sidebar .nb-refill-visual{width:auto;padding-right:18px;padding-left:18px}
  .nb-settings-content{width:650px;height:959px;padding:30px}
  .nb-settings-menu{width:590px;height:320px}
}

@media (min-width:768px) and (max-width:991.98px){
  .nb-settings-page{height:1076px;min-height:1076px}
  .nb-settings-layout{height:959px}
  .nb-settings-content{width:690px;height:959px;padding:20px;border-radius:30px}
  .nb-settings-menu{width:650px;height:320px}
}

@media (min-width:576px) and (max-width:767.98px){
  .nb-settings-page{height:526px;min-height:526px}
  .nb-settings-layout{height:466px;margin-top:10px}
  .nb-settings-content{width:510px;height:466px;padding:20px;border-radius:30px}
  .nb-settings-menu{width:470px;height:244px;padding:7px 30px}
  .nb-settings-menu a{height:46px;flex-basis:46px;font-size:16px;line-height:22px}
}

@media (max-width:575.98px){
  .nb-settings-page{height:526px;min-height:526px}
  .nb-settings-layout{width:320px;height:466px;margin:10px 0 0}
  .nb-settings-content{width:320px;height:466px;padding:15px;border-radius:0}
  .nb-settings-menu{width:290px;height:244px;padding:7px 30px;border-radius:20px}
  .nb-settings-menu a{height:46px;flex-basis:46px;font-size:14px;line-height:20px}
  .nb-settings-menu a img{width:8px;height:15px}
}
