@import-normalize;body{display:flex;flex:1 1 auto;flex-direction:column;width:100%;max-width:100vw;height:auto;min-height:100vh;min-height:-webkit-fill-available;flex:1 1 100%;text-size-adjust:100%;font-size:100%}main{width:100%}.hidden{display:none}.pointer{cursor:pointer}.full-width{width:100%}.full-height{height:100%}.half-width{width:50%}.ellipsis{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:100%}.text-align-center{text-align:center}.text-align-left{text-align:left}.text-align-right{text-align:right}.flex{display:flex;flex:1 1 100%}.flex.row{flex-direction:row}.flex.column{flex-direction:column}.flex.no-direction{flex-direction:unset}.flex.no-grow{flex:0 1 auto}.flex.no-shrink{flex:1 0 auto}.flex.no-flex{flex:unset}.flex.wrap{flex-wrap:wrap}.flex.centered{align-items:center;justify-content:center}.flex.vertical-centered{align-items:center}.flex.vertical-start{align-items:flex-start}.flex.vertical-end{align-items:flex-end}.flex.horizontal-centered{justify-content:center}.flex.horizontal-end,.flex.horizontal-start{justify-content:flex-end}.flex.justify-content-start{justify-content:flex-start}.flex.justify-content-end{justify-content:flex-end}.flex.justify-content-center{justify-content:center}.flex.justify-content-space-between{justify-content:space-between}.flex.justify-content-space-around{justify-content:space-around}.flex.justify-content-space-evenly{justify-content:space-evenly}.flex.align-items-start{align-items:flex-start}.flex.align-items-end{align-items:flex-end}.flex.align-items-center{align-items:center}.flex.align-items-stretch{align-items:stretch}.flex.align-items-baseline{align-items:baseline}.flex.align-content-start{align-content:flex-start}.flex.align-content-end{align-content:flex-end}.flex.align-content-center{align-content:center}.flex.align-content-stretch{align-content:stretch}.flex.align-content-space-between{align-content:space-between}.flex.align-content-space-around{align-content:space-around}.flex.align-self-start{align-self:flex-start}.flex.align-self-end{align-self:flex-end}.flex.align-self-center{align-self:center}.flex.align-self-baseline{align-self:baseline}.flex.align-self-stretch{align-self:stretch}.spacing.margin.right{margin-right:8px}.spacing.margin.left{margin-left:8px}.spacing.margin.top{margin-top:8px}.spacing.margin.bottom{margin-bottom:8px}.spacing.margin.all{margin:8px}.spacing.padding.right{padding-right:8px}.spacing.padding.left{padding-left:8px}.spacing.padding.top{padding-top:8px}.spacing.padding.bottom{padding-bottom:8px}.spacing.padding.all{padding:8px}.spacing.double.margin.right{margin-right:16px}.spacing.double.margin.left{margin-left:16px}.spacing.double.margin.top{margin-top:16px}.spacing.double.margin.bottom{margin-bottom:16px}.spacing.double.margin.all{margin:16px}.spacing.double.padding.right{padding-right:16px}.spacing.double.padding.left{padding-left:16px}.spacing.double.padding.top{padding-top:16px}.spacing.double.padding.bottom{padding-bottom:16px}.spacing.double.padding.all{padding:16px}.spacing.triple.margin.right{margin-right:24px}.spacing.triple.margin.left{margin-left:24px}.spacing.triple.margin.top{margin-top:24px}.spacing.triple.margin.bottom{margin-bottom:24px}.spacing.triple.margin.all{margin:24px}.spacing.triple.padding.right{padding-right:24px}.spacing.triple.padding.left{padding-left:24px}.spacing.triple.padding.top{padding-top:24px}.spacing.triple.padding.bottom{padding-bottom:24px}.spacing.triple.padding.all{padding:24px}.user-select-none{user-select:none}@font-face{font-family:Dancing Script;font-style:normal;font-weight:400;font-display:swap;src:url(assets/scss/assets/fonts/dancing_script_vietnamese.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:Dancing Script;font-style:normal;font-weight:400;font-display:swap;src:url(assets/scss/assets/fonts/dancing_script_latin_ext.woff) format("woff");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Dancing Script;font-style:normal;font-weight:400;font-display:swap;src:url(assets/scss/assets/fonts/dancing_script_lating.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fira Sans;font-weight:100;font-style:normal;font-display:swap;src:url(assets/scss/assets/fonts/FiraSans/FiraSans-Thin.ttf) format("truetype");unicode-range:U+0-10FFFF}@font-face{font-family:Fira Sans;font-weight:200;font-style:normal;font-display:swap;src:url(assets/scss/assets/fonts/FiraSans/FiraSans-ExtraLight.ttf) format("truetype");unicode-range:U+0-10FFFF}@font-face{font-family:Fira Sans;font-weight:300;font-style:normal;font-display:swap;src:url(assets/scss/assets/fonts/FiraSans/FiraSans-Light.ttf) format("truetype");unicode-range:U+0-10FFFF}@font-face{font-family:Fira Sans;font-weight:400;font-style:normal;font-display:swap;src:url(assets/scss/assets/fonts/FiraSans/FiraSans-Regular.ttf) format("truetype");unicode-range:U+0-10FFFF}@font-face{font-family:Fira Sans;font-weight:500;font-style:normal;font-display:swap;src:url(assets/scss/assets/fonts/FiraSans/FiraSans-Medium.ttf) format("truetype");unicode-range:U+0-10FFFF}@font-face{font-family:Fira Sans;font-weight:600;font-style:normal;font-display:swap;src:url(assets/scss/assets/fonts/FiraSans/FiraSans-SemiBold.ttf) format("truetype");unicode-range:U+0-10FFFF}@font-face{font-family:Fira Sans;font-weight:700;font-style:normal;font-display:swap;src:url(assets/scss/assets/fonts/FiraSans/FiraSans-Bold.ttf) format("truetype");unicode-range:U+0-10FFFF}@font-face{font-family:Fira Sans;font-weight:800;font-style:normal;font-display:swap;src:url(assets/scss/assets/fonts/FiraSans/FiraSans-ExtraBold.ttf) format("truetype");unicode-range:U+0-10FFFF}@font-face{font-family:Fira Sans;font-weight:900;font-style:normal;font-display:swap;src:url(assets/scss/assets/fonts/FiraSans/FiraSans-Black.ttf) format("truetype");unicode-range:U+0-10FFFF}@font-face{font-family:Fira Sans;font-weight:100;font-style:italic;font-display:swap;src:url(assets/scss/assets/fonts/FiraSans/FiraSans-ThinItalic.ttf) format("truetype");unicode-range:U+0-10FFFF}@font-face{font-family:Fira Sans;font-weight:200;font-style:italic;font-display:swap;src:url(assets/scss/assets/fonts/FiraSans/FiraSans-ExtraLightItalic.ttf) format("truetype");unicode-range:U+0-10FFFF}@font-face{font-family:Fira Sans;font-weight:300;font-style:italic;font-display:swap;src:url(assets/scss/assets/fonts/FiraSans/FiraSans-LightItalic.ttf) format("truetype");unicode-range:U+0-10FFFF}@font-face{font-family:Fira Sans;font-weight:400;font-style:italic;font-display:swap;src:url(assets/scss/assets/fonts/FiraSans/FiraSans-Italic.ttf) format("truetype");unicode-range:U+0-10FFFF}@font-face{font-family:Fira Sans;font-weight:500;font-style:italic;font-display:swap;src:url(assets/scss/assets/fonts/FiraSans/FiraSans-MediumItalic.ttf) format("truetype");unicode-range:U+0-10FFFF}@font-face{font-family:Fira Sans;font-weight:600;font-style:italic;font-display:swap;src:url(assets/scss/assets/fonts/FiraSans/FiraSans-SemiBoldItalic.ttf) format("truetype");unicode-range:U+0-10FFFF}@font-face{font-family:Fira Sans;font-weight:700;font-style:italic;font-display:swap;src:url(assets/scss/assets/fonts/FiraSans/FiraSans-BoldItalic.ttf) format("truetype");unicode-range:U+0-10FFFF}@font-face{font-family:Fira Sans;font-weight:800;font-style:italic;font-display:swap;src:url(assets/scss/assets/fonts/FiraSans/FiraSans-ExtraBoldItalic.ttf) format("truetype");unicode-range:U+0-10FFFF}@font-face{font-family:Fira Sans;font-weight:900;font-style:italic;font-display:swap;src:url(assets/scss/assets/fonts/FiraSans/FiraSans-Black.ttf) format("truetype");unicode-range:U+0-10FFFF}main.main-content{display:grid;grid-template-columns:250px 1fr}@media (max-width: 900px){main.main-content{grid-template-columns:1fr}}html{height:100vh;height:-webkit-fill-available;scroll-behavior:smooth;background-color:var(--primary-main)}body{min-height:100vh;min-height:-webkit-fill-available;margin:0;display:flex;flex-direction:column;flex:1 1 100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.dancing-script{font-family:Dancing Script!important}.container{margin:0 auto;padding-left:24px;padding-right:24px;max-width:1360px}#root{flex:1 1 100%}#root:empty{width:300px;height:100px;margin:auto}#root:empty:before{width:300px;height:100px;margin:auto;content:url(/assets/logo-with-writing-B70AFlo-.svg);animation:rotation .75s alternate 0s,fadeIn .25s ease-in .72s}@media not all and (min-resolution: .001dpcm){input[type=password]{font:small-caption;font-size:1rem}#root:empty:before{width:100px;height:100px;content:url(/assets/logoonly-BhyHSBCT.svg);animation:rotationSafari .75s alternate 0s}}#root:not(:empty){animation:fadeIn2 .2s ease-in-out}@keyframes fadeIn{0%{opacity:.6}to{opacity:1}}@keyframes fadeIn2{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes rotation{0%{width:78px;content:url(/assets/logoonly-BhyHSBCT.svg);transform:scale(.5)}25%{width:78px;content:url(/assets/logoonly-BhyHSBCT.svg);transform:scale(.3)}75%{width:78px;content:url(/assets/logoonly-BhyHSBCT.svg);transform:scale(1.2)}90%{width:78px;content:url(/assets/logoonly-BhyHSBCT.svg);transform:scale(1)}to{width:78px;content:url(/assets/logoonly-BhyHSBCT.svg);transform:scale(1) translate(-110px)}}@keyframes rotationSafari{0%{transform:scale(.5)}25%{transform:scale(.3)}75%{transform:scale(1.2)}90%{transform:scale(1)}to{transform:scale(1)}}