.pzl-fill--food {
fill: #fc6500;
}
.pzl-color--food {
color: #fc6500;
}
.pzl-bgcolor--food {
background-color: #fc6500;
}
.pzl-fill--advance {
fill: #fcaf1e;
}
.pzl-color--advance {
color: #fcaf1e;
}
.pzl-bgcolor--advance {
background-color: #fcaf1e;
}
.pzl-fill--beauty {
fill: #6a1b9a;
}
.pzl-color--beauty {
color: #6a1b9a;
}
.pzl-bgcolor--beauty {
background-color: #6a1b9a;
}
.pzl-fill--education {
fill: #008cff;
}
.pzl-color--education {
color: #008cff;
}
.pzl-bgcolor--education {
background-color: #008cff;
}
.pzl-fill--entertainment {
fill: #ffd200;
}
.pzl-color--entertainment {
color: #ffd200;
}
.pzl-bgcolor--entertainment {
background-color: #ffd200;
}
.pzl-fill--commissions {
fill: #105e86;
}
.pzl-color--commissions {
color: #105e86;
}
.pzl-bgcolor--commissions {
background-color: #105e86;
}
.pzl-fill--transfer {
fill: #7ecb40;
}
.pzl-color--transfer {
color: #7ecb40;
}
.pzl-bgcolor--transfer {
background-color: #7ecb40;
}
.pzl-fill--home {
fill: #880e4f;
}
.pzl-color--home {
color: #880e4f;
}
.pzl-bgcolor--home {
background-color: #880e4f;
}
.pzl-fill--tax {
fill: #20696a;
}
.pzl-color--tax {
color: #20696a;
}
.pzl-bgcolor--tax {
background-color: #20696a;
}
.pzl-fill--financial {
fill: #2ba1ac;
}
.pzl-color--financial {
color: #2ba1ac;
}
.pzl-bgcolor--financial {
background-color: #2ba1ac;
}
.pzl-fill--other {
fill: #253458;
}
.pzl-color--other {
color: #253458;
}
.pzl-bgcolor--other {
background-color: #253458;
}
.pzl-fill--purchases {
fill: #7c3cbb;
}
.pzl-color--purchases {
color: #7c3cbb;
}
.pzl-bgcolor--purchases {
background-color: #7c3cbb;
}
.pzl-fill--payment {
fill: #0062ff;
}
.pzl-color--payment {
color: #0062ff;
}
.pzl-bgcolor--payment {
background-color: #0062ff;
}
.pzl-fill--withdrawal {
fill: #41d0de;
}
.pzl-color--withdrawal {
color: #41d0de;
}
.pzl-bgcolor--withdrawal {
background-color: #41d0de;
}
.pzl-fill--clothes {
fill: #a17d33;
}
.pzl-color--clothes {
color: #a17d33;
}
.pzl-bgcolor--clothes {
background-color: #a17d33;
}
.pzl-fill--health {
fill: #ed4c90;
}
.pzl-color--health {
color: #ed4c90;
}
.pzl-bgcolor--health {
background-color: #ed4c90;
}
.pzl-fill--services {
fill: #0d113f;
}
.pzl-color--services {
color: #0d113f;
}
.pzl-bgcolor--services {
background-color: #0d113f;
}
.pzl-fill--technology {
fill: #1a237e;
}
.pzl-color--technology {
color: #1a237e;
}
.pzl-bgcolor--technology {
background-color: #1a237e;
}
.pzl-fill--advice {
fill: #663;
}
.pzl-color--advice {
color: #663;
}
.pzl-bgcolor--advice {
background-color: #663;
}
.pzl-fill--transport {
fill: #1b5e20;
}
.pzl-color--transport {
color: #1b5e20;
}
.pzl-bgcolor--transport {
background-color: #1b5e20;
}
.pzl-fill--trip {
fill: #4caf50;
}
.pzl-color--trip {
color: #4caf50;
}
.pzl-bgcolor--trip {
background-color: #4caf50;
}
.pzl-fill--deposit {
fill: #0331a1;
}
.pzl-color--deposit {
color: #0331a1;
}
.pzl-bgcolor--deposit {
background-color: #0331a1;
}
.pzl-fill--incomes-other {
fill: #007fbd;
}
.pzl-color--incomes-other {
color: #007fbd;
}
.pzl-bgcolor--incomes-other {
background-color: #007fbd;
}
.pzl-fill--incomes-transfer {
fill: #f88810;
}
.pzl-color--incomes-transfer {
color: #f88810;
}
.pzl-bgcolor--incomes-transfer {
background-color: #f88810;
}
.pzl-fill--financial-products {
fill: #710b79;
}
.pzl-color--financial-products {
color: #710b79;
}
.pzl-bgcolor--financial-products {
background-color: #710b79;
}
.pzl-fill--business-sales {
fill: #7f8f00;
}
.pzl-color--business-sales {
color: #7f8f00;
}
.pzl-bgcolor--business-sales {
background-color: #7f8f00;
}
.pzl-fill--salary {
fill: #5bc7e1;
}
.pzl-color--salary {
color: #5bc7e1;
}
.pzl-bgcolor--salary {
background-color: #5bc7e1;
}
.pzl-fill--transfers_to_my_accounts {
fill: #20696a;
}
.pzl-color--transfers_to_my_accounts {
color: #20696a;
}
.pzl-bgcolor--transfers_to_my_accounts {
background-color: #20696a;
}
.pzl-fill--savings_and_investments {
fill: #663;
}
.pzl-color--savings_and_investments {
color: #663;
}
.pzl-bgcolor--savings_and_investments {
background-color: #663;
}
.pzl-fill--donations {
fill: #0d113f;
}
.pzl-color--donations {
color: #0d113f;
}
.pzl-bgcolor--donations {
background-color: #0d113f;
}
.pzl-fill--transfers_between_accounts {
fill: #1a237e;
}
.pzl-color--transfers_between_accounts {
color: #1a237e;
}
.pzl-bgcolor--transfers_between_accounts {
background-color: #1a237e;
}
.pzl-fill--disbursements_and_advances {
fill: #253458;
}
.pzl-color--disbursements_and_advances {
color: #253458;
}
.pzl-bgcolor--disbursements_and_advances {
background-color: #253458;
}
.pzl-fill--interest {
fill: #0d113f;
}
.pzl-color--interest {
color: #0d113f;
}
.pzl-bgcolor--interest {
background-color: #0d113f;
}
.pzl-fill--insurances {
fill: #663;
}
.pzl-color--insurances {
color: #663;
}
.pzl-bgcolor--insurances {
background-color: #663;
}
.pzl-fill--administrative_expenses {
fill: #2ba1ac;
}
.pzl-color--administrative_expenses {
color: #2ba1ac;
}
.pzl-bgcolor--administrative_expenses {
background-color: #2ba1ac;
}
.pzl-fill--handling_fee {
fill: #007fbd;
}
.pzl-color--handling_fee {
color: #007fbd;
}
.pzl-bgcolor--handling_fee {
background-color: #007fbd;
}
.pzl-fill--adjustments_and_news_d {
fill: #41d0de;
}
.pzl-color--adjustments_and_news_d {
color: #41d0de;
}
.pzl-bgcolor--adjustments_and_news_d {
background-color: #41d0de;
}
.pzl-fill--adjustments_and_news_c {
fill: #41d0de;
}
.pzl-color--adjustments_and_news_c {
color: #41d0de;
}
.pzl-bgcolor--adjustments_and_news_c {
background-color: #41d0de;
}
.text-left {
text-align: left;
}
.text-center {
text-align: center;
}
.text-right {
text-align: right;
}
.pzl-text,
.pzl-text--ovrl,
.pzl-text--button,
.pzl-text--cap,
.pzl-text--bss,
.pzl-text--bs,
.pzl-text--bm,
.pzl-text--bl,
.pzl-text--h6,
.pzl-text--h5,
.pzl-text--h4,
.pzl-text--h3,
.pzl-text--h2,
.pzl-text--h1,
.pzl-text--hero {
font-family: Roboto;
}
.pzl-text--hero {
font-size: 48px;
line-height: 1.5;
letter-spacing: -1.8px;
}
.pzl-text--h1 {
font-size: 32px;
line-height: 1.5;
letter-spacing: 0.25px;
}
.pzl-text--h2 {
font-size: 24px;
line-height: 1.5;
letter-spacing: normal;
}
.pzl-text--h3 {
font-size: 20px;
line-height: 1.6;
letter-spacing: 0.15px;
}
.pzl-text--h4 {
font-size: 16px;
line-height: 1.5;
letter-spacing: 0.15px;
}
.pzl-text--h5 {
font-size: 14px;
line-height: 1.43;
letter-spacing: 0.1px;
}
.pzl-text--h6 {
font-size: 12px;
line-height: 1.5;
letter-spacing: 0.1px;
}
.pzl-text--bl {
font-size: 18px;
line-height: 1.56;
letter-spacing: normal;
}
.pzl-text--bm {
font-size: 16px;
line-height: 2.5;
letter-spacing: normal;
}
.pzl-text--bs {
font-size: 14px;
line-height: 1.43;
letter-spacing: normal;
}
.pzl-text--bss {
font-size: 12px;
line-height: 1.5;
letter-spacing: normal;
}
.pzl-text--cap {
font-size: 10px;
line-height: 1.5;
letter-spacing: normal;
}
.pzl-text--button {
font-size: 14px;
line-height: 1.43;
letter-spacing: 0.25px;
font-weight: 500;
}
.pzl-text--ovrl {
font-size: 10px;
line-height: 1.5;
letter-spacing: 0.2px;
}
.pzl-card,
.pzl-card--bordered {
border-radius: 8px;
background-color: #fff;
}
.pzl-card--bordered {
border: solid 1.5px;
}
.pzl-card--elevated-2 {
box-shadow: 0 0 2px 0#c4d4e3;
}
.pzl-card--elevated-4 {
box-shadow: 0 2px 4px 0 rgba(196, 212, 227, 0.6);
}
.pzl-card--elevated-8 {
box-shadow: 0 4px 8px 0 rgba(196, 212, 227, 0.6);
}
.pzl-card--elevated-16 {
box-shadow: 0 8px 16px 0 rgba(196, 212, 227, 0.6);
}
.pzl-card--elevated-24 {
box-shadow: 0 16px 24px 0 rgba(196, 212, 227, 0.14);
}
.pzl-balance-donut-chart__donut {
fill: #fff;
stroke: #c4d4e3;
}
.pzl-balance-donut-chart__arc1.arc1 {
fill: #0070d9;
}
.pzl-balance-donut-chart__circle {
fill: #ffb900;
}
.pzl-balance-donut-chart__icon-circle {
fill: #f6f8fa;
}
.pzl-balance-donut-chart__icon {
fill: #0040a8;
}
.pzl-balance-donut-chart__arc2.arc1 {
fill: #ffb900;
}
.pzl-balance-donut-chart__arc3.arc1 {
fill: #b50c17;
}
.pzl-balance-donut-chart__line {
stroke: #000;
}
.pzl-balance-donut-chart__tag {
fill: #fff;
}
.pzl-balance-donut-chart__label {
fill: #000;
font-size: 14px;
}
.pzl-balance-donut-chart__label.overdraft {
fill: #b50c17;
}
.pzl-balance-donut-chart__shadow {
flood-color: #c4d4e3;
flood-opacity: 0.7;
}
.pzl-bar-chart * {
font-family: Roboto;
}
.pzl-bar-chart__axis .tick line {
fill: #a4b6c9;
stroke-dasharray: 1, 3;
}
.pzl-bar-chart__axis .tick text {
font-family: Roboto;
color: #6680ad;
font-size: 10px;
}
.pzl-bar-chart__axis-x .tick text {
font-family: Roboto;
color: #6680ad;
font-size: 10px;
}
.pzl-bar-chart__tag {
fill: #fff;
stroke: none;
}
.pzl-bar-chart__label {
fill: #333;
font-size: 12px;
}
.pzl-bar-chart__shadow {
flood-color: #c4d4e3;
flood-opacity: 0.7;
}
.pzl-balance-bar-chart .pzl-bar-chart__bar-incomes {
fill: #67a22d;
}
.pzl-balance-bar-chart .pzl-bar-chart__bar-expenses {
fill: #fdc130;
}
.pzl-balance-bar-chart .pzl-bar-chart__bar-balance {
fill: #0070d9;
}
.pzl-balance-bar-chart .pzl-bar-chart__bar-overdraft {
fill: #b50c17;
}
.pzl-balance-bar-chart .pzl-bar-chart__label-overdraft {
fill: #b50c17;
}
.pzl-donut-chart__donut {
fill: #fff;
stroke: #c4d4e3;
}
.pzl-donut-chart__arc1.arc1 {
fill: #0070d9;
}
.pzl-donut-chart__icon-circle {
fill: #f6f8fa;
}
.pzl-donut-chart__icon {
fill: #0040a8;
}
.pzl-donut-chart__arc2.arc1 {
fill: #ffb900;
}
.pzl-donut-chart__arc3.arc1 {
fill: #b50c17;
}
.pzl-donut-chart__line {
stroke: #000;
}
.pzl-donut-chart__tag {
fill: #fff;
}
.pzl-donut-chart__shadow {
flood-color: #c4d4e3;
flood-opacity: 0.7;
}
.pzl-tc-donut-chart * {
font-family: Roboto;
}
.pzl-tc-donut-chart .pzl-donut-chart__arc2.arc1 {
fill: #858585;
}
.pzl-tc-donut-chart .pzl-donut-chart__label {
color: #333;
}
.pzl-tc-donut-chart .pzl-donut-chart__label--label {
font-size: 10px;
font-weight: 300;
line-height: 1.2;
text-align: center;
}
.pzl-tc-donut-chart .pzl-donut-chart__label--percentage {
font-size: 14px;
font-weight: normal;
}
.pzl-tc-donut-chart .pzl-donut-chart__text {
color: #333;
}
.pzl-tc-donut-chart--label {
font-size: 10px;
font-weight: 300;
line-height: 1;
}
.pzl-tc-donut-chart--amount .pzl-currency__amount .pzl-currency__integer {
font-size: 14px;
}
.pzl-tc-donut-chart--amount
.pzl-currency__amount
.pzl-currency__integer
.pzl-currency__fraction {
font-size: 10px;
}
.pzl-balance-chart {
width: 100%;
display: grid;
grid-template-areas: "content" "summary";
justify-items: center;
align-items: center;
}
.pzl-balance-chart__content {
box-sizing: border-box;
grid-area: content;
height: 272px;
min-width: 320px;
display: grid;
width: 100%;
justify-items: center;
}
.pzl-balance-chart__content--chart-donut {
width: 320px;
height: 100%;
}
.pzl-balance-chart__content--chart-bar {
height: 214px !important;
align-self: center;
max-width: 455px;
width: 100%;
}
.pzl-balance-chart__summary {
grid-area: summary;
max-width: 455px;
width: 100%;
}
@media screen and (min-width: 1280px) {
.pzl-balance-chart {
  width: 100%;
  grid-template-areas: "content summary";
}
.pzl-balance-chart__summary {
  max-width: 325px;
  width: 100%;
}
.pzl-balance-chart__content {
  max-width: 310px;
}
}
.pzl-balance-chart-tc {
width: 100%;
display: grid;
grid-template-areas: "title" "chart" "summary";
justify-items: center;
align-items: center;
}
.pzl-balance-chart-tc--title {
grid-area: title;
font-family: Roboto;
font-size: 14px;
color: #333;
}
.pzl-balance-chart-tc--chart {
grid-area: chart;
width: 310px;
}
.pzl-balance-chart-tc--summary {
grid-area: summary;
}
@media screen and (min-width: 1280px) {
.pzl-balance-chart-tc {
  grid-template-areas: "title title" "chart summary";
  grid-template-columns: min-content 1fr;
}
.pzl-balance-chart-tc--chart {
  width: 310px;
}
.pzl-balance-chart-tc--summary {
  max-width: 300px;
}
}
.pzl-option {
font-family: Roboto;
height: auto;
min-height: 40px;
padding: 8px;
background-color: #fff;
color: #5c5c5c;
border-radius: 6px;
cursor: pointer;
}
.pzl-option__label {
font-size: 16px;
font-weight: 400;
line-height: 1.5;
}
.pzl-option:hover {
background-color: #eaf5fd;
font-weight: 500;
color: #0040a8;
}
.pzl-option:active {
background-color: #c4d4e3;
}
.pzl-option--disabled {
color: #adadad;
background-color: #f5f5f5;
cursor: no-drop;
}
.pzl-option--disabled * {
cursor: no-drop;
}
.pzl-option--disabled:hover {
color: #adadad;
background-color: #f5f5f5;
}
.pzl-switch {
width: 180px;
height: 26px;
border-radius: 22px;
border: solid 1px #0070d9;
}
.pzl-switch__option .pzl-switch__label,
.pzl-switch__option--selected .pzl-switch__label {
font-size: 14px;
font-weight: normal;
line-height: 1.43;
letter-spacing: 0.1px;
color: #0070d9;
white-space: nowrap;
}
.pzl-switch__option .pzl-switch__icon,
.pzl-switch__option--selected .pzl-switch__icon {
color: #0070d9;
}
.pzl-switch__option--selected {
background-color: #0070d9;
}
.pzl-switch__option--selected .pzl-switch__option-content {
margin-left: 4px;
}
.pzl-switch__option--selected .pzl-switch__label {
color: #fff;
}
.pzl-switch__option--selected .pzl-switch__icon {
color: #fff;
}
.pzl-separator {
margin-top: 16px;
border-bottom: 1px solid #c4d4e3;
}
.pzl-separator--vertical {
margin-left: 16px;
border-left: 1px solid #c4d4e3;
}
.pzl-currency {
color: #333;
}
.pzl-currency__amount {
font-family: Roboto;
font-size: 12px;
line-height: 1.5;
letter-spacing: 0.1px;
}
.pzl-currency__amount .pzl-currency__integer {
font-size: 12px;
letter-spacing: 0.15px;
font-weight: 300;
float: right;
}
.pzl-currency__amount .pzl-currency__fraction {
position: relative;
font-size: 10px;
letter-spacing: 0.1px;
vertical-align: text-top;
font-weight: 300;
line-height: 1.34;
}
.pzl-currency--red {
color: #b50c17;
}
.pzl-toast {
padding: 8px 8px 16px 16px;
border-radius: 10px;
box-shadow: 0 8px 16px 0 rgba(196, 212, 227, 0.6);
opacity: 0;
height: fit-content;
overflow: hidden;
border: 0;
transition: opacity 0.325s;
display: none;
}
.pzl-toast__text {
margin: 8px 16px 0 16px;
font-size: 14px;
font-weight: 500;
line-height: 1.43;
color: #5c5c5c;
}
.pzl-toast__content-icon {
background-color: #fff;
margin: 8px 0 0 0;
width: 48px;
height: 48px;
}
.pzl-toast__icon {
color: #5c5c5c;
}
.pzl-toast__content-close {
align-self: flex-start;
}
.pzl-toast__close {
width: 24px;
height: 24px;
color: #5c5c5c;
}
.pzl-toast--bordered {
border: 1px solid;
box-shadow: none;
}
.pzl-toast--info {
background-color: #eaf5fd;
border-color: #0040a8;
}
.pzl-toast--warning {
background-color: #fce0b8;
border-color: #ffb900;
}
.pzl-toast--success {
background-color: #d2f0ca;
border-color: #67a22d;
}
.pzl-toast--error {
background-color: #ffcbd1;
border-color: #b50c17;
}
.pzl-toast--dark {
background-color: #5c5c5c;
border-color: #333;
color: #fff;
}
.pzl-toast--dark .pzl-toast__close {
color: #fff;
}
.pzl-toast--dark .pzl-toast__text {
color: #fff;
}
.pzl-tabs {
display: flex;
justify-content: center;
box-sizing: border-box;
border-bottom: 1px solid #c4d4e3;
}
.pzl-tabs__container {
position: relative;
height: 48px;
background-color: rgba(0, 0, 0, 0);
box-sizing: content-box;
cursor: pointer;
overflow: initial;
width: 100%;
}
.pzl-tabs__label {
font-family: Roboto;
font-size: 14px;
font-weight: normal;
line-height: 1.83;
letter-spacing: normal;
white-space: nowrap;
display: flex !important;
flex-flow: column;
}
.pzl-tabs__label .pzl-currency {
display: flex;
justify-content: center;
color: inherit;
}
.pzl-tabs__label .pzl-currency__integer {
color: inherit;
}
.pzl-tabs__option,
.pzl-tabs__option--selected {
align-items: center;
padding: 0 12px;
box-sizing: border-box;
color: #a4b6c9;
min-width: 100px;
transition: color 0.325s;
z-index: 1;
}
.pzl-tabs__option--selected {
color: #0040a8;
}
.pzl-tabs__option--selected .pzl-tabs__label {
font-weight: bold;
}
.pzl-tabs__option:hover,
.pzl-tabs__option--selected:hover {
background: #f5f5f5;
color: #1b1c1e;
}
.pzl-tabs__tab {
position: absolute;
bottom: -1px;
height: 2px;
background: #0040a8;
border-radius: 2px 2px 0 0;
transition: left 0.325s cubic-bezier(1, 0, 0.265, 1);
z-index: 0;
}
.pzl-button {
display: flex;
align-items: center;
justify-content: center;
}
.pzl-button button {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
border-radius: 26px;
border: 0;
box-sizing: border-box;
cursor: pointer;
font-family: Roboto, sans-serif !important;
}
.pzl-button button:focus {
outline: 0;
}
.pzl-button button:disabled {
cursor: no-drop;
}
.pzl-button button:active {
box-shadow: none !important;
}
.pzl-button__label {
font-size: 14px;
font-weight: 500;
}
.pzl-button--regular {
height: 54px;
}
.pzl-button--regular button {
height: 48px;
min-width: 142px;
padding: 0 32px;
}
.pzl-button--small {
height: 38px;
}
.pzl-button--small button {
height: 32px;
min-width: 80px;
padding: 0 16px;
}
.pzl-button--tiny {
height: 38px;
}
.pzl-button--tiny button {
height: 32px;
min-width: 80px;
padding: 0 16px;
}
.pzl-button--primary button {
background-color: #0043a9;
color: #fff;
}
.pzl-button--primary button:focus {
border: solid 3px #eaf5fd;
}
.pzl-button--primary button:hover {
box-shadow: 0 4px 8px 0 rgba(0, 44, 118, 0.5);
border: solid 1px #0040a8;
}
.pzl-button--primary button:active {
background: #0040a8;
}
.pzl-button--primary button:disabled {
border: solid 1px #adadad;
background: #f5f5f5;
color: #adadad;
box-shadow: none;
}
.pzl-button--primary.pzl-button--regular button:hover {
height: 46px;
}
.pzl-button--primary.pzl-button--regular button:disabled {
height: 48px;
}
.pzl-button--primary.pzl-button--small button:hover {
height: 30px;
}
.pzl-button--primary.pzl-button--small button:disabled {
height: 32px;
}
.pzl-button--secondary button {
background-color: #fff;
color: #0040a8;
border: solid 1px;
border-color: #0040a8;
}
.pzl-button--secondary button:focus {
box-shadow: 0px 0px 0px 3px #eaf5fd;
}
.pzl-button--secondary button:active {
background-color: #eaf5fd;
}
.pzl-button--secondary button:hover {
background-color: #eaf5fd;
box-shadow: 0 4px 8px 0 rgba(0, 44, 118, 0.5);
}
.pzl-button--secondary button:disabled {
border: solid 1px #adadad;
background: #f5f5f5;
color: #adadad;
box-shadow: none;
}
.pzl-button--tertiary button {
background-color: rgba(0, 0, 0, 0);
color: #0040a8;
border: 0;
}
.pzl-button--tertiary button:focus {
border: 4px solid #eaf5fd;
}
.pzl-button--tertiary button:active {
background-color: #eaf5fd;
}
.pzl-button--tertiary button:hover {
border: 0;
background-color: #eaf5fd;
box-shadow: 0 4px 8px 0 rgba(0, 44, 118, 0.5);
}
.pzl-button--tertiary button:disabled {
background: 0;
border: 0;
box-shadow: none;
color: #adadad;
}
.pzl-button--link button {
height: auto;
width: auto;
padding: 2px 2px 1px 2px;
border-radius: 4px;
background-color: rgba(0, 0, 0, 0);
color: #0040a8;
font-weight: 500;
font-size: 14px;
text-decoration: underline;
border: 0;
}
.pzl-button--link button:hover {
color: #0070d9;
}
.pzl-button--link button:disabled {
color: #adadad;
text-decoration: none;
}
.pzl-checkbox {
display: flex;
justify-content: center;
align-items: center;
width: fit-content;
cursor: pointer;
}
.pzl-checkbox * {
cursor: pointer;
}
.pzl-checkbox__label {
margin-left: 8px;
font-family: Roboto;
font-size: 14px;
line-height: 1.71;
color: #333;
}
.pzl-checkbox__checkbox {
display: flex;
flex-shrink: 0;
align-items: center;
justify-content: center;
height: 22px;
width: 22px;
background-color: rgba(0, 0, 0, 0);
border-radius: 6px;
border: solid 1px #adadad;
}
.pzl-checkbox .pzl-checkbox__icon {
opacity: 0;
color: #fff;
height: 15px;
width: 15px;
transition: opacity 0.325s;
}
.pzl-checkbox__input {
height: 0;
width: 0;
opacity: 0;
margin: 0;
padding: 0;
}
.pzl-checkbox__input:focus + .pzl-checkbox__checkbox {
box-shadow: 0px 0px 0px 4px #eaf5fd;
border-color: #0040a8;
}
.pzl-checkbox__input:hover + .pzl-checkbox__checkbox {
box-shadow: none;
background-color: #f5f5f5;
border-color: #adadad;
}
.pzl-checkbox__input:active + .pzl-checkbox__checkbox {
box-shadow: none;
border-color: #0040a8;
background-color: #eaf5fd;
}
.pzl-checkbox--checked .pzl-checkbox__checkbox {
background: #7ad468;
border-color: #7ad468;
}
.pzl-checkbox--checked .pzl-checkbox__icon {
opacity: 1;
}
.pzl-checkbox--checked
.pzl-checkbox__input:focus
+ .pzl-checkbox__checkbox {
box-shadow: 0px 0px 0px 4px #eaf5fd;
border-color: #7ad468;
}
.pzl-checkbox--checked
.pzl-checkbox__input:hover
+ .pzl-checkbox__checkbox {
box-shadow: none;
background-color: #3ba73a;
border-color: #3ba73a;
}
.pzl-checkbox--checked
.pzl-checkbox__input:active
+ .pzl-checkbox__checkbox {
box-shadow: none;
background-color: #7ad468;
border-color: #3ba73a;
}
.pzl-checkbox.pzl-checkbox--disabled {
cursor: no-drop;
}
.pzl-checkbox.pzl-checkbox--disabled * {
cursor: no-drop;
}
.pzl-checkbox.pzl-checkbox--disabled .pzl-checkbox__checkbox {
background-color: #d6d6d6;
border-color: #f6f8fa;
}
.pzl-checkbox.pzl-checkbox--disabled.pzl-checkbox--checked
.pzl-checkbox__checkbox {
background-color: #f5f5f5;
border-color: #adadad;
}
.pzl-checkbox.pzl-checkbox--disabled.pzl-checkbox--checked
.pzl-checkbox__icon {
color: #d6d6d6;
}
.pzl-checkbox + .pzl-checkbox {
margin-top: 16px;
}
.pzl-tooltip {
display: inline-block;
}
.pzl-tooltip__trigger {
cursor: pointer;
}
.pzl-tooltip__container {
position: fixed;
left: 0;
right: 0;
bottom: -100%;
display: flex;
flex-direction: row-reverse;
align-self: flex-end;
height: fit-content;
background-color: #333;
border-radius: 10px 10px 0 0;
color: #fff;
padding-bottom: 24px;
transition: bottom 0.325s;
}
.pzl-tooltip__content {
width: 100%;
}
.pzl-tooltip__close {
margin: 8px 8px 0 0;
flex-shrink: 0;
}
.pzl-tooltip__title {
font-family: Roboto;
font-size: 16px;
font-weight: bold;
line-height: 1.5;
letter-spacing: 0.15px;
margin: 16px 24px 0 24px;
}
.pzl-tooltip__description {
font-family: Roboto;
font-size: 14px;
line-height: 1.43;
letter-spacing: normal;
margin: 4px 24px 0 24px;
}
.pzl-tooltip--open .pzl-tooltip__container {
bottom: 0;
}
@media screen and (min-width: 768px) {
.pzl-tooltip__align--top::after {
  top: 18px;
  border-end-start-radius: 2px;
  border-start-end-radius: 2px;
}
.pzl-tooltip__placement--top::after {
  top: -8px;
}
.pzl-tooltip__align--bottom::after {
  bottom: 18px;
  border-end-start-radius: 2px;
  border-start-end-radius: 2px;
}
.pzl-tooltip__placement--bottom::after {
  bottom: -8px;
}
.pzl-tooltip__align--left::after {
  left: 18px;
  border-start-start-radius: 2px;
  border-end-end-radius: 2px;
}
.pzl-tooltip__placement--left::after {
  left: -8px;
}
.pzl-tooltip__align--right::after {
  right: 18px;
  border-start-start-radius: 2px;
  border-end-end-radius: 2px;
}
.pzl-tooltip__placement--right::after {
  right: -8px;
}
.pzl-tooltip--xs .pzl-tooltip__container {
  width: 252px;
}
.pzl-tooltip--s .pzl-tooltip__container {
  width: 320px;
}
.pzl-tooltip--m .pzl-tooltip__container {
  width: 400px;
}
.pzl-tooltip--l .pzl-tooltip__container {
  width: 500px;
}
.pzl-tooltip__overlay {
  display: none;
}
.pzl-tooltip__container {
  position: absolute;
  bottom: unset;
  opacity: 0;
  pointer-events: none;
  border-radius: 10px;
}
.pzl-tooltip__container::after {
  content: "";
  position: absolute;
  width: 16px;
  height: 16px;
  transform: rotate(45deg);
  background-color: #333;
}
.pzl-tooltip__align--middle-x::after {
  left: calc(50% - 8px);
  border-start-start-radius: 2px;
  border-end-end-radius: 2px;
}
.pzl-tooltip__align--middle-y::after {
  top: calc(50% - 8px);
  border-end-start-radius: 2px;
  border-start-end-radius: 2px;
}
.pzl-tooltip--open .pzl-tooltip__container {
  opacity: 1;
  pointer-events: initial;
  bottom: unset;
}
}
.pzl-radio__input {
position: relative;
width: 24px;
height: 24px;
margin: 8px;
background-color: #fff;
border: 1px solid #666;
border-radius: 50%;
}
.pzl-radio__input:hover {
background-color: #f2f2f2;
}
.pzl-radio__input:focus {
box-shadow: 0 0 2px 4px #d3e6ff;
}
.pzl-radio__input:focus-within {
box-shadow: 0 0 2px 4px #d3e6ff;
}
.pzl-radio__input:active {
background-color: #eaf5fd;
box-shadow: none;
}
.pzl-radio__input:disabled {
border: 0;
background-color: #d6d6d6;
}
.pzl-radio__input:checked {
border: 7px solid #7ad468;
background: #fff;
}
.pzl-radio__input:checked:hover {
border-color: #5ca14f;
}
.pzl-radio__input:checked:active:before {
position: absolute;
top: -7px;
left: -7px;
border: 1px solid #5ca14f;
width: 24px;
height: 24px;
content: "";
box-sizing: border-box;
border-radius: 50%;
}
.pzl-radio__input:checked:disabled {
cursor: no-drop;
background-color: #d6d6d6;
border-color: #f2f2f2;
}
.pzl-radio__input:checked:disabled:before {
position: absolute;
top: -7px;
left: -7px;
border: 1px solid #d6d6d6;
width: 24px;
height: 24px;
content: "";
box-sizing: border-box;
border-radius: 50%;
}
.pzl-radio__label {
font-family: Roboto;
font-size: 14px;
color: #666;
}
.pzl-answer {
display: block;
float: left;
width: 100%;
}
.pzl-answer__card {
padding: 14px 16px;
border: 1px solid #d6d6d6;
}
.pzl-answer__radio .pzl-radio__input {
margin: 0;
margin-right: 16px;
}
.pzl-answer__radio .pzl-radio__label {
color: #5c5c5c;
}
.pzl-answer--checked .pzl-answer__card {
border-color: #7ad468;
}
.pzl-answer--checked .pzl-answer__radio .pzl-radio__label {
color: #0040a8;
font-weight: 500;
}
.pzl-question {
display: none;
}
.pzl-question__question {
font-family: Roboto;
font-size: 16px;
line-height: 1.5;
color: #333;
margin-bottom: 24px;
}
.pzl-question__answers {
display: flex;
flex-direction: column;
}
.pzl-question [slot="answer"] + [slot="answer"] {
margin-top: 20px;
}
.pzl-question--visible {
display: block;
}
@media screen and (min-width: 768px) {
.pzl-question__answers {
  flex-direction: row;
}
.pzl-question [slot="answer"] + [slot="answer"] {
  margin-top: 0;
  margin-left: 16px;
}
}
.pzl-questions-form {
height: 100%;
width: 100%;
display: flex;
flex-direction: column;
}
.pzl-questions-form__content {
margin-bottom: 28px;
}
.pzl-questions-form__questions {
margin-bottom: 40px;
flex-grow: 1;
}
.pzl-questions-form__actions {
display: flex;
flex-direction: column;
}
.pzl-questions-form__prev-button {
visibility: hidden;
}
.pzl-questions-form__prev-button--visible {
visibility: visible;
}
@media screen and (min-width: 768px) {
.pzl-questions-form__questions {
  flex-grow: 0;
}
.pzl-questions-form__actions {
  flex-direction: row;
  justify-content: flex-start;
}
.pzl-questions-form .pzl-button + .pzl-button {
  margin-left: 16px;
}
}
.pzl-onboarding-page__item {
background: #858585;
}
.pzl-onboarding-page__item-on {
background: #0040a8;
}
.pzl-overlay {
opacity: 0;
background-color: #f5f5f5;
transition: opacity 0.325s;
}
.pzl-overlay--show {
opacity: 0.6;
}
.pzl-modal__card {
bottom: -100%;
border-radius: 12px 12px 0 0;
padding: 24px;
box-sizing: border-box;
transition: bottom 0.325s;
display: flex;
flex-direction: column;
}
.pzl-modal__close {
width: 8px !important;
height: 8px !important;
align-self: flex-end;
color: #333;
}
.pzl-modal--open .pzl-modal__card {
bottom: 0;
}
.pzl-modal .pzl-select {
max-height: unset;
}
.pzl-modal .pzl-options {
position: relative;
}
@media screen and (min-width: 720px) {
.pzl-modal__card {
  padding: 24px;
  border-radius: 12px;
  opacity: 0;
  width: 375px;
  transition: bottom 0s, opacity 0.325s;
}
.pzl-modal--open .pzl-modal__card {
  opacity: 1;
}
}
.pzl-web-chat {
background: #fff;
border-radius: 12px;
padding: 16px 16px 8px 16px;
box-shadow: 0 4px 4px 0#e6e6e6;
}
.pzl-web-chat * {
font-family: Roboto, sans-serif !important;
}
.pzl-web-chat--header {
color: #000;
height: 24px;
font-size: 18px;
font-weight: 600;
}
.pzl-web-chat--header .pzl-icon {
position: absolute;
right: 16px;
color: #0043a9;
}
.pzl-web-chat--body {
margin: 16px 8px;
gap: 10px;
height: 100%;
overflow-y: auto !important;
}
.pzl-web-chat--body {
padding-right: 4px;
overflow: overlay;
}
.pzl-web-chat--body::-webkit-scrollbar {
width: 8px;
left: 4px;
}
.pzl-web-chat--body::-webkit-scrollbar-thumb {
background: rgba(0, 0, 0, 0.23);
border-radius: 8px;
}
.pzl-web-chat--body--message {
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
padding: 10px;
width: fit-content;
max-width: 88%;
font-size: 14px;
letter-spacing: 0.77px;
}
.pzl-web-chat--body--message p {
margin: 0;
font-family: Roboto, sans-serif !important;
color: inherit;
}
.pzl-web-chat--body--message a {
margin: 0;
font-family: Roboto, sans-serif !important;
color: #0043a9;
text-decoration: none;
}
.pzl-web-chat--body--message b,
.pzl-web-chat--body--message strong {
font: inherit;
font-weight: 700;
}
.pzl-web-chat--body--message ul {
margin: 0;
padding-left: 20px;
}
.pzl-web-chat--body--message__server {
background: #f2f2f2;
align-self: flex-start;
color: #333;
}
.pzl-web-chat--body--message__client {
background: #d4e5f8;
color: #333;
align-self: flex-end;
}
.pzl-web-chat--body--message__intro {
background: #fff0e0;
border: 1px solid #ecc192;
color: #434343;
align-self: center;
font-size: 12px;
line-height: 16px !important;
max-width: 100%;
margin: 0 8px 8px;
}
.pzl-web-chat--body--message__intro p {
text-align: center;
}
.pzl-web-chat--body--message__intro a {
text-decoration: none;
color: #0043a9;
font-weight: bold;
}
.pzl-web-chat--body--typing {
border-radius: 16px 16px 16px 2px;
-webkit-border-radius: 16px 16px 16px 2px;
-moz-border-radius: 16px 16px 16px 2px;
align-items: center;
display: flex;
height: fit-content;
background: #0070d9;
width: fit-content;
padding: 14px 16px;
margin-top: auto;
}
.pzl-web-chat--body--typing .dot {
animation: mercuryTypingAnimation 1.8s infinite ease-in-out;
border-radius: 50%;
height: 6px;
margin-right: 4px;
background-color: rgba(255, 255, 255, 0.9);
vertical-align: middle;
width: 7px;
display: inline-block;
}
.pzl-web-chat--body--typing .dot:nth-child(1) {
animation-delay: 200ms;
}
.pzl-web-chat--body--typing .dot:nth-child(2) {
animation-delay: 300ms;
}
.pzl-web-chat--body--typing .dot:nth-child(3) {
animation-delay: 400ms;
}
.pzl-web-chat--input-text:hover {
border-color: #0043a9;
}
.pzl-web-chat--input-text {
padding: 2px 4px;
grid-template-columns: 1fr 50px;
background: #fff;
border: 1px solid #d6d6d6;
border-radius: 8px;
}
.pzl-web-chat--input-text--button {
justify-self: flex-end;
font-size: 14px;
font-style: normal;
font-weight: 400;
height: 34px;
width: 34px;
}
.pzl-web-chat--input-text--button button {
min-width: unset;
padding: 0;
width: inherit;
color: #fff;
background: #0043a9;
border-color: #0043a9;
}
.pzl-web-chat--input-text--button button:disabled {
color: #fff;
background: #ccc;
border-color: #ccc;
}
.pzl-web-chat--input-text--button button span {
display: flex;
justify-content: center;
align-items: center;
}
.pzl-web-chat--input-text--button button span .pzl-icon {
width: 22px;
height: 22px;
}
.pzl-web-chat--input-text--button button span .pzl-icon svg {
margin-left: 4px;
}
.pzl-web-chat--input-text--input-div {
height: min-content;
align-self: center;
display: flex;
font-size: 16px;
}
.pzl-web-chat--input-text--input {
width: 100%;
overflow-x: hidden;
font-size: 16px;
}
.pzl-web-chat--input-text--input::placeholder {
font-size: 16px;
font-style: normal;
font-weight: 400;
color: #d6d6d6;
}
@keyframes mercuryTypingAnimation {
0% {
  transform: translateY(0px);
  background-color: rgba(255, 255, 255, 0.9);
}
28% {
  transform: translateY(-7px);
  background-color: rgba(255, 255, 255, 0.7);
}
44% {
  transform: translateY(0px);
  background-color: rgba(255, 255, 255, 0.5);
}
}
.pzl-web-chat--conditions {
margin: 8px 0 0 3px;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 20px;
color: #666;
}
.pzl-web-chat--conditions a {
font-weight: 600;
text-decoration: none;
color: #0043a9;
}
.pzl-web-chat-aval--button {
right: 24px !important;
position: fixed !important;
bottom: 24px !important;
height: 20px;
}
.pzl-web-chat-aval--button button {
padding: 8px 12px;
height: 40px !important;
}
.pzl-web-chat-aval--button button .pzl-button__label {
display: flex;
gap: 8px;
align-items: center;
}
.pzl-web-chat-aval--chat {
right: 24px;
position: fixed;
bottom: 80px;
max-height: 80vh;
height: 600px;
width: 400px;
max-width: 70vw;
border-radius: 8px;
z-index: 1000;
border: 1px solid #e6e6e6;
}
.pzl-web-chat-aval--chat__open {
opacity: 1;
visibility: visible;
transition: opacity 0.3s, visibility 0.3s, height 0.5s;
}
.pzl-web-chat-aval--chat__close {
height: 0;
opacity: 0;
visibility: hidden;
transition: opacity 0.3s, visibility 0.3s, height 0.5s;
}
@media screen and (max-width: 575.98px) {
.pzl-web-chat-aval--bg {
  position: fixed;
  top: 0 !important;
  left: 0 !important;
  z-index: 1000;
  background-color: #001947 !important;
  opacity: 0.8;
  width: 100vw;
  max-width: 100vw;
  height: 100vh;
  max-height: 100vh;
}
.pzl-web-chat-aval--chat {
  max-height: 80vh !important;
  bottom: 2px !important;
}
}
@media screen and (max-width: 1024px) {
.pzl-web-chat-aval--button {
  bottom: 102px !important;
}
.pzl-web-chat-aval--chat {
  bottom: 158px;
  max-width: 90vw;
}
}
.pzl-dropdown {
border-radius: 6px;
box-shadow: 0 4px 8px 0 rgba(196, 212, 227, 0.6);
background-color: #fff;
}
.pzl-dropdown__container {
max-height: 182px;
}
.pzl-dropdown__container {
padding-right: 4px;
overflow: overlay;
}
.pzl-dropdown__container::-webkit-scrollbar {
width: 8px;
left: 4px;
}
.pzl-dropdown__container::-webkit-scrollbar-thumb {
background: rgba(0, 0, 0, 0.23);
border-radius: 8px;
}
.pzl-dropdown--open {
padding: 8px 4px 8px 8px;
}
.pzl-dropdown__action {
display: flex;
flex-direction: row-reverse;
}
.pzl-dropdown__action > * {
margin: 8px;
}
.pzl-product-card .pzl-card,
.pzl-product-card .pzl-card--bordered {
padding: 24px 16px;
min-height: 94px;
border: 1px solid #d6d6d6;
box-shadow: none;
}
.pzl-product-card .pzl-card--selected {
box-shadow: 0 4px 8px 0 rgba(196, 212, 227, 0.6);
border-color: #7ad468;
}
.pzl-product-card__icon {
width: 32px;
height: 32px;
background-color: #eaf5fd;
color: #0040a8;
}
.pzl-product-card__icon .pzl-icon {
height: 16px;
width: 16px;
}
.pzl-product-card__description {
margin-left: 16px;
}
.pzl-product-card__description-title {
font-size: 16px;
line-height: 1.5;
letter-spacing: 0.15px;
color: #333;
}
.pzl-product-card__description-subtitle {
font-size: 14px;
line-height: 1.43;
letter-spacing: 0.1px;
color: #333;
}
.pzl-product-card--TC .pzl-product-card__icon .pzl-icon {
width: 32px;
height: auto;
}
.pzl-product-card-group > * {
padding: 0 12px;
}
.pzl-product-card-group--column {
max-height: 448px;
overflow-y: overlay;
}
.pzl-product-card-group--column > * {
padding: 4px 0;
}
.pzl-product-card-group--column .pzl-product-card {
width: calc(100% - 16px);
}
.pzl-product-card-group--column::-webkit-scrollbar {
width: 8px;
}
.pzl-product-card-group--column::-webkit-scrollbar-thumb {
background: rgba(0, 0, 0, 0.23);
border-radius: 8px;
}
.pzl-input__container {
height: 48px;
border: solid 1px #adadad;
border-radius: 6px;
padding: 12px 16px;
background-color: #fff;
cursor: text;
}
.pzl-input__label {
display: initial;
font-family: Roboto;
font-size: 12px;
line-height: 1.67;
font-weight: 500;
color: #858585;
margin-bottom: 6px;
}
.pzl-input__input {
font-family: Roboto;
font-size: 16px;
padding: 0;
color: #5c5c5c;
letter-spacing: normal;
background-color: inherit;
caret-color: #fdc130;
line-height: 1.5;
border: 0;
}
.pzl-input__input::placeholder {
color: #adadad;
line-height: 1.5;
letter-spacing: normal;
}
.pzl-input__prefix {
color: #5c5c5c;
padding-right: 8px;
}
.pzl-input__icon {
color: #5c5c5c;
padding-left: 16px;
}
.pzl-input--optional .pzl-input__container {
border: 1px dashed #c4d4e3;
}
.pzl-input--focus .pzl-input__input {
color: #5c5c5c;
}
.pzl-input--focus .pzl-input__container {
border-color: #0040a8;
}
.pzl-input.pzl-input--error .pzl-input__container {
border-color: #e33031;
}
.pzl-input.pzl-input--warning .pzl-input__container {
border-color: #f69b31;
}
.pzl-input.pzl-input--success .pzl-input__container {
border-color: #7ad468;
}
.pzl-input--centered .pzl-input__input {
text-align: center;
}
.pzl-input.pzl-input--disabled * {
cursor: no-drop;
}
.pzl-input.pzl-input--disabled .pzl-input__container {
background-color: #f5f5f5;
border-color: #adadad;
}
.pzl-input.pzl-input--disabled .pzl-input__input {
color: #adadad;
}
.pzl-input.pzl-input--disabled .pzl-input__prefix {
color: #adadad;
}
.pzl-select .pzl-dropdown {
position: absolute;
margin-top: 8px;
}
.pzl-select .pzl-input * {
cursor: pointer;
}
.pzl-select .pzl-input--icon {
color: #858585;
}
.pzl-select .pzl-input--hover .pzl-input__icon {
color: #0040a8;
}
.pzl-select .pzl-input--focus .pzl-input__container {
box-shadow: 0 0 0 4px #eaf5fd;
}
.pzl-select .pzl-input--focus .pzl-input__icon {
color: #0040a8;
}
.pzl-select--open .pzl-input--icon {
color: #0040a8;
}
.pzl-select--fit .pzl-dropdown {
width: 100% !important;
}
.pzl-summary-balance {
margin-top: 10px;
}
.pzl-summary-balance__total-balance {
height: 32px;
overflow: hidden;
}
.pzl-summary-balance__total-balance::before {
content: "";
position: absolute;
width: 1px;
background-color: #979797;
left: 11px;
top: 26px;
bottom: 18px;
}
.pzl-summary-balance__total-balance--opened {
height: auto;
}
.pzl-summary-balance__step::before {
content: "";
position: absolute;
width: 3px;
height: 3px;
border: 1px solid #979797;
border-radius: 50%;
left: 9px;
background-color: #fff;
}
.pzl-summary-balance__label {
grid-template-columns: 32px 1fr 1fr 8px;
font-size: 12px;
font-family: Roboto;
line-height: 1.5;
letter-spacing: 0.1px;
color: #333;
height: 24px;
overflow: hidden;
padding: 4px 0;
}
.pzl-summary-balance__icon,
.pzl-summary-balance__icon--balance,
.pzl-summary-balance__icon--overdraft,
.pzl-summary-balance__icon--expenses,
.pzl-summary-balance__icon--incomes {
width: 16px;
height: 16px;
margin: 4px 12px 4px 4px;
border-radius: 50%;
color: #fff;
overflow: hidden;
}
.pzl-summary-balance__icon--incomes {
background-color: #67a22d;
}
.pzl-summary-balance__icon--expenses {
background-color: #ffb900;
}
.pzl-summary-balance__icon--overdraft {
background-color: #b50c17;
}
.pzl-summary-balance__icon--balance {
background-color: #0070d9;
}
.pzl-summary-balance__amount
.pzl-currency__amount
.pzl-currency__integer {
font-size: 12px;
}
.pzl-summary-balance__amount
.pzl-currency__amount
.pzl-currency__fraction {
font-size: 10px;
}
.pzl-summary-balance .pzl-summary-balance__action {
height: 24px;
width: 24px;
color: #0040a8;
}
.pzl-summary-balance--actions .pzl-summary-balance__label {
grid-template-columns: 32px 1fr 1fr 24px;
}
.pzl-summary-tc * {
font-family: Roboto;
}
.pzl-summary-tc__icon {
border-radius: 50%;
margin-right: 10px;
color: #fff;
}
.pzl-summary-tc__icon.icon-expenses {
background: #858585;
}
.pzl-summary-tc__icon.icon-amount {
background: #333;
}
.pzl-summary-tc__icon-info {
color: #858585;
}
.pzl-summary-tc__label {
font-size: 14px;
}
.pzl-summary-tc__label--label {
color: #333;
}
.pzl-summary-tc__label--label.label-amount {
font-weight: bold;
}
.pzl-summary-tc__label--label.label-expenses {
margin-right: 8px;
font-weight: bold;
}
.pzl-summary-tc__label .pzl-currency__integer {
font-size: 14px;
font-weight: 300;
}
.pzl-summary-tc__label .pzl-currency__fraction {
font-size: 10px;
}
@media screen and (max-width: 1279px) {
.pzl-select-month .pzl-select .pzl-options {
  margin-top: 16px;
}
.pzl-select-month .pzl-select .pzl-input__icon {
  color: #0040a8;
  padding-left: 4px;
}
.pzl-select-month
  .pzl-select
  .pzl-input--focus
  .pzl-select-month
  .pzl-select
  .pzl-input__container {
  border: 0;
}
.pzl-select-month
  .pzl-select
  .pzl-input--focus
  .pzl-select-month
  .pzl-select
  .pzl-input__container:focus {
  border: 0;
}
.pzl-select-month .pzl-select .pzl-input__container {
  height: 24px;
  border: 0;
  background-color: rgba(0, 0, 0, 0);
}
.pzl-select-month .pzl-select .pzl-input__input {
  font-size: 12px;
}
.pzl-select-month .pzl-select .pzl-input__prefix {
  display: block;
  height: 16px;
  width: 16px;
  color: #333;
}
.pzl-select-month .pzl-select .pzl-input__label {
  display: none;
}
}
@media screen and (min-width: 1280px) {
.pzl-select-month .pzl-select .pzl-options {
  width: 100% !important;
}
}
.pzl-select-product__options {
box-shadow: 0 4px 8px 0 rgba(196, 212, 227, 0.6);
padding: 32px 8px;
margin-top: 16px;
overflow: hidden;
}
.pzl-select-product__container {
max-height: 446px;
padding: 0 8px;
overflow: auto;
}
.pzl-select-product__container::-webkit-scrollbar {
width: 8px;
}
.pzl-select-product__container::-webkit-scrollbar-thumb {
background: rgba(0, 0, 0, 0.23);
border-radius: 8px;
}
.pzl-select-product .pzl-input__input {
font-size: 12px;
}
.pzl-select-product .pzl-input__label {
display: none;
}
.pzl-select-product .pzl-input__prefix {
height: 16px;
width: 16px;
color: #333;
}
.pzl-select-product .pzl-input__icon {
color: #0040a8;
padding-left: 4px;
}
.pzl-select-product .pzl-input__container {
border: 0;
height: 24px;
background-color: rgba(0, 0, 0, 0);
}
.pzl-select-product .pzl-product-card-group--column {
height: auto;
overflow: hidden;
max-height: none;
}
.pzl-select-product .pzl-product-card-group--column > * {
padding: 4px 0;
justify-content: center;
}
.pzl-select-product .pzl-product-card-group--column .pzl-product-card {
width: calc(100% - 4px);
}
.pzl-select-product--open .pzl-input__prefix {
color: #333;
}
.pzl-list > .pzl-item {
border-bottom: solid 1px #adadad;
}
.pzl-list > .pzl-item:last-child {
border-bottom: 0;
}
.pzl-list-chart {
padding-right: 4px;
overflow: overlay;
}
.pzl-list-chart::-webkit-scrollbar {
width: 8px;
left: 4px;
}
.pzl-list-chart::-webkit-scrollbar-thumb {
background: rgba(0, 0, 0, 0.23);
border-radius: 8px;
}
.pzl-list-chart__item {
margin: 0;
padding: 12px 0;
border: none !important;
}
.pzl-list-chart__item:first-child {
padding-top: 0;
}
.pzl-list-chart__item--movements {
padding-top: 0;
}
.pzl-list-chart__movements {
padding-left: 30px;
color: #3ba73a;
}
.pzl-list-chart__action {
color: #0040a8;
}
.pzl-list-movements {
display: block;
color: #333;
}
.pzl-list-movements__list {
display: block;
overflow-y: overlay;
max-height: inherit;
}
.pzl-list-movements__list {
padding-right: 4px;
overflow: overlay;
}
.pzl-list-movements__list::-webkit-scrollbar {
width: 8px;
left: 4px;
}
.pzl-list-movements__list::-webkit-scrollbar-thumb {
background: rgba(0, 0, 0, 0.23);
border-radius: 8px;
}
.pzl-list-movements__list > .pzl-list-movements__item {
padding: 16px;
margin: 0;
border: 0;
}
.pzl-list-movements__item:nth-child(even) {
background: #f5f5f5;
}
.pzl-list-movements__item-content {
display: flex;
}
.pzl-list-movements__check .pzl-checkbox__label {
width: 100%;
}
.pzl-list-movements__check-content {
padding-left: 8px;
display: grid;
grid-template-columns: min-content 1fr;
align-items: center;
}
.pzl-list-movements__check-content .pzl-list-movements__description {
color: #858585;
padding-right: 16px;
font-size: 12px;
line-height: 18px;
}
.pzl-list-movements__check-content .pzl-list-movements__label,
.pzl-list-movements__check-content .pzl-list-movements__installments,
.pzl-list-movements__check-content .pzl-list-movements__date {
color: #333;
line-height: 20px;
font-size: 14px;
}
.pzl-list-movements__check-content .pzl-list-movements__amount {
align-items: end;
}
.pzl-list-movements__check-content
.pzl-list-movements__amount
.pzl-currency__integer {
float: left;
font-size: 14px;
}
.pzl-list-expenses {
padding-right: 4px;
overflow: overlay;
}
.pzl-list-expenses::-webkit-scrollbar {
width: 8px;
left: 4px;
}
.pzl-list-expenses::-webkit-scrollbar-thumb {
background: rgba(0, 0, 0, 0.23);
border-radius: 8px;
}
.pzl-list-expenses .pzl-category-progress-bar__percentage {
color: #333;
}
.pzl-list-expenses .pzl-category-progress-bar__bar-chart {
fill: #a4b6c9;
}
.pzl-list-incomes {
padding-right: 4px;
overflow: overlay;
}
.pzl-list-incomes::-webkit-scrollbar {
width: 8px;
left: 4px;
}
.pzl-list-incomes::-webkit-scrollbar-thumb {
background: rgba(0, 0, 0, 0.23);
border-radius: 8px;
}
.pzl-list-incomes .pzl-category-progress-bar__percentage {
color: #3ba73a;
}
.pzl-list-incomes .pzl-category-progress-bar__bar-chart {
fill: #0040a8;
}
.pzl-category-progress-bar {
grid-template-rows: repeat(2, 18px);
}
.pzl-category-progress-bar__info {
color: #333;
}
.pzl-category-progress-bar__name {
font-family: Roboto;
font-size: 12px;
}
.pzl-category-progress-bar__value {
color: #333;
}
.pzl-category-progress-bar__percentage {
font-family: Roboto;
font-size: 12px;
}
.pzl-category-progress-bar__icon {
width: 24px;
height: 24px;
color: #adadad;
}
.pzl-progress-bar__bar-background {
fill: #eaeaea;
}
.pzl-progress-budget__bar-background {
stroke: #c4d4e3;
fill: #fff;
}
.pzl-progress-budget__bar-budget {
fill: #0040a8;
stroke: #fff;
stroke-width: 1;
}
.pzl-progress-budget__bar-spend {
fill: #a4b6c9;
stroke: #fff;
stroke-width: 1;
}
.pzl-progress-budget__bar-overdraft {
fill: #ed4d4c;
stroke: #fff;
stroke-width: 1;
}
.pzl-progress-budget__shadow {
flood-opacity: 0;
}
.pzl-budget-chart {
font-family: Roboto;
}
.pzl-budget-chart .pzl-currency__amount .pzl-currency__integer {
font-size: 12px;
color: #333;
}
.pzl-budget-chart .pzl-currency__amount .pzl-currency__separator {
font-size: 10px;
color: #333;
}
.pzl-budget-chart .pzl-currency__amount .pzl-currency__fraction {
color: #333;
font-size: 10px;
}
.pzl-budget-chart__initial .pzl-currency__amount .pzl-currency__integer {
color: #6680ad;
}
.pzl-budget-chart__initial
.pzl-currency__amount
.pzl-currency__separator {
color: #6680ad;
}
.pzl-budget-chart__initial .pzl-currency__amount .pzl-currency__fraction {
color: #6680ad;
}
.pzl-budget-chart__max .pzl-currency__amount .pzl-currency__integer {
color: #6680ad;
}
.pzl-budget-chart__max .pzl-currency__amount .pzl-currency__separator {
color: #6680ad;
}
.pzl-budget-chart__max .pzl-currency__amount .pzl-currency__fraction {
color: #6680ad;
}
.pzl-budget-chart__lines {
border-color: #c4d4e3;
}
.pzl-budget-chart__red .pzl-currency__amount .pzl-currency__integer {
color: #ed4d4c;
}
.pzl-budget-chart__red .pzl-currency__amount .pzl-currency__separator {
color: #ed4d4c;
}
.pzl-budget-chart__red .pzl-currency__amount .pzl-currency__fraction {
color: #ed4d4c;
}
.pzl-budget-chart--description__label {
color: #6680ad;
}
.pzl-budget-chart__budget {
color: #0040a8;
}
.pzl-budget-chart__spend {
color: #a4b6c9;
}
.pzl-budget-chart__overdraft {
color: #ed4d4c;
}
.pzl-table {
display: block;
position: relative;
overflow: auto;
height: 100%;
width: 100%;
padding-right: 4px;
box-sizing: border-box;
}
.pzl-table {
padding-right: 4px;
overflow: overlay;
}
.pzl-table::-webkit-scrollbar {
width: 8px;
left: 4px;
}
.pzl-table::-webkit-scrollbar-thumb {
background: rgba(0, 0, 0, 0.23);
border-radius: 8px;
}
.pzl-table * {
font-family: Roboto;
}
.pzl-table table {
position: relative;
width: 100%;
margin: 0;
background-color: #fff;
table-layout: fixed;
border-collapse: separate;
border-spacing: 0;
}
.pzl-table table tbody tr {
background-color: #fff;
}
.pzl-table table th {
position: sticky;
top: 0;
height: 55px;
background-color: #fff;
padding: 0 8px;
z-index: 1;
font-weight: normal;
}
.pzl-table table td {
height: 55px;
padding: 0 8px;
border-top: 1px solid rgba(151, 151, 151, 0.22);
color: #5c5c5c;
}
.pzl-table table td :last-child {
border: 0;
}
[slot="head"] * {
font-size: 14px;
color: #5c5c5c;
}
[slot="head"] * .pzl-checkbox * {
color: #fff;
}
[slot="body"] * {
font-size: 14px;
color: #5c5c5c;
}
[slot="body"] * .pzl-checkbox * {
color: #fff;
}
.pzl-acordeon-item {
display: grid;
grid-template-rows: repeat(3, auto);
grid-template-columns: 1fr;
grid-template-areas: "header" "content" "footer";
height: fit-content;
border-radius: 8px;
box-shadow: 0 2px 4px 0 rgba(196, 212, 227, 0.6);
box-sizing: border-box;
overflow: hidden;
background-color: #fff;
}
.pzl-acordeon-item__header {
display: grid;
grid-template-columns: auto 1fr auto;
grid-template-areas: "icon title chevron";
height: 40px;
box-sizing: border-box;
background-color: #f6f8fa;
padding: 8px;
}
.pzl-acordeon-item [slot="icon"] {
grid-area: icon;
display: flex;
align-items: center;
justify-content: center;
height: 16px;
width: 16px;
margin-right: 8px;
box-sizing: border-box;
color: #adadad;
align-self: center;
}
.pzl-acordeon-item [slot="title"] {
grid-area: title;
font-family: Roboto;
font-size: 14px;
font-weight: bold;
line-height: 1.43;
letter-spacing: 0.1px;
color: #333;
align-self: center;
}
.pzl-acordeon-item__chevron {
grid-area: chevron;
height: 24px;
width: 24px;
color: #0040a8;
align-self: center;
}
.pzl-acordeon-item__content {
grid-area: content;
height: 0;
width: 100%;
overflow: hidden;
padding: 0 16px;
box-sizing: border-box;
font-family: Roboto;
}
.pzl-acordeon-item [slot="content"] {
display: block;
}
.pzl-acordeon-item__footer {
grid-area: footer;
font-family: Roboto;
height: fit-content;
box-sizing: border-box;
}
.pzl-acordeon-item [slot="footer"] {
display: block;
width: 100%;
padding: 8px;
box-sizing: border-box;
font-size: 12px;
font-weight: bold;
line-height: 2;
color: #333;
}
.pzl-acordeon-item + .pzl-acordeon-item {
margin-top: 16px;
}
.pzl-acordeon-item--open .pzl-acordeon-item__content {
height: fit-content;
padding: 8px;
}
.pzl-acordeon-item--open .pzl-acordeon-item__footer > * {
border: 0;
}
.pzl-budget-config * {
font-family: Roboto;
}
.pzl-budget-config--title {
flex-direction: column;
display: flex;
align-self: stretch;
color: #333;
font-size: 20px;
font-weight: 700;
line-height: 32px;
}
.pzl-budget-config--text {
display: flex;
flex-direction: column;
align-self: stretch;
font-size: 12px;
line-height: 16px;
color: #5c5c5c;
}
.pzl-budget-config--ask {
padding-top: 24px;
padding-bottom: 8px;
display: flex;
flex-direction: column;
flex: 1 0 0;
font-size: 14px;
line-height: 20px;
color: #5c5c5c;
}
.pzl-budget-config .pzl-calendar-picker__day .pzl-calendar-picker--div {
height: 41px;
width: 49px;
align-items: center;
}
.pzl-budget-config pzl-button {
padding: 24px 16px 32px 16px;
}
.pzl-budget-config .pzl-button--primary button {
width: 100%;
}
.pzl-budget-config .pzl-modal__close {
padding-top: 16px;
}
.pzl-budget-summary__budget {
padding: 12px 8px;
}
.pzl-budget-summary__budget-icon {
height: 16px;
width: 16px;
margin-right: 8px;
color: #adadad;
}
.pzl-budget-summary__budget-name {
margin-right: 8px;
font-family: Roboto;
font-size: 12px;
font-weight: 300;
line-height: 1.5;
letter-spacing: 0.1px;
color: #333;
}
.pzl-budget-summary__budget-currency {
margin-right: 8px;
}
.pzl-budget-summary__budget-currency .pzl-currency__integer {
font-family: Roboto;
font-size: 12px;
font-weight: 300;
line-height: 2;
letter-spacing: 0.11px;
color: #333;
}
.pzl-budget-summary__budget-currency .pzl-currency__fraction {
font-family: Roboto;
font-size: 10px;
font-weight: 300;
}
.pzl-budget-summary__budget-edit {
height: 16px;
width: 16px;
color: #0040a8;
}
.pzl-budget-summary__budget + .pzl-budget-summary__budget {
border-top: 1px solid #c4d4e3;
}
.pzl-budget-summary__budgets {
max-height: 270px;
height: auto;
overflow: auto;
padding-right: 2px;
}
.pzl-budget-summary__budgets {
padding-right: 4px;
overflow: overlay;
}
.pzl-budget-summary__budgets::-webkit-scrollbar {
width: 8px;
left: 4px;
}
.pzl-budget-summary__budgets::-webkit-scrollbar-thumb {
background: rgba(0, 0, 0, 0.23);
border-radius: 8px;
}
.pzl-budgets-detail__products {
list-style: none;
padding: 0 8px;
margin: 0;
}
.pzl-budgets-detail__product {
display: grid;
grid-template-columns: 1fr 1fr 32px;
align-items: center;
min-height: 36px;
padding: 4px 0;
box-sizing: border-box;
border-bottom: 1px solid #c4d4e3;
}
.pzl-budgets-detail__product-label {
font-family: Roboto;
font-size: 12px;
line-height: 1.33;
font-weight: 300;
color: #333;
padding-right: 16px;
}
.pzl-budgets-detail__action {
width: 24px;
height: 24px;
margin-left: 8px;
color: #0040a8;
}
.pzl-budgets-detail .pzl-budgets-detail__total {
display: flex;
align-items: center;
justify-content: space-between;
height: 42px;
padding: 8px 40px 8px 8px;
box-sizing: border-box;
}
.pzl-budgets-detail .pzl-budgets-detail__total-label {
font-family: Roboto;
color: #333;
font-size: 12px;
font-weight: 300;
}
.pzl-budgets-detail .pzl-acordeon-item__header {
height: 32px;
padding: 4px 8px;
box-sizing: border-box;
}
.pzl-budgets-detail .pzl-acordeon-item__content {
padding: 0;
}
.pzl-budgets-detail--open .pzl-budgets-detail__total {
margin: 0;
}
.pzl-budget-item {
font-family: Roboto;
}
.pzl-budget-item .pzl-acordeon-item__header {
padding: 0 4px;
height: 32px;
}
.pzl-budget-item--chart {
padding: 22px 24px 24px;
}
.pzl-budget-item__icon {
height: 24px !important;
width: 24px !important;
margin-right: 4px !important;
}
.pzl-budget-item--options {
border-top: solid 1px #c4d4e3;
display: flex;
justify-content: end;
height: 44px;
}
.pzl-budget-item--options button {
font-family: Roboto;
color: #0040a8;
margin: 0 16px;
font-size: 12px;
}
.pzl-budget-item--options button .pzl-icon {
margin-left: 4px;
}
.pzl-budget-item [slot="footer"] {
color: #6680ad;
font-size: 12px;
font-weight: normal;
margin-left: 24px;
}
.pzl-budget-item [slot="footer"] .pzl-currency__integer {
color: #6680ad;
font-weight: normal;
}
.pzl-budget-item
[slot="footer"]
.pzl-currency__amount
.pzl-currency__separator {
font-weight: normal;
}
.pzl-budget-item
[slot="footer"]
.pzl-currency__amount
.pzl-currency__fraction {
font-weight: normal;
}
.pzl-budget-item
[slot="footer"]
.pzl-budget-item__currency-red
.pzl-currency__integer {
color: #ed4d4c;
}
.pzl-progress-donut * {
font-family: Roboto;
}
.pzl-progress-donut__donut {
fill: #d6d6d6;
}
.pzl-progress-donut__arc1.arc1 {
fill: #5c5c5c;
}
.pzl-progress-donut__arc2.arc1 {
fill: #333;
}
.pzl-progress-donut__text {
fill: #333;
font-weight: 500;
font-size: 12px;
}
.pzl-progress-donut__text.overdraft {
fill: #333;
}
.pzl-progress-summary-card {
background: #f6f8fa;
border-radius: 8px;
grid-template-columns: 1fr 92px;
padding: 8px 32px 8px 12px;
}
.pzl-progress-summary-card * {
font-family: Roboto;
}
.pzl-progress-summary-card__title {
font-weight: 600;
font-size: 12px;
line-height: 21px;
letter-spacing: 0.07em;
color: #5c5c5c;
}
.pzl-progress-summary-card__amount {
font-weight: 600;
color: #1b1c1e;
border-bottom: 1px solid #d6d6d6;
line-height: 22px;
height: 31px;
letter-spacing: 0.03em;
}
.pzl-progress-summary-card__amount
.pzl-currency__amount
.pzl-currency__integer {
letter-spacing: 0.03em;
color: #1b1c1e;
font-size: 16px;
}
.pzl-progress-summary-card__amount
.pzl-currency__amount
.pzl-currency__integer
.pzl-currency__separator {
color: #1b1c1e;
font-size: 16px;
}
.pzl-progress-summary-card__amount
.pzl-currency__amount
.pzl-currency__integer
.pzl-currency__fraction {
letter-spacing: 0.03em;
font-size: 16px;
color: #1b1c1e;
}
.pzl-progress-summary-card__budget {
padding-top: 8px;
font-weight: 500;
line-height: 21px;
font-size: 12px;
height: 29px;
color: #5c5c5c;
letter-spacing: 0.07em;
align-items: start;
}
.pzl-progress-summary-card__budget
.pzl-currency__amount
.pzl-currency__integer {
color: #333;
font-size: 12px;
letter-spacing: 0.07em;
}
.pzl-progress-summary-card__budget
.pzl-currency__amount
.pzl-currency__integer
.pzl-currency__separator {
font-size: 12px;
letter-spacing: 0.07em;
color: #333;
}
.pzl-progress-summary-card__budget
.pzl-currency__amount
.pzl-currency__integer
.pzl-currency__fraction {
font-size: 12px;
letter-spacing: 0.07em;
color: #333;
}
.pzl-progress-summary-card__budget .pzl-currency {
align-self: baseline;
margin-left: 3px;
}
.pzl-progress-summary-card .pzl-currency__amount .pzl-currency__integer {
float: left;
}
.pzl-progress-summary-card__chart {
margin-left: 24px;
display: flex;
justify-content: center;
align-items: center;
}
.pzl-date-slide-selector {
font-family: "Poppins", serif;
font-style: normal;
}
.pzl-date-slide-selector__container {
padding: 0 48px;
}
.pzl-date-slide-selector__container
.pzl-date-slide-selector__content
.pzl-date-slide-selector__item {
min-width: unset;
}
.pzl-date-slide-selector__content {
font-size: 14px;
color: #333;
}
.pzl-date-slide-selector__amounts-item {
font-weight: 400;
}
.pzl-date-slide-selector__amounts-item
.pzl-currency__amount--current
.pzl-currency__amount
.pzl-currency__integer {
font-size: 21px;
color: #333;
}
.pzl-date-slide-selector__amounts-item
.pzl-currency__amount--previous
.pzl-currency__amount
.pzl-currency__integer {
font-size: 21px;
color: #5c5c5c;
}
.pzl-date-slide-selector__button--prev,
.pzl-date-slide-selector__button--next {
width: 24px;
height: 24px;
color: #333;
background: rgba(0, 0, 0, 0);
}
.pzl-date-slide-selector__button--prev .pzl-icon,
.pzl-date-slide-selector__button--next .pzl-icon {
width: 16px;
height: 16px;
}
.pzl-date-slide-selector__button--inactive {
color: #858585;
}
@media screen and (min-width: 768px) {
.pzl-date-slide-selector__container {
  padding: 0 24px;
}
.pzl-date-slide-selector__amounts {
  justify-content: flex-end;
  padding: 0 32px;
}
.pzl-date-slide-selector__button {
  display: flex;
  width: 24px;
}
}
@media screen and (min-width: 1280px) {
.pzl-date-slide-selector__container {
  padding: 0 32px;
}
.pzl-date-slide-selector__amounts {
  justify-content: flex-end;
  padding: 0 32px;
}
.pzl-date-slide-selector__button {
  display: flex;
  width: 24px;
}
}
.pzl-line-chart * {
font-family: Roboto;
}
.pzl-line-chart__axis-x {
stroke: #eaeaea;
}
.pzl-line-chart__path-selected {
color: #858585;
}
.pzl-line-chart__rect-selected {
color: #858585;
}
.pzl-line-chart__circle-selected-1 {
color: #858585;
}
.pzl-line-chart__circle-selected-2 {
color: #333;
}
.pzl-line-chart__average {
color: #000;
}
.pzl-line-chart__points {
color: #858585;
}
.pzl-line-chart__points-last {
color: #5c5c5c;
}
.pzl-line-chart__line {
color: #858585;
}
.pzl-line-chart__line-last {
color: #5c5c5c;
}
.pzl-line-chart__area {
color: #858585;
}
.pzl-line-chart__linearGradient {
color: #858585;
}
.pzl-line-chart__text {
font-family: Roboto;
font-size: 12px;
font-weight: 400;
fill: #333;
}
.pzl-line-chart__text-day {
font-family: Roboto;
font-size: 12px;
font-weight: 400;
fill: #858585;
}
.pzl-line-chart__text-selected {
color: #fff;
font-family: Roboto;
font-weight: 700;
font-size: 14px;
fill: #fff;
}
.pzl-line-chart__text-selected-day {
font-family: Roboto;
font-weight: 700;
font-size: 14px;
fill: #fff;
}
.pzl-line-chart--average-text {
color: #d6d6d6;
font-size: 11px;
font-weight: 400;
}
.pzl-line-chart--average-text .pzl-currency {
margin-left: 3px;
}
.pzl-line-chart--average-text .pzl-currency__amount {
color: #d6d6d6;
font-size: 11px;
font-weight: 400;
line-height: normal;
}
.pzl-toggle__switch {
width: 32px;
height: 20px;
}
.pzl-toggle__checked + .pzl-toggle__slider {
background-color: #5c5c5c;
}
.pzl-toggle__checked + .pzl-toggle__slider:before {
transform: translateX(12px);
}
.pzl-toggle__slider {
background-color: #adadad;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.pzl-toggle__slider:before {
background-color: #d6d6d6;
height: 16px;
width: 16px;
left: 2px;
bottom: 2px;
}
.pzl-toggle__round {
border-radius: 20px;
}
.pzl-toggle__round:before {
border-radius: 50%;
}
.pzl-toggle__container {
padding: 16px 16px;
}
.pzl-toggle__label {
font-family: Roboto;
color: #333;
}
.pzl-budget-skeleton-loader--background-shine {
background: linear-gradient(
	to right,
	#d6d6d6,
	rgba(214, 214, 214, 0.5) 50%,
	rgba(214, 214, 214, 0) 80%
  ),
  #eaeaea;
}
.pzl-budget-skeleton-loader--background {
background: #eaeaea;
}
.pzl-budget-skeleton-loader__first-section > div {
height: 53.22px;
}
.pzl-budget-skeleton-loader__second-section > div {
height: 106px;
}
.pzl-budget-skeleton-loader__third-section > div {
height: 50px;
}
.pzl-budget-skeleton-loader__fourth-section > div {
height: 53.22px;
}
.pzl-budget-behavior-skeleton-loader--background-shine {
background: linear-gradient(
	to right,
	#d6d6d6,
	rgba(214, 214, 214, 0.5) 50%,
	rgba(214, 214, 214, 0) 80%
  ),
  #eaeaea;
}
.pzl-budget-behavior-skeleton-loader--background {
background: #eaeaea;
}
.pzl-budget-behavior-skeleton-loader__first-section > div {
height: 53.22px;
}
.pzl-budget-behavior-skeleton-loader__second-section > div {
height: 106px;
}
.pzl-budget-behavior-skeleton-loader__third-section > div {
height: 50px;
}
.pzl-budget-behavior-skeleton-loader__fourth-section > div {
height: 350px;
}
.pzl-web-chat-onboarding {
padding-top: 20px;
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
height: 100%;
font-size: 12px;
}
.pzl-web-chat-onboarding .pzl-alert {
border-radius: 12px;
padding: 16px;
text-align: left;
margin: 5px 0;
background-color: #f5f5f5;
}
.pzl-web-chat-onboarding--button {
width: 100%;
}
.pzl-web-chat-onboarding--button--label {
display: flex;
justify-content: center;
justify-items: center;
gap: 5px;
}
.pzl-web-chat-onboarding--button--label span {
padding-top: 5px;
}