*,*::after,*::before{margin:0;padding:0;box-sizing:border-box}html{font-size:var(--base-font-size)}body{color:var(--dark-primary-color)}:root{--low-contrast-light:95%;--high-contrast-light:10%;--dark-primary-preview:hsl(46, 35%, 15%);--primary-preview:hsl(46, 35%, 25%);--light-primary-preview:hsl(46, 35%,. 65%);--on-primary-preview:hsl(46, 35%, 95%);--primary-hue:46;--primary-sat:35%;--dark-primary-light:15%;--primary-light:25%;--light-primary-light:65%;--on-primary-hue:46;--on-primary-sat:35%;--on-primary-light:var(--low-contrast-light);--primary-border-alpha:0.5;--primary-color:hsl( var(--primary-hue),
                                      var(--primary-sat),
                                      var(--primary-light));--on-primary-color:hsl( var(--on-primary-hue),
                                      var(--on-primary-sat),
                                      var(--on-primary-light));--dark-primary-color:hsl( var(--primary-hue),
                                      var(--primary-sat),
                                      var(--dark-primary-light));--dark-primary-shadow-color:hsl( var(--primary-hue),
                                      var(--primary-sat),
                                      var(--dark-primary-light));--light-primary-color:hsl( var(--primary-hue),
                                      var(--primary-sat),
                                      var(--light-primary-light));;


    --surface-color:var(--on-primary-color);--on-surface-color:var(--primary-color);--surface-secondary-color:var(--light-primary-color);--secondary-preview:hsl(46, 15%, 35%);--on-secondary-preview:hsl(46, 15%, 95%);--secondary-hue:var(--primary-hue);--secondary-sat:15%;--secondary-light:35%;--on-secondary-light:var(--low-contrast-light);--secondary-color:hsla( var(--secondary-hue),
                                      var(--secondary-sat),
                                      var(--secondary-light), 1);--on-secondary-light:hsla( var(--secondary-hue),
                                      var(--secondary-sat),
                                      var(--on-secondary-light), 1);--info-preview:hsl(186, 35%, 50%);--on-info-preview:hsl(186, 35% ,95%);--info-hue:186;--info-sat:35%;--info-light:50%;--on-info-light:95%;--info-color:hsla( var(--info-hue),
                                      var(--info-sat),
                                      var(--info-light), 1);--on-info-color:hsla( var(--info-hue),
                                      var(--info-sat),
                                      var(--on-info-light), 1);--success-preview:hsl(200, 50%, 45%);--on-success-preview:hsl(200, 50%, 95%);--accent-preview:hsl(200, 75%, 45%);--on-accent-preview:hsl(200, 75%, 95%);--success-hue:200;--success-sat:50%;--success-light:45%;--on-success-light:var(--low-contrast-light);--on-accent-light:var(--low-contrast-light);--success-color:hsla( var(--success-hue),
                                      var(--success-sat),
                                      var(--success-light), 1);--on-success-color:hsla( var(--success-hue),
                                      var(--success-sat),
                                      var(--success-on-light), 1);--accent-hue:var(--success-hue);--accent-sat:70%;--accent-light:45%;--accent-color:hsla( var(--accent-hue),
                                      var(--accent-sat),
                                      var(--accent-light), 1);--on-accent-color:hsla( var(--accent-hue),
                                      var(--accent-sat),
                                      var(--on-accent-light), 1);--warning-preview:hsl(45, 85%, 45%);--on-warning-preview:hsl(45, 85%, 95%);--warning-hue:45;--warning-sat:85%;--warning-light:45%;--on-warning-light:var(--low-contrast-light);--warning-color:hsla( var(--warning-hue),
                                      var(--warning-sat),
                                      var(--warning-light), 1);--on-warning-color:hsla( var(--warning-hue),
                                      var(--warning-sat),
                                      var(--on-warning-light), 1);--danger-preview:hsl(0, 43%, 52%);--on-danger-preview:hsl(0, 43%, 95%);--danger-hue:0;--danger-sat:43%;--danger-light:52%;--on-danger-light:var(--low-contrast-light);--danger-color:hsla( var(--danger-hue),
                                      var(--danger-sat),
                                      var(--danger-light), 1);--on-danger-color:hsla( var(--danger-hue),
                                      var(--danger-sat),
                                      var(--on-danger-light), 1);--base-font-size:1rem;--menubar-font-size-ratio:1.3;--title-font-size-ratio:3.5;--icon-size:2.5rem;--logo-font-size:1.8rem;--font-family-menu-title:'Jost', 'Song Myung', sans-serif;--font-family-title:'Abril Fatface', 'Song Myung', serif;--font-family-content:'Jost', 'Gamja Flower', sans-serif;--font-family-monospace:'Inconsolata', 'Consolas', 'Menlo', monospace;--font-family-btn:var(--font-family-content);--font-color:var(--on-primary-color);--font-color-on-surface:var(--on-primary-color);--primary-background-gradient:linear-gradient(135deg, var(--secondary-color), var(--info-color), var(--warning-color)
);--menubar-colortone:light;--menubar-padding-x:3.5rem;--menubar-min-thickness:6rem;--def-ani-dur:350ms;--fast-ani-dur:175ms;--very-fast-ani-dur:88ms}.use-whole-columns{grid-column:1/-1 !important}body{background-image:var(--primary-background-gradient);background-size:400%;animation:patrollingBG 5s infinite alternate;-webkit-animation:patrollingBG 5s infinite alternate}.scroll-smooth{scroll-behavior:smooth}.scroll-margin-top-menubar{scroll-margin-top:var(--menubar-min-thickness)}.error-handler-ctn{height:max-content;padding:5rem 3rem 5rem 3rem;display:grid;justify-items:center;align-content:start;gap:3rem;background-color:var(--on-primary-color);font-size:2rem;font-family:var(--font-family-content)}.error-handler-ctn h1{font-size:3rem;font-family:var(--font-family-title)}.error-handler-ctn .content{min-height:30vh}.error-handler-ctn .actions{display:grid;place-items:center}@media only screen and (orientation: portrait) and (max-width: 108em) {:root{--menubar-padding-x:2rem;--icon-size:1.85rem}.btn{font-size:1.5rem}.error-handler-ctn{height:95vh;padding:3rem 3rem 5rem 3rem;font-size:1.5rem}.error-handler-ctn h1{text-align:center}.error-handler-ctn .content{min-height:0}.error-handler-ctn .actions{font-size:2.5rem}}a,a:visited{text-decoration:none}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-title)}.light-primary-font-color{color:var(--light-primary-color)}.primary-font-color{color:var(--primary-color)}.secondary-font-color{color:var(--secondary-color)}.success-font-color{color:var(--success-color)}.accent-font-color{color:var(--accent-color)}.danger-font-color{color:var(--danger-color)}.warning-font-color{color:var(--warning-color)}.google-login-btn-ctn{display:grid;place-items:center;grid-auto-flow:column;gap:1rem;border:1px}.google-login-btn-ctn .logo{width:var(--icon-size)}.message-bar-appearance[data-hidden="true"]{visibility:hidden}.message-bar-appearance[data-hidden="fasle"]{visibility:visible}.menubar-colortone.dark{--menubar-colortone:'dark'}.menubar-colortone.light{--menubar-colortone:'light'}.message-bar-geom[data-minimized="true"]{--message-bar-top:0.5rem;--message-bar-left:calc(100vw - var(--icon-size) - 0.5rem);width:var(--icon-size);height:var(--icon-size);grid-template-columns:1fr;grid-template-areas:"icon";padding:0;background:none}.message-bar-geom[data-minimized="true"] .message,.message-bar-geom[data-minimized="true"] #main-message-bar-close-btn,.message-bar-geom[data-minimized="true"] #main-message-bar-minimize-btn{display:none}.message-bar-geom[data-minimized="true"] #main-message-minimized-icon{inline-size:var(--icon-size);block-size:var(--icon-size);visibility:visible;grid-area:icon}.message-bar-geom[data-minimized="true"] #main-message-minimized-icon .svg-btn path,.message-bar-geom[data-minimized="true"] #main-message-minimized-icon .svg-btn circle{stroke:var(--warning-color)}.message-bar-appearance{background-color:hsla(var(--primary-hue), var(--primary-sat), 35%, 0.8);color:var(--on-primary-color);border-radius:0.5rem}.message-bar-appearance .glassmorphism{backdrop-filter:blur(0.5rem);-webkit-backdrop-filter:blur(0.5rem)}.message-bar-appearance[data-minimized="true"]{backdrop-filter:none;-webkit-backdrop-filter:none;background:transparent}.message-bar-appearance[data-minimized="true"] #main-message-minimized-icon{transition:visibility var(--def-ani-dur) ease;transition-delay:var(--fast-ani-dur)}.message-bar-geom{--top:var(--message-bar-top, calc(var(--menubar-min-thickness) + 1rem));--left:var(--message-bar-left, var(--menubar-padding-x));position:fixed;z-index:400;width:calc(100vw - 2 * var(--menubar-padding-x));height:var(--menubar-min-thickness);transform:translate3d(var(--left), var(--top), 0);transition:transform var(--fast-ani-dur) ease-in-out, width var(--very-fast-ani-dur) cubic-bezier(.14,.9,.8,.99), background var(--fast-ani-dur);transition-delay:0s, var(--very-fast-ani-dur), 0s;display:grid;place-items:center;grid-template-columns:var(--icon-size) 1fr var(--icon-size);grid-template-areas:"close-btn msg minimize-btn";font-family:var(--font-family-content);font-size:calc(var(--menubar-font-size-ratio) * 1rem);padding:1rem}.message-bar-geom #main-message-bar-close-btn{grid-area:close-btn;z-index:2}.message-bar-geom #main-message-bar-minimize-btn{grid-area:minimize-btn;z-index:3}.message-bar-geom #main-message-minimized-icon{inline-size:var(--icon-size);visibility:hidden;grid-area:msg;z-index:0;transition:none}.message-bar-geom .message{grid-area:msg;display:grid;place-items:center;z-index:1;block-size:100%;overflow-y:auto;text-align:center}.message-bar-geom button{background:transparent;border:none}.message-bar-geom.no-menubar{--message-bar-top:1rem}.message-bar-geom.no-menubar[data-minimized="true"]{--message-bar-top:calc(0.5* var(--menubar-min-thickness) - 0.5rem);--message-bar-left:calc(100vw - var(--icon-size) - var(--menubar-padding-x) - 0.5rem)}@media only screen and (orientation: portrait) and (max-width: 108em) {.message-bar-geom #main-message-minimized-icon{grid-area:minimize-btn}.message-bar-geom[data-minimized="true"]{--message-bar-top:0.5rem;--message-bar-left:calc(2* var(--icon-size))}.message-bar-geom.no-menubar{--message-bar-top:0.5rem;--message-bar-left:0.5rem;width:calc(100vw - 1rem)}.message-bar-geom.no-menubar[data-minimized="true"]{--message-bar-top:0.5rem;--message-bar-left:calc(50vw - 0.5 * var(--icon-size))}}.btn{--hue:var(--btn-hue, var(--info-hue));--sat:var(--btn-sat, var(--info-sat));--light:var(--btn-light, var(--info-light));--color:var(--btn-font-color, var(--on-primary-color));--bg-color:hsl( var(--hue), var(--sat), var(--light) );--darker-bg-color:hsl( var(--hue), var(--sat), calc(var(--light) - 20%) );font-family:var(--font-family-btn);font-size:1.3rem;background-color:var(--bg-color);color:var(--color);padding:1rem 1.5rem;border:none;border-radius:0.35rem;cursor:pointer;transition:background-color 0.25s, transform 0.1s}.btn:hover{background-color:var(--darker-bg-color)}.btn:focus{outline:none;box-shadow:0 0 0 3px var(--accent-color)}.btn:active{transform:scale(0.98)}.btn.sm{margin:0 0.25rem;padding:0.25rem 0.45rem;width:fit-content}.btn.secondary{--btn-hue:var(--secondary-hue);--btn-sat:var(--secondary-sat);--btn-light:var(--secondary-light);--btn-font-color:var(--on-secondary-color)}.btn.success{--btn-hue:var(--success-hue);--btn-sat:var(--success-sat);--btn-light:var(--success-light);--btn-font-color:var(--on-success-color)}.btn.error{--btn-hue:var(--danger-hue);--btn-sat:var(--danger-sat);--btn-light:var(--danger-light);--btn-font-color:var(--on-danger-color)}.svg-btn{border:none;cursor:pointer;transition:background-color 0.25s, transform 0.1s}.svg-btn:hover{opacity:0.65}.svg-btn:focus{outline:none;box-shadow:0 0 0 2px var(--accent-color)}.svg-btn:active{transform:scale(0.98)}.svg-btn svg{inline-size:100%;block-size:100%}.svg-btn svg path{stroke:var(--on-primary-color)}.svg-btn svg circle{stroke:var(--light-primary-color)}.ui-page-wrapper{--font-color:var(--dark-primary-color);--section-gap:1rem;--ui-font-size:calc( var(--menubar-font-size-ratio) * 1rem );min-height:50vh;background-color:var(--on-primary-color);font-family:var(--font-family-content);font-size:var(--ui-font-size);color:var(--font-color)}.ui-page-wrapper.pad--menubar{padding-top:var(--menubar-min-thickness)}.ui-page-wrapper a,.ui-page-wrapper a:visited{color:var(--font-color);text-decoration:none}.ui-page-wrapper .btn{color:var(--on-primary-color)}.ui-page-wrapper .title,.ui-page-wrapper .prompt{color:var(--primary-color)}.ui-page-wrapper .title{font-size:2rem;font-weight:600}.ui-page-wrapper .prompt{font-weight:400;margin-bottom:1rem}@media only screen and (orientation: portrait) and (max-width: 108em) {.btn{font-size:1.5rem}}@keyframes fadeIn {0%{opacity:0}66%{opacity:0}100%{opacity:1}}@-webkit-keyframes fadeIn {0%{opacity:0}66%{opacity:0}100%{opacity:1}}@keyframes patrollingBG {0%{background-position:left}100%{background-position:right}}@-webkit-keyframes patrollingBG {0%{background-position:left}100%{background-position:right}}.noscroll{overflow:hidden}.logo-bar{position:fixed;top:0;width:100%;background-color:hsla(var(--on-primary-hue), var(--on-primary-sat), var(--on-primary-light), 0.8);backdrop-filter:blur(0.5rem);-webkit-backdrop-filter:blur(0.5rem);display:grid;place-items:center;min-height:var(--menubar-min-thickness);font-family:"Alatsi";font-size:var(--logo-font-size);font-weight:800;letter-spacing:0.5rem}.logo-bar a,.logo-bar a:visited{color:var(--dark-primary-color);font-weight:400;text-decoration:none}.ui-page-wrapper{padding-top:var(--menubar-min-thickness);width:100%;--ui-font-size:var(--ui-font-size-content);--ui-font-size-content:calc(var(--menubar-font-size-ratio) * 1rem);--ui-font-size-title:calc(var(--title-font-size-ratio) * 1rem);--ui-font-size-input:var(--ui-font-size-content);--ui-font-family-title:var(--font-family-title);--ui-font-family-content:var(--font-family-content);--ui-font-family-monospace:var(--font-family-monospace);--ui-icon-size:var(--icon-size);--ui-animation-duration-default:var(--def-ani-dur)}.ui-ctn{min-height:15rem;display:grid;justify-items:center;justify-content:stretch;align-content:start;gap:var(--section-gap)}.ui-ctn hr{justify-self:stretch}.ui-ctn .login-form-ctn,.ui-ctn .set-password-ctn,.ui-ctn .login-form-actions-ctn,.ui-ctn .register-form-actions-grid{display:grid;justify-items:stretch;justify-content:stretch;align-content:start;gap:0.95rem;font-size:1.2rem}.ui-ctn .register-form-ctn,.ui-ctn .complete-signup-ctn,.ui-ctn .scroll-form-ctn{display:flex;width:80vw;max-width:32rem;min-height:24rem;overflow-x:hidden;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:1rem 0 0 0}.ui-ctn .register-form-ctn .scroll-form-section,.ui-ctn .complete-signup-ctn .scroll-form-section,.ui-ctn .scroll-form-ctn .scroll-form-section{width:80vw;max-width:32rem;flex:0 0 100%;display:grid;place-items:start / center;justify-content:center;scroll-snap-align:center}.ui-ctn .register-form-ctn .scroll-form-section > *,.ui-ctn .complete-signup-ctn .scroll-form-section > *,.ui-ctn .scroll-form-ctn .scroll-form-section > *{width:76vw;max-width:30rem}.ui-ctn .register-form-ctn button,.ui-ctn .complete-signup-ctn button,.ui-ctn .scroll-form-ctn button{background:transparent;border:none}.ui-ctn .register-form-ctn .actions,.ui-ctn .complete-signup-ctn .actions,.ui-ctn .scroll-form-ctn .actions{margin-top:2rem;display:flex;gap:1rem;justify-content:end}.ui-ctn .register-form-ctn .actions .btn,.ui-ctn .complete-signup-ctn .actions .btn,.ui-ctn .scroll-form-ctn .actions .btn{font-size:1rem}.ui-ctn .register-form-ctn .input-with-label{display:grid;place-items:center;block-size:5rem}.ui-ctn .register-form-ctn .input-with-label label,.ui-ctn .register-form-ctn .input-with-label input{--font-color:var(--dark-primary-color);grid-area:1 / -1;inline-size:100%;color:var(--font-color)}.ui-ctn .register-form-ctn .input-with-label label{z-index:1;pointer-events:none;transition:0.5s;margin-left:2.25rem}.ui-ctn .register-form-ctn .input-with-label input[required] ~ label:after{content:"*"
        }.ui-ctn .register-form-ctn .input-with-label input:not(:placeholder-shown):valid ~ label,.ui-ctn .register-form-ctn .input-with-label input:focus ~ label{--font-color:var(--primary-color);font-size:1rem;margin-left:0rem;transform:translateY(2.25rem)}.ui-ctn .register-form-ctn .input-with-label input[type="email"]:not(:placeholder-shown):invalid ~ label,.ui-ctn .register-form-ctn .input-with-label input[type="email"]:not(:placeholder-shown):invalid ~label:after{--font-color:var(--danger-color);font-size:1rem;margin-left:0rem;transform:translateY(2.25rem)}.ui-ctn .register-form-ctn .input-with-label input[type="email"]:not(:placeholder-shown):invalid ~ label:after{content:" (invalid)"
            }.ui-ctn #signup-link,.ui-ctn #forgotpass-link{font-size:1rem}.ui-ctn .signup,.ui-ctn .pass{font-size:1.3rem;color:var(--warning-color);font-weight:600;text-decoration-line:underline}.ui-ctn input:not([type="submit"]){padding:1rem;height:3rem !important;font-size:var(--ui-font-size-input);inline-size:100%;block-size:1.8rem;color:var(--primary-color)}.ui-ctn .auth-plugin-seperator{font-size:1.25rem}.showupable{--dur:var(--ui-animation-duration-default, 0.3s);opacity:0;transition:transform var(--dur) ease-in-out, opacity var(--dur) ease-in-out}.showupable.initial{transform:scale(0.5)}.showupable.processing{transform:scale(0.8)}.showupable.final{transform:scale(0.8)}.showupable[data-hidden="false"]{transform:scale(1);opacity:1}@media only screen and (orientation: portrait) and (max-width: 108em) {.ui-page-wrapper{min-height:95vh}}footer{background-image:var(--primary-background-gradient);background-size:400%;animation:patrollingBG 5s infinite alternate;-webkit-animation:patrollingBG 5s infinite alternate;z-index:-1;padding:10rem var(--menubar-padding-x) 3rem var(--menubar-padding-x);display:grid;grid-template-columns:2fr 3fr 2fr 1fr;grid-template-rows:1fr 2rem auto;grid-template-areas:"contact visit-us trading-hours social-media"
                          "sitemap sitemap sitemap sitemap"
                          "copyright copyright copyright copyright";grid-row-gap:3rem;grid-column-gap:2rem;color:var(--dark-primary-color);font-family:var(--font-family-content)}footer .btn{font-size:0.95rem}footer a,footer a:visited{color:var(--dark-primary-color);font-weight:400;text-decoration:none}footer ul{display:grid;grid-auto-flow:row;justify-content:start;grid-row-gap:0.5rem;justify-items:start;list-style:none}footer .sitemap ul{grid-auto-flow:column;grid-column-gap:2rem}footer .trading-hours ul{grid-auto-flow:row}footer .social-media ul{grid-auto-flow:column;justify-content:stretch;justify-items:center;gap:1rem}footer .title{font-family:var(--font-family-menu-title);font-weight:800;font-size:1.2rem;padding-bottom:0.8rem}footer .content{font-size:1rem}footer .social-media{grid-area:social-media}footer .visit-us{grid-area:visit-us}footer .trading-hours{grid-area:trading-hours}footer .sitemap{grid-area:sitemap;display:grid;place-items:center;align-self:end;text-align:center}footer .copyright{grid-column:1 / -1;grid-row:-1 / span 1;display:grid;place-item:center;text-align:center}footer svg{display:inline-block;width:var(--icon-size);height:var(--icon-size)}footer svg path{fill:var(--dark-primary-color)}footer svg:hover path{fill:var(--primary-color)}@media only screen and (orientation: portrait) and (max-width: 108em) {footer{margin-top:-2rem;grid-template-columns:2fr 2fr;grid-template-rows:1fr 1fr 1fr 3rem auto;grid-template-areas:"contact social-media"
                              "trading-hours trading-hours"
                              "visit-us visit-us"
                              "sitemap sitemap"
                              "copyright copyright"}footer .contact,footer .social-media,footer .trading-hours,footer .visit-us{display:grid;place-content:start stretch;gap:1rem;place-items:center;text-align:center}footer .title{font-size:1.3rem}footer .content{font-size:1.15rem}footer ul{justify-content:stretch;justify-items:center}}@media only screen and ((pointer:none) or (pointer:coarse)) {footer{padding-bottom:12rem}}.ui-ctn{padding:3rem 3rem 5rem 3rem}