html[data-skin=bamboo-lotus]{--sk-a:var(--skin-accent,#b30800);--sk-a2:color-mix(in srgb, var(--sk-a) 72%, #000);--sk-soft:color-mix(in srgb, var(--sk-a) 14%, transparent)}html[data-skin=bamboo-lotus],html[data-skin=bamboo-lotus] .app{--btn-bg:var(--sk-a);--btn-hover-bg:var(--sk-a2);--link-color:var(--sk-a);--buttonBackground:var(--sk-a);--buttonBackgroundHover:var(--sk-a2)}html[data-skin=bamboo-lotus]:not([data-theme=dark]) :is(body,.min-h-full){background-color:#fbf7ea!important;background-image:url(/trangnguyen/skins/bamboo-left.svg),url(/trangnguyen/skins/bamboo-right.svg),url(/trangnguyen/skins/pond-pink.svg),linear-gradient(#fffdf5,#f1f3df 55%,#e4efd9)!important;background-position:0 100%,100% 100%,bottom,0 0!important;background-repeat:no-repeat!important;background-size:auto min(72vh,620px),auto min(72vh,620px),max(100%,1000px),auto!important;background-attachment:fixed!important}html[data-skin=bamboo-lotus]:not([data-theme=dark]) .login-page{background-color:#fbf7ea;background-image:url(/trangnguyen/skins/bamboo-left.svg),url(/trangnguyen/skins/bamboo-right.svg),url(/trangnguyen/skins/pond-pink.svg),linear-gradient(#fffdf5,#f1f3df 55%,#e4efd9);background-position:0 100%,100% 100%,bottom,0 0;background-repeat:no-repeat;background-size:auto min(72vh,620px),auto min(72vh,620px),max(100%,1000px),auto;background-attachment:fixed}html[data-skin=bamboo-lotus]:not([data-theme=dark]) .login-page .copyright{color:#5a4a3a}@media (max-width:768px){html[data-skin=bamboo-lotus]:not([data-theme=dark]) .login-page{background-attachment:scroll}}html[data-skin=bamboo-lotus] .account-nav a.active,html[data-skin=bamboo-lotus] .en-tabs button.active,html[data-skin=bamboo-lotus] .fc-tabs .active,html[data-skin=bamboo-lotus] .rs-tab.active,html[data-skin=bamboo-lotus] .ar2-tabs .active,html[data-skin=bamboo-lotus] .cc-tabs .active,html[data-skin=bamboo-lotus] .rm-tabs .active{background:linear-gradient(90deg, var(--sk-a), var(--sk-a2))!important;color:#fff!important;border-color:var(--sk-a2)!important}html[data-skin=bamboo-lotus] .account-nav a.active:before{background:var(--sk-a2)!important}html[data-skin=bamboo-lotus] .en-progress i,html[data-skin=bamboo-lotus] .ar2-bar i,html[data-skin=bamboo-lotus] .hub-bar i,html[data-skin=bamboo-lotus] .ex-progress i,html[data-skin=bamboo-lotus] .tn-progress i{background:linear-gradient(90deg, var(--sk-a), var(--sk-a2))!important}html[data-skin=bamboo-lotus] .ex-btn.primary,html[data-skin=bamboo-lotus] .en-btn.red,html[data-skin=bamboo-lotus] .mt-btn.primary,html[data-skin=bamboo-lotus] .fc-btn.primary,html[data-skin=bamboo-lotus] .gm-btn.primary,html[data-skin=bamboo-lotus] .cl-btn.primary,html[data-skin=bamboo-lotus] .tn-btn.red,html[data-skin=bamboo-lotus] .ar2-find-btn,html[data-skin=bamboo-lotus] .ex-unlock-btn,html[data-skin=bamboo-lotus] .pr-btn.primary{background:linear-gradient(135deg, var(--sk-a), var(--sk-a2))!important;border-color:var(--sk-a2)!important;color:#fff!important;box-shadow:0 6px 16px color-mix(in srgb, var(--sk-a) 35%, transparent)!important}html[data-skin=bamboo-lotus] .login-form .form-input:focus,html[data-skin=bamboo-lotus] .register-form .form-input:focus{border-color:var(--sk-a)!important;box-shadow:0 0 0 4px var(--sk-soft)!important}html[data-skin=bamboo-lotus] .reg-type button.on{border-color:var(--sk-a)!important;background:var(--sk-soft)!important}html[data-skin=bamboo-lotus] .reg-type button.on .reg-type-ico,html[data-skin=bamboo-lotus] .reg-type button.on .reg-type-check{background:var(--sk-a)!important;color:#fff!important}html[data-skin=bamboo]{--sk-a:var(--skin-accent,#2f7d4f);--sk-a2:color-mix(in srgb, var(--sk-a) 72%, #000);--sk-soft:color-mix(in srgb, var(--sk-a) 14%, transparent)}html[data-skin=bamboo],html[data-skin=bamboo] .app{--btn-bg:var(--sk-a);--btn-hover-bg:var(--sk-a2);--link-color:var(--sk-a);--buttonBackground:var(--sk-a);--buttonBackgroundHover:var(--sk-a2)}html[data-skin=bamboo]:not([data-theme=dark]) :is(body,.min-h-full){background-color:#fbf7ea!important;background-image:url(/trangnguyen/skins/bamboo-left.svg),url(/trangnguyen/skins/bamboo-right.svg),linear-gradient(#fbf6e6,#f3ecd2)!important;background-position:0 100%,100% 100%,0 0!important;background-repeat:no-repeat!important;background-size:auto min(72vh,620px),auto min(72vh,620px),auto!important;background-attachment:fixed!important}html[data-skin=bamboo]:not([data-theme=dark]) .login-page{background-color:#fbf7ea;background-image:url(/trangnguyen/skins/bamboo-left.svg),url(/trangnguyen/skins/bamboo-right.svg),linear-gradient(#fbf6e6,#f3ecd2);background-position:0 100%,100% 100%,0 0;background-repeat:no-repeat;background-size:auto min(72vh,620px),auto min(72vh,620px),auto;background-attachment:fixed}html[data-skin=bamboo]:not([data-theme=dark]) .login-page .copyright{color:#5a4a3a}@media (max-width:768px){html[data-skin=bamboo]:not([data-theme=dark]) .login-page{background-attachment:scroll}}html[data-skin=bamboo] .account-nav a.active,html[data-skin=bamboo] .en-tabs button.active,html[data-skin=bamboo] .fc-tabs .active,html[data-skin=bamboo] .rs-tab.active,html[data-skin=bamboo] .ar2-tabs .active,html[data-skin=bamboo] .cc-tabs .active,html[data-skin=bamboo] .rm-tabs .active{background:linear-gradient(90deg, var(--sk-a), var(--sk-a2))!important;color:#fff!important;border-color:var(--sk-a2)!important}html[data-skin=bamboo] .account-nav a.active:before{background:var(--sk-a2)!important}html[data-skin=bamboo] .en-progress i,html[data-skin=bamboo] .ar2-bar i,html[data-skin=bamboo] .hub-bar i,html[data-skin=bamboo] .ex-progress i,html[data-skin=bamboo] .tn-progress i{background:linear-gradient(90deg, var(--sk-a), var(--sk-a2))!important}html[data-skin=bamboo] .ex-btn.primary,html[data-skin=bamboo] .en-btn.red,html[data-skin=bamboo] .mt-btn.primary,html[data-skin=bamboo] .fc-btn.primary,html[data-skin=bamboo] .gm-btn.primary,html[data-skin=bamboo] .cl-btn.primary,html[data-skin=bamboo] .tn-btn.red,html[data-skin=bamboo] .ar2-find-btn,html[data-skin=bamboo] .ex-unlock-btn,html[data-skin=bamboo] .pr-btn.primary{background:linear-gradient(135deg, var(--sk-a), var(--sk-a2))!important;border-color:var(--sk-a2)!important;color:#fff!important;box-shadow:0 6px 16px color-mix(in srgb, var(--sk-a) 35%, transparent)!important}html[data-skin=bamboo] .login-form .form-input:focus,html[data-skin=bamboo] .register-form .form-input:focus{border-color:var(--sk-a)!important;box-shadow:0 0 0 4px var(--sk-soft)!important}html[data-skin=bamboo] .reg-type button.on{border-color:var(--sk-a)!important;background:var(--sk-soft)!important}html[data-skin=bamboo] .reg-type button.on .reg-type-ico,html[data-skin=bamboo] .reg-type button.on .reg-type-check{background:var(--sk-a)!important;color:#fff!important}html[data-skin=lotus-pond]{--sk-a:var(--skin-accent,#d9467a);--sk-a2:color-mix(in srgb, var(--sk-a) 72%, #000);--sk-soft:color-mix(in srgb, var(--sk-a) 14%, transparent)}html[data-skin=lotus-pond],html[data-skin=lotus-pond] .app{--btn-bg:var(--sk-a);--btn-hover-bg:var(--sk-a2);--link-color:var(--sk-a);--buttonBackground:var(--sk-a);--buttonBackgroundHover:var(--sk-a2)}html[data-skin=lotus-pond]:not([data-theme=dark]) :is(body,.min-h-full){background-color:#fbf7ea!important;background-image:url(/trangnguyen/skins/pond-pink.svg),linear-gradient(#f3fbf5,#dff2e8 65%,#cfeadb)!important;background-position:bottom,0 0!important;background-repeat:no-repeat!important;background-size:max(100%,1000px),auto!important;background-attachment:fixed!important}html[data-skin=lotus-pond]:not([data-theme=dark]) .login-page{background-color:#fbf7ea;background-image:url(/trangnguyen/skins/pond-pink.svg),linear-gradient(#f3fbf5,#dff2e8 65%,#cfeadb);background-position:bottom,0 0;background-repeat:no-repeat;background-size:max(100%,1000px),auto;background-attachment:fixed}html[data-skin=lotus-pond]:not([data-theme=dark]) .login-page .copyright{color:#2f5f48}@media (max-width:768px){html[data-skin=lotus-pond]:not([data-theme=dark]) .login-page{background-attachment:scroll}}html[data-skin=lotus-pond] .account-nav a.active,html[data-skin=lotus-pond] .en-tabs button.active,html[data-skin=lotus-pond] .fc-tabs .active,html[data-skin=lotus-pond] .rs-tab.active,html[data-skin=lotus-pond] .ar2-tabs .active,html[data-skin=lotus-pond] .cc-tabs .active,html[data-skin=lotus-pond] .rm-tabs .active{background:linear-gradient(90deg, var(--sk-a), var(--sk-a2))!important;color:#fff!important;border-color:var(--sk-a2)!important}html[data-skin=lotus-pond] .account-nav a.active:before{background:var(--sk-a2)!important}html[data-skin=lotus-pond] .en-progress i,html[data-skin=lotus-pond] .ar2-bar i,html[data-skin=lotus-pond] .hub-bar i,html[data-skin=lotus-pond] .ex-progress i,html[data-skin=lotus-pond] .tn-progress i{background:linear-gradient(90deg, var(--sk-a), var(--sk-a2))!important}html[data-skin=lotus-pond] .ex-btn.primary,html[data-skin=lotus-pond] .en-btn.red,html[data-skin=lotus-pond] .mt-btn.primary,html[data-skin=lotus-pond] .fc-btn.primary,html[data-skin=lotus-pond] .gm-btn.primary,html[data-skin=lotus-pond] .cl-btn.primary,html[data-skin=lotus-pond] .tn-btn.red,html[data-skin=lotus-pond] .ar2-find-btn,html[data-skin=lotus-pond] .ex-unlock-btn,html[data-skin=lotus-pond] .pr-btn.primary{background:linear-gradient(135deg, var(--sk-a), var(--sk-a2))!important;border-color:var(--sk-a2)!important;color:#fff!important;box-shadow:0 6px 16px color-mix(in srgb, var(--sk-a) 35%, transparent)!important}html[data-skin=lotus-pond] .login-form .form-input:focus,html[data-skin=lotus-pond] .register-form .form-input:focus{border-color:var(--sk-a)!important;box-shadow:0 0 0 4px var(--sk-soft)!important}html[data-skin=lotus-pond] .reg-type button.on{border-color:var(--sk-a)!important;background:var(--sk-soft)!important}html[data-skin=lotus-pond] .reg-type button.on .reg-type-ico,html[data-skin=lotus-pond] .reg-type button.on .reg-type-check{background:var(--sk-a)!important;color:#fff!important}html[data-skin=red-gold]{--sk-a:var(--skin-accent,#b30800);--sk-a2:color-mix(in srgb, var(--sk-a) 72%, #000);--sk-soft:color-mix(in srgb, var(--sk-a) 14%, transparent)}html[data-skin=red-gold],html[data-skin=red-gold] .app{--btn-bg:var(--sk-a);--btn-hover-bg:var(--sk-a2);--link-color:var(--sk-a);--buttonBackground:var(--sk-a);--buttonBackgroundHover:var(--sk-a2)}html[data-skin=red-gold]:not([data-theme=dark]) :is(body,.min-h-full){background-color:#fbf7ea!important;background-image:url(/trangnguyen/skins/bamboo-left-gold.svg),url(/trangnguyen/skins/bamboo-right-gold.svg),url(/trangnguyen/skins/pond-gold.svg),linear-gradient(#fff8e6,#fbe8c8)!important;background-position:0 100%,100% 100%,bottom,0 0!important;background-repeat:no-repeat!important;background-size:auto min(72vh,620px),auto min(72vh,620px),max(100%,1000px),auto!important;background-attachment:fixed!important}html[data-skin=red-gold]:not([data-theme=dark]) .login-page{background-color:#fbf7ea;background-image:url(/trangnguyen/skins/bamboo-left-gold.svg),url(/trangnguyen/skins/bamboo-right-gold.svg),url(/trangnguyen/skins/pond-gold.svg),linear-gradient(#fff8e6,#fbe8c8);background-position:0 100%,100% 100%,bottom,0 0;background-repeat:no-repeat;background-size:auto min(72vh,620px),auto min(72vh,620px),max(100%,1000px),auto;background-attachment:fixed}@media (max-width:768px){html[data-skin=red-gold]:not([data-theme=dark]) .login-page{background-attachment:scroll}}html[data-skin=red-gold] .account-nav a.active,html[data-skin=red-gold] .en-tabs button.active,html[data-skin=red-gold] .fc-tabs .active,html[data-skin=red-gold] .rs-tab.active,html[data-skin=red-gold] .ar2-tabs .active,html[data-skin=red-gold] .cc-tabs .active,html[data-skin=red-gold] .rm-tabs .active{background:linear-gradient(90deg, var(--sk-a), var(--sk-a2))!important;color:#fff!important;border-color:var(--sk-a2)!important}html[data-skin=red-gold] .account-nav a.active:before{background:var(--sk-a2)!important}html[data-skin=red-gold] .en-progress i,html[data-skin=red-gold] .ar2-bar i,html[data-skin=red-gold] .hub-bar i,html[data-skin=red-gold] .ex-progress i,html[data-skin=red-gold] .tn-progress i{background:linear-gradient(90deg, var(--sk-a), var(--sk-a2))!important}html[data-skin=red-gold] .ex-btn.primary,html[data-skin=red-gold] .en-btn.red,html[data-skin=red-gold] .mt-btn.primary,html[data-skin=red-gold] .fc-btn.primary,html[data-skin=red-gold] .gm-btn.primary,html[data-skin=red-gold] .cl-btn.primary,html[data-skin=red-gold] .tn-btn.red,html[data-skin=red-gold] .ar2-find-btn,html[data-skin=red-gold] .ex-unlock-btn,html[data-skin=red-gold] .pr-btn.primary{background:linear-gradient(135deg, var(--sk-a), var(--sk-a2))!important;border-color:var(--sk-a2)!important;color:#fff!important;box-shadow:0 6px 16px color-mix(in srgb, var(--sk-a) 35%, transparent)!important}html[data-skin=red-gold] .login-form .form-input:focus,html[data-skin=red-gold] .register-form .form-input:focus{border-color:var(--sk-a)!important;box-shadow:0 0 0 4px var(--sk-soft)!important}html[data-skin=red-gold] .reg-type button.on{border-color:var(--sk-a)!important;background:var(--sk-soft)!important}html[data-skin=red-gold] .reg-type button.on .reg-type-ico,html[data-skin=red-gold] .reg-type button.on .reg-type-check{background:var(--sk-a)!important;color:#fff!important}html[data-skin=red-gold]:not([data-theme=dark]) .login-page{background-color:#8f0b05;background-image:url(/trangnguyen/skins/bamboo-left-gold.svg),url(/trangnguyen/skins/bamboo-right-gold.svg),url(/trangnguyen/skins/pond-gold.svg),radial-gradient(80% 120% at 50% 0,#c5190f,#8f0b05 75%)}html[data-skin=red-gold]:not([data-theme=dark]) .login-page .copyright{color:#ffe9a8}
