/* /puro_portal/static/src/scss/puro_portal_variables.scss defined in bundle 'puro.website' */
 

/* /puro_portal/static/src/scss/website.scss defined in bundle 'puro.website' */
 main{background-color: #ffffff;}.website-header{position: sticky; top: 0; z-index: 2; display: -webkit-box; display: -webkit-flex; display: flex; background-color: #0730c3; color: #ffffff; padding: 20px; font-size: 12px; height: 178px;}.website-header__status{position: absolute; top: 20px;}.website-header__status .status{width: 120px;}.website-header__status + .inline{margin-top: 40px; width: 48vw;}.website-header__logo{width: 60px; height: 60px; margin-right: 8px;}.website-header__logo img{max-width: 100%; max-height: 100%; border-radius: 8px;}.website-header__general{width: max-content; margin-right: 24px;}.website-header__right{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column;}.website-header__info{display: grid; grid-template-columns: repeat(2, auto); gap: 10px; height: fit-content;}.website-header__info p{margin: 0px;}.website-header__cta{margin-top: 10px;}.website-header__cta .icon{margin: auto 20px auto 0; height: 20px;}.website-header__cta p{margin: auto 20px auto 0;}.website-header__cta div{margin: auto 0; font-size: 10px;}.website-header .title{color: #ffffff; line-height: 1; margin-bottom: 5px; width: 88px;}.website-header .title .truncate__text{max-width: 70px;}.website-header .icon{background-color: #ffffff; margin-right: 5px;}.website-header .text--small{margin-bottom: 3px;}.website-header .custom-tooltip{color: #ffffff; border-color: #ffffff;}.website-header .inline{width: auto;}@media (min-width: 450px){.website-header .title{width: auto;}.website-header .title .truncate__text{max-width: 150px;}}@media (max-width: 1024px){.website-header__status .status{font-size: 11px; font-weight: 600;}.website-header__status ~ .inline{margin-top: 30px;}.website-header .title, .website-header .status, .website-header p{font-size: 10px;}.website-header .text--small{font-size: 8px;}.website-header .custom-btn{text-wrap: wrap;}}@media (min-width: 600px){.website-header{height: 140px;}.website-header__right{display: contents;}.website-header__cta{margin: 0 auto; width: auto;}.website-header__info{gap: 20px; width: auto; height: auto;}}@media (min-width: 1024px){.website-header{height: auto; padding: 70px 45px 30px 45px; font-size: initial;}.website-header__logo{width: 120px; height: 120px; margin-right: 24px;}.website-header__cta div{font-size: initial;}.website-header__status{top: 25px;}.website-header__status + .inline{margin-top: 0; width: auto; margin-right: 70px;}.website-header .title .truncate__text{max-width: 325px;}.website-header .inline{width: auto;}}@media (min-width: 1300px){.website-header .title .truncate__text{max-width: 450px;}}.stages-container{width: 100%; margin-left: 25px;}.stage{position: relative; display: list-item; border: 1px solid #e7e7e9; border-radius: 6px; margin: 15px 0; width: 95%; padding: 10px 15px; list-style: none; min-height: 65px; background-color: rgba(255, 255, 255, 0.45);}.stage:after{content: url("/puro_portal/static/src/scss/../../img/list_done.svg"); position: absolute; left: -29px; top: 30%;}.stage:before{content: ''; position: absolute; left: -20px; top: 68%; border-left: 2px solid #0730c3; height: 80%; width: 1px;}.stage:last-child:before{border: none;}.stage--active{border: 2px solid #0730c3; background-color: #e2e9ff;}.stage--active:after{content: url("/puro_portal/static/src/scss/../../img/list_active.svg");}.stage--active:before{border-color: #d4cfca; top: 60%;}.stage--pending:after{content: url("/puro_portal/static/src/scss/../../img/list_pending.svg"); left: -25px;}.stage--pending:before{border-color: #d4cfca;}.stage--pending:marker{margin-left: -3px;}.stage--pending p{color: #5a5f6c;}.stage--pre-validated{margin-left: 24px;}.stage--pre-validated:after{left: -52px;}.stage--pre-validated:before{left: -43px;}.stage--pre-validated--previous-stage-done::after{content: url("/puro_portal/static/src/scss/../../img/list_done.svg");}.stage--pre-validated--previous-stage-done::before{border: 1px solid #0730c3;}.stage--pre-validated.stage--pending .icon{background-color: #5a5f6c;}.stage--pre-validated .icon{background-color: #0730c3; margin-right: 8px;}.stage p{margin: 0;}@media (min-width: 600px){.stage{width: 70%;}}@media (min-width: 1024px){.stage{width: calc(min(100%, 500px));}}.status-progress{display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; width: 100%; justify-content: space-between;}.status-progress__bar{position: relative; background-color: rgba(90, 95, 108, 0.15); height: 5px; width: 75%; border-radius: 4px; margin-top: 10px;}.status-progress__indicator{position: absolute; width: var(--percentage); height: 5px; border-radius: 4px; background-color: #0730c3;}.status-progress__text{width: 25%; text-align: right;}.document-preview{width: 100%;}.document-preview__canvas{overflow-x: scroll;}.document-preview img{width: 100%; margin-bottom: 24px;}.document-preview + .custom-btn{margin: auto; margin-top: calc(max(30px, auto));}@media (min-width: 1024px){.document-preview{width: auto;}.document-preview__canvas{overflow-x: hidden;}}.media-wrapper{position: relative; width: 100%; height: 0; padding-bottom: 56.25%;}.media-wrapper:has(img){height: auto; padding-bottom: 0;}.media-wrapper iframe{position: absolute; width: 100%; height: 100%; max-width: 1000px; max-height: calc(1000px * 0.5625);}.media-wrapper img{position: relative; width: auto; max-width: 100%; max-height: 500px;}.two-thirds-grid{display: grid; grid-template-columns: repeat(3, 1fr);}.two-thirds-grid > div{grid-column: span 3;}.two-thirds-grid > div:last-child{margin-top: 24px;}@media (min-width: 1024px){.two-thirds-grid > div:first-child{grid-column: span 2;}.two-thirds-grid > div:last-child{grid-column: span 1; margin-top: 0;}}.website-filter{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; justify-content: space-between;}.website-filter__inputs{padding: 20px; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap;}.website-filter__inputs .custom-tooltip{margin-left: -18px; margin-right: 7px;}.website-filter__input{margin: 0 20px 20px 0; width: 100%;}.website-filter__input select{width: 100%;}.website-filter__statistics{display: none; padding: 0 34px 40px 250px; background-image: url("/puro_portal/static/src/scss/../../img/diagram_factory.svg"); background-repeat: no-repeat; background-position: bottom left;}.website-filter__statistic{margin-right: 20px; padding-right: 20px; border-right: 1px solid #e7e7e9;}.website-filter__statistic:last-child{border-right: none;}.website-filter__statistic p{margin: 0;}.website-filter__toggler{display: -webkit-box; display: -webkit-flex; display: flex; gap: 12px; border: 1px solid rgba(22, 21, 19, 0.5); margin-bottom: 20px; padding: 10px; border-radius: 4px;}.website-filter__toggler *{margin: auto 0;}.website-filter__toggler .icon{background-color: #101820; height: 15px; width: 15px;}.website-filter__toggler--open{border: 1px solid #0730c3; box-shadow: 0px 4px 4px 0 rgba(16, 24, 32, 0.25);}.website-filter__toggler--open .icon{transform: none;}.website-filter__button{width: fit-content; margin-left: auto;}.website-filter :not(.dropdown__content) > .inline{width: auto;}@media (max-width: 600px){.website-filter__input, .website-filter__button{display: none;}.website-filter__inputs .custom-tooltip{display: none;}.website-filter:has(.website-filter__toggler--open){position: fixed; width: 100vw; height: 100vh; z-index: 3; background-color: #ffffff;}.website-filter:has(.website-filter__toggler--open) .website-filter__input, .website-filter:has(.website-filter__toggler--open) .website-filter__button{display: -webkit-box; display: -webkit-flex; display: flex;}.website-filter .dropdown:hover .dropdown__content{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; width: 100%;}}@media (min-width: 600px){.website-filter{border-bottom: 15px solid #0730c3;}.website-filter__statistics{display: -webkit-box; display: -webkit-flex; display: flex; padding: 40px 34px 40px 220px;}.website-filter__input{width: 20%; min-width: 190px;}.website-filter__input .dropdown__content{min-width: 190px;}.website-filter__inputs{padding: 40px 0 40px 34px;}.website-filter__toggler, .website-filter__button{display: none;}}@media (min-width: 1024px){.website-filter{flex-direction: row;}.website-filter__inputs .custom-tooltip{margin-left: -28px; margin-right: 10px;}.website-filter__input{margin-right: 30px;}}