:root {
--vl-theme-primary-color: #ffe615;
--vl-theme-primary-color-60: rgb(255, 240, 114.6);
--vl-theme-primary-color-70: rgb(255, 237.5, 91.2);
--vl-theme-primary-color-rgba-30: rgba(255, 230, 21, 0.3);
--vl-theme-fg-color: #333332;
--vl-theme-fg-color-60: rgb(132.6, 132.6, 132);
--vl-theme-fg-color-70: rgb(112.2, 112.2, 111.5);
}
.vl-vi::before, .vl-vi::after {
font-family: "vlaanderen-icon" !important;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
display: inline-block;
vertical-align: middle;
}
.vl-vi.vl-vi-u-180deg::before {
display: inline-block;
transform: rotate(180deg);
vertical-align: middle;
}
.vl-vi-u-xs::before {
font-size: 0.8rem;
}
.vl-vi-u-s::before {
font-size: 1.3rem;
}
.vl-vi-u-m::before {
font-size: 1.7rem;
}
.vl-vi-u-l::before {
font-size: 2rem;
}
.vl-vi-u-xl::before {
font-size: 2.2rem;
}
.vl-vi-u-90deg::before {
display: inline-block;
transform: rotate(90deg);
}
.vl-vi-u-180deg::before {
display: inline-block;
transform: rotate(180deg);
}
.aeg-invoices .vl-info-tile {
padding: 0;
min-height: 210px;
}
.aeg-invoices .vl-info-tile__header {
padding: 1.3rem 1.3rem 1.3rem 2rem;
background-color: rgb(247, 249, 252);
border-bottom: 1px solid #cbd2da;
}
.aeg-invoices .vl-info-tile__content {
margin-top: 0;
}
.aeg-invoices__error {
margin-top: 3em;
display: flex;
justify-content: center;
flex-direction: column;
align-items: center;
}
.aeg-invoices__error-text .vl-icon {
filter: brightness(250%);
color: rgba(255, 0, 0, 0.5803921569);
margin-right: 0.5rem;
}
.aeg-invoices-card {
padding: 2rem;
margin-top: 0;
border-bottom: rgb(203, 210, 218) 1px solid;
}
.aeg-invoices-card__footer {
display: flex;
justify-content: flex-end;
align-items: center;
margin-top: 2rem;
gap: 1rem;
}
.aeg-invoices-card__footer .vl-title {
margin-right: auto;
}
.aeg-invoices-card__footer .vl-button {
margin-left: 0.5rem;
}
.aeg-invoices-card:last-child {
border-bottom: none;
}
.aeg-invoices-header__type {
width: 1em;
}
.aeg-invoices-header__amount {
padding-left: 2.5em !important;
width: 10em;
}
.aeg-invoices-header__download {
width: 3em;
}
.aeg-invoices-details-type {
margin-right: 1.5rem;
}
.aeg-invoices-details__topup {
color: #009e47;
}
.aeg-invoices-download {
padding-left: 1.5em !important;
}
.aeg-invoices-search {
padding: 2rem 2rem 3rem 2rem;
border-bottom: 1px solid #cbd2da;
}
.aeg-invoices__payment-icon {
color: #009e47 !important;
}
.aeg-invoices__payment-icon .vl-icon {
color: #009e47 !important;
}
.aeg-invoices-details {
width: 7em;
}:root {
--vl-theme-primary-color: #ffe615;
--vl-theme-primary-color-60: rgb(255, 240, 114.6);
--vl-theme-primary-color-70: rgb(255, 237.5, 91.2);
--vl-theme-primary-color-rgba-30: rgba(255, 230, 21, 0.3);
--vl-theme-fg-color: #333332;
--vl-theme-fg-color-60: rgb(132.6, 132.6, 132);
--vl-theme-fg-color-70: rgb(112.2, 112.2, 111.5);
}
.vl-vi::before, .vl-vi::after {
font-family: "vlaanderen-icon" !important;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
display: inline-block;
vertical-align: middle;
}
.vl-vi.vl-vi-u-180deg::before {
display: inline-block;
transform: rotate(180deg);
vertical-align: middle;
}
.vl-vi-u-xs::before {
font-size: 0.8rem;
}
.vl-vi-u-s::before {
font-size: 1.3rem;
}
.vl-vi-u-m::before {
font-size: 1.7rem;
}
.vl-vi-u-l::before {
font-size: 2rem;
}
.vl-vi-u-xl::before {
font-size: 2.2rem;
}
.vl-vi-u-90deg::before {
display: inline-block;
transform: rotate(90deg);
}
.vl-vi-u-180deg::before {
display: inline-block;
transform: rotate(180deg);
}
.aeg-invoices .vl-info-tile {
padding: 0;
min-height: 210px;
}
.aeg-invoices .vl-info-tile__header {
padding: 1.3rem 1.3rem 1.3rem 2rem;
background-color: rgb(247, 249, 252);
border-bottom: 1px solid #cbd2da;
}
.aeg-invoices .vl-info-tile__content {
margin-top: 0;
}
.aeg-invoices__error {
margin-top: 3em;
display: flex;
justify-content: center;
flex-direction: column;
align-items: center;
}
.aeg-invoices__error-text .vl-icon {
filter: brightness(250%);
color: rgba(255, 0, 0, 0.5803921569);
margin-right: 0.5rem;
}
.aeg-invoices-card {
padding: 2rem;
margin-top: 0;
border-bottom: rgb(203, 210, 218) 1px solid;
}
.aeg-invoices-card__footer {
display: flex;
justify-content: flex-end;
align-items: center;
margin-top: 2rem;
gap: 1rem;
}
.aeg-invoices-card__footer .vl-title {
margin-right: auto;
}
.aeg-invoices-card__footer .vl-button {
margin-left: 0.5rem;
}
.aeg-invoices-card:last-child {
border-bottom: none;
}
.aeg-invoices-header__type {
width: 1em;
}
.aeg-invoices-header__amount {
padding-left: 2.5em !important;
}
.aeg-invoices-header__download {
width: 3em;
}
.aeg-invoices-details-type {
margin-right: 1.5rem;
}
.aeg-invoices-details__topup {
color: #009e47;
}
.aeg-invoices-download {
padding-left: 1.5em !important;
}
.aeg-invoices-search {
padding: 2rem 2rem 3rem 2rem;
border-bottom: 1px solid #cbd2da;
}
.aeg-invoices__payment-icon {
color: #009e47 !important;
}
.aeg-invoices__payment-icon .vl-icon {
color: #009e47 !important;
}:root {
--vl-theme-primary-color: #ffe615;
--vl-theme-primary-color-60: rgb(255, 240, 114.6);
--vl-theme-primary-color-70: rgb(255, 237.5, 91.2);
--vl-theme-primary-color-rgba-30: rgba(255, 230, 21, 0.3);
--vl-theme-fg-color: #333332;
--vl-theme-fg-color-60: rgb(132.6, 132.6, 132);
--vl-theme-fg-color-70: rgb(112.2, 112.2, 111.5);
}
.vl-vi::before, .vl-vi::after {
font-family: "vlaanderen-icon" !important;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
display: inline-block;
vertical-align: middle;
}
.vl-vi.vl-vi-u-180deg::before {
display: inline-block;
transform: rotate(180deg);
vertical-align: middle;
}
.vl-vi-u-xs::before {
font-size: 0.8rem;
}
.vl-vi-u-s::before {
font-size: 1.3rem;
}
.vl-vi-u-m::before {
font-size: 1.7rem;
}
.vl-vi-u-l::before {
font-size: 2rem;
}
.vl-vi-u-xl::before {
font-size: 2.2rem;
}
.vl-vi-u-90deg::before {
display: inline-block;
transform: rotate(90deg);
}
.vl-vi-u-180deg::before {
display: inline-block;
transform: rotate(180deg);
}:root {
--vl-theme-primary-color: #ffe615;
--vl-theme-primary-color-60: rgb(255, 240, 114.6);
--vl-theme-primary-color-70: rgb(255, 237.5, 91.2);
--vl-theme-primary-color-rgba-30: rgba(255, 230, 21, 0.3);
--vl-theme-fg-color: #333332;
--vl-theme-fg-color-60: rgb(132.6, 132.6, 132);
--vl-theme-fg-color-70: rgb(112.2, 112.2, 111.5);
}
.vl-vi::before, .vl-vi::after {
font-family: "vlaanderen-icon" !important;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
display: inline-block;
vertical-align: middle;
}
.vl-vi.vl-vi-u-180deg::before {
display: inline-block;
transform: rotate(180deg);
vertical-align: middle;
}
.vl-vi-u-xs::before {
font-size: 0.8rem;
}
.vl-vi-u-s::before {
font-size: 1.3rem;
}
.vl-vi-u-m::before {
font-size: 1.7rem;
}
.vl-vi-u-l::before {
font-size: 2rem;
}
.vl-vi-u-xl::before {
font-size: 2.2rem;
}
.vl-vi-u-90deg::before {
display: inline-block;
transform: rotate(90deg);
}
.vl-vi-u-180deg::before {
display: inline-block;
transform: rotate(180deg);
}
@keyframes glowing {
0% {
box-shadow: 0 0 -10px #D2373C;
}
40% {
box-shadow: 0 0 20px #D2373C;
}
60% {
box-shadow: 0 0 20px #D2373C;
}
100% {
box-shadow: 0 0 -10px #D2373C;
}
}
.aeg-queue {
width: 10em;
margin: 10px;
}
.aeg-queue__infotext {
display: block;
font-weight: 500;
text-align: center;
text-decoration: none;
}
.aeg-queue__infotext:visited {
color: #05c;
}
.aeg-queue__infotext__disabled {
color: #687483;
}
.aeg-queue__infotext__value {
font-size: 4.8rem;
line-height: 1.5;
white-space: nowrap;
}
.aeg-queue__infotext__text {
font-size: 1.8rem;
text-transform: lowercase;
}
.aeg-queue--dead-letter {
background-color: rgb(250.5, 235, 235.5) !important;
border-color: rgb(241.1326530612, 193.3673469388, 194.9081632653);
}
.aeg-queue--service-down {
background-color: rgb(250.5, 235, 235.5) !important;
animation: glowing 1000ms infinite;
text-transform: uppercase;
}
.aeg-queue--normal {
background-color: rgb(229.5, 245.3, 236.6) !important;
border-color: rgb(192.5539772727, 231.2460227273, 209.9409090909);
}
.aeg-queue--none {
background-color: #f3f5f6 !important;
border-color: rgb(213.8571428571, 220.7142857143, 224.1428571429);
}
.aeg-queue__dead-letters {
margin-top: 0.5rem;
font-size: 1.2rem;
background-color: rgb(250.5, 235, 235.5) !important;
border-color: rgb(241.1326530612, 193.3673469388, 194.9081632653);
border-width: 1px;
border-style: solid;
}
.aeg-queue__service-down {
margin-top: 0.5rem;
font-size: 1.2rem;
color: white;
background-color: #d2373c !important;
border-color: #d2373c;
border-width: 1px;
border-style: solid;
}:root {
--vl-theme-primary-color: #ffe615;
--vl-theme-primary-color-60: rgb(255, 240, 114.6);
--vl-theme-primary-color-70: rgb(255, 237.5, 91.2);
--vl-theme-primary-color-rgba-30: rgba(255, 230, 21, 0.3);
--vl-theme-fg-color: #333332;
--vl-theme-fg-color-60: rgb(132.6, 132.6, 132);
--vl-theme-fg-color-70: rgb(112.2, 112.2, 111.5);
}
.vl-vi::before, .vl-vi::after {
font-family: "vlaanderen-icon" !important;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
display: inline-block;
vertical-align: middle;
}
.vl-vi.vl-vi-u-180deg::before {
display: inline-block;
transform: rotate(180deg);
vertical-align: middle;
}
.vl-vi-u-xs::before {
font-size: 0.8rem;
}
.vl-vi-u-s::before {
font-size: 1.3rem;
}
.vl-vi-u-m::before {
font-size: 1.7rem;
}
.vl-vi-u-l::before {
font-size: 2rem;
}
.vl-vi-u-xl::before {
font-size: 2.2rem;
}
.vl-vi-u-90deg::before {
display: inline-block;
transform: rotate(90deg);
}
.vl-vi-u-180deg::before {
display: inline-block;
transform: rotate(180deg);
}
.success {
color: #009e47 !important;
}
.success .vl-icon {
margin-right: 3px;
}
.alert {
color: #d2373c !important;
}
.alert .vl-icon {
margin-right: 3px;
}:root {
--vl-theme-primary-color: #ffe615;
--vl-theme-primary-color-60: rgb(255, 240, 114.6);
--vl-theme-primary-color-70: rgb(255, 237.5, 91.2);
--vl-theme-primary-color-rgba-30: rgba(255, 230, 21, 0.3);
--vl-theme-fg-color: #333332;
--vl-theme-fg-color-60: rgb(132.6, 132.6, 132);
--vl-theme-fg-color-70: rgb(112.2, 112.2, 111.5);
}
.vl-vi::before, .vl-vi::after {
font-family: "vlaanderen-icon" !important;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
display: inline-block;
vertical-align: middle;
}
.vl-vi.vl-vi-u-180deg::before {
display: inline-block;
transform: rotate(180deg);
vertical-align: middle;
}
.vl-vi-u-xs::before {
font-size: 0.8rem;
}
.vl-vi-u-s::before {
font-size: 1.3rem;
}
.vl-vi-u-m::before {
font-size: 1.7rem;
}
.vl-vi-u-l::before {
font-size: 2rem;
}
.vl-vi-u-xl::before {
font-size: 2.2rem;
}
.vl-vi-u-90deg::before {
display: inline-block;
transform: rotate(90deg);
}
.vl-vi-u-180deg::before {
display: inline-block;
transform: rotate(180deg);
}
.vl-popover .vl-typography {
font-size: 14px;
}[data-v-984391ee]:root {
--vl-theme-primary-color: #ffe615;
--vl-theme-primary-color-60: rgb(255, 240, 114.6);
--vl-theme-primary-color-70: rgb(255, 237.5, 91.2);
--vl-theme-primary-color-rgba-30: rgba(255, 230, 21, 0.3);
--vl-theme-fg-color: #333332;
--vl-theme-fg-color-60: rgb(132.6, 132.6, 132);
--vl-theme-fg-color-70: rgb(112.2, 112.2, 111.5);
}
.vl-vi[data-v-984391ee]::before, .vl-vi[data-v-984391ee]::after {
font-family: "vlaanderen-icon" !important;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
display: inline-block;
vertical-align: middle;
}
.vl-vi.vl-vi-u-180deg[data-v-984391ee]::before {
display: inline-block;
transform: rotate(180deg);
vertical-align: middle;
}
.vl-vi-u-xs[data-v-984391ee]::before {
font-size: 0.8rem;
}
.vl-vi-u-s[data-v-984391ee]::before {
font-size: 1.3rem;
}
.vl-vi-u-m[data-v-984391ee]::before {
font-size: 1.7rem;
}
.vl-vi-u-l[data-v-984391ee]::before {
font-size: 2rem;
}
.vl-vi-u-xl[data-v-984391ee]::before {
font-size: 2.2rem;
}
.vl-vi-u-90deg[data-v-984391ee]::before {
display: inline-block;
transform: rotate(90deg);
}
.vl-vi-u-180deg[data-v-984391ee]::before {
display: inline-block;
transform: rotate(180deg);
}
.vl-popover .vl-typography[data-v-984391ee] {
font-size: 14px;
}[data-v-698b3804]:root {
--vl-theme-primary-color: #ffe615;
--vl-theme-primary-color-60: rgb(255, 240, 114.6);
--vl-theme-primary-color-70: rgb(255, 237.5, 91.2);
--vl-theme-primary-color-rgba-30: rgba(255, 230, 21, 0.3);
--vl-theme-fg-color: #333332;
--vl-theme-fg-color-60: rgb(132.6, 132.6, 132);
--vl-theme-fg-color-70: rgb(112.2, 112.2, 111.5);
}
.vl-vi[data-v-698b3804]::before, .vl-vi[data-v-698b3804]::after {
font-family: "vlaanderen-icon" !important;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
display: inline-block;
vertical-align: middle;
}
.vl-vi.vl-vi-u-180deg[data-v-698b3804]::before {
display: inline-block;
transform: rotate(180deg);
vertical-align: middle;
}
.vl-vi-u-xs[data-v-698b3804]::before {
font-size: 0.8rem;
}
.vl-vi-u-s[data-v-698b3804]::before {
font-size: 1.3rem;
}
.vl-vi-u-m[data-v-698b3804]::before {
font-size: 1.7rem;
}
.vl-vi-u-l[data-v-698b3804]::before {
font-size: 2rem;
}
.vl-vi-u-xl[data-v-698b3804]::before {
font-size: 2.2rem;
}
.vl-vi-u-90deg[data-v-698b3804]::before {
display: inline-block;
transform: rotate(90deg);
}
.vl-vi-u-180deg[data-v-698b3804]::before {
display: inline-block;
transform: rotate(180deg);
}
.icon-button[data-v-698b3804] {
max-height: 24px;
max-width: 24px;
}[data-v-bb27e2c9]:root {
--vl-theme-primary-color: #ffe615;
--vl-theme-primary-color-60: rgb(255, 240, 114.6);
--vl-theme-primary-color-70: rgb(255, 237.5, 91.2);
--vl-theme-primary-color-rgba-30: rgba(255, 230, 21, 0.3);
--vl-theme-fg-color: #333332;
--vl-theme-fg-color-60: rgb(132.6, 132.6, 132);
--vl-theme-fg-color-70: rgb(112.2, 112.2, 111.5);
}
.vl-vi[data-v-bb27e2c9]::before, .vl-vi[data-v-bb27e2c9]::after {
font-family: "vlaanderen-icon" !important;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
display: inline-block;
vertical-align: middle;
}
.vl-vi.vl-vi-u-180deg[data-v-bb27e2c9]::before {
display: inline-block;
transform: rotate(180deg);
vertical-align: middle;
}
.vl-vi-u-xs[data-v-bb27e2c9]::before {
font-size: 0.8rem;
}
.vl-vi-u-s[data-v-bb27e2c9]::before {
font-size: 1.3rem;
}
.vl-vi-u-m[data-v-bb27e2c9]::before {
font-size: 1.7rem;
}
.vl-vi-u-l[data-v-bb27e2c9]::before {
font-size: 2rem;
}
.vl-vi-u-xl[data-v-bb27e2c9]::before {
font-size: 2.2rem;
}
.vl-vi-u-90deg[data-v-bb27e2c9]::before {
display: inline-block;
transform: rotate(90deg);
}
.vl-vi-u-180deg[data-v-bb27e2c9]::before {
display: inline-block;
transform: rotate(180deg);
}
.topup[data-v-bb27e2c9] {
color: green;
white-space: nowrap;
}[data-v-d593106e]:root {
--vl-theme-primary-color: #ffe615;
--vl-theme-primary-color-60: rgb(255, 240, 114.6);
--vl-theme-primary-color-70: rgb(255, 237.5, 91.2);
--vl-theme-primary-color-rgba-30: rgba(255, 230, 21, 0.3);
--vl-theme-fg-color: #333332;
--vl-theme-fg-color-60: rgb(132.6, 132.6, 132);
--vl-theme-fg-color-70: rgb(112.2, 112.2, 111.5);
}
.vl-vi[data-v-d593106e]::before, .vl-vi[data-v-d593106e]::after {
font-family: "vlaanderen-icon" !important;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
display: inline-block;
vertical-align: middle;
}
.vl-vi.vl-vi-u-180deg[data-v-d593106e]::before {
display: inline-block;
transform: rotate(180deg);
vertical-align: middle;
}
.vl-vi-u-xs[data-v-d593106e]::before {
font-size: 0.8rem;
}
.vl-vi-u-s[data-v-d593106e]::before {
font-size: 1.3rem;
}
.vl-vi-u-m[data-v-d593106e]::before {
font-size: 1.7rem;
}
.vl-vi-u-l[data-v-d593106e]::before {
font-size: 2rem;
}
.vl-vi-u-xl[data-v-d593106e]::before {
font-size: 2.2rem;
}
.vl-vi-u-90deg[data-v-d593106e]::before {
display: inline-block;
transform: rotate(90deg);
}
.vl-vi-u-180deg[data-v-d593106e]::before {
display: inline-block;
transform: rotate(180deg);
}
.aeg-invoices[data-v-d593106e] .p-panel-content {
padding: 0;
}
.aeg-invoices[data-v-d593106e] .p-datatable-footer {
background: none;
border: none;
padding: 0 !important;
}
.aeg-invoices[data-v-d593106e] .p-datatable-empty-message {
padding: 2rem;
text-align: center;
color: var(--p-text-muted-color);
}
.aeg-invoices__search[data-v-d593106e] {
padding: 1rem;
border-bottom: 1px solid;
border-color: var(--p-panel-header-border-color);
}[data-v-5daccaca]:root {
--vl-theme-primary-color: #ffe615;
--vl-theme-primary-color-60: rgb(255, 240, 114.6);
--vl-theme-primary-color-70: rgb(255, 237.5, 91.2);
--vl-theme-primary-color-rgba-30: rgba(255, 230, 21, 0.3);
--vl-theme-fg-color: #333332;
--vl-theme-fg-color-60: rgb(132.6, 132.6, 132);
--vl-theme-fg-color-70: rgb(112.2, 112.2, 111.5);
}
.vl-vi[data-v-5daccaca]::before, .vl-vi[data-v-5daccaca]::after {
font-family: "vlaanderen-icon" !important;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
display: inline-block;
vertical-align: middle;
}
.vl-vi.vl-vi-u-180deg[data-v-5daccaca]::before {
display: inline-block;
transform: rotate(180deg);
vertical-align: middle;
}
.vl-vi-u-xs[data-v-5daccaca]::before {
font-size: 0.8rem;
}
.vl-vi-u-s[data-v-5daccaca]::before {
font-size: 1.3rem;
}
.vl-vi-u-m[data-v-5daccaca]::before {
font-size: 1.7rem;
}
.vl-vi-u-l[data-v-5daccaca]::before {
font-size: 2rem;
}
.vl-vi-u-xl[data-v-5daccaca]::before {
font-size: 2.2rem;
}
.vl-vi-u-90deg[data-v-5daccaca]::before {
display: inline-block;
transform: rotate(90deg);
}
.vl-vi-u-180deg[data-v-5daccaca]::before {
display: inline-block;
transform: rotate(180deg);
}:root {
--vl-theme-primary-color: #ffe615;
--vl-theme-primary-color-60: rgb(255, 240, 114.6);
--vl-theme-primary-color-70: rgb(255, 237.5, 91.2);
--vl-theme-primary-color-rgba-30: rgba(255, 230, 21, 0.3);
--vl-theme-fg-color: #333332;
--vl-theme-fg-color-60: rgb(132.6, 132.6, 132);
--vl-theme-fg-color-70: rgb(112.2, 112.2, 111.5);
}
.vl-vi::before, .vl-vi::after {
font-family: "vlaanderen-icon" !important;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
display: inline-block;
vertical-align: middle;
}
.vl-vi.vl-vi-u-180deg::before {
display: inline-block;
transform: rotate(180deg);
vertical-align: middle;
}
.vl-vi-u-xs::before {
font-size: 0.8rem;
}
.vl-vi-u-s::before {
font-size: 1.3rem;
}
.vl-vi-u-m::before {
font-size: 1.7rem;
}
.vl-vi-u-l::before {
font-size: 2rem;
}
.vl-vi-u-xl::before {
font-size: 2.2rem;
}
.vl-vi-u-90deg::before {
display: inline-block;
transform: rotate(90deg);
}
.vl-vi-u-180deg::before {
display: inline-block;
transform: rotate(180deg);
}
.prepaid-saldo > *:not(:last-child) {
margin-right: 1rem;
}
.prepaid-saldo__value {
font-weight: bold;
}
.prepaid-saldo__value--sufficient {
color: green;
}
.prepaid-saldo__link {
cursor: pointer;
text-decoration: underline;
}
.prepaid-saldo__migration {
font-size: 1.5rem;
}
.prepaid.vl-radio-tile--disabled {
color: #F9FAFB;
}
.card-logos img {
height: 3rem;
}
.card-logos img:not(:last-child) {
margin-right: 1rem;
}[data-v-85185cd9]:root {
--vl-theme-primary-color: #ffe615;
--vl-theme-primary-color-60: rgb(255, 240, 114.6);
--vl-theme-primary-color-70: rgb(255, 237.5, 91.2);
--vl-theme-primary-color-rgba-30: rgba(255, 230, 21, 0.3);
--vl-theme-fg-color: #333332;
--vl-theme-fg-color-60: rgb(132.6, 132.6, 132);
--vl-theme-fg-color-70: rgb(112.2, 112.2, 111.5);
}
.vl-vi[data-v-85185cd9]::before, .vl-vi[data-v-85185cd9]::after {
font-family: "vlaanderen-icon" !important;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
display: inline-block;
vertical-align: middle;
}
.vl-vi.vl-vi-u-180deg[data-v-85185cd9]::before {
display: inline-block;
transform: rotate(180deg);
vertical-align: middle;
}
.vl-vi-u-xs[data-v-85185cd9]::before {
font-size: 0.8rem;
}
.vl-vi-u-s[data-v-85185cd9]::before {
font-size: 1.3rem;
}
.vl-vi-u-m[data-v-85185cd9]::before {
font-size: 1.7rem;
}
.vl-vi-u-l[data-v-85185cd9]::before {
font-size: 2rem;
}
.vl-vi-u-xl[data-v-85185cd9]::before {
font-size: 2.2rem;
}
.vl-vi-u-90deg[data-v-85185cd9]::before {
display: inline-block;
transform: rotate(90deg);
}
.vl-vi-u-180deg[data-v-85185cd9]::before {
display: inline-block;
transform: rotate(180deg);
}
.product-line__top-corner[data-v-85185cd9] {
border-top-left-radius: 0.75rem;
border-top-right-radius: 0.75rem;
border-width: 1px 1px 0px 1px !important;
border-color: light-dark(light-dark(#e2e8f0, #e4e4e7), light-dark(#334155, #3f3f46));
}
.product-line__bottom-corner[data-v-85185cd9] {
border-bottom-left-radius: 0.75rem;
border-bottom-right-radius: 0.75rem;
border-width: 4px 1px 1px 1px !important;
border-color: light-dark(light-dark(#e2e8f0, #e4e4e7), light-dark(#334155, #3f3f46));
}
.product-line__totals[data-v-85185cd9] {
display: flex;
justify-content: space-between;
border-width: 1px 1px 0px 1px;
border-style: solid;
padding: 2rem;
font-weight: 600;
border-color: light-dark(light-dark(#e2e8f0, #e4e4e7), light-dark(#334155, #3f3f46));
}
.product-line__sum[data-v-85185cd9] {
font-size: 1.5rem;
font-weight: 700;
}[data-v-51e92518]:root {
--vl-theme-primary-color: #ffe615;
--vl-theme-primary-color-60: rgb(255, 240, 114.6);
--vl-theme-primary-color-70: rgb(255, 237.5, 91.2);
--vl-theme-primary-color-rgba-30: rgba(255, 230, 21, 0.3);
--vl-theme-fg-color: #333332;
--vl-theme-fg-color-60: rgb(132.6, 132.6, 132);
--vl-theme-fg-color-70: rgb(112.2, 112.2, 111.5);
}
.vl-vi[data-v-51e92518]::before, .vl-vi[data-v-51e92518]::after {
font-family: "vlaanderen-icon" !important;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
display: inline-block;
vertical-align: middle;
}
.vl-vi.vl-vi-u-180deg[data-v-51e92518]::before {
display: inline-block;
transform: rotate(180deg);
vertical-align: middle;
}
.vl-vi-u-xs[data-v-51e92518]::before {
font-size: 0.8rem;
}
.vl-vi-u-s[data-v-51e92518]::before {
font-size: 1.3rem;
}
.vl-vi-u-m[data-v-51e92518]::before {
font-size: 1.7rem;
}
.vl-vi-u-l[data-v-51e92518]::before {
font-size: 2rem;
}
.vl-vi-u-xl[data-v-51e92518]::before {
font-size: 2.2rem;
}
.vl-vi-u-90deg[data-v-51e92518]::before {
display: inline-block;
transform: rotate(90deg);
}
.vl-vi-u-180deg[data-v-51e92518]::before {
display: inline-block;
transform: rotate(180deg);
}
.product-line__top-corner[data-v-51e92518] {
border-top-left-radius: 0.75rem;
border-top-right-radius: 0.75rem;
border-width: 1px 1px 0px 1px !important;
border-color: light-dark(light-dark(#e2e8f0, #e4e4e7), light-dark(#334155, #3f3f46));
}
.product-line__bottom-corner[data-v-51e92518] {
border-bottom-left-radius: 0.75rem;
border-bottom-right-radius: 0.75rem;
border-width: 4px 1px 1px 1px !important;
border-color: light-dark(light-dark(#e2e8f0, #e4e4e7), light-dark(#334155, #3f3f46));
}
.product-line__totals[data-v-51e92518] {
display: flex;
justify-content: space-between;
border-width: 1px 1px 0px 1px;
border-style: solid;
padding: 2rem;
font-weight: 600;
border-color: light-dark(light-dark(#e2e8f0, #e4e4e7), light-dark(#334155, #3f3f46));
}
.product-line__sum[data-v-51e92518] {
font-size: 1.5rem;
font-weight: 700;
}[data-v-26fa9ec9]:root {
--vl-theme-primary-color: #ffe615;
--vl-theme-primary-color-60: rgb(255, 240, 114.6);
--vl-theme-primary-color-70: rgb(255, 237.5, 91.2);
--vl-theme-primary-color-rgba-30: rgba(255, 230, 21, 0.3);
--vl-theme-fg-color: #333332;
--vl-theme-fg-color-60: rgb(132.6, 132.6, 132);
--vl-theme-fg-color-70: rgb(112.2, 112.2, 111.5);
}
.vl-vi[data-v-26fa9ec9]::before, .vl-vi[data-v-26fa9ec9]::after {
font-family: "vlaanderen-icon" !important;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
display: inline-block;
vertical-align: middle;
}
.vl-vi.vl-vi-u-180deg[data-v-26fa9ec9]::before {
display: inline-block;
transform: rotate(180deg);
vertical-align: middle;
}
.vl-vi-u-xs[data-v-26fa9ec9]::before {
font-size: 0.8rem;
}
.vl-vi-u-s[data-v-26fa9ec9]::before {
font-size: 1.3rem;
}
.vl-vi-u-m[data-v-26fa9ec9]::before {
font-size: 1.7rem;
}
.vl-vi-u-l[data-v-26fa9ec9]::before {
font-size: 2rem;
}
.vl-vi-u-xl[data-v-26fa9ec9]::before {
font-size: 2.2rem;
}
.vl-vi-u-90deg[data-v-26fa9ec9]::before {
display: inline-block;
transform: rotate(90deg);
}
.vl-vi-u-180deg[data-v-26fa9ec9]::before {
display: inline-block;
transform: rotate(180deg);
}
.aeg-address-details__company[data-v-26fa9ec9], .aeg-address-details__address[data-v-26fa9ec9], .aeg-address-details__email[data-v-26fa9ec9] {
margin-bottom: 0.7rem;
}
.aeg-address-details__company-unknow[data-v-26fa9ec9], .aeg-address-details__address-unknow[data-v-26fa9ec9], .aeg-address-details__email-unknow[data-v-26fa9ec9] {
filter: brightness(250%);
}
.aeg-address-details__company .vl-icon[data-v-26fa9ec9], .aeg-address-details__address .vl-icon[data-v-26fa9ec9], .aeg-address-details__email .vl-icon[data-v-26fa9ec9] {
margin-right: 0.5rem;
filter: brightness(250%);
}:root {
--vl-theme-primary-color: #ffe615;
--vl-theme-primary-color-60: rgb(255, 240, 114.6);
--vl-theme-primary-color-70: rgb(255, 237.5, 91.2);
--vl-theme-primary-color-rgba-30: rgba(255, 230, 21, 0.3);
--vl-theme-fg-color: #333332;
--vl-theme-fg-color-60: rgb(132.6, 132.6, 132);
--vl-theme-fg-color-70: rgb(112.2, 112.2, 111.5);
}
.vl-vi::before, .vl-vi::after {
font-family: "vlaanderen-icon" !important;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
display: inline-block;
vertical-align: middle;
}
.vl-vi.vl-vi-u-180deg::before {
display: inline-block;
transform: rotate(180deg);
vertical-align: middle;
}
.vl-vi-u-xs::before {
font-size: 0.8rem;
}
.vl-vi-u-s::before {
font-size: 1.3rem;
}
.vl-vi-u-m::before {
font-size: 1.7rem;
}
.vl-vi-u-l::before {
font-size: 2rem;
}
.vl-vi-u-xl::before {
font-size: 2.2rem;
}
.vl-vi-u-90deg::before {
display: inline-block;
transform: rotate(90deg);
}
.vl-vi-u-180deg::before {
display: inline-block;
transform: rotate(180deg);
}
.admin-navigation {
display: flex;
align-items: center;
height: 45px;
white-space: nowrap;
}
.admin-navigation__breadcrumb {
font-weight: 500;
text-decoration: none;
}
.admin-navigation__breadcrumb:hover {
text-decoration: underline;
}
.admin-navigation__link {
display: inline-block;
text-transform: uppercase;
font-size: 2.1rem;
font-weight: 500;
text-decoration: none;
margin: 0;
padding: 0.6rem 2rem 0.7rem;
}
.admin-navigation__list {
display: flex;
align-items: center;
height: 100%;
}
.admin-navigation__list__item {
position: relative;
display: flex;
align-items: center;
height: 100%;
padding: 0;
}
.admin-navigation__list__item:hover:before {
content: "";
display: inline-block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 2px;
background: rgb(196.81, 204.4, 211.99);
}
.admin-navigation__list__item--active:hover:before, .admin-navigation__list__item--active:before {
content: "";
display: inline-block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 2px;
background: #333332;
}
.admin-navigation__list__item a:focus,
.admin-navigation__list__item button:focus {
outline: none;
}
.admin-navigation__list__item__link {
font-weight: 500;
text-decoration: none;
padding: 1rem 1.75rem;
cursor: pointer;
}
.admin-navigation__list__item:not(:last-child):after {
content: "";
display: inline-block;
position: absolute;
top: 50%;
right: 0;
transform: translate3d(0, -50%, 0);
width: 1px;
height: 2rem;
background: #cbd2da;
}[data-v-dc9d2a1c]:root {
--vl-theme-primary-color: #ffe615;
--vl-theme-primary-color-60: rgb(255, 240, 114.6);
--vl-theme-primary-color-70: rgb(255, 237.5, 91.2);
--vl-theme-primary-color-rgba-30: rgba(255, 230, 21, 0.3);
--vl-theme-fg-color: #333332;
--vl-theme-fg-color-60: rgb(132.6, 132.6, 132);
--vl-theme-fg-color-70: rgb(112.2, 112.2, 111.5);
}
.vl-vi[data-v-dc9d2a1c]::before, .vl-vi[data-v-dc9d2a1c]::after {
font-family: "vlaanderen-icon" !important;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
display: inline-block;
vertical-align: middle;
}
.vl-vi.vl-vi-u-180deg[data-v-dc9d2a1c]::before {
display: inline-block;
transform: rotate(180deg);
vertical-align: middle;
}
.vl-vi-u-xs[data-v-dc9d2a1c]::before {
font-size: 0.8rem;
}
.vl-vi-u-s[data-v-dc9d2a1c]::before {
font-size: 1.3rem;
}
.vl-vi-u-m[data-v-dc9d2a1c]::before {
font-size: 1.7rem;
}
.vl-vi-u-l[data-v-dc9d2a1c]::before {
font-size: 2rem;
}
.vl-vi-u-xl[data-v-dc9d2a1c]::before {
font-size: 2.2rem;
}
.vl-vi-u-90deg[data-v-dc9d2a1c]::before {
display: inline-block;
transform: rotate(90deg);
}
.vl-vi-u-180deg[data-v-dc9d2a1c]::before {
display: inline-block;
transform: rotate(180deg);
}
.vl-autocomplete[data-v-dc9d2a1c] {
position: relative;
}
.vl-autocomplete input[data-v-dc9d2a1c] {
position: relative;
z-index: 2;
}
.vl-autocomplete__loader[data-v-dc9d2a1c] {
position: absolute;
top: 0;
right: 0;
width: 4rem;
z-index: 2;
height: 100%;
justify-content: center;
display: flex;
align-items: flex-end;
}
.vl-autocomplete__wrapper[data-v-dc9d2a1c] {
position: relative;
}
.vl-autocomplete__list_wrapper[data-v-dc9d2a1c] {
position: absolute;
z-index: 4000;
margin-top: 0.7rem;
background: #fff;
border: 0.1rem solid #8695a8;
border-radius: 0.3rem;
max-height: 35vh;
overflow: auto;
right: 0;
left: 0;
}
.vl-autocomplete__list[data-v-dc9d2a1c] {
list-style: none;
width: 100%;
}
.vl-autocomplete__item:first-child .vl-autocomplete__cta[data-v-dc9d2a1c] {
border: 0;
}
.vl-autocomplete__feedback[data-v-dc9d2a1c] {
padding: 1rem;
line-height: 1;
}
.vl-autocomplete__cta[data-v-dc9d2a1c] {
display: block;
width: 100%;
padding: 1rem;
transition: background 0.1s ease-in-out;
border-top: 1px solid #cbd2da;
text-decoration: none;
}
.vl-autocomplete__cta[data-v-dc9d2a1c]:hover, .vl-autocomplete__cta[data-v-dc9d2a1c]:focus, .vl-autocomplete__cta.vl-autocomplete__cta--focus[data-v-dc9d2a1c] {
background: rgba(179, 207, 245, 0.3);
}
.vl-autocomplete__cta[data-v-dc9d2a1c]:focus, .vl-autocomplete__cta.vl-autocomplete__cta--focus[data-v-dc9d2a1c] {
outline: 0;
}
.vl-autocomplete__cta__title[data-v-dc9d2a1c] {
display: block;
color: #333332;
line-height: 1;
}
.vl-autocomplete__cta__sub[data-v-dc9d2a1c] {
display: block;
color: #8c8c8c;
font-size: 1.4rem;
}[data-v-56c74fd9]:root {
--vl-theme-primary-color: #ffe615;
--vl-theme-primary-color-60: rgb(255, 240, 114.6);
--vl-theme-primary-color-70: rgb(255, 237.5, 91.2);
--vl-theme-primary-color-rgba-30: rgba(255, 230, 21, 0.3);
--vl-theme-fg-color: #333332;
--vl-theme-fg-color-60: rgb(132.6, 132.6, 132);
--vl-theme-fg-color-70: rgb(112.2, 112.2, 111.5);
}
.vl-vi[data-v-56c74fd9]::before, .vl-vi[data-v-56c74fd9]::after {
font-family: "vlaanderen-icon" !important;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
display: inline-block;
vertical-align: middle;
}
.vl-vi.vl-vi-u-180deg[data-v-56c74fd9]::before {
display: inline-block;
transform: rotate(180deg);
vertical-align: middle;
}
.vl-vi-u-xs[data-v-56c74fd9]::before {
font-size: 0.8rem;
}
.vl-vi-u-s[data-v-56c74fd9]::before {
font-size: 1.3rem;
}
.vl-vi-u-m[data-v-56c74fd9]::before {
font-size: 1.7rem;
}
.vl-vi-u-l[data-v-56c74fd9]::before {
font-size: 2rem;
}
.vl-vi-u-xl[data-v-56c74fd9]::before {
font-size: 2.2rem;
}
.vl-vi-u-90deg[data-v-56c74fd9]::before {
display: inline-block;
transform: rotate(90deg);
}
.vl-vi-u-180deg[data-v-56c74fd9]::before {
display: inline-block;
transform: rotate(180deg);
}:root {
--vl-theme-primary-color: #ffe615;
--vl-theme-primary-color-60: rgb(255, 240, 114.6);
--vl-theme-primary-color-70: rgb(255, 237.5, 91.2);
--vl-theme-primary-color-rgba-30: rgba(255, 230, 21, 0.3);
--vl-theme-fg-color: #333332;
--vl-theme-fg-color-60: rgb(132.6, 132.6, 132);
--vl-theme-fg-color-70: rgb(112.2, 112.2, 111.5);
}
.vl-vi::before, .vl-vi::after {
font-family: "vlaanderen-icon" !important;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
display: inline-block;
vertical-align: middle;
}
.vl-vi.vl-vi-u-180deg::before {
display: inline-block;
transform: rotate(180deg);
vertical-align: middle;
}
.vl-vi-u-xs::before {
font-size: 0.8rem;
}
.vl-vi-u-s::before {
font-size: 1.3rem;
}
.vl-vi-u-m::before {
font-size: 1.7rem;
}
.vl-vi-u-l::before {
font-size: 2rem;
}
.vl-vi-u-xl::before {
font-size: 2.2rem;
}
.vl-vi-u-90deg::before {
display: inline-block;
transform: rotate(90deg);
}
.vl-vi-u-180deg::before {
display: inline-block;
transform: rotate(180deg);
}
.aeg-pagination {
display: flex;
align-items: center;
justify-content: flex-end;
gap: 10px;
}
@media screen and (max-width: 767px) {
.aeg-pagination {
justify-content: center;
flex-wrap: wrap;
}
}
.aeg-pagination__list {
flex: 0 0 auto;
display: flex;
align-items: flex-end;
justify-content: flex-end;
}
.aeg-pagination__list__item {
display: inline-flex;
align-items: flex-end;
justify-content: center;
min-width: 2.7rem;
padding: 0 0.5rem;
}
.aeg-pagination__list__item:last-child {
padding-right: 0;
}
.aeg-pagination__list__item--position:not(:last-child) {
margin-right: 2rem;
}
.aeg-pagination__list__item--position strong {
margin-right: 0.5rem;
}
.aeg-pagination__list__item--previous {
margin-right: 1.5rem;
}
.aeg-pagination__list__item--next {
margin-left: 1.5rem;
}
.aeg-pagination__list__item--disabled {
color: #8f9eb0;
}
.aeg-pagination__list__item--disabled .vl-link {
color: #8f9eb0;
text-decoration: none;
cursor: default;
}
.aeg-pagination__list__item--disabled .vl-link:hover, .aeg-pagination__list__item--disabled .vl-link:focus {
color: #8f9eb0;
text-decoration: none;
}
.aeg-pagination__list__item--current {
font-weight: 500;
}:root {
--vl-theme-primary-color: #ffe615;
--vl-theme-primary-color-60: rgb(255, 240, 114.6);
--vl-theme-primary-color-70: rgb(255, 237.5, 91.2);
--vl-theme-primary-color-rgba-30: rgba(255, 230, 21, 0.3);
--vl-theme-fg-color: #333332;
--vl-theme-fg-color-60: rgb(132.6, 132.6, 132);
--vl-theme-fg-color-70: rgb(112.2, 112.2, 111.5);
}
.vl-vi::before, .vl-vi::after {
font-family: "vlaanderen-icon" !important;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
display: inline-block;
vertical-align: middle;
}
.vl-vi.vl-vi-u-180deg::before {
display: inline-block;
transform: rotate(180deg);
vertical-align: middle;
}
.vl-vi-u-xs::before {
font-size: 0.8rem;
}
.vl-vi-u-s::before {
font-size: 1.3rem;
}
.vl-vi-u-m::before {
font-size: 1.7rem;
}
.vl-vi-u-l::before {
font-size: 2rem;
}
.vl-vi-u-xl::before {
font-size: 2.2rem;
}
.vl-vi-u-90deg::before {
display: inline-block;
transform: rotate(90deg);
}
.vl-vi-u-180deg::before {
display: inline-block;
transform: rotate(180deg);
}
.vl-popover .vl-typography {
font-size: 14px;
}:root {
--vl-theme-primary-color: #ffe615;
--vl-theme-primary-color-60: rgb(255, 240, 114.6);
--vl-theme-primary-color-70: rgb(255, 237.5, 91.2);
--vl-theme-primary-color-rgba-30: rgba(255, 230, 21, 0.3);
--vl-theme-fg-color: #333332;
--vl-theme-fg-color-60: rgb(132.6, 132.6, 132);
--vl-theme-fg-color-70: rgb(112.2, 112.2, 111.5);
}
.vl-vi::before, .vl-vi::after {
font-family: "vlaanderen-icon" !important;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
display: inline-block;
vertical-align: middle;
}
.vl-vi.vl-vi-u-180deg::before {
display: inline-block;
transform: rotate(180deg);
vertical-align: middle;
}
.vl-vi-u-xs::before {
font-size: 0.8rem;
}
.vl-vi-u-s::before {
font-size: 1.3rem;
}
.vl-vi-u-m::before {
font-size: 1.7rem;
}
.vl-vi-u-l::before {
font-size: 2rem;
}
.vl-vi-u-xl::before {
font-size: 2.2rem;
}
.vl-vi-u-90deg::before {
display: inline-block;
transform: rotate(90deg);
}
.vl-vi-u-180deg::before {
display: inline-block;
transform: rotate(180deg);
}
.top-up-amount {
padding: 3rem;
border-radius: 0.3rem;
border: 1px solid rgb(207, 213, 221);
}:root {
--vl-theme-primary-color: #ffe615;
--vl-theme-primary-color-60: rgb(255, 240, 114.6);
--vl-theme-primary-color-70: rgb(255, 237.5, 91.2);
--vl-theme-primary-color-rgba-30: rgba(255, 230, 21, 0.3);
--vl-theme-fg-color: #333332;
--vl-theme-fg-color-60: rgb(132.6, 132.6, 132);
--vl-theme-fg-color-70: rgb(112.2, 112.2, 111.5);
}
.vl-vi::before, .vl-vi::after {
font-family: "vlaanderen-icon" !important;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
display: inline-block;
vertical-align: middle;
}
.vl-vi.vl-vi-u-180deg::before {
display: inline-block;
transform: rotate(180deg);
vertical-align: middle;
}
.vl-vi-u-xs::before {
font-size: 0.8rem;
}
.vl-vi-u-s::before {
font-size: 1.3rem;
}
.vl-vi-u-m::before {
font-size: 1.7rem;
}
.vl-vi-u-l::before {
font-size: 2rem;
}
.vl-vi-u-xl::before {
font-size: 2.2rem;
}
.vl-vi-u-90deg::before {
display: inline-block;
transform: rotate(90deg);
}
.vl-vi-u-180deg::before {
display: inline-block;
transform: rotate(180deg);
}
.amount {
padding: 1rem 3rem 1rem 3rem;
border-radius: 0.3rem;
border: 1px solid rgb(207, 213, 221);
}
.amount__available {
display: flex;
justify-content: space-between;
font-weight: 500;
font-size: 2rem;
}
.amount__available__total {
padding: 2.35rem 2rem;
}
.amount__available__image {
display: flex;
justify-content: center;
align-items: center;
}
.amount__available__image .vl-icon {
font-size: 4rem;
margin-right: 1rem;
}/**
* prism.js default theme for JavaScript, CSS and HTML
* Based on dabblet (http://dabblet.com)
* @author Lea Verou
*/
code[class*="language-"],
pre[class*="language-"] {
color: black;
background: none;
text-shadow: 0 1px white;
font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
font-size: 1em;
text-align: left;
white-space: pre;
word-spacing: normal;
word-break: normal;
word-wrap: normal;
line-height: 1.5;
-moz-tab-size: 4;
-o-tab-size: 4;
tab-size: 4;
-webkit-hyphens: none;
-moz-hyphens: none;
-ms-hyphens: none;
hyphens: none;
}
pre[class*="language-"]::-moz-selection, pre[class*="language-"] ::-moz-selection,
code[class*="language-"]::-moz-selection, code[class*="language-"] ::-moz-selection {
text-shadow: none;
background: #b3d4fc;
}
pre[class*="language-"]::selection, pre[class*="language-"] ::selection,
code[class*="language-"]::selection, code[class*="language-"] ::selection {
text-shadow: none;
background: #b3d4fc;
}
@media print {
code[class*="language-"],
pre[class*="language-"] {
text-shadow: none;
}
}
/* Code blocks */
pre[class*="language-"] {
padding: 1em;
margin: .5em 0;
overflow: auto;
}
:not(pre) > code[class*="language-"],
pre[class*="language-"] {
background: #f5f2f0;
}
/* Inline code */
:not(pre) > code[class*="language-"] {
padding: .1em;
border-radius: .3em;
white-space: normal;
}
.token.comment,
.token.prolog,
.token.doctype,
.token.cdata {
color: slategray;
}
.token.punctuation {
color: #999;
}
.token.namespace {
opacity: .7;
}
.token.property,
.token.tag,
.token.boolean,
.token.number,
.token.constant,
.token.symbol,
.token.deleted {
color: #905;
}
.token.selector,
.token.attr-name,
.token.string,
.token.char,
.token.builtin,
.token.inserted {
color: #690;
}
.token.operator,
.token.entity,
.token.url,
.language-css .token.string,
.style .token.string {
color: #9a6e3a;
/* This background color was intended by the author of this theme. */
background: hsla(0, 0%, 100%, .5);
}
.token.atrule,
.token.attr-value,
.token.keyword {
color: #07a;
}
.token.function,
.token.class-name {
color: #DD4A68;
}
.token.regex,
.token.important,
.token.variable {
color: #e90;
}
.token.important,
.token.bold {
font-weight: bold;
}
.token.italic {
font-style: italic;
}
.token.entity {
cursor: help;
}
:root {
--vl-theme-primary-color: #ffe615;
--vl-theme-primary-color-60: rgb(255, 240, 114.6);
--vl-theme-primary-color-70: rgb(255, 237.5, 91.2);
--vl-theme-primary-color-rgba-30: rgba(255, 230, 21, 0.3);
--vl-theme-fg-color: #333332;
--vl-theme-fg-color-60: rgb(132.6, 132.6, 132);
--vl-theme-fg-color-70: rgb(112.2, 112.2, 111.5);
}
.vl-vi::before, .vl-vi::after {
font-family: "vlaanderen-icon" !important;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
display: inline-block;
vertical-align: middle;
}
.vl-vi.vl-vi-u-180deg::before {
display: inline-block;
transform: rotate(180deg);
vertical-align: middle;
}
.vl-vi-u-xs::before {
font-size: 0.8rem;
}
.vl-vi-u-s::before {
font-size: 1.3rem;
}
.vl-vi-u-m::before {
font-size: 1.7rem;
}
.vl-vi-u-l::before {
font-size: 2rem;
}
.vl-vi-u-xl::before {
font-size: 2.2rem;
}
.vl-vi-u-90deg::before {
display: inline-block;
transform: rotate(90deg);
}
.vl-vi-u-180deg::before {
display: inline-block;
transform: rotate(180deg);
}
.vl-title small {
font-size: 0.7em;
}
.vl-title--h1 {
margin-bottom: 0;
}
@media screen and (min-width: 1023px) {
.vl-action-group--align-right--l {
justify-content: flex-end;
}
}
@media screen and (max-width: 1023px) {
.vl-action-group--align-right--m {
justify-content: flex-end;
}
}
@media screen and (max-width: 767px) {
.vl-action-group--align-right--s {
justify-content: flex-end;
}
}
@media screen and (max-width: 500px) {
.vl-action-group--align-right--xs {
justify-content: flex-end;
}
}
@media screen and (min-width: 1023px) {
.vl-action-group--align-left--l {
justify-content: flex-start;
}
}
@media screen and (max-width: 1023px) {
.vl-action-group--align-left--m {
justify-content: flex-start;
}
}
@media screen and (max-width: 767px) {
.vl-action-group--align-left--s {
justify-content: flex-start;
}
}
@media screen and (max-width: 500px) {
.vl-action-group--align-left--xs {
justify-content: flex-start;
}
}
.aeg-datatable__empty {
display: flex;
justify-content: center;
flex-direction: column;
align-items: center;
min-height: 160px;
}
.aeg-datatable__error, .aeg-datatable__loading {
display: flex;
justify-content: center;
flex-direction: column;
align-items: center;
min-height: 160px;
}
.aeg-datatable__error .vl-loader, .aeg-datatable__loading .vl-loader {
position: static;
}
.aeg-datatable__error-text .vl-icon, .aeg-datatable__loading-text .vl-icon {
filter: brightness(250%);
color: rgba(255, 0, 0, 0.5803921569);
margin-right: 0.5rem;
}
.aeg-datatable .clickable {
cursor: pointer;
}
.aeg-datatable .clickable td a {
color: inherit;
text-decoration: none;
display: block;
width: 100%;
}
.aeg-datatable .clickable td a:hover {
text-decoration: none;
}
.aeg-datatable-pager {
margin: 2rem;
padding-right: 1.5em !important;
}
.vl-data-table thead tr {
border-top: none;
}
.vl-data-table tfoot td {
font-weight: normal;
}
.aeg-u-bg-white {
background-color: #fff;
}
.aeg-u-bg-alt {
background-color: #f7f9fc;
}
.aeg-u-border-top {
border-top: 1px #cbd2da solid;
}
.aeg-u-border-right {
border-right: 1px #cbd2da solid;
}
.aeg-u-border-bottom {
border-bottom: 1px #cbd2da solid;
}
.aeg-u-border-left {
border-left: 1px #cbd2da solid;
}
@media screen and (min-width: 1023px) {
.aeg-u-border-top--l {
border-top: 1px #cbd2da solid !important;
}
.aeg-u-border-right--l {
border-right: 1px #cbd2da solid !important;
}
.aeg-u-border-bottom--l {
border-bottom: 1px #cbd2da solid !important;
}
.aeg-u-border-left--l {
border-left: 1px #cbd2da solid !important;
}
}
@media screen and (max-width: 1023px) {
.aeg-u-border-top--m {
border-top: 1px #cbd2da solid !important;
}
.aeg-u-border-right--m {
border-right: 1px #cbd2da solid !important;
}
.aeg-u-border-bottom--m {
border-bottom: 1px #cbd2da solid !important;
}
.aeg-u-border-left--m {
border-left: 1px #cbd2da solid !important;
}
}
@media screen and (max-width: 767px) {
.aeg-u-border-top--s {
border-top: 1px #cbd2da solid !important;
}
.aeg-u-border-right--s {
border-right: 1px #cbd2da solid !important;
}
.aeg-u-border-bottom--s {
border-bottom: 1px #cbd2da solid !important;
}
.aeg-u-border-left--s {
border-left: 1px #cbd2da solid !important;
}
}
@media screen and (max-width: 500px) {
.aeg-u-border-top--xs {
border-top: 1px #cbd2da solid !important;
}
.aeg-u-border-right--xs {
border-right: 1px #cbd2da solid !important;
}
.aeg-u-border-bottom--xs {
border-bottom: 1px #cbd2da solid !important;
}
.aeg-u-border-left--xs {
border-left: 1px #cbd2da solid !important;
}
}
.aeg-u-box-padding {
padding: 3rem;
}
.vl-sidebar .aeg-u-box-padding {
padding: 1.25rem;
}
.aeg-label-above-layout {
display: flex;
flex-direction: column;
gap: 0.5rem;
}
.aeg-form-layout {
display: flex;
flex-direction: column;
gap: 1rem;
flex-wrap: wrap;
}
.aeg-flex-rows-layout {
display: flex;
flex-direction: column;
gap: 1rem;
}
.aeg-flex-rows-layout .aeg-flex-row {
display: flex;
flex-direction: row;
gap: 1rem;
}
.aeg-flex-rows-layout .aeg-flex-row > * {
flex: 1 1;
}
.aeg-datatable-clickable-row {
cursor: pointer;
}
.aeg-datatable-cell-button {
padding: 0 !important;
}
.aeg-spacer {
height: 2rem;
}
.aeg-uppercase {
text-transform: uppercase;
}
.athumi-container {
box-sizing: content-box;
max-width: 90rem;
margin-inline: auto;
padding: clamp(1rem, 5vw, 4rem);
}
.aeg-page-wrapper {
display: flex;
justify-content: center; /* Centers the content block horizontally */
width: 100%;
/* Creates fluid padding: min 16px, preferred 5% of viewport width, max 80px */
padding: clamp(1rem, 5vw, 4rem);
box-sizing: border-box;
}
.aeg-page-wrapper .aeg-content-block {
width: 100%;
max-width: 1440px; /* Restricts the layout from stretching past 1440px */
/* Optional: turns the inner block into a column layout */
display: flex;
flex-direction: column;
}
.aeg-flex-col-g1 {
display: flex;
flex-direction: column;
gap: 0.25rem;
}
.aeg-flex-col-g4 {
display: flex;
flex-direction: column;
gap: 1rem;
}
.aeg-flex-col-g8 {
display: flex;
flex-direction: column;
gap: 2rem;
}
.aeg-flex-col-g16 {
display: flex;
flex-direction: column;
gap: 4rem;
}
.aeg-flex-row-g1 {
display: flex;
flex-direction: row;
gap: 0.25rem;
}
.aeg-flex-row-g2 {
display: flex;
flex-direction: row;
gap: 0.5rem;
}
.aeg-flex-row-g4 {
display: flex;
flex-direction: row;
gap: 1rem;
}
.aeg-flex-row-g8 {
display: flex;
flex-direction: row;
gap: 2rem;
}
#app, .main {
display: flex;
width: 100%;
flex-direction: column;
min-height: 100vh;
}
.content {
display: flex;
flex-direction: column;
flex-grow: 1;
margin: 0 auto;
width: 100%;
}
.navigation__breadcrumb {
font-weight: 500;
text-decoration: none;
}
.navigation__breadcrumb:hover {
text-decoration: underline;
}
.global-header {
min-height: 45px;
flex-shrink: 0;
}
.global-footer {
flex-shrink: 0;
}
.aeg-header-wrapper {
display: flex;
align-items: center;
justify-content: space-between;
background: #f7f9fc;
}
.aeg-header-wrapper__admin-navigation {
display: flex;
align-items: flex-start;
height: 45px;
padding: 0 3rem;
min-width: 0;
}
.aeg-description-list {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 100%;
}
@media screen and (max-width: 767px) {
.aeg-description-list {
display: block;
}
}
.aeg-description-list__term {
flex: 0 0 23rem;
color: #8c8c8c;
}
.aeg-description-list__description {
flex: 0 0 calc(100% - 25rem);
flex-basis: calc(100% - 25rem);
word-break: break-word;
word-wrap: break-word;
}
.aeg-description-list__description:not(:last-of-type) {
margin-bottom: 1.5rem;
}@font-face {
font-family: "primeicons";
font-display: block;
src: url("/assets/primeicons-BZF8q66I.eot");
src:
url("/assets/primeicons-BZF8q66I.eot?#iefix") format("embedded-opentype"),
url("/assets/primeicons-BvM4qbWp.woff2") format("woff2"),
url("/assets/primeicons-qgkbr2_s.woff") format("woff"),
url("/assets/primeicons-vaISzP8W.ttf") format("truetype"),
url("/assets/primeicons-BmvFdQzO.svg?#primeicons") format("svg");
font-weight: normal;
font-style: normal;
}
.pi {
font-family: "primeicons";
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
display: inline-block;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.pi:before {
--webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.pi-fw {
width: 1.28571429em;
text-align: center;
}
.pi-spin {
-webkit-animation: fa-spin 2s infinite linear;
animation: fa-spin 2s infinite linear;
}
@media (prefers-reduced-motion: reduce) {
.pi-spin {
-webkit-animation-delay: -1ms;
animation-delay: -1ms;
-webkit-animation-duration: 1ms;
animation-duration: 1ms;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
-webkit-transition-delay: 0s;
transition-delay: 0s;
-webkit-transition-duration: 0s;
transition-duration: 0s;
}
}
@-webkit-keyframes fa-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@keyframes fa-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
/* Deprecated icons */
.pi-circle-on:before {
content: "\e958";
}
.pi-circle-off:before {
content: "\e959";
}
/* End of deprecated icons */
.pi-address-book:before {
content: "\e900";
}
.pi-align-center:before {
content: "\e901";
}
.pi-align-justify:before {
content: "\e902";
}
.pi-align-left:before {
content: "\e903";
}
.pi-align-right:before {
content: "\e904";
}
.pi-amazon:before {
content: "\e905";
}
.pi-android:before {
content: "\e906";
}
.pi-angle-double-down:before {
content: "\e907";
}
.pi-angle-double-left:before {
content: "\e908";
}
.pi-angle-double-right:before {
content: "\e909";
}
.pi-angle-double-up:before {
content: "\e90a";
}
.pi-angle-down:before {
content: "\e90b";
}
.pi-angle-left:before {
content: "\e90c";
}
.pi-angle-right:before {
content: "\e90d";
}
.pi-angle-up:before {
content: "\e90e";
}
.pi-apple:before {
content: "\e90f";
}
.pi-arrow-circle-down:before {
content: "\e910";
}
.pi-arrow-circle-left:before {
content: "\e911";
}
.pi-arrow-circle-right:before {
content: "\e912";
}
.pi-arrow-circle-up:before {
content: "\e913";
}
.pi-arrow-down-left-and-arrow-up-right-to-center:before {
content: "\e914";
}
.pi-arrow-down-left:before {
content: "\e915";
}
.pi-arrow-down-right:before {
content: "\e916";
}
.pi-arrow-down:before {
content: "\e917";
}
.pi-arrow-left:before {
content: "\e918";
}
.pi-arrow-right-arrow-left:before {
content: "\e919";
}
.pi-arrow-right:before {
content: "\e91a";
}
.pi-arrow-u-turn-up-left:before {
content: "\e91b";
}
.pi-arrow-u-turn-up-right:before {
content: "\e91c";
}
.pi-arrow-up-left:before {
content: "\e91d";
}
.pi-arrow-up-right-and-arrow-down-left-from-center:before {
content: "\e91e";
}
.pi-arrow-up-right:before {
content: "\e91f";
}
.pi-arrow-up:before {
content: "\e920";
}
.pi-arrows-alt:before {
content: "\e921";
}
.pi-arrows-h:before {
content: "\e922";
}
.pi-arrows-v:before {
content: "\e923";
}
.pi-asterisk:before {
content: "\e924";
}
.pi-at:before {
content: "\e925";
}
.pi-backward:before {
content: "\e926";
}
.pi-ban:before {
content: "\e927";
}
.pi-barcode:before {
content: "\e928";
}
.pi-bars:before {
content: "\e929";
}
.pi-bell-slash:before {
content: "\e92a";
}
.pi-bell:before {
content: "\e92b";
}
.pi-bitcoin:before {
content: "\e92c";
}
.pi-blank:before {
content: "\e92d";
}
.pi-block-quote:before {
content: "\e92e";
}
.pi-bold:before {
content: "\e92f";
}
.pi-bolt:before {
content: "\e930";
}
.pi-book:before {
content: "\e931";
}
.pi-bookmark-fill:before {
content: "\e932";
}
.pi-bookmark:before {
content: "\e933";
}
.pi-box:before {
content: "\e934";
}
.pi-briefcase:before {
content: "\e935";
}
.pi-building-columns:before {
content: "\e936";
}
.pi-building:before {
content: "\e937";
}
.pi-bullseye:before {
content: "\e938";
}
.pi-calculator:before {
content: "\e939";
}
.pi-calendar-clock:before {
content: "\e93a";
}
.pi-calendar-minus:before {
content: "\e93b";
}
.pi-calendar-plus:before {
content: "\e93c";
}
.pi-calendar-times:before {
content: "\e93d";
}
.pi-calendar:before {
content: "\e93e";
}
.pi-camera:before {
content: "\e93f";
}
.pi-car:before {
content: "\e940";
}
.pi-caret-down:before {
content: "\e941";
}
.pi-caret-left:before {
content: "\e942";
}
.pi-caret-right:before {
content: "\e943";
}
.pi-caret-up:before {
content: "\e944";
}
.pi-cart-arrow-down:before {
content: "\e945";
}
.pi-cart-minus:before {
content: "\e946";
}
.pi-cart-plus:before {
content: "\e947";
}
.pi-case-sensitive:before {
content: "\e948";
}
.pi-chart-bar:before {
content: "\e949";
}
.pi-chart-line:before {
content: "\e94a";
}
.pi-chart-pie:before {
content: "\e94b";
}
.pi-chart-scatter:before {
content: "\e94c";
}
.pi-check-circle:before {
content: "\e94d";
}
.pi-check-square:before {
content: "\e94e";
}
.pi-check:before {
content: "\e94f";
}
.pi-chevron-circle-down:before {
content: "\e950";
}
.pi-chevron-circle-left:before {
content: "\e951";
}
.pi-chevron-circle-right:before {
content: "\e952";
}
.pi-chevron-circle-up:before {
content: "\e953";
}
.pi-chevron-down:before {
content: "\e954";
}
.pi-chevron-left:before {
content: "\e955";
}
.pi-chevron-right:before {
content: "\e956";
}
.pi-chevron-up:before {
content: "\e957";
}
.pi-circle-fill:before {
content: "\e958";
}
.pi-circle:before {
content: "\e959";
}
.pi-clipboard:before {
content: "\e95a";
}
.pi-clock:before {
content: "\e95b";
}
.pi-clone:before {
content: "\e95c";
}
.pi-cloud-download:before {
content: "\e95d";
}
.pi-cloud-upload:before {
content: "\e95e";
}
.pi-cloud:before {
content: "\e95f";
}
.pi-code-branch:before {
content: "\e960";
}
.pi-code:before {
content: "\e961";
}
.pi-cog:before {
content: "\e962";
}
.pi-columns-2:before {
content: "\e963";
}
.pi-comment:before {
content: "\e964";
}
.pi-comments:before {
content: "\e965";
}
.pi-compass:before {
content: "\e966";
}
.pi-compress:before {
content: "\e967";
}
.pi-copy:before {
content: "\e968";
}
.pi-credit-card:before {
content: "\e969";
}
.pi-crown:before {
content: "\e96a";
}
.pi-database:before {
content: "\e96b";
}
.pi-delete-left:before {
content: "\e96c";
}
.pi-desktop:before {
content: "\e96d";
}
.pi-directions-alt:before {
content: "\e96e";
}
.pi-directions:before {
content: "\e96f";
}
.pi-discord:before {
content: "\e970";
}
.pi-dollar:before {
content: "\e971";
}
.pi-dot:before {
content: "\e972";
}
.pi-download:before {
content: "\e973";
}
.pi-eject:before {
content: "\e974";
}
.pi-ellipsis-h:before {
content: "\e975";
}
.pi-ellipsis-v:before {
content: "\e976";
}
.pi-envelope:before {
content: "\e977";
}
.pi-equals:before {
content: "\e978";
}
.pi-eraser:before {
content: "\e979";
}
.pi-ethereum:before {
content: "\e97a";
}
.pi-euro:before {
content: "\e97b";
}
.pi-exclamation-circle:before {
content: "\e97c";
}
.pi-exclamation-triangle:before {
content: "\e97d";
}
.pi-expand:before {
content: "\e97e";
}
.pi-external-link:before {
content: "\e97f";
}
.pi-eye-dropper:before {
content: "\e980";
}
.pi-eye-slash:before {
content: "\e981";
}
.pi-eye:before {
content: "\e982";
}
.pi-face-smile:before {
content: "\e983";
}
.pi-facebook:before {
content: "\e984";
}
.pi-fast-backward:before {
content: "\e985";
}
.pi-fast-forward:before {
content: "\e986";
}
.pi-file-arrow-up:before {
content: "\e987";
}
.pi-file-check:before {
content: "\e988";
}
.pi-file-edit:before {
content: "\e989";
}
.pi-file-excel:before {
content: "\e98a";
}
.pi-file-export:before {
content: "\e98b";
}
.pi-file-import:before {
content: "\e98c";
}
.pi-file-o:before {
content: "\e98d";
}
.pi-file-pdf:before {
content: "\e98e";
}
.pi-file-plus:before {
content: "\e98f";
}
.pi-file-word:before {
content: "\e990";
}
.pi-file:before {
content: "\e991";
}
.pi-filter-fill:before {
content: "\e992";
}
.pi-filter-slash:before {
content: "\e993";
}
.pi-filter:before {
content: "\e994";
}
.pi-flag-fill:before {
content: "\e995";
}
.pi-flag:before {
content: "\e996";
}
.pi-folder-open:before {
content: "\e997";
}
.pi-folder-plus:before {
content: "\e998";
}
.pi-folder:before {
content: "\e999";
}
.pi-forward:before {
content: "\e99a";
}
.pi-gauge:before {
content: "\e99b";
}
.pi-gift:before {
content: "\e99c";
}
.pi-github:before {
content: "\e99d";
}
.pi-globe:before {
content: "\e99e";
}
.pi-google:before {
content: "\e99f";
}
.pi-graduation-cap:before {
content: "\e9a0";
}
.pi-grid-2:before {
content: "\e9a1";
}
.pi-grip-horizontal:before {
content: "\e9a2";
}
.pi-grip-vertical:before {
content: "\e9a3";
}
.pi-grip:before {
content: "\e9a4";
}
.pi-hammer:before {
content: "\e9a5";
}
.pi-hashtag:before {
content: "\e9a6";
}
.pi-heading-1:before {
content: "\e9a7";
}
.pi-heading-2:before {
content: "\e9a8";
}
.pi-heading-3:before {
content: "\e9a9";
}
.pi-heading-4:before {
content: "\e9aa";
}
.pi-heading-5:before {
content: "\e9ab";
}
.pi-heading-6:before {
content: "\e9ac";
}
.pi-heading:before {
content: "\e9ad";
}
.pi-headphones:before {
content: "\e9ae";
}
.pi-heart-fill:before {
content: "\e9af";
}
.pi-heart:before {
content: "\e9b0";
}
.pi-highlighter:before {
content: "\e9b1";
}
.pi-history:before {
content: "\e9b2";
}
.pi-home:before {
content: "\e9b3";
}
.pi-horizontal-rule:before {
content: "\e9b4";
}
.pi-hourglass:before {
content: "\e9b5";
}
.pi-id-card:before {
content: "\e9b6";
}
.pi-image:before {
content: "\e9b7";
}
.pi-images:before {
content: "\e9b8";
}
.pi-inbox:before {
content: "\e9b9";
}
.pi-indent:before {
content: "\e9ba";
}
.pi-indian-rupee:before {
content: "\e9bb";
}
.pi-info-circle:before {
content: "\e9bc";
}
.pi-info:before {
content: "\e9bd";
}
.pi-instagram:before {
content: "\e9be";
}
.pi-italic:before {
content: "\e9bf";
}
.pi-key:before {
content: "\e9c0";
}
.pi-language:before {
content: "\e9c1";
}
.pi-lightbulb:before {
content: "\e9c2";
}
.pi-link:before {
content: "\e9c3";
}
.pi-linkedin:before {
content: "\e9c4";
}
.pi-list-check:before {
content: "\e9c5";
}
.pi-list-ol:before {
content: "\e9c6";
}
.pi-list-tree:before {
content: "\e9c7";
}
.pi-list:before {
content: "\e9c8";
}
.pi-lock-open:before {
content: "\e9c9";
}
.pi-lock:before {
content: "\e9ca";
}
.pi-map-marker:before {
content: "\e9cb";
}
.pi-map:before {
content: "\e9cc";
}
.pi-mars:before {
content: "\e9cd";
}
.pi-megaphone:before {
content: "\e9ce";
}
.pi-microchip-ai:before {
content: "\e9cf";
}
.pi-microchip:before {
content: "\e9d0";
}
.pi-microphone:before {
content: "\e9d1";
}
.pi-microsoft:before {
content: "\e9d2";
}
.pi-minus-circle:before {
content: "\e9d3";
}
.pi-minus:before {
content: "\e9d4";
}
.pi-mobile:before {
content: "\e9d5";
}
.pi-money-bill:before {
content: "\e9d6";
}
.pi-moon:before {
content: "\e9d7";
}
.pi-note-sticky:before {
content: "\e9d8";
}
.pi-objects-column:before {
content: "\e9d9";
}
.pi-outdent:before {
content: "\e9da";
}
.pi-palette:before {
content: "\e9db";
}
.pi-paperclip:before {
content: "\e9dc";
}
.pi-paragraph-left:before {
content: "\e9dd";
}
.pi-paragraph-right:before {
content: "\e9de";
}
.pi-pause-circle:before {
content: "\e9df";
}
.pi-pause:before {
content: "\e9e0";
}
.pi-paypal:before {
content: "\e9e1";
}
.pi-pen-line:before {
content: "\e9e2";
}
.pi-pen-to-square:before {
content: "\e9e3";
}
.pi-pencil:before {
content: "\e9e4";
}
.pi-percentage:before {
content: "\e9e5";
}
.pi-phone:before {
content: "\e9e6";
}
.pi-pinterest:before {
content: "\e9e7";
}
.pi-play-circle:before {
content: "\e9e8";
}
.pi-play:before {
content: "\e9e9";
}
.pi-plus-circle:before {
content: "\e9ea";
}
.pi-plus:before {
content: "\e9eb";
}
.pi-pound:before {
content: "\e9ec";
}
.pi-power-off:before {
content: "\e9ed";
}
.pi-prime:before {
content: "\e9ee";
}
.pi-print:before {
content: "\e9ef";
}
.pi-qrcode:before {
content: "\e9f0";
}
.pi-question-circle:before {
content: "\e9f1";
}
.pi-question:before {
content: "\e9f2";
}
.pi-receipt:before {
content: "\e9f3";
}
.pi-rectangle-xmark:before {
content: "\e9f4";
}
.pi-reddit:before {
content: "\e9f5";
}
.pi-refresh:before {
content: "\e9f6";
}
.pi-replay:before {
content: "\e9f7";
}
.pi-reply:before {
content: "\e9f8";
}
.pi-rows-2:before {
content: "\e9f9";
}
.pi-save:before {
content: "\e9fa";
}
.pi-search-minus:before {
content: "\e9fb";
}
.pi-search-plus:before {
content: "\e9fc";
}
.pi-search:before {
content: "\e9fd";
}
.pi-send:before {
content: "\e9fe";
}
.pi-server:before {
content: "\e9ff";
}
.pi-share-alt:before {
content: "\ea00";
}
.pi-shield:before {
content: "\ea01";
}
.pi-shop:before {
content: "\ea02";
}
.pi-shopping-bag:before {
content: "\ea03";
}
.pi-shopping-cart:before {
content: "\ea04";
}
.pi-sidebar:before {
content: "\ea05";
}
.pi-sign-in:before {
content: "\ea06";
}
.pi-sign-out:before {
content: "\ea07";
}
.pi-signature:before {
content: "\ea08";
}
.pi-sitemap:before {
content: "\ea09";
}
.pi-slack:before {
content: "\ea0a";
}
.pi-slash:before {
content: "\ea0b";
}
.pi-sliders-h:before {
content: "\ea0c";
}
.pi-sliders-v:before {
content: "\ea0d";
}
.pi-sort-alpha-down-alt:before {
content: "\ea0e";
}
.pi-sort-alpha-down:before {
content: "\ea0f";
}
.pi-sort-alpha-up-alt:before {
content: "\ea10";
}
.pi-sort-alpha-up:before {
content: "\ea11";
}
.pi-sort-alt-slash:before {
content: "\ea12";
}
.pi-sort-alt:before {
content: "\ea13";
}
.pi-sort-amount-down-alt:before {
content: "\ea14";
}
.pi-sort-amount-down:before {
content: "\ea15";
}
.pi-sort-amount-up-alt:before {
content: "\ea16";
}
.pi-sort-amount-up:before {
content: "\ea17";
}
.pi-sort-down-fill:before {
content: "\ea18";
}
.pi-sort-down:before {
content: "\ea19";
}
.pi-sort-numeric-down-alt:before {
content: "\ea1a";
}
.pi-sort-numeric-down:before {
content: "\ea1b";
}
.pi-sort-numeric-up-alt:before {
content: "\ea1c";
}
.pi-sort-numeric-up:before {
content: "\ea1d";
}
.pi-sort-up-fill:before {
content: "\ea1e";
}
.pi-sort-up:before {
content: "\ea1f";
}
.pi-sort:before {
content: "\ea20";
}
.pi-sparkles:before {
content: "\ea21";
}
.pi-spinner-dotted:before {
content: "\ea22";
}
.pi-spinner:before {
content: "\ea23";
}
.pi-square:before {
content: "\ea24";
}
.pi-stamp:before {
content: "\ea25";
}
.pi-star-fill:before {
content: "\ea26";
}
.pi-star-half-fill:before {
content: "\ea27";
}
.pi-star-half:before {
content: "\ea28";
}
.pi-star:before {
content: "\ea29";
}
.pi-step-backward-alt:before {
content: "\ea2a";
}
.pi-step-backward:before {
content: "\ea2b";
}
.pi-step-forward-alt:before {
content: "\ea2c";
}
.pi-step-forward:before {
content: "\ea2d";
}
.pi-stop-circle:before {
content: "\ea2e";
}
.pi-stop:before {
content: "\ea2f";
}
.pi-stopwatch:before {
content: "\ea30";
}
.pi-strikethrough:before {
content: "\ea31";
}
.pi-subscript:before {
content: "\ea32";
}
.pi-sun:before {
content: "\ea33";
}
.pi-superscript:before {
content: "\ea34";
}
.pi-sync:before {
content: "\ea35";
}
.pi-table:before {
content: "\ea36";
}
.pi-tablet:before {
content: "\ea37";
}
.pi-tag:before {
content: "\ea38";
}
.pi-tags:before {
content: "\ea39";
}
.pi-telegram:before {
content: "\ea3a";
}
.pi-text-color:before {
content: "\ea3b";
}
.pi-text:before {
content: "\ea3c";
}
.pi-th-large:before {
content: "\ea3d";
}
.pi-thumbs-down-fill:before {
content: "\ea3e";
}
.pi-thumbs-down:before {
content: "\ea3f";
}
.pi-thumbs-up-fill:before {
content: "\ea40";
}
.pi-thumbs-up:before {
content: "\ea41";
}
.pi-thumbtack:before {
content: "\ea42";
}
.pi-ticket:before {
content: "\ea43";
}
.pi-tiktok:before {
content: "\ea44";
}
.pi-times-circle:before {
content: "\ea45";
}
.pi-times:before {
content: "\ea46";
}
.pi-trash:before {
content: "\ea47";
}
.pi-trophy:before {
content: "\ea48";
}
.pi-truck:before {
content: "\ea49";
}
.pi-turkish-lira:before {
content: "\ea4a";
}
.pi-twitch:before {
content: "\ea4b";
}
.pi-twitter:before {
content: "\ea4c";
}
.pi-underline:before {
content: "\ea4d";
}
.pi-undo:before {
content: "\ea4e";
}
.pi-unlock:before {
content: "\ea4f";
}
.pi-upload:before {
content: "\ea50";
}
.pi-user-edit:before {
content: "\ea51";
}
.pi-user-minus:before {
content: "\ea52";
}
.pi-user-plus:before {
content: "\ea53";
}
.pi-user:before {
content: "\ea54";
}
.pi-users:before {
content: "\ea55";
}
.pi-venus:before {
content: "\ea56";
}
.pi-verified:before {
content: "\ea57";
}
.pi-video:before {
content: "\ea58";
}
.pi-vimeo:before {
content: "\ea59";
}
.pi-volume-down:before {
content: "\ea5a";
}
.pi-volume-off:before {
content: "\ea5b";
}
.pi-volume-up:before {
content: "\ea5c";
}
.pi-wallet:before {
content: "\ea5d";
}
.pi-warehouse:before {
content: "\ea5e";
}
.pi-wave-pulse:before {
content: "\ea5f";
}
.pi-whatsapp:before {
content: "\ea60";
}
.pi-wifi:before {
content: "\ea61";
}
.pi-window-maximize:before {
content: "\ea62";
}
.pi-window-minimize:before {
content: "\ea63";
}
.pi-wrench:before {
content: "\ea64";
}
.pi-youtube:before {
content: "\ea65";
}
/**
* Athumi Design Tokens
*
* Custom CSS custom properties (design tokens) for the Athumi design system.
* These tokens extend PrimeVue's built-in design token system.
*
* Import this file BEFORE athumi-theme.css:
*
* import '@athumi-eu/athumi-theme/design-tokens.css';
* import '@athumi-eu/athumi-theme/athumi-theme.css';
*
* Or import athumi-theme.css directly - it includes these tokens automatically.
*/
:root {
--athumi-1px: 0.0625rem;
/* ============================================================================
Typography
============================================================================ */
/**
* Font Family
* Base font stack for all Athumi applications
* Requires Plus Jakarta Sans to be loaded from Google Fonts
*/
--athumi-font-family: "Plus Jakarta Sans", sans-serif;
/* ============================================================================
Border Widths
============================================================================ */
/**
* Border Width Tokens
* Standardized border widths for consistent UI elements
* Extends PrimeVue's design token system which doesn't include border-width
*/
--athumi-button-border-width: calc(var(--athumi-1px)); /* add 1px to default border of 1px = 2px */
/* ============================================================================
Future Tokens
============================================================================ */
/**
* Add additional Athumi-specific design tokens here:
*
* Examples:
* - Custom spacing: --athumi-spacing-*
* - Custom shadows: --athumi-shadow-*
* - Custom transitions: --athumi-transition-*
* - Custom z-index layers: --athumi-z-index-*
*
* Always prefer using PrimeVue's built-in tokens (--p-*) when available
* to maintain consistency with the component library.
*/
}
/**
* Athumi Theme - Custom CSS Extensions
*
* This file provides CSS that extends PrimeVue's default component styles
* to support custom design tokens that aren't part of the standard PrimeVue theme.
*
* Import this file in your application AFTER importing PrimeVue's CSS:
*
* import 'primevue/resources/themes/lara-light-blue/theme.css'; // Or your PrimeVue theme
* import '@athumi-eu/athumi-theme/athumi-theme.css';
*
* This file automatically imports design-tokens.css
*/
/* Import Athumi design tokens */
/**
* Athumi Design Tokens
*
* Custom CSS custom properties (design tokens) for the Athumi design system.
* These tokens extend PrimeVue's built-in design token system.
*
* Import this file BEFORE athumi-theme.css:
*
* import '@athumi-eu/athumi-theme/design-tokens.css';
* import '@athumi-eu/athumi-theme/athumi-theme.css';
*
* Or import athumi-theme.css directly - it includes these tokens automatically.
*/
:root {
--athumi-1px: 0.0625rem;
/* ============================================================================
Typography
============================================================================ */
/**
* Font Family
* Base font stack for all Athumi applications
* Requires Plus Jakarta Sans to be loaded from Google Fonts
*/
--athumi-font-family: "Plus Jakarta Sans", sans-serif;
/* ============================================================================
Border Widths
============================================================================ */
/**
* Border Width Tokens
* Standardized border widths for consistent UI elements
* Extends PrimeVue's design token system which doesn't include border-width
*/
--athumi-button-border-width: calc(var(--athumi-1px)); /* add 1px to default border of 1px = 2px */
/* ============================================================================
Future Tokens
============================================================================ */
/**
* Add additional Athumi-specific design tokens here:
*
* Examples:
* - Custom spacing: --athumi-spacing-*
* - Custom shadows: --athumi-shadow-*
* - Custom transitions: --athumi-transition-*
* - Custom z-index layers: --athumi-z-index-*
*
* Always prefer using PrimeVue's built-in tokens (--p-*) when available
* to maintain consistency with the component library.
*/
}
/* ============================================================================
Global Font Family
============================================================================ */
/**
* Apply Plus Jakarta Sans as the default font family for all elements
* Make sure to include the Google Fonts link in your HTML:
*
*/
* {
font-family: var(--athumi-font-family);
}
body {
font-family: var(--athumi-font-family);
}
.p-component {
font-weight: 500;
}
/* ============================================================================
Button - Border Width Support
============================================================================ */
/**
* Apply custom border widths for outlined buttons using design tokens
* All outlined buttons now have 2px borders (vs 1px default)
* Padding is reduced by 1px top/bottom to maintain consistent button height
* Uses CSS custom properties for easy customization
*/
/* All outlined buttons (2px border using design token) */
.p-button-outlined {
border-width: calc(var(--athumi-1px) + var(--athumi-button-border-width)) !important;
padding: calc(var(--p-button-padding-y) - var(--athumi-button-border-width)) calc(var(--p-button-padding-x) - var(--athumi-button-border-width))!important;
}
.p-button-outlined.p-button-sm {
border-width: calc(var(--athumi-1px) + var(--athumi-button-border-width)) !important;
padding: calc(var(--p-button-sm-padding-y) - var(--athumi-button-border-width)) calc(var(--p-button-sm-padding-x) - var(--athumi-button-border-width))!important;
}
.p-button-outlined.p-button-lg {
border-width: calc(var(--athumi-1px) + var(--athumi-button-border-width)) !important;
padding: calc(var(--p-button-lg-padding-y) - var(--athumi-button-border-width)) calc(var(--p-button-lg-padding-x) - var(--athumi-button-border-width)) !important;
}
/* icon-only buttons should be as wide as they are high */
.p-button-icon-only {
width: calc(var(--p-button-icon-only-width) + calc(var(--athumi-1px)*4)) !important;
}
.p-button-icon-only.p-button-rounded {
height: calc(var(--p-button-icon-only-width) + calc(var(--athumi-1px)*4)) !important;
}
.p-button-sm.p-button-icon-only {
width: calc(var(--p-button-sm-icon-only-width) + calc(var(--athumi-1px)*3)) !important;
}
.p-button-sm.p-button-icon-only.p-button-rounded {
height: calc(var(--p-button-sm-icon-only-width) + calc(var(--athumi-1px)*3)) !important;
}
.p-button-lg.p-button-icon-only {
width: calc(var(--p-button-lg-icon-only-width) + calc(var(--athumi-1px))) !important;
}
.p-button-lg.p-button-icon-only.p-button-rounded {
height: calc(var(--p-button-lg-icon-only-width) + calc(var(--athumi-1px))) !important;
}
/* Fix collapsed panel header */
.p-panel:has(> .p-panel-content-container[style*='display: none']) > .p-panel-header {
border-radius: var(--p-panel-border-radius);
border-bottom: 0;
}
/* Panel header height the same with or without action */
.p-panel-header {
min-height: 3.57rem;
}
/* Typography */
.typography h1, .heading-1 {
line-height: 1 !important;
font-size: 3rem !important;
margin-bottom: 2.5rem;
font-weight: 700 !important;
color: var(--p-text-color) !important;
}
.typography h2, .heading-2 {
line-height: 1 !important;
font-size: 2.5rem !important;
margin-bottom: 2rem;
font-weight: 700 !important;
color: var(--p-text-color) !important;
}
.typography h3, .heading-3 {
line-height: 1 !important;
font-size: 2rem !important;
margin-bottom: 1.5rem;
font-weight: 700 !important;
color: var(--p-text-color) !important;
}
.typography h4, .heading-4 {
line-height: 1 !important;
font-size: 1.5rem !important;
margin-bottom: 1rem;
font-weight: 700 !important;
color: var(--p-text-color) !important;
}
.typography h5, .heading-5 {
line-height: 1 !important;
font-size: 1.25rem !important;
margin-bottom: 0.75rem;
font-weight: 700 !important;
color: var(--p-text-color) !important;
}
.typography h6, .heading-6 {
line-height: 1 !important;
font-size: 1.125rem !important;
margin-bottom: 0.875rem;
font-weight: 700 !important;
color: var(--p-text-color) !important;
}
.typography p, .body-text {
font-size: 1rem;
font-weight: 500;
line-height: 1.5rem;
color: var(--p-text-color);
margin-bottom: 1rem;
}
.typography, .ul {
font-family: var(--athumi-font-family);
font-weight:500;
color: var(--p-text-color);
}
.typography ul, .ul {
list-style-type: disc;
list-style-position: inside;
margin-bottom: 1rem;
li {
margin-bottom: 0.5rem;
}
ul, .ul {
margin-left: 1.5rem;
margin-top: 0.5rem;
margin-bottom: 0;
}
}
a, .typography a, .link {
color: var(--p-primary-color);
text-decoration: underline;
font-weight: 500;
&:hover {
color: var(--p-button-primary-hover-background);
}
&.p-button {
text-decoration: none;
&:hover {
text-decoration: underline;
}
}
}
.p-overlay-mask {
background-color: rgba(255, 255, 255, 0.5) !important;
}
/*label {
margin-bottom: 0.5rem;
}*/
label {
font-weight: 500;
}
address {
font-style: normal;
}
/* ============================================================================
Using PrimeVue Design Tokens
============================================================================ */
/**
* PrimeVue v4 generates CSS custom properties from the theme preset.
* You can use these variables throughout your custom styles:
*
* Common PrimeVue Design Tokens (generated from base.ts):
*
* Colors:
* --p-primary-color, --p-primary-contrast-color
* --p-surface-0 through --p-surface-950
* --p-red-500, --p-blue-500, --p-green-500, etc.
*
* Spacing & Sizing:
* --p-border-radius-xs, --p-border-radius-sm, --p-border-radius-md, etc.
* --p-icon-size
*
* Form Fields:
* --p-form-field-padding-x, --p-form-field-padding-y
* --p-form-field-border-radius
* --p-form-field-focus-ring-width
*
* Example usage:
*
* .custom-component {
* background-color: var(--p-surface-0);
* color: var(--p-primary-color);
* border-radius: var(--p-border-radius-md);
* padding: var(--p-form-field-padding-y) var(--p-form-field-padding-x);
* }
*/
/* ============================================================================
Future Custom Token Support
============================================================================ */
/**
* Add additional Athumi-specific design tokens here as the design system grows
* Define new variables in the :root block above and use them in custom styles
*
* Examples:
* - Custom spacing tokens (--athumi-spacing-*)
* - Custom elevation/shadow tokens (--athumi-shadow-*)
* - Custom animation/transition tokens (--athumi-transition-*)
*
* Always prefer using PrimeVue's built-in tokens when available to maintain
* consistency across the component library.
*/
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties {
@supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
*, :before, :after, ::backdrop {
--tw-rotate-x: initial;
--tw-rotate-y: initial;
--tw-rotate-z: initial;
--tw-skew-x: initial;
--tw-skew-y: initial;
--tw-border-style: solid;
--tw-leading: initial;
--tw-font-weight: initial;
--tw-shadow: 0 0 #0000;
--tw-shadow-color: initial;
--tw-shadow-alpha: 100%;
--tw-inset-shadow: 0 0 #0000;
--tw-inset-shadow-color: initial;
--tw-inset-shadow-alpha: 100%;
--tw-ring-color: initial;
--tw-ring-shadow: 0 0 #0000;
--tw-inset-ring-color: initial;
--tw-inset-ring-shadow: 0 0 #0000;
--tw-ring-inset: initial;
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-offset-shadow: 0 0 #0000;
--tw-outline-style: solid;
--tw-blur: initial;
--tw-brightness: initial;
--tw-contrast: initial;
--tw-grayscale: initial;
--tw-hue-rotate: initial;
--tw-invert: initial;
--tw-opacity: initial;
--tw-saturate: initial;
--tw-sepia: initial;
--tw-drop-shadow: initial;
--tw-drop-shadow-color: initial;
--tw-drop-shadow-alpha: 100%;
--tw-drop-shadow-size: initial;
--tw-ease: initial;
}
}
}
@layer theme {
:root, :host {
--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue",
"Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
"Segoe UI Symbol", "Noto Color Emoji";
--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
"Courier New", monospace;
--spacing: .25rem;
--text-lg: 1.125rem;
--text-lg--line-height: calc(1.75 / 1.125);
--font-weight-light: 300;
--font-weight-medium: 500;
--font-weight-bold: 700;
--radius-2xl: 1rem;
--ease-in: cubic-bezier(.4, 0, 1, 1);
--ease-out: cubic-bezier(0, 0, .2, 1);
--default-transition-duration: .15s;
--default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
--default-font-family: var(--font-sans);
--default-mono-font-family: var(--font-mono);
}
}
@layer base {
*, :after, :before, ::backdrop {
box-sizing: border-box;
border: 0 solid;
margin: 0;
padding: 0;
}
::file-selector-button {
box-sizing: border-box;
border: 0 solid;
margin: 0;
padding: 0;
}
html, :host {
-webkit-text-size-adjust: 100%;
tab-size: 4;
line-height: 1.5;
font-family: var(--default-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
font-feature-settings: var(--default-font-feature-settings, normal);
font-variation-settings: var(--default-font-variation-settings, normal);
-webkit-tap-highlight-color: transparent;
}
hr {
height: 0;
color: inherit;
border-top-width: 1px;
}
abbr:where([title]) {
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
}
h1, h2, h3, h4, h5, h6 {
font-size: inherit;
font-weight: inherit;
}
a {
color: inherit;
-webkit-text-decoration: inherit;
-webkit-text-decoration: inherit;
-webkit-text-decoration: inherit;
text-decoration: inherit;
}
b, strong {
font-weight: bolder;
}
code, kbd, samp, pre {
font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
font-feature-settings: var(--default-mono-font-feature-settings, normal);
font-variation-settings: var(--default-mono-font-variation-settings, normal);
font-size: 1em;
}
small {
font-size: 80%;
}
sub, sup {
vertical-align: baseline;
font-size: 75%;
line-height: 0;
position: relative;
}
sub {
bottom: -.25em;
}
sup {
top: -.5em;
}
table {
text-indent: 0;
border-color: inherit;
border-collapse: collapse;
}
:-moz-focusring:where(:not(iframe)) {
outline: auto;
}
progress {
vertical-align: baseline;
}
summary {
display: list-item;
}
ol, ul, menu {
list-style: none;
}
img, svg, video, canvas, audio, iframe, embed, object {
vertical-align: middle;
display: block;
}
img, video {
max-width: 100%;
height: auto;
}
button, input, select, optgroup, textarea {
font: inherit;
font-feature-settings: inherit;
font-variation-settings: inherit;
letter-spacing: inherit;
color: inherit;
opacity: 1;
background-color: #0000;
border-radius: 0;
}
::file-selector-button {
font: inherit;
font-feature-settings: inherit;
font-variation-settings: inherit;
letter-spacing: inherit;
color: inherit;
opacity: 1;
background-color: #0000;
border-radius: 0;
}
:where(select:is([multiple], [size])) optgroup {
font-weight: bolder;
}
:where(select:is([multiple], [size])) optgroup option {
padding-inline-start: 20px;
}
::file-selector-button {
margin-inline-end: 4px;
}
::placeholder {
opacity: 1;
}
@supports (not ((-webkit-appearance: -apple-pay-button))) or (contain-intrinsic-size: 1px) {
::placeholder {
color: currentColor;
}
@supports (color: color-mix(in lab, red, red)) {
::placeholder {
color: color-mix(in oklab, currentcolor 50%, transparent);
}
}
}
textarea {
resize: vertical;
}
::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-date-and-time-value {
min-height: 1lh;
text-align: inherit;
}
::-webkit-datetime-edit {
display: inline-flex;
}
::-webkit-datetime-edit-fields-wrapper {
padding: 0;
}
::-webkit-datetime-edit {
padding-block: 0;
}
::-webkit-datetime-edit-year-field {
padding-block: 0;
}
::-webkit-datetime-edit-month-field {
padding-block: 0;
}
::-webkit-datetime-edit-day-field {
padding-block: 0;
}
::-webkit-datetime-edit-hour-field {
padding-block: 0;
}
::-webkit-datetime-edit-minute-field {
padding-block: 0;
}
::-webkit-datetime-edit-second-field {
padding-block: 0;
}
::-webkit-datetime-edit-millisecond-field {
padding-block: 0;
}
::-webkit-datetime-edit-meridiem-field {
padding-block: 0;
}
::-webkit-calendar-picker-indicator {
line-height: 1;
}
:-moz-ui-invalid {
box-shadow: none;
}
button, input:where([type="button"], [type="reset"], [type="submit"]) {
appearance: button;
}
::file-selector-button {
appearance: button;
}
::-webkit-inner-spin-button {
height: auto;
}
::-webkit-outer-spin-button {
height: auto;
}
[hidden]:where(:not([hidden="until-found"])) {
display: none !important;
}
}
@layer components;
@layer utilities {
.visible {
visibility: visible;
}
.static {
position: static;
}
.mb-4 {
margin-bottom: calc(var(--spacing) * 4);
}
.block {
display: block;
}
.flex {
display: flex;
}
.inline-block {
display: inline-block;
}
.table {
display: table;
}
.flex-0 {
flex: 0;
}
.flex-1 {
flex: 1;
}
.shrink-0 {
flex-shrink: 0;
}
.flex-grow {
flex-grow: 1;
}
.transform {
transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
}
.cursor-not-allowed {
cursor: not-allowed;
}
.cursor-pointer {
cursor: pointer;
}
.resize {
resize: both;
}
.flex-col {
flex-direction: column;
}
.flex-col-reverse {
flex-direction: column-reverse;
}
.flex-row {
flex-direction: row;
}
.flex-wrap {
flex-wrap: wrap;
}
.items-center {
align-items: center;
}
.items-start {
align-items: flex-start;
}
.items-stretch {
align-items: stretch;
}
.justify-between {
justify-content: space-between;
}
.justify-center {
justify-content: center;
}
.justify-end {
justify-content: flex-end;
}
.gap-1 {
gap: var(--spacing);
}
.gap-2 {
gap: calc(var(--spacing) * 2);
}
.gap-3 {
gap: calc(var(--spacing) * 3);
}
.gap-4 {
gap: calc(var(--spacing) * 4);
}
.overflow-hidden {
overflow: hidden;
}
.rounded {
border-radius: .25rem;
}
.rounded-2xl {
border-radius: var(--radius-2xl);
}
.border {
border-style: var(--tw-border-style);
border-width: 1px;
}
.border-primary-500 {
border-color: var(--p-primary-500);
}
.border-surface-200 {
border-color: var(--p-surface-200);
}
.border-surface-300 {
border-color: var(--p-surface-300);
}
.bg-surface-100 {
background-color: var(--p-surface-100);
}
.p-0 {
padding: 0;
}
.p-4 {
padding: calc(var(--spacing) * 4);
}
.p-\[5px\] {
padding: 5px;
}
.p-px\! {
padding: 1px !important;
}
.text-lg {
font-size: var(--text-lg);
line-height: var(--tw-leading, var(--text-lg--line-height));
}
.leading-none {
--tw-leading: 1;
line-height: 1;
}
.font-bold {
--tw-font-weight: var(--font-weight-bold);
font-weight: var(--font-weight-bold);
}
.font-light {
--tw-font-weight: var(--font-weight-light);
font-weight: var(--font-weight-light);
}
.font-medium {
--tw-font-weight: var(--font-weight-medium);
font-weight: var(--font-weight-medium);
}
.capitalize {
text-transform: capitalize;
}
.opacity-50 {
opacity: .5;
}
.shadow {
--tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.outline {
outline-style: var(--tw-outline-style);
outline-width: 1px;
}
.blur {
--tw-blur: blur(8px);
filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
}
.filter {
filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
}
.transition {
transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-colors {
transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.ease-in {
--tw-ease: var(--ease-in);
transition-timing-function: var(--ease-in);
}
.ease-out {
--tw-ease: var(--ease-out);
transition-timing-function: var(--ease-out);
}
@media (hover: hover) {
.hover\:bg-surface-100:hover {
background-color: var(--p-surface-100);
}
}
@media (min-width: 48rem) {
.md\:flex-row {
flex-direction: row;
}
}
}
@layer keyframes {
@keyframes enter {
from {
opacity: var(--p-enter-opacity, 1);
transform: translate3d(var(--p-enter-translate-x, 0), var(--p-enter-translate-y, 0), 0) scale3d(var(--p-enter-scale, 1), var(--p-enter-scale, 1), var(--p-enter-scale, 1)) rotate(var(--p-enter-rotate, 0));
}
}
@keyframes leave {
to {
opacity: var(--p-leave-opacity, 1);
transform: translate3d(var(--p-leave-translate-x, 0), var(--p-leave-translate-y, 0), 0) scale3d(var(--p-leave-scale, 1), var(--p-leave-scale, 1), var(--p-leave-scale, 1)) rotate(var(--p-leave-rotate, 0));
}
}
@keyframes fadein {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fadeout {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes infinite-scroll {
from {
transform: translateX(0);
}
to {
transform: translateX(-100%);
}
}
@keyframes scalein {
0% {
opacity: 0;
transition: transform .12s cubic-bezier(0, 0, .2, 1), opacity .12s cubic-bezier(0, 0, .2, 1);
transform: scaleY(.8);
}
100% {
opacity: 1;
transform: scaleY(1);
}
}
@keyframes slidedown {
0% {
max-height: 0;
}
100% {
max-height: auto;
}
}
@keyframes slideup {
0% {
max-height: 1000px;
}
100% {
max-height: 0;
}
}
@keyframes fadeinleft {
0% {
opacity: 0;
transition: transform .12s cubic-bezier(0, 0, .2, 1), opacity .12s cubic-bezier(0, 0, .2, 1);
transform: translateX(-100%);
}
100% {
opacity: 1;
transform: translateX(0%);
}
}
@keyframes fadeoutleft {
0% {
opacity: 1;
transition: transform .12s cubic-bezier(0, 0, .2, 1), opacity .12s cubic-bezier(0, 0, .2, 1);
transform: translateX(0%);
}
100% {
opacity: 0;
transform: translateX(-100%);
}
}
@keyframes fadeinright {
0% {
opacity: 0;
transition: transform .12s cubic-bezier(0, 0, .2, 1), opacity .12s cubic-bezier(0, 0, .2, 1);
transform: translateX(100%);
}
100% {
opacity: 1;
transform: translateX(0%);
}
}
@keyframes fadeoutright {
0% {
opacity: 1;
transition: transform .12s cubic-bezier(0, 0, .2, 1), opacity .12s cubic-bezier(0, 0, .2, 1);
transform: translateX(0%);
}
100% {
opacity: 0;
transform: translateX(100%);
}
}
@keyframes fadeinup {
0% {
opacity: 0;
transition: transform .12s cubic-bezier(0, 0, .2, 1), opacity .12s cubic-bezier(0, 0, .2, 1);
transform: translateY(-100%);
}
100% {
opacity: 1;
transform: translateY(0%);
}
}
@keyframes fadeoutup {
0% {
opacity: 1;
transition: transform .12s cubic-bezier(0, 0, .2, 1), opacity .12s cubic-bezier(0, 0, .2, 1);
transform: translateY(0%);
}
100% {
opacity: 0;
transform: translateY(-100%);
}
}
@keyframes fadeindown {
0% {
opacity: 0;
transition: transform .12s cubic-bezier(0, 0, .2, 1), opacity .12s cubic-bezier(0, 0, .2, 1);
transform: translateY(100%);
}
100% {
opacity: 1;
transform: translateY(0%);
}
}
@keyframes fadeoutdown {
0% {
opacity: 1;
transition: transform .12s cubic-bezier(0, 0, .2, 1), opacity .12s cubic-bezier(0, 0, .2, 1);
transform: translateY(0%);
}
100% {
opacity: 0;
transform: translateY(100%);
}
}
@keyframes width {
0% {
width: 0;
}
100% {
width: 100%;
}
}
@keyframes flip {
from {
transform: perspective(2000px) rotateX(-100deg);
}
to {
transform: perspective(2000px) rotateX(0);
}
}
@keyframes flipleft {
from {
opacity: 0;
transform: perspective(2000px) rotateY(-100deg);
}
to {
opacity: 1;
transform: perspective(2000px) rotateY(0);
}
}
@keyframes flipright {
from {
opacity: 0;
transform: perspective(2000px) rotateY(100deg);
}
to {
opacity: 1;
transform: perspective(2000px) rotateY(0);
}
}
@keyframes flipup {
from {
opacity: 0;
transform: perspective(2000px) rotateX(-100deg);
}
to {
opacity: 1;
transform: perspective(2000px) rotateX(0);
}
}
@keyframes zoomin {
from {
opacity: 0;
transform: scale3d(.3, .3, .3);
}
50% {
opacity: 1;
}
}
@keyframes zoomindown {
from {
opacity: 0;
transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
}
60% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
}
}
@keyframes zoominleft {
from {
opacity: 0;
transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
}
60% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
}
}
}
@property --tw-rotate-x {
syntax: "*";
inherits: false
}
@property --tw-rotate-y {
syntax: "*";
inherits: false
}
@property --tw-rotate-z {
syntax: "*";
inherits: false
}
@property --tw-skew-x {
syntax: "*";
inherits: false
}
@property --tw-skew-y {
syntax: "*";
inherits: false
}
@property --tw-border-style {
syntax: "*";
inherits: false;
initial-value: solid;
}
@property --tw-leading {
syntax: "*";
inherits: false
}
@property --tw-font-weight {
syntax: "*";
inherits: false
}
@property --tw-shadow {
syntax: "*";
inherits: false;
initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
syntax: "*";
inherits: false
}
@property --tw-shadow-alpha {
syntax: "";
inherits: false;
initial-value: 100%;
}
@property --tw-inset-shadow {
syntax: "*";
inherits: false;
initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
syntax: "*";
inherits: false
}
@property --tw-inset-shadow-alpha {
syntax: "";
inherits: false;
initial-value: 100%;
}
@property --tw-ring-color {
syntax: "*";
inherits: false
}
@property --tw-ring-shadow {
syntax: "*";
inherits: false;
initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color {
syntax: "*";
inherits: false
}
@property --tw-inset-ring-shadow {
syntax: "*";
inherits: false;
initial-value: 0 0 #0000;
}
@property --tw-ring-inset {
syntax: "*";
inherits: false
}
@property --tw-ring-offset-width {
syntax: "";
inherits: false;
initial-value: 0;
}
@property --tw-ring-offset-color {
syntax: "*";
inherits: false;
initial-value: #fff;
}
@property --tw-ring-offset-shadow {
syntax: "*";
inherits: false;
initial-value: 0 0 #0000;
}
@property --tw-outline-style {
syntax: "*";
inherits: false;
initial-value: solid;
}
@property --tw-blur {
syntax: "*";
inherits: false
}
@property --tw-brightness {
syntax: "*";
inherits: false
}
@property --tw-contrast {
syntax: "*";
inherits: false
}
@property --tw-grayscale {
syntax: "*";
inherits: false
}
@property --tw-hue-rotate {
syntax: "*";
inherits: false
}
@property --tw-invert {
syntax: "*";
inherits: false
}
@property --tw-opacity {
syntax: "*";
inherits: false
}
@property --tw-saturate {
syntax: "*";
inherits: false
}
@property --tw-sepia {
syntax: "*";
inherits: false
}
@property --tw-drop-shadow {
syntax: "*";
inherits: false
}
@property --tw-drop-shadow-color {
syntax: "*";
inherits: false
}
@property --tw-drop-shadow-alpha {
syntax: "";
inherits: false;
initial-value: 100%;
}
@property --tw-drop-shadow-size {
syntax: "*";
inherits: false
}
@property --tw-ease {
syntax: "*";
inherits: false
}