.profileNav{padding:120px 20px}
.aiuser-wrapper{display:flex;gap:30px}
.aiuser-wrapper .aiuser-profile{width:100%}
.aiuser-wrapper .aiuser-navbar{width:290px;height:703px;background-color:#fff;box-sizing:border-box}
.aiuser-wrapper .aiuser-navbar ul{list-style-type:none;display:flex;flex-direction:column;padding:16px;align-self:stretch}
.aiuser-wrapper .aiuser-navbar ul li{color:#1c1213;font-family:var(--variable-font-family);font-size:12px;font-style:normal;font-weight:500;line-height:140%;letter-spacing:.12px;text-transform:uppercase}
.aiuser-wrapper .aiuser-navbar ul li a{color:unset;display:flex;gap:8px;text-decoration:none;align-items:center;padding:12px}
.aiuser-wrapper .aiuser-navbar ul li:hover{background-color:#f2f2f2;cursor:pointer}
.aiuser-wrapper .aiuser-navbar ul li.active{background-color:#531251;color:#fff}
.aiuser-wrapper .aiuser-navbar ul li.active img{filter:invert(1)}
@media screen and (max-width:1024px){.profileNav{padding:75px 16px !important}
.aiuser-wrapper{flex-direction:column;gap:0}
.aiuser-wrapper .aiuser-navbar{width:100%;height:auto;background-color:#f7f8f8;overflow-x:auto;overflow-y:hidden;white-space:nowrap;scrollbar-width:none;padding-top:20px}
.aiuser-wrapper .aiuser-navbar ul{flex-direction:row;padding:16px 0;margin:0;display:flex;flex-wrap:nowrap;list-style:none}
.aiuser-wrapper .aiuser-navbar ul li{text-align:center;font-family:var(--body-font-family);color:#626773;flex:0 0 auto;width:156px;height:44px;text-transform:none}
.aiuser-wrapper .aiuser-navbar ul li a{display:block;margin:auto}
.aiuser-wrapper .aiuser-navbar ul li a img{display:none}
.aiuser-wrapper .aiuser-navbar ul li.active{border-radius:4px;background:#FFF;box-shadow:0 1px 3px 0 rgba(30,41,59,0.10),0 1px 2px 0 rgba(30,41,59,0.05);color:#531251}
}
body.ai-loyalty-default{--loyalty-color:#531251}
body.ai-loyalty-red{--loyalty-color:#d31f38}
body.ai-loyalty-silver{--loyalty-color:#404040}
body.ai-loyalty-gold{--loyalty-color:#9e7947}
body.ai-loyalty-platinum{--loyalty-color:#263344}
body[class*="ai-loyalty"] .aiuser-navbar ul li.active{background-color:var(--loyalty-color)}
#rebrand-ai-lottie.rebrand-fullpage-container{display:flex;left:0}
@media screen and (max-width:1024px){body[class*="ai-loyalty"] .aiuser-wrapper .aiuser-navbar ul li.active{background-color:#FFF;color:var(--loyalty-color)}
}