.iph-account-card {width:100%; padding:var(--spacing-15,1.5rem); box-sizing: border-box; border-radius: var(--radius-m, .5rem); border: 1px solid var(--tgl-pri10, #D6DEEB); background: linear-gradient(180deg, var(--tgl-web-bg, #FFF) 69%, var(--tgl-pri05b, #EDF2F9) 100%), var(--tgl-web-bg, #FFF); box-shadow: 0 .5rem 2rem 0 var(--tgl-black-o30, rgba(0, 0, 0, 0.30));}

.iph-account-card .account-navlist ul { position: relative; list-style: none }
.iph-account-card .account-navlist li { font-weight: 600; border-radius: var(--radius-s, .25rem);  border: 0 solid var(--tgl-pri05b, #EDF2F9); border-width:1px 0 }
.iph-account-card .account-navlist li + li {border-top:none}
.iph-account-card .account-navlist li:hover {background: var(--tgl-pri10, #D6DEEB);}
.iph-account-card .account-navlist li.act { position: relative; background: var(--tgl-pri10, #D6DEEB); border-color: transparent }
.iph-account-card .account-navlist li.act:after { content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; }
.iph-account-card .account-navlist li a, .account-navlist li a:hover { display: flex; gap: .75rem; align-items: center; width: 100%; padding: .625rem .75rem; box-sizing: border-box; text-decoration: none }
.iph-account-card .account-navlist li a:before { filter: var(--filter-tgl-pri30) }
.iph-account-card .account-navlist li .bc {display:inline-block; min-width:.75em; padding: .01em .25em 0; text-align: center; font-style: normal; font-size: .75em; line-height: 1.25; color: #FFF; background: var(--sec60, #E41F1F); border-radius: var(--radius-xs, .125rem); }
.iph-account-card .account-navlist li .bc:empty { background: none; }
.iph-account-card .account-navlist li .ico-person:before {--ico-image:url('/u/icon/000/login0.svg'); background-image:var(--ico-image)}

.iph-account-card .userinfo {display:flex; gap:.75rem; align-items: center; margin-bottom:1rem; font-size: .875rem;}
.iph-account-card .userinfo .user-foto-out {--foto-size: 3.5rem; flex:0 0 auto}
.iph-account-card .userinfo-text {flex: 1 1 auto}
.iph-account-card .userinfo-text a {text-decoration:none}
.iph-account-card .userinfo-text a:hover {text-decoration:underline}
.iph-account-card .userinfo-text .name {white-space:nowrap; font-size: var(--rs-h5, 1.25rem); font-family: var(--ff-h); line-height: 1.2; }
.iph-account-card .profile-contact .break-parts {display:flex; flex-wrap:wrap}
.iph-account-card .user-state {position:relative; display:inline-block; padding-left:.25em}
.iph-account-card .ico-verified:before {width: .75em; height:.75em; /*width: 1.5rem; height: 1.5rem;*/ filter: var(--filter-tgl-pri30) }
.iph-account-card .account-navlist {font-size:.875rem}
.iph-account-card .account-navlist li a:after { content: ""; display: block; width: .75em; height: .75rem; margin: auto 0 auto auto; background: url(/u/icon/000/arrow2-right.svg) no-repeat center / contain; filter: var(--filter-tgl-pri80) }