.layout-wrapper__avatar-card{display:flex;flex-direction:column;gap:1vw;width:100%}.wallet-card{background:url(/_next/static/media/wallet-icon.51834b6b.png) no-repeat var(--black);box-shadow:var(--secondary-color-2);color:var(--white);display:flex;align-items:center;text-align:start;border-radius:1vw;height:7vw;position:relative;padding:1vw}.wallet-card p{font-size:1vw}.wallet-card h3,.wallet-card p{font-weight:500;text-align:start}.wallet-card h3{font-size:1.5vw}.wallet-card .wallet-img{width:10vw;-o-object-fit:cover;object-fit:cover;height:100%;position:absolute;right:.5vw;z-index:1}.wallet-card .wallet-text{text-align:start;z-index:2}.profile-img-card{display:flex;justify-content:center;margin:0 auto}.notification-icon{display:flex;position:relative;justify-content:flex-end;align-items:end;color:var(--white);font-size:2vw}.notification-icon svg{width:1.5vw;height:1.5vw}.notification-icon span{background-color:#f34b4b;color:#fff;position:absolute;top:-.5vw;right:-.5vw;width:1.3vw;height:1.3vw;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:.7vw;z-index:1}.notification-icon span.hidden-count{display:none!important}.account-full-name{font-size:2vw!important;font-weight:500;color:var(--black);text-align:center}.profile-menu-card{padding:0!important}.profile-menu .active-li{background-color:rgba(241,163,40,.059)!important}.profile-menu .active-li:first-child{border-top-right-radius:1vw;border-top-left-radius:1vw}.profile-menu li{padding:1vw 1.5vw;font-size:1vw;display:flex;align-items:center;font-weight:700;cursor:pointer;border-bottom:1px solid var(--gray-100);position:relative}.profile-menu li svg{width:1vw;height:1vw}.profile-menu li:last-child{border-bottom:none}.profile-menu li:hover{color:var(--gray-100)}.profile-menu .link-menu{color:#333;text-decoration:none;display:flex;align-items:center;gap:.5vw;padding-bottom:.2vw;width:100%}.profile-menu .sms-link{display:flex;justify-content:space-between;width:100%}.profile-menu .sms-link div{display:flex;align-items:center;gap:.5vw}.profile-menu .sms-link span{background-color:rgba(241,163,40,.2);color:var(--primary-color);padding:.2vw .5vw;border-radius:.5vw;font-size:.9vw}.profile-menu .hidden-count{display:none!important}.profile-menu .active-link{color:#f2a835;text-decoration:none}.profile-card{background:#fff;box-shadow:2vw;padding:2vw;border-radius:1vw;text-align:center}.profile-card .img-card{display:flex;justify-content:center;border-radius:50%;-o-object-fit:cover;object-fit:cover;width:5vw;height:5vw}.profile-card h2{margin-top:2vw;font-size:1.5vw;font-weight:600}.link-logout-menu{color:var(--red-100)!important}.close-icon{display:none}.my-level{width:100%;background:#fff;border-radius:1vw}.level-card{display:flex;justify-content:space-around;align-items:center;margin-bottom:1.5vw}.level-card .level-info{display:flex;flex-direction:column;align-items:center}.level-card .level-info .level-img{width:3vw;height:3vw;-o-object-fit:contain;object-fit:contain}.level-card .level-info .level-name{margin-top:.5vw;font-size:1vw;font-weight:600;color:#222}.level-card .level-info .level-amount{font-size:.9vw;color:#888}.level-card .divider{width:1px;height:5vw;background-color:#eee}.progress-container .progress-bar{background-color:#f7dcbf;border-radius:1vw;height:.6vw;overflow:hidden;position:relative}.progress-container .progress-bar .progress-fill{background-color:#f2a94d;height:100%;transition:width .3s ease-in-out}.progress-container .progress-labels{display:flex;justify-content:space-between;font-size:.8vw;color:#666;margin-top:.5vw}.progress-container .progress-labels span{font-size:1vw;color:#666}@media only screen and (max-width:700px){.layout-wrapper__avatar-card{width:90%!important;padding-top:4dvh;margin:0 auto;gap:3vw}.wrap{display:flex;justify-content:space-between}.notification-icon span{width:4vw;height:4vw;top:-2vw;right:-2vw;font-size:3vw;z-index:1}.notification-icon span.hidden-count{display:none!important}.notification-icon svg{width:5vw;height:5vw}.wallet-card{width:100%;margin:0!important;border-radius:3vw;display:flex;justify-items:start;position:relative;padding:0 3vw;height:20vw}.wallet-card h3{font-size:6vw}.wallet-card h3,.wallet-card p{font-weight:500;text-align:start}.wallet-card p{font-size:4vw}.wallet-card .wallet-img{width:30vw;position:absolute}.profile-menu{gap:4vw}.profile-menu .link-menu{font-size:4vw;justify-content:flex-start!important;font-weight:500;padding:3vw}.profile-menu .link-menu svg{width:4vw;height:4vw}.profile-menu .link-menu:last-child{border-bottom:none!important}.profile-menu .link-menu{display:flex;justify-content:space-between;align-items:center;gap:4vw;padding-bottom:1.5vw}.sms-link div{gap:4vw!important}.sms-link span{background-color:rgba(241,163,40,.2);color:var(--primary-color);padding:.2vw .5vw;border-radius:.5vw;font-size:.9vw}.profile-card{background:#fff;box-shadow:3vw;border-radius:3vw;text-align:center}.profile-card .img-card{width:15vw;height:15vw;display:flex;justify-content:center;border-radius:50%;-o-object-fit:cover;object-fit:cover}.profile-card .level-img{height:4vw}.profile-card p{margin-top:3vw;align-items:center;font-size:4vw!important}.profile-card h2{margin-top:3vw;font-size:4vw;font-weight:500}.account-full-name{font-size:4vw!important;font-weight:500;text-align:center}.close-icon{display:flex}.close-icon svg{width:4vw;height:4vw}.close-icon svg path{stroke:var(--black)}.my-level{border-radius:4vw;padding:4vw 3vw}.level-card{flex-direction:row;gap:4vw;margin-bottom:5vw}.level-card .level-info .level-img{width:10vw;height:10vw}.level-card .level-info .level-name{margin-top:1.5vw;font-size:3.5vw}.level-card .level-info .level-amount{font-size:3vw}.level-card .divider{display:none}.progress-container .progress-bar{height:2vw;border-radius:2vw}.progress-container .progress-labels{font-size:2.8vw;margin-top:1.5vw}.progress-container .progress-labels span{font-size:3vw}}@media only screen and (max-height:600px)and (max-width:400px){.layout-wrapper__avatar-card{padding-top:.5vh;gap:1vw}.wallet-card{height:16vw}.wallet-card h3{font-size:4.2vw}.wallet-card p{font-size:2.8vw}.wallet-card .wallet-img{width:26vw}.profile-menu{gap:2.2vw}.profile-menu .link-menu{font-size:2.8vw;padding:2vw}.profile-menu .link-menu svg{width:3.2vw;height:3.2vw}.profile-card .img-card{width:13vw;height:13vw}.profile-card p{font-size:2.8vw!important}.profile-card h2{font-size:2.8vw}.account-full-name{font-size:2.8vw!important}.close-icon svg{width:3vw;height:3vw}.level-card{flex-direction:row;gap:3vw}.level-card .level-info .level-img{width:4vw;height:4vw}.level-card .level-info .level-name{font-size:2.5vw}.level-card .level-info .level-amount{font-size:2.2vw}.level-card .divider{display:none}.progress-container .progress-bar{height:1.5vw;border-radius:1.5vw}.progress-container .progress-labels{font-size:2vw}.progress-container .progress-labels span{font-size:2.3vw}}