(.table-header-content) is sr-only so column labels remain
* accessible to screen readers.
*/
._2sAf1ouyYR0Kr3\+nqInEcg\=\= {
& thead th {
padding: var(--spacing-none);
border: none;
}
& thead th > div {
position: absolute;
width: 1px;
height: 1px;
padding: var(--spacing-none);
/* stylelint-disable-next-line style-lint-plugin-qonto/require-spatial-token -- non-standard sr-only value */
margin: -1px;
overflow: hidden;
white-space: nowrap;
border-width: 0;
clip-path: inset(50%);
}
}
.WTHfiDMdpymj57TUv6XGVA\=\= {
position: sticky;
bottom: 0;
padding-bottom: var(--spacing-large);
padding-left: var(--spacing-medium-sm);
/* stylelint-disable-next-line style-lint-plugin-qonto/require-spatial-token -- non-standard value, to be fixed later */
margin-right: -12px;
/* stylelint-disable-next-line style-lint-plugin-qonto/require-spatial-token -- non-standard value, to be fixed later */
margin-left: -12px;
background-color: var(--elevation-low);
&::after {
position: absolute;
top: -32px;
left: 0;
z-index: -1;
width: 100%;
height: var(--size-large);
content: '';
background: linear-gradient(180deg, transparent 0%, var(--elevation-low) 90%);
}
}
._3Ne3KX7Rr1UZpExX\+t4gaQ\=\= {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
}
.xRmmZTsEp8AB5alSijZ-gQ\=\= {
color: var(--content-primary-a);
}
.JkGbYawp-ghDG7KLIjowxQ\=\= {
color: var(--content-secondary);
text-align: right;
}
.Wcb0lXRszPr7KZQ6YdaNHg\=\= {
color: var(--content-secondary);
text-align: right;
}
.HOCsqQo\+p1E6RQJBg-Bqyg\=\= {
display: flex;
gap: var(--spacing-small);
}
._3\+fY2pGTrdIZudNyY4Z6PA\=\= {
color: var(--content-primary-a);
}
.rtmi3yu58cf6Q-wvNuz3Ww\=\= {
color: var(--content-secondary);
}
.gqH5JRo4bYFHYOI9HYMZ\+A\=\= {
color: var(--content-tertiary) !important;
}
.F4HOPDcFUxSG6I-0tVznOw\=\= {
text-decoration: line-through !important;
}
.qavFX4WTshu9CsDNmy3zXQ\=\= {
display: flex;
flex: 1;
flex-direction: column;
gap: var(--spacing-small);
width: 100%;
height: 100%;
}
._5huv7fIIEtX6-Y1Z2cvkHw\=\= {
padding: var(--spacing-none) var(--spacing-small);
animation: t8erWOpEwzeql1mUrYaQNw\=\= 320ms cubic-bezier(0.2, 0.8, 0.2, 1) both;
transform-origin: top center;
}
@keyframes t8erWOpEwzeql1mUrYaQNw\=\= {
from {
opacity: 0;
transform: translateY(-8px) scaleY(0.96);
}
to {
opacity: 1;
transform: translateY(0) scaleY(1);
}
}
._6HlNuXt0RpVvtH-8J7A5GQ\=\= {
background-color: var(--state-primary-a-hover);
}
.XOOh2Lro9CkGjLl34ShiVA\=\= {
padding: var(--spacing-none);
margin: var(--spacing-none);
list-style: none;
container-type: inline-size;
}
.ZGPGvPfoVzX4Kj6hvc28vA\=\= {
display: flex;
flex-direction: column;
width: 100%;
height: 100%;
justify-content: center;
align-items: center;
gap: var(--spacing-medium);
}
.Tv9VrZ0nTtzc3yk6MsaLHQ\=\= {
container-type: inline-size;
width: 100%;
}
.es74-FF6-iWFfso1fTmPVw\=\= {
list-style: none;
padding: var(--spacing-none);
margin: var(--spacing-none);
width: 100%;
}
.-lK2zi8DIfVq\+xFHqGRkow\=\= {
color: var(--content-primary-a);
}
._44FyS5dQWZKvt31YZyhNyg\=\= {
font-variant-numeric: tabular-nums;
}
.VxkTCw1naZua5oo7ODOvLw\=\= {
color: var(--content-primary-a);
flex-shrink: 0;
width: var(--size-large);
height: var(--size-large);
padding: var(--spacing-xsmall);
display: flex;
align-items: center;
justify-content: center;
}
.vUt8xjvrifId2jHD\+YF\+xg\=\= {
filter: blur(6px);
user-select: none;
}
@keyframes zh7FQgNGHjJlbPt0d1dlBg\=\= {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes nejRKztOozzD6WMoOR3ekA\=\= {
from {
transform: translateX(100%);
}
to {
transform: translateX(0);
}
}
@keyframes kd8cXxRfWGBZp1\+SCvl5Kg\=\= {
from {
transform: translateY(100%);
}
to {
transform: translateY(0);
}
}
.QEbYZXRPzmNmsPDL7uXT-w\=\= {
--sidebar-width: 400px;
position: fixed;
top: 0;
right: 0;
bottom: 0;
z-index: calc(var(--z-index-above) + 2);
display: flex;
flex-direction: column;
width: var(--sidebar-width);
height: 100%;
overflow: hidden;
background-color: var(--elevation-high);
box-shadow: var(--shadow-high);
color: var(--content-primary-a);
body:has(.l-container__app.with-topbar) & {
top: 50px;
height: calc(100% - 50px);
z-index: var(--z-index-default);
}
@media (prefers-reduced-motion) {
--overlay-sidebar-animation-duration: 0ms;
}
&[data-entering] {
animation: nejRKztOozzD6WMoOR3ekA\=\= var(--overlay-sidebar-animation-duration);
}
&[data-exiting] {
animation: nejRKztOozzD6WMoOR3ekA\=\= var(--overlay-sidebar-animation-duration) reverse ease-in-out;
}
}
.QeX\+M4XhiZZEO7i\+dsNuJw\=\= {
height: 100%;
overflow: hidden auto;
&:has(.L9AI0kz9PcjAF05gp0WsIg\=\=) {
display: flex;
flex-direction: column;
min-height: calc(100vh + 112px);
}
&:has(.nGhjyZAqsIPJBlFyR4MrBw\=\=) {
display: flex;
flex-direction: column;
}
&:focus-visible {
box-shadow: none;
}
}
.ucIp7WxZWqsZwFI73kx\+Hg\=\= {
display: flex;
flex-direction: column;
height: 100%;
overflow: hidden auto;
&:has(.L9AI0kz9PcjAF05gp0WsIg\=\=) {
min-height: calc(100vh + 112px);
}
&:focus-visible {
box-shadow: none;
}
}
.QGyzMCn25GZOxTQKTnmhYw\=\= {
position: fixed;
inset: 0;
z-index: calc(var(--z-index-above) + 1);
min-width: 100vw;
height: 100%;
background-color: var(--background-panel-overlay);
body:has(.l-container__app.with-topbar) & {
top: 50px;
height: calc(100% - 50px);
}
&[data-entering] {
animation: zh7FQgNGHjJlbPt0d1dlBg\=\= var(--overlay-sidebar-animation-duration);
}
&[data-exiting] {
animation: zh7FQgNGHjJlbPt0d1dlBg\=\= var(--overlay-sidebar-animation-duration) reverse ease-in;
}
}
._32jKngrMF02TBWOSv-\+0Zw\=\= {
display: flex;
flex-direction: column;
}
._8ESSVfz5\+J8atiAzw\+tf\+g\=\= {
position: sticky;
top: 0;
z-index: var(--z-index-above);
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
padding: var(--spacing-medium);
background-color: var(--elevation-high);
}
.XV1U59kMbHp2s-aupeA3TQ\=\= {
flex: 1;
text-align: center;
}
.oA8Pty-DcvlneG9yicf\+Pg\=\= {
height: 1px;
margin-top: unset;
background-color: var(--border-tertiary);
border: 0;
}
._0BDIx0x9OF7HJOB0zGWF7w\=\= {
padding: var(--spacing-none) var(--spacing-large) var(--spacing-medium);
}
.cnR5nZlmGb8luzyyzNG97w\=\= {
flex: 1;
padding: var(--spacing-none) var(--spacing-large) var(--spacing-medium);
}
.L9AI0kz9PcjAF05gp0WsIg\=\= {
width: 100%;
margin-top: auto;
}
.nGhjyZAqsIPJBlFyR4MrBw\=\= {
position: sticky;
bottom: 0;
z-index: var(--z-index-above);
padding: var(--spacing-medium);
margin-top: auto;
background-color: var(--elevation-high);
border-top: 1px solid var(--border-tertiary);
}
.yuHuK9ga11jMwVtIlLLuJw\=\= {
min-height: 112px;
}
.yuHuK9ga11jMwVtIlLLuJw\=\=:has(+ .nGhjyZAqsIPJBlFyR4MrBw\=\=) {
min-height: 64px;
}
.dZ6w9sue2mnKn-Yk8ny3aA\=\= {
display: flex;
gap: var(--spacing-small);
}
._1aviknsB0TcWxntFyfdepA\=\= {
display: flex;
align-items: center;
}
.UWJvVFepWx6B4vZ-eX8Vow\=\= {
@media only screen and (width <= 776px) {
top: auto;
left: 0;
width: 100%;
height: 100%;
max-height: 100%;
border-radius: var(--radius-large) var(--radius-large) var(--radius-none) var(--radius-none);
body:has(.l-container__app.with-topbar) & {
top: auto;
height: 100%;
max-height: 100%;
}
&[data-entering] {
animation: kd8cXxRfWGBZp1\+SCvl5Kg\=\= var(--overlay-sidebar-animation-duration);
}
&[data-exiting] {
animation: kd8cXxRfWGBZp1\+SCvl5Kg\=\= var(--overlay-sidebar-animation-duration) reverse ease-in-out;
}
}
}
.UWJvVFepWx6B4vZ-eX8Vow\=\= .QeX\+M4XhiZZEO7i\+dsNuJw\=\=,
.UWJvVFepWx6B4vZ-eX8Vow\=\= .ucIp7WxZWqsZwFI73kx\+Hg\=\= {
@media only screen and (width <= 776px) {
flex: 1;
height: auto;
min-height: 100%;
}
}
.S51y\+l8\+RcoexRxlwAFQMg\=\= {
display: flex;
flex-direction: column;
}
.hp9uz4qBSNBxqkfaoZKvIg\=\= {
display: flex;
flex-direction: column;
}
.tjyL9T6OH2eeNMncSesJWQ\=\= {
display: flex;
flex-direction: row;
align-items: flex-start;
justify-content: space-between;
}
.xxmPADzOnzX2R-IgoNOiTA\=\= {
color: var(--content-secondary);
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.yUZJUhH3sDTbSdQj8VWM7w\=\= {
color: var(--content-tertiary);
text-decoration: line-through;
}
.aTCQ6z0mOp\+89cIebD\+m3A\=\= {
width: 100%;
padding: var(--spacing-medium);
margin: var(--spacing-none);
}
.f8exmyMvN9SYBaFnMB4rXA\=\= {
display: flex;
margin: var(--spacing-none);
color: var(--content-primary-a);
&:not(:last-child) {
margin-bottom: var(--spacing-small);
}
}
.Ap4758Kh69TY2nnfE19tgA\=\= {
flex-shrink: 0;
margin-right: var(--spacing-small);
color: var(--content-secondary);
&.cIjxt0u3Joi9LcUkhYgpSQ\=\= {
color: var(--content-error);
}
}
.ZgFz16HROm\+nfUwGiw8h3A\=\= {
flex-grow: 1;
margin: var(--spacing-none);
overflow-wrap: anywhere;
}
.YkEdOBx8q9j12qeZqLSRCQ\=\= {
display: flex;
align-items: center;
}
.SmiezZHN9t\+tZ8U9zrbvzA\=\= {
width: var(--size-large);
height: var(--size-large);
margin-right: var(--spacing-medium);
border-radius: var(--radius-round);
}
.xe4RcMoqKUF6JTYnL\+wPQQ\=\= {
text-decoration: none;
}
.ECDxxygi2VFWo902zNG3ig\=\= {
color: var(--content-primary-a);
}
.SDdM4HDmM3x-ice9gblmoQ\=\= {
color: var(--content-secondary);
}
.u7UIs8qCJb0eundyPX6jdQ\=\= {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
}
.DqG-FWXZtizDjZ8O29Whcw\=\= {
width: 100%;
padding: var(--spacing-medium);
border-top: 1px solid var(--border-tertiary);
}
._4HYaY0aIrqDMn4pe\+Mcomg\=\= {
width: 100%;
border-top: 1px solid var(--border-tertiary);
}
.t-0WyzVM6L7t6o1HWD\+v2w\=\= {
width: 100%;
padding: var(--spacing-medium);
margin: var(--spacing-none);
}
.mLP97NJO0UEerMJ32QNWAg\=\= {
display: flex;
margin: var(--spacing-none);
color: var(--content-primary-a);
&:not(:last-child) {
margin-bottom: var(--spacing-small);
}
}
.hspwIY168AmJlrR6PCoB1g\=\= {
flex-shrink: 0;
margin-right: var(--spacing-small);
color: var(--content-secondary);
.gR0SWPE0bOJRttvZXX7Pag\=\= & {
color: var(--content-error);
}
}
.rSzC6M-iqObCOZTVpPPwIQ\=\= {
color: var(--content-tertiary);
}
.ZO4-u7M0RDj8smcJw6p17Q\=\= {
color: var(--content-error);
}
.ZO4-u7M0RDj8smcJw6p17Q\=\= path {
fill: var(--content-error);
}
.AWfyK2Lp0kw20z19I0aLGg\=\= {
flex-grow: 1;
margin: var(--spacing-none);
overflow-wrap: anywhere;
}
._4xdEuK5VGeHfZqHunru4AQ\=\= {
width: 20px;
height: 20px;
margin-left: var(--spacing-small);
vertical-align: middle;
svg {
width: var(--size-medium-small);
height: var(--size-medium-small);
/* stylelint-disable-next-line style-lint-plugin-qonto/require-spatial-token -- non-standard value, to be fixed later */
margin-top: -2px;
vertical-align: middle;
}
}
@keyframes wQagEke8eU\+E-w49VC2kZw\=\= {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes mNp1dVNHiO1LW3-JNYp0Fg\=\= {
from {
transform: translateX(100%);
}
to {
transform: translateX(0);
}
}
@keyframes awFT9S-hNtbbxm1o4PX3LQ\=\= {
from {
transform: translateY(100%);
}
to {
transform: translateY(0);
}
}
.PkaWu-RhTpejBPEl2XgZNQ\=\= {
--sidebar-width: 400px;
position: fixed;
top: 0;
right: 0;
bottom: 0;
z-index: calc(var(--z-index-above) + 2);
display: flex;
flex-direction: column;
width: var(--sidebar-width);
height: 100%;
overflow: hidden;
background-color: var(--elevation-high);
box-shadow: var(--shadow-high);
color: var(--content-primary-a);
body:has(.l-container__app.with-topbar) & {
top: 50px;
height: calc(100% - 50px);
z-index: var(--z-index-default);
}
@media (prefers-reduced-motion) {
--overlay-sidebar-animation-duration: 0ms;
}
&[data-entering] {
animation: mNp1dVNHiO1LW3-JNYp0Fg\=\= var(--overlay-sidebar-animation-duration);
}
&[data-exiting] {
animation: mNp1dVNHiO1LW3-JNYp0Fg\=\= var(--overlay-sidebar-animation-duration) reverse ease-in-out;
}
}
.\+kIL5wZRWYFegw7QAePzIQ\=\= {
display: flex;
flex-direction: column;
height: 100%;
overflow: hidden auto;
&:focus-visible {
box-shadow: none;
}
}
.veE3RgUrNenEs0G7N3U2Lw\=\= {
position: fixed;
inset: 0;
z-index: calc(var(--z-index-above) + 1);
min-width: 100vw;
height: 100%;
background-color: var(--background-panel-overlay);
body:has(.l-container__app.with-topbar) & {
top: 50px;
height: calc(100% - 50px);
}
&[data-entering] {
animation: wQagEke8eU\+E-w49VC2kZw\=\= var(--overlay-sidebar-animation-duration);
}
&[data-exiting] {
animation: wQagEke8eU\+E-w49VC2kZw\=\= var(--overlay-sidebar-animation-duration) reverse ease-in;
}
}
.M2inxPeNDGBSm-ERZPM\+Bw\=\= {
@media only screen and (width <= 776px) {
top: auto;
left: 0;
width: 100%;
height: 100%;
max-height: 100%;
border-radius: var(--radius-large) var(--radius-large) var(--radius-none) var(--radius-none);
body:has(.l-container__app.with-topbar) & {
top: auto;
height: 100%;
max-height: 100%;
}
&[data-entering] {
animation: awFT9S-hNtbbxm1o4PX3LQ\=\= var(--overlay-sidebar-animation-duration);
}
&[data-exiting] {
animation: awFT9S-hNtbbxm1o4PX3LQ\=\= var(--overlay-sidebar-animation-duration) reverse ease-in-out;
}
}
}
.M2inxPeNDGBSm-ERZPM\+Bw\=\= .\+kIL5wZRWYFegw7QAePzIQ\=\= {
@media only screen and (width <= 776px) {
flex: 1;
height: auto;
min-height: 100%;
}
}
.q5RiUdmgtakGwS7IVivPaQ\=\= {
position: sticky;
top: 0;
z-index: var(--z-index-above);
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
padding: var(--spacing-medium);
background-color: var(--elevation-high);
}
.DCGro-HcWm3QzBRvOS3aig\=\= {
border-bottom: 1px solid var(--border-tertiary);
}
.DwUObrrYmTnj9jBMR7ZSyQ\=\= {
flex: 1;
text-align: center;
}
.GDEnIkWHQDRBxuSTDN-VPA\=\= {
display: flex;
gap: var(--spacing-small);
}
.\+2s86P4SMkB9sAuZkgDbog\=\= {
display: flex;
align-items: center;
}
.zuqXet\+FZsms19XDNeUuvg\=\= {
display: flex;
flex-direction: column;
padding: var(--spacing-none) var(--spacing-large) var(--spacing-medium);
}
._6XlHCZ8mI-Q-wcUBrnwW1w\=\= {
padding: var(--spacing-none) var(--spacing-large) var(--spacing-medium);
}
.oNhFph8Eh6U3Ove2muCE4A\=\= {
flex: 1;
}
._9YIvsAhEYrSxW8WTzgXrJg\=\= {
height: 1px;
margin-top: unset;
margin-bottom: var(--spacing-medium);
background-color: var(--border-tertiary);
border: 0;
}
.VKA07ejNO-2ALgrIaRcZ9Q\=\= {
margin: var(--spacing-xsmall) calc(-1 * var(--spacing-large)) var(--spacing-xsmall)
calc(-1 * var(--spacing-large));
}
.yAWelxq3Mw5PWpd3X5YLNg\=\= {
width: 100%;
padding: var(--spacing-none) var(--spacing-large) var(--spacing-medium);
margin-top: auto;
}
.CPkjx6fRIFbhBFHb6IhnSQ\=\= {
position: sticky;
bottom: 0;
z-index: var(--z-index-above);
padding: var(--spacing-medium);
margin-top: auto;
background-color: var(--elevation-high);
border-top: 1px solid var(--border-tertiary);
}
.Ae2dCHir5c4XSaLnayT9ng\=\= {
min-height: 64px;
}
.yGk5iBfoz10QVSNn5ZGi9A\=\= {
min-height: 112px;
}
.GjbklgQmcyoOQzO2PuK19g\=\= {
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
height: 100%;
}
.uAKij02LOtKR-rBbGIT3dw\=\= {
display: flex;
flex-direction: column;
gap: var(--spacing-medium);
justify-content: center;
width: 504px;
height: 100%;
[class*='__zone'] {
height: 160px;
}
}
.mgmWXa5881y5mTDGfrSSDA\=\= {
--item-height: 288px;
--item-width: 200px;
position: relative;
width: 100vw;
height: var(--item-height);
overflow: visible;
&::before,
&::after {
position: absolute;
top: 0;
bottom: 0;
z-index: 1;
width: var(--size-xxxlarge);
content: '';
}
&::before {
left: 0;
background: linear-gradient(270deg, transparent 0%, var(--elevation-low) 100%);
}
&::after {
right: 0;
background: linear-gradient(90deg, transparent 0%, var(--elevation-low) 100%);
}
}
.X9e8HN2c9rIAJsti\+ZCLRw\=\= {
display: flex;
flex-direction: row;
gap: var(--spacing-medium);
width: 100%;
/* stylelint-disable-next-line style-lint-plugin-qonto/require-spatial-token -- non-standard value, to be fixed later */
padding: 0 calc(50vw - 320px);
overflow: visible auto;
-ms-overflow-style: none; /* Internet Explorer 10+ */
scrollbar-width: none; /* Firefox */
&::-webkit-scrollbar {
display: none; /* Safari and Chrome */
}
> * {
width: var(--item-width);
min-width: var(--item-width);
height: var(--item-height);
min-height: var(--item-height);
user-select: none;
}
}
.hYSoON6jv3dUk3OARbgZVA\=\= {
--border-radius: 4px;
position: relative;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
overflow: hidden;
background: var(--elevation-high);
border: 1px solid var(--border-tertiary);
border-radius: var(--border-radius);
&.rmnOo6b2fFpNDbPCdf7Tsw\=\= {
border-color: var(--border-accent-high);
}
}
.Iv5yXVHhU2zeOAB7UVR\+1w\=\= {
align-self: stretch;
padding: var(--spacing-medium);
border-bottom: 1px solid var(--border-tertiary);
}
.DRJt745oOSIyPhWzQXkmRA\=\= {
margin-bottom: var(--spacing-small);
overflow: hidden;
color: var(--content-secondary);
text-overflow: ellipsis;
white-space: nowrap;
}
.dpNTsgrI4dpUZvgxgPGVBw\=\= {
display: inline-block;
width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.KJlnrCz8uH2SR2oQoYAddg\=\= {
position: relative;
display: flex;
flex: 1;
flex-direction: column;
gap: var(--spacing-small);
align-items: flex-start;
align-self: stretch;
padding: var(--spacing-medium);
&::after {
position: absolute;
right: 0;
bottom: 0;
left: 0;
height: 57px;
content: '';
background: linear-gradient(180deg, transparent 0%, var(--elevation-high) 64.91%);
}
}
.owxSwxklq1B-nRR1YcNPcw\=\= {
width: 100%;
overflow: hidden;
color: var(--content-primary-a);
text-overflow: ellipsis;
white-space: nowrap;
&.LKn2C73G1PLoED5gYniUPQ\=\= {
color: var(--content-tertiary);
}
}
._5P84rLd6fX3y5a\+ozl5oEQ\=\= {
display: flex;
flex-direction: column;
gap: var(--spacing-xlarge);
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
}
.B4qUvTlfH12x9x3Cd4hlSg\=\=,
._1eGoEZzwEMSjGps\+XgWA0A\=\=,
.mwfO\+PlAzFsZ1LPFMSiNRA\=\= {
width: 640px;
}
.Bj88D\+21F7NwqDhsyip6vg\=\= {
/* React CSS class is applied after in the stylesheet, so we need the important here */
max-width: 100% !important;
}
.O2iLXwUoYZxV1l-IzrqRyw\=\= {
width: 240px;
min-height: 100%;
background-color: var(--elevation-mid);
box-shadow: var(--shadow-low);
}
.FmK\+FlIpdgvl3WaLy6kRlA\=\= {
position: sticky;
top: 0;
display: flex;
flex-direction: column;
min-height: 100vh;
padding: var(--spacing-xlarge) var(--spacing-medium) var(--spacing-large);
}
.RMeKm40nRjmovSKhV-\+-ig\=\= {
flex-shrink: 0;
margin-bottom: var(--spacing-xxxlarge);
}
.lluuLUR00LPlv9thdDQqKA\=\= {
display: flex;
flex: 1;
align-items: flex-start;
min-height: var(--size-none);
}
.i3p\+G93ETCEWFr5Oe5xXNA\=\= {
display: flex;
flex-shrink: 0;
flex-direction: column;
gap: var(--spacing-medium);
justify-content: flex-end;
height: 112px;
}
.kLvXQSfi6\+tMhR7kLZwEZw\=\= {
display: flex;
flex-direction: column;
align-items: center;
align-self: center;
justify-content: center;
height: 100%;
}
.vLAmkjpoLPRk\+XnVgRZmcA\=\= {
width: 200px;
height: 200px;
margin-bottom: var(--spacing-xlarge);
}
.JDcpv3EinwpB0R8EK1p9ZA\=\= {
margin-bottom: var(--spacing-small);
text-align: center;
}
.I\+esiWjzr5lOa\+bpqGBTmA\=\= {
text-align: center;
}
._5EaZCNUHQverErabcvpNWw\=\= {
display: flex;
flex-direction: column;
gap: var(--spacing-large);
}
.TURa\+wBuiw77Qs0lzq\+Qqw\=\= {
background: var(--elevation-mid);
border: 1px solid var(--border-tertiary);
border-radius: var(--radius-small);
display: flex;
flex-direction: column;
justify-content: space-between;
}
.upN7bGEMgMA5iB9Kj55pKQ\=\= {
background: var(--background-tertiary);
height: var(--size-xxlarge);
display: flex;
align-items: center;
padding: var(--spacing-medium-sm) var(--spacing-medium);
}
.KLbCvlxPdTZ3oOt7-TLz4w\=\= {
height: 116px;
display: flex;
flex-direction: column;
justify-content: space-between;
padding: var(--spacing-medium);
}
.-dm7SglCxGOTqix\+nwwGsw\=\= {
display: flex;
flex-direction: column;
gap: var(--spacing-medium-sm);
}
.Y69FZ84b\+JJhVPWH7EZGYw\=\= {
border-bottom: 1px solid var(--border-tertiary);
}
.F1NtfsPsegAMs7lUiQ84Vg\=\= {
display: flex;
flex-direction: column;
justify-content: space-between;
gap: var(--spacing-medium-sm);
}
.ffVX9B3z5W0-MyBrIffk0g\=\= {
display: flex;
gap: var(--spacing-small);
}
.Q2zGZloJkdHmkiem-KdXkQ\=\= {
padding: var(--spacing-medium);
background-color: var(--elevation-mid);
border: 1px solid var(--border-tertiary);
border-radius: var(--radius-small);
box-shadow: var(--shadow-low);
}
.kUSZ1lHcB65iJFiWZKOUWA\=\= {
display: flex;
align-items: center;
}
.JQORnZBkZVz6vTFJM9KgnQ\=\= {
margin-left: auto;
}
.goj1JJP0xXiMxdiKUJC6ow\=\= {
display: grid;
gap: var(--spacing-medium-sm);
justify-items: start;
margin-top: var(--spacing-xsmall);
}
.cnyz7JhV2UUFh6cs2TsjwQ\=\= {
color: var(--content-secondary);
}
._0TvyICSLe-E11jgBVVPmow\=\= {
display: grid;
text-align: left;
}
.\+NriSvWn3wshoOEBC\+UZKA\=\= {
display: grid;
gap: var(--spacing-small);
justify-items: center;
text-align: center;
}
.Jc0oovOz5LXkqn9VZcmGZQ\=\= {
width: 160px;
height: 160px;
img {
display: block;
}
}
.Px9Qj7tATfu6Hes0rEiQlQ\=\= {
display: grid;
gap: var(--spacing-medium-sm);
}
.uWPxhR\+D7NEB6\+OWPKsyMQ\=\= button {
background-color: var(--elevation-default);
border: 1px dashed var(--border-tertiary);
}
.uWPxhR\+D7NEB6\+OWPKsyMQ\=\= button > span {
display: flex;
align-items: center;
gap: var(--spacing-small);
}
.uWPxhR\+D7NEB6\+OWPKsyMQ\=\= button[aria-expanded="true"] {
border: 1px dashed var(--border-tertiary);
}
.QjQuqPFZ9deLuSIkJS-M2Q\=\= {
min-width: 267px;
max-width: 360px;
display: flex;
flex-direction: column;
color: var(--primary-content-a);
background-color: var(--elevation-high);
border-radius: var(--radius-xsmall);
box-shadow: var(--shadow-high);
padding: var(--spacing-small) var(--spacing-none);
}
.CXZj7GSpK\+WYaYLq4Da8YQ\=\= {
position: relative;
max-height: 456px;
overflow-y: auto;
}
.dfOkK96Yna67GTA0Jj2iKg\=\= > span {
display: flex;
align-items: center;
gap: var(--spacing-small);
}
.vjR8LboDoFb32YI4LnIZUg\=\= {
width: 100%;
}
.ZDo\+Bda4\+CqyzzEyl2\+7uA\=\= {
position: relative;
display: flex;
justify-content: flex-start;
align-items: center;
width: 100%;
min-height: var(--size-xlarge);
gap: var(--spacing-small);
padding: var(--spacing-small) var(--spacing-medium);
border-top: 1px solid var(--border-tertiary);
border-bottom: none;
&:hover::after {
border-radius: var(--radius-none);
}
}
.ZDo\+Bda4\+CqyzzEyl2\+7uA\=\= > div {
display: flex;
justify-content: flex-start;
align-items: center;
gap: var(--spacing-small);
}
.ZzDG2LFdd3SdjYIsSTzbmA\=\= {
background-color: var(--elevation-high);
border-radius: var(--radius-xsmall);
box-shadow: var(--shadow-high);
min-width: 267px;
max-width: 360px;
overflow: hidden;
}
.OfB3CaWHMGRsKtvXQ6p0wA\=\= {
overflow: inherit;
width: auto;
max-width: none;
}
.ZPW\+DWJprmkKF68xxtrs3w\=\= {
max-width: 300px;
}
.ZPW\+DWJprmkKF68xxtrs3w\=\= > button:first-child {
width: 100%;
}
.\+XSGGX2kcYi9w2xYy4B1zQ\=\= {
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.xvECLMxdiSeGsQOtcaLtVQ\=\= {
/*
* Hides the filter button visually but keeps its layout space, ensuring the popover anchor
* can still be calculated correctly. display: none would remove the button from layout flow
* and break popover positioning. Be cautious: this approach depends on surrounding margin/padding
* and may need adjustments if the button layout changes.
*/
width: var(--size-none);
overflow: hidden;
margin-left: calc(-1 * var(--spacing-small));
}
.PujZ978EclAqxtXsyFEqNA\=\= {
display: flex;
align-items: center;
padding: var(--spacing-small) var(--spacing-medium);
gap: var(--spacing-small);
border-bottom: 1px solid var(--border-tertiary);
}
.BVUkGilLE5qswQnOz4n0Yg\=\= {
color: var(--content-secondary);
}
.eEy4zwoyoM4RCfNoqxWiYA\=\= {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: var(--spacing-small);
padding: var(--spacing-none) var(--spacing-xxxlarge) var(--spacing-medium);
}
.\-5abut44NpBp-Y-J-3ib8w\=\= {
margin-left: var(--spacing-small);
}
.n0LB-iXXjkJaPpeHuqYMfw\=\= {
position: relative;
width: 100%;
height: 100%;
}
.dA\+RqH7AYlOlt1BsXugHEw\=\= {
display: flex;
flex-direction: column;
gap: var(--spacing-4);
align-items: center;
padding: var(--spacing-small) var(--spacing-medium-sm);
white-space: nowrap;
background: var(--elevation-high);
border-radius: var(--radius-large);
box-shadow: 0 var(--shadows-position, 3px) var(--shadow-blur-high, 12px) 0
var(--shadow-color-high) !important;
}
.QAGRp02G4ItukaqhTEwcxA\=\= {
color: var(--content-primary);
}
.CACze2yYDLejKZgmshIDuw\=\= {
color: var(--content-secondary);
}
.kfOOOTGBd6WftKVp5Il86w\=\= {
display: flex;
align-items: center;
width: 86px;
cursor: pointer;
}
.kfOOOTGBd6WftKVp5Il86w\=\= input {
position: absolute;
left: -9999px;
}
.kfOOOTGBd6WftKVp5Il86w\=\= input:checked + ._4UfCtJRxXL4vn5qbkhxd1A\=\= {
&::before {
border-color: var(--background-accent-high);
}
}
.oHtDxoFMd3YxTLfalE6tUA\=\= {
text-align: center;
}
._4UfCtJRxXL4vn5qbkhxd1A\=\= {
--brown: #a3662d;
position: relative;
width: var(--size-medium);
height: var(--size-medium);
margin-right: var(--spacing-small);
cursor: pointer;
border-radius: var(--radius-round);
&::before {
position: absolute;
top: -4px;
left: -4px;
width: 24px;
height: 24px;
margin: auto;
content: '';
background-color: transparent;
border: 2px solid transparent;
border-radius: var(--radius-round);
}
&.Gcz9ALtS8uMxEGBe03HRiQ\=\= {
background-image: url(/static/color-wheel.e33c4302c757bf20cae7.png);
background-position: center;
}
&._7\+c7zOQ-s-fH6qLmVWbbzQ\=\= {
background-color: var(--dataviz-outflows);
}
&.fMnO5Wjax6UXNOh8ngjREA\=\= {
background-color: var(--dataviz-change);
}
&.AMDz5QBXw2klolPgTAZuoA\=\= {
background-color: var(--category-mustard);
}
&.oZeYdgyrB439R2o30BrbzQ\=\= {
background-color: var(--background-success-high);
}
&.XZKHOaZFhfT5ngvDlTNpkw\=\= {
background-color: var(--dataviz-slice-3);
}
&.kSIjNmw5Yv132iEwHi9Qpg\=\= {
background-color: var(--category-purple);
}
&.pl5txAAqOGksTfP4EUJzNw\=\= {
background-color: var(--dataviz-slice-7);
}
&._32rA436\+LjUI5qz0C1kmVg\=\= {
background-color: var(--content-primary-a-static);
}
&._80DhatcJp0SSkFTposJ0BQ\=\= {
background-color: var(--dataviz-other);
}
&.z-GCo5pO4iYxnD7eBKsYsQ\=\= {
background-color: var(--brown);
}
}
.LTobg4UOJSMgj6qF5cOqhw\=\= {
padding: var(--spacing-none);
margin-left: var(--spacing-none);
margin-right: var(--spacing-none);
border: none;
}
.EdwvugexF5o8CLWrFVteMA\=\= {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(86px, 1fr));
gap: var(--spacing-medium-sm) var(--spacing-medium);
margin-left: var(--spacing-xsmall);
}
.ErKH\+fZTd5xwPjLzxt5Eig\=\= {
box-sizing: border-box;
display: flex;
flex-direction: column;
gap: var(--spacing-small);
align-items: center;
/* stylelint-disable-next-line style-lint-plugin-qonto/require-spatial-token */
padding: 16px 14px;
cursor: pointer;
background: var(--elevation-default);
border: 1px solid var(--border-tertiary);
border-radius: var(--radius-xsmall);
box-shadow: 0 3px 6px 0 var(--shadow-low);
}
._18kBtXAuSR0rNwnOVg-JoA\=\= {
/* stylelint-disable-next-line style-lint-plugin-qonto/require-spatial-token */
padding: 15px 13px;
border: 2px solid var(--border-accent-high);
}
.Xgsj9TJhYFnMR0N39P014A\=\= {
display: block;
width: 64px;
height: 64px;
}
.rWM8dPMnY2tWtBR5iOjxRg\=\= {
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
padding: var(--spacing-small);
}
.ErKH\+fZTd5xwPjLzxt5Eig\=\= input[type='radio'] {
position: absolute;
width: var(--size-none);
height: var(--size-none);
opacity: 0;
}
._6C2T2b-VY259yZPa516HCA\=\= {
padding: var(--spacing-none);
margin-left: var(--spacing-none);
margin-right: var(--spacing-none);
border: none;
}
._2f4xbDzOkRdvuJcgKbWsGQ\=\= {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(110px, 110px));
grid-auto-rows: 1fr;
gap: var(--spacing-medium-sm);
}
.pnWdRPO91iTt0VzjDGmTBQ\=\= label {
max-width: 527px;
margin-bottom: var(--spacing-medium);
}
.pnWdRPO91iTt0VzjDGmTBQ\=\=:has(+ div) {
margin-bottom: var(--spacing-medium);
}
.-oC4CZdsBCCafv76LGOOaQ\=\= {
display: flex;
flex-wrap: wrap;
gap: var(--spacing-medium);
}
@media only screen and (width <= 1020px) {
.-oC4CZdsBCCafv76LGOOaQ\=\= button {
width: 240px;
}
}
.m2wZEscIO5FQ1FrP80aIXw\=\= {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.XLW1I0SQPhOK2N59s6S4jA\=\= {
display: flex;
gap: var(--spacing-medium-sm);
align-items: center;
}
.vtDkgn0zU3jRPPETxTKyYA\=\= {
position: relative;
display: flex;
flex-direction: column;
flex-shrink: 0;
align-items: center;
width: 400px;
height: 400px;
padding: var(--spacing-xxlarge) var(--spacing-xxlarge) var(--spacing-none);
border: 1px solid var(--border-tertiary);
border-radius: var(--radius-xsmall);
@media only screen and (width < 1368px) {
width: 320px;
height: 320px;
}
}
._3vDV5hs6QM4UTk5Bnxxk7Q\=\= {
max-width: 320px;
max-height: 320px;
@media only screen and (width < 1368px) {
max-width: 240px;
max-height: 240px;
}
&._6IigwR3SdETIKvM9vsX9Bw\=\= {
visibility: hidden;
position: absolute;
}
}
.\+Su5srrH1OJAbGgh08PHXg\=\= {
position: absolute;
top: 40px;
display: flex;
align-items: center;
justify-content: center;
}
.gK3QavypnhVktnNlJOB7pw\=\= {
@media only screen and (width < 1368px) {
width: 240px !important;
height: 240px !important;
}
}
.PVRl94WoIA8BLegv5VFgwg\=\= {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: var(--size-xlarge);
margin-top: auto;
}
._5S\+yB34dOUaGxFOev3Nsbw\=\= {
/* Override default Popup styles to make it fullscreen */
width: 100vw;
max-width: none;
height: 100vh;
padding: var(--spacing-none);
border: none;
border-radius: var(--radius-none);
box-shadow: none;
}
.tBnH45hhn1HhglFTMtWTDA\=\= {
position: absolute;
top: 16px;
right: 16px;
z-index: 10;
}
._0o8cBqRLYh0\+vstexC44Iw\=\= {
display: grid;
grid-template-columns: 1fr 1fr;
height: 100vh;
overflow: hidden;
background: var(--elevation-default);
}
.R3uES7s4po3h5OTDwveGOg\=\= {
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
min-width: 490px;
height: 100vh;
padding: var(--spacing-huge) var(--spacing-xxlarge) var(--spacing-none) var(--spacing-xxlarge);
overflow: hidden auto;
background: var(--elevation-low);
}
.evJqUW6ubF2WzX6Kf8evNw\=\= {
min-width: 410px;
max-width: 600px;
}
.Y9zWBT8WWDLckEJVR5HTIA\=\= {
margin-top: var(--spacing-large);
}
.Nyuatx-MAyt2X\+ZMKqLyEg\=\= {
/* stylelint-disable-next-line style-lint-plugin-qonto/require-spatial-token -- non-standard value, to be fixed later */
margin-top: 26px;
}
.KrkPNEN-nk4WFDaivZRmRQ\=\= {
/* stylelint-disable-next-line style-lint-plugin-qonto/require-spatial-token -- non-standard value, to be fixed later */
margin-top: 62px;
}
.I-PdeFg51t-Pn7F65tO1AA\=\= label {
max-width: 527px;
}
.I-PdeFg51t-Pn7F65tO1AA\=\= textarea {
margin-top: var(--spacing-medium);
}
.KsFzOig0ysOYN27IcMgk6Q\=\= {
width: 100%;
max-width: none;
}
.I-PdeFg51t-Pn7F65tO1AA\=\=:has(+ div) {
margin-bottom: var(--spacing-medium);
}
.pZDN51x4pXDFsiJOThk5iw\=\= {
display: grid;
display: flex;
grid-template-rows: 1fr auto;
align-items: center;
justify-content: center;
min-width: 490px;
height: 100%;
padding: var(--spacing-none) var(--spacing-xxlarge);
}
.ZXxyb-Ha9yFtvU2GUIyDuQ\=\= {
width: 400px;
height: 400px;
}
._1acOZj7ymuwOwXAYw1KxsQ\=\= {
width: 400px;
height: 400px;
}
@media only screen and (width >= 1920px) {
._0o8cBqRLYh0\+vstexC44Iw\=\= {
.R3uES7s4po3h5OTDwveGOg\=\= {
justify-content: center;
padding-top: var(--spacing-none);
}
}
}
/* stylelint-disable media-query-no-invalid */
/* stylelint-disable media-feature-name-no-unknown */
@property --rotate {
syntax: '
';
initial-value: 132deg;
inherits: false;
}
@keyframes uPmt2TPmpRJWEQGUvYx2Vg\=\= {
0% {
--rotate: 0deg;
}
100% {
--rotate: 360deg;
}
}
@keyframes ZE9S\+10a8fypPq\+EeOv7lQ\=\= {
from {
transform: scale(1.03);
}
to {
transform: scale(1);
}
}
@keyframes EUqUpdh0n\+xJpLeD0Skoww\=\= {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes _7L2bm8Uq3BFvllWUeD5TZw\=\= {
from {
transform: translateY(6px);
}
to {
transform: translateY(0);
}
}
@keyframes hnZT3cK4x9GqowFfENPsSQ\=\= {
from {
transform: translateY(12px);
}
to {
transform: translateY(0);
}
}
._69ds8RiFl2SMp\+b\+BJRxbw\=\= {
position: relative;
z-index: var(--z-index-high);
display: flex;
align-items: center;
/* stylelint-disable-next-line style-lint-plugin-qonto/require-spatial-token -- non-standard value, to be fixed later */
padding: 1px;
text-align: center;
border-radius: var(--radius-xsmall);
transform: translateY(34px);
}
._69ds8RiFl2SMp\+b\+BJRxbw\=\=::before {
position: absolute;
top: -1%;
left: -0.5%;
z-index: -1;
width: 101%;
height: 102%;
content: '';
background-image: linear-gradient(var(--rotate), #b0f0da 4.44%, #a88dff 64.53%, #ffbc90 92.8%);
/* stylelint-disable-next-line style-lint-plugin-qonto/require-spatial-token -- non-standard value, to be fixed later */
border-radius: 5px;
}
._69ds8RiFl2SMp\+b\+BJRxbw\=\=::after {
position: absolute;
z-index: -1;
width: 100%;
height: 100%;
margin: var(--spacing-none) auto;
content: '';
background-image: linear-gradient(var(--rotate), #b0f0da 4.44%, #a88dff 64.53%, #ffbc90 92.8%);
opacity: 1;
filter: blur(12px);
transform: scale(0.9);
transition: opacity 0.5s;
}
.B6-Qu5UkhXVkHrWSFvV45A\=\= {
z-index: var(--z-index-high);
/* stylelint-disable-next-line style-lint-plugin-qonto/require-spatial-token -- non-standard value, to be fixed later */
margin-bottom: 62px;
background: none;
transform: translateY(56px);
}
.B6-Qu5UkhXVkHrWSFvV45A\=\=::before,
.B6-Qu5UkhXVkHrWSFvV45A\=\=::after {
position: absolute;
top: 0;
left: 0;
z-index: -1;
width: 33px;
height: 33px;
content: '';
background-image: linear-gradient(
var(--rotate),
var(--mint800) 4.44%,
var(--plum800) 64.53%,
var(--peach800) 92.8%
);
border-radius: var(--radius-xsmall);
}
.B6-Qu5UkhXVkHrWSFvV45A\=\=::before {
top: -2px;
left: -2px;
width: 33px;
height: 33px;
filter: blur(12px);
}
._69ds8RiFl2SMp\+b\+BJRxbw\=\=:hover::after,
._69ds8RiFl2SMp\+b\+BJRxbw\=\=:hover::before {
animation: uPmt2TPmpRJWEQGUvYx2Vg\=\= 3s linear infinite;
}
.B6-Qu5UkhXVkHrWSFvV45A\=\=:hover::after,
.B6-Qu5UkhXVkHrWSFvV45A\=\=:hover::before {
animation: uPmt2TPmpRJWEQGUvYx2Vg\=\= 3s linear infinite;
}
._0tq1r9yb8g3lXrCMEDWlgg\=\= {
position: relative;
top: 2px;
left: 2px;
}
.pmwO\+AZ\+BXu5uH52y95wWA\=\= {
z-index: var(--z-index-default);
display: flex;
align-items: center;
justify-content: center;
width: 29px;
height: 29px;
padding: var(--spacing-none);
color: var(--text-primary);
background: var(--elevation-default);
border: none;
/* stylelint-disable-next-line style-lint-plugin-qonto/require-spatial-token -- non-standard value, to be fixed later */
border-radius: 2px;
}
.H87mL6YyniKR5MfcfsAvrg\=\= {
z-index: var(--z-index-default);
padding: var(--spacing-medium) var(--spacing-medium) var(--spacing-medium) var(--spacing-medium);
text-align: start;
background: var(--elevation-default);
/* stylelint-disable-next-line style-lint-plugin-qonto/require-spatial-token -- non-standard value, to be fixed later */
border-radius: 3px;
}
._0lup6ktK3uS3rUH-XXeQ-A\=\= {
width: var(--size-medium);
height: var(--size-medium);
}
._3fz5trgY2Ms9Royusf9Hgg\=\= {
margin-right: var(--spacing-xsmall);
}
@media only screen and (min-device-pixel-ratio: 1.1), only screen and (resolution: >= 1.1dppx) {
.pmwO\+AZ\+BXu5uH52y95wWA\=\= {
height: 29.5px;
}
}
@media only screen and (min-device-pixel-ratio: 1.25), only screen and (resolution: >= 1.25dppx) {
.pmwO\+AZ\+BXu5uH52y95wWA\=\= {
width: 28.5px;
height: 28.5px;
}
}
@media only screen and (min-device-pixel-ratio: 1.5), only screen and (resolution: >= 1.5dppx) {
.pmwO\+AZ\+BXu5uH52y95wWA\=\= {
width: 29px;
height: 29px;
}
}
@media (prefers-reduced-motion: reduce) {
._69ds8RiFl2SMp\+b\+BJRxbw\=\=:hover::after,
._69ds8RiFl2SMp\+b\+BJRxbw\=\=:hover::before {
animation: none;
}
}
.il9PjcF5qkNiZaTeAA7lpA\=\=,
.CruAHSsgSR\+2WaDfpRwZDQ\=\= {
animation: ZE9S\+10a8fypPq\+EeOv7lQ\=\= 2s ease-out;
}
.CruAHSsgSR\+2WaDfpRwZDQ\=\= {
margin-bottom: var(--spacing-xsmall);
animation:
EUqUpdh0n\+xJpLeD0Skoww\=\= 2s ease-out,
ZE9S\+10a8fypPq\+EeOv7lQ\=\= 2s ease-out;
}
.il9PjcF5qkNiZaTeAA7lpA\=\= {
animation:
hnZT3cK4x9GqowFfENPsSQ\=\= 2s ease-out,
EUqUpdh0n\+xJpLeD0Skoww\=\= 2s ease-out;
}
.ULfDFtVgeqyuXIr-QPDyhA\=\= {
margin-bottom: var(--spacing-xsmall);
animation:
_7L2bm8Uq3BFvllWUeD5TZw\=\= 2s ease-out,
EUqUpdh0n\+xJpLeD0Skoww\=\= 2s ease-out;
}
.BzWnC9XY\+j7XYjdMfKgrvw\=\= {
position: relative;
z-index: var(--z-index-default);
display: flex;
align-items: center;
background-color: var(--elevation-default);
}
.P4LYMY5zX-Fq\+pAWVgl21g\=\= {
display: flex;
align-items: center;
}
.V3KkKCQzNuAOqZZkpMj\+0Q\=\= {
display: flex;
align-items: center;
width: auto;
height: 24px;
border: 1px solid var(--border-tertiary);
border-radius: var(--radius-xsmall);
}
.jDujt9vG93WtQlrMXuhpDg\=\= {
height: 100%;
padding: var(--spacing-none) var(--spacing-small);
color: var(--content-primary-a);
&:first-child,
&:first-child:hover::after {
/* stylelint-disable-next-line style-lint-plugin-qonto/require-spatial-token -- non-standard value, to be fixed later */
border-radius: 2px var(--radius-none) var(--radius-none) 2px;
}
&:last-child,
&:last-child:hover::after {
/* stylelint-disable-next-line style-lint-plugin-qonto/require-spatial-token -- non-standard value, to be fixed later */
border-radius: var(--radius-none) 2px 2px var(--radius-none);
}
&:not(:first-child) {
border-left: 1px solid var(--border-tertiary);
}
&.btn--icon-only {
width: 28px;
}
&.AsZuvY3ZlKcf7S83DbTp3Q\=\= {
background-color: var(--background-tertiary);
}
&:focus-visible {
position: relative;
border-radius: var(--radius-xsmall);
}
}
.E3zqwXKKHinJ1b3iWANuJA\=\= {
color: var(--content-primary-a);
}
.v4AqBxh5fH-YUHXRDgw-Vw\=\= {
margin-left: var(--spacing-medium);
}
.lIM2ITyR8gUEzMHoihSOxg\=\= {
margin-right: var(--spacing-medium);
margin-left: auto;
color: var(--content-primary-a);
}
.umsPQLPghrYq-cpCPGTB1w\=\= {
position: relative;
/* stylelint-disable-next-line style-lint-plugin-qonto/require-spatial-token -- non-standard value, to be fixed later */
padding: 11px 48px 12px;
background-color: var(--elevation-default);
border-top: 1px solid var(--border-tertiary);
}
._2L\+0aIkRnGIzsDi\+unKl6A\=\= {
display: flex;
align-items: center;
justify-content: space-between;
}
._7AcjUGZcQjrRTwC30WhGkg\=\=,
.hyKWEVGA8zNoKvRXN1TmEg\=\= {
display: flex;
gap: var(--spacing-medium);
align-items: center;
}
.NTKYcJk5GfZVTRMqBLH1Mg\=\= {
flex-shrink: 0;
}
.VnHG3RHIIoR35eNU362bjg\=\= {
color: var(--content-error);
}
.aTJnnjuKYNuoa01tiggYmg\=\= {
height: 100%;
}
.IYDmxSIyz30onVu6kuvLew\=\=,
.igW5o3rO072qaD2iRtZdYg\=\=,
.tN1QvWn8BTEsFlpsICtVSw\=\= {
position: absolute;
top: 0;
right: 0;
bottom: 0;
z-index: 0;
width: 100%;
margin: auto var(--spacing-none);
}
.TPbcfk-YtYeUHor0vEc5dw\=\= {
/* TODO: remove !important override when Accordion DSK component supports this natively */
border-bottom: none !important;
main {
padding-top: var(--spacing-small) !important;
}
}
.VerR4ZESMgH4YHUUIgjz\+g\=\= {
display: block;
}
.mbVe7GjfSpbhJSD4Sp6Xnw\=\= {
/* TODO: remove !important overrides — tech debt from Ember migration */
button {
display: flex;
padding: var(--spacing-medium-sm);
background-color: var(--background-secondary);
border: none;
border-radius: var(--radius-medium);
}
button[aria-hidden='true'] {
display: none;
}
button[aria-selected='true'] {
background-color: var(--background-primary);
}
}
._6ZjgDKY9YVeq7bDMCZLWXQ\=\= {
max-width: 504px;
/* stylelint-disable-next-line style-lint-plugin-qonto/require-spatial-token */
margin-bottom: 35px;
}
.G6VPQEbqwpWVxAKUVsu4BA\=\= {
display: flex;
flex: none;
}
.G6VPQEbqwpWVxAKUVsu4BA\=\=._1MS9Z1kPmL901KcMqa6xNA\=\= {
margin-bottom: var(--spacing-medium);
}
.mQ0OjRe\+keTKMj6aJ8ev0g\=\= {
flex: none;
}
.e-tH4gj7jneApGtqgF736g\=\= {
display: flex;
align-items: center;
justify-content: center;
width: 105px;
height: 105px;
}
._2Vb\+gRHcu6mgzjqk1-ejIQ\=\= {
width: 100%;
height: 100%;
object-fit: contain;
}
.crVUu1tZ\+7ntudac6ghLeA\=\= {
display: flex;
flex-direction: column;
/* stylelint-disable-next-line style-lint-plugin-qonto/require-spatial-token */
gap: 7px;
margin-left: var(--spacing-large);
}
._6XW6-HfhIjSpm6rioCFeiw\=\= {
display: flex;
/* stylelint-disable-next-line style-lint-plugin-qonto/require-spatial-token */
gap: 14px;
}
._36y5o9G-qzVhTJmUWGlBEQ\=\= {
display: flex;
flex-direction: column;
/* stylelint-disable-next-line style-lint-plugin-qonto/require-spatial-token */
gap: 7px;
}
._36y5o9G-qzVhTJmUWGlBEQ\=\= div {
margin: var(--spacing-none);
color: var(--content-secondary);
}
.\+Iz32Q9-ypkwmoMKEM2Uiw\=\= {
padding: var(--spacing-none);
margin: var(--spacing-none);
}
.m2X1fx4yotU5rhPimjK54Q\=\= {
color: var(--content-error);
}
.gioH4yw4mserY8yAMFnp2Q\=\= {
display: none;
}
.UwOqGulRZ8oHcetO-5CgXQ\=\= {
color: var(--content-secondary);
}
.qpxf0BmxzhLxAukFZDwgFg\=\= {
height: 100%;
}
.Fs4Ktn2xVHLnsjk0gDlrxA\=\= {
width: 100%;
padding: var(--spacing-small) var(--spacing-medium-sm);
color: var(--content-primary-a);
background-color: var(--elevation-default);
border: 1px solid var(--border-secondary);
border-radius: var(--radius-xsmall);
transition: border-color 0.5s;
}
.tk9IdC4wX7ar-5sA01l5JQ\=\= {
border-color: var(--border-error);
}
._3FZAOtw4Vn2hDU282RT48g\=\= {
position: relative;
display: flex;
gap: var(--spacing-small);
min-height: var(--size-xlarge);
}
._3FZAOtw4Vn2hDU282RT48g\=\= [role="listbox"] {
row-gap: var(--spacing-small);
}
.uWe5pI985Bj2AGwHhqbhcw\=\= {
display: none;
}
.fEeK7ArEv26zOPSU6PbzAg\=\= {
display: block;
flex: auto;
}
.n-2e8WcZNJnhcoLiofP4tA\=\= {
margin-top: var(--spacing-xsmall);
font-size: var(--caption-font-size);
font-weight: var(--caption-font-weight);
line-height: var(--caption-line-height);
&.jIM2nQwExTLSQt-8ieZPKQ\=\= {
color: var(--content-error);
}
}
.DIr67RqQ2aAA2HjKFEqfhw\=\= {
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
max-width: 504px;
height: 100%;
}
._9nReazJ7PhZS3SeftldXLA\=\=,
.gjYmRFZ3JFfXfnU16VcVPQ\=\= {
text-align: center;
}
.bE\+jK8h22ohvfr7SI9Hq3w\=\= {
width: 100%;
}
.JrqL9EUcu1cYb6e0g\+hX-w\=\= {
height: var(--size-xlarge);
.gpay-button {
position: unset;
width: 100% !important;
height: 100%;
margin: var(--spacing-none);
}
}
/* Dark mode support for Google Pay button */
.dark-theme .JrqL9EUcu1cYb6e0g\+hX-w\=\= .gpay-button {
filter: invert(1) hue-rotate(180deg);
}
.ciWGFN4YTmS8OuJ-3HfcSw\=\= {
display: flex;
align-items: center;
justify-content: center;
height: 100%;
}
.ITa2klWhJDpzMuwEh8XKaQ\=\= {
display: flex;
flex-direction: column;
width: 100%;
max-width: 504px;
margin: var(--spacing-none) auto;
}
.vhJUHa\+j5fNdLl7jrJLn0Q\=\= {
display: flex;
flex-direction: column;
gap: var(--spacing-medium);
}
.f-LnxGd3d4gDn8UtVcjzrw\=\= {
display: flex;
align-items: center;
justify-content: center;
height: 100%;
}
._9tW5H3OBwEM2TgFog5TyGw\=\= {
display: flex;
flex-direction: column;
gap: var(--spacing-xlarge);
max-width: 540px;
}
.ivb4kgR6wV4diccwnyRUng\=\= {
display: flex;
flex-direction: column;
gap: var(--spacing-medium);
}
.OOXfGK1xEzpRY1yYaEt5JQ\=\= {
display: flex;
flex-direction: row;
gap: var(--spacing-medium);
}
.OOXfGK1xEzpRY1yYaEt5JQ\=\= > * {
flex: 1;
}
.aklN23yAdWwEzZ\+FsvrInw\=\= {
display: flex;
flex-direction: row;
}
.Iu75baTuF6liQip4ciZC0w\=\= {
color: var(--content-error);
}
.nCt7\+L3v6Drwk96sZh6r\+w\=\= {
display: flex;
align-items: center;
}
._44TZCHK8zsg4LCKuj6ujpQ\=\= {
display: flex;
gap: var(--spacing-small);
align-items: center;
}
.tDirnpUVXDGAfcMK\+f6EvQ\=\= {
align-self: flex-start;
}
.hRvktXMKld5W-Yr8uyC2MQ\=\= {
overflow-y: auto;
display: flex;
justify-content: center;
align-items: center;
height: 100%;
}
.UADDQI63FbnfeWNG-bPjgQ\=\= {
width: 200px;
height: 200px;
}
.FjOjyljwKLu6jQcIBaGBFw\=\= {
width: 100%;
max-width: 504px;
text-align: center;
}
@media only screen and (width <= 776px) {
.FjOjyljwKLu6jQcIBaGBFw\=\= {
padding: var(--spacing-none) var(--spacing-medium);
}
}
.zFC-eXPKi3YXP82DvBp0Qw\=\= {
overflow-y: auto;
display: flex;
justify-content: center;
align-items: center;
height: 100%;
}
.-h\+CN0rYBv5qRuoy4CbbNQ\=\= {
width: 200px;
height: 200px;
}
.LP4vCqxseunXjVP-9GjCEQ\=\= {
width: 100%;
max-width: 504px;
text-align: center;
}
@media only screen and (width <= 776px) {
.LP4vCqxseunXjVP-9GjCEQ\=\= {
padding: var(--spacing-none) var(--spacing-medium);
}
}
.cN2qUWkMs3rh1u\+NfF6WQA\=\= {
overflow-y: auto;
display: flex;
justify-content: center;
align-items: center;
height: 100%;
padding-top: var(--spacing-medium);
}
._0QB3DPrgR37yrkBuZvdW0g\=\= {
width: 200px;
height: 200px;
}
.vTADemI27kk3N5rKtxzBXg\=\= {
width: 100%;
max-width: 504px;
text-align: center;
}
@media only screen and (width <= 776px) {
.vTADemI27kk3N5rKtxzBXg\=\= {
padding: var(--spacing-none) var(--spacing-medium);
}
}
.ZZyn0q7-6rJHY-p1xnrtew\=\= {
overflow-y: auto;
display: flex;
justify-content: center;
align-items: center;
height: 100%;
}
.FiUdZCH1bGTMnFPiY21hcw\=\= {
width: 200px;
height: 200px;
}
.V0azX9067j5o9eqrjFw8ng\=\= {
width: 100%;
max-width: 504px;
text-align: center;
}
@media only screen and (width <= 776px) {
.V0azX9067j5o9eqrjFw8ng\=\= {
padding: var(--spacing-none) var(--spacing-medium);
}
}
.wtA30immNHZFyUlHbrVx9g\=\= {
width: 100%;
min-height: 100vh;
border: none;
}
.OEGSDKaHBCjkX0WgLK7zjQ\=\= {
display: none;
}
.Q1nE0fmwKqXz09xz3YvtiA\=\= {
display: flex;
justify-content: center;
align-items: center;
height: 100%;
}
.iHUKPoVsZ-LqS9QdGnLfpg\=\= {
width: unset;
height: unset;
}
.hT7GhWcy3HB8loGNnUbQjQ\=\= {
display: flex;
flex-direction: column;
align-items: center;
padding-top: var(--spacing-medium);
}
.TLmAvGxAdziGd-9BQB7d6A\=\= {
width: 100%;
max-width: 504px;
}
.m5-f\+v5B9gYLNhSloKatFw\=\= {
box-sizing: border-box;
max-width: 504px;
display: flex;
align-items: center;
border: 1px solid var(--gray300);
border-radius: var(--radius-xsmall);
}
._9KCRy8jlBepGICdbB2c4wQ\=\= {
height: 210px;
justify-content: space-between;
padding: var(--spacing-large);
}
.VuvSHJmv7G-jrKK9vYNsrg\=\= {
justify-content: center;
padding: var(--spacing-medium) var(--spacing-none);
font-size: var(--heading-section-font-size);
font-weight: 600;
}
.vB4FtAuYI6Peb3-XNhtRNQ\=\= {
color: var(--gray400);
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
}
._2tsxqR8p4UN9BZgFFF7Uzw\=\= {
border-left: 1px solid var(--gray400);
width: var(--size-none);
flex-grow: 1;
}
.N7CJzJY8kXsnIO9cYystWg\=\= {
width: 100%;
padding: var(--spacing-xxxlarge) var(--spacing-medium);
}
._3rfA8xlHKX100fGNc2AjqA\=\= {
display: grid;
grid-template-columns: 1fr auto;
gap: var(--spacing-medium);
}
/* DSK Button specifies svg color as --content-primary-a for some reason */
svg.XYDHeaq5ToLZB9K22J30ug\=\= {
color: var(--content-primary-b);
}
.VW\+J4fv4Bch3ugRsWkiPTQ\=\= {
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
max-width: 764px; /* 732px (original width) + 32px */
padding: var(--spacing-xxxlarge) var(--spacing-medium);
}
.TK1tNPDrIyQidP1aQmnJaA\=\= {
display: grid;
grid-template-columns: 1fr 1fr;
gap: var(--spacing-large);
}
/* Card */
.Zlcv7YIhr8cEigapSClZwg\=\= {
display: grid;
grid-template-rows: auto 1fr auto;
gap: var(--spacing-large);
padding: var(--spacing-large);
border: 1px solid var(--border-tertiary);
border-radius: var(--radius-small);
box-shadow: var(--shadow-low);
}
._68itbDxfGvXwGog2tMXC3g\=\= {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
text-align: center;
}
.eidJE5BnJ\+j1BF7Zny0glQ\=\= {
/* stylelint-disable-next-line style-lint-plugin-qonto/require-spatial-token -- non-standard value, to be fixed later */
margin-bottom: 10px;
}
.eidJE5BnJ\+j1BF7Zny0glQ\=\= > svg {
width: var(--size-xxxlarge);
height: var(--size-xxxlarge);
/* stylelint-disable-next-line style-lint-plugin-qonto/require-spatial-token -- non-standard value, to be fixed later */
margin-bottom: 10px;
}
/* Card item */
.gaOR32L8hrplWyIgrJPxwA\=\= {
display: grid;
grid-template-columns: auto 1fr auto;
/* stylelint-disable-next-line style-lint-plugin-qonto/require-spatial-token -- non-standard value, to be fixed later */
gap: 10px;
align-items: center;
}
.fQBk-NcI4cv3EGqp-ojypg\=\= {
color: var(--content-secondary);
}
.qxpOSSeZnTtHTPub1VN5rw\=\= {
display: grid;
grid-template-columns: 1fr 32px 1fr;
height: 24px;
align-items: center;
text-align: center;
color: var(--content-tertiary);
}
.EZrbTCWxAfS7s1svUodWcQ\=\= {
height: 1px;
background-color: var(--border-tertiary);
}
._3FveNOboANvLulInmOw6aw\=\= {
display: flex;
justify-content: center;
/* Ensure IDnow iframe takes full size */
width: 100%;
height: 100%;
}
.IwHFhZ\+m7VcsIayEkruAoA\=\= {
display: flex;
flex-direction: column;
padding: var(--spacing-none);
margin-top: var(--spacing-none);
list-style: none;
counter-reset: step;
gap: var(--spacing-xlarge);
}
.qH21VQ\+8wKSdNkYrrwZPng\=\= {
display: flex;
align-items: center;
gap: var(--spacing-medium);
}
.qH21VQ\+8wKSdNkYrrwZPng\=\=::before {
content: counter(step);
counter-increment: step;
display: flex;
flex-shrink: 0;
align-items: center;
justify-content: center;
width: var(--size-large);
height: var(--size-large);
color: var(--content-primary-a);
border: 1px solid;
border-radius: var(--radius-round);
}
.ItaONX3D7DVGwPsYjhm5ig\=\= {
display: flex;
flex: 1;
flex-direction: column;
place-items: center;
width: 100%;
max-width: 504px;
text-align: center;
}
.P1IOmMGDNDN3KFSLSqhf\+w\=\= {
display: flex;
align-items: center;
justify-content: center;
width: 200px;
& svg {
display: block;
}
}
.lsbXX73Zd0ce0jfxiIaCNg\=\= {
display: flex;
align-items: center;
border: 1px solid var(--gray300);
border-radius: var(--radius-xsmall);
height: 208px;
justify-content: space-between;
padding: var(--spacing-large);
}
.lsbXX73Zd0ce0jfxiIaCNg\=\= img {
width: 160px;
}
.vM1mAmEfFi30neFyrqL0WQ\=\= {
color: var(--gray400);
height: 160px;
display: flex;
flex-direction: column;
align-items: center;
}
.K8wjCD\+HjV6NrFC\+1t5mnw\=\= {
border-left: 1px solid var(--gray300);
width: var(--size-none);
flex-grow: 1;
}
.Sm43VZn3rqvsJgf7ZHUcFA\=\= {
height: 27px;
line-height: 27px;
}
.U\+0JVq2mKTbSSeoxE07iMA\=\= {
gap: var(--spacing-medium);
}
.gNvoLgHjwP3dpnGaBW-mKQ\=\= {
padding: var(--spacing-none);
border: none;
background-color: transparent;
margin-left: var(--spacing-xsmall);
cursor: pointer;
}
.DaGQkfhRyhzIsOSIr1Kehw\=\= {
width: 100%;
display: flex;
justify-content: center;
}
.dlFuZRfQT7aMyZFwDlxiEw\=\= {
width: 200px;
height: 200px;
margin: var(--spacing-none) auto;
}
.B3NtXEZd20zqRh0T9EYmiQ\=\= {
display: flex;
flex-direction: column;
margin-bottom: var(--spacing-large);
margin-top: var(--spacing-xlarge);
& h2 {
font-size: var(--heading-page-font-size);
margin-bottom: var(--spacing-medium);
}
}
.zYqf\+wvNgjfgJwacwS3BRA\=\= {
padding: var(--spacing-large);
background-color: var(--elevation-low);
border-radius: var(--radius-small);
}
.r1Oh1w2I8rzaUUwLs-5uBQ\=\= {
color: var(--content-primary-a);
}
.k9ma1HeXCF6RIm4oLMzBMQ\=\= {
color: var(--error400);
}
@media only screen and (width <= 776px) {
.B3NtXEZd20zqRh0T9EYmiQ\=\= svg {
display: none;
}
}
.HEjyiVsdx2GLLA0MWsHCAA\=\= {
display: flex;
justify-items: center;
align-content: start;
gap: var(--spacing-small);
}
._3thtoGWN-mWltKIuzHUfkQ\=\= {
color: var(--content-primary-a);
}
.gao6CAfIDxcYdrn2lSgsIg\=\= {
color: var(--content-primary-a);
/* stylelint-disable-next-line style-lint-plugin-qonto/require-spatial-token -- non-standard value, to be fixed later */
margin-top: -4px;
}
._920pslbblq3IKRLxjQ5zdA\=\= {
font-size: var(--body-standard-font-size);
display: flex;
margin-left: var(--spacing-large);
/* stylelint-disable-next-line style-lint-plugin-qonto/require-spatial-token -- non-standard value, to be fixed later */
margin-top: 2px;
align-items: center;
color: var(--content-error);
}
.Cikl2LtOWKP\+ltT7\+jqrpQ\=\= {
max-width: 504px;
width: 100%;
box-sizing: border-box;
}
@media only screen and (width <= 776px) {
.Cikl2LtOWKP\+ltT7\+jqrpQ\=\= {
padding: var(--spacing-large) var(--spacing-medium);
}
}
.YOxR9PbWft3xydwTG236jQ\=\= {
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
max-width: 764px; /* 732px (original width) + 32px */
padding: var(--spacing-xxxlarge) var(--spacing-medium);
}
.zGEbekjCGsk1ORNg-lQkNw\=\= {
display: flex;
flex-direction: column;
gap: var(--spacing-medium);
margin-bottom: var(--spacing-xlarge);
width: 100%;
}
.ANu3xUW7VcfJZWqN3hXW3w\=\= {
display: flex;
flex-direction: column;
gap: var(--spacing-small);
}
.L0-39vGIByoLvqpNTRR\+bg\=\= {
display: grid;
grid-template-columns: 1fr 1fr;
gap: var(--spacing-large);
width: 100%;
}
/* Card */
._3oTxiaMndOHMoMOZL3ILFA\=\= {
display: grid;
grid-template-rows: auto 1fr auto;
gap: var(--spacing-large);
padding: var(--spacing-large);
border: 1px solid var(--border-tertiary);
border-radius: var(--radius-small);
box-shadow: var(--shadow-low);
}
.Hih50D-v\+qe0I98F0x4rLw\=\= {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
text-align: center;
/* stylelint-disable-next-line style-lint-plugin-qonto/require-spatial-token */
gap: 10px;
}
._6djSwgahVCsJFY1iuDMgxQ\=\= {
display: flex;
flex-direction: column;
gap: var(--spacing-large);
}
.HYL-1ggLoyUP29UCNt1kKw\=\= {
display: flex;
flex-direction: column;
gap: var(--spacing-small);
}
._72BVPoaxmqP2K1IAkAhxpQ\=\= {
display: grid;
grid-template-columns: auto 1fr auto;
/* stylelint-disable-next-line style-lint-plugin-qonto/require-spatial-token */
gap: 10px;
align-items: center;
margin-bottom: var(--spacing-small);
}
.atiXJRZemOGUVoiAtCRR1w\=\= {
display: grid;
grid-template-columns: 1fr 32px 1fr;
height: 24px;
align-items: center;
text-align: center;
}
.kiQISFb7\+XftKkpKHIr9WA\=\= {
height: 1px;
background-color: var(--border-tertiary);
}
.XDXQA-ugHxiSnbVbM3otfA\=\= {
display: flex;
flex-direction: column;
max-width: 480px;
width: 100%;
margin: var(--spacing-none) auto;
}
.dzBFkZS32mhHe-LSvQYRQQ\=\= {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
margin-bottom: var(--spacing-large);
}
.CTubBQs0TJOx4LdEB47ZJQ\=\= {
margin-bottom: var(--spacing-xlarge);
}
.X5-zG-MzfgW66RVC\+mjY5A\=\= {
display: flex;
flex-direction: column;
gap: var(--spacing-small);
width: 100%;
margin-top: var(--spacing-medium);
}
.OHDMBGQSl3UapiyqtSnf7Q\=\= {
display: flex;
flex-direction: column;
padding: var(--spacing-large);
background-color: var(--elevation-low);
border-radius: var(--radius-small);
gap: var(--spacing-medium);
margin-bottom: var(--spacing-large);
}
.LfVMtvBaJd1\+Wr4YyFUI-g\=\= {
display: flex;
align-items: center;
gap: var(--spacing-medium);
}
.U2xXf06NUD8py7zhsely-w\=\= {
margin-bottom: var(--spacing-xlarge);
}
._7f0vcyPdVCXXHMPpL1KVRA\=\= {
display: flex;
flex-direction: column;
gap: var(--spacing-small);
margin-bottom: var(--spacing-medium);
}
._9KWe2G8LDaImcmVgbGDfZw\=\= {
display: flex;
align-items: flex-start;
gap: var(--spacing-small);
}
@media only screen and (width <= 776px) {
.CTubBQs0TJOx4LdEB47ZJQ\=\= {
display: none;
}
}
.KHQG1hD9mM4E8U6nwdEYbw\=\= {
margin-top: var(--spacing-medium);
}
.C668CAasSyYtIOXTpVUwXw\=\= {
display: flex;
justify-content: center;
width: 100%;
height: var(--size-xlarge);
}
.NmhoC5ABw\+RQlMFDpoRJrQ\=\= {
width: 18px;
height: 18px;
}
.sarWMeyOG5pWIGSpnFw5SQ\=\= {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
/* stylelint-disable-next-line style-lint-plugin-qonto/require-spatial-token -- non-standard value, to be fixed later */
padding: 1px 10px 1px 1px;
font-weight: var(--font-weight-regular);
color: var(--content-primary-a);
cursor: pointer;
background-color: transparent;
border: 1px solid var(--border-tertiary);
border-radius: var(--radius-xsmall);
transition: background-color 0.218s;
&:hover {
background: rgb(66, 133, 244, 4%);
}
}
/* Target Google native non-iframe button */
.C668CAasSyYtIOXTpVUwXw\=\= div[role='button'] span {
display: none;
}
.X5Meoy4QR-XfFy3E8wdd4w\=\= {
width: 100%;
}
.vKEVPszNornBrTtKWe-p3g\=\= {
width: 18px;
height: 18px;
}
.-X7D89ECfMtCtUiPsFZYtg\=\= {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: var(--size-xlarge);
/* stylelint-disable-next-line style-lint-plugin-qonto/require-spatial-token -- non-standard value, to be fixed later */
padding: 1px 10px 1px 1px;
font-weight: var(--font-weight-regular);
color: var(--content-primary-a);
cursor: pointer;
background-color: transparent;
border: 1px solid var(--border-tertiary);
border-radius: var(--radius-xsmall);
transition: background-color 0.218s;
&:hover {
background: rgb(29, 29, 27, 8%);
}
&:focus {
background: rgb(29, 29, 27, 8%);
}
}
.IUEGHdD5guLqsiDjwp84IQ\=\= {
display: flex;
flex-direction: column;
gap: var(--spacing-large);
}
.NeAUqfkUdcc9DVPr5yzPXQ\=\= {
width: var(--size-medium-small);
height: auto;
margin-right: var(--spacing-small);
path {
transition: fill 0.15s ease-in-out;
}
}
.vtDdG-HZEZteI\+fo2r6ZCA\=\= {
width: var(--size-medium-small);
height: auto;
path {
transition: fill 0.15s ease-in-out;
}
}
._2MhdaMTjEItnSY8UY4LyNg\=\= {
display: contents;
}
/* Mirrors the legacy `BackButton`'s `.mobileBackButton` rules so the icon-only
button portaled into the host's `` slot is sized the same as
the master implementation. */
.Rx6LkacJdTIfv\+YQdek\+kg\=\= {
--bg-color: transparent;
width: 100%;
min-width: var(--size-xxlarge);
min-height: var(--size-xxlarge);
svg {
width: var(--scale-300);
height: var(--scale-300);
}
}
.se-6O2Fo2Y5wYdeOhddtOw\=\= {
display: flex;
flex-direction: column;
gap: var(--spacing-medium);
align-items: center;
}
.sC03GMbiEP0FDc5SLG5DcQ\=\= {
@media only screen and (width <= 776px) {
display: none;
}
}
.RggNElgvsfe2VdI2TSFxOQ\=\= {
display: flex;
align-items: center;
color: var(--content-tertiary);
text-align: center;
}
.RggNElgvsfe2VdI2TSFxOQ\=\=::after,
.RggNElgvsfe2VdI2TSFxOQ\=\=::before {
flex: 1;
content: '';
border-top: 1px solid var(--border-secondary);
}
.RggNElgvsfe2VdI2TSFxOQ\=\=::before {
/* stylelint-disable-next-line style-lint-plugin-qonto/require-spatial-token -- non-standard value, to be fixed later */
margin-right: 10px;
}
.RggNElgvsfe2VdI2TSFxOQ\=\=::after {
/* stylelint-disable-next-line style-lint-plugin-qonto/require-spatial-token -- non-standard value, to be fixed later */
margin-left: 10px;
}
._5RHBu561aB2ZzfqJrIFC1w\=\= {
max-width: 504px;
display: flex;
flex-direction: column;
gap: var(--spacing-xlarge);
}
._2jwWgfRLctnjWdtajJ99ZQ\=\= {
display: flex;
flex-direction: column;
gap: var(--spacing-medium);
}
.GlJTOmLDTuD6UmpmlztDXg\=\= {
width: 100%;
border-bottom: 1px solid var(--border-tertiary);
margin: var(--spacing-small) var(--spacing-none);
}
.FXhs0DIg0dGAzuXt64d1Fw\=\= {
display: flex;
gap: var(--spacing-medium-sm);
align-items: center;
margin-left: var(--spacing-xsmall);
}
.DxWj4rxiixp1OIKeyHvx-Q\=\= {
display: flex;
flex-direction: column;
gap: var(--spacing-small);
}
._9EhY4dNHEYGpoNtfmZIhuw\=\= {
display: flex;
flex-direction: column;
gap: var(--spacing-small);
}
._8fbBOCv5tuIbyousFPreDA\=\= {
display: flex;
flex-direction: column;
gap: var(--spacing-small);
margin-top: var(--spacing-small);
}
.RTUOIJK55fYo9l04HVslqQ\=\= {
display: flex;
align-items: center;
gap: var(--spacing-medium-sm);
}
.C5EuJDgbIGfs6gs8R1RwqA\=\= {
align-items: flex-end;
justify-content: space-between;
padding: var(--spacing-none);
margin-bottom: var(--spacing-xxxlarge);
}
@media only screen and (width <= 776px) {
.C5EuJDgbIGfs6gs8R1RwqA\=\= {
margin-bottom: var(--spacing-xlarge);
}
}
.\+GFoM29Zrh-AIbIpdPojtw\=\= {
padding: var(--spacing-none);
margin: var(--spacing-none);
}
.qxolW4W-yDpKJQWqgFdC1g\=\= {
margin-bottom: var(--spacing-small);
@media only screen and (width <= 776px) {
display: none;
}
}
.FGUsyE\+8fAf\+Q0LBYwdx3g\=\= {
@media only screen and (width <= 776px) {
display: none;
}
}
.imrOfX\+6yACMOvYjrFc7pw\=\= {
width: 100%;
height: 1px;
background-color: var(--border-primary);
}
@media only screen and (width <= 776px) {
.C5EuJDgbIGfs6gs8R1RwqA\=\= > * {
gap: var(--spacing-medium);
}
.imrOfX\+6yACMOvYjrFc7pw\=\= {
display: none;
}
}
@media only screen and (width <= 1024px) {
.OXYwj1wsI5ZZ\+ZdToZy1tA\=\= {
margin-bottom: var(--spacing-xlarge);
}
.OXYwj1wsI5ZZ\+ZdToZy1tA\=\= > * {
gap: var(--spacing-medium);
}
.-HatW\+EuvDN2rqBquAjYwQ\=\= {
display: none;
}
}
.sL3BqYlyE0\+NY79kydjekQ\=\= {
margin: var(--spacing-none);
margin-bottom: var(--spacing-small);
}
.DKCalVjFJJiWjlWoQ7A1hA\=\= {
list-style-type: none;
padding: var(--spacing-none);
margin: var(--spacing-none);
}
.Ud\+Fud0oGDTfBvjsAS5qiA\=\= {
display: flex;
.JgC3bgp5cy-J5uMiEinFyQ\=\= {
width: 24px;
height: 24px;
flex-shrink: 0;
align-self: flex-start;
}
span {
align-self: center;
}
}
.NRiDS3cNhblqFNdzNZECsQ\=\= {
.XpV018lmQcdopACkqLSQWA\=\= {
background-image: var(--icon-light-path);
background-size: 24px 24px;
background-repeat: no-repeat;
background-position: center;
}
}
.NRiDS3cNhblqFNdzNZECsQ\=\=.OBiUNrGYnhQnyVj3NH5HWA\=\= {
color: var(--content-secondary);
text-decoration: line-through;
.XpV018lmQcdopACkqLSQWA\=\= {
opacity: var(--disabled-opacity);
}
}
.dark-theme .XpV018lmQcdopACkqLSQWA\=\= {
background-image: var(--icon-dark-path);
}
._5VTjGKIt9DUtMFSYrESe5g\=\= .wqnE4PyXZpHIsspeCh\+MHQ\=\= {
width: var(--size-medium-small);
}
._5VTjGKIt9DUtMFSYrESe5g\=\=.lJVjilbWIxSoChjuvUG-UQ\=\= {
.wqnE4PyXZpHIsspeCh\+MHQ\=\= {
mask: url(/static/checkmark.960ec44e9be9947e1ae9.svg) no-repeat center;
background: var(--content-primary-a);
}
}
._5VTjGKIt9DUtMFSYrESe5g\=\=.zS-qCEKhKYfWrkNkC9s4Kg\=\= {
text-decoration: line-through;
color: var(--content-secondary);
.wqnE4PyXZpHIsspeCh\+MHQ\=\= {
mask: url(/static/cross.808ab8bbf6b5ed6316f5.svg) no-repeat center;
background: var(--content-secondary);
}
}
._5VTjGKIt9DUtMFSYrESe5g\=\=:last-child {
margin-bottom: var(--spacing-none);
}
.umZnciT\+mNpPVTlDkodP2g\=\= {
color: var(--content-primary-a);
display: grid;
grid-template-rows: subgrid;
grid-row: span 5;
}
._3wPDEHvFcLoEHw9gqjpSKw\=\= {
background-color: var(--elevation-default);
/* stylelint-disable-next-line style-lint-plugin-qonto/require-spatial-token */
padding: 22px;
border: 2px solid var(--elevation-default);
border-radius: var(--radius-small);
display: grid;
grid-template-rows: subgrid;
grid-row: 1 / 5;
gap: var(--spacing-large);
}
.nbhQNmbjtuoWfNPjOp88Lg\=\= {
background-color: var(--background-upgrade-low);
border-color: var(--background-upgrade-low);
}
.WkhUuW02MEykb6wEgz0Rgg\=\= {
border-color: var(--border-primary);
}
._6Ptk5sz\+THP1Zt-XzsjUhg\=\= {
grid-row: span 5;
}
._6Ptk5sz\+THP1Zt-XzsjUhg\=\= ._3wPDEHvFcLoEHw9gqjpSKw\=\= {
border-color: var(--border-tertiary);
border-width: 1px;
/* stylelint-disable-next-line style-lint-plugin-qonto/require-spatial-token */
padding: 23px;
border-radius: var(--radius-medium);
grid-row: 1 / 6;
}
._6Ptk5sz\+THP1Zt-XzsjUhg\=\= ._3wPDEHvFcLoEHw9gqjpSKw\=\=.t6rtDIb87mWrwX3TkM1AWw\=\= {
border-color: var(--border-primary);
border-width: 2px;
/* stylelint-disable-next-line style-lint-plugin-qonto/require-spatial-token */
padding: 22px;
}
.ObOXjYnHgrtW5Ol3MDzmPA\=\= {
display: flex;
flex-direction: column;
gap: var(--spacing-small);
}
.YG9xbQf8jwKL1uaI7-l02g\=\= {
margin: var(--spacing-none);
}
.RKScqqs0OI16yf6jhBy7yg\=\= {
color: var(--content-secondary);
text-decoration: line-through;
margin-right: var(--spacing-small);
}
.CT-mqD781ZJLIhV68Sm6Kw\=\= {
color: var(--content-secondary);
}
.L2ckitldZ-6yYuOcQSbW4Q\=\= {
text-align: center;
color: var(--content-secondary);
}
.IBlzXcpC8zGjUWGh8AacNQ\=\= {
color: var(--content-secondary);
}
._0kbF6d5mToBk\+BpH6b3YOA\=\= {
padding: var(--spacing-large);
}
.DERyrTg3PKzVyoCeBQOVSQ\=\= {
padding-top: var(--spacing-none);
}
.Ju6qCW4zhmChKcIhFGE5UA\=\= {
display: flex;
flex-direction: column;
gap: var(--spacing-large);
}
._1rDRZU3XQNZGrPDdCJgGTQ\=\= {
margin-top: auto;
}
._9aq7R8UdEEg1YFz8WlNL8A\=\= {
display: flex;
justify-content: space-between;
align-items: center;
}
.P858o0OHHBiVUyKGP-gL2w\=\= {
color: var(--content-secondary);
}
._9dVU645z8GhPA1wlXPT6Iw\=\= {
list-style-type: disc;
padding-left: var(--spacing-medium);
margin: var(--spacing-none);
}
.lAktv1ftt4\+ZYoGIIfLSaQ\=\= {
margin-bottom: var(--spacing-xsmall);
}
.lAktv1ftt4\+ZYoGIIfLSaQ\=\=:last-child {
margin-bottom: var(--spacing-none);
}
/* ─── Panel variant ─── */
.LwOuKxGGJme3BDAvixFkLA\=\= {
gap: var(--spacing-medium);
}
.LwOuKxGGJme3BDAvixFkLA\=\= .YYMNgmHeirOd6KLdmKpOmQ\=\= {
order: 2;
}
.LwOuKxGGJme3BDAvixFkLA\=\= .QWQHpO\+DggUz1i0L7V9BIg\=\= {
order: 3;
}
.LwOuKxGGJme3BDAvixFkLA\=\= .ObOXjYnHgrtW5Ol3MDzmPA\=\= {
order: 4;
}
.VGRF-scff5VVjy336ZUpQg\=\= {
color: var(--content-secondary);
}
.tpupzb22BVvxHaAvyIEr3A\=\= {
display: flex;
justify-content: center;
padding: var(--spacing-large) var(--spacing-none);
}
.voMyUkKQuvizd9vyDVx\+dg\=\= {
display: inline-flex;
align-items: center;
gap: var(--spacing-small);
padding: var(--spacing-small) var(--spacing-medium);
border: 1px solid var(--border-primary);
border-radius: var(--border-radius-large);
color: var(--content-primary-a);
text-decoration: none;
transition: background-color 0.2s;
}
.voMyUkKQuvizd9vyDVx\+dg\=\=:hover {
background-color: var(--background-secondary);
}
._4ZskeCfZbARuwQWja3\+kLQ\=\= {
padding-bottom: var(--spacing-large);
}
.U7bnj2Iw9qoT0cOM\+eJreg\=\= {
list-style-type: none;
padding: var(--spacing-none);
margin: var(--spacing-none);
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: var(--spacing-small) var(--spacing-xlarge);
}
.r3ALHqvAZaztGzMZZkt-6w\=\= {
margin: var(--spacing-none);
margin-bottom: var(--spacing-medium);
}
.d4faV-Iz6\+Zs3gE2nqHhDQ\=\= {
display: list-item;
list-style-type: disc;
margin-left: var(--spacing-medium);
}
@media only screen and (width <= 776px) {
.U7bnj2Iw9qoT0cOM\+eJreg\=\= {
grid-template-columns: 1fr;
}
}
.WFwMA-dhO2tc5Bp7eRorOQ\=\= {
/* stylelint-disable-next-line style-lint-plugin-qonto/require-spatial-token */
margin: 0 -24px;
}
.SiuY6vnsGyvSWCktDNUZfA\=\=,
.MLnZRhBPkdUOY1ZCchrZxQ\=\= {
display: grid;
grid-template-rows: repeat(5, auto);
width: 100%;
gap: var(--spacing-none) var(--spacing-xlarge);
}
.SiuY6vnsGyvSWCktDNUZfA\=\= {
grid-template-columns: repeat(3, 1fr);
}
.MLnZRhBPkdUOY1ZCchrZxQ\=\= {
grid-template-columns: repeat(2, 1fr);
}
.RCFZH-ZQyNz7eyA9g1YigQ\=\= {
display: grid;
grid-template-rows: subgrid;
grid-row: span 5;
position: relative;
}
.RCFZH-ZQyNz7eyA9g1YigQ\=\=:not(:last-child)::after {
content: '';
position: absolute;
right: -16px;
top: 0;
bottom: 0;
width: 1px;
background-color: var(--border-tertiary);
}
.RCFZH-ZQyNz7eyA9g1YigQ\=\= > * {
box-sizing: border-box; /* need to reset because apps have box-sizing: inherit; globally */
}
.ho2Pzp1ARcsiVdeOdoO5lg\=\= {
display: none;
}
.JzaW6w6cKyQjzP4JVUIdJw\=\= [class*='emblaContainer'] {
display: grid;
grid-auto-flow: column;
grid-template-rows: repeat(5, auto);
grid-auto-columns: 85%;
gap: var(--spacing-none) var(--spacing-medium);
}
.ho2Pzp1ARcsiVdeOdoO5lg\=\= .RCFZH-ZQyNz7eyA9g1YigQ\=\= {
display: grid;
grid-template-rows: subgrid;
grid-row: 1 / 6;
position: relative;
}
/* Divider after each carousel card except the last one */
.ho2Pzp1ARcsiVdeOdoO5lg\=\= .RCFZH-ZQyNz7eyA9g1YigQ\=\=:not(:last-child)::after {
content: '';
position: absolute;
right: -8px;
top: 0;
bottom: 0;
width: 1px;
background-color: var(--border-tertiary);
}
.ttDnmCpW3ZCleTHYNP3wHA\=\= {
display: block;
}
.BMRu\+IXhhRJ47HRG-l5TLg\=\= {
gap: var(--spacing-none) var(--spacing-medium);
}
.BMRu\+IXhhRJ47HRG-l5TLg\=\= .RCFZH-ZQyNz7eyA9g1YigQ\=\=:not(:last-child)::after,
.H0Q6ANlX5Yp6ZwwjKciUYA\=\= .RCFZH-ZQyNz7eyA9g1YigQ\=\=:not(:last-child)::after {
display: none;
}
.lAdwPVWBbNO9MM3yJgRS6A\=\= {
padding: var(--spacing-medium) var(--spacing-none) var(--spacing-none);
}
.j9U9H\+0FV6W4hQ-qvkterg\=\= {
border: 1px solid var(--border-tertiary);
border-radius: var(--radius-medium);
padding: var(--spacing-large);
}
@media only screen and (width <= 776px) {
.ho2Pzp1ARcsiVdeOdoO5lg\=\= {
display: block;
overflow: hidden;
}
.ttDnmCpW3ZCleTHYNP3wHA\=\= {
display: none;
}
.WFwMA-dhO2tc5Bp7eRorOQ\=\= {
margin: var(--spacing-none);
}
}
@media only screen and (width <= 1024px) {
.qr4kUnmlsvcFCr2Cx6ol0w\=\= {
display: block;
overflow: hidden;
}
.do7Mua8Hc9766RCcwvBoig\=\= {
display: none;
}
._7QL9ywbUz8bo9yncctm-Rw\=\= {
margin: var(--spacing-none);
}
.M31zCVwpkHwwoyIXXtfqZA\=\= ul {
flex-direction: column;
grid-template-columns: 1fr;
}
}
.mIPUNHmncCf971W38Kmucg\=\= {
padding: var(--spacing-large) var(--spacing-none);
border-top: 1px dashed var(--border-tertiary);
}
._7C6y-MDzKsi4W49vWTV9kg\=\= {
margin: var(--spacing-none);
margin-bottom: var(--spacing-medium);
}
.m8yBBFF3JW-JgZGtjh8WQg\=\= {
list-style-type: none;
padding: var(--spacing-none);
margin: var(--spacing-none);
display: flex;
flex-wrap: wrap;
gap: var(--spacing-medium) var(--spacing-xlarge);
}
.cyWzJk3ZNgN-2cYN2QDKvA\=\= {
display: flex;
align-items: center;
}
.gkgaiuZcLKyeuivvXQ0AYg\=\= {
width: 24px;
height: 24px;
flex-shrink: 0;
background-image: var(--icon-light-path);
background-size: 24px 24px;
background-repeat: no-repeat;
background-position: center;
}
.dark-theme .gkgaiuZcLKyeuivvXQ0AYg\=\= {
background-image: var(--icon-dark-path);
}
@media only screen and (width <= 776px) {
.m8yBBFF3JW-JgZGtjh8WQg\=\= {
flex-direction: column;
}
}
.cKjxp\+N69vYVYYaTfKatkg\=\= {
display: flex;
justify-content: center;
align-items: center;
height: var(--size-xlarge); /* same as Button */
gap: var(--spacing-small);
}
.OGUcSxUT9BlJ556aTnRUMA\=\= {
color: var(--content-success);
}
.I-8Vmssf-MJm\+duw9\+8y4g\=\= {
height: auto;
text-align: left;
text-decoration: underline !important;
text-underline-offset: 7px; /* emulate border bottom when line breaks */
border-bottom: none;
}
.I-8Vmssf-MJm\+duw9\+8y4g\=\=::after {
display: none;
}
.fDo1vw8hur4Mvu3uywgD7g\=\= {
/* stylelint-disable-next-line style-lint-plugin-qonto/require-spatial-token */
margin: 0 -24px;
}
.ORK0ZN\+sTRaOUDwaKumfjA\=\= {
display: flex;
flex-direction: column;
gap: var(--spacing-large);
background-color: var(--elevation-default);
color: var(--content-primary-a);
padding: var(--spacing-large);
border-radius: var(--radius-small);
flex: 1;
}
.Bd3FPbmpivAUlcd0dO5MkQ\=\= {
display: flex;
flex-direction: column;
gap: var(--spacing-small);
&.x-KJoPwMO1Ue1LOocLYkZw\=\= {
align-items: center;
gap: var(--spacing-xsmall);
padding-bottom: var(--spacing-medium);
}
&.LSSSBditGFbh\+-0zwlDujg\=\= {
flex-direction: row;
align-items: center;
padding-bottom: var(--spacing-large);
}
}
.qroDsymfisQgtCPN1lb-2Q\=\= {
padding-top: var(--spacing-large);
padding-bottom: var(--spacing-small);
}
@media only screen and (width <= 777px) {
.fDo1vw8hur4Mvu3uywgD7g\=\= {
margin: var(--spacing-none);
}
}
.fitKitatM9iHJIlj4zpNQg\=\= {
position: fixed;
inset: 0;
z-index: calc(var(--z-index-above) + 10);
display: flex;
flex-direction: column;
align-items: center;
width: 100vw;
min-height: 100vh;
padding: var(--spacing-xlarge);
overflow-y: auto;
background-color: var(--elevation-low);
}
.e3DAFu4L185bW6gkm-96IQ\=\= {
max-width: 504px;
}
.i6DudHN2iH8aN5OsCprVfA\=\= {
align-self: flex-end;
}
.GMksx7Xia2LVs-fowsZ6lw\=\= {
width: var(--size-medium);
height: var(--size-medium);
}
.RY\+e2hqqVgDIjrFRJNEcJg\=\= {
display: block;
width: 100%;
padding: var(--spacing-large);
margin-bottom: var(--spacing-medium);
text-decoration: none;
cursor: pointer;
background-color: var(--elevation-high);
border: 1px solid var(--border-tertiary);
border-radius: var(--radius-small);
box-shadow: var(--shadow-low);
transition: box-shadow 0.25s ease-in-out;
&:hover {
box-shadow: var(--shadow-high);
}
}
.m9LMrXIVZeY1eQNze2PlOw\=\= {
margin: var(--spacing-small) var(--spacing-none) var(--spacing-none) var(--spacing-none);
line-height: 24px;
color: var(--content-secondary);
text-align: left;
}
.WL8DT6puI6102T81tmuJsA\=\= {
margin-top: var(--spacing-small);
}
.kHgRazUPYeRpj4hAMAOe0g\=\= {
color: var(--content-primary-a);
text-align: left;
}
._7SSSiNDB-YvSqVopi\+bffw\=\= {
display: flex;
flex-direction: column;
gap: var(--spacing-medium-sm);
padding: var(--spacing-medium);
background: var(--elevation-low);
color: var(--content-primary-a);
border-radius: var(--radius-small);
&.oaY-XDA4cShmvfBHv3QTmg\=\= {
gap: var(--spacing-small);
}
}
.T\+N3cx8T7xJHG-1YIU8n3g\=\= {
display: grid;
grid-template-columns: 1fr auto;
gap: var(--spacing-xsmall) var(--spacing-medium-sm);
}
.tmGbugPPQJPF66WQJEROBQ\=\= {
display: grid;
gap: var(--spacing-medium-sm);
grid-template-areas: 'titles price';
&.sJq2I9h2yS3pHIOKjzQwSA\=\= {
grid-template-areas:
'titles price'
'caption price';
}
&.oaY-XDA4cShmvfBHv3QTmg\=\= {
grid-template-columns: 1fr;
grid-template-areas:
'titles'
'price';
place-items: start;
gap: var(--spacing-small);
&.sJq2I9h2yS3pHIOKjzQwSA\=\= {
grid-template-areas:
'titles'
'price'
'caption';
}
}
}
.mxGZ9CJozplM6R77SleIhA\=\= {
grid-area: top;
}
.HngmbnyR6Fcm6wiWZJCv6g\=\= {
grid-area: titles;
}
.zzi66umj8LPgu-cJsqpDYw\=\= {
grid-area: caption;
}
.u4cK5NwV6rWwr1iIWFr6mw\=\= {
grid-area: price;
display: flex;
flex-direction: column;
align-items: flex-end;
}
.oaY-XDA4cShmvfBHv3QTmg\=\= .u4cK5NwV6rWwr1iIWFr6mw\=\= {
align-items: flex-start;
}
._7SSSiNDB-YvSqVopi\+bffw\=\=.fT\+W4yCoxdh4E6eTXa9RuA\=\= {
background: var(--elevation-high);
}
._7SSSiNDB-YvSqVopi\+bffw\=\=.YaLIHYvKKWYQJkDIoo0NxA\=\= {
gap: var(--spacing-xsmall) var(--spacing-medium);
padding: var(--spacing-none);
background: var(--elevation-default);
}
._7SSSiNDB-YvSqVopi\+bffw\=\=.ztq1LZfsh4vIL4yV\+m2r6A\=\= {
border: 1px solid var(--gray300);
}
._7SSSiNDB-YvSqVopi\+bffw\=\=.IEqCe8JWO4hPbhkRj8-mnw\=\= {
border: 1px solid var(--gray100);
background: transparent;
}
.oVQSv4vgmSpCMIiX85w9-w\=\= {
padding: var(--spacing-xsmall);
}
.oNgR-dJrjsv5UYUCSPGgJg\=\= {
display: flex;
flex-direction: column;
align-items: flex-end;
&.QrwgNnqLs-PG7OQ0wmxJHA\=\= {
flex-direction: row-reverse;
align-items: center;
gap: var(--spacing-xsmall);
}
}
.u4cK5NwV6rWwr1iIWFr6mw\=\= .YaLIHYvKKWYQJkDIoo0NxA\=\= {
background: var(--background-accent-low);
padding: var(--spacing-xsmall);
}
.lPH1M9xCs5lhtSDmBlQ8Gw\=\= {
color: var(--content-secondary);
text-decoration: line-through;
}
.Z0\+ehkMaBRItHneSz\+0clg\=\= {
color: var(--content-secondary);
height: 100%;
}
.IR0H9V\+wYJuNKx\+ouStc\+w\=\= {
display: flex;
align-items: center;
height: var(--size-medium);
margin-bottom: var(--spacing-small);
}
.Jh6KyPJ4EaAzBccHTNlcJA\=\= {
color: var(--content-secondary);
}
._22uw4lj4EB6N3DmwAUfMPg\=\= {
display: flex;
flex-direction: column;
width: 504px;
text-align: center;
align-items: center;
}
.L1XUtrrAMH45HM\+lz\+qpDQ\=\= {
width: 200px;
height: 200px;
margin: var(--spacing-none) var(--spacing-none) var(--spacing-xlarge);
}
._6P5J\+ZYoLSDkoqIM8r9SUQ\=\= {
color: var(--content-primary-a);
margin: var(--spacing-none) var(--spacing-none) var(--spacing-medium);
}
._76zpUWRWKMoO9kxRKh-fGA\=\= {
color: var(--content-primary-a);
margin: var(--spacing-none) var(--spacing-none) var(--spacing-xlarge);
}
.b5\+9up9aA8\+TSbcmpMAN1A\=\= {
@media only screen and (width > 374px) {
display: none !important;
}
}
.K8HWECklIXQbTJqs1gVF8A\=\= {
@media only screen and (width <= 374px) {
display: none !important;
}
}
.a\+6go4piyn9VvfrfgQMntw\=\= {
width: 100%;
display: flex;
flex-direction: column;
gap: var(--spacing-medium);
}
.rFb-7DHaZRIB\+L0fliIgFQ\=\= {
display: flex;
justify-content: space-between;
}
._78ruJi8i1kBUsJ8BHWsx6Q\=\= {
color: var(--content-secondary);
}
.x8zte3RCcZwItRm6FuNudA\=\= > li {
justify-items: stretch;
}
.Gacn2S5f3dCI48EO-RwOTg\=\= {
width: 100%;
}
.q\+9CwTAnHycqaK9mUVeZEA\=\= {
display: flex;
justify-content: space-between;
width: 100%;
}
.U97BFEqSP7LxW3MIOPfttw\=\= {
align-items: center;
display: flex;
gap: var(--spacing-small);
}
._1A5MWW0RGN\+Sgx9inND7LQ\=\= {
color: var(--content-primary-a);
}
._7dogvb6hH67xu9czefQ5Tw\=\= {
color: var(--content-accent);
}
._783I613Fg0A8fvvArzAr-A\=\= {
display: flex;
flex-direction: column;
align-items: center;
gap: var(--spacing-medium);
}
.rwZDFjJZCzajZ-W8nmUT\+Q\=\= {
display: flex;
gap: var(--spacing-medium);
width: 100%;
}
._3sF\+W9TLpyeqFYELGe1cuA\=\= {
width: 100%;
}
.N2oo82-1acFhZcrH\+SRP9g\=\= {
width: fit-content;
}
.Qwst4xe1vOmI\+WvdWeelng\=\= {
display: flex;
align-items: center;
gap: var(--spacing-small);
width: 100%;
padding: var(--spacing-small) var(--spacing-small) var(--spacing-small) var(--spacing-medium);
background-color: var(--background-tertiary);
border-radius: var(--radius-small);
}
._42SicNsr8jL72wlb0FhphQ\=\= {
display: flex;
align-items: center;
gap: var(--spacing-small);
justify-content: space-between;
flex: 1;
min-width: var(--size-none);
}
.F8DrFWG5KKrunraJFJDAzQ\=\= {
width: var(--size-medium);
height: var(--size-medium);
}
.x9oPmBFUVsaOqprfpEcqTQ\=\= {
white-space: nowrap;
}
.ukowPozSOXs7pqdhDz5Dbw\=\= {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.yxawaRbjh5y7JSpaSYRxcg\=\= {
@media (width <= 1024px) {
width: 100%;
max-width: none;
}
}
.foBMa6Hdi9y4U3cw3Kgn9w\=\= {
display: flex;
flex-direction: column;
gap: var(--spacing-8);
}
.AGS2moDV6m7DeRn9LaTmzQ\=\= {
padding: var(--spacing-none) var(--spacing-8);
display: flex;
align-items: center;
gap: var(--spacing-12);
}
.yer0vrqquiiQ3MOJ2-yi5A\=\= {
display: flex;
flex-direction: column;
border-radius: var(--radius-medium);
background: var(--elevation-high);
overflow: hidden;
padding: var(--spacing-none) var(--spacing-16);
}
.tTh2Pwu6SDjzTIuJK\+1bkA\=\= {
display: flex;
justify-content: space-between;
align-items: baseline;
gap: var(--spacing-16);
padding: var(--spacing-8) var(--spacing-none) var(--spacing-12) var(--spacing-none);
}
.XoQqx-cQE7aAc1jUbFK10g\=\= {
display: flex;
flex-direction: column;
gap: var(--spacing-xsmall);
}
.xdI95SD9a8i21C91CG7pTA\=\= {
display: flex;
flex-direction: column;
align-items: flex-end;
gap: var(--spacing-xsmall);
text-align: right;
flex-shrink: 0;
}
.Bd0cDCRBk045GmcYRM1cRQ\=\= {
display: flex;
align-items: baseline;
justify-content: flex-end;
gap: var(--spacing-8);
}
.R9bjxCNSzK\+1mod6SQyCGA\=\= {
color: var(--content-secondary);
}
._4UApGG7R1fFYhiquqEjuZg\=\= {
text-decoration: line-through;
}
.yaRDYr84ES659b7ph6aTEQ\=\= {
display: flex;
flex: 1;
flex-direction: column;
align-items: flex-start;
gap: var(--spacing-4);
min-width: var(--size-none);
}
.j-8HBvJ0X-yh\+eDgDcpgtQ\=\= {
display: block;
width: var(--spacing-12);
}
.cuL6JO69eWcTWOmGxAo3gQ\=\= {
display: flex;
align-items: center;
gap: var(--spacing-xsmall);
align-self: stretch;
width: 100%;
min-width: var(--size-none);
}
.sLeVbDQs1wP6VmBalV8Ddw\=\= {
color: var(--content-primary-a);
}
._5rscJ\+cEvCrI3nigTJXddQ\=\= {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: var(--spacing-none) var(--spacing-16);
padding: var(--spacing-8) var(--spacing-none) var(--spacing-16) var(--spacing-none);
@media (width <= 1024px) {
grid-template-columns: repeat(1, 1fr);
}
}
._5rscJ\+cEvCrI3nigTJXddQ\=\= li:has(.vnMKnoTdg5K2Ff2Xl71-Iw\=\=) {
background: var(--background-accent-low);
width: fit-content;
height: fit-content;
}
._8mrX4eR6lPRUB25e5gUZUw\=\= {
display: flex;
align-items: center;
gap: var(--spacing-16);
padding: var(--spacing-12) var(--spacing-none);
@media (width <= 840px) {
flex-direction: column;
align-items: flex-start;
}
}
.TcIek5-tpjqrL1wum5QKLA\=\= {
flex-shrink: 0;
margin-left: auto;
@media (width <= 840px) {
margin-left: var(--spacing-none);
}
}
.F8neMD8ezOe-Ja\+\+0A9umQ\=\= {
display: flex;
gap: var(--spacing-8);
align-items: center;
}
.yfbdJG9i6OsuzzX\+6N63og\=\= {
display: flex;
align-items: center;
gap: var(--spacing-8);
}
.AzVlMVFBnFXgB0bHqX0xTA\=\= {
color: var(--content-tertiary);
}
.ePgBBHTfKAuT1Puxp\+HfPw\=\= {
display: flex;
flex-direction: column;
gap: var(--spacing-medium);
}
.cQisgfUlZFjR2MAEEDLffA\=\= {
display: flex;
flex-direction: column;
gap: var(--spacing-medium-sm);
}
._0VddfZ0qukIffxG7T18Cew\=\= {
display: flex;
flex-direction: column;
gap: var(--spacing-small);
}
._5JKqYGgSYd7w1XBDwlL96g\=\= {
display: flex;
flex-direction: column;
gap: var(--spacing-large);
}
._0VddfZ0qukIffxG7T18Cew\=\=:not(:last-child) {
border-bottom: 1px solid var(--border-tertiary);
padding-bottom: var(--spacing-medium);
}
.vaQEsiPUuPBU5p6raWltPA\=\= {
display: flex;
justify-content: space-between;
gap: var(--spacing-medium);
}
.XRNivXdJt5pHepuWvw-tsg\=\= {
display: flex;
align-items: baseline;
gap: var(--spacing-small);
}
.LueKSh-XazCXoAr-LP1A2g\=\= {
color: var(--content-secondary);
}
.aRGMvbHPcHBo2WiCNCRoCA\=\= {
display: flex;
justify-content: space-between;
align-items: baseline;
}
.DnhhjC01lbgEnp2ZOhrg7A\=\= {
color: var(--content-accent);
}
._300dAncRB9rGBPD2\+w9VTQ\=\= {
display: flex;
width: 100%;
height: 100%;
flex-direction: row;
background-color: var(--elevation-low);
min-height: fit-content;
@media (width <= 1024px) {
flex-direction: column;
}
}
.aNSt6fKvAm7t2OV95LSdvA\=\= {
display: flex;
flex-direction: column;
gap: var(--spacing-xlarge);
padding: var(--spacing-huge) var(--spacing-xxxlarge);
}
.ovbX3YF-o2Tjq8-8ZdxVeg\=\= {
width: 100%;
min-height: fit-content;
}
.M3ihwFdLwsBmXbMHKhBC8g\=\= {
width: 56%;
background-color: var(--elevation-high);
max-width: 520px;
min-height: fit-content;
@media (width <= 1024px) {
width: 100%;
min-width: 100%;
max-width: 100%;
}
}
.dRhqTgh6tJ8sm3QustYHjw\=\= {
display: flex;
flex-direction: column;
gap: var(--spacing-large);
}
.Of0op2mGG0ffTuAHgU264Q\=\= {
max-width: 920px;
margin: var(--spacing-none) auto;
width: 100%;
gap: var(--spacing-xlarge);
display: flex;
flex-direction: column;
@media (width <= 1024px) {
max-width: 100%;
}
}
.aLIeTCb6R3\+ZGLpq-9k3gQ\=\= {
display: flex;
flex-direction: column;
align-items: center;
align-self: center;
justify-content: center;
width: 100%;
height: 100%;
padding-top: var(--spacing-huge);
overflow: hidden;
}
.vip4AAzQsEvw1gS8ua542Q\=\= {
width: 100%;
height: 100%;
border: 0;
}
.tZmB4bw28krvptcdDcDvYA\=\= {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
padding: var(--spacing-64) var(--spacing-24);
}
.pL\+RRxfQJBzzVmKyTDduYA\=\= {
display: flex;
flex-direction: column;
gap: var(--spacing-16);
align-items: flex-start;
width: 504px;
max-width: 504px;
}
.\+UW55FW-QpxsR0iJxRcNzg\=\= {
align-self: flex-start;
width: 200px;
height: 200px;
padding: var(--spacing-40);
margin-bottom: var(--spacing-16);
}
.PswoBwPHYzKTLjXWrgSBmg\=\= {
display: flex;
gap: var(--spacing-16);
align-items: center;
justify-content: space-between;
width: 100%;
padding: var(--spacing-16) var(--spacing-none);
}
.vZ1BWxJbYzORCGwrd6lyig\=\= {
display: flex;
flex-direction: row;
align-items: center;
max-height: var(--size-xxlarge);
}
._9ChDYgYq-IJVa5J75vPsNA\=\= {
display: flex;
align-items: center;
justify-content: center;
width: var(--size-xxlarge);
height: var(--size-xxlarge);
margin-right: var(--spacing-16);
cursor: pointer;
background: transparent;
border: 1px solid var(--border-tertiary);
border-radius: var(--radius-xsmall);
}
._9ChDYgYq-IJVa5J75vPsNA\=\=:hover {
background-color: var(--background-secondary);
border-color: var(--overlay-primary-a-color);
}
.t6oIcfM3DVfJsN5GzK\+CvQ\=\= {
display: flex;
align-items: center;
justify-content: center;
color: var(--content-primary-a);
}
.higWXdGRtRWZuJmnaIP0wg\=\= {
overflow: hidden;
text-overflow: ellipsis;
}
.AcywFyCrXXkomKoilal0tw\=\= {
overflow: hidden;
text-overflow: ellipsis;
font-weight: 500;
color: var(--content-primary);
white-space: nowrap;
}
.SodEcEny3gQTMbIZrl\+dnA\=\= {
width: 100%;
padding-top: var(--spacing-24);
margin-bottom: var(--spacing-16);
border-top: 1px solid var(--border-tertiary);
}
.LW\+jcMgPTGURsc3-K7XDDg\=\= {
display: flex;
gap: var(--spacing-16);
align-items: center;
justify-content: flex-start;
width: 100%;
}
._3jGfU-x7vpSe5yGBU8Y4Mw\=\= {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
padding: var(--spacing-64) var(--spacing-24);
}
._1nS6k0efCHrpkHzknAAkvw\=\= {
display: flex;
flex-direction: column;
gap: var(--spacing-32);
align-items: center;
width: 504px;
text-align: center;
}
.uSO0hXO-DcojDV\+SsQsEcQ\=\= {
align-self: center;
width: 200px;
height: 200px;
}
.njY9ayiq4pHoqR9uCIz6Pg\=\= {
display: flex;
flex-direction: column;
gap: var(--spacing-16);
align-items: center;
width: 100%;
}
.SDqWgHr6osIwzjys9wBtDg\=\= {
color: var(--content-primary-a);
}
.jOn8J3tZQQuDQed5tn8OQw\=\= {
color: var(--content-primary-a);
}
.A0WlwVf2-vGrYdx1JOhuoA\=\= {
display: flex;
flex-direction: column;
gap: var(--spacing-16);
align-items: center;
width: 100%;
}
._7foFxaOLfWC0ulo722NixA\=\= {
display: flex;
flex-direction: column;
width: 504px;
text-align: center;
align-items: center;
}
.IxiWIf9-0FtjyO1goHT9Mw\=\= {
display: flex;
width: 504px;
align-items: center;
flex-direction: column;
}
.RAHIDEY5rgqEYvgX5FxiwQ\=\= {
width: 200px;
height: 200px;
margin: var(--spacing-none) var(--spacing-none) var(--spacing-xlarge);
}
.S55tXriJ0EqSkJsJvkS\+Fw\=\= {
color: var(--content-primary-a);
margin: var(--spacing-none) var(--spacing-none) var(--spacing-medium);
}
.S1Oe-JJ9NWa0Xeo4CRGQCg\=\= {
color: var(--content-primary-a);
margin: var(--spacing-none) var(--spacing-none) var(--spacing-xlarge);
}
._9g3Dzy9PGgwtWm1UAbLRSw\=\= {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
}
.d1La2D9p4qncmXjugBfEXA\=\= {
display: flex;
flex-direction: column;
gap: var(--spacing-xlarge);
align-items: flex-start;
width: 504px;
max-width: 504px;
}
.vb8nDlaWaZDMxfe3TOeeDA\=\= {
width: 200px;
height: 200px;
}
.oYu1ovy2cvWQ2hPeF6w3Qg\=\= {
display: flex;
flex: 1;
flex-direction: column;
overflow-y: auto;
background-color: var(--elevation-low);
}
.kps2A6WsfHebkPwM0hbvSg\=\= {
display: flex;
flex-direction: column;
width: 504px;
height: 100%;
min-height: fit-content;
margin: var(--spacing-huge) auto var(--spacing-xxxlarge);
}
.-MT9gT5diBAMZbYQ48pVMA\=\= {
padding: var(--spacing-large);
background: var(--elevation-high);
}
.ZVpb5Zqu5ZISDSHhvh7Dhg\=\= {
align-self: center;
}
._10UX5b53pkWMfE-7R4bbtw\=\= {
display: flex;
gap: var(--spacing-8);
flex-direction: column;
}
._6YaKqxrFiUUzdRHCcYckEw\=\= {
display: flex;
gap: var(--spacing-8);
align-items: baseline;
}
.l18RT\+BJhHQIPUBkWlDeWA\=\= {
display: flex;
gap: var(--spacing-4);
flex-direction: column;
}
.uIUVTHS097M5kD4hhY96bg\=\= {
color: var(--content-primary-a);
}
._3ZA9aZQ48XAf7218FeqgoQ\=\= {
text-decoration-line: line-through;
color: var(--content-secondary);
}
.Oy5Azq6VJNGAncVnsuuIgA\=\= {
color: var(--content-secondary);
}
.CyThcw0fBAb1k4g6n6dpww\=\= {
display: flex;
gap: var(--spacing-16);
flex-direction: column;
color: var(--content-primary-a);
/* stylelint-disable-next-line style-lint-plugin-qonto/require-spatial-token */
padding: 0 90px;
width: 100%;
height: 100%;
justify-content: center;
}
._3NxlPGtpBpZ-nh1zn2pHZg\=\=,
.WKO8Km6uR1jWmVTIAqV4nQ\=\=,
._53OoEdXwC6ShcGQyiWtjIw\=\= {
background-color: var(--elevation-low);
}
.hQ1jSWTwshrmbV6cPKDh3w\=\= {
width: 200px;
height: 200px;
margin-bottom: var(--spacing-16);
}
.KTfB30gZIq5URxpW0cTwDQ\=\= {
width: fit-content;
}
._74NCKFlg35t7NZuIyZ9IEA\=\= {
color: var(--content-secondary);
}
.RewCqM8LgRlthJ1nJvaorw\=\= {
display: flex;
border: 1px solid var(--border-tertiary);
border-radius: var(--radius-xsmall);
}
._22PhTplnM8j-Gpn40PpKhQ\=\= {
display: flex;
flex: 1;
flex-direction: column;
gap: var(--spacing-4);
/* stylelint-disable-next-line style-lint-plugin-qonto/require-spatial-token */
padding: 7px 16px;
background-color: var(--elevation-high);
}
.ZqZyzDN0V0eKdd-gqEeirg\=\= {
background-color: var(--background-tertiary);
border-left: 1px solid var(--border-tertiary);
}
.Stiy8ZgQL3PCT7fPnTvI\+Q\=\= {
color: var(--content-secondary);
}
.Dm\+IBSQDWSuiD3paWtWAOg\=\= {
display: flex;
flex-direction: column;
gap: var(--spacing-24);
}
.fz99h0BGs\+4ccancq2Yo6w\=\= {
display: flex;
flex-direction: column;
gap: var(--spacing-8);
}
._63Ib8DgivpQ948M9\+0tDgg\=\= {
display: flex;
gap: var(--spacing-4);
/* stylelint-disable-next-line style-lint-plugin-qonto/require-spatial-token */
padding-left: 2px;
}
.mm-Te\+yaB7cBOvI-CFZv7w\=\= {
color: var(--content-secondary);
}
.mm-Te\+yaB7cBOvI-CFZv7w\=\=::before {
content: '· ';
}
.GuxWYQaE2Ztgg3fXjkfckQ\=\= {
display: flex;
flex-direction: column;
width: 100%;
}
._4cUw2X31FeHlv2Ugv-StbA\=\= {
display: flex;
gap: var(--spacing-4);
width: 100%;
padding: var(--spacing-small) var(--spacing-none);
margin-bottom: var(--spacing-large);
border-bottom: 1px solid var(--border-tertiary);
}
._8oSVJypSHIw6K9KkYORkBg\=\= {
display: flex;
flex: 1;
flex-wrap: wrap;
gap: var(--spacing-4);
}
.bYF2t6dqzOjxXnqA6p5PSA\=\= {
color: var(--content-secondary);
}
.fDm3GB8Y4j9AJ13QXZ9JhA\=\=,
.xgp3gjuqnJjMvZCJu5uTcA\=\= {
display: flex;
flex-direction: column;
justify-content: center;
flex: 0 0 50%;
height: 100%;
/* stylelint-disable-next-line style-lint-plugin-qonto/require-spatial-token */
padding: 0 90px;
}
.fDm3GB8Y4j9AJ13QXZ9JhA\=\= {
background: var(--elevation-low);
}
.xgp3gjuqnJjMvZCJu5uTcA\=\= {
gap: var(--spacing-xxlarge);
}
.HWh2MzcG7p5H0T2GCQCmCg\=\= {
display: flex;
width: 100%;
height: 100vh;
min-width: 1368px;
padding: var(--spacing-none);
}
.fqKK0lTIFF5TdUU7j7K5BQ\=\= {
margin-bottom: var(--spacing-24);
}
.f69sFN065SaBSdA3gp21PQ\=\=,
._96V2DgHozd1f3zRLQ59Lbg\=\= {
margin-bottom: var(--spacing-24);
}
._96V2DgHozd1f3zRLQ59Lbg\=\= {
display: flex;
flex-direction: column;
gap: var(--spacing-medium-sm);
}
.wsx2C7mjz2EZ\+Mj1RbW8hw\=\= {
display: flex;
border: 1px solid var(--border-tertiary);
border-radius: var(--radius-xsmall);
}
.fITC3s\+G1GXpZvSbneIOdQ\=\= {
flex: 0 0 50%;
/* stylelint-disable-next-line style-lint-plugin-qonto/require-spatial-token */
padding: 26px 12px;
}
._8Rlj2IAU74f1pugeMGV-Lw\=\= {
position: fixed;
z-index: var(--z-index-above);
inset: 0;
}
._1h758yTj7K7BixcaRb9ugA\=\= {
height: 100vh;
overflow: auto;
background-color: var(--elevation-default);
}
.TL7I7iQwc-ZBf\+KywxoWkg\=\= {
position: relative;
display: flex;
flex-direction: row;
width: 100%;
min-width: 1368px;
height: 100vh;
padding: var(--spacing-none);
}
.kIBfWAs-ZoVO3fRlRuEFaQ\=\=,
._0f2Om1MG6GVp43zaxQuLCA\=\= {
flex: 0 0 50%;
width: 50%;
height: 100%;
}
._0f2Om1MG6GVp43zaxQuLCA\=\= {
display: flex;
flex-direction: column;
height: 100%;
/* stylelint-disable-next-line style-lint-plugin-qonto/require-spatial-token -- non-standard value, to be fixed later */
padding: 80px 90px 104px;
overflow-y: auto;
}
.nDrH7gv7s5qyvRys6PdThA\=\= {
position: relative;
display: flex;
flex: 1;
align-items: center;
justify-content: center;
}
.\+J4GS8uYgYOLVUfGeHKG0A\=\= {
position: absolute;
right: 0;
bottom: 0;
z-index: var(--z-index-above);
display: flex;
flex-direction: row;
gap: var(--spacing-medium);
width: 50%;
height: 100px;
/* stylelint-disable-next-line style-lint-plugin-qonto/require-spatial-token -- non-standard value, to be fixed later */
padding: 30px 90px;
background: linear-gradient(to bottom, transparent 0, var(--elevation-default) 30px);
}
._2CXQh2ADkv6kTtiMGcikKA\=\= {
height: 100%;
}
.gV8XrqjEB6FzKV46adXhUQ\=\= {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
}
@media only screen and (width < 1368px) {
.hYUf86uNyHjmOYI8R8UJCQ\=\= {
width: fit-content;
}
}
.jJnS\+ArAwg6Zg5MjCi9Iqg\=\= {
margin-bottom: var(--spacing-large);
@media only screen and (width > 776px) {
display: none;
}
}
.o1M885claRKxY7bODvvGhg\=\= {
@media only screen and (width > 776px) {
display: none;
}
}
._2XqKBoaiwYgLM\+11pnk0Fg\=\= {
max-width: none;
padding: var(--spacing-medium-sm) var(--spacing-medium);
border: none;
border-radius: var(--radius-small);
/* Icon sizing */
svg {
flex-shrink: 0;
width: var(--size-xlarge);
height: var(--size-xlarge);
}
/* Override the icon wrapper alignment */
div[class*='disclaimer-module__icon'] {
align-self: center;
}
}
.bOu5Esql8TaRo0GJD76hIw\=\= {
display: flex;
gap: var(--spacing-small);
align-items: center;
justify-content: center;
}
.mFX7X2dQKsNI6kUT\+7BKmg\=\= {
margin: var(--spacing-none);
text-align: left;
}
.qY9oFsmyaSNN8yPivCdyag\=\= {
display: flex;
justify-content: center;
max-width: none;
padding: var(--spacing-medium-sm) var(--spacing-medium);
border: none;
border-radius: var(--radius-small);
path {
fill: currentcolor !important;
}
}
.xPRCA4jEON4oe5dwNqxIGw\=\= {
max-width: 1032px;
padding-top: var(--spacing-xlarge);
margin: var(--spacing-none) auto;
}
.y6hP4h9N6gQxcTgALzS8zQ\=\= {
@media only screen and (width <= 1024px) {
display: none;
}
}
.GSa5etoHFf\+bEBEkcZsj-g\=\= {
@media only screen and (width > 1024px) {
display: none;
}
}
.EJmCcuLmwCGFVwTJ2q4xuw\=\= {
display: flex;
margin-bottom: var(--spacing-xlarge);
}
.Cl3zhm\+eFhJ71AF6NG-VFg\=\= {
flex: 1;
margin-right: var(--spacing-medium);
}
@media only screen and (width <= 1290px) {
.xPRCA4jEON4oe5dwNqxIGw\=\= {
max-width: 100%;
padding-right: var(--spacing-xxxlarge);
padding-left: var(--spacing-xxxlarge);
margin: var(--spacing-none) auto var(--spacing-xlarge);
}
}
@media only screen and (width <= 480px) {
.xPRCA4jEON4oe5dwNqxIGw\=\= {
/* stylelint-disable-next-line style-lint-plugin-qonto/require-spatial-token -- 108px is a fixed header offset, no design token available */
padding: 108px 16px 0;
}
.dB\+bKItAgWgOPZX327p9Cg\=\= {
margin-bottom: var(--spacing-medium);
}
.EJmCcuLmwCGFVwTJ2q4xuw\=\= {
flex-direction: column;
margin-bottom: var(--spacing-medium);
}
}
.DVjAjU6rRGkGLxV-wK8KmQ\=\= {
color: var(--content-secondary);
}
.RZJ9WX8Z9-QKDNn\+4gBdrA\=\= {
color: var(--content-accent);
}
._39qlQGPKmlydELFAs8YKfA\=\= {
display: flex;
flex-direction: column;
align-items: center;
padding-bottom: var(--spacing-xlarge);
margin: var(--spacing-xlarge) var(--spacing-none) var(--spacing-none) var(--spacing-none);
@media only screen and (width <= 776px) {
padding-right: var(--spacing-medium);
padding-left: var(--spacing-medium);
}
}
.fMWmtF0PZNNncy7XuF1qYg\=\= {
@media only screen and (width <= 776px) {
display: none;
}
}
._3lOvYdO9-MfLOi2dzaQTYg\=\= {
position: relative;
display: grid;
grid-template-rows: subgrid;
grid-row: span 3;
}
/* stylelint-disable style-lint-plugin-qonto/require-spatial-token -- mesh gradient from designer, no spatial tokens for 18px/2px */
.VCI5jjEkiLaEYGjcj9Xrlg\=\= {
background:
radial-gradient(circle at top left, #b5d4f8 0%, transparent 60%),
radial-gradient(circle at top right, #c8c5f5 0%, transparent 60%),
radial-gradient(circle at bottom right, #cdb8f5 0%, transparent 65%),
radial-gradient(circle at bottom left, #a8c5f2 0%, transparent 70%),
linear-gradient(#c2c8f5, #c2c8f5);
border-radius: 18px;
padding: var(--spacing-large) 2px 2px;
box-shadow: var(--shadow-high);
}
/* stylelint-enable style-lint-plugin-qonto/require-spatial-token */
/* stylelint-disable style-lint-plugin-qonto/require-spatial-token -- matches the 2px frame of .wrapperRecommended */
.VCI5jjEkiLaEYGjcj9Xrlg\=\=.My0QdYZ0NtcrjzZKDoUPNQ\=\= {
padding: 2px;
}
/* stylelint-enable style-lint-plugin-qonto/require-spatial-token */
.mYgJJSMl22tjYG8sEHS1PA\=\= {
position: absolute;
top: 0;
left: 0;
right: 0;
height: var(--spacing-large);
display: flex;
align-items: center;
justify-content: center;
color: var(--content-primary-a);
}
.bs2c7zKwPyxS-Zp7E4hb5w\=\= {
display: grid;
grid-template-rows: subgrid;
grid-row: 1 / 4;
gap: var(--spacing-medium);
padding: var(--spacing-medium);
background-color: var(--elevation-default);
border-radius: var(--radius-large);
box-shadow: var(--shadow-high);
color: var(--content-primary-a);
}
/* Inner white card — same shadow and radius as all other cards */
.TaxeqnZtpUbOsPIhdODriw\=\= {
border-radius: var(--radius-large);
box-shadow: var(--shadow-high);
}
/* ─── Header (title + badge row + description) ─── */
._48nJTn\+NqC3LRe3IBZrAwA\=\= {
display: flex;
flex-direction: column;
gap: var(--spacing-medium);
}
.WvinSxUe9ESKgz1ooNaByw\=\= {
display: flex;
justify-content: space-between;
align-items: center;
gap: var(--spacing-small);
}
.cRcnPJGHTrD1Ju1JeSL1GQ\=\= {
margin: var(--spacing-none);
}
.Y-dlZb5O6F0qir1TeGfTKQ\=\= {
color: var(--content-secondary);
margin: var(--spacing-none);
}
.L-u8SGZyR04sLLmYGRglmQ\=\= {
display: flex;
align-items: baseline;
flex-wrap: wrap;
}
._9gqU4\+CaVIbh294pIbeHJA\=\= {
color: var(--content-secondary);
text-decoration: line-through;
margin-right: var(--spacing-small);
}
.l6VbaAsebrcFDgyDPcJULg\=\= {
color: var(--content-secondary);
}
._9xFwCjVwI68w0xzQ0neoDA\=\= {
color: var(--content-secondary);
margin: var(--spacing-none);
}
.hiD\+EoIzKYUIn5BZg3YM8Q\=\= {
display: flex;
flex-direction: column;
gap: var(--spacing-large);
}
.GglQfr9ycqfwqzbWJa-D7A\=\= {
list-style: none;
padding-left: var(--spacing-medium);
margin: var(--spacing-none);
display: flex;
flex-direction: column;
gap: var(--spacing-medium-sm);
flex: 1;
}
.VyRCviLYFJvqSxi73T5sQQ\=\= {
position: relative;
padding-left: var(--spacing-medium-sm);
}
.VMQq5HrGsL7kyvzur\+D-vg\=\= {
color: var(--content-secondary);
text-decoration: line-through;
}
.VyRCviLYFJvqSxi73T5sQQ\=\=::before {
content: "";
position: absolute;
left: -12.25px;
top: 50%;
transform: translateY(-50%);
width: 4.5px;
height: 4.5px;
border-radius: var(--radius-round);
background-color: currentcolor;
}
.AjKwbMACSB48BnJ9ox8sXQ\=\= {
margin-left: var(--spacing-large);
align-self: flex-start;
}
/* ─── Desktop grid ─── */
.yTUcN49rQtKAaZksxOxijQ\=\= {
display: grid;
grid-template-rows: repeat(3, auto);
grid-template-columns: repeat(auto-fit, 245px);
justify-content: center;
gap: var(--spacing-none) var(--spacing-medium);
padding-inline: var(--spacing-xxxlarge);
}
.Imph3xivMdoBY1epx5fzqw\=\= {
display: grid;
grid-template-rows: subgrid;
grid-row: span 3;
}
/* Push non-recommended cards down so their white card aligns with the
recommended card's inner white card (below its 24px label area) */
.Imph3xivMdoBY1epx5fzqw\=\=:not(:has([data-recommended])) {
padding-top: var(--spacing-large);
}
/* Treatment_B has no ribbon above the recommended card, so non-recommended
cards don't need the 24px compensation — they align at the top with the
recommended card's 2px gradient frame. */
/* stylelint-disable style-lint-plugin-qonto/require-spatial-token -- matches the 2px gradient frame */
.Ae4iWQIADcFFSjCSyndKoQ\=\= .Imph3xivMdoBY1epx5fzqw\=\=:not(:has([data-recommended])) {
padding-top: 2px;
}
/* stylelint-enable style-lint-plugin-qonto/require-spatial-token */
.FPwvol7hmESfreGu10JiRQ\=\= {
grid-template-columns: repeat(auto-fit, 285px);
}
/* ─── Mobile carousel ─── */
/* Clips horizontal overflow while allowing card box-shadows to bleed
outside the padding area. padding-inline creates the visual inset at
both ends of the carousel. */
.Sl4npYjD31B\+HZL8tfl62A\=\= {
overflow: clip;
overflow-clip-margin: 12px;
padding-inline: var(--spacing-medium);
}
@media screen and (width >= 776px) {
.Sl4npYjD31B\+HZL8tfl62A\=\= {
padding-inline: var(--spacing-xxxlarge);
}
}
.BUabGw2pnm46R9D0-OEuEA\=\= {
margin-top: var(--spacing-none);
margin-bottom: var(--spacing-large);
}
.u1COulbstiJ1C30AoHmcdQ\=\= {
overflow: visible;
}
.adAMmUZiQEuGLud18jWH1Q\=\= {
display: grid;
grid-auto-flow: column;
grid-template-rows: repeat(3, auto);
grid-auto-columns: var(--slide-size, 80%);
gap: var(--spacing-none) var(--spacing-medium);
}
._2XIo6FgNNI29dbzAQ\+jS3A\=\= {
display: grid;
grid-template-rows: subgrid;
grid-row: 1 / 4;
}
/* Push non-recommended slides down so the recommended label peeks above them */
._2XIo6FgNNI29dbzAQ\+jS3A\=\=:not(:has([data-recommended])) {
padding-top: var(--spacing-large);
}
/* stylelint-disable style-lint-plugin-qonto/require-spatial-token -- matches the 2px gradient frame */
.vgakickvfS4VUlfg9BA6Ig\=\= ._2XIo6FgNNI29dbzAQ\+jS3A\=\=:not(:has([data-recommended])) {
padding-top: 2px;
}
/* stylelint-enable style-lint-plugin-qonto/require-spatial-token */
.c5gOyD-DOT9mkBRJEUOtbA\=\= {
--overlay-sidebar-animation-duration: 300ms;
z-index: calc(var(--z-index-above) + 20);
@media (prefers-reduced-motion) {
--overlay-sidebar-animation-duration: 0ms;
}
}
.\+tdp3MLeFCTpsGAxGo1XKg\=\= {
margin-right: calc(-1 * var(--spacing-large));
margin-left: calc(-1 * var(--spacing-large));
}
.RqY4Zb8CEInmkW3E2Eob6A\=\= {
--top-strip-height: 30px;
--border-inset: 2px;
position: relative;
width: 100%;
max-width: 665px;
background:
radial-gradient(circle at top left, #b5d4f8 0%, transparent 60%),
radial-gradient(circle at top right, #c8c5f5 0%, transparent 60%),
radial-gradient(circle at bottom right, #cdb8f5 0%, transparent 65%),
radial-gradient(circle at bottom left, #a8c5f2 0%, transparent 70%),
linear-gradient(#c2c8f5, #c2c8f5);
border-radius: var(--radius-large);
padding: var(--top-strip-height) var(--border-inset) var(--border-inset);
box-shadow: var(--shadow-high);
}
.MKS1kB8fhrJFdTACvIrJpg\=\= {
position: absolute;
top: 0;
left: 0;
right: 0;
height: var(--top-strip-height);
display: flex;
align-items: center;
justify-content: center;
color: var(--content-primary-a);
text-align: center;
}
.WFGZr8Ph0jQGwgXY\+1bKGQ\=\= {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(min(200px, 100%), 1fr));
align-items: center;
gap: var(--spacing-xxxlarge);
padding: var(--spacing-large);
background-color: var(--elevation-default);
border-radius: var(--radius-large);
box-shadow: var(--shadow-high);
color: var(--content-primary-a);
}
.LzkRRzgZNOA-7BhzMfF5Tg\=\= {
display: flex;
flex-direction: column;
gap: var(--spacing-large);
}
.MGu7pd8W\+nvnRmjSeWprqg\=\= {
display: flex;
flex-direction: column;
}
.\+4M8CRcOA5BQdrDv-L8VYw\=\= {
display: flex;
flex-direction: column;
gap: var(--spacing-medium);
}
.\+hvFJAqrseOF1sQR5o2mqg\=\= {
margin: var(--spacing-none);
}
.h-6YRQo8FUW8HsK8W2h0bA\=\= {
display: flex;
align-items: baseline;
flex-wrap: wrap;
}
.sYQ-e6Xale0Ci6cun53Iyg\=\= {
color: var(--content-secondary);
text-decoration: line-through;
margin-right: var(--spacing-small);
}
.WEp6SmKXY2rvQ5A9sXsiYQ\=\= {
color: var(--content-secondary);
}
.pCebqZyJ1nWJYveXBkjYQg\=\= {
color: var(--content-secondary);
margin: var(--spacing-none);
}
.AnBZ6t-pPM4MHzscAu4LSg\=\= {
display: flex;
flex-direction: column;
gap: var(--spacing-medium-sm);
}
.ftCRZ4DoSFLAvZrz\+FmEqg\=\= {
color: var(--content-secondary);
}
.eHL6neC0joBbmq89ObtznA\=\= {
list-style: none;
padding-left: var(--spacing-medium);
margin: var(--spacing-none);
display: flex;
flex-direction: column;
gap: var(--spacing-medium-sm);
flex: 1;
}
.WD9E7kewy71SELVdDjT3oA\=\= {
position: relative;
padding-left: var(--spacing-medium-sm);
color: var(--content-primary-a);
}
.AKxWCVBQK4JCOOujqvnGiA\=\= {
display: flex;
flex-direction: column;
gap: var(--spacing-small);
}
.Fwgvfx-KzYhbzzs8bJEHmw\=\= {
margin-left: var(--spacing-large);
align-self: flex-start;
}
@container (width <= 620px) {
.RqY4Zb8CEInmkW3E2Eob6A\=\= {
max-width: 400px;
}
}
@media only screen and (width <= 776px) {
.RqY4Zb8CEInmkW3E2Eob6A\=\= {
max-width: 400px;
}
.WFGZr8Ph0jQGwgXY\+1bKGQ\=\= {
grid-template-columns: 1fr;
}
}
.WD9E7kewy71SELVdDjT3oA\=\=::before {
content: "";
position: absolute;
left: -12.25px;
top: 50%;
transform: translateY(-50%);
width: 4.5px;
height: 4.5px;
border-radius: var(--radius-round);
background-color: currentcolor;
}
.X6KvSvIscorRlNVec5Q78A\=\= {
display: flex;
flex-direction: column;
gap: var(--spacing-xxlarge);
padding: var(--spacing-xlarge) var(--spacing-none);
background-color: var(--elevation-low);
min-height: 100vh;
}
.Q6VuFC4nqapgJ369vqpFPg\=\= {
display: flex;
justify-content: space-between;
align-items: center;
padding: var(--spacing-none) var(--spacing-xxxlarge);
}
._9oPmXd2KYh7zWIees05YyA\=\= {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
gap: var(--spacing-large);
padding: var(--spacing-none) var(--spacing-xxxlarge);
flex-shrink: 0;
}
.ohHp\+rijGevC9rIGGHednQ\=\= {
display: flex;
flex-direction: column;
align-items: center;
gap: var(--spacing-medium);
}
.-Bu7P0SODOCLWSSTLK\+LmQ\=\= {
color: var(--content-primary-a);
}
.JS0KlTdGIyFbJAHZpTgFXQ\=\= {
display: flex;
align-items: center;
gap: var(--spacing-xsmall);
}
.oDjynOUniIPQwdQeNobx7A\=\= {
color: var(--content-secondary);
}
.U9NLG5A5BpWMwdXY2mcAew\=\= {
color: var(--content-accent);
}
.qOm9jiH1yo1pe1eANJ4DTA\=\= {
display: flex;
flex-direction: column;
align-items: center;
padding: var(--spacing-none) var(--spacing-xxxlarge);
}
.vp0LxsySMq9mXnho4X\+a4A\=\= {
display: flex;
align-items: center;
gap: var(--spacing-medium);
padding: var(--spacing-none) var(--spacing-xxxlarge);
}
.vp0LxsySMq9mXnho4X\+a4A\=\=::before,
.vp0LxsySMq9mXnho4X\+a4A\=\=::after {
content: "";
flex: 1;
height: 1px;
background-color: var(--border-tertiary);
}
.y-66RSHOkOd-72RkdAYd0g\=\= {
color: var(--content-tertiary);
}
._4H5XfGCVvITvxqG9btb\+cw\=\= {
display: none;
}
.qUSpVxmf1foP7EKwTUO9-w\=\= {
container-type: inline-size;
display: flex;
justify-content: center;
padding: var(--spacing-none) var(--spacing-xxxlarge);
}
._8G42KM1CZANvuR3qXBMBLg\=\= {
height: 100dvh;
min-height: unset;
padding-bottom: var(--spacing-none);
overflow: hidden;
touch-action: none;
overscroll-behavior: none;
}
.SdUKPBfxtfeG3JdnPadhKQ\=\= {
flex: 1;
min-height: var(--size-none);
overflow: hidden;
}
.qrpYUhDucMvi29yzKZakUg\=\= {
position: relative;
display: flex;
flex-direction: column;
gap: var(--spacing-xxlarge);
padding-bottom: var(--spacing-xxxlarge);
}
.uTI-\+5CTL-1oN1bZ-uhEKQ\=\= {
position: relative;
z-index: 1;
}
.Oy2O2hvKIWPGDJw53DeHvQ\=\= {
position: relative;
z-index: 1;
}
.RmdoU1pEkVs33o2KmaPHMg\=\= {
position: relative;
z-index: 2;
background-color: var(--elevation-low);
display: flex;
flex-direction: column;
gap: var(--spacing-xxlarge);
padding-bottom: var(--spacing-xxlarge);
}
._8G42KM1CZANvuR3qXBMBLg\=\= .RmdoU1pEkVs33o2KmaPHMg\=\= {
will-change: transform;
}
.xsyB-twmc9DROdfNBGhiUQ\=\= {
color: var(--content-primary-b);
text-align: center;
font-size: var(--body-prominent-font-size);
font-weight: var(--body-prominent-font-weight);
line-height: var(--body-prominent-line-height);
}
@media only screen and (width <= 776px) {
.X6KvSvIscorRlNVec5Q78A\=\= {
gap: var(--spacing-medium);
}
.Q6VuFC4nqapgJ369vqpFPg\=\= {
display: none;
}
._9oPmXd2KYh7zWIees05YyA\=\= {
gap: var(--spacing-medium);
padding: var(--spacing-none) var(--spacing-medium);
}
.qOm9jiH1yo1pe1eANJ4DTA\=\= {
margin-top: var(--spacing-medium);
padding: var(--spacing-none) var(--spacing-medium);
}
.vp0LxsySMq9mXnho4X\+a4A\=\= {
padding: var(--spacing-none) var(--spacing-medium);
}
.qUSpVxmf1foP7EKwTUO9-w\=\= {
padding: var(--spacing-none) var(--spacing-medium);
}
._4H5XfGCVvITvxqG9btb\+cw\=\= {
display: flex;
}
.qrpYUhDucMvi29yzKZakUg\=\= {
gap: var(--spacing-large);
}
.RmdoU1pEkVs33o2KmaPHMg\=\= {
gap: var(--spacing-large);
}
.RmdoU1pEkVs33o2KmaPHMg\=\= .qOm9jiH1yo1pe1eANJ4DTA\=\= {
margin-top: var(--spacing-none);
}
}
.F-pfBUhHZV6zvFfDzMFB7w\=\= {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
width: 504px;
height: 100vh;
margin: var(--spacing-none) auto;
}
.z7pGR1av\+GGPwIOYSjx03A\=\= {
width: 200px;
margin-bottom: var(--spacing-xlarge);
}
.ztGa1-mfCwr4Bx-Xbg2MfQ\=\= {
margin-bottom: var(--spacing-medium);
text-align: center;
}
._62uAMLuQiDTWI-1zSTjs0Q\=\= {
margin-bottom: var(--spacing-xxlarge);
text-align: center;
}
.Afih-u5I-7VlDlgdfJdqoQ\=\= {
width: 100%;
height: 1px;
background-color: var(--border-tertiary);
margin-bottom: var(--spacing-large);
@media only screen and (width <= 776px) {
display: none;
}
}
.FO4GKE34rW\+NFiA-Vl8DvQ\=\= {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: var(--spacing-none) var(--spacing-large);
}
.eVyOzw5sBicfX\+huvbPEgA\=\= {
display: none;
}
@media only screen and (width <= 776px) {
.eVyOzw5sBicfX\+huvbPEgA\=\= {
display: block;
overflow: hidden;
}
.eXvFww35O425vmfbO6N\+qA\=\= {
display: none;
}
}
._4gnkTbFkLqQUcH2SghBYaw\=\= {
background-color: var(--elevation-default);
padding: var(--spacing-large);
border: 2px solid var(--elevation-default);
border-radius: var(--radius-small);
display: grid;
grid-template-rows: auto auto auto 1fr auto auto;
gap: var(--spacing-large);
position: relative;
}
._4gnkTbFkLqQUcH2SghBYaw\=\=:not(:last-child)::after {
content: '';
position: absolute;
right: calc(var(--spacing-xlarge) / -2);
top: 0;
bottom: 0;
width: 1px;
background-color: var(--border-tertiary);
@media only screen and (width <= 776px) {
display: none;
}
}
.Hx8OydCu9nYUUPm3Xg6I2g\=\= {
display: flex;
align-items: center;
justify-content: space-between;
}
.YKoqnBkS4bg5yTroWrMtbQ\=\= {
margin: var(--spacing-none);
}
.fgxeJ1MBHnA\+8RZ2zOK6fA\=\= {
margin-left: var(--spacing-xsmall);
}
.UWqVps-wis8lxuOYFHwXGQ\=\= {
width: 100%;
border-top: 1px dashed var(--border-tertiary);
}
.CHdrCKHaHxkND88x9BC\+dA\=\= {
display: flex;
flex-direction: column;
gap: var(--spacing-medium);
}
.WG2by-4giKuSuZr68B-L0Q\=\= {
font-weight: var(--font-weight-bold);
margin: var(--spacing-none);
}
.WiWf-XFwrNlTdxhzyRXqdA\=\= h3 {
display: none;
}
.WDexhptRrZGTop98p\+E2EQ\=\= h3 {
display: none;
}
.WDexhptRrZGTop98p\+E2EQ\=\= li:first-child {
text-decoration: line-through;
}
._7XxXxbSHicu0mvuJAnoAhw\=\= {
display: flex;
flex-direction: column;
gap: var(--spacing-small);
}
.P30rLTy8BK\+XqJQN4vh3tQ\=\= {
display: flex;
flex-direction: column;
gap: var(--spacing-medium);
}
.qsT419J5t6RfFz6sn9uI8w\=\= {
display: grid;
gap: var(--spacing-xsmall);
}
._2jduwBftaRowPO9FgCpqaQ\=\= {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: 100vh;
text-align: center;
}
.DLTBqhzrAPL61bHByn9C3Q\=\= {
text-align: center;
}
._3KXSNOl0UViFYoAygt9JDw\=\= {
width: 200px;
height: auto;
}
._9QJcVFJ3tB4vGVBMBIlaBw\=\= {
display: flex;
flex-direction: column;
align-items: center;
padding-bottom: var(--spacing-xlarge);
margin: var(--spacing-none);
@media only screen and (width <= 776px) {
padding-right: var(--spacing-medium);
padding-left: var(--spacing-medium);
}
}
.KU8UdYF\+LMyU514O592\+9A\=\= {
display: inline-block;
width: 3px;
height: 3px;
/* stylelint-disable-next-line style-lint-plugin-qonto/require-spatial-token -- non-standard value preserved from legacy component */
margin: 3px;
background-color: var(--background-toggle);
border-radius: 100%;
}
.pdQVLdYorob\+p1Yj4B3UNQ\=\= {
color: var(--content-secondary);
}
.QncD9qDdvLZ6k1p6oJwPcQ\=\= {
display: flex;
gap: var(--spacing-xsmall);
align-items: flex-start;
width: 100%;
color: var(--content-secondary);
text-align: left;
}
.nY6i-IeVU8LLQ2eu5EcEEQ\=\= {
flex-shrink: 0;
/* stylelint-disable-next-line style-lint-plugin-qonto/require-spatial-token -- non-standard value preserved from legacy component */
margin-top: 3px;
}
.EstsMHUf9o0qcI1Mt1\+BwQ\=\= {
align-items: flex-start;
width: 100%;
color: var(--content-primary-a);
text-align: left;
}
.zQxOzBA1BrQf4fEKC7gpDg\=\= {
display: inline;
padding: var(--spacing-none);
font-weight: var(--font-weight-regular);
text-decoration: underline;
cursor: pointer;
}
.DZOEJO-EVe5b1V58oGkgTQ\=\= {
width: 100%;
}
.vJ6CFs063bKpGIv5eAELlw\=\= {
width: 100%;
margin-right: var(--spacing-medium);
}
.xImiN4q6GkUKqqqpEKfLOA\=\= {
display: flex;
align-items: end;
width: 100%;
margin-bottom: var(--spacing-medium);
}
.Alag2OLoUCZTQZ7P1JNjQg\=\= {
width: 120px;
/* stylelint-disable-next-line style-lint-plugin-qonto/require-spatial-token -- aligns with legacy input label height */
margin-top: 28px;
}
.V3jcLYgfwmdiKIj-XQzRSQ\=\= {
margin-top: var(--spacing-xsmall);
}
.wWXWJLVQGYmldzk4ccr\+NQ\=\= {
display: flex;
flex-direction: column;
align-items: center;
margin-top: var(--spacing-large);
}
.CiDOPlMkq3GOC2ni6s\+rYQ\=\= {
text-align: center;
}
.AKfc\+oJq-94TOPR2b5ljbQ\=\= {
display: none;
width: 200px;
height: 200px;
}
._3HRlkIG65w0Abl5o\+UVfHQ\=\= {
width: 100%;
}
.RBBRkIu36eBVlSHuY6sw7w\=\= {
margin-top: var(--spacing-medium);
}
.BVhOT7nF\+rbM6GALxf411A\=\= {
display: flex;
flex-direction: column;
align-items: center;
padding-bottom: var(--spacing-xlarge);
margin: var(--spacing-xlarge) var(--spacing-none) var(--spacing-none) var(--spacing-none);
}
@media only screen and (width <= 776px) {
.vJ6CFs063bKpGIv5eAELlw\=\= {
margin-right: var(--spacing-none);
}
.xImiN4q6GkUKqqqpEKfLOA\=\= {
flex-direction: column;
}
.Alag2OLoUCZTQZ7P1JNjQg\=\= {
width: 100%;
margin-top: var(--spacing-medium);
}
.BVhOT7nF\+rbM6GALxf411A\=\= {
padding-right: var(--spacing-medium);
padding-left: var(--spacing-medium);
margin-top: var(--spacing-medium);
}
.\+sZYx6NocDlQI3zShrq58w\=\= {
display: none;
}
}
@media only screen and (width > 776px) {
.wWXWJLVQGYmldzk4ccr\+NQ\=\= {
margin-top: var(--spacing-medium);
}
.AKfc\+oJq-94TOPR2b5ljbQ\=\= {
display: block;
}
}
.Kl00E-q4H9mKwTpyGX3rxA\=\= {
width: 100%;
height: 100%;
}
._2aYAfNv5lbdkMeMZ2qMtbw\=\= {
max-width: 504px;
}
.Y--HlcEh932t6kdJ4R\+6CQ\=\= {
display: grid;
grid-template-columns: 1fr 1fr;
gap: var(--spacing-medium);
align-items: end;
@media only screen and (width <= 776px) {
grid-template-columns: 1fr;
}
}
.SS0zwvntVarUFGl89F0aGQ\=\= {
padding: var(--spacing-medium);
}
._64n0ldAAIFmec38uGgpzvQ\=\= {
@media only screen and (width <= 776px) {
display: none;
}
}
.P\+PrIa3plWuCp5SfmcURFw\=\= {
margin-top: var(--spacing-xsmall);
margin-bottom: var(--spacing-small);
color: var(--content-secondary);
}
.bv4u8p\+PhN5\+xuZLTACLPg\=\= {
display: flex;
flex-direction: column;
align-items: center;
padding-bottom: var(--spacing-xlarge);
margin: var(--spacing-xlarge) var(--spacing-none) var(--spacing-none) var(--spacing-none);
@media only screen and (width <= 776px) {
padding-right: var(--spacing-medium);
padding-left: var(--spacing-medium);
}
}
.Uut0N5TGiMJP62J2PzxMug\=\= {
@media only screen and (width <= 776px) {
display: none;
}
}
._1MuggKvnWF15QIQMPas29A\=\= {
color: var(--content-secondary);
margin-top: var(--spacing-small);
}
.qq2JQi3xT62nozSzbd-Zag\=\= {
color: var(--color-text-secondary);
}
.hNwvAro9k3cpbvAMWLmrvw\=\= {
margin: var(--spacing-xlarge) var(--spacing-none) var(--spacing-medium) var(--spacing-none);
}
.rhdFIrLIuWG3lmRE1374Dw\=\= {
padding-left: var(--spacing-none);
}
.rhdFIrLIuWG3lmRE1374Dw\=\= li {
position: relative;
padding-left: var(--spacing-medium-sm);
margin-bottom: var(--spacing-small);
list-style: none;
}
.rhdFIrLIuWG3lmRE1374Dw\=\= li:last-child {
margin-bottom: var(--spacing-none);
}
.rhdFIrLIuWG3lmRE1374Dw\=\= li::before {
position: absolute;
top: 0;
left: 0;
color: var(--content-primary-a);
content: '• ';
}
.INUPU8\+N5YzHDs-WyuFqNA\=\= {
margin: var(--spacing-xlarge) var(--spacing-none) var(--spacing-medium) var(--spacing-none);
}
.wf88ah2-Stf2aLr6NisPmw\=\= {
margin: var(--spacing-xlarge) var(--spacing-none) var(--spacing-medium) var(--spacing-none);
}
._33Ec8IWy8nfcf06yXtyK6g\=\= {
margin: var(--spacing-xlarge) var(--spacing-none) var(--spacing-medium) var(--spacing-none);
}
.YrGx5l\+17MTS3lF3\+Ykyrg\=\= {
display: flex;
align-items: center;
}
.IppW6uOL8Tu8-zJbQXl-dQ\=\= {
margin-right: var(--spacing-medium-sm);
color: var(--content-warning);
svg {
width: var(--size-medium-small);
height: var(--size-medium-small);
}
}
.mwfKlnNR4J8BqvNY8E1-HQ\=\= {
color: var(--content-secondary);
}
.GlZmGEoKWzUqIwg2fsaGAw\=\= {
min-width: var(--size-none);
}
.WeYYy6sPVW6UhOrUjdw62w\=\= {
display: grid;
gap: var(--spacing-xlarge);
margin-bottom: var(--spacing-medium);
}
.ErRefOgBrrw6wCT-VAoDdA\=\= {
display: grid;
gap: var(--spacing-medium);
}
.jloPh47dZ89kmMHdKn-pTA\=\= {
display: flex;
flex-direction: column;
gap: var(--spacing-medium);
width: 100%;
margin-top: var(--spacing-xlarge);
}
.jloPh47dZ89kmMHdKn-pTA\=\= > * {
margin-top: var(--spacing-none) !important;
}
.WHh0B9199cRzZFobjywm7w\=\= {
display: flex;
flex-direction: column;
gap: var(--spacing-medium);
padding: var(--spacing-medium);
background: var(--elevation-low);
border-radius: var(--radius-small);
max-width: 100%;
min-width: var(--size-none);
}
.l0YzlTyltMEXoglcHO3aYA\=\= {
font-size: 20px;
}
.FX6OBP-vZ0Pc1shbwW0yyQ\=\= {
margin-top: var(--spacing-medium);
}
.O80245WjIJkWb5U97NenZA\=\= {
margin-top: var(--spacing-medium);
}
.D9Kx8lcrhMTuDj7Hios\+Uw\=\= {
width: 100%;
margin-bottom: var(--spacing-small);
}
.su\+79tRTGBS2DxrwKDdELA\=\= {
margin-top: var(--spacing-small);
text-align: center;
}
.HV9Chp9lvzgcFkvkId3AjQ\=\= {
display: flex;
flex-direction: column;
}
._7lJOnnL9\+7VqAB8kKRD1Nw\=\= {
margin-top: var(--spacing-medium);
}
.MdjIsS3KCkvcuvfEhwApLw\=\= {
margin-top: var(--spacing-xsmall);
margin-bottom: var(--spacing-small);
color: var(--content-secondary);
}
.wLgVRnE5jaLAdk82HNz4\+w\=\= {
max-width: 504px;
display: flex;
flex-direction: column;
padding-bottom: var(--spacing-xxlarge);
}
._8g1tH8veB\+R85Ky\+6vbvWg\=\= {
display: flex;
flex-direction: column;
gap: var(--spacing-medium);
margin-bottom: var(--spacing-xlarge);
}
.yikmF2hD8nBev1rMceeV5w\=\= {
display: flex;
flex-direction: column;
gap: var(--spacing-xlarge);
margin-bottom: var(--spacing-xlarge);
}
._1IJ7GIruz4qA5QxrZxrQew\=\= {
gap: var(--spacing-none);
& > ul {
margin-top: var(--spacing-medium);
}
}
.C2G89\+96iVSROVT3-XtKxQ\=\= {
align-self: flex-start;
}
.g00tXxFu98lVSH1ZfUus0g\=\= {
width: fit-content;
}
.SxFJjppNC7PEkfjOwwcI0w\=\= {
display: flex;
align-items: center;
width: 100%;
height: 100%;
padding: var(--spacing-none) var(--spacing-medium);
@media only screen and (width <= 776px) {
height: 76px;
}
}
.oq1vZFJEW8DeR\+WTQdT2RQ\=\= {
display: flex;
flex: 1;
align-items: center;
justify-content: flex-start;
svg,
img {
width: auto;
height: 24px;
}
}
._5uAIoUCCdIfyojCUv1TSdg\=\= {
display: flex;
flex: 1;
gap: var(--spacing-medium);
align-items: center;
justify-content: flex-end;
}
.HrOFxi6iy5UjvRwP4vqwvg\=\= {
color: var(--content-primary-a);
}
.eYtRVMbjd-Z1L6JrtlZC-A\=\= {
max-width: 250px;
}
.lANKTPOiS1H8S2lNZcWeAQ\=\= {
@media only screen and (width <= 776px) {
display: none;
}
}
._7h-iXSWAGgrXRoZP9esALg\=\= {
width: 504px;
margin: var(--spacing-none) auto;
}
.Yyh8kmnlBL22vaU10OAa4g\=\= {
display: flex;
align-items: center;
justify-content: center;
background-color: var(--elevation-low);
@media only screen and (width > 776px) {
display: none;
}
}
.Yyh8kmnlBL22vaU10OAa4g\=\= span {
color: var(--content-primary-a);
}
._3g8Dct9STsp4MOPsQfjH\+A\=\= {
display: grid;
grid-template-columns: 2fr 1fr;
height: 100%;
@media only screen and (width <= 776px) {
grid-template-columns: 1fr;
}
}
.XV9FjfbIM-ULoPD-3vuVgA\=\= {
grid-template-columns: 1fr;
}
.Aqboi7TEw0-dueQnf5lKDg\=\= {
display: grid;
grid-template-rows: 80px 1fr;
height: 100%;
@media only screen and (width <= 776px) {
display: block;
grid-template-rows: 72px 1fr 56px;
}
}
.m5BQkiJbqbsxroZVh4\+kQA\=\= {
padding: var(--spacing-none) var(--spacing-medium);
@media only screen and (width <= 776px) {
padding: var(--spacing-none);
}
}
.o4xXXBOlOwBYp-qZLHqgEA\=\= {
display: flex;
flex-direction: column;
align-items: center;
justify-content: safe center;
height: 100%;
padding: var(--spacing-none) var(--spacing-medium);
overflow-y: auto;
@media only screen and (width <= 776px) {
justify-content: start;
padding: var(--spacing-medium) var(--spacing-medium) var(--spacing-none);
}
}
.hP3LWdg7jw46AtvEh-XiPA\=\= {
width: 100%;
max-width: 504px;
@media only screen and (width <= 776px) {
max-width: 90vw;
}
}
.UUiug8Q41MeXOevxaikhdg\=\= {
margin-top: auto;
@media only screen and (width <= 776px) {
padding: var(--spacing-medium) var(--spacing-none);
}
}
.IXflZejvstvo4RNXhVjSAA\=\= {
display: flex;
align-items: center;
justify-content: center;
@media only screen and (width <= 776px) {
display: none;
}
}
.HZuryqFpnBWb30lWsbzVFg\=\= {
display: none;
@media only screen and (width <= 776px) {
display: flex;
align-items: center;
justify-content: center;
}
}
.-rZbaI-x5S6RMjGYnoHdkQ\=\= {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
width: 100%;
min-width: 440px;
background: var(--asset-background-pink);
@media only screen and (width <= 776px) {
display: none;
}
}
.PXvS43Aj7NSf1IC980rp3w\=\= {
width: 360px;
height: 360px;
}
._6xUnEG\+pbFlfmTp3EMlFNw\=\= {
display: flex;
flex-direction: column;
}
/* Per-element spacing — the kit intentionally avoids a uniform flex `gap`
because the ES `extraFields` slot has its own internal `mb-16` rhythm. */
.RinUBU2Yn-Loks8mf1GnSA\=\= {
display: flex;
flex-direction: column;
gap: var(--spacing-medium);
margin-bottom: var(--spacing-xlarge);
}
.mVkjjXXpdZgVpsfhqyU6tg\=\= {
margin-bottom: var(--spacing-xlarge);
}
/* When `extraFields` is present (e.g. ES Spanish disclaimer + checkboxes),
add a master-equivalent `mb-16` between the last extra field and the
submit button. Non-ES flows go straight from the phone field's own
`margin-bottom` to the footer. */
.ujBZ7qYqzFU3l8wzVReb1A\=\= + .a5F6zhyCBEd-Z6GeNXBgbQ\=\= {
margin-top: var(--spacing-medium);
}
.a5F6zhyCBEd-Z6GeNXBgbQ\=\= {
display: flex;
flex-direction: column;
gap: var(--spacing-medium);
align-items: center;
}
._4myzVzkXakkCs2Nx\+\+Wg7Q\=\= {
display: flex;
margin-bottom: var(--spacing-xlarge);
@media only screen and (width <= 776px) {
display: none;
}
}
.rU4dT2hAA0y3oIiIdmZvNA\=\= {
@media only screen and (width > 776px) {
display: none;
}
}
/* `embedded` overrides — line up the form chrome with the legacy
`register-phone-number-form` placement inside the existing host layout
(Ember organizations sidebar + step-header). The desktop `padding-top`
adds breathing room above the back button on top of the host's
`page-padding` (32px), since the bare 32px feels cramped. Mobile already
gets 112px from `page-padding` to clear the stepper. */
.vVHDnTgl4aJ0D50BqEkJjQ\=\= {
display: flex;
flex-direction: column;
@media only screen and (width > 776px) {
padding-top: var(--spacing-medium);
}
}
.vVHDnTgl4aJ0D50BqEkJjQ\=\= .a5F6zhyCBEd-Z6GeNXBgbQ\=\= {
align-items: flex-start;
}
._1mXyneorlE62d\+tIbJ9-fg\=\= {
align-self: flex-start;
@media only screen and (width <= 776px) {
align-self: stretch;
}
}
/* Mirrors the legacy `BackButton`'s `.mobileBackButton` rules so the icon-only
button portaled into the host's `` slot is sized the same as
the master implementation. */
.IvdignjZkCIpdZNk2vr1ZQ\=\= {
--bg-color: transparent;
width: 100%;
min-width: var(--size-xxlarge);
min-height: var(--size-xxlarge);
svg {
width: var(--scale-300);
height: var(--scale-300);
}
}
._3z2rLRk\+a\+WbRrtFqlwS7w\=\= {
display: grid;
grid-template-rows: 92px 1fr;
width: 100%;
height: 100%;
padding: var(--spacing-none) var(--spacing-medium);
@media only screen and (width <= 776px) {
grid-template-rows: 72px 1fr 56px;
padding: var(--spacing-none);
}
}
.H0h9Bn85uRXUiHePQMZ55g\=\= {
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
max-width: 504px;
padding-top: var(--spacing-xlarge);
margin: var(--spacing-none) auto;
text-align: center;
@media only screen and (width <= 776px) {
max-width: 100%;
padding: var(--spacing-medium);
}
}
.ao64vJdhaPntkXExaIpNSA\=\= {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
height: 56px; /* 40px + 2x8px */
padding: var(--spacing-small);
}
@media screen and (width >= 768px) {
.ao64vJdhaPntkXExaIpNSA\=\= {
height: var(--size-xxxlarge);
padding: var(--spacing-none) var(--spacing-medium-lg);
}
}
.LPIP6bThUKDgKOu8F4sV-w\=\= {
display: flex;
justify-content: center;
}
.U96x\+mjaZvX-ZXho1i8ukg\=\= {
width: 100%;
max-width: 536px; /* 504px + 32px */
padding: var(--spacing-medium);
}
@media only screen and (width > 768px) {
.U96x\+mjaZvX-ZXho1i8ukg\=\= {
padding: var(--spacing-xxxlarge) var(--spacing-medium);
}
}
.ZHD8wnqNBUZ8F00j6k-9rg\=\= {
padding: var(--spacing-large);
margin-bottom: var(--spacing-large);
background-color: var(--elevation-low);
border-radius: var(--radius-small);
}
.nPlWGULNHZliDEWWN6wRng\=\= {
display: flex;
flex-direction: column;
row-gap: var(--spacing-medium);
padding: var(--spacing-none);
margin: var(--spacing-none);
list-style: none;
}
.CraGDLo5WZssZIq5NENggA\=\= {
display: grid;
grid-template-areas: 'icon primary';
grid-template-columns: 16px auto;
column-gap: var(--spacing-medium);
list-style-type: none;
}
.UcL0seQf\+vyuSbukWZ\+mUA\=\= {
grid-area: icon;
align-self: center;
width: var(--size-medium);
}
.SrIozlqbxOxFtyV7gz\+i\+w\=\= {
grid-area: primary;
color: var(--content-primary-a);
}
._1shiR6yTbNdFzaL5Ylce7g\=\= {
display: flex;
flex-direction: column;
align-items: center;
}
.EUMNGmNVpY3WBgBGDF-9Uw\=\= {
align-self: center;
}
._8uq5U8Khf0z\+OJtDzfDn3w\=\= {
display: flex;
flex-direction: column;
}
._5BLpvYaUx9eXx2J-iaoJ3g\=\= {
padding-bottom: var(--spacing-xlarge);
}
@media only screen and (width <= 776px) {
._5BLpvYaUx9eXx2J-iaoJ3g\=\= {
overflow: hidden;
}
}
.JyOygZMnioviIobBf4pTag\=\= {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
width: 504px;
height: 100vh;
margin: var(--spacing-none) auto;
}
.hw4at3LE15w9M27W6P\+YpQ\=\= {
width: 200px;
margin-bottom: var(--spacing-xlarge);
}
.rvzjD\+6PElxEPKyB8Gbqhw\=\= {
margin-bottom: var(--spacing-medium);
text-align: center;
}
.S-boOwoGFCqBh9POy0vcAg\=\= {
margin-bottom: var(--spacing-xxlarge);
text-align: center;
}
.xbyoiABCm31GRooNuK\+25A\=\= {
margin-top: var(--spacing-medium);
}
.XOs-7bHuGxA5dlxbUeBKdw\=\= {
margin-bottom: var(--spacing-xlarge);
}
._5zq2EUT8Kz9qUTEvUxtrtg\=\= {
display: grid;
grid-template-columns: 1fr 1fr;
gap: var(--spacing-medium);
}
.DbxYrEgXol1gP0vjBJb\+Mw\=\= {
grid-column: span 2;
}
._2-qGY3CbV6Ip3ZQJqaClEA\=\= {
display: grid;
grid-template-columns: 1fr 1fr;
gap: var(--spacing-medium);
margin-bottom: var(--spacing-xlarge);
}
.dqU-WERhgDi\+Bk-z7b3Yzw\=\= {
grid-column: span 2;
}
.jR-zjgZVMZNfVeYe2zobYw\=\= {
width: 200px;
height: 200px;
}
._5eZ4zs-kbTkPyWLb0928Gw\=\= {
display: flex;
flex-direction: column;
gap: var(--spacing-xlarge);
align-items: center;
}
.TFFVStm3zC-0Ou8GV99NmA\=\= {
text-align: center;
font-size: var(--heading-section-font-size);
font-weight: 600;
line-height: 32px;
margin: var(--spacing-none);
}
.iEFWQWJ6H5ZlpU\+AcrM7KA\=\= {
text-align: center;
}
.KxKNFt86o-OgjFudh65mQQ\=\= {
display: flex;
flex-direction: column;
gap: var(--spacing-medium);
width: 100%;
margin: var(--spacing-none);
padding: var(--spacing-large);
background-color: var(--elevation-low);
border-radius: var(--radius-small);
list-style: none;
}
.DK8-V\+NWhASevrudO7fe-g\=\= {
display: flex;
gap: var(--spacing-medium-sm);
align-items: flex-start;
}
._1OmqKBFuZIA1NnNA\+UU9\+g\=\= {
flex-shrink: 0;
color: var(--color-green-500);
margin-top: var(--spacing-xsmall);
}
._7CqEhNGVVjzD35JAynAsCw\=\= {
font-size: var(--heading-subsection-font-size);
line-height: 24px;
}
.JgWBZDmapk97eAXid-DVew\=\= {
display: grid;
grid-template-columns: 1fr 1fr;
gap: var(--spacing-medium);
margin-bottom: var(--spacing-xlarge);
}
.lsla4ZqW7Nql6m-VZqfQuA\=\= {
grid-column: span 2;
}
.obnqUmMJotwY3ap5CqcVhg\=\= {
margin: var(--spacing-none) var(--spacing-none) var(--spacing-small);
font-size: var(--heading-section-font-size);
font-weight: 600;
line-height: 32px;
}
.SVaq8Q\+pIKrGi2ISjwb08Q\=\= {
margin: var(--spacing-none) var(--spacing-none) var(--spacing-large);
color: var(--content-secondary);
}
.txhh1G6MbWsLlYV\+2sm7vg\=\= {
display: flex;
flex-direction: column;
gap: var(--spacing-medium-sm);
}
._4AMR4QMAwOJoMThYUt6CWw\=\= {
display: flex;
align-items: center;
justify-content: center;
min-height: 100vh;
}
.eIj7N5BNQR17MAR1Po5ygw\=\= {
display: flex;
flex-direction: column;
gap: var(--spacing-xlarge);
align-items: center;
max-width: 504px;
padding: var(--spacing-medium);
text-align: center;
}
.jZ-k5xlvz7PXKdrAkkLr7w\=\= {
width: 200px;
height: 200px;
}
._1FD0fo0xatMbosgiZ15xlw\=\= {
display: flex;
flex-direction: column;
gap: var(--spacing-medium);
}
.-fdCHT1xnKuqYt1h30VgWw\=\= {
display: grid;
grid-template-columns: 44px 1fr;
}
.Nhvdvdx4FWJ3mh7\+mjRR5A\=\= {
width: var(--size-large);
height: var(--size-large);
/* stylelint-disable-next-line style-lint-plugin-qonto/require-spatial-token */
margin-top: 6px;
}
.XheOaZPISWHeEoHk4f54iQ\=\= {
margin-left: var(--spacing-medium);
}
.Wf012Hsmd7-N2vUuudJN3g\=\= {
display: flex;
flex-direction: column;
gap: var(--spacing-medium-sm);
}
.xD5yQYYkeMv1p5RW7Ne7Jg\=\= {
overflow: hidden;
border-bottom: 1px solid var(--border-tertiary);
}
.o0S167nqp4bvDRHmaR30ZA\=\= {
display: flex;
align-items: center;
justify-content: space-between;
min-height: var(--size-xxxlarge);
padding: var(--spacing-medium);
}
.OK7XXnz3Hbu93TDDLpoobA\=\= {
padding: var(--spacing-none) var(--spacing-medium) var(--spacing-medium);
border: 0;
}
.ZR-lB2M8IUjzVxwSQC3Eow\=\= {
display: flex;
gap: var(--spacing-medium);
align-items: flex-end;
padding-top: var(--spacing-none);
@media only screen and (width <= 776px) {
flex-direction: column;
}
}
.F2KqpTbwk8LmvlRqEPnK9A\=\= {
display: flex;
flex: 1;
gap: var(--spacing-medium-lg);
width: 100%;
@media only screen and (width <= 776px) {
flex-direction: column;
}
}
._94Vtpb0djL\+yzfPRIJCADA\=\= {
flex: 1;
}
.wT6EIztKqZ9rZzUVVVeYMw\=\= {
display: flex;
align-items: center;
margin-left: auto;
}
._4CmFHFfm\+LCarez2w2Hx\+g\=\= {
color: var(--content-warning);
svg {
width: var(--size-medium-small);
height: var(--size-medium-small);
}
}
.GvMJb0\+gJTabzNnX8ONEAA\=\= {
margin-left: var(--spacing-small);
color: var(--content-secondary);
}
.SF0WOpSviJXNNDM-LjZ17A\=\= {
position: absolute;
width: 1px;
height: 1px;
padding: var(--spacing-none);
/* stylelint-disable-next-line style-lint-plugin-qonto/require-spatial-token */
margin: -1px;
overflow: hidden;
clip-path: inset(50%);
white-space: nowrap;
border-width: 0;
}
._7cgHX2RN0-GPUg4GPMZLVg\=\= {
min-width: var(--size-xlarge);
}
.LMw7I4i9YKMJxATJp-I1HA\=\= {
margin-top: var(--spacing-large);
}
.u0oPljPAvPJdMi3lpb0X1A\=\= {
margin-top: var(--spacing-xlarge);
}
.XM-AiYoH4yA2i8mEyTs9MQ\=\= {
margin-top: var(--spacing-xlarge);
}
._9Nr6fivQ7X1S8PLuGMJLGw\=\=,
.jhqe7uvyTPFaN58\+5SppZQ\=\=,
.eBhNIU5VfZNIUtyC0\+H52Q\=\= {
display: flex;
flex-direction: column;
}
._9Nr6fivQ7X1S8PLuGMJLGw\=\= {
gap: var(--spacing-large);
}
.jhqe7uvyTPFaN58\+5SppZQ\=\= {
gap: var(--spacing-medium);
}
._06BYXmEkKOWdxqNSBh1J4A\=\= {
margin-bottom: var(--spacing-medium);
@media only screen and (width <= 776px) {
margin-bottom: var(--spacing-xlarge);
}
}
._9tHQbz1Trz2nB8GB8\+kLwg\=\= {
display: flex;
flex-direction: column;
gap: var(--spacing-medium);
margin-bottom: var(--spacing-xlarge);
}
._9tHQbz1Trz2nB8GB8\+kLwg\=\=.GW6KC1Z3tSMpOQvaSqRcLg\=\= {
margin-bottom: var(--spacing-large);
}
._7dARhM2HrzOImLF6FaFqvQ\=\= {
margin-bottom: var(--spacing-none);
}
.r6seNeo8MIbuM6vgQ3a-JQ\=\= {
display: grid;
gap: var(--spacing-xlarge);
justify-items: start;
fieldset {
display: grid;
gap: var(--spacing-medium);
width: 100%;
border: none;
padding: var(--spacing-none);
margin: var(--spacing-none);
}
}
.PHCo0\+K\+xFImMCrT9-jzXg\=\= {
display: flex;
flex-direction: column;
gap: var(--spacing-medium);
}
.H1wOfeCTnyhBsWseUbNPyQ\=\= {
max-width: 1032px;
padding-top: var(--spacing-xlarge);
margin: var(--spacing-none) auto;
}
.MUlCGj-lJ8MsGjyua\+afsg\=\= {
display: flex;
margin-bottom: var(--spacing-xlarge);
}
._9Xr5rnUXXWF\+B-LrG1DBrw\=\= {
flex: 1;
margin-right: var(--spacing-medium);
}
.Kese2RuNYwk-\+NPTD1Etsw\=\= {
display: flex;
flex-direction: column;
align-items: center;
padding: var(--spacing-none) var(--spacing-xlarge) var(--spacing-xlarge);
@media only screen and (width <= 776px) {
padding-right: var(--spacing-medium);
padding-left: var(--spacing-medium);
}
}
@media only screen and (width <= 1367px) {
.H1wOfeCTnyhBsWseUbNPyQ\=\= {
padding-right: var(--spacing-xxxlarge);
padding-left: var(--spacing-xxxlarge);
margin: var(--spacing-none) auto var(--spacing-xlarge);
}
}
@media only screen and (width <= 776px) {
.H1wOfeCTnyhBsWseUbNPyQ\=\= {
/* 76px header + 32px padding */
/* stylelint-disable-next-line style-lint-plugin-qonto/require-spatial-token */
padding: 108px 16px 0;
}
._9Xr5rnUXXWF\+B-LrG1DBrw\=\= {
margin-right: var(--spacing-none);
margin-bottom: var(--spacing-medium);
}
.MUlCGj-lJ8MsGjyua\+afsg\=\= {
flex-direction: column;
margin-bottom: var(--spacing-medium);
}
}
.p6J-KbEivuLIhJxvZinV7Q\=\= {
display: flex;
flex-direction: column;
align-items: center;
}
._3-TXRgY6jsD0hL9SRF9myg\=\= {
width: 200px;
height: 200px;
}
.wkE-7EYDWcamZrLcUwhRlQ\=\=,
._8xbQURlzrPEfsh8hADxdNg\=\= {
text-align: center;
}
._8xbQURlzrPEfsh8hADxdNg\=\= a {
color: var(--content-primary-a);
}
.ldSCPjUInm7IqYVWNY4Jsg\=\= {
display: flex;
flex-direction: column;
gap: var(--spacing-small);
}
.CgmK422TszNE66lsIGd-MA\=\= {
display: flex;
gap: var(--spacing-small);
align-items: center;
flex-direction: row;
}
.bJKWVGQOTg3Ko7LJs3I2lg\=\= {
color: var(--content-secondary);
}
._4Yg1ngI\+zJVOfkXojsx4wg\=\= {
width: 120px;
height: 120px;
}
._5F81N5NDXcwjGliCnQQChQ\=\= {
display: flex;
justify-content: center;
align-items: center;
padding: var(--spacing-none);
margin: var(--spacing-none) auto var(--spacing-large);
}
._2l-F5Oq5AgLOuQTnzXW5xA\=\= {
width: 425px;
height: 118px;
margin: var(--spacing-none) auto var(--spacing-large);
display: flex;
justify-content: center;
align-items: center;
}
a.PEsGqLoFYGJeTsLUg4EXfg\=\= {
color: var(--content-accent);
}
/* The following styles are used only in the enforce QR code component */
.Ai--spegOTgif6xlsOwXNw\=\= {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
width: 100%;
gap: var(--spacing-large);
}
.mMMLSFYpzUk8RC9flYOncw\=\= {
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
gap: var(--spacing-medium);
width: 100%;
height: auto;
padding: var(--spacing-large);
border: 1px solid var(--border-tertiary);
border-radius: var(--radius-xsmall);
}
.mMMLSFYpzUk8RC9flYOncw\=\= img {
width: 160px;
height: 160px;
aspect-ratio: 1;
}
.jJogJ3qfsv-NpO3Nrl1v3A\=\= {
display: flex;
flex-direction: row;
align-items: center;
width: 100%;
gap: var(--spacing-medium);
color: var(--border-tertiary);
}
.jJogJ3qfsv-NpO3Nrl1v3A\=\=::before,
.jJogJ3qfsv-NpO3Nrl1v3A\=\=::after {
content: '';
flex-grow: 1;
border-top: 1px solid var(--border-tertiary);
}
.QJNc2ST4DRC3B1QQSvxZ6A\=\= {
width: 425px;
height: 118px;
margin: var(--spacing-none) auto var(--spacing-large);
display: flex;
justify-content: center;
align-items: center;
}
.hTUUshhQtIU21exnoNUFNw\=\= {
padding: var(--spacing-large);
background: var(--elevation-default);
border-radius: var(--radius-small);
}
._6yNPpOqNLgPcWjy0AD28GQ\=\= {
display: flex;
align-items: center;
justify-content: space-between;
gap: var(--spacing-medium);
}
.M0DPiqfXS1prBy7t9D7JWQ\=\= {
margin-top: var(--spacing-medium);
}
.eMeS6CmUvBEIFgv-EEa0Cg\=\= {
border: 1px solid var(--border-tertiary);
border-radius: var(--radius-xsmall);
}
.Dnr\+SkJKO3cbfp9ayqu7Kw\=\= {
display: grid;
grid-template:
'avatar name' auto
'avatar iban' auto
/ auto auto;
align-items: center;
justify-content: start;
padding: var(--spacing-medium);
}
.cMs0DXM\+FKQEaslKhSyT0g\=\= {
display: flex;
flex: 1;
flex-flow: column wrap;
align-items: flex-start;
margin-left: var(--spacing-medium);
}
.Bo8G\+9zdmdRmiCXn1QkShQ\=\=,
.qic4K2yL5mZWM0spZQNnAg\=\= {
grid-area: avatar;
align-self: self-start;
}
.mWKr7ZsL4P\+jDGCLY2jE9w\=\= {
display: inline-flex;
gap: 0.25em;
}
.XX073X6PkV20ur\+Hb07IgQ\=\= {
display: flex;
align-items: center;
color: var(--content-secondary);
}
.STtqwF2jHn-neUiozBlTew\=\= {
display: flex;
align-items: flex-start;
}
.T306gnuL-Tmcdkn2g8hcpw\=\= {
color: var(--content-secondary);
margin-left: var(--spacing-xsmall);
}
.hqcD-QxQydgiHKSPhu9\+ow\=\= {
padding: var(--spacing-none) var(--spacing-xsmall);
margin: var(--spacing-none);
color: var(--content-secondary);
text-align: left;
cursor: pointer;
background-color: transparent;
border: none;
border-radius: var(--radius-xsmall);
transition: background 0.25s ease-in-out;
.wKlBTOh-IhdPQL4VmgkTkw\=\= {
display: inline;
vertical-align: middle;
transition: opacity 0.25s ease-in-out;
margin-left: var(--spacing-xsmall);
width: var(--size-medium-small);
height: var(--size-medium-small);
}
&:hover,
&:focus-visible {
background-color: var(--state-primary-a-hover);
}
&:active {
background-color: var(--state-primary-a-hover);
}
}
.R0p4lQVXNkAc5S\+dWwHqaA\=\= {
display: grid;
grid-template-columns: auto auto;
justify-content: space-between;
padding: var(--spacing-medium);
border-top: 1px solid var(--gray200);
}
.KICcXhwHsmfcZSXi0Z\+48w\=\= {
color: var(--content-primary-a);
}
.aFoqpPBo2844JLo9fGZrig\=\= {
color: var(--content-primary-a);
}
._240iVkso1wlnNJ6BmnUF3w\=\= {
margin: var(--spacing-none) 0.25rem;
}
.tYCLwVnBS4rf3bbudQOo6A\=\= {
color: var(--content-success);
}
.wJ\+fwqLV4N1O81lQiN\+7Rw\=\= {
color: var(--content-warning);
}
.xJoL6mufkgIv8FIJ7pb1TQ\=\= {
--avatar-size: 40px;
display: grid;
place-items: center;
width: var(--avatar-size);
height: var(--avatar-size);
color: var(--content-primary-a);
/* stylelint-disable-next-line style-lint-plugin-qonto/require-spatial-token */
border-radius: calc(var(--avatar-size) / 2);
}
.aqROEOEWYNPS4pD5nYXqTw\=\= {
display: flex;
align-items: center;
gap: var(--spacing-16);
}
.teKJvSAw6LOm00wAnHZ5kA\=\= {
flex: 1;
font-size: var(--body-standard-font-size);
}
.bVwTU9W2sIvkUEsc5n5QcQ\=\= {
display: flex;
gap: var(--spacing-large);
flex-direction: column;
padding: var(--spacing-large);
background-color: var(--elevation-low);
border-radius: var(--radius-small);
}
.wX6uNoLZ5Cn2kyCs6HpQvw\=\= {
display: flex;
flex-direction: column;
gap: var(--spacing-medium);
list-style: none;
margin: var(--spacing-none);
padding: var(--spacing-none);
}
.CkVXM\+rIPcvHDtwtO9-1hw\=\= {
width: 100%;
max-width: 956px;
margin: var(--spacing-none) auto;
}
.Mq7mRzHTLv-isUjcBJcHUA\=\= {
height: 338px;
padding-bottom: var(--spacing-medium);
/* stylelint-disable-next-line style-lint-plugin-qonto/require-spatial-token */
margin-bottom: -16px;
padding-top: var(--spacing-medium);
--swiper-pagination-color: var(--background-toggle);
--swiper-pagination-bullet-border-radius: 4px;
--swiper-pagination-bullet-height: 6px;
--swiper-pagination-bullet-width: 6px;
--swiper-pagination-bottom: 0;
}
._7Meoj1pf6dFQHJvf5joZ0g\=\= {
background-color: var(--background-primary);
width: 18px;
opacity: 1;
}
.R-eGrdCTbQC4JcpzdFRfIQ\=\= {
max-width: 302px;
}
.DvrXzoJGSWUoD52I2khKaw\=\= {
display: flex;
justify-content: space-between;
align-items: center;
}
._3II8yEBuv\+S8g\+pzbuU0tg\=\= {
display: none;
gap: var(--spacing-small);
}
.UZErdd1vadLHXVaP8jsBhw\=\=[disabled],
.nA9wIXH39x5UgNZCapmDjQ\=\=[disabled] {
/* important to force library style override */
border: none !important;
}
@media only screen and (width > 776px) {
.CkVXM\+rIPcvHDtwtO9-1hw\=\= {
max-width: 956px;
width: 100%;
}
._3II8yEBuv\+S8g\+pzbuU0tg\=\= {
display: flex;
}
.Mq7mRzHTLv-isUjcBJcHUA\=\= {
height: 311px;
margin: var(--spacing-none);
padding: var(--spacing-medium) var(--spacing-none);
/* stylelint-disable-next-line style-lint-plugin-qonto/require-spatial-token */
margin-bottom: -16px;
}
}
.-XsGyK\+wNT9e7qJskVQCXQ\=\= {
min-height: 100vh;
width: 100%;
background: var(--elevation-default);
overflow-y: auto;
}
.yjsfa2TX3\+IueSgbMp9QqA\=\= {
display: flex;
justify-content: space-between;
align-items: center;
padding: var(--spacing-medium);
}
.hTVXhwj4KLXO5\+bGGC8LLQ\=\= {
display: flex;
align-items: center;
gap: var(--spacing-medium);
}
.DnkRPBJ8OTYh4M-Gt1IsBA\=\= {
width: 100%;
max-width: 956px;
padding: var(--spacing-medium);
margin: var(--spacing-none) auto;
display: flex;
flex-direction: column;
gap: var(--spacing-xxxlarge);
padding-bottom: var(--spacing-xxxlarge);
}
.mLcNcsqOqCmbD0Wt8xbqLg\=\= {
align-self: flex-start;
/* stylelint-disable-next-line style-lint-plugin-qonto/require-spatial-token */
margin-bottom: -24px;
}
.pHxC5xF6l5igSsBC7zE5Rg\=\= {
width: 14px;
height: 14px;
margin-right: var(--spacing-xsmall);
}
._0kKp-eDAPJChPgi8QOWNxA\=\= {
background-color: var(--background-secondary);
display: flex;
justify-content: center;
}
.qtcHfiGJKY1-Hp33zt8Cww\=\= button {
padding: var(--spacing-none);
background-color: transparent;
border: none;
}
.KhZ8bjv0gqJ-lRW3yAU0BQ\=\= {
padding-right: var(--spacing-medium);
padding-left: var(--spacing-medium);
/* stylelint-disable-next-line style-lint-plugin-qonto/require-spatial-token */
margin-right: -16px;
/* stylelint-disable-next-line style-lint-plugin-qonto/require-spatial-token */
margin-left: -16px;
}
.D67OAwPS14ft6T8DPMwTOA\=\= {
margin-top: var(--spacing-large);
}
@media only screen and (width > 776px) {
.yjsfa2TX3\+IueSgbMp9QqA\=\= {
/* stylelint-disable-next-line style-lint-plugin-qonto/require-spatial-token */
padding: 28px 32px;
}
.DnkRPBJ8OTYh4M-Gt1IsBA\=\= {
padding: var(--spacing-xlarge) var(--spacing-xxxlarge);
padding-bottom: var(--spacing-medium);
}
._0kKp-eDAPJChPgi8QOWNxA\=\= {
display: none;
}
.KhZ8bjv0gqJ-lRW3yAU0BQ\=\= {
/* stylelint-disable-next-line style-lint-plugin-qonto/require-spatial-token */
margin-right: -48px;
/* stylelint-disable-next-line style-lint-plugin-qonto/require-spatial-token */
margin-left: -48px;
padding-right: var(--spacing-xxxlarge);
padding-left: var(--spacing-xxxlarge);
}
}
@media only screen and (width > 971px) {
.DnkRPBJ8OTYh4M-Gt1IsBA\=\= {
padding: var(--spacing-xlarge) var(--spacing-none);
}
.KhZ8bjv0gqJ-lRW3yAU0BQ\=\= {
/* stylelint-disable-next-line style-lint-plugin-qonto/require-spatial-token */
margin-right: -16px;
/* stylelint-disable-next-line style-lint-plugin-qonto/require-spatial-token */
margin-left: -16px;
padding-right: var(--spacing-medium);
padding-left: var(--spacing-medium);
}
}
@media only screen and (width <= 776px) {
.yjsfa2TX3\+IueSgbMp9QqA\=\= .qtcHfiGJKY1-Hp33zt8Cww\=\= {
display: none;
}
}
.hpUDP-NR4UQlE4Ne08kafQ\=\= > ._1LTLWDUTEpQVTg6xK8He9A\=\= {
position: fixed;
inset: 0;
z-index: calc(var(--z-index-above) + 2);
display: flex;
flex-direction: column;
overflow-y: auto;
background-color: var(--elevation-high);
box-shadow: var(--shadow-high);
}
._2AO61IU1Hf3OebVYZm17Pg\=\= {
height: 100%;
&:focus-visible {
box-shadow: none;
}
}
.AOno6K8WfBU6UXqkCS-UWw\=\= {
margin-bottom: var(--spacing-xlarge);
}
.O0gOMFjrqi9uNsAIg2R54g\=\= {
display: flex;
flex-direction: column;
gap: var(--spacing-medium-sm);
margin-bottom: var(--spacing-large);
}
._2zZOMVl-leKkOsqYrNAU-A\=\= {
color: var(--content-primary-a);
margin: var(--spacing-none);
}
.YDEojYeqgs37udWg3Yud9A\=\= {
color: var(--content-secondary-a);
margin: var(--spacing-none);
margin-bottom: var(--spacing-medium);
}
.as996xkPADxlaT8iTOCyLA\=\= {
display: flex;
flex-direction: column;
gap: var(--spacing-medium);
}
.zBzaUiZjuwme7acZIHRU1A\=\= {
background-color: var(--elevation-high);
/* stylelint-disable-next-line style-lint-plugin-qonto/require-spatial-token */
border-radius: 10px;
border: 1px solid var(--border-tertiary);
padding: var(--spacing-large) var(--spacing-medium);
display: flex;
flex-direction: column;
gap: var(--spacing-medium);
text-align: center;
}
.cXTZC1hGOXUuIYq8keIdpQ\=\= {
display: flex;
flex-direction: column;
justify-content: center;
gap: var(--spacing-medium);
}
.cXTZC1hGOXUuIYq8keIdpQ\=\= a {
color: var(--text-link);
}
.jpL7tVWYH62mfRR2ceizOg\=\= {
display: none;
}
.Q5MQ0JdiVahpQNBmgVRYtQ\=\= {
text-align: left;
border-top: 1px solid var(--border-tertiary);
margin-top: var(--spacing-small);
padding-top: var(--spacing-medium);
flex-direction: column;
}
.Q5MQ0JdiVahpQNBmgVRYtQ\=\= li:not(:last-child) {
margin-bottom: var(--spacing-medium-sm);
}
.Q5MQ0JdiVahpQNBmgVRYtQ\=\= ul {
list-style-type: none;
padding-left: var(--spacing-none);
}
.Q5MQ0JdiVahpQNBmgVRYtQ\=\= a svg {
/* aligning the icon with the text */
transform: translate(2px, 3px);
}
.ZwQsik8nX7Rq6MC1tVX0vg\=\= {
display: flex;
justify-content: center;
}
@media only screen and (width > 776px) {
.zBzaUiZjuwme7acZIHRU1A\=\= {
display: grid;
grid-template-columns: 1fr auto;
text-align: left;
padding: var(--spacing-large) var(--spacing-xlarge);
max-width: 956px;
width: 100%;
}
.ZwQsik8nX7Rq6MC1tVX0vg\=\= {
justify-content: flex-start;
}
.cXTZC1hGOXUuIYq8keIdpQ\=\= {
grid-column: 1;
}
.qHx1bRXRI8rnWLUybv3p8Q\=\= {
align-self: flex-start;
}
.jpL7tVWYH62mfRR2ceizOg\=\= {
display: block;
width: 160px;
height: 160px;
grid-column: 2;
grid-row: 1;
align-self: start;
}
.Q5MQ0JdiVahpQNBmgVRYtQ\=\= {
grid-column: 1 / -1;
}
}
.ET1twM4PJffnI0vUCfz9pA\=\= {
all: unset;
cursor: pointer;
background: var(--elevation-high);
border: 1px solid var(--border-tertiary);
border-radius: var(--radius-xsmall);
box-shadow: var(--shadow-low);
transition: box-shadow 0.2s ease-in-out;
box-sizing: border-box;
text-align: left;
max-width: 240px;
}
.T9da6X5uQhVjCErH3Tp4bA\=\= {
padding: var(--spacing-large);
background: var(--elevation-low);
border-top-left-radius: var(--radius-xsmall);
border-top-right-radius: var(--radius-xsmall);
transition: background-color 0.3s ease-in-out;
}
.ET1twM4PJffnI0vUCfz9pA\=\=:hover {
box-shadow: var(--shadow-high);
}
.ET1twM4PJffnI0vUCfz9pA\=\=:hover .T9da6X5uQhVjCErH3Tp4bA\=\= {
background: var(--background-accent-low);
}
.ET1twM4PJffnI0vUCfz9pA\=\=:focus-visible {
box-shadow: 0 0 0 4px var(--border-accent-low);
outline: none;
}
.xtTvjUlK2cmG4zjPzfZpWg\=\= {
padding: var(--spacing-large);
}
._2Bb4nXZn9ufS8RCS\+pZ-Gg\=\= > .B1\+f2Rhev7hrUyW8fLm\+ug\=\= {
position: fixed;
inset: 0;
z-index: calc(var(--z-index-above) + 2);
display: flex;
flex-direction: column;
background-color: var(--elevation-high);
}
.NJuB8O7HQRyUDC39FYpkgQ\=\= {
height: 100%;
}
.oXuVk4hpDXGWP4lKP9iCJA\=\= section {
/* stylelint-disable-next-line style-lint-plugin-qonto/require-spatial-token */
margin: 64px 0;
padding: var(--spacing-medium);
}
.sy-SQDOHKdmkZWZtdJuT5g\=\= {
font-size: var(--heading-section-font-size);
font-weight: var(--heading-section-font-weight);
line-height: var(--heading-section-line-height);
color: var(--content-primary);
margin-top: var(--spacing-medium);
margin-bottom: var(--spacing-medium);
}
/* Markdown content styles */
.xi6cqVfOG3gHmrNRYCW3UA\=\= {
padding: var(--spacing-medium);
margin-bottom: var(--spacing-xlarge);
}
.xi6cqVfOG3gHmrNRYCW3UA\=\= ul {
/* stylelint-disable-next-line style-lint-plugin-qonto/require-spatial-token */
padding-inline-start: 21px;
}
.xi6cqVfOG3gHmrNRYCW3UA\=\= li::marker {
font-size: 1.5em;
}
.xi6cqVfOG3gHmrNRYCW3UA\=\= > h4,
.xi6cqVfOG3gHmrNRYCW3UA\=\= li:not(:last-child) {
margin-bottom: var(--spacing-medium);
}
.xi6cqVfOG3gHmrNRYCW3UA\=\= h4 {
font-size: var(--body-prominent-font-size);
font-weight: var(--body-prominent-font-weight);
line-height: var(--body-prominent-line-height);
color: var(--content-primary);
}
.xi6cqVfOG3gHmrNRYCW3UA\=\= li p {
font-size: var(--body-standard-font-size);
font-weight: var(--body-standard-font-weight);
line-height: var(--body-standard-line-height);
color: var(--content-primary);
}
.oyPk\+7fC6tzklNO--z8qdQ\=\= {
display: flex;
flex-direction: column;
}
.FLr1id27jjfXeDq08E8NYg\=\= {
display: flex;
flex-direction: column;
padding: var(--spacing-large);
background-color: var(--elevation-low);
border-radius: var(--radius-small);
}
.FLr1id27jjfXeDq08E8NYg\=\= ul {
padding-inline-start: var(--spacing-medium);
}
.FLr1id27jjfXeDq08E8NYg\=\= li {
margin-bottom: var(--spacing-medium);
&:last-child {
margin-bottom: var(--spacing-none);
}
}
.AGvCK2VmiDOFS-Ia3gI3yA\=\= {
margin-bottom: var(--spacing-medium);
}
/* Cross-sell fullscreen (FullscreenCenter + two-column body) */
.ApwDIeWP06\+IBk4jJ7gKww\=\= {
grid-template-rows: 1fr;
min-height: 100%;
}
.ApwDIeWP06\+IBk4jJ7gKww\=\= section {
align-self: stretch;
display: flex;
flex-direction: column;
justify-content: flex-start;
max-width: min(1368px, 100%);
width: 100%;
padding-top: var(--spacing-xlarge);
padding-inline: var(--spacing-large);
padding-bottom: var(--spacing-large);
}
.nNYTMwcBdssUjvuoGqRO6w\=\= {
display: grid;
gap: var(--spacing-xlarge);
align-items: center;
}
.ajEQGo4AXzwx7LkVTUUNwA\=\= {
min-width: var(--size-none);
}
.bmn0qKCVwflFMeTZm\+6UFA\=\= {
display: none;
justify-content: center;
align-items: center;
}
.bmn0qKCVwflFMeTZm\+6UFA\=\= .cEutiU6aMf26k9F4H4aOfQ\=\= {
width: 100%;
max-width: 100%;
height: auto;
}
.rJ-\+DZOGnXHo1UEuF1Y4rw\=\= {
display: flex;
flex-direction: column;
width: 100%;
}
.\+TH0jWfgc4W\+a9j6Xjnx1Q\=\= {
margin-bottom: var(--spacing-medium);
}
.l-SPrrXy-P97OPkyhtq4Qw\=\= {
display: flex;
flex-direction: column;
gap: var(--spacing-medium);
width: 100%;
}
.l-SPrrXy-P97OPkyhtq4Qw\=\= button {
width: 100%;
}
@media (width > 776px) {
.sy-SQDOHKdmkZWZtdJuT5g\=\= {
font-size: var(--heading-page-font-size);
font-weight: var(--heading-page-font-weight);
line-height: var(--heading-page-line-height);
}
.oXuVk4hpDXGWP4lKP9iCJA\=\= section {
padding: var(--spacing-medium) var(--spacing-none);
}
.ApwDIeWP06\+IBk4jJ7gKww\=\= section {
min-height: 100%;
justify-content: center;
/* stylelint-disable-next-line style-lint-plugin-qonto/require-spatial-token -- 128px horizontal inset vs viewport (Figma) */
padding-inline: 128px;
}
.nNYTMwcBdssUjvuoGqRO6w\=\= {
/* stylelint-disable-next-line style-lint-plugin-qonto/require-spatial-token -- 64px gap between columns (Figma) */
gap: 64px;
align-items: center;
}
.bmn0qKCVwflFMeTZm\+6UFA\=\= {
display: flex;
}
.\+TH0jWfgc4W\+a9j6Xjnx1Q\=\= {
margin-bottom: var(--spacing-xlarge);
}
.l-SPrrXy-P97OPkyhtq4Qw\=\= {
flex-flow: row wrap;
justify-content: flex-start;
width: 100%;
}
.l-SPrrXy-P97OPkyhtq4Qw\=\= button {
width: auto;
}
.l-SPrrXy-P97OPkyhtq4Qw\=\= button:first-child {
order: 2;
}
.l-SPrrXy-P97OPkyhtq4Qw\=\= button:last-child {
order: 1;
}
.oyPk\+7fC6tzklNO--z8qdQ\=\= {
flex-flow: row wrap;
}
.AGvCK2VmiDOFS-Ia3gI3yA\=\= {
margin-bottom: var(--spacing-xlarge);
}
.oyPk\+7fC6tzklNO--z8qdQ\=\= button.YfnwO41RbjEXXrZSb3amsA\=\= {
order: 4; /* positions primary CTA at the end */
margin-left: var(--spacing-medium);
}
}
/* Mid desktop: tighter horizontal inset + first column (copy/form) min width vs equal split above 1200px. */
@media (width > 776px) and (width <= 1200px) {
.ApwDIeWP06\+IBk4jJ7gKww\=\= section {
padding-inline: var(--spacing-xxxlarge);
}
.nNYTMwcBdssUjvuoGqRO6w\=\= {
grid-template-columns: minmax(450px, 1fr) minmax(200px, 1fr);
}
}
@media (width > 1200px) {
.nNYTMwcBdssUjvuoGqRO6w\=\= {
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}
}
/* FullscreenSplit component customization */
.NJuB8O7HQRyUDC39FYpkgQ\=\= .oXuVk4hpDXGWP4lKP9iCJA\=\= {
/* the component does not expect the height of the content to be larger than that of the image and this breaks scrolling,
* here we are overriding component styles so that the grid adjusts to the content */
grid-template-rows: auto;
}
.NJuB8O7HQRyUDC39FYpkgQ\=\= ._4PsMS6g9vsxSmEOrDPuK5g\=\= {
/* we don't want the image to occupy the entire sidebar as per original FullscreenSplit design
* instead it 'floats' in the center, allowing the taller content to scroll */
all: unset;
max-width: 360px;
position: fixed;
top: 50%;
transform: translateY(-50%);
}
.NJuB8O7HQRyUDC39FYpkgQ\=\= .cEutiU6aMf26k9F4H4aOfQ\=\= {
max-width: 504px;
min-height: auto;
}
.NJuB8O7HQRyUDC39FYpkgQ\=\= .bmn0qKCVwflFMeTZm\+6UFA\=\= .cEutiU6aMf26k9F4H4aOfQ\=\= {
max-width: 100%;
}
@media (width <= 776px) {
.oXuVk4hpDXGWP4lKP9iCJA\=\= > div {
width: auto;
}
.ApwDIeWP06\+IBk4jJ7gKww\=\= section {
max-width: 504px;
margin-inline: auto;
padding: var(--spacing-huge) var(--spacing-medium) var(--spacing-xlarge);
}
}
.\+vCDQMQJ9A0cgDcD-6J97Q\=\= {
all: unset;
position: relative;
cursor: pointer;
display: flex;
flex-direction: column;
max-width: 303px;
overflow: hidden;
align-items: flex-start;
justify-content: flex-start;
background: var(--elevation-high);
border: 1px solid var(--border-tertiary);
border-radius: var(--radius-small);
box-shadow: var(--shadow-low);
transition: box-shadow 0.2s ease-in-out;
height: 278px;
box-sizing: border-box;
}
.DCCShx7X4H-Mv1VY2-rAPQ\=\= {
position: absolute;
top: 16px;
right: 16px;
opacity: 0;
transition: opacity 0.2s ease-in-out;
color: var(--content-primary-a-static);
}
.vT4iD7hse-kZOyQnZXq0kg\=\= {
color: var(--content-primary-a);
}
.\+vCDQMQJ9A0cgDcD-6J97Q\=\=:hover .DCCShx7X4H-Mv1VY2-rAPQ\=\= {
opacity: 1;
}
.\+vCDQMQJ9A0cgDcD-6J97Q\=\=:hover {
box-shadow: var(--shadow-high);
}
.\+vCDQMQJ9A0cgDcD-6J97Q\=\=:focus-visible {
box-shadow: 0 0 0 4px var(--border-accent-low);
}
.\+vCDQMQJ9A0cgDcD-6J97Q\=\=:disabled {
cursor: not-allowed;
box-shadow: none;
}
.\+vCDQMQJ9A0cgDcD-6J97Q\=\=:disabled:hover {
box-shadow: none;
}
.\+vCDQMQJ9A0cgDcD-6J97Q\=\=:disabled:focus-visible {
box-shadow: none;
}
.jholMXr\+dJ38qLUgZPFWiQ\=\= {
width: 100%;
height: 110px;
object-fit: cover;
object-position: center;
}
._8SHYgJCfonJUTAolzlYUMA\=\= {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: var(--spacing-small);
padding: var(--spacing-medium);
padding-bottom: var(--spacing-large);
}
.BxvUAVOzy1Hu-bp-cSrGIw\=\= {
display: -webkit-box;
overflow: hidden;
color: var(--content-primary-a);
text-decoration: none;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.lILYy-iOpafq\+2Ip2A5XPw\=\= {
display: -webkit-box;
overflow: hidden;
margin: var(--spacing-none);
color: var(--content-secondary);
text-overflow: ellipsis;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
text-align: left;
}
.ecd5R8ZYEceuw58RIjRjGw\=\= {
justify-content: space-between;
padding: var(--spacing-large) var(--spacing-medium);
}
.-ryKz3xjuErnp75kFgDNVA\=\= {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: var(--spacing-medium);
}
.KBaP0SGbiWKoQO6ol1YeUw\=\= {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: var(--spacing-small);
}
.OpFMutOKGLJ34wvjCnNwyg\=\= {
margin-top: var(--spacing-medium);
max-width: 100%;
}
.RqKtlh6p1wpTZo8pVZyz8w\=\= {
display: flex;
flex-direction: column;
align-content: flex-start;
width: 296px;
height: 100%;
padding: var(--spacing-large);
background: var(--elevation-high);
border: 1px solid var(--border-tertiary);
border-radius: var(--radius-small);
box-shadow: var(--shadow-low);
transition: all 0.25s ease-in-out;
&.AHN9vFTufkRNkawyuhcijQ\=\= {
display: grid;
grid-template-rows: 144px 32px 82px 60px auto;
row-gap: var(--spacing-small);
align-items: center;
}
}
.DhxdXNhieBfFXLr5qlt2Uw\=\= {
position: relative;
display: flex;
place-self: center center;
width: 144px;
max-width: 144px;
height: 144px;
border-radius: var(--radius-small);
}
.xmKdtcPxxUzTgeZmAFKW3A\=\= {
position: absolute;
top: -12px;
left: -24px;
}
.\+xupF45Xk7XoXgrCMbpNcA\=\= {
position: relative;
}
.hZF1QN4QhErx0WlriILETA\=\= {
display: flex;
gap: var(--spacing-none);
width: 100%;
margin: var(--spacing-none);
padding: var(--spacing-none);
list-style: none;
position: relative;
}
.hZF1QN4QhErx0WlriILETA\=\=::before {
content: '';
position: absolute;
top: 48px;
height: 2px;
background-color: var(--content-primary-a);
z-index: 1;
left: calc(50% / var(--timeline-steps, 4));
right: calc(50% / var(--timeline-steps, 4));
}
._0SU1IgZJNxSufUtMZiP99w\=\= {
flex: 1;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
padding: var(--spacing-xlarge) var(--spacing-large);
}
._3Ut8evZe6STCLbWNjmN1\+A\=\= {
display: flex;
align-items: center;
justify-content: center;
width: var(--size-large);
height: var(--size-large);
border-radius: var(--radius-round);
background-color: var(--content-primary-b);
border: 1px solid var(--content-primary-a);
color: var(--content-primary-a);
margin-bottom: var(--spacing-medium);
position: relative;
z-index: 2;
}
.qZc4BWWWby1V9lNio-qiEw\=\= {
margin: var(--spacing-none) var(--spacing-none) var(--spacing-medium);
}
.C5Xiw\+isc9Qi5D5kQ0fPxw\=\= {
margin: var(--spacing-none);
color: var(--content-secondary);
}
@media (width <= 768px) {
.hZF1QN4QhErx0WlriILETA\=\= {
flex-direction: column;
gap: var(--spacing-large);
}
.hZF1QN4QhErx0WlriILETA\=\=::before {
display: none;
}
._0SU1IgZJNxSufUtMZiP99w\=\= {
padding: var(--spacing-large) var(--spacing-medium);
}
}
.Jn9eJZJhst1EFwLFKh586g\=\= {
color: var(--content-secondary);
&.OcIfPZ8iouehOD01qMfrwg\=\=,
&._4mPVPUNzh\+9XPhkkYjsPwA\=\=,
&.a8pbJKcTMQ2BP5f3aWQgag\=\= {
color: var(--content-primary-a);
}
&.Cc1ajmweJ0zAa4-nAkmrUA\=\= {
color: var(--content-error);
}
}
.DnBmNeST\+t4PCsHNYjW4ug\=\= {
--icon-size: 48px;
--icon-margin: 12px;
align-items: center;
color: var(--content-secondary);
}
.uOa3UXRdt8wiMY4YnakO6A\=\= {
flex-shrink: 0;
align-self: start;
width: var(--icon-size);
height: var(--icon-size);
margin-right: var(--icon-margin);
opacity: 0.5;
}
.ydG8oQM553BUuo\+eLm0b0Q\=\= {
color: var(--content-primary-a);
}
.ydG8oQM553BUuo\+eLm0b0Q\=\= .uOa3UXRdt8wiMY4YnakO6A\=\= {
opacity: 1;
}
._1wRL2NrTqLiHKfz\+wmHONQ\=\= {
display: flex;
row-gap: var(--spacing-small);
align-items: center;
}
.XgwwppUlzcaO9JId5HM1vA\=\= {
display: flex;
}
.e4vPlEL7xoOZDPnSGZxCLA\=\= {
width: var(--size-medium-small);
height: var(--size-medium-small);
margin-left: var(--spacing-xsmall);
color: var(--content-secondary);
}
.jxlbOp0g2jlCy7d7h6WZng\=\= {
font-size: var(--body-standard-font-size);
font-weight: var(--body-standard-font-weight);
line-height: var(--body-standard-line-height);
}
.yIfUDr6JXjRm8LEHPKjo6w\=\= {
--bubble-size: 32px;
--bubble-margin: 16px;
--bubble-border-width: 1px;
--line-width: 2px;
position: relative;
/* stylelint-disable-next-line style-lint-plugin-qonto/require-spatial-token */
padding-left: calc(var(--bubble-size) + var(--bubble-margin));
counter-increment: timeline-step;
--step-line-color: var(--border-tertiary);
&.MYEYw2OwFqveW4CgwlkjAg\=\= {
--step-line-color: var(--content-primary-a);
}
&:not(:last-of-type) {
padding-bottom: var(--spacing-large);
&::before {
position: absolute;
top: calc(var(--bubble-size));
bottom: 0;
left: calc((var(--bubble-size) - var(--line-width)) / 2);
display: block;
width: var(--line-width);
content: '';
background-color: var(--step-line-color);
}
}
}
._494S6j6HavHFHh8Xxi-kXA\=\= {
display: grid;
grid-template:
'bubble title' auto
'. right-area' auto/0 auto;
place-items: start start;
}
.imlIRE3URna1dipuHtzM9w\=\= {
grid-area: right-area;
margin-top: var(--spacing-small);
margin-bottom: var(--spacing-small);
}
.SqScf1KaVsendDwKCerTMQ\=\= {
display: flex;
flex-direction: column;
row-gap: var(--spacing-medium-sm);
/* stylelint-disable-next-line style-lint-plugin-qonto/require-spatial-token */
margin-top: 2px;
}
@media only screen and (width >= 768px) {
._494S6j6HavHFHh8Xxi-kXA\=\= {
grid-template: 'bubble title right-area' auto/0 1fr auto;
}
.imlIRE3URna1dipuHtzM9w\=\= {
margin-top: var(--spacing-xsmall);
}
}
.KDL3O85ZZ8l\+VPNjB0WI-Q\=\= {
box-sizing: border-box;
}
.ZkdGlrmbOXeF0d4aNssD\+Q\=\= {
box-sizing: border-box;
padding: var(--spacing-medium);
color: var(--content-secondary);
background-color: var(--elevation-default);
border: 1px solid var(--border-tertiary);
border-radius: var(--radius-xsmall);
}
.iHljMcLFYnVMAnR5vlvtpQ\=\= {
display: flex;
gap: var(--spacing-small);
align-items: center;
}
.I\+H-YuMNP-xhN9E1FSP0vQ\=\= {
color: var(--content-secondary);
}
._74hmDDOKY71TkNvo79pbrQ\=\= {
font-size: var(--body-standard-font-size);
font-weight: var(--body-standard-font-weight);
line-height: var(--body-standard-line-height);
}
._4tokSIrY24FFgEG06EhlRw\=\= {
display: flex;
gap: var(--spacing-small);
align-items: center;
}
.XVqquT4VtomdWl0Jpnk9gg\=\= {
box-sizing: border-box;
display: grid;
grid-area: bubble;
place-items: center;
align-self: start;
width: var(--bubble-size);
height: var(--bubble-size);
margin-right: var(--bubble-margin);
/* stylelint-disable-next-line style-lint-plugin-qonto/require-spatial-token */
margin-left: calc(0px - var(--bubble-margin) - var(--bubble-size));
overflow: hidden;
color: var(--content-tertiary);
background-color: var(--elevation-default);
border: var(--bubble-border-width) solid var(--border-secondary);
border-radius: var(--radius-round);
}
.xKWYXsycU4Ho2E8N45TxZQ\=\=,
.lqMtweK5\+9EfHkm1dfPRWw\=\=,
.j1a12ZCxusqdlOrRip27jg\=\=,
.BOnbldpSlggDXoRCt0pVVA\=\= {
color: var(--content-primary-b);
background-color: var(--background-primary);
border: none;
}
.XVqquT4VtomdWl0Jpnk9gg\=\=::after {
content: counter(timeline-step);
}
.kSfZ8fRxB6P73Z0nU3qMnw\=\= {
display: flex;
align-items: center;
justify-content: center;
width: var(--bubble-size);
height: var(--bubble-size);
color: var(--background-primary);
background-color: var(--content-primary-b);
border: none;
}
._3Vdrxl7eAZ\+o8OWdEXA1pQ\=\= {
font-size: var(--body-prominent-font-size);
font-weight: var(--body-prominent-font-weight);
line-height: var(--body-prominent-line-height);
}
.Wx4AmF3TAEsPbv\+MlNOdRA\=\= {
padding: var(--spacing-none);
margin: var(--spacing-none);
list-style: none;
counter-reset: timeline-step;
}
.PZnOBq7xnGn3komNw0ddxA\=\= {
margin-bottom: var(--spacing-xlarge);
text-align: left;
}
.PZnOBq7xnGn3komNw0ddxA\=\= h1 {
margin-bottom: var(--spacing-medium);
}
.WGCc92S7mbOfk\+WzqzgqXw\=\= {
width: 100%;
margin-top: var(--spacing-none);
}
.DYXHLu-r3pPsBVNjTOPmIw\=\= {
width: 100%;
padding: var(--spacing-medium);
margin-bottom: var(--spacing-xlarge);
background-color: var(--elevation-default);
border: 1px solid var(--border-tertiary);
border-radius: var(--radius-small);
}
._6YVCLORMY1K2mY33e4KasQ\=\= {
width: 100%;
margin-bottom: var(--spacing-xlarge);
}
.SNYcRNOi3LDhdlm2Kh7zVQ\=\= {
display: flex;
gap: var(--spacing-medium);
justify-content: flex-start;
width: 100%;
}
@media (width <= 768px) {
.SNYcRNOi3LDhdlm2Kh7zVQ\=\= {
flex-direction: column;
align-items: stretch;
}
}
.FXbf12Gk01F4X654yadkMQ\=\= {
display: grid;
grid-template-columns: 1fr auto;
/* stylelint-disable-next-line style-lint-plugin-qonto/require-spatial-token */
margin-bottom: 18px;
}
.wVJbdKVZ\+ub0M4bxrwCt2Q\=\= {
margin-bottom: var(--spacing-medium-sm);
}
.F9rvvtbNVwgxKv8G7HZK7w\=\= {
display: flex;
align-items: center;
padding: var(--spacing-medium-sm) var(--spacing-none);
border-top: 1px solid var(--border-tertiary);
}
._0FwGNI8iplw4ua2Fs8RImg\=\= {
margin-left: var(--spacing-xsmall);
}
.cDuJHDqv1XJfr2M02KPmiA\=\= {
display: flex;
flex-direction: column;
gap: var(--spacing-xlarge);
padding: var(--spacing-none);
margin: var(--spacing-none) var(--spacing-none) var(--spacing-xlarge);
border: none;
}
.vhgT0woQTME2UXKSGz8BFA\=\= {
display: flex;
align-items: center;
justify-content: center;
min-height: 200px;
}
.VFh9ZMt2\+NJ\+-CjbZUlrrg\=\= {
padding: var(--spacing-xlarge);
color: var(--content-secondary);
text-align: center;
}
.UsxEIT9EJa-V0F4w3fJM2Q\=\= {
display: flex;
flex-direction: column;
justify-content: center;
width: 100%;
max-width: 504px;
margin: var(--spacing-none) auto;
padding-bottom: var(--spacing-huge);
}
.Z2vkXfiDz3gtKyLXssPmmQ\=\= {
text-align: left;
}
._5CxdtF-60gS\+fKfVHkHJGg\=\= {
background-color: var(--elevation-default);
}
.sSV0lx9BusxeNeTvr59atQ\=\= {
width: 100%;
margin-top: var(--spacing-none);
}
.T\+nY-o6qcNJQfDjOhTAStw\=\= {
display: flex;
justify-content: center;
align-items: center;
min-height: 200px;
}
._0Ys9jo1200rOCojv0BVtjQ\=\= {
display: flex;
flex-direction: column;
gap: var(--spacing-medium);
}
.yL\+N3j5MN4b0Wcbr1epvpQ\=\= {
background-color: var(--elevation-mid);
}
.NUxw6rkasy944TK6tsVaYw\=\= {
background-color: var(--elevation-default);
margin-bottom: var(--spacing-medium);
}
.iDq3UPVmLRjR-hlaYGR0CA\=\= {
width: 100%;
max-width: 504px;
padding: var(--spacing-xlarge) var(--spacing-none);
margin: var(--spacing-none) auto;
}
._1TIUuJ6LOBZyGDKFXVhv3A\=\= {
display: flex;
gap: var(--spacing-small);
}
.Qgr6GmFFCC3rLGOuIuvUOQ\=\= {
max-width: 120px;
}
.W87ijwP8rCHbKKwQUY3neA\=\= {
color: var(--content-primary-a);
}
.rU3lkBXkaKGjJXvmwmPI\+w\=\= {
width: 100%;
max-width: 504px;
margin: var(--spacing-none) auto;
padding-bottom: var(--spacing-xxlarge);
}
._2AMsQHxsK1Swyf57uDJA6Q\=\= {
cursor: pointer;
}
._6EjiSYRayctYwqEaF\+qqqQ\=\= {
padding: var(--spacing-large);
}
.X5LjVT4FSJhsT7SFtZuEqw\=\= {
width: 100%;
max-width: 504px;
margin: var(--spacing-none) auto;
padding-bottom: var(--spacing-xxlarge);
}
.ZXNLcTgGfKWltX8akRAhbA\=\= {
margin: var(--spacing-none);
margin-bottom: var(--spacing-large);
text-align: left;
}
.NuSevIcsoJEThEzgStPJQQ\=\= {
margin-top: var(--spacing-xlarge);
}
.vEwh4wiwcw-R4PQN0iszhg\=\= {
width: 100%;
}
.yFav0LF-d5-NAIHcHGcxfg\=\= {
width: 100%;
height: auto;
padding-bottom: var(--spacing-medium);
/* stylelint-disable-next-line style-lint-plugin-qonto/require-spatial-token */
margin-bottom: -16px;
--swiper-pagination-color: var(--background-toggle);
--swiper-pagination-bullet-border-radius: 4px;
--swiper-pagination-bullet-height: 6px;
--swiper-pagination-bullet-width: 6px;
--swiper-pagination-bottom: 0;
}
.JX7b7Qa5UC21unEAdjLYcQ\=\= {
background-color: var(--background-primary);
width: 18px;
opacity: 1;
}
.YkNh6IaBsRuiWbKDTf560Q\=\= {
height: auto;
}
.Q92o2\+zKU74byxdrDusIhg\=\= {
display: flex;
flex-direction: column;
gap: var(--spacing-none);
}
.-IaIhwyiy14LcHR5cJwSLg\=\= {
flex: 1;
display: flex;
flex-direction: column;
order: 2;
}
._9iwdjm1JXU-Ns3AkyYxZWw\=\= {
background-color: var(--background-login-blueberry);
padding: var(--spacing-large);
display: flex;
flex-direction: column;
gap: var(--spacing-large);
margin-bottom: var(--spacing-large);
border-radius: var(--radius-small);
}
._1aSbXfbPcJyvbV4fSmo-Wg\=\= {
display: -webkit-box;
-webkit-line-clamp: 6;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.gVqDcRClIh6SrAygucICrQ\=\= {
display: none;
}
.dP0\+Kq8wezyI\+WKTD33OfA\=\= {
object-fit: cover;
object-position: top;
border-radius: var(--radius-small);
}
.Ixx6DqANf17zSDNJHvC6YA\=\= {
display: none;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
.WIi7DZ-pFksPHmkTnZqTeg\=\= {
display: flex;
flex-direction: row;
gap: var(--spacing-small);
}
.pmbc-HnG7fdpPEWLnqCRUA\=\= {
color: var(--content-secondary);
}
.Hh9yZohHjqzxZgAbdjrl\+g\=\= {
text-decoration: none;
}
@media only screen and (width > 776px) {
.Q92o2\+zKU74byxdrDusIhg\=\= {
flex-direction: row;
gap: var(--spacing-large);
align-items: flex-start;
}
.-IaIhwyiy14LcHR5cJwSLg\=\= {
order: 1;
}
.gVqDcRClIh6SrAygucICrQ\=\= {
display: block;
order: 2;
margin-bottom: var(--spacing-none);
}
.dP0\+Kq8wezyI\+WKTD33OfA\=\= {
width: 368px;
height: 481px;
}
.Ixx6DqANf17zSDNJHvC6YA\=\= {
display: flex;
}
.yFav0LF-d5-NAIHcHGcxfg\=\= {
margin: var(--spacing-none);
padding: var(--spacing-medium) var(--spacing-none);
/* stylelint-disable-next-line style-lint-plugin-qonto/require-spatial-token */
margin-bottom: -16px;
}
}
.c8KC\+NlAStzRjHOz4ZWXFA\=\= {
display: flex;
flex-direction: column;
gap: var(--spacing-small);
}
._5OfXllcBaXmlOsFCroVXhw\=\= {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: 100%;
width: 100%;
text-align: center;
}
.HJ-MdS2Dc8eoaSe4e5GX6g\=\= {
width: auto;
height: 200px;
}
.SP6SVmQMu4YSp8s2kOLPNw\=\= {
display: flex;
flex-direction: row;
gap: var(--spacing-medium);
}
.gvqvkhw-MqKoA30kAOkebA\=\= {
margin-left: var(--spacing-xsmall);
}
.Ckk5kurDmFIkDuWjXJWhFg\=\= {
display: flex;
flex-direction: column;
gap: var(--spacing-medium);
max-width: 504px;
}
.sGQo1DC9T7URtcq3fOTZ0g\=\= {
align-self: start;
@media only screen and (width <= 776px) {
align-self: stretch;
}
}
.C1ku46DLm27nVCIEaGoTsA\=\= {
display: grid;
gap: var(--spacing-medium);
}
.pRFNbacYnwsPImoJm7q67Q\=\= {
border: none;
display: grid;
gap: var(--spacing-medium);
padding: var(--spacing-none);
margin-bottom: var(--spacing-medium);
}
.yzhegDdIelRs-tAwv2PB9A\=\= {
display: grid;
grid-template-columns: 1fr 1fr;
gap: var(--spacing-medium);
}
.gaMNq678Tz2hSRjxFUbK2g\=\= {
padding: var(--spacing-none);
}
.DdtHIF96RoaDJG3\+OCzmZA\=\= {
position: relative;
display: grid;
grid-template-columns: auto 1fr auto auto;
grid-template-rows: auto auto;
align-items: center;
gap: var(--spacing-small) var(--spacing-medium);
min-height: var(--size-xxxlarge);
padding: var(--spacing-medium);
text-align: left;
background: var(--elevation-mid);
border: 1px solid var(--border-tertiary);
border-radius: var(--radius-xsmall);
}
.Z-0Cw52lHgcLCTwkbh\+T3A\=\= {
grid-row: 1 / -1;
align-self: start;
}
.PUodgDmKMcmc27X5HRgh-g\=\= {
max-width: 200px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.EHPX3AEibhRJomOwv1z9Kw\=\= {
color: var(--content-secondary);
}
.SAG5aKZAn0EpZst91tRYLw\=\= {
grid-column: 2 / -1;
display: flex;
align-items: center;
color: var(--content-secondary);
}
.SAG5aKZAn0EpZst91tRYLw\=\= .\+VN6Nysuf65DOKPpl71uBA\=\= {
margin-right: var(--spacing-small);
color: var(--content-tertiary);
}
.hdKF9zeGY0coEwX2qJy6XQ\=\= {
color: var(--content-error);
}
.JI3\+UuE7sqZ8Fkqj3tdj9A\=\= {
border-color: var(--border-error);
}
._2IFaNSg5Uq-ZKgXhzejtwQ\=\= {
color: var(--content-error);
}
.LWtqiGlGFVOdAINNG-fO3Q\=\= {
position: relative;
display: flex;
align-items: center;
gap: var(--spacing-medium);
min-height: var(--size-xxxlarge);
padding: var(--spacing-medium);
text-align: left;
background: var(--elevation-mid);
border: 1px solid var(--border-tertiary);
border-radius: var(--radius-xsmall);
}
.iQr8jyCgSUHSrJejchUJwA\=\= {
display: flex;
align-items: center;
justify-content: center;
}
.evYL6dO-RkI4zEv7AmSfhA\=\= {
display: flex;
flex: 1;
align-items: center;
justify-content: space-between;
}
.BprUzgeF536otWb5bxAsWg\=\= {
display: flex;
align-items: center;
}
.cJjVjBkDqe9cC1-wUuLt8A\=\= {
max-width: 200px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.AEnd1-X6raBlV9EfayfpgA\=\= {
margin-left: var(--spacing-xsmall);
color: var(--content-primary-a);
}
.A\+5fU88SnbwzLCW\+6SyUIg\=\= {
color: var(--content-secondary);
}
.qwU\+C6MHpJciTAH4h4Hi\+Q\=\= {
color: var(--content-error);
}
.lozIcHS-iumETLXstbBJWA\=\= {
border-color: var(--border-error);
}
.K2SPZgsFLnOBk2l1ckPcKQ\=\= {
color: var(--content-error);
}
.Gxeez2bftk0jGjY3WMfV9A\=\= {
display: flex;
flex-direction: column;
gap: var(--spacing-large);
max-width: 504px;
}
._9DZLf3xMoCrREu66ch6zEw\=\= {
display: flex;
flex-direction: column;
gap: var(--spacing-medium);
}
._2firGdECaJLURYP0fx7eLA\=\= {
width: fit-content;
@media only screen and (width <= 776px) {
display: flex;
width: 100%;
}
}
.YlOWhbaxHfptsa55DE4ZHQ\=\= {
display: flex;
flex-direction: column;
gap: var(--spacing-large);
max-width: 504px;
}
.hEjV4YjVANZ-Pq3VOkM0aA\=\= {
display: flex;
flex-direction: column;
gap: var(--spacing-medium);
}
._5fVYMnQd8p9Vt7Qv0efLww\=\= {
display: flex;
gap: var(--spacing-medium);
@media only screen and (width <= 776px) {
flex-direction: column;
gap: var(--spacing-small);
& > :first-child {
order: 1;
}
}
}
.w31tVOSJg9dZjifXuoSBhw\=\= {
background-color: var(--primary-white);
}
.EBorWfU6yDadi5e3I9kWkQ\=\= {
@media only screen and (width <= 776px) {
display: flex;
width: 100%;
}
}
._6IM9d\+v6mpas-NwVS\+ulew\=\= .A2wI-U\+1CeBot59A7AE2KQ\=\=[data-placeholder="true"] {
color: var(--content-tertiary);
}
._71UsY10jsTPyQ6QDm\+GO7w\=\= {
display: flex;
flex-direction: column;
gap: var(--spacing-large);
padding: var(--spacing-large);
background: var(--elevation-low);
border-radius: var(--radius-small);
}
.lkjbjQTU9kZib8BswEG53A\=\= {
display: flex;
align-items: center;
justify-content: flex-start;
gap: var(--spacing-xlarge);
width: 100%;
}
.ol5or5\+BEbXuIWy3DwOxdQ\=\= {
flex-shrink: 0;
width: 120px;
height: 120px;
}
._7l1C-mdNGG0SHJlBfVSGrw\=\= {
display: flex;
flex-direction: column;
gap: var(--spacing-xsmall);
text-align: left;
}
.NndRbp3BouJqrcnwYBErBA\=\= {
margin: var(--spacing-none);
}
._4yKC9gsTVOwAwZE6x8kilA\=\= {
display: flex;
flex-wrap: wrap;
gap: var(--spacing-xsmall);
align-items: baseline;
margin: var(--spacing-none);
}
.iuKmrji2U-faejx1oz3JHQ\=\= {
color: var(--content-secondary);
}
._6mkgNGWxgc454JtSKCwmYQ\=\= {
margin: var(--spacing-none);
}
.gU-7clfingGN1G19nRZGbA\=\= {
display: flex;
flex-direction: column;
gap: var(--spacing-medium);
margin: var(--spacing-none);
padding: var(--spacing-large);
list-style: none;
background: var(--elevation-high);
border-radius: var(--radius-small);
}
.p8C-gUdtF7YaQ0W4kjfy5A\=\= {
display: flex;
gap: var(--spacing-medium-sm);
align-items: flex-start;
}
.nT0Ux3g9F1-jF6mJcusxHQ\=\= {
flex-shrink: 0;
width: var(--size-medium);
height: var(--size-medium);
margin-top: var(--spacing-xsmall);
}
.kPcKrtvLrMnkg2X4D\+MOcw\=\= {
display: flex;
gap: var(--spacing-small);
}
.-U2rwFZBzkrs3EXKRubPQw\=\= {
display: flex;
align-items: center;
justify-content: center;
gap: var(--spacing-small);
padding: var(--spacing-large);
background: var(--elevation-low);
border-radius: var(--radius-small);
width: 100%;
}
.w3TtRPaDmNptFbh1bz7-cA\=\= {
color: var(--content-secondary);
}
.ZPhwBudw3CCNgbUOx-1AqQ\=\= {
display: flex;
flex-direction: column;
gap: var(--spacing-large);
padding: var(--spacing-large);
background: var(--elevation-low);
border-radius: var(--radius-small);
}
.aHgN3ZK4CK3Vc2lI7bu57g\=\= {
display: flex;
align-items: center;
justify-content: flex-start;
gap: var(--spacing-xlarge);
width: 100%;
}
._5e64MT9-91I5owl33\+kZjQ\=\= {
display: flex;
flex-direction: column;
gap: var(--spacing-xsmall);
text-align: left;
}
._0P9spvaSeY23EdVN9iZaGQ\=\= {
width: 120px;
height: 120px;
flex-shrink: 0;
}
._3rBDZnJTHNk9BlmHydoUOg\=\= {
display: flex;
flex-direction: column;
margin: var(--spacing-none);
padding: var(--spacing-large);
list-style: none;
background: var(--elevation-high);
border-radius: var(--radius-small);
}
.Tse3dahG9Ul9BaJa0svWmQ\=\= {
display: flex;
gap: var(--spacing-medium-sm);
align-items: flex-start;
}
.L5awlLggAOvPAL8AU\+2sng\=\= {
flex-shrink: 0;
width: var(--size-medium);
height: var(--size-medium);
margin-top: var(--spacing-xsmall);
}
.CK6EJm\+-Q5VEuLDiFeOSFA\=\= {
display: flex;
flex-direction: column;
max-width: 504px;
gap: var(--spacing-large);
text-align: left;
}
.wLWtzri0SaeNgdX7yjYTiw\=\= {
display: flex;
flex-direction: column;
gap: var(--spacing-small);
}
.tDfE6jPK4dXppB0UqHXdIg\=\= {
align-self: center;
height: auto;
max-width: 200px;
width: 100%;
}
.WrCHfkBJ-53FuZ2lmM6QPQ\=\= {
text-align: center;
}
.TB1GrL5bi9JiyoM\+9dbgVQ\=\= {
text-align: center;
}
.nlXGEuq0vSttH\+yLtiFXOA\=\= {
background-color: var(--elevation-high);
}
.qwI4-fBJYdX3\+ApPqiHjxw\=\= {
margin-bottom: var(--spacing-medium);
width: 100%;
}
.\+DZs3\+ldQ4XNkyzI261bYA\=\= {
display: flex;
flex-direction: column;
max-width: 504px;
gap: var(--spacing-large);
text-align: left;
}
.pClKUDcCtGzfQQEBvygjoQ\=\= {
align-self: center;
height: auto;
max-width: 200px;
width: 100%;
}
.mYs7E5kWFghK\+YnyVqyHwQ\=\= {
text-align: center;
}
.Eb\+2RU5ildiv6Kl\+hpbjAA\=\= {
background-color: var(--elevation-high);
}
.rqKpqSmC9tIbaHiKaXI9sA\=\= {
display: flex;
flex-direction: column;
gap: var(--spacing-medium);
align-items: center;
}
._4oeac6o9-gVxytc4axkwxw\=\= {
padding: var(--spacing-xxlarge);
max-width: 500px;
margin: var(--spacing-none) auto;
min-height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
}
.-zWqjDcbDI8gEs4ju1Dk3w\=\= {
display: flex;
flex-direction: column;
}
.D52FbKj-envI-yboDpztEw\=\= {
margin: var(--spacing-none) var(--spacing-none) var(--spacing-xlarge);
}
.nv657h4gw16LXVECRoEjxQ\=\= {
margin-bottom: var(--spacing-large);
}
._2eOuxAo\+EPlv1qiibIbhUg\=\= {
display: flex;
margin-bottom: var(--spacing-xlarge);
}
.DfBkA1uT2UaIPaEEZpa8aw\=\= {
display: flex;
align-items: center;
gap: var(--spacing-small);
}
/* Treatment variant (V2 design) */
.\+DdlyRWIOLAAcoyOzuykcA\=\= {
margin-bottom: var(--spacing-medium);
}
.oiAEes8FKInz7VtLErHdiA\=\= {
background-color: var(--elevation-low);
border-radius: var(--radius-medium);
padding: var(--spacing-medium);
margin-bottom: var(--spacing-medium);
}
.LfQVPVOwk\+4CAGuaOg-Ikw\=\= {
list-style: none;
margin: var(--spacing-none);
padding: var(--spacing-small);
display: flex;
flex-direction: column;
gap: var(--spacing-medium);
}
.z1\+rSHdXofUZzkdHF\+8qDw\=\= {
display: flex;
align-items: center;
gap: var(--spacing-medium-sm);
}
.HD\+gu8cnn9d2e9z71DJfOg\=\= {
display: flex;
flex-shrink: 0;
}
.HD\+gu8cnn9d2e9z71DJfOg\=\= > svg {
width: var(--size-medium);
height: var(--size-medium);
}
.JJ\+OT88jZ5CULQbvZAycrA\=\= {
margin-bottom: var(--spacing-xlarge);
}
.lRoTD5O5Kv2vwMDBZ4f3CQ\=\= {
color: var(--content-secondary);
}
.iew4VPMNFHCPviF-yWbdmg\=\= {
margin-bottom: var(--spacing-xlarge);
}
.XhIpegDkAKITbp0-HetpTg\=\= {
height: 100%;
background-color: var(--brand-blueberry-50, #c6e6fb);
display: flex;
align-items: center;
justify-content: center;
padding: var(--spacing-xxlarge);
}
.SCez-X9bmXMc-qqlbIUzyg\=\= {
display: flex;
flex-direction: column;
align-items: center;
gap: var(--spacing-xlarge);
max-width: 400px;
}
.eyimyUigwL-3cNMu3E5pfQ\=\= {
display: flex;
justify-content: center;
align-items: center;
width: 300px;
height: 300px;
margin: var(--spacing-none) auto;
}
.\+FihHcpenmaVNK-cYSBfOg\=\= {
width: 100%;
height: 100%;
}
@media (width <= 768px) {
.XhIpegDkAKITbp0-HetpTg\=\= {
display: none;
}
}
.HnZR65LFtmpjkVj9FTC7XA\=\= {
display: flex;
flex-direction: column;
height: 100%;
}
.gK-uBKpvYsSQdxOOPkOqYQ\=\= {
padding: var(--spacing-24);
margin-bottom: var(--spacing-24);
background-color: var(--elevation-default);
border-radius: var(--border-radius-large);
}
.cFQGR25dmrxB8Qxe6UxbCQ\=\= {
display: flex;
gap: var(--spacing-12);
align-items: center;
margin-bottom: var(--spacing-16);
}
._36t1Uv6n3dO9DhUQ6Q96\+g\=\= {
display: flex;
flex-direction: column;
gap: var(--spacing-16);
padding: var(--spacing-none);
margin: var(--spacing-none);
list-style: none;
}
.E7z-BwQJnXnGJiFOasVAxQ\=\= {
display: flex;
gap: var(--spacing-12);
align-items: flex-start;
}
.iE6c7cO3Hb0lglNuO-6EjQ\=\= {
flex-shrink: 0;
color: var(--icon-success);
}
.WwfE2q6IoxeNq\+eZDcVNvw\=\= {
display: flex;
gap: var(--spacing-16);
padding-top: var(--spacing-24);
margin-top: auto;
}
.C8O--0QrV4GG0Xa-DMG6EA\=\= {
align-items: center;
justify-content: center;
padding: var(--spacing-none);
}
.CC\+ne-XP9knZIsY2Plir8g\=\= {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
background-color: var(--elevation-low);
}
.LXeHIgadJhMcLvs4tjPnjA\=\= {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
width: 504px;
margin: var(--spacing-xxxlarge) auto;
}
.JVQ2sfqzwZV3\+udvoAlnNg\=\=,
._9tgsoYHkxogAU84FptBOgw\=\= {
text-align: center;
}
.uTBUZuXtCxJjzsQLSoDuFw\=\= {
visibility: hidden;
}
.zZj-d2\+UsduBhmzEsZeRGw\=\= {
display: flex;
flex-direction: column;
gap: var(--spacing-medium);
}
.hy\+a2MhdjDyTj5WEkoI28A\=\= {
display: flex;
flex-direction: row;
gap: var(--spacing-medium);
align-items: center;
}
/* stylelint-disable number-max-precision */
.COeyKPRznRNedQVxYoIJEA\=\= {
display: flex;
width: 100%;
height: 100vh;
position: absolute;
inset: 0;
}
.jWt1\+izSfgxFlcNViHFP1A\=\= {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
background-color: var(--elevation-default);
}
.AFY4Nb0Sc0UH8mzDAcYlsQ\=\= {
display: flex;
flex-direction: column;
align-items: flex-start;
max-width: 504px;
}
.fP6T4JqHkp22Z3e62H016w\=\= {
display: flex;
justify-content: center;
align-items: center;
width: 33.33333%;
background-color: var(--elevation-low);
position: relative;
}
.TQMrIBdSaQICfnpMsGFTIw\=\= {
margin-bottom: var(--spacing-medium);
color: var(--content-primary-a);
}
.fE62TyP6qrsQRrIcAMbC3Q\=\= {
color: var(--content-primary-a);
margin-bottom: var(--spacing-xlarge);
}
.pYfBowZ00QAf3SP52zuB7A\=\= {
max-width: 360px;
aspect-ratio: 1/1;
}
._4ezaf2NI4yIdn4abV4cCqA\=\= {
position: absolute;
top: 8px;
right: 8px;
z-index: 1;
}
.LeLRZ89QlEXd7607Nu2Cnw\=\= {
display: flex;
align-items: center;
}
.-PDkztqbWoQcors3YwKPwA\=\= {
margin-right: var(--spacing-medium-sm);
color: var(--content-warning);
svg {
width: var(--size-medium-small);
height: var(--size-medium-small);
}
}
.\+Js-QG9ucuA2zRBnjaboOg\=\= {
color: var(--content-secondary);
}
.BFylHJmMrnTZinNphB1xJA\=\= {
display: grid;
grid-template-columns: 1fr 1fr;
gap: var(--spacing-medium);
margin-bottom: var(--spacing-medium);
@media only screen and (width <= 776px) {
grid-template-columns: 1fr;
}
}
._1CQ6rHKkzTMu3YyipEA5Dg\=\= {
display: flex;
margin-bottom: var(--spacing-medium);
flex-direction: column;
}
.BFylHJmMrnTZinNphB1xJA\=\= ._1CQ6rHKkzTMu3YyipEA5Dg\=\= {
margin-bottom: var(--spacing-none);
}
._7iLKHE9KdsYniAe-NRTRbA\=\= {
margin-top: var(--spacing-small);
}
.RTtB\+SVc38jXknFWyJA0Gg\=\= {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
height: 56px; /* 40px + 2x8px */
padding: var(--spacing-small);
}
.WAsLE6rRvYp1-JD\+vC\+cxw\=\= {
color: var(--content-primary-a);
}
.FwlT03HOtXxlQJit4rHjHg\=\= {
flex: 1;
max-width: 672px;
}
.hgJbe5pWl9TTjMrUR74YCg\=\= {
display: none;
}
@media screen and (width >= 768px) {
.RTtB\+SVc38jXknFWyJA0Gg\=\= {
height: var(--size-xxxlarge);
padding: var(--spacing-none) var(--spacing-medium-lg);
}
.mWU29ZLGOcTZdXAu8Rs2VA\=\= {
display: none;
}
.hgJbe5pWl9TTjMrUR74YCg\=\= {
display: block;
}
}
.Y5oEhJ74qgexZYBQEdL0yQ\=\= {
height: 100%;
}
.BPtGzrWBPSvyWf2\+4pPyig\=\=,
.nred9jNE7HjpPbaNvkaQ9g\=\=,
.Eq5VRfc4lx7pYPwGTRELXg\=\= {
position: absolute;
top: 0;
right: 0;
bottom: 0;
z-index: 0;
width: 100%;
margin: auto var(--spacing-none);
}
/*# sourceMappingURL=chunk.83bad6ca4c230a0b3e50.css.map*/