/* Ratios transcribed from supplied 1_MineChunk and EventSignIndex: 7.5rem viewport. */
.c168-me{container-type:inline-size;--c168-ref-rem:calc(100cqw / 7.5);color:#333!important;background:#eaf0ff!important;font-family:Arial,sans-serif!important;font-size:calc(var(--c168-ref-rem)*.24)!important;line-height:1.375!important;padding-bottom:calc(var(--c168-ref-rem)*1.25)!important}
.c168-me *{box-sizing:border-box}.c168-me button{font-family:Arial,sans-serif!important;transition:none!important}.c168-me .c168-me-header{padding:calc(var(--c168-ref-rem)*.16) calc(var(--c168-ref-rem)*.25) 0!important;background-size:100% auto!important;background-repeat:no-repeat!important;background-position:center top!important}.c168-me .c168-me-top{margin-bottom:calc(var(--c168-ref-rem)*.09)!important;height:calc(var(--c168-ref-rem)*.56);align-items:center}.c168-me .c168-me-top>div{display:flex;gap:calc(var(--c168-ref-rem)*.3);align-items:center}.c168-me .c168-me-top button{padding:0!important;position:relative;color:#333!important}.c168-me .c168-me-top>button{color:#007bff!important}.c168-me .c168-me-top svg{width:calc(var(--c168-ref-rem)*.48);height:calc(var(--c168-ref-rem)*.48)}
.c168-me .c168-me-identity{min-height:calc(var(--c168-ref-rem)*1.14)!important;gap:calc(var(--c168-ref-rem)*.14)!important;margin:calc(var(--c168-ref-rem)*.18) 0!important}.c168-me .c168-me-identity p{margin:0!important}.c168-me .c168-me-identity p:first-child{font-size:calc(var(--c168-ref-rem)*.24);line-height:calc(var(--c168-ref-rem)*.33)}.c168-me .c168-me-identity p:last-child{font-size:calc(var(--c168-ref-rem)*.32);line-height:calc(var(--c168-ref-rem)*.42)}.c168-me .c168-me-identity button{padding:0 3px!important;vertical-align:middle}.c168-me .c168-me-identity button svg{width:calc(var(--c168-ref-rem)*.27);height:calc(var(--c168-ref-rem)*.27)}
.c168-me .c168-me-wallet{margin:calc(var(--c168-ref-rem)*.18) 0 0!important;min-height:calc(var(--c168-ref-rem)*1.05);padding:0!important;align-items:center!important}.c168-me .c168-me-wallet>div{gap:calc(var(--c168-ref-rem)*.1)!important;flex:1}.c168-me .c168-me-wallet strong{font:400 calc(var(--c168-ref-rem)*.32) Arial!important;border-bottom:1px solid #333}.c168-me .c168-wallet-unit{font-size:calc(var(--c168-ref-rem)*.2)!important}.c168-me .c168-me-wallet>button{width:calc(var(--c168-ref-rem)*1.06)!important;flex:0 0 calc(var(--c168-ref-rem)*1.72);font-size:calc(var(--c168-ref-rem)*.24)!important;line-height:calc(var(--c168-ref-rem)*.33)!important}.c168-me .c168-me-wallet>button img{width:calc(var(--c168-ref-rem)*.66)!important;height:calc(var(--c168-ref-rem)*.66)!important;margin-bottom:calc(var(--c168-ref-rem)*.02)}
.c168-me>.c168-white-card{margin:calc(var(--c168-ref-rem)*.2) calc(var(--c168-ref-rem)*.25) 0!important;padding:calc(var(--c168-ref-rem)*.2)!important;border-radius:calc(var(--c168-ref-rem)*.2)!important;box-shadow:0 calc(var(--c168-ref-rem)*.03) calc(var(--c168-ref-rem)*.1) #0000000f!important}.c168-me h3{font-size:calc(var(--c168-ref-rem)*.28)!important;line-height:calc(var(--c168-ref-rem)*.38)!important;margin:0!important;font-weight:600!important;color:#333!important}.c168-me .c168-quick-grid{display:flex!important;flex-wrap:wrap!important;row-gap:0!important;padding:0!important;column-gap:0!important;justify-content:flex-start!important}.c168-me .c168-quick-grid>button{width:calc(var(--c168-ref-rem)*1.5)!important;flex:0 0 calc(var(--c168-ref-rem)*1.5);margin-right:calc(var(--c168-ref-rem)*.2);margin-top:calc(var(--c168-ref-rem)*.3);gap:calc(var(--c168-ref-rem)*.1)!important;padding:0!important;justify-content:flex-start!important;color:#007bff!important;font-size:calc(var(--c168-ref-rem)*.24)!important;line-height:calc(var(--c168-ref-rem)*.33)!important}.c168-me .c168-quick-grid>button:nth-child(-n+4){margin-top:calc(var(--c168-ref-rem)*.2)}.c168-me .c168-quick-grid>button:nth-child(4n){margin-right:0}.c168-me .c168-combined-icon{width:calc(var(--c168-ref-rem)*.48)!important;height:calc(var(--c168-ref-rem)*.48)!important}.c168-me .c168-quick-grid>button>span:last-child{max-height:calc(var(--c168-ref-rem)*.66);overflow:hidden}
.c168-me>.c168-checkin{margin-top:calc(var(--c168-ref-rem)*.3)!important;padding:calc(var(--c168-ref-rem)*.1) calc(var(--c168-ref-rem)*.2)!important}.c168-me .c168-checkin p{font-size:calc(var(--c168-ref-rem)*.24)!important;line-height:calc(var(--c168-ref-rem)*.28)!important;margin:0!important;color:#007bff!important}.c168-me .c168-days{gap:calc(var(--c168-ref-rem)*.105)!important;padding-top:calc(var(--c168-ref-rem)*.2);margin:0!important;padding-bottom:0}.c168-me .c168-days button{flex:0 0 calc(var(--c168-ref-rem)*1.01)!important;width:calc(var(--c168-ref-rem)*1.01)!important;height:calc(var(--c168-ref-rem)*1.32)!important;border-radius:calc(var(--c168-ref-rem)*.14)!important;border:1px solid #afc5ff!important;font-size:calc(var(--c168-ref-rem)*.2)!important;color:#333!important}.c168-me .c168-days small{font-size:calc(var(--c168-ref-rem)*.2)!important;color:#ffa300!important}.c168-me .c168-days img{width:calc(var(--c168-ref-rem)*.48)!important;height:calc(var(--c168-ref-rem)*.48)!important}.c168-me .c168-checkin>.c168-muted{display:block;margin-top:6px;font-size:calc(var(--c168-ref-rem)*.18);color:#7c9ccf}
.c168-unread-badge{position:absolute;top:-4px;right:-4px;min-width:16px;height:16px;border-radius:6px;background:#e52300;color:#fff;font-size:11px;line-height:16px;text-align:center}
.c168-account-reference{container-type:inline-size;--c168-ref-rem:calc(100cqw / 7.5);font-size:calc(var(--c168-ref-rem)*.24)!important;background:#eaf0ff!important}.c168-account-reference .c168-account-list{margin:calc(var(--c168-ref-rem)*.2)!important;padding:0 calc(var(--c168-ref-rem)*.2)!important;border-radius:calc(var(--c168-ref-rem)*.14)!important;box-shadow:0 calc(var(--c168-ref-rem)*.03) calc(var(--c168-ref-rem)*.1) #0000000f!important}.c168-account-reference .c168-account-row{height:calc(var(--c168-ref-rem)*.7)!important;min-height:0!important;padding:0 calc(var(--c168-ref-rem)*.04)!important;font-size:calc(var(--c168-ref-rem)*.24)!important;border-color:#afc5ff!important}.c168-account-reference .c168-account-status{font-size:calc(var(--c168-ref-rem)*.24)!important;color:#83a5e5!important}.c168-account-reference .c168-page-header{height:calc(var(--c168-ref-rem)*.9)!important;font-size:calc(var(--c168-ref-rem)*.34)!important;justify-content:flex-end!important;padding-right:calc(var(--c168-ref-rem)*.2)!important}
