
/* /albamart_theme/static/src/scss/login_frontend.scss */
 @font-face{font-family: "Poppins"; src: url("/albamart_theme/static/src/fonts/Poppins-Regular.woff") format("woff"); font-style: normal; font-weight: 400; font-display: swap;}@font-face{font-family: "Poppins"; src: url("/albamart_theme/static/src/fonts/Poppins-Medium.woff") format("woff"); font-style: normal; font-weight: 500; font-display: swap;}@font-face{font-family: "Poppins"; src: url("/albamart_theme/static/src/fonts/Poppins-SemiBold.woff") format("woff"); font-style: normal; font-weight: 600; font-display: swap;}@font-face{font-family: "Poppins"; src: url("/albamart_theme/static/src/fonts/Poppins-Bold.woff") format("woff"); font-style: normal; font-weight: 700; font-display: swap;}body.o_hub_login{height: 100dvh; min-height: 100%; margin: 0; overflow: hidden; background: #fff; color: #1d1d1b; font-family: "Poppins", Arial, sans-serif;}body.o_hub_login #wrapwrap, body.o_hub_login #wrapwrap > main{height: 100dvh; min-height: 0; overflow: hidden;}body.o_hub_login .o_hub_login_shell{display: grid; grid-template-columns: minmax(0, 52%) minmax(430px, 48%); height: 100dvh; min-height: 0; overflow: hidden;}body.o_hub_login .o_hub_login_story{position: relative; height: 100%; min-height: 0; overflow: hidden; background: linear-gradient(135deg, rgba(255, 255, 255, 0.1) 0 48%, transparent 48% 100%), linear-gradient(140deg, #d51c29 0%, #c51623 46%, #841515 100%); color: #fff;}body.o_hub_login .o_hub_peak{position: absolute; top: -1px; width: 0; height: 0; border-style: solid; border-color: #fff transparent transparent; pointer-events: none;}body.o_hub_login .o_hub_peak_start{left: 29%; border-width: clamp(88px, 11vw, 175px) clamp(92px, 12vw, 190px) 0 0;}body.o_hub_login .o_hub_peak_end{left: 45%; border-width: clamp(88px, 11vw, 175px) clamp(92px, 12vw, 190px) 0 clamp(92px, 12vw, 190px);}body.o_hub_login .o_hub_story_content{position: relative; z-index: 1; display: flex; flex-direction: column; justify-content: center; width: 78%; max-width: 690px; min-height: 100%; margin: 0 auto; padding: 11vh 0 9vh;}body.o_hub_login .o_hub_story_copy h1{margin: 0; color: #fff; font-size: clamp(2.6rem, 4.4vw, 5.15rem); font-weight: 600; letter-spacing: -0.045em; line-height: 1.08;}body.o_hub_login .o_hub_story_copy p{margin: 1.4rem 0 0; font-size: clamp(1.05rem, 1.5vw, 1.7rem); font-weight: 400;}body.o_hub_login .o_hub_story_copy p span{padding: 0 0.38rem; color: #ff3a46;}body.o_hub_login .o_login_auth{display: none;}body.o_hub_login .o_hub_flow{display: block; width: 100%; max-width: 760px; height: auto; margin-top: clamp(3.5rem, 8vh, 7.5rem); overflow: visible;}body.o_hub_login .o_hub_flow_route path{stroke: rgba(255, 255, 255, 0.88); stroke-width: 2;}body.o_hub_login .o_hub_flow_marks circle{fill: #fff;}body.o_hub_login .o_hub_flow_marks .o_hub_flow_arrow{fill: rgba(255, 255, 255, 0.88);}body.o_hub_login .o_hub_flow_nodes .o_hub_flow_icon{fill: rgba(255, 255, 255, 0.88); stroke: rgba(255, 255, 255, 0.88); stroke-width: 0;}body.o_hub_login .o_hub_flow_nodes .o_hub_flow_icon [fill="none"]{stroke-width: 3.2;}body.o_hub_login .o_hub_flow_nodes text{fill: #fff; font-family: inherit; font-size: 26px; font-weight: 500; text-anchor: middle;}body.o_hub_login .o_hub_login_panel{display: flex; align-items: center; justify-content: center; height: 100%; min-height: 0; padding: clamp(2rem, 5vw, 6rem); background: #fff;}body.o_hub_login .o_hub_login_card{width: 100%; max-width: 590px;}body.o_hub_login .o_hub_brand{margin-bottom: clamp(1.6rem, 4vh, 3.4rem);}body.o_hub_login .o_hub_brand_logo{display: block; width: auto; max-width: 430px; height: auto; max-height: 135px; object-fit: contain; object-position: left center;}body.o_hub_login .o_hub_product{position: relative; display: flex; flex-direction: column; gap: 0.05rem; margin-top: 1.6rem; padding-top: 0.8rem;}body.o_hub_login .o_hub_product::before{position: absolute; top: 0; left: 0; width: 36px; height: 3px; background: #d51c29; content: "";}body.o_hub_login .o_hub_product_name{font-size: 1.55rem; font-weight: 700; letter-spacing: -0.035em; line-height: 1.1;}body.o_hub_login .o_hub_product_caption, body.o_hub_login .o_hub_welcome p{color: #6f7073; font-size: 0.95rem;}body.o_hub_login .o_hub_welcome{margin-bottom: 1.55rem;}body.o_hub_login .o_hub_welcome h2{margin: 0 0 0.3rem; color: #1d1d1b; font-size: clamp(2rem, 3vw, 2.7rem); font-weight: 600; letter-spacing: -0.045em;}body.o_hub_login .o_hub_welcome p{margin: 0;}body.o_hub_login .oe_login_form .form-label{margin-bottom: 0.55rem; color: #1d1d1b; font-size: 0.95rem; font-weight: 500;}body.o_hub_login .oe_login_form .form-control, body.o_hub_login .oe_login_form .input-group .btn{min-height: 56px; border-color: #d9dadd; border-radius: 9px; background: #fff; box-shadow: none; font-family: inherit;}body.o_hub_login .oe_login_form .input-group .form-control{border-radius: 9px 0 0 9px;}body.o_hub_login .oe_login_form .input-group .btn{border-radius: 0 9px 9px 0; color: #626367;}body.o_hub_login .oe_login_form .form-control:focus{border-color: #d51c29; box-shadow: 0 0 0 0.2rem rgba(213, 28, 41, 0.12);}body.o_hub_login .oe_login_form .field-login, body.o_hub_login .oe_login_form .input-group{position: relative;}body.o_hub_login .oe_login_form .o_hub_field_icon{position: absolute; left: 1.15rem; z-index: 5; width: 1.15rem; color: #9a9b9f; font-size: 1rem; line-height: 1; text-align: center; pointer-events: none; top: auto; bottom: 28px; transform: translateY(50%);}body.o_hub_login .oe_login_form .field-login .form-control, body.o_hub_login .oe_login_form .input-group .form-control{padding-left: 3.1rem;}body.o_hub_login .oe_login_form .o_caps_lock_warning{position: relative; padding-bottom: 2.4rem;}body.o_hub_login .oe_login_form .o_caps_lock_warning a[href*="reset_password"]{position: absolute; right: 0; bottom: 0; padding: 0; border: 0; color: #d51c29; font-size: 0.9rem; line-height: 1.2; text-decoration: none;}body.o_hub_login .oe_login_form .o_caps_lock_warning a[href*="reset_password"]:hover{text-decoration: underline;}body.o_hub_login .oe_login_form .oe_login_buttons{padding-top: 1.5rem !important;}body.o_hub_login .oe_login_form .oe_login_buttons > .btn-primary{min-height: 58px; border: 0; border-radius: 9px; background: linear-gradient(100deg, #d51c29 0%, #841515 100%); box-shadow: 0 10px 22px rgba(132, 21, 21, 0.16); font-family: inherit; font-weight: 600;}body.o_hub_login .oe_login_form .oe_login_buttons > .btn-primary:hover, body.o_hub_login .oe_login_form .oe_login_buttons > .btn-primary:focus{background: linear-gradient(100deg, #c81926 0%, #741212 100%); box-shadow: 0 12px 24px rgba(132, 21, 21, 0.24);}body.o_hub_login .oe_login_form .oe_login_buttons .btn-link, body.o_hub_login .oe_login_form .oe_login_buttons a{color: #d51c29; text-decoration: none;}body.o_hub_login .oe_login_form .oe_login_buttons .btn-link:hover, body.o_hub_login .oe_login_form .oe_login_buttons a:hover{text-decoration: underline;}body.o_hub_login .oe_login_form .alert{border-radius: 9px; font-size: 0.9rem;}body.o_hub_login .o_hub_security{display: flex; gap: 0.7rem; align-items: center; justify-content: center; margin-top: 1.65rem; color: #6f7073; font-size: 0.82rem;}body.o_hub_login .o_hub_login_footer{display: flex; justify-content: space-between; margin-top: 2.2rem; padding-top: 1.8rem; border-top: 1px solid #e3e3e3; color: #6f7073; font-size: 0.8rem;}body.o_hub_login .o_hub_login_footer a{color: #1d1d1b; text-decoration: none;}body.o_hub_login .o_hub_login_footer a:hover{color: #d51c29;}@media (min-width: 992px) and (max-height: 900px){body.o_hub_login .o_hub_story_content{padding: clamp(2.2rem, 6vh, 4rem) 0 clamp(1.8rem, 5vh, 3rem);}body.o_hub_login .o_hub_flow{margin-top: clamp(2rem, 5vh, 3.5rem); max-width: 640px;}body.o_hub_login .o_hub_login_panel{padding: clamp(1.25rem, 3vh, 2rem) clamp(2rem, 5vw, 4rem);}body.o_hub_login .o_hub_brand{margin-bottom: 0.85rem;}body.o_hub_login .o_hub_brand_logo{max-height: 92px;}body.o_hub_login .o_hub_product{margin-top: 0.7rem; padding-top: 0.55rem;}body.o_hub_login .o_hub_welcome{margin-bottom: 0.8rem;}body.o_hub_login .o_hub_welcome h2{font-size: clamp(1.75rem, 2.5vw, 2.25rem);}body.o_hub_login .oe_login_form{margin: 0 !important;}body.o_hub_login .oe_login_form .form-control, body.o_hub_login .oe_login_form .input-group .btn{min-height: 48px;}body.o_hub_login .oe_login_form .oe_login_buttons{padding-top: 0.75rem !important;}body.o_hub_login .oe_login_form .oe_login_buttons > .btn-primary{min-height: 50px;}body.o_hub_login .o_hub_security{margin-top: 0.8rem;}body.o_hub_login .o_hub_login_footer{margin-top: 0.9rem; padding-top: 0.8rem;}}@media (max-width: 991.98px){body.o_hub_login{height: auto; min-height: 100%; overflow-x: hidden; overflow-y: auto;}body.o_hub_login #wrapwrap, body.o_hub_login #wrapwrap > main, body.o_hub_login .o_hub_login_shell{height: auto; min-height: 100vh; overflow: visible;}body.o_hub_login .o_hub_login_shell{grid-template-columns: 1fr;}body.o_hub_login .o_hub_login_story{min-height: 38vh;}body.o_hub_login .o_hub_story_content{width: 84%; max-width: 720px; min-height: 38vh; padding: 5rem 0 3rem;}body.o_hub_login .o_hub_flow{display: none;}body.o_hub_login .o_hub_login_panel{min-height: 62vh; padding: 3.5rem 1.5rem;}}@media (max-width: 575.98px){body.o_hub_login .o_hub_login_story{min-height: 30vh;}body.o_hub_login .o_hub_story_content{min-height: 30vh; padding: 4rem 0 2.2rem;}body.o_hub_login .o_hub_story_copy h1{font-size: 2.35rem;}body.o_hub_login .o_hub_story_copy p{margin-top: 0.8rem; font-size: 1rem;}body.o_hub_login .o_hub_login_panel{min-height: 70vh; padding: 2.5rem 1.2rem;}body.o_hub_login .o_hub_brand_logo{max-height: 96px;}body.o_hub_login .o_hub_login_footer{gap: 1rem; flex-wrap: wrap;}}@media (prefers-reduced-motion: reduce){body.o_hub_login *, body.o_hub_login *::before, body.o_hub_login *::after{scroll-behavior: auto !important; transition: none !important;}}