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

/* /puro_portal/static/src/scss/shared.scss defined in bundle 'puro.shared' */
 p{margin: 0;}a:hover{text-decoration: none;}.content-box{background: #ffffff; padding: 0; border-radius: 6px 6px 0 0; box-shadow: 0px 29px 32px -10px rgba(0, 0, 0, 0.3); position: relative; z-index: 1; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; min-height: calc(100vh - 70px);}@media (min-width: 1024px){.content-box{margin-left: 240px; min-height: calc(100vh - 65px);}}.content-container{padding: 40px 34px 150px 40px; border-radius: 6px; display: block; flex-grow: 1; overflow-wrap: anywhere;}.content-container--review-no-padding{padding-bottom: 0 !important;}.content-container--shadow{box-shadow: 0px 4px 4px rgba(16, 24, 32, 0.25);}.content-container--no-top-padding{padding-top: 0;}.content-container--bordered{margin: 1.5rem; border: 1px solid #e7e7e9;}.content-container--centered{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; align-items: center; position: relative;}.content-container--gradient{background: linear-gradient(#ffffff, #e7e7e9);}.content-container--light-blue{background-color: #e2e9ff;}.content-container--dark-grey{background-color: #5a5f6c; color: #ffffff;}.content-container--dark-grey .title{color: #ffffff;}.content-container--website{border-radius: 0; display: block;}.content-container--disabled{opacity: 0.5; pointer-events: none;}@media (max-width: 600px){.content-container{padding: 20px 20px 150px 20px;}.content-container--small-padding{padding-bottom: 75px;}.content-container--no-padding{padding: 0;}.content-container--website{padding: 35px 20px;}}@media (min-width: 600px){.content-container{padding: 40px 34px;}}@media (max-width: 1024px){.content-container p{width: 90vw;}}@media (min-width: 1024px){.content-container p{width: fit-content;}.content-container--website{padding: 60px 80px;}}.column-container{display: -webkit-box; display: -webkit-flex; display: flex;}.column-container__wide{flex-grow: 1;}.column-container--almost-equal > div{width: 100%;}@media (max-width: 1024px){.column-container{align-items: stretch;}.column-container--almost-equal > :nth-child(1){width: 65%;}.column-container--almost-equal > :nth-child(2){width: 35%;}.column-container--almost-equal .content-container{height: calc(100% - 24px);}.column-container .content-container--centered p{text-align: center;}.column-container .content-container p{width: auto;}}.submenu{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; padding: 0 20px 0 20px; background-color: #e7e7e9; position: sticky; top: 65px; z-index: 5; min-height: 55px; max-height: 200px; overflow: auto; align-items: end;}.submenu__item{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; padding: 10px 12px;}.submenu__item a{color: #5a5f6c;}.submenu__item a:hover{font-weight: 700; text-decoration: none;}.submenu__item--active{height: 44px; border-bottom: 3px solid #0730c3;}.submenu__item--active a{font-weight: 700; color: #101820;}.submenu__item--cta{position: inherit; flex-direction: row; align-items: center; text-wrap: nowrap;}.submenu--no-margin{margin-bottom: 0;}.submenu--static{align-items: start;}.submenu--overflow{overflow: visible;}.submenu img.back_arrow{margin-top: 15px;}.submenu .truncate__text{max-width: 230px;}@media (min-width: 600px){.submenu{min-height: 83px; max-height: 300px;}.submenu__item{margin-left: 34px;}.submenu--no-margin{margin-left: 0;}}@media (min-width: 1024px){.submenu__item--cta{right: 0; position: absolute; flex-direction: row; align-items: center; text-wrap: nowrap;}}.sort-icon{background-color: #101820; -webkit-mask-image: url("/puro_portal/static/src/scss/../../img/arrow-down-icon.svg"); mask-image: url("/puro_portal/static/src/scss/../../img/arrow-down-icon.svg"); -webkit-mask-position: center; mask-position: center; background-size: cover; width: 20px; height: 15px; display: inline-block;}.sort-icon:hover{cursor: pointer;}.sort-icon--white{background-color: white;}.sort-icon--right{transform: rotate(-90deg);}.sort-icon--align-right{margin-right: 0; margin-left: auto;}.sort-icon--rotate90{transform: rotate(90deg);}.sort-icon--rotate180{transform: rotate(180deg);}.status{color: #ffffff; border: 0; border-radius: 6px; font-size: 14px; padding: 1px 10px; width: 190px; text-align: center; white-space: nowrap;}.status--draft{background-color: #a5a9b4;}.status--started{background-color: #dbffda; color: #821f01;}.status--submitted{background-color: #ffd28e; color: #101820;}.status--approved{background-color: #01761d;}.status--rejected{background-color: #cd023a;}.status--pending{background-color: #ffd28e; color: #821f01;}.status--transferred{background-color: #0730c3;}.status--failed{background-color: #821f01;}.status--white{background-color: #ffffff; color: #0730c3;}.status--xxs{padding: 1px 10px;}.status--xs{padding: 3px 10px;}.status--s{width: fit-content; height: fit-content;}.status--fixwidth{width: fit-content;}@media (min-width: 1024px){.status--fixwidth{width: auto;}}.info-row{display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; -webkit-flex-wrap: wrap; flex-wrap: wrap;}@media (min-width: 880px){.info-row{margin-bottom: 40px;}}.info-row__group{padding-right: 40px;}.info-row__group p:first-child{margin-bottom: 2px;}.info-row__group p:nth-child(2){margin: 0;}.info-row__group--wide{margin-top: 24px;}@media (min-width: 880px){.info-row__group--wide{margin-top: 0; margin-bottom: 20px; width: 50%; min-width: fit-content; padding-right: 5px;}}@media (min-width: 1400px){.info-row__group--wide{width: 400px;}}.inline{display: -webkit-box; display: -webkit-flex; display: flex;}.inline__group{margin: 0 60px 20px 0; position: relative;}.inline__group p{margin: 0;}.inline__group label{position: absolute; left: 15px; top: 8px; font-weight: 400; font-size: 10px; color: #5a5f6c; line-height: 1;}.inline--wrap{-webkit-flex-wrap: wrap; flex-wrap: wrap;}.inline--wrap .content-container--website{width: 100vw;}.inline:has(.document-preview){width: 100%;}@media (max-width: 600px){.inline__group{margin-right: 0;}.inline__group__wide{width: 100%; word-break: break-all;}}@media (max-width: 1024px){.inline--no-tablet{display: block;}.inline--only-desktop{-webkit-flex-wrap: wrap; flex-wrap: wrap;}}@media (min-width: 1024px){.inline{width: 100%;}.inline--wrap .content-container--website{width: 50%;}}.column{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column;}.section{padding: 10px 0 40px 0; border-bottom: 1px solid #e7e7e9;}.section--review-no-padding{padding-bottom: 5px;}@media (max-width: 1024px){.section .error-banner{margin-left: -34px; width: 100vw;}}@media (max-width: 600px){.section{width: 95%;}.section .error-banner{margin-left: -20px;}}.dateinput{padding: 5px 12px; border-radius: 4px; margin: 0 24px 0 0;}.dateinput--inactive{border: 1px solid #e7e7e9; background-color: transparent;}.custom-select{border: 1px solid #e7e7e9; background-color: transparent;}.custom-select:focus{border-color: #e7e7e9; box-shadow: 0 0 0 0.2rem rgba(16, 24, 32, 0.25);}.margin-left{margin-left: 24px;}.margin-left--smallest{margin-left: 5px;}.margin-left--small{margin-left: 8px;}@media (max-width: 1024px){.margin-left--no-tablet{margin-left: 0;}}.margin-bottom{margin-bottom: 24px;}.margin-bottom--large{margin-bottom: 60px;}.margin-right{margin-right: 24px;}.margin-right--small{margin-right: 5px;}.margin-right--large{margin-right: 58px;}.margin-top{margin-top: 24px;}.margin-top--small{margin-top: 15px;}.margin-top--auto{margin-top: auto;}.margin-top--large{margin-top: 60px;}@media (max-width: 1024px){.margin-top--auto{margin-top: 24px;}}.float-right{float: right;}.indent{width: 24px; display: inline-block;}.collapsible__col{display: none;}.collapsible__col--show{display: table-cell;}.collapsible__row{background-color: #ffffff;}.collapsible__row td{padding: 0 24px; border: 0; transition: padding 0.5s;}.collapsible__row div{max-height: 0; overflow: hidden; transition: max-height 0.5s;}.collapsible__row--show td{padding: 25px 24px; border-bottom: 1px solid #e7e7e9; border-right: 1px solid #e7e7e9;}.collapsible__row--show div{max-height: 50px;}.hidden{display: none;}.hidden--show{display: inherit;}.credit_types{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap;}.credit_types .custom-btn{border: 1px solid #e7e7e9; border-radius: 0; display: -webkit-box; display: -webkit-flex; display: flex; min-width: 130px; justify-content: center;}.credit_types *:first-child .custom-btn{border-radius: 4px 0 0 4px;}.credit_types *:last-child .custom-btn{border-radius: 0 4px 4px 0;}@media (max-width: 1024px){.credit_types{width: 99vw;}}.asterisk{color: #cd023a; font-size: 14px; font-weight: 400; font-family: 'Roboto', sans-serif; margin-left: 4px;}.truncate{width: fit-content;}.truncate__text, .truncate__text > a{width: fit-content; max-width: 250px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; padding-right: 10px;}.truncate__text--no-padding, .truncate__text > a--no-padding{padding-right: 0; margin-left: auto;}.truncate .custom-tooltip{display: none; right: 0; top: 0;}.truncate .custom-tooltip--show{display: inline-block;}@media (min-width: 1024px){.truncate{position: relative;}}.content-footer{background-color: #e7e7e9; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; position: relative; bottom: 0; margin-top: 25px; width: 100%; height: fit-content; z-index: 2; padding: 25px 15px;}.content-footer__item{display: -webkit-box; display: -webkit-flex; display: flex; flex: 1 1 fit-content; justify-content: space-between; border-right: 1px solid #e7e7e9; padding: 20px 30px;}.content-footer__item:nth-child(2){flex-basis: 70%;}.content-footer__item:last-child{flex-basis: fit-content; -webkit-flex-wrap: wrap; flex-wrap: wrap; border-right: none; justify-content: space-evenly;}.content-footer__item div{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column;}.content-footer__item .counter{margin-left: 30px; background-color: #0730c3; color: white; border-radius: 4px; padding: 8px; font-weight: 700; font-size: 18px; line-height: 12px; height: fit-content;}.content-footer__buttons{display: -webkit-box; display: -webkit-flex; display: flex; flex: 1 1 0px; justify-content: end; -webkit-flex-wrap: wrap; flex-wrap: wrap; gap: 10px;}@media (max-width: 600px){.content-footer button, .content-footer a{margin-bottom: 10px;}}@media (min-width: 1024px){.content-footer{position: sticky; flex-direction: row;}}@media (min-width: 1500px){.content-footer__item:nth-child(2){flex-basis: 30%;}}.character-counter{color: #5a5f6c; justify-self: end; font-size: 14px;}.inventory-actions{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; justify-content: start; gap: 10px 0;}.inventory-actions div{margin-bottom: 5px;}@media (min-width: 600px){.inventory-actions{justify-content: end;}}.top-50{top: 50%;}.overlay{position: fixed; top: 65px; left: 0; z-index: 1031; visibility: hidden; height: 100%; width: 100%; background-color: transparent; transition: visibility 0.1s linear 1s;}.overlay__content{height: calc(100% - 65px); width: 100%; margin-left: 100%; background-color: white; transition: margin-left 1s;}.overlay__header{background-color: #e7e7e9; font-weight: 700; padding: 20px;}.overlay__body{padding: 20px; height: inherit; overflow-y: scroll; padding-bottom: 250px;}.overlay__trade-value{display: -webkit-box; display: -webkit-flex; display: flex; align-items: center;}.overlay__buttons{display: -webkit-box; display: -webkit-flex; display: flex; justify-content: end; margin-left: auto;}.overlay--show{left: 0; background-color: rgba(255, 255, 255, 0.5); visibility: visible; transition: visibility 0.1s linear;}.overlay--show .overlay__content{margin-left: 0;}.overlay--website-listing{top: 178px;}.overlay--website{top: 0;}.overlay--website .overlay__content{height: 100%;}.overlay--website-listing .overlay__footer, .overlay--website .overlay__footer{bottom: 0;}.overlay--medium .overlay__content{width: 30%;}.overlay--medium .overlay__content input, .overlay--medium .overlay__content p{width: 100%;}.overlay--medium.overlay--show .overlay__content{margin-left: 70%;}.overlay input, .overlay select, .overlay textarea{width: 250px;}.overlay input[type='checkbox']{width: auto;}.overlay textarea{margin-left: 1px;}.overlay .inline{display: block;}.overlay .inline-tooltip{display: -webkit-box; display: -webkit-flex; display: flex;}.overlay .custom-tooltip__content{padding: 0 16px 12px 16px; left: 0;}.overlay--summary .overlay__body{padding-bottom: 460px;}@media (min-width: 600px){.overlay__header, .overlay__body, .overlay__footer{padding-left: 30px; padding-top: 30px; padding-right: 30px;}.overlay__footer{flex-direction: row; bottom: 0;}.overlay .inline{display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; width: 100%; -webkit-flex-wrap: wrap; flex-wrap: wrap;}.overlay input, .overlay select, .overlay textarea{width: 460px;}.overlay--summary .inline__group{width: 20%; min-width: 100px;}.overlay--summary .inline__group__wide{width: 100%; word-break: break-all;}.overlay--summary .overlay__body{padding-bottom: 350px;}.overlay--website-listing{top: 140px;}.overlay--medium .overlay__content{width: 50%;}.overlay--medium .overlay__content input, .overlay--medium .overlay__content p{width: 100%;}.overlay--medium.overlay--show .overlay__content{margin-left: 50%;}}@media (min-width: 1024px){.overlay{top: 0;}.overlay__header, .overlay__footer{padding: 30px;}.overlay__body{padding: 30px 50px 180px 50px;}.overlay__body .inline__group{width: 50%; max-width: 550px; margin: 0; padding: 0 20px 15px 0;}.overlay__body .inline__group:has(.wide){width: 100%; max-width: 1100px;}.overlay__content{width: 60%; height: calc(100% - 65px); margin-top: 65px;}.overlay--show .overlay__content{margin-left: 40%;}.overlay--medium .overlay__content{width: 30%;}.overlay--medium .overlay__content input, .overlay--medium .overlay__content p{width: 100%;}.overlay--medium.overlay--show .overlay__content{margin-left: 70%;}.overlay--summary .inline__group{width: 20%; min-width: fit-content;}.overlay--summary .inline__group__wide{width: 100%; word-break: break-all;}.overlay--summary .overlay__body{padding-bottom: 300px;}.overlay input:not([type='checkbox']):not([type='radio']), .overlay select, .overlay textarea, .overlay .dropdown{min-width: 255px; width: 100%; margin: 0;}.overlay input:not([type='checkbox']):not([type='radio']).wide, .overlay select.wide, .overlay textarea.wide, .overlay .dropdown.wide{width: 100%; min-width: 515px;}}@media (max-width: 428px), (max-width: 600px){.overlay--medium .overlay__content{width: 100%;}.overlay--medium .overlay__content input, .overlay--medium .overlay__content p{width: 100%;}.overlay--medium.overlay--show .overlay__content{margin-left: 0;}.overlay--medium.overlay--show .overlay__content input, .overlay--medium.overlay--show .overlay__content p{width: 100%;}}@keyframes forceRedraw{from{box-shadow: inset rgba(0, 0, 0, 0) 0 0 0;}to{box-shadow: inset rgba(0, 0, 0, 1e-07) 0 0 0 10px;}}.overlay__footer{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; align-items: end; background-color: #e7e7e9; padding: 20px; position: fixed; bottom: 0; width: inherit; font-weight: 700; z-index: 4; animation-name: forceRedraw; animation-duration: 4s; animation-iteration-count: infinite;}.overlay__footer .right{margin-left: auto;}.error-banner{background-color: #cb6363; color: #ffffff; padding: 16px 37px;}.error-banner--hidden{display: none;}.error-page{min-height: 600px; background: linear-gradient(170deg, #0730c3 0%, #0730c3 35.3%, #ffffff 35.5%, transparent 0%); height: 100%; width: 100%; position: relative;}.error-page__code{font-size: 120px; padding-top: 60px; padding-left: 10vw; color: white;}.error-page__code--icon{background-image: url(/puro_portal/static/src/scss/../../img/icon_lock.svg); background-repeat: no-repeat; background-position-x: 10vw; background-position-y: 60px; height: 100%;}@media (min-width: 1024px){.error-page__code--icon{background-position-y: 80px;}}@media (min-width: 1024px){.error-page__code{padding-top: 80px;}}.error-page__content{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; color: #101820; position: absolute; width: 100%; padding: 20px; bottom: 0; grid-row-gap: 20px;}@media (min-width: 600px){.error-page__content{right: 3vw; bottom: 5vh; text-align: right; grid-row-gap: 5vh;}.error-page__content .custom-btn--primary{margin-left: auto;}}@media (min-width: 1024px){.error-page__content{bottom: 25vh;}}.error-page__message{font-size: 38px;}@media (min-width: 600px){.error-page__message{font-size: 48px;}}.dropdown{position: relative; display: inline-block;}.dropdown:hover .dropdown__content{display: block;}.dropdown__content{display: none; position: absolute; z-index: 4; background-color: #f9f9f9; min-width: 200px; overflow-y: auto; border: 1px solid #ddd; padding: 5px 10px 0 10px;}.dropdown__content:empty{padding: 0; border: none;}.dropdown__content label{position: initial; display: block; padding: 5px 10px; font-size: 12px;}.dropdown__content label, .dropdown__content .status{margin-top: 7px;}.dropdown__content .inline{display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; padding-bottom: 5px; width: 100%;}.dropdown__content .inline *{margin: auto 0;}.dropdown__content .inline input{width: fit-content;}.space-between{display: -webkit-box; display: -webkit-flex; display: flex; justify-content: space-between; position: relative;}.space-between > :nth-child(2){text-align: right; max-width: 70%;}.notification-square{position: absolute; left: 15px; top: 8px; height: 14px; width: 16px; border-radius: 3px; background-color: #cd023a;}@media (min-width: 1024px){.notification-square{height: 24px; width: 26px; top: 15px;}}.custom-tooltip{text-align: center; border: 1px solid #5a5f6c; color: #101820; border-radius: 50%; width: 12px; height: 12px; margin: 0 5px; font-family: sans-serif; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; font-size: 11px; line-height: 0.9;}.custom-tooltip:before{content: 'i'; line-height: 8px; font-size: 8px;}.custom-tooltip:hover{cursor: pointer;}.custom-tooltip:hover .custom-tooltip__content{display: block;}.custom-tooltip__content{position: absolute; display: none; z-index: 4; max-width: 80vw; left: 10vw; border: 1px solid #e7e7e9; border-radius: 6px; box-shadow: 0 0px 20px 0 rgba(0, 0, 0, 0.1); background-color: #ffffff; color: #5a5f6c; line-height: 16px; text-align: center; font-size: 12px; padding: 12px 16px; margin-top: 10px;}.custom-tooltip__content .icon + p{margin: 5px 0 5px 24px;}@media (max-width: 1024px){.custom-tooltip__content .inline{width: 100%;}.custom-tooltip__content .inline p{width: auto;}}@media (min-width: 1024px){.custom-tooltip{width: 18px; height: 18px; font-size: 11px; line-height: 16.5px;}.custom-tooltip__content{width: max-content; max-width: 30vw; margin-top: 20px;}.custom-tooltip--menu .custom-tooltip__content{margin-top: -7px;}}.confirmation-popup{position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; z-index: 9999; background-color: rgba(90, 95, 108, 0.5); text-align: center; display: none;}.confirmation-popup__contents{background-color: #ffffff; position: absolute; top: 25%; width: 100vw;}.confirmation-popup__title{background-color: #e7e7e9; padding: 20px; word-break: break-all;}.confirmation-popup--show{display: block;}.confirmation-popup__spinner{z-index: 9999;}.confirmation-popup .media-popup{width: -webkit-fill-available; margin-right: 50px; margin-left: 50px;}@media (min-width: 1024px){.confirmation-popup__contents{width: 30%; left: 33%; top: 33%;}.confirmation-popup__contents .inline{width: auto;}.confirmation-popup__title{padding: 30px;}}@media (max-width: 600px){.no-mobile{display: none;}}@media (min-width: 600px){.no-tablet{display: none;}}@media (min-width: 1024px){.no-desktop{display: none;}}@media (min-width: 1024px){.transaction-no-wrape{white-space: nowrap;}}@media (max-width: 1024px){.only-desktop{display: none;}}@media (min-width: 1025px){.only-mobile{display: none;}}.sticky-mobile-overlay{position: sticky; padding: 25px; background-color: #ffffff; z-index: 5; box-shadow: 0px 4px 4px rgba(16, 24, 32, 0.25);}@media (min-width: 600px){.sticky-mobile-overlay{display: none;}}.block{display: block;}.centered{text-align: center;}.pe-none{pointer-events: none;}@media (max-width: 1024px){#transaction-detail-bundles-container{margin: 0;}}.searchbar{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: end; justify-content: flex-end;}.searchbar > *{margin-bottom: 5px;}.searchbar__input{height: 41px; border: 1px solid #e7e7e9;}@media (min-width: 1024px){.searchbar{flex-direction: row;}.searchbar > *{margin-bottom: 0;}}.pager{display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; list-style-type: none;}.pager__item{border: 1px solid #e7e7e9; padding: 9px 16px;}.pager__item a{color: #101820;}.pager__item a:hover{text-decoration: none;}.pager__item--disabled > a{color: #5a5f6c !important;}.pager__item--active{background-color: #0730c3; border: 1px solid #0730c3;}.pager__item--active a{color: #ffffff;}.pager__item:first-child{border-radius: 4px 0 0 4px;}.pager__item:last-child{border-radius: 0 4px 4px 0;}@media (max-width: 600px){.pager__item{padding: 9px 13px;}}.table-of-contents{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column;}.table-of-contents__menu{display: -webkit-box; display: -webkit-flex; display: flex; flex-direction: row; -webkit-flex-wrap: wrap; flex-wrap: wrap;}.table-of-contents__menu a{padding: 10px 0; color: #0730c3; margin-right: 15px;}.table-of-contents__content{-webkit-flex-wrap: wrap; flex-wrap: wrap;}@media (min-width: 1024px){.table-of-contents{flex-direction: row;}.table-of-contents__menu{-webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; width: 15%; margin-top: 10px;}.table-of-contents__content{width: 70%;}}@media (max-width: 1024px){.anchor{margin-bottom: 70px;}}.card-container{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; gap: 50px 30px; padding-bottom: 30px;}@media (min-width: 1024px){.card-container{padding-bottom: 70px;}}.card{width: 330px; min-height: 435px; overflow: visible; font-size: 14px; border-radius: 4px;}.card__header, .card__content{padding: 15px 20px;}.card__header{border-bottom: 1px solid #b4c0ed; position: relative;}.card__header .text--grey{font-size: 11px;}.card__header .inline{line-height: 1.2;}.card__header .inline img{height: 14px; margin: 1px 3px 0 0;}.card__header .status{font-weight: bold; font-size: 10px; margin-top: 3px; width: auto;}.card__label-wrapper{position: absolute; left: 0; top: 0; width: 100%; height: 60px; overflow: hidden;}.card__label{position: absolute; left: -20px; top: 15px; background-color: #cd023a; color: #ffffff; font-size: 9px; transform: rotate(-45deg); width: 80px; text-align: center;}.card__content{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; height: 100%; position: relative;}.card__content .inline__group > .text--grey{font-size: 11px; min-height: 15px;}.card__content .custom-tooltip__content{width: 100%;}.card__banner{position: absolute; top: 25px; left: 0; width: 100%; text-align: center; padding: 3px 0; font-size: 10px; font-weight: bold; background-color: rgba(255, 210, 142, 0.49); color: #ffffff;}.card__banner + .card__description{margin-top: 20px;}.card__company{display: -webkit-box; display: -webkit-flex; display: flex;}.card__company .custom-tooltip__content{width: 88%; left: 18px;}.card__logo{height: 45px; width: 45px; outline: 1px solid #e7e7e9; margin-right: 10px; border-radius: 8px; overflow: hidden; display: -webkit-box; display: -webkit-flex; display: flex;}.card__logo img{max-width: 45px; max-height: 45px; margin: auto;}.card__overview{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; padding-top: 15px; gap: 10px;}.card__overview .custom-tooltip__content{width: 200%; left: -20px;}.card__type{position: absolute; bottom: -10px; z-index: 2;}.card__description{height: 120px; padding: 30px 0 20px 0;}.card__description.truncate{width: 100%;}.card__description.truncate > .truncate__text{max-width: 99%; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; white-space: normal; overflow: hidden;}.card__description.truncate > .custom-tooltip--show{display: block; margin: -20px -5px 0 auto;}.card__description.truncate > .custom-tooltip--show .custom-tooltip__content{left: 20px; max-width: 280px;}.card__information{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap;}.card__information .inline__group{width: 50%;}.card__information .custom-tooltip__content{left: 0;}.card__information p{width: auto;}.card__cta{display: -webkit-box; display: -webkit-flex; display: flex; margin-top: auto; justify-content: space-between;}.card--current{border-color: #b4c0ed;}.card--current .card__content{background-color: #e2e9ff;}.card--current .card__type .status{background-color: #0730c3; padding: 1px 30px;}.card--future{border-color: #fab803;}.card--future .card__content{background-color: #ffefc2;}.card--future .card__type .status{background-color: #fab803; padding: 1px 30px;}.card--new{cursor: pointer;}.card--new .card__content{justify-content: center;}.card--new img{height: 25px;}.card--new .custom-btn{margin: 50px auto 0 auto;}.card .inline__group{margin-right: 0;}.card .inline__group .text--grey, .card .inline__group > :nth-child(2){width: fit-content;}.card .truncate__text{max-width: 215px; padding-right: 0;}.card .custom-tooltip{width: 12px; height: 12px; margin: 0 2px; line-height: 0.9;}.card .custom-tooltip:before{font-size: 8px; line-height: 8px;}.card .custom-tooltip__content{margin-top: 10px;}.card .custom-tooltip--menu{border: none; width: 80px; height: 30px; text-align: right;}.card .custom-tooltip--menu:before{content: url("/puro_portal/static/src/scss/../../img/icon_ellipsis-horizontal.svg");}.card .custom-tooltip--menu .custom-tooltip__content{margin-top: 0; width: max-content; right: 5px; left: auto;}@media (min-width: 1024px){.card .truncate .custom-tooltip__content{left: 50%;}.card .card__description.truncate > .custom-tooltip--show .custom-tooltip__content{left: 0;}}.icon{-webkit-mask-position: center; mask-position: center; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; width: 18px; height: 18px; background-color: #fbfbfb;}.icon:hover{cursor: pointer;}.icon--plus{-webkit-mask-image: url("/puro_portal/static/src/scss/../../img/icon_plus.svg"); mask-image: url("/puro_portal/static/src/scss/../../img/icon_plus.svg");}.icon--back{-webkit-mask-image: url("/puro_portal/static/src/scss/../../img/icon_chevron-left.svg"); mask-image: url("/puro_portal/static/src/scss/../../img/icon_chevron-left.svg"); height: 16px;}.icon--next{-webkit-mask-image: url("/puro_portal/static/src/scss/../../img/icon_chevron-left.svg"); mask-image: url("/puro_portal/static/src/scss/../../img/icon_chevron-left.svg"); height: 16px; transform: rotate(180deg);}.icon--cog{-webkit-mask-image: url("/puro_portal/static/src/scss/../../img/icon_cog-8-tooth.svg"); mask-image: url("/puro_portal/static/src/scss/../../img/icon_cog-8-tooth.svg");}.icon--release{-webkit-mask-image: url("/puro_portal/static/src/scss/../../img/icon_newspaper.svg"); mask-image: url("/puro_portal/static/src/scss/../../img/icon_newspaper.svg");}.icon--help{-webkit-mask-image: url("/puro_portal/static/src/scss/../../img/icon_question-mark-circle.svg"); mask-image: url("/puro_portal/static/src/scss/../../img/icon_question-mark-circle.svg"); width: 22px; height: 22px;}.icon--certified{-webkit-mask-image: url("/puro_portal/static/src/scss/../../img/icon_check-circle.svg"); mask-image: url("/puro_portal/static/src/scss/../../img/icon_check-circle.svg");}.icon--puro, .icon--login{-webkit-mask-image: url("/puro_portal/static/src/scss/../../img/puro_logo.svg"); mask-image: url("/puro_portal/static/src/scss/../../img/puro_logo.svg");}.icon--login{height: 85px; width: auto;}@media (min-width: 600px){.icon--login{height: 120px;}}.icon--open-nav{-webkit-mask-image: url("/puro_portal/static/src/scss/../../img/icon_bars-3.svg"); mask-image: url("/puro_portal/static/src/scss/../../img/icon_bars-3.svg");}.icon--close-nav{margin: auto 24px; -webkit-mask-image: url("/puro_portal/static/src/scss/../../img/icon_x-mark.svg"); mask-image: url("/puro_portal/static/src/scss/../../img/icon_x-mark.svg");}.icon--check{margin: auto 24px; -webkit-mask-image: url("/puro_portal/static/src/scss/../../img/check-circle.svg"); mask-image: url("/puro_portal/static/src/scss/../../img/check-circle.svg");}.partners{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; gap: 30px 35px; min-width: 346px;}.partners__item{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; padding: 10px 15px; width: 90vw; max-height: 425px; border: 1px solid #e7e7e9; border-radius: 6px; background-color: #ffffff;}.partners__item p{width: auto;}.partners__logo{height: 56px;}@media (min-width: 1024px){.partners__item{width: 300px;}}.sdg{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; gap: 10px; max-width: 830px; padding-right: 25px;}.sdg__item{position: relative; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; padding: 15px; width: 125px;}.sdg__item input{z-index: 2; width: auto; margin-top: 10px;}.sdg__item input:checked + .sdg__container{border: 2px solid #0730c3;}.sdg__item input:hover{cursor: pointer;}.sdg__item--website{padding: 0; width: 95px;}.sdg__container{position: absolute; top: 0; left: 0; height: 100%; width: 100%; border: 1px solid #e7e7e9;}.milestone{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; margin-bottom: 40px;}@media (min-width: 600px){.milestone p{width: auto;}}@media (min-width: 1024px){.milestone{width: 28vw; margin-bottom: auto;}.milestone select{width: 300px;}}.o_product_feature_panel__listing{right: 0; left: auto; border: 1px solid #101820;}.o_product_feature_panel__listing a{color: #101820;}.custom-paginator{margin: 24px 0 50px 0; display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; justify-content: center; width: 100%;}.custom-paginator__pages{display: -webkit-box; display: -webkit-flex; display: flex; max-width: 65%; -webkit-flex-wrap: wrap; flex-wrap: wrap; gap: 8px; margin: 0 10px;}.custom-paginator__page{flex-shrink: 0; width: 33px; height: 32px; padding: 5px; background-color: #ffffff; color: #5a5f6c; border-radius: 5px; text-align: center;}.custom-paginator__page--active{background-color: #0730c3; color: #ffffff;}.custom-paginator__button{margin: auto 0;}.custom-paginator__button:hover{cursor: pointer;}.custom-paginator__button .icon{width: 16px; display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; background-color: #ffffff; height: 12px;}@media (min-width: 600px){.custom-paginator__pages{max-width: 280px;}}@media (min-width: 1024px){.custom-paginator__pages{max-width: 362px;}}.releasenote--title{font-size: 1rem; font-weight: bold;}#retire_corcs .custom-tooltip, #transfer .custom-tooltip{white-space: pre-line; left: auto;}.o_mypuro_invaddress, .o_mypuro_attorney{margin-top: 15px;}