.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{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}}@media (min-width:901px){.account-right{top:var(--eco-h,0px);height:calc(100vh - var(--eco-h,0px))}.account-right:not(.embedded){flex-direction:column;display:flex}.account-right:not(.embedded) .logo,.account-right:not(.embedded) .an-toggle{flex-shrink:0}.account-right:not(.embedded) .account-nav{flex:1;min-height:0;margin:0 -10px;padding:4px 18px 12px 10px;overflow:hidden auto}.account-right:not(.embedded) .account-nav a{flex-shrink:0}html[data-nav=collapsed] .account-right:not(.embedded) .account-nav{margin:0 -8px;padding:6px 8px 12px}}.account-right .account-nav{scrollbar-gutter:auto}.account-right .account-nav::-webkit-scrollbar{width:4px;height:4px}.account-right .account-nav::-webkit-scrollbar-track{background:0 0}.account-right .account-nav::-webkit-scrollbar-thumb{background:0 0;border-radius:4px}.account-right:hover .account-nav::-webkit-scrollbar-thumb{background:#8f0f1247}.account-right .account-nav::-webkit-scrollbar-thumb:hover{background:#8f0f1280}@supports ((-moz-appearance:none)){.account-right .account-nav{scrollbar-width:thin;scrollbar-color:#0000 #0000}.account-right:hover .account-nav{scrollbar-color:#8f0f124d #0000}}html[data-theme=dark] .account-right:hover .account-nav::-webkit-scrollbar-thumb{background:#ffffff40}.account-nav.an-subject .an-sec{flex-direction:column;gap:2px;display:flex}.account-nav.an-subject .an-sec+.an-sec{margin-top:4px}.account-nav.an-subject .an-back{color:#6b7280;font-size:13.5px}.account-nav.an-subject .an-ico .si{width:20px;height:20px}.account-nav.an-subject a.an-group-head{cursor:pointer;grid-template-columns:24px 1fr 16px}.account-nav.an-subject a.an-group-head.has{font-weight:700}.account-nav.an-subject .an-chev{fill:none;stroke:currentColor;stroke-width:2.2px;opacity:.55;transition:transform .15s;width:16px!important;height:16px!important}.account-nav.an-subject .an-group.open .an-chev{transform:rotate(90deg)}.account-nav.an-subject .an-kids{border-left:1.5px solid #00000014;flex-direction:column;gap:1px;margin:2px 0 6px 27px;padding-left:8px;display:flex}.account-nav.an-subject a.an-kid{grid-template-columns:10px 1fr;padding:6px 10px;font-size:13.5px}.account-nav.an-subject a.an-kid .an-ico{width:10px;height:10px}.account-nav.an-subject .an-dot{opacity:.45;background:currentColor;border-radius:50%;margin:0 auto;display:block;width:6px!important;height:6px!important}.account-nav.an-subject a.an-kid.active .an-dot{opacity:1}.account-nav.an-subject a.an-soon{opacity:.55;cursor:default;grid-template-columns:24px 1fr auto}.account-nav.an-subject a.an-kid.an-soon{grid-template-columns:10px 1fr auto}.account-nav.an-subject a.an-soon:hover{background:0 0}.account-nav.an-subject .an-tag{white-space:nowrap;background:#0000000f;border-radius:6px;padding:1px 6px;font-size:10.5px;font-style:normal;font-weight:700}html[data-theme=dark] .account-nav.an-subject .an-back{color:#a9a5d6}html[data-theme=dark] .account-nav.an-subject .an-kids{border-left-color:#ffffff1f}html[data-theme=dark] .account-nav.an-subject .an-tag{background:#ffffff1a}html[data-nav=collapsed] .account-right:not(.embedded) .account-nav.an-subject .an-kids,html[data-nav=collapsed] .account-right:not(.embedded) .account-nav.an-subject .an-chev,html[data-nav=collapsed] .account-right:not(.embedded) .account-nav.an-subject .an-tag{display:none}html[data-nav=collapsed] .account-right:not(.embedded) .account-nav.an-subject a.an-group-head,html[data-nav=collapsed] .account-right:not(.embedded) .account-nav.an-subject a.an-soon{grid-template-columns:24px}.account-nav.an-subject .an-kids{margin-left:18px;padding-left:6px}.account-nav.an-subject a.an-kid{padding:5px 8px;font-weight:500;line-height:1.4}.account-nav.an-subject a.an-kid>span{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.account-nav.an-subject a.an-kid.active{font-weight:700}.account-nav.an-subject .an-tag{padding:0 5px;font-size:9.5px;line-height:16px}html:not([data-skin=english]) .account-container>:not(.account-head){max-width:var(--content-max,none);margin-left:auto;margin-right:auto}html[data-skin=bamboo-lotus]:not([data-theme=dark]) .account-right:before{display:none}html[data-skin=bamboo-lotus]:not([data-theme=dark]) .account-right:after{opacity:.55;background:url(/trangnguyen/skins/bamboo-right.svg) right -6px bottom/auto 230px no-repeat,url(/trangnguyen/skins/pond-pink.svg) 38% bottom/auto 96px no-repeat}@media (max-width:900px){html[data-skin=bamboo-lotus]:not([data-theme=dark]) .account-right:not(.embedded) .account-nav:after{opacity:.85;background:url(/trangnguyen/skins/bamboo-right.svg) right -6px bottom/auto 230px no-repeat,url(/trangnguyen/skins/pond-pink.svg) 38% bottom/auto 96px no-repeat}}html[data-skin=bamboo]:not([data-theme=dark]) .account-right:before{display:none}html[data-skin=bamboo]:not([data-theme=dark]) .account-right:after{opacity:.55;background:url(/trangnguyen/skins/bamboo-right.svg) right -8px bottom/auto 220px no-repeat,url(/trangnguyen/skins/bamboo-right.svg) right 34px bottom/auto 140px no-repeat}@media (max-width:900px){html[data-skin=bamboo]:not([data-theme=dark]) .account-right:not(.embedded) .account-nav:after{opacity:.85;background:url(/trangnguyen/skins/bamboo-right.svg) right -8px bottom/auto 220px no-repeat,url(/trangnguyen/skins/bamboo-right.svg) right 34px bottom/auto 140px no-repeat}}html[data-skin=lotus-pond]:not([data-theme=dark]) .account-right:before{display:none}html[data-skin=lotus-pond]:not([data-theme=dark]) .account-right:after{opacity:.55;background:url(/trangnguyen/skins/pond-pink.svg) 22% bottom/auto 120px no-repeat}@media (max-width:900px){html[data-skin=lotus-pond]:not([data-theme=dark]) .account-right:not(.embedded) .account-nav:after{opacity:.85;background:url(/trangnguyen/skins/pond-pink.svg) 22% bottom/auto 120px no-repeat}}html[data-skin=red-gold]:not([data-theme=dark]) .account-right:before{display:none}html[data-skin=red-gold]:not([data-theme=dark]) .account-right:after{opacity:.55;background:url(/trangnguyen/skins/bamboo-right-gold.svg) right -6px bottom/auto 230px no-repeat,url(/trangnguyen/skins/pond-gold.svg) 38% bottom/auto 96px no-repeat}@media (max-width:900px){html[data-skin=red-gold]:not([data-theme=dark]) .account-right:not(.embedded) .account-nav:after{opacity:.85;background:url(/trangnguyen/skins/bamboo-right-gold.svg) right -6px bottom/auto 230px no-repeat,url(/trangnguyen/skins/pond-gold.svg) 38% bottom/auto 96px no-repeat}}html[data-skin=khoi-3d]:not([data-theme=dark]) .account-right:before{display:none}html[data-skin=khoi-3d]:not([data-theme=dark]) .account-right:after{opacity:.55;background:url(/trangnguyen/skins/3d-left.svg) right -70px bottom -10px/auto 190px no-repeat}@media (max-width:900px){html[data-skin=khoi-3d]:not([data-theme=dark]) .account-right:not(.embedded) .account-nav:after{opacity:.85;background:url(/trangnguyen/skins/3d-left.svg) right -70px bottom -10px/auto 190px no-repeat}}html[data-skin=khong-gian-3d]:not([data-theme=dark]) .account-right:before{display:none}html[data-skin=khong-gian-3d]:not([data-theme=dark]) .account-right:after{opacity:.55;background:url(/trangnguyen/skins/3d-left.svg) right -70px bottom -10px/auto 190px no-repeat}@media (max-width:900px){html[data-skin=khong-gian-3d]:not([data-theme=dark]) .account-right:not(.embedded) .account-nav:after{opacity:.85;background:url(/trangnguyen/skins/3d-left.svg) right -70px bottom -10px/auto 190px no-repeat}}