/* /puro_portal/static/src/scss/puro_portal_variables.scss */
 

/* /puro_portal/static/src/scss/login.scss */
 .login{display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; width: 100%; height: 100vh; padding: 36px; gap: 36px; justify-content: center; align-items: center; background: #ffffff; overflow: hidden; box-sizing: border-box;}@media (max-width: 600px){.login{-webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; padding: 16px; gap: 16px;}}.login .oe_login_form{max-width: 380px; width: 100%; padding: 0; box-shadow: none;}.password-input-wrapper{position: relative; width: 100%;}.password-input-wrapper input{width: 100%; padding-right: 2.5rem; box-sizing: border-box;}.panel{-webkit-box-flex: 1; -webkit-flex: 1 1 0; flex: 1 1 0; align-self: stretch; display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; justify-content: center; align-items: center;}.panel--left{background-color: #ffffff; padding: 40px 24px; border-radius: 40px; gap: 80px;}.panel--right{position: relative; overflow: hidden; border-radius: 63px; background-image: url("/puro_portal/static/img/login_bg_right.png"); background-size: cover; background-position: center; background-repeat: no-repeat;}@media (max-width: 600px){.panel--right{min-height: 300px; border-radius: 32px;}}.panel__content{width: 380px; max-width: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-pack: start; justify-content: flex-start; align-items: flex-start; gap: 24px;}.panel__heading{align-self: stretch; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-pack: start; justify-content: flex-start; align-items: center; gap: 8px;}.panel__title{color: #1A201F; font-size: 24px; font-family: 'ABC Favorit', sans-serif; font-weight: 400; line-height: 28.8px; word-wrap: break-word; margin: 0;}.panel__form{align-self: stretch; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-pack: start; justify-content: flex-start; align-items: center; gap: 12px; width: 100%;}.panel__overlay{position: absolute; inset: 0; background: linear-gradient(0deg, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0.35) 100%); display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center;}.panel__logo-group{position: relative; width: 80%; max-width: 461px; aspect-ratio: 461 / 74;}.panel__logo{position: absolute; display: block;}.panel__logo--puro{width: 28.535%; height: 66.66%; left: 0; top: 28.39%;}.panel__logo--brand-mark{width: 30.27%; height: 100%; left: 31.99%; top: 0;}.panel__logo--earth{width: 34.28%; height: 70.51%; left: 65.72%; top: 8.15%;}.o_auth_oauth_providers{width: 100%; gap: 15px;}.o_auth_oauth_providers a{display: -webkit-inline-box; display: -webkit-inline-flex; display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; width: 100%; max-width: 654px; height: 32px; padding: 4px 16px; justify-content: center; align-items: center; gap: 8px; background: #00D0FF; border-radius: 999px; text-decoration: none; cursor: pointer; transition: opacity 0.2s; text-transform: lowercase;}.o_auth_oauth_providers .list-group-item:first-child{border-top-left-radius: 999px !important; border-top-right-radius: 999px !important;}.o_auth_oauth_providers .list-group-item:last-child{border-bottom-right-radius: 999px !important; border-bottom-left-radius: 999px !important;}.login-btn{display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; width: 100%; max-width: 654px; height: 32px; padding: 4px 16px; justify-content: center; align-items: center; gap: 8px; background: #00D0FF; border-radius: 999px; text-decoration: none; cursor: pointer; transition: opacity 0.2s;}.login-btn:hover{opacity: 0.85; text-decoration: none;}.login-btn__label{color: #1A201F; font-size: 16px; font-family: 'ABC Favorit', sans-serif; font-weight: 500; word-wrap: break-word;}.field-icon{float: right; margin-top: -27px; margin-right: 7px;}.oe_login_buttons .btn-primary{background: #00D0FF; color: #000000; border-radius: 999px; border: 0px; font-family: 'ABC Favorit', sans-serif; text-transform: lowercase; padding: 4px 16px;}.list-group-item-action:hover, .list-group-item-action:focus{z-index: 1; color: #000000 !important; text-decoration: none; background-color: #00D0FF !important;}