.account-right{border-right:1px solid #85858536;width:255px;height:100vh;padding:10px;position:fixed;top:0;left:0}.account-right:before,.account-right:after{content:"";z-index:-2;background:url(/trangnguyen/images/backdrop/account-backdrop.png) 50%/cover no-repeat;width:100%;height:250px;position:absolute;bottom:0;left:0}.account-right:before{z-index:-1;background:linear-gradient(#fff,#0000);height:300px}.account-right .logo{width:100%;margin-bottom:20px;display:block}.account-right .account-nav .account-nav-title{letter-spacing:.04em;text-transform:uppercase;color:#9ca3af;margin:10px 16px 2px;font-size:12px;font-weight:700}.account-right .account-nav a{border-radius:10px;grid-template-columns:24px 1fr;align-items:center;padding:8px 16px;line-height:1.5em;display:grid;position:relative}.account-right .account-nav a svg{width:24px;height:24px}.account-right .account-nav a.active{color:#fff;background:linear-gradient(45deg,#9f3a3e,#c1272d)}.account-right .account-nav a.active:before{content:"";background:#c1272d;border-radius:5px;width:20px;height:20px;position:absolute;top:50%;right:-15px;transform:translate(-10px,-50%)rotate(45deg)}.account-right .account-nav a.active:hover{color:#fff}.account-right .account-nav a:hover{color:#c1272d}.account-right .logo{position:relative}.account-right .logo .logo-full{display:block}.account-right .logo .logo-mark{display:none}.account-right .an-toggle{z-index:5;color:#6b7280;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:50%;place-items:center;width:26px;height:26px;padding:0;transition:color .15s,border-color .15s;display:grid;position:absolute;top:34px;right:-13px;box-shadow:0 2px 8px #1118271f}.account-right .an-toggle:hover{color:#8f0f12;border-color:#8f0f12}@media (min-width:901px){html[data-nav=collapsed] .account-right{width:78px;padding:10px 8px;overflow:visible}html[data-nav=collapsed] .account-right:before,html[data-nav=collapsed] .account-right:after{display:none}html[data-nav=collapsed] .account-right .logo{place-items:center;margin-bottom:18px;display:grid}html[data-nav=collapsed] .account-right .logo .logo-full{display:none}html[data-nav=collapsed] .account-right .logo .logo-mark{object-fit:cover;border-radius:50%;width:50px;height:50px;display:block;box-shadow:0 0 0 2px #fff,0 0 0 4px #8f0f12}html[data-nav=collapsed] .account-right .an-toggle{top:22px;right:-13px}html[data-nav=collapsed] .account-right .account-nav{align-items:center}html[data-nav=collapsed] .account-right .account-nav .account-nav-title{color:#0000;background:#e5e7eb;width:28px;height:1px;margin:10px auto;overflow:hidden}html[data-nav=collapsed] .account-right .account-nav a{grid-template-columns:24px;justify-content:center;gap:0;width:48px;height:44px;padding:0}html[data-nav=collapsed] .account-right .account-nav a>span,html[data-nav=collapsed] .account-right .account-nav a.active:before{display:none}html[data-nav=collapsed] .account-container{padding-left:110px!important}}.account-right.embedded{z-index:2;isolation:isolate;flex-direction:column;height:100%;min-height:0;display:flex;position:relative;top:auto;left:auto}.account-right.embedded .logo{flex-shrink:0}.account-right.embedded .account-nav{scrollbar-width:none;flex:1;min-height:0;margin:0 -10px;padding:4px 18px 12px 10px;overflow:hidden auto}.an-mlogo,.an-backdrop{display:none}@media (max-width:900px){.account-right{z-index:1200;width:min(300px,84vw);box-shadow:none;background:#fff;padding-bottom:90px;transition:transform .22s;overflow-y:auto;transform:translate(-105%)}.account-right.open{transform:none;box-shadow:8px 0 30px #0003}.account-right .logo{width:70%;margin:6px auto 14px}.an-backdrop{z-index:1150;background:#11182773;display:block;position:fixed;inset:0}.account-right .an-toggle,.account-right.embedded{display:none}body.an-open{overflow:hidden}.account-container{padding-bottom:86px!important;padding-left:14px!important;padding-right:14px!important}.account-head{padding-top:58px!important}.an-mlogo{z-index:20;width:124px;height:38px;display:block;position:absolute;top:10px;left:14px}.an-mlogo img{object-fit:contain;object-position:left center;width:100%;height:100%}html[data-theme=dark] .account-right{background:#19154a}}@media (min-width:901px){html[data-nav=collapsed] .account-right .account-nav{flex-direction:column;align-items:center;display:flex;gap:4px!important}html[data-nav=collapsed] .account-right .account-nav a{border-radius:12px;flex-shrink:0;min-height:42px;width:46px!important;height:42px!important;margin:0!important;padding:0!important}html[data-nav=collapsed] .account-right .account-nav .account-nav-title{margin:8px auto!important}html[data-nav=collapsed] .account-right.embedded .account-nav{margin:0 -8px;padding:6px 8px 12px}}.account-right.embedded .account-nav{gap:5px}.account-right.embedded .account-nav a{flex-shrink:0}.account-nav a .an-ico{width:24px;height:24px}.account-nav a .an-ico svg{stroke:currentColor;stroke-width:1.8px;fill:none!important;width:22px!important;height:22px!important}.account-nav a.active .an-ico svg{stroke-width:2px}@media (max-width:900px){.account-right:not(.embedded){height:auto;max-height:none;padding-top:calc(10px + env(safe-area-inset-top));padding-bottom:calc(96px + env(safe-area-inset-bottom));overscroll-behavior:contain;-webkit-overflow-scrolling:touch;background:#fff;top:0;bottom:0}.account-right:not(.embedded):before,.account-right:not(.embedded):after{display:none}.account-right:not(.embedded) .account-nav:after{content:"";background:linear-gradient(#fff 0%,#fff0 45%),url(/trangnguyen/images/backdrop/account-backdrop.png) 50% 30%/cover no-repeat;flex:none;height:230px;margin:18px -10px 0;display:block}body.an-open .ch-fab{display:none}html[data-theme=dark] .account-right:not(.embedded){background:#19154a}html[data-theme=dark] .account-right:not(.embedded) .account-nav:after{display:none}}