@font-face {
    font-family: Inter;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    font-display: swap;
    src: local("Inter Regular"), local("Inter-Regular"), url(../fonts/inter-regular-29323e651791fdcd6e00da970b2ba98eb4f6c319.a747faad.woff2) format("woff2"), url(../fonts/inter-regular-8e97232165123da4149c87caf98e0381686be9a0.bee5e03b.woff) format("woff")
}

@font-face {
    font-family: Inter fallback;
    src: local(Arial);
    size-adjust: 107%;
    ascent-override: 90.199%;
    descent-override: 22.4836%;
    line-gap-override: 0%;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    font-display: swap
}

@font-face {
    font-family: Inter;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    font-display: swap;
    src: local("Inter Bold"), local("Inter-Bold"), url(../fonts/inter-bold-446ba08d661178e775203f8f1332422835c6c100.1e38562c.woff2) format("woff2"), url(../fonts/inter-bold-3c2b4cbe0bed47980b5948b7c3341f8b853e5b03.d6200733.woff) format("woff")
}

@font-face {
    font-family: Inter fallback;
    src: local("Arial Bold");
    font-weight: 700;
    size-adjust: 101.5%;
    ascent-override: 67%;
    descent-override: 0%;
    line-gap-override: 46%;
    font-style: normal;
    font-stretch: normal;
    font-display: swap
}

@font-face {
    font-family: Haffer;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    font-display: swap;
    src: local("Haffer Bold"), local("Haffer-Bold"), url(../fonts/haffer-bold.ef4665fb.woff2) format("woff2"), url(../fonts/haffer-bold.199a842e.woff) format("woff")
}

@font-face {
    font-family: Haffer Fallback;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    font-display: swap;
    src: local("Arial Bold");
    size-adjust: 94.5%;
    ascent-override: 97%
}

:root,
[data-theme=light] {
    --pd-animation-transition-microinteraction-slow-time: .18s;
    --pd-animation-transition-microinteraction-fast-time: .14s;
    --pd-animation-transition-slow-time: .4s;
    --pd-animation-transition-fast-time: .3s;
    --pd-animation-transition-speedcurve: cubic-bezier(.5, 0, .2, 1);
    --pd-animation-exit-slow-time: .22s;
    --pd-animation-exit-fast-time: .18s;
    --pd-animation-exit-scale-with-opacity-end: scale(.5);
    --pd-animation-exit-scale-with-opacity-start: scale(1);
    --pd-animation-exit-scale-end: scale(0);
    --pd-animation-exit-scale-start: scale(1);
    --pd-animation-exit-opacity-end: 0;
    --pd-animation-exit-opacity-start: 1;
    --pd-animation-exit-speedcurve: cubic-bezier(.7, 0, 1, 1);
    --pd-animation-enter-slow-time: .35s;
    --pd-animation-enter-fast-time: .25s;
    --pd-animation-enter-scale-with-opacity-end: scale(1);
    --pd-animation-enter-scale-with-opacity-start: scale(.5);
    --pd-animation-enter-scale-end: scale(1);
    --pd-animation-enter-scale-start: scale(0);
    --pd-animation-enter-opacity-end: 1;
    --pd-animation-enter-opacity-start: 0;
    --pd-animation-enter-speedcurve: cubic-bezier(0, 0, .2, 1);
    --pd-animation-transition-slow-elevation: box-shadow var(--pd-animation-transition-slow-time) var(--pd-animation-transition-speedcurve);
    --pd-animation-transition-slow-color: var(--pd-animation-transition-slow-time) var(--pd-animation-transition-speedcurve);
    --pd-animation-transition-slow-opacity: opacity var(--pd-animation-transition-slow-time) var(--pd-animation-transition-speedcurve);
    --pd-animation-transition-slow-scale: transform var(--pd-animation-transition-slow-time) var(--pd-animation-transition-speedcurve);
    --pd-animation-transition-slow-position: var(--pd-animation-transition-slow-time) var(--pd-animation-transition-speedcurve);
    --pd-animation-transition-fast-position-opacity-opacity: opacity .25s var(--pd-animation-transition-speedcurve);
    --pd-animation-transition-fast-position-scale-scale: transform .25s var(--pd-animation-transition-speedcurve);
    --pd-animation-transition-fast-elevation: box-shadow var(--pd-animation-transition-fast-time) var(--pd-animation-transition-speedcurve);
    --pd-animation-transition-fast-color: var(--pd-animation-transition-fast-time) var(--pd-animation-transition-speedcurve);
    --pd-animation-transition-fast-opacity: opacity var(--pd-animation-transition-fast-time) var(--pd-animation-transition-speedcurve);
    --pd-animation-transition-fast-scale: transform var(--pd-animation-transition-fast-time) var(--pd-animation-transition-speedcurve);
    --pd-animation-transition-fast-position: var(--pd-animation-transition-fast-time) var(--pd-animation-transition-speedcurve);
    --pd-animation-exit-slow-scale-opacity: opacity .17s var(--pd-animation-exit-speedcurve), var(--pd-animation-exit-slow-scale);
    --pd-animation-exit-slow-position-opacity-opacity: opacity .17s var(--pd-animation-exit-speedcurve);
    --pd-animation-exit-slow-elevation: box-shadow var(--pd-animation-exit-slow-time) var(--pd-animation-exit-speedcurve);
    --pd-animation-exit-slow-opacity: opacity var(--pd-animation-exit-slow-time) var(--pd-animation-exit-speedcurve);
    --pd-animation-exit-slow-scale: transform var(--pd-animation-exit-slow-time) var(--pd-animation-exit-speedcurve);
    --pd-animation-exit-slow-position: var(--pd-animation-exit-slow-time) var(--pd-animation-exit-speedcurve);
    --pd-animation-exit-fast-scale-opacity: opacity .14s var(--pd-animation-exit-speedcurve), var(--pd-animation-exit-fast-scale);
    --pd-animation-exit-fast-position-opacity-opacity: opacity .14s var(--pd-animation-exit-speedcurve);
    --pd-animation-exit-fast-elevation: box-shadow var(--pd-animation-exit-fast-time) var(--pd-animation-exit-speedcurve);
    --pd-animation-exit-fast-opacity: opacity var(--pd-animation-exit-fast-time) var(--pd-animation-exit-speedcurve);
    --pd-animation-exit-fast-scale: transform var(--pd-animation-exit-fast-time) var(--pd-animation-exit-speedcurve);
    --pd-animation-exit-fast-position: var(--pd-animation-exit-fast-time) var(--pd-animation-exit-speedcurve);
    --pd-animation-enter-slow-scale-opacity: opacity .3s var(--pd-animation-enter-speedcurve), var(--pd-animation-enter-slow-scale);
    --pd-animation-enter-slow-position-opacity-opacity: opacity .3s var(--pd-animation-enter-speedcurve);
    --pd-animation-enter-slow-elevation: box-shadow var(--pd-animation-enter-slow-time) var(--pd-animation-enter-speedcurve);
    --pd-animation-enter-slow-opacity: opacity var(--pd-animation-enter-slow-time) var(--pd-animation-enter-speedcurve);
    --pd-animation-enter-slow-scale: transform var(--pd-animation-enter-slow-time) var(--pd-animation-enter-speedcurve);
    --pd-animation-enter-slow-position: var(--pd-animation-enter-slow-time) var(--pd-animation-enter-speedcurve);
    --pd-animation-enter-fast-scale-opacity: opacity .2s var(--pd-animation-enter-speedcurve), var(--pd-animation-enter-fast-scale);
    --pd-animation-enter-fast-position-opacity-opacity: opacity .2s var(--pd-animation-enter-speedcurve);
    --pd-animation-enter-fast-elevation: box-shadow var(--pd-animation-enter-fast-time) var(--pd-animation-enter-speedcurve);
    --pd-animation-enter-fast-opacity: opacity var(--pd-animation-enter-fast-time) var(--pd-animation-enter-speedcurve);
    --pd-animation-enter-fast-scale: transform var(--pd-animation-enter-fast-time) var(--pd-animation-enter-speedcurve);
    --pd-animation-enter-fast-position: var(--pd-animation-enter-fast-time) var(--pd-animation-enter-speedcurve);
    --pd-animation-transition-fast-position-opacity-position: var(--pd-animation-transition-fast-position);
    --pd-animation-transition-fast-position-scale-position: var(--pd-animation-transition-fast-position);
    --pd-animation-exit-slow-position-opacity-position: var(--pd-animation-exit-slow-position);
    --pd-animation-exit-fast-position-opacity-position: var(--pd-animation-exit-fast-position);
    --pd-animation-enter-slow-position-opacity-position: var(--pd-animation-enter-slow-position);
    --pd-animation-enter-fast-position-opacity-position: var(--pd-animation-enter-fast-position);
    --pd-non-semantic-color-neutral-gray-148: #2d2f2f;
    --pd-non-semantic-color-neutral-gray-140: #343637;
    --pd-non-semantic-color-neutral-gray-132: #3b3d3e;
    --pd-non-semantic-color-neutral-gray-124: #424445;
    --pd-non-semantic-color-neutral-gray-116: #494c4c;
    --pd-non-semantic-color-neutral-gray-108: #505354;
    --pd-non-semantic-color-neutral-gray-100: #575a5b;
    --pd-non-semantic-color-neutral-gray-92: #646768;
    --pd-non-semantic-color-neutral-gray-88: #6b6e6f;
    --pd-non-semantic-color-neutral-gray-80: #797b7c;
    --pd-non-semantic-color-neutral-gray-72: #868889;
    --pd-non-semantic-color-neutral-gray-64: #939596;
    --pd-non-semantic-color-neutral-gray-56: #a1a3a3;
    --pd-non-semantic-color-neutral-gray-48: #aeb0b0;
    --pd-non-semantic-color-neutral-gray-40: #bcbdbd;
    --pd-non-semantic-color-neutral-gray-32: #c9cacb;
    --pd-non-semantic-color-neutral-gray-24: #d7d7d8;
    --pd-non-semantic-color-neutral-gray-20: #dddede;
    --pd-non-semantic-color-neutral-gray-16: #e4e5e5;
    --pd-non-semantic-color-neutral-gray-12: #ebebeb;
    --pd-non-semantic-color-neutral-gray-8: #f2f2f2;
    --pd-non-semantic-color-neutral-gray-4: #f8f8f8;
    --pd-non-semantic-color-earth-brown-148: #502e16;
    --pd-non-semantic-color-earth-brown-140: #5c351a;
    --pd-non-semantic-color-earth-brown-132: #693d1d;
    --pd-non-semantic-color-earth-brown-124: #754421;
    --pd-non-semantic-color-earth-brown-116: #814b24;
    --pd-non-semantic-color-earth-brown-108: #8e5228;
    --pd-non-semantic-color-earth-brown-100: #9a592b;
    --pd-non-semantic-color-earth-brown-92: #a2663c;
    --pd-non-semantic-color-earth-brown-88: #a66d44;
    --pd-non-semantic-color-earth-brown-80: #ae7a55;
    --pd-non-semantic-color-earth-brown-72: #b68766;
    --pd-non-semantic-color-earth-brown-64: #be9577;
    --pd-non-semantic-color-earth-brown-56: #c6a288;
    --pd-non-semantic-color-earth-brown-48: #cfaf99;
    --pd-non-semantic-color-earth-brown-40: #d7bdaa;
    --pd-non-semantic-color-earth-brown-32: #dfcabb;
    --pd-non-semantic-color-earth-brown-24: #e7d7cc;
    --pd-non-semantic-color-earth-brown-20: #ebded5;
    --pd-non-semantic-color-earth-brown-16: #efe4dd;
    --pd-non-semantic-color-earth-brown-12: #f3ebe5;
    --pd-non-semantic-color-earth-brown-8: #f7f2ee;
    --pd-non-semantic-color-earth-brown-4: #fbf8f7;
    --pd-non-semantic-color-lavender-purple-148: #331b5f;
    --pd-non-semantic-color-lavender-purple-140: #3b1f6e;
    --pd-non-semantic-color-lavender-purple-132: #43237c;
    --pd-non-semantic-color-lavender-purple-124: #4a288b;
    --pd-non-semantic-color-lavender-purple-116: #522c9a;
    --pd-non-semantic-color-lavender-purple-108: #5a30a8;
    --pd-non-semantic-color-lavender-purple-100: #6234b7;
    --pd-non-semantic-color-lavender-purple-92: #6f44bd;
    --pd-non-semantic-color-lavender-purple-88: #754cc0;
    --pd-non-semantic-color-lavender-purple-80: #815dc5;
    --pd-non-semantic-color-lavender-purple-72: #8e6dcb;
    --pd-non-semantic-color-lavender-purple-64: #9b7dd1;
    --pd-non-semantic-color-lavender-purple-56: #a78dd7;
    --pd-non-semantic-color-lavender-purple-48: #b49edd;
    --pd-non-semantic-color-lavender-purple-40: #c0aee2;
    --pd-non-semantic-color-lavender-purple-32: #cdbee8;
    --pd-non-semantic-color-lavender-purple-24: #d9ceee;
    --pd-non-semantic-color-lavender-purple-20: #e0d6f1;
    --pd-non-semantic-color-lavender-purple-16: #e6dff3;
    --pd-non-semantic-color-lavender-purple-12: #ece7f6;
    --pd-non-semantic-color-lavender-purple-8: #f2eff9;
    --pd-non-semantic-color-lavender-purple-4: #f9f7fc;
    --pd-non-semantic-color-lilac-purple-148: #521150;
    --pd-non-semantic-color-lilac-purple-140: #5d155a;
    --pd-non-semantic-color-lilac-purple-132: #671864;
    --pd-non-semantic-color-lilac-purple-124: #721c6f;
    --pd-non-semantic-color-lilac-purple-116: #7d2179;
    --pd-non-semantic-color-lilac-purple-108: #872484;
    --pd-non-semantic-color-lilac-purple-100: #92288e;
    --pd-non-semantic-color-lilac-purple-92: #9c3898;
    --pd-non-semantic-color-lilac-purple-88: #a0419d;
    --pd-non-semantic-color-lilac-purple-80: #aa51a6;
    --pd-non-semantic-color-lilac-purple-72: #b462b1;
    --pd-non-semantic-color-lilac-purple-64: #c26fbf;
    --pd-non-semantic-color-lilac-purple-56: #cd7fca;
    --pd-non-semantic-color-lilac-purple-48: #d88fd5;
    --pd-non-semantic-color-lilac-purple-40: #e29fe0;
    --pd-non-semantic-color-lilac-purple-32: #eab0e8;
    --pd-non-semantic-color-lilac-purple-24: #edc6eb;
    --pd-non-semantic-color-lilac-purple-20: #f0cfee;
    --pd-non-semantic-color-lilac-purple-16: #f5d8f4;
    --pd-non-semantic-color-lilac-purple-12: #f7e1f6;
    --pd-non-semantic-color-lilac-purple-8: #fbeafb;
    --pd-non-semantic-color-lilac-purple-4: #fdf4fd;
    --pd-non-semantic-color-bubblegum-pink-148: #890540;
    --pd-non-semantic-color-bubblegum-pink-140: #910d48;
    --pd-non-semantic-color-bubblegum-pink-132: #98144f;
    --pd-non-semantic-color-bubblegum-pink-124: #a11d58;
    --pd-non-semantic-color-bubblegum-pink-116: #a92560;
    --pd-non-semantic-color-bubblegum-pink-108: #b02c67;
    --pd-non-semantic-color-bubblegum-pink-100: #b8346f;
    --pd-non-semantic-color-bubblegum-pink-92: #c5417c;
    --pd-non-semantic-color-bubblegum-pink-88: #ca4681;
    --pd-non-semantic-color-bubblegum-pink-80: #d8548f;
    --pd-non-semantic-color-bubblegum-pink-72: #e4609b;
    --pd-non-semantic-color-bubblegum-pink-64: #f16da8;
    --pd-non-semantic-color-bubblegum-pink-56: #f97bb3;
    --pd-non-semantic-color-bubblegum-pink-48: #f88fbe;
    --pd-non-semantic-color-bubblegum-pink-40: #f7a3c8;
    --pd-non-semantic-color-bubblegum-pink-32: #f6b7d3;
    --pd-non-semantic-color-bubblegum-pink-24: #f7c9dd;
    --pd-non-semantic-color-bubblegum-pink-20: #f7d3e3;
    --pd-non-semantic-color-bubblegum-pink-16: #f7dde9;
    --pd-non-semantic-color-bubblegum-pink-12: #f9e6ee;
    --pd-non-semantic-color-bubblegum-pink-8: #faeef3;
    --pd-non-semantic-color-bubblegum-pink-4: #fff7f8;
    --pd-non-semantic-color-watermelon-red-148: #8f191b;
    --pd-non-semantic-color-watermelon-red-140: #a31e21;
    --pd-non-semantic-color-watermelon-red-132: #b12628;
    --pd-non-semantic-color-watermelon-red-124: #cd272a;
    --pd-non-semantic-color-watermelon-red-116: #d63033;
    --pd-non-semantic-color-watermelon-red-108: #e03a3d;
    --pd-non-semantic-color-watermelon-red-100: #e94346;
    --pd-non-semantic-color-watermelon-red-92: #f44e51;
    --pd-non-semantic-color-watermelon-red-88: #ff6164;
    --pd-non-semantic-color-watermelon-red-72: #ff7174;
    --pd-non-semantic-color-watermelon-red-64: #ff8183;
    --pd-non-semantic-color-watermelon-red-56: #ff9193;
    --pd-non-semantic-color-watermelon-red-48: #ffa0a2;
    --pd-non-semantic-color-watermelon-red-40: #ffb0b2;
    --pd-non-semantic-color-watermelon-red-32: #ffc0c1;
    --pd-non-semantic-color-watermelon-red-24: #ffd0d1;
    --pd-non-semantic-color-watermelon-red-20: #ffd7d8;
    --pd-non-semantic-color-watermelon-red-16: #ffe0e0;
    --pd-non-semantic-color-watermelon-red-12: #ffe7e7;
    --pd-non-semantic-color-watermelon-red-8: #ffefef;
    --pd-non-semantic-color-watermelon-red-4: #fff8f8;
    --pd-non-semantic-color-tangerine-orange-148: #8c4700;
    --pd-non-semantic-color-tangerine-orange-140: #a25200;
    --pd-non-semantic-color-tangerine-orange-132: #b85d00;
    --pd-non-semantic-color-tangerine-orange-124: #cd6800;
    --pd-non-semantic-color-tangerine-orange-116: #e27301;
    --pd-non-semantic-color-tangerine-orange-108: #ef800e;
    --pd-non-semantic-color-tangerine-orange-100: #fc8d1b;
    --pd-non-semantic-color-tangerine-orange-92: #ff9529;
    --pd-non-semantic-color-tangerine-orange-88: #ff9a33;
    --pd-non-semantic-color-tangerine-orange-80: #ffa446;
    --pd-non-semantic-color-tangerine-orange-72: #ffad58;
    --pd-non-semantic-color-tangerine-orange-64: #ffb66a;
    --pd-non-semantic-color-tangerine-orange-56: #ffbf7c;
    --pd-non-semantic-color-tangerine-orange-48: #ffc88f;
    --pd-non-semantic-color-tangerine-orange-40: #ffd1a2;
    --pd-non-semantic-color-tangerine-orange-32: #ffdbb5;
    --pd-non-semantic-color-tangerine-orange-24: #ffe4c7;
    --pd-non-semantic-color-tangerine-orange-20: #ffe8d0;
    --pd-non-semantic-color-tangerine-orange-16: #ffeddb;
    --pd-non-semantic-color-tangerine-orange-12: #fff1e3;
    --pd-non-semantic-color-tangerine-orange-8: #fff6ed;
    --pd-non-semantic-color-tangerine-orange-4: #fffaf5;
    --pd-non-semantic-color-honey-yellow-148: #846204;
    --pd-non-semantic-color-honey-yellow-140: #987104;
    --pd-non-semantic-color-honey-yellow-132: #ad8005;
    --pd-non-semantic-color-honey-yellow-124: #c18f05;
    --pd-non-semantic-color-honey-yellow-116: #d59e06;
    --pd-non-semantic-color-honey-yellow-108: #eaad06;
    --pd-non-semantic-color-honey-yellow-100: #febc07;
    --pd-non-semantic-color-honey-yellow-92: #fec11b;
    --pd-non-semantic-color-honey-yellow-88: #fec425;
    --pd-non-semantic-color-honey-yellow-80: #fec939;
    --pd-non-semantic-color-honey-yellow-72: #fecf4c;
    --pd-non-semantic-color-honey-yellow-64: #fed460;
    --pd-non-semantic-color-honey-yellow-56: #ffda74;
    --pd-non-semantic-color-honey-yellow-48: #ffdf88;
    --pd-non-semantic-color-honey-yellow-40: #ffe49c;
    --pd-non-semantic-color-honey-yellow-32: #ffeab0;
    --pd-non-semantic-color-honey-yellow-24: #ffefc3;
    --pd-non-semantic-color-honey-yellow-20: #fff2cd;
    --pd-non-semantic-color-honey-yellow-16: #fff4d7;
    --pd-non-semantic-color-honey-yellow-12: #fff7e1;
    --pd-non-semantic-color-honey-yellow-8: #fffaeb;
    --pd-non-semantic-color-honey-yellow-4: #fffcf5;
    --pd-non-semantic-color-lemon-yellow-148: #766700;
    --pd-non-semantic-color-lemon-yellow-140: #887800;
    --pd-non-semantic-color-lemon-yellow-132: #9a8700;
    --pd-non-semantic-color-lemon-yellow-124: #ac9800;
    --pd-non-semantic-color-lemon-yellow-116: #bea800;
    --pd-non-semantic-color-lemon-yellow-108: #d1b800;
    --pd-non-semantic-color-lemon-yellow-100: #e1c708;
    --pd-non-semantic-color-lemon-yellow-92: #e6cc0d;
    --pd-non-semantic-color-lemon-yellow-88: #ead011;
    --pd-non-semantic-color-lemon-yellow-80: #efd516;
    --pd-non-semantic-color-lemon-yellow-72: #f4da1b;
    --pd-non-semantic-color-lemon-yellow-64: #fae021;
    --pd-non-semantic-color-lemon-yellow-56: #fce439;
    --pd-non-semantic-color-lemon-yellow-48: #fce854;
    --pd-non-semantic-color-lemon-yellow-40: #fbec77;
    --pd-non-semantic-color-lemon-yellow-32: #fbef95;
    --pd-non-semantic-color-lemon-yellow-24: #fbf3b8;
    --pd-non-semantic-color-lemon-yellow-20: #fdf5be;
    --pd-non-semantic-color-lemon-yellow-16: #fef7c5;
    --pd-non-semantic-color-lemon-yellow-12: #fff9cf;
    --pd-non-semantic-color-lemon-yellow-8: #fffce2;
    --pd-non-semantic-color-lemon-yellow-4: #fffdf1;
    --pd-non-semantic-color-avocado-green-148: #5c6600;
    --pd-non-semantic-color-avocado-green-140: #6a7500;
    --pd-non-semantic-color-avocado-green-132: #788400;
    --pd-non-semantic-color-avocado-green-124: #879500;
    --pd-non-semantic-color-avocado-green-115: #95a400;
    --pd-non-semantic-color-avocado-green-108: #a3b308;
    --pd-non-semantic-color-avocado-green-100: #b0c015;
    --pd-non-semantic-color-avocado-green-92: #b6c623;
    --pd-non-semantic-color-avocado-green-88: #bac92a;
    --pd-non-semantic-color-avocado-green-80: #c1cf38;
    --pd-non-semantic-color-avocado-green-72: #c6d34f;
    --pd-non-semantic-color-avocado-green-64: #cdd95e;
    --pd-non-semantic-color-avocado-green-56: #d4de6f;
    --pd-non-semantic-color-avocado-green-48: #dae380;
    --pd-non-semantic-color-avocado-green-40: #dfe798;
    --pd-non-semantic-color-avocado-green-32: #e6edaa;
    --pd-non-semantic-color-avocado-green-24: #edf3b4;
    --pd-non-semantic-color-avocado-green-20: #f0f5c0;
    --pd-non-semantic-color-avocado-green-16: #f3f8ca;
    --pd-non-semantic-color-avocado-green-12: #f7f9d5;
    --pd-non-semantic-color-avocado-green-8: #fafce0;
    --pd-non-semantic-color-avocado-green-4: #fdfeef;
    --pd-non-semantic-color-emerald-green-148: #005635;
    --pd-non-semantic-color-emerald-green-140: #00643e;
    --pd-non-semantic-color-emerald-green-132: #007046;
    --pd-non-semantic-color-emerald-green-124: #007e4f;
    --pd-non-semantic-color-emerald-green-116: #008a56;
    --pd-non-semantic-color-emerald-green-108: #0a9460;
    --pd-non-semantic-color-emerald-green-100: #129c68;
    --pd-non-semantic-color-emerald-green-92: #1ea874;
    --pd-non-semantic-color-emerald-green-88: #23ad79;
    --pd-non-semantic-color-emerald-green-80: #2fb985;
    --pd-non-semantic-color-emerald-green-72: #45c091;
    --pd-non-semantic-color-emerald-green-64: #57c89d;
    --pd-non-semantic-color-emerald-green-56: #6ad0a9;
    --pd-non-semantic-color-emerald-green-48: #7fd6b6;
    --pd-non-semantic-color-emerald-green-40: #95ddc2;
    --pd-non-semantic-color-emerald-green-32: #aae4ce;
    --pd-non-semantic-color-emerald-green-24: #c1e9db;
    --pd-non-semantic-color-emerald-green-20: #ccede1;
    --pd-non-semantic-color-emerald-green-16: #d3f2e7;
    --pd-non-semantic-color-emerald-green-12: #ddf5ed;
    --pd-non-semantic-color-emerald-green-8: #e7f9f3;
    --pd-non-semantic-color-emerald-green-4: #f4fbfc;
    --pd-non-semantic-color-teal-green-148: #084e4d;
    --pd-non-semantic-color-teal-green-140: #085b59;
    --pd-non-semantic-color-teal-green-132: #0a6765;
    --pd-non-semantic-color-teal-green-124: #0b7271;
    --pd-non-semantic-color-teal-green-116: #117d7b;
    --pd-non-semantic-color-teal-green-108: #178684;
    --pd-non-semantic-color-teal-green-100: #1c918f;
    --pd-non-semantic-color-teal-green-92: #2b9b99;
    --pd-non-semantic-color-teal-green-88: #32a09e;
    --pd-non-semantic-color-teal-green-80: #41aaa8;
    --pd-non-semantic-color-teal-green-72: #50b5b3;
    --pd-non-semantic-color-teal-green-64: #62bebc;
    --pd-non-semantic-color-teal-green-56: #71c7c6;
    --pd-non-semantic-color-teal-green-48: #81d1d0;
    --pd-non-semantic-color-teal-green-40: #95d9d8;
    --pd-non-semantic-color-teal-green-32: #abe1e0;
    --pd-non-semantic-color-teal-green-24: #bfe9e8;
    --pd-non-semantic-color-teal-green-20: #caecec;
    --pd-non-semantic-color-teal-green-16: #d7efef;
    --pd-non-semantic-color-teal-green-12: #dff4f4;
    --pd-non-semantic-color-teal-green-8: #e9f8f8;
    --pd-non-semantic-color-teal-green-4: #f5fafd;
    --pd-non-semantic-color-sky-blue-148: #004b77;
    --pd-non-semantic-color-sky-blue-140: #00578a;
    --pd-non-semantic-color-sky-blue-132: #036198;
    --pd-non-semantic-color-sky-blue-124: #0c6aa1;
    --pd-non-semantic-color-sky-blue-116: #1673aa;
    --pd-non-semantic-color-sky-blue-108: #1e7cb3;
    --pd-non-semantic-color-sky-blue-100: #2785bc;
    --pd-non-semantic-color-sky-blue-92: #3391c8;
    --pd-non-semantic-color-sky-blue-88: #3997ce;
    --pd-non-semantic-color-sky-blue-80: #43a1d9;
    --pd-non-semantic-color-sky-blue-72: #4fade4;
    --pd-non-semantic-color-sky-blue-64: #60b7ea;
    --pd-non-semantic-color-sky-blue-56: #6dc3f5;
    --pd-non-semantic-color-sky-blue-48: #82cbf5;
    --pd-non-semantic-color-sky-blue-40: #97d4f7;
    --pd-non-semantic-color-sky-blue-32: #aedcf7;
    --pd-non-semantic-color-sky-blue-24: #c2e5f9;
    --pd-non-semantic-color-sky-blue-20: #cde9fa;
    --pd-non-semantic-color-sky-blue-16: #d4eefd;
    --pd-non-semantic-color-sky-blue-12: #dff2fd;
    --pd-non-semantic-color-sky-blue-8: #e9f7ff;
    --pd-non-semantic-color-sky-blue-4: #f3fbff;
    --pd-non-semantic-color-electric-blue-148: #1033a3;
    --pd-non-semantic-color-electric-blue-140: #183bab;
    --pd-non-semantic-color-electric-blue-132: #2043b3;
    --pd-non-semantic-color-electric-blue-124: #284bbb;
    --pd-non-semantic-color-electric-blue-116: #3154c4;
    --pd-non-semantic-color-electric-blue-108: #395ccc;
    --pd-non-semantic-color-electric-blue-100: #4164d4;
    --pd-non-semantic-color-electric-blue-92: #4d70e0;
    --pd-non-semantic-color-electric-blue-88: #5477e7;
    --pd-non-semantic-color-electric-blue-80: #6083f3;
    --pd-non-semantic-color-electric-blue-72: #6c8fff;
    --pd-non-semantic-color-electric-blue-64: #7c9bff;
    --pd-non-semantic-color-electric-blue-56: #8da8ff;
    --pd-non-semantic-color-electric-blue-48: #9db5ff;
    --pd-non-semantic-color-electric-blue-40: #adc1ff;
    --pd-non-semantic-color-electric-blue-32: #bdcdff;
    --pd-non-semantic-color-electric-blue-24: #cedaff;
    --pd-non-semantic-color-electric-blue-20: #d6e0ff;
    --pd-non-semantic-color-electric-blue-16: #dee6ff;
    --pd-non-semantic-color-electric-blue-12: #e6ecff;
    --pd-non-semantic-color-electric-blue-8: #eff3ff;
    --pd-non-semantic-color-electric-blue-4: #f7f9ff;
    --pd-color-other-backdrop: rgba(33, 35, 44, .48);
    --pd-color-fill-white-muted-static: hsla(0, 0%, 100%, .48);
    --pd-color-fill-on-inverted-strong: hsla(0, 0%, 100%, .24);
    --pd-color-fill-on-inverted-medium: hsla(0, 0%, 100%, .16);
    --pd-color-fill-on-inverted-light: hsla(0, 0%, 100%, .08);
    --pd-color-fill-extra-strong-rgba: rgba(33, 35, 44, .72);
    --pd-color-fill-strong-rgba: rgba(33, 35, 44, .48);
    --pd-color-fill-medium-strong-rgba: rgba(33, 35, 44, .24);
    --pd-color-fill-medium-rgba: rgba(33, 35, 44, .16);
    --pd-color-fill-medium-light-rgba: rgba(33, 35, 44, .12);
    --pd-color-fill-light-rgba: rgb(33 35 44/8%);
    --pd-color-fill-extra-light-rgba: rgb(33 35 44/5%);
    --pd-color-divider-strong: rgba(33, 35, 44, .24);
    --pd-color-divider-medium-rgba: rgba(33, 35, 44, .12);
    --pd-color-divider-medium: rgba(33, 35, 44, .12);
    --pd-color-divider-light-rgba: rgb(33 35 44/8%);
    --pd-color-icon-muted-rgba: rgba(33, 35, 44, .48);
    --pd-color-icon-secondary-rgba: rgba(33, 35, 44, .72);
    --pd-color-icon-muted-inverted: hsla(0, 0%, 100%, .48);
    --pd-color-icon-secondary-inverted: hsla(0, 0%, 100%, .72);
    --pd-color-text-muted-rgba: rgba(33, 35, 44, .48);
    --pd-color-text-secondary-rgba: rgba(33, 35, 44, .72);
    --pd-color-text-muted-inverted: hsla(0, 0%, 100%, .48);
    --pd-color-text-secondary-inverted: hsla(0, 0%, 100%, .72);
    --pd-global-color-brand-purple-400: #252745;
    --pd-global-color-brand-purple-300: #3b3a97;
    --pd-global-color-brand-purple-200: #e7e7fc;
    --pd-global-color-brand-purple-100: #f8f8fe;
    --pd-global-color-brand-green-500: #012710;
    --pd-global-color-brand-green-400: #014722;
    --pd-global-color-brand-green-300: #aee9b4;
    --pd-global-color-brand-green-200: #d7f9d3;
    --pd-global-color-brand-green-100: #ebfce9;
    --pd-global-color-dark-neutral-1000: #e2e2e4;
    --pd-global-color-dark-neutral-900: #bcbcbf;
    --pd-global-color-dark-neutral-800: #9c9da1;
    --pd-global-color-dark-neutral-700: #898b90;
    --pd-global-color-dark-neutral-600: #72747a;
    --pd-global-color-dark-neutral-500: #686970;
    --pd-global-color-dark-neutral-400: #4c4f55;
    --pd-global-color-dark-neutral-300: #33353e;
    --pd-global-color-dark-neutral-200: #2a2c35;
    --pd-global-color-dark-neutral-100: #1e2029;
    --pd-global-color-dark-neutral-0: #0e1017;
    --pd-global-color-dark-red-1000: #fedad7;
    --pd-global-color-dark-red-900: #f9a7a0;
    --pd-global-color-dark-red-800: #ec7c75;
    --pd-global-color-dark-red-700: #e0645e;
    --pd-global-color-dark-red-600: #cc4543;
    --pd-global-color-dark-red-500: #c03737;
    --pd-global-color-dark-red-400: #9a1b21;
    --pd-global-color-dark-red-300: #720002;
    --pd-global-color-dark-red-200: #620000;
    --pd-global-color-dark-red-100: #4c0000;
    --pd-global-color-dark-yellow-1000: #ffdf8c;
    --pd-global-color-dark-yellow-900: #eeb245;
    --pd-global-color-dark-yellow-800: #d18f3b;
    --pd-global-color-dark-yellow-700: #bc7e33;
    --pd-global-color-dark-yellow-600: #9f6829;
    --pd-global-color-dark-yellow-500: #915e24;
    --pd-global-color-dark-yellow-400: #6e4618;
    --pd-global-color-dark-yellow-300: #4f2e00;
    --pd-global-color-dark-yellow-200: #432600;
    --pd-global-color-dark-yellow-100: #331c00;
    --pd-global-color-dark-green-1000: #d1e8cf;
    --pd-global-color-dark-green-900: #a0c6a1;
    --pd-global-color-dark-green-800: #76a97c;
    --pd-global-color-dark-green-700: #5d9867;
    --pd-global-color-dark-green-600: #3c824e;
    --pd-global-color-dark-green-500: #2a7742;
    --pd-global-color-dark-green-400: #0b5b2e;
    --pd-global-color-dark-green-300: #013e1d;
    --pd-global-color-dark-green-200: #013417;
    --pd-global-color-dark-green-100: #012710;
    --pd-global-color-dark-blue-1000: #d3e3fe;
    --pd-global-color-dark-blue-900: #9abefa;
    --pd-global-color-dark-blue-800: #6e9dec;
    --pd-global-color-dark-blue-700: #588adf;
    --pd-global-color-dark-blue-600: #4073c8;
    --pd-global-color-dark-blue-500: #3768ba;
    --pd-global-color-dark-blue-400: #244d92;
    --pd-global-color-dark-blue-300: #023372;
    --pd-global-color-dark-blue-200: #012a60;
    --pd-global-color-dark-blue-100: #001f4b;
    --pd-global-color-dark-purple-1000: #e5dff7;
    --pd-global-color-dark-purple-900: #c0b5f0;
    --pd-global-color-dark-purple-800: #9c92ed;
    --pd-global-color-dark-purple-700: #857ee9;
    --pd-global-color-dark-purple-600: #6a64de;
    --pd-global-color-dark-purple-500: #5e59d2;
    --pd-global-color-dark-purple-400: #45449b;
    --pd-global-color-dark-purple-300: #2c2b75;
    --pd-global-color-dark-purple-200: #242464;
    --pd-global-color-dark-purple-100: #1a1a4e;
    --pd-global-color-light-neutral-1000: #21232c;
    --pd-global-color-light-neutral-900: #3f424a;
    --pd-global-color-light-neutral-800: #565961;
    --pd-global-color-light-neutral-700: #65686f;
    --pd-global-color-light-neutral-600: #73767c;
    --pd-global-color-light-neutral-500: #93949a;
    --pd-global-color-light-neutral-400: #a9abaf;
    --pd-global-color-light-neutral-300: #d7d7d9;
    --pd-global-color-light-neutral-200: #ececed;
    --pd-global-color-light-neutral-100: #f5f5f6;
    --pd-global-color-light-neutral-0: #fff;
    --pd-global-color-light-red-1000: #510000;
    --pd-global-color-light-red-900: #8a0007;
    --pd-global-color-light-red-800: #b21019;
    --pd-global-color-light-red-700: #c82627;
    --pd-global-color-light-red-600: #d83c38;
    --pd-global-color-light-red-500: #f16a60;
    --pd-global-color-light-red-400: #fb8b80;
    --pd-global-color-light-red-300: #fdc9c2;
    --pd-global-color-light-red-200: #fde7e4;
    --pd-global-color-light-red-100: #fef2f0;
    --pd-global-color-light-yellow-1000: #371e00;
    --pd-global-color-light-yellow-900: #603900;
    --pd-global-color-light-yellow-800: #804d00;
    --pd-global-color-light-yellow-700: #945b00;
    --pd-global-color-light-yellow-600: #a76800;
    --pd-global-color-light-yellow-500: #cf8501;
    --pd-global-color-light-yellow-400: #e69b00;
    --pd-global-color-light-yellow-300: #ffd24a;
    --pd-global-color-light-yellow-200: #ffedac;
    --pd-global-color-light-yellow-100: #fff6d6;
    --pd-global-color-light-green-1000: #012a12;
    --pd-global-color-light-green-900: #004d25;
    --pd-global-color-light-green-800: #00672a;
    --pd-global-color-light-green-700: #077838;
    --pd-global-color-light-green-600: #2d8647;
    --pd-global-color-light-green-500: #61a36b;
    --pd-global-color-light-green-400: #82b886;
    --pd-global-color-light-green-300: #bedfbd;
    --pd-global-color-light-green-200: #ddf4db;
    --pd-global-color-light-green-100: #e9fbe7;
    --pd-global-color-light-blue-1000: #002252;
    --pd-global-color-light-blue-900: #013f88;
    --pd-global-color-light-blue-800: #0157ae;
    --pd-global-color-light-blue-700: #0d68c5;
    --pd-global-color-light-blue-600: #2b74da;
    --pd-global-color-light-blue-500: #5195f6;
    --pd-global-color-light-blue-400: #72adff;
    --pd-global-color-light-blue-300: #bcdaff;
    --pd-global-color-light-blue-200: #e1eeff;
    --pd-global-color-light-blue-100: #eff6ff;
    --pd-global-color-light-purple-1000: #211c52;
    --pd-global-color-light-purple-900: #3d348e;
    --pd-global-color-light-purple-800: #5345bf;
    --pd-global-color-light-purple-700: #6150e1;
    --pd-global-color-light-purple-600: #6962f2;
    --pd-global-color-light-purple-500: #9086fc;
    --pd-global-color-light-purple-400: #ab9ffb;
    --pd-global-color-light-purple-300: #d9d1f8;
    --pd-global-color-light-purple-200: #eeeafb;
    --pd-global-color-light-purple-100: #f6f4fe;
    --pd-color-secondary-background-light: var(--pd-global-color-light-purple-100);
    --pd-color-secondary-background: var(--pd-global-color-light-purple-200);
    --pd-color-secondary-background-strong: var(--pd-global-color-light-purple-300);
    --pd-color-secondary-border: var(--pd-global-color-light-purple-400);
    --pd-color-secondary-muted: var(--pd-global-color-light-purple-400);
    --pd-color-secondary-default: var(--pd-global-color-light-purple-600);
    --pd-color-secondary-hover: var(--pd-global-color-light-purple-700);
    --pd-color-secondary-strong: var(--pd-global-color-light-purple-700);
    --pd-color-secondary-extra-strong: var(--pd-global-color-light-purple-1000);
    --pd-color-other-note: var(--pd-global-color-light-yellow-100);
    --pd-color-other-highlight: var(--pd-global-color-light-yellow-300);
    --pd-color-learn-background-light: var(--pd-global-color-light-purple-100);
    --pd-color-learn-background: var(--pd-global-color-light-purple-200);
    --pd-color-learn-border: var(--pd-global-color-light-purple-400);
    --pd-color-learn-default: var(--pd-global-color-light-purple-600);
    --pd-color-learn-strong: var(--pd-global-color-light-purple-700);
    --pd-color-negative-background-light: var(--pd-global-color-light-red-100);
    --pd-color-negative-background: var(--pd-global-color-light-red-200);
    --pd-color-negative-background-strong: var(--pd-global-color-light-red-300);
    --pd-color-negative-border: var(--pd-global-color-light-red-400);
    --pd-color-negative-muted: var(--pd-global-color-light-red-400);
    --pd-color-negative-default: var(--pd-global-color-light-red-600);
    --pd-color-negative-hover: var(--pd-global-color-light-red-700);
    --pd-color-negative-strong: var(--pd-global-color-light-red-700);
    --pd-color-negative-extra-strong: var(--pd-global-color-light-red-800);
    --pd-color-warning-background-light: var(--pd-global-color-light-yellow-100);
    --pd-color-warning-background: var(--pd-global-color-light-yellow-200);
    --pd-color-warning-background-strong: var(--pd-global-color-light-yellow-300);
    --pd-color-warning-border: var(--pd-global-color-light-yellow-400);
    --pd-color-warning-muted: var(--pd-global-color-light-yellow-400);
    --pd-color-warning-default: var(--pd-global-color-light-yellow-600);
    --pd-color-warning-strong: var(--pd-global-color-light-yellow-700);
    --pd-color-positive-background-light: var(--pd-global-color-light-green-100);
    --pd-color-positive-background: var(--pd-global-color-light-green-200);
    --pd-color-positive-background-strong: var(--pd-global-color-light-green-300);
    --pd-color-positive-border: var(--pd-global-color-light-green-400);
    --pd-color-positive-muted: var(--pd-global-color-light-green-400);
    --pd-color-positive-default: var(--pd-global-color-light-green-600);
    --pd-color-positive-hover: var(--pd-global-color-light-green-700);
    --pd-color-positive-strong: var(--pd-global-color-light-green-700);
    --pd-color-positive-extra-strong: var(--pd-global-color-light-green-800);
    --pd-color-info-background-light: var(--pd-global-color-light-blue-100);
    --pd-color-info-background: var(--pd-global-color-light-blue-200);
    --pd-color-info-border: var(--pd-global-color-light-blue-400);
    --pd-color-info-default: var(--pd-global-color-light-blue-600);
    --pd-color-info-strong: var(--pd-global-color-light-blue-700);
    --pd-color-active-background-light: var(--pd-global-color-light-blue-100);
    --pd-color-active-background: var(--pd-global-color-light-blue-200);
    --pd-color-active-background-strong: var(--pd-global-color-light-blue-300);
    --pd-color-active-muted: var(--pd-global-color-light-blue-400);
    --pd-color-active-default: var(--pd-global-color-light-blue-600);
    --pd-color-active-hover: var(--pd-global-color-light-blue-700);
    --pd-color-active-strong: var(--pd-global-color-light-blue-700);
    --pd-color-active-extra-strong: var(--pd-global-color-light-blue-800);
    --pd-color-primary-background-light: var(--pd-global-color-light-green-100);
    --pd-color-primary-background: var(--pd-global-color-light-green-200);
    --pd-color-primary-background-strong: var(--pd-global-color-light-green-300);
    --pd-color-primary-border: var(--pd-global-color-light-green-400);
    --pd-color-primary-muted: var(--pd-global-color-light-green-400);
    --pd-color-primary-default: var(--pd-global-color-light-green-600);
    --pd-color-primary-hover: var(--pd-global-color-light-green-700);
    --pd-color-primary-strong: var(--pd-global-color-light-green-700);
    --pd-color-primary-extra-strong: var(--pd-global-color-light-green-800);
    --pd-color-fill-white-static: var(--pd-global-color-light-neutral-0);
    --pd-color-fill-light-static: var(--pd-global-color-light-neutral-200);
    --pd-color-fill-dark-static: var(--pd-global-color-light-neutral-800);
    --pd-color-fill-extra-black-static: var(--pd-global-color-light-neutral-1000);
    --pd-color-fill-extra-strong: var(--pd-global-color-light-neutral-600);
    --pd-color-fill-strong: var(--pd-global-color-light-neutral-500);
    --pd-color-fill-medium-strong: var(--pd-global-color-light-neutral-400);
    --pd-color-fill-medium: var(--pd-global-color-light-neutral-300);
    --pd-color-fill-medium-light: var(--pd-global-color-light-neutral-200);
    --pd-color-fill-light: var(--pd-global-color-light-neutral-200);
    --pd-color-fill-base-secondary: var(--pd-global-color-light-neutral-100);
    --pd-color-fill-base: var(--pd-global-color-light-neutral-0);
    --pd-color-icon-black-static: var(--pd-global-color-light-neutral-1000);
    --pd-color-icon-white-secondary-static: var(--pd-global-color-light-neutral-400);
    --pd-color-icon-white-static: var(--pd-global-color-light-neutral-0);
    --pd-color-icon-link-inverted: var(--pd-global-color-light-blue-400);
    --pd-color-icon-primary-inverted: var(--pd-global-color-light-neutral-0);
    --pd-color-icon-link-muted: var(--pd-global-color-light-blue-400);
    --pd-color-icon-link: var(--pd-global-color-light-blue-700);
    --pd-color-icon-muted: var(--pd-global-color-light-neutral-500);
    --pd-color-icon-secondary: var(--pd-global-color-light-neutral-700);
    --pd-color-icon-primary: var(--pd-global-color-light-neutral-1000);
    --pd-color-text-black-static: var(--pd-global-color-light-neutral-1000);
    --pd-color-text-white-secondary-static: var(--pd-global-color-light-neutral-400);
    --pd-color-text-white-static: var(--pd-global-color-light-neutral-0);
    --pd-color-text-link-inverted: var(--pd-global-color-light-blue-400);
    --pd-color-text-primary-inverted: var(--pd-global-color-light-neutral-0);
    --pd-color-text-link-muted: var(--pd-global-color-light-blue-400);
    --pd-color-text-link: var(--pd-global-color-light-blue-700);
    --pd-color-text-muted: var(--pd-global-color-light-neutral-500);
    --pd-color-text-secondary: var(--pd-global-color-light-neutral-700);
    --pd-color-text-primary: var(--pd-global-color-light-neutral-1000);
    --pd-color-surface-overlay: var(--pd-global-color-light-neutral-0);
    --pd-color-surface-black-static: var(--pd-global-color-light-neutral-900);
    --pd-color-surface-dark-static: var(--pd-global-color-light-neutral-800);
    --pd-color-surface-inverted-strong: var(--pd-global-color-light-neutral-1000);
    --pd-color-surface-foreground-secondary: var(--pd-global-color-light-neutral-100);
    --pd-color-surface-foreground: var(--pd-global-color-light-neutral-0);
    --pd-color-surface-app-background: var(--pd-global-color-light-neutral-100);
    --pd-color-brand-growth-secondary: var(--pd-global-color-brand-purple-200);
    --pd-color-brand-growth-primary: var(--pd-global-color-brand-green-200);
    --pd-color-brand-landing-growth: var(--pd-global-color-brand-green-300);
    --pd-color-brand-landing-secondary: var(--pd-global-color-brand-purple-100);
    --pd-color-brand-landing-primary: var(--pd-global-color-brand-green-100);
    --pd-color-navigation-divider: var(--pd-color-secondary-strong);
    --pd-color-navigation-icon: var(--pd-color-icon-primary-inverted);
    --pd-color-navigation-hover: var(--pd-color-secondary-default);
    --pd-color-navigation-active: var(--pd-color-secondary-strong);
    --pd-color-navigation-background: var(--pd-color-secondary-extra-strong);
    --pd-color-icon-learn: var(--pd-color-learn-strong);
    --pd-color-icon-negative: var(--pd-color-negative-strong);
    --pd-color-icon-warning: var(--pd-color-warning-muted);
    --pd-color-icon-positive: var(--pd-color-positive-strong);
    --pd-color-icon-info: var(--pd-color-info-strong);
    --pd-color-icon-active-muted: var(--pd-color-active-muted);
    --pd-color-icon-active: var(--pd-color-active-strong);
    --pd-color-text-learn: var(--pd-color-learn-strong);
    --pd-color-text-negative: var(--pd-color-negative-strong);
    --pd-color-text-warning: var(--pd-color-warning-strong);
    --pd-color-text-positive: var(--pd-color-positive-strong);
    --pd-color-text-info: var(--pd-color-info-strong);
    --pd-color-text-active-muted: var(--pd-color-active-muted);
    --pd-color-text-active: var(--pd-color-active-strong);
    --pd-elevation-topbar: 0 1px 3px rgb(0 0 0/7%), 0 1px 2px rgb(0 0 0/6%), 0 0 1px rgb(0 0 0/5%);
    --pd-elevation-navbar: 0 0 0 transparent;
    --pd-elevation-overlay-high: 0 18px 28px rgba(0, 0, 0, .16), 0 0 1px rgba(0, 0, 0, .32);
    --pd-elevation-overlay: 0 8px 10px rgba(0, 0, 0, .1), 0 6px 30px rgb(0 0 0/6%), 0 16px 24px rgb(0 0 0/5%), 0 0 2px rgba(0, 0, 0, .24);
    --pd-elevation-floating-high: 0 5px 5px rgba(0, 0, 0, .1), 0 3px 14px rgb(0 0 0/6%), 0 8px 10px rgb(0 0 0/5%), 0 0 2px rgba(0, 0, 0, .24);
    --pd-elevation-floating: 0 1px 8px rgba(0, 0, 0, .1), 0 3px 3px rgb(0 0 0/6%), 0 3px 4px rgb(0 0 0/5%), 0 0 2px rgba(0, 0, 0, .16);
    --pd-elevation-raised-hover: 0 0 4px rgba(0, 0, 0, .12), 0 3px 5px rgb(0 0 0/8%);
    --pd-elevation-raised: 0 1px 3px rgb(0 0 0/7%), 0 1px 2px rgb(0 0 0/6%), 0 0 1px rgb(0 0 0/5%);
    --pd-elevation-button: 0 1px 2px rgb(42 54 71/5%);
    --pd-elevation-none: 0 0 0 transparent;
    --pd-font-monospace-text-case: none;
    --pd-font-monospace-paragraph-spacing: 28px;
    --pd-font-monospace-paragraph-indent: 0;
    --pd-font-monospace-line-height: 22px;
    --pd-font-monospace-letter-spacing: 0;
    --pd-font-monospace-font-style-old: regular;
    --pd-font-monospace-font-stretch: normal;
    --pd-font-monospace-font-style: normal;
    --pd-font-monospace-font-weight: 400;
    --pd-font-monospace-font-family: "Menlo", consolas, courier, monospace;
    --pd-font-monospace-text-decoration: none;
    --pd-font-monospace-font-size: 14px;
    --pd-font-caption-s-text-case: uppercase;
    --pd-font-caption-s-paragraph-spacing: 22px;
    --pd-font-caption-s-paragraph-indent: 0;
    --pd-font-caption-s-line-height: 16px;
    --pd-font-caption-s-letter-spacing: 0;
    --pd-font-caption-s-font-style-old: semi bold;
    --pd-font-caption-s-font-stretch: normal;
    --pd-font-caption-s-font-style: normal;
    --pd-font-caption-s-font-weight: 600;
    --pd-font-caption-s-font-family: "Inter", sans-serif;
    --pd-font-caption-s-text-decoration: none;
    --pd-font-caption-s-font-size: 11px;
    --pd-font-caption-text-case: uppercase;
    --pd-font-caption-paragraph-spacing: 26px;
    --pd-font-caption-paragraph-indent: 0;
    --pd-font-caption-line-height: 20px;
    --pd-font-caption-letter-spacing: 0;
    --pd-font-caption-font-style-old: semi bold;
    --pd-font-caption-font-stretch: normal;
    --pd-font-caption-font-style: normal;
    --pd-font-caption-font-weight: 600;
    --pd-font-caption-font-family: "Inter", sans-serif;
    --pd-font-caption-text-decoration: none;
    --pd-font-caption-font-size: 13px;
    --pd-font-button-s-text-case: none;
    --pd-font-button-s-paragraph-spacing: 24px;
    --pd-font-button-s-paragraph-indent: 0;
    --pd-font-button-s-line-height: 16px;
    --pd-font-button-s-letter-spacing: 0;
    --pd-font-button-s-font-style-old: semi bold;
    --pd-font-button-s-font-stretch: normal;
    --pd-font-button-s-font-style: normal;
    --pd-font-button-s-font-weight: 600;
    --pd-font-button-s-font-family: "Inter", sans-serif;
    --pd-font-button-s-text-decoration: none;
    --pd-font-button-s-font-size: 12px;
    --pd-font-button-text-case: none;
    --pd-font-button-paragraph-spacing: 28px;
    --pd-font-button-paragraph-indent: 0;
    --pd-font-button-line-height: 20px;
    --pd-font-button-letter-spacing: 0;
    --pd-font-button-font-style-old: semi bold;
    --pd-font-button-font-stretch: normal;
    --pd-font-button-font-style: normal;
    --pd-font-button-font-weight: 600;
    --pd-font-button-font-family: "Inter", sans-serif;
    --pd-font-button-text-decoration: none;
    --pd-font-button-font-size: 14px;
    --pd-font-link-alt-s-text-case: none;
    --pd-font-link-alt-s-paragraph-spacing: 24px;
    --pd-font-link-alt-s-paragraph-indent: 0;
    --pd-font-link-alt-s-line-height: 18px;
    --pd-font-link-alt-s-letter-spacing: 0;
    --pd-font-link-alt-s-font-style-old: regular;
    --pd-font-link-alt-s-font-stretch: normal;
    --pd-font-link-alt-s-font-style: normal;
    --pd-font-link-alt-s-font-weight: 450;
    --pd-font-link-alt-s-font-family: "Inter", sans-serif;
    --pd-font-link-alt-s-text-decoration: none;
    --pd-font-link-alt-s-font-size: 12px;
    --pd-font-link-alt-text-case: none;
    --pd-font-link-alt-paragraph-spacing: 28px;
    --pd-font-link-alt-paragraph-indent: 0;
    --pd-font-link-alt-line-height: 21px;
    --pd-font-link-alt-letter-spacing: 0;
    --pd-font-link-alt-font-style-old: regular;
    --pd-font-link-alt-font-stretch: normal;
    --pd-font-link-alt-font-style: normal;
    --pd-font-link-alt-font-weight: 450;
    --pd-font-link-alt-font-family: "Inter", sans-serif;
    --pd-font-link-alt-text-decoration: none;
    --pd-font-link-alt-font-size: 14px;
    --pd-font-link-s-text-case: none;
    --pd-font-link-s-paragraph-spacing: 24px;
    --pd-font-link-s-paragraph-indent: 0;
    --pd-font-link-s-line-height: 18px;
    --pd-font-link-s-letter-spacing: 0;
    --pd-font-link-s-font-style-old: semi bold;
    --pd-font-link-s-font-stretch: normal;
    --pd-font-link-s-font-style: normal;
    --pd-font-link-s-font-weight: 600;
    --pd-font-link-s-font-family: "Inter", sans-serif;
    --pd-font-link-s-text-decoration: none;
    --pd-font-link-s-font-size: 12px;
    --pd-font-link-text-case: none;
    --pd-font-link-paragraph-spacing: 28px;
    --pd-font-link-paragraph-indent: 0;
    --pd-font-link-line-height: 21px;
    --pd-font-link-letter-spacing: 0;
    --pd-font-link-font-style-old: semi bold;
    --pd-font-link-font-stretch: normal;
    --pd-font-link-font-style: normal;
    --pd-font-link-font-weight: 600;
    --pd-font-link-font-family: "Inter", sans-serif;
    --pd-font-link-text-decoration: none;
    --pd-font-link-font-size: 14px;
    --pd-font-title-m-text-case: none;
    --pd-font-title-m-paragraph-spacing: 28px;
    --pd-font-title-m-paragraph-indent: 0;
    --pd-font-title-m-line-height: 21px;
    --pd-font-title-m-letter-spacing: 0;
    --pd-font-title-m-font-style-old: semi bold;
    --pd-font-title-m-font-stretch: normal;
    --pd-font-title-m-font-style: normal;
    --pd-font-title-m-font-weight: 600;
    --pd-font-title-m-font-family: "Inter", sans-serif;
    --pd-font-title-m-text-decoration: none;
    --pd-font-title-m-font-size: 14px;
    --pd-font-title-l-text-case: none;
    --pd-font-title-l-paragraph-spacing: 32px;
    --pd-font-title-l-paragraph-indent: 0;
    --pd-font-title-l-line-height: 24px;
    --pd-font-title-l-letter-spacing: 0;
    --pd-font-title-l-font-style-old: semi bold;
    --pd-font-title-l-font-stretch: normal;
    --pd-font-title-l-font-style: normal;
    --pd-font-title-l-font-weight: 600;
    --pd-font-title-l-font-family: "Inter", sans-serif;
    --pd-font-title-l-text-decoration: none;
    --pd-font-title-l-font-size: 16px;
    --pd-font-title-xl-text-case: none;
    --pd-font-title-xl-paragraph-spacing: 42px;
    --pd-font-title-xl-paragraph-indent: 0;
    --pd-font-title-xl-line-height: 32px;
    --pd-font-title-xl-letter-spacing: 0;
    --pd-font-title-xl-font-style-old: regular;
    --pd-font-title-xl-font-stretch: normal;
    --pd-font-title-xl-font-style: normal;
    --pd-font-title-xl-font-weight: 400;
    --pd-font-title-xl-font-family: "Inter", sans-serif;
    --pd-font-title-xl-text-decoration: none;
    --pd-font-title-xl-font-size: 21px;
    --pd-font-title-xxl-text-case: none;
    --pd-font-title-xxl-paragraph-spacing: 50px;
    --pd-font-title-xxl-paragraph-indent: 0;
    --pd-font-title-xxl-line-height: 38px;
    --pd-font-title-xxl-letter-spacing: 0;
    --pd-font-title-xxl-font-style-old: regular;
    --pd-font-title-xxl-font-stretch: normal;
    --pd-font-title-xxl-font-style: normal;
    --pd-font-title-xxl-font-weight: 400;
    --pd-font-title-xxl-font-family: "Inter", sans-serif;
    --pd-font-title-xxl-text-decoration: none;
    --pd-font-title-xxl-font-size: 25px;
    --pd-font-body-s-strong-text-case: none;
    --pd-font-body-s-strong-paragraph-spacing: 24px;
    --pd-font-body-s-strong-paragraph-indent: 0;
    --pd-font-body-s-strong-line-height: 18px;
    --pd-font-body-s-strong-letter-spacing: 0;
    --pd-font-body-s-strong-font-style-old: semi bold;
    --pd-font-body-s-strong-font-stretch: normal;
    --pd-font-body-s-strong-font-style: normal;
    --pd-font-body-s-strong-font-weight: 600;
    --pd-font-body-s-strong-font-family: "Inter", sans-serif;
    --pd-font-body-s-strong-text-decoration: none;
    --pd-font-body-s-strong-font-size: 12px;
    --pd-font-body-s-text-case: none;
    --pd-font-body-s-paragraph-spacing: 24px;
    --pd-font-body-s-paragraph-indent: 0;
    --pd-font-body-s-line-height: 18px;
    --pd-font-body-s-letter-spacing: 0;
    --pd-font-body-s-font-style-old: regular;
    --pd-font-body-s-font-stretch: normal;
    --pd-font-body-s-font-style: normal;
    --pd-font-body-s-font-weight: 450;
    --pd-font-body-s-font-family: "Inter", sans-serif;
    --pd-font-body-s-text-decoration: none;
    --pd-font-body-s-font-size: 12px;
    --pd-font-body-l-strong-text-case: none;
    --pd-font-body-l-strong-paragraph-spacing: 32px;
    --pd-font-body-l-strong-paragraph-indent: 0;
    --pd-font-body-l-strong-line-height: 24px;
    --pd-font-body-l-strong-letter-spacing: 0;
    --pd-font-body-l-strong-font-style-old: semi bold;
    --pd-font-body-l-strong-font-stretch: normal;
    --pd-font-body-l-strong-font-style: normal;
    --pd-font-body-l-strong-font-weight: 600;
    --pd-font-body-l-strong-font-family: "Inter", sans-serif;
    --pd-font-body-l-strong-text-decoration: none;
    --pd-font-body-l-strong-font-size: 16px;
    --pd-font-body-l-text-case: none;
    --pd-font-body-l-paragraph-spacing: 32px;
    --pd-font-body-l-paragraph-indent: 0;
    --pd-font-body-l-line-height: 24px;
    --pd-font-body-l-letter-spacing: 0;
    --pd-font-body-l-font-style-old: regular;
    --pd-font-body-l-font-stretch: normal;
    --pd-font-body-l-font-style: normal;
    --pd-font-body-l-font-weight: 450;
    --pd-font-body-l-font-family: "Inter", sans-serif;
    --pd-font-body-l-text-decoration: none;
    --pd-font-body-l-font-size: 16px;
    --pd-font-body-strong-text-case: none;
    --pd-font-body-strong-paragraph-spacing: 28px;
    --pd-font-body-strong-paragraph-indent: 0;
    --pd-font-body-strong-line-height: 21px;
    --pd-font-body-strong-letter-spacing: 0;
    --pd-font-body-strong-font-style-old: semi bold;
    --pd-font-body-strong-font-stretch: normal;
    --pd-font-body-strong-font-style: normal;
    --pd-font-body-strong-font-weight: 600;
    --pd-font-body-strong-font-family: "Inter", sans-serif;
    --pd-font-body-strong-text-decoration: none;
    --pd-font-body-strong-font-size: 14px;
    --pd-font-body-text-case: none;
    --pd-font-body-paragraph-spacing: 28px;
    --pd-font-body-paragraph-indent: 0;
    --pd-font-body-line-height: 21px;
    --pd-font-body-letter-spacing: 0;
    --pd-font-body-font-style-old: regular;
    --pd-font-body-font-stretch: normal;
    --pd-font-body-font-style: normal;
    --pd-font-body-font-weight: 450;
    --pd-font-body-font-family: "Inter", sans-serif;
    --pd-font-body-text-decoration: none;
    --pd-font-body-font-size: 14px;
    --pd-font-badge-text-case: uppercase;
    --pd-font-badge-paragraph-spacing: 20px;
    --pd-font-badge-paragraph-indent: 0;
    --pd-font-badge-line-height: 16px;
    --pd-font-badge-letter-spacing: .2px;
    --pd-font-badge-font-style-old: semi bold;
    --pd-font-badge-font-stretch: normal;
    --pd-font-badge-font-style: normal;
    --pd-font-badge-font-weight: 600;
    --pd-font-badge-font-family: "Inter", sans-serif;
    --pd-font-badge-text-decoration: none;
    --pd-font-badge-font-size: 10px;
    --pd-font-monospace-font: var(--pd-font-monospace-font-weight) var(--pd-font-monospace-font-size)/var(--pd-font-monospace-line-height) var(--pd-font-monospace-font-family);
    --pd-font-caption-s-font: var(--pd-font-caption-s-font-weight) var(--pd-font-caption-s-font-size)/var(--pd-font-caption-s-line-height) var(--pd-font-caption-s-font-family);
    --pd-font-caption-font: var(--pd-font-caption-font-weight) var(--pd-font-caption-font-size)/var(--pd-font-caption-line-height) var(--pd-font-caption-font-family);
    --pd-font-button-s-font: var(--pd-font-button-s-font-weight) var(--pd-font-button-s-font-size)/var(--pd-font-button-s-line-height) var(--pd-font-button-s-font-family);
    --pd-font-button-font: var(--pd-font-button-font-weight) var(--pd-font-button-font-size)/var(--pd-font-button-line-height) var(--pd-font-button-font-family);
    --pd-font-link-alt-s-font: var(--pd-font-link-alt-s-font-weight) var(--pd-font-link-alt-s-font-size)/var(--pd-font-link-alt-s-line-height) var(--pd-font-link-alt-s-font-family);
    --pd-font-link-alt-font: var(--pd-font-link-alt-font-weight) var(--pd-font-link-alt-font-size)/var(--pd-font-link-alt-line-height) var(--pd-font-link-alt-font-family);
    --pd-font-link-s-font: var(--pd-font-link-s-font-weight) var(--pd-font-link-s-font-size)/var(--pd-font-link-s-line-height) var(--pd-font-link-s-font-family);
    --pd-font-link-font: var(--pd-font-link-font-weight) var(--pd-font-link-font-size)/var(--pd-font-link-line-height) var(--pd-font-link-font-family);
    --pd-font-title-m-font: var(--pd-font-title-m-font-weight) var(--pd-font-title-m-font-size)/var(--pd-font-title-m-line-height) var(--pd-font-title-m-font-family);
    --pd-font-title-l-font: var(--pd-font-title-l-font-weight) var(--pd-font-title-l-font-size)/var(--pd-font-title-l-line-height) var(--pd-font-title-l-font-family);
    --pd-font-title-xl-font: var(--pd-font-title-xl-font-weight) var(--pd-font-title-xl-font-size)/var(--pd-font-title-xl-line-height) var(--pd-font-title-xl-font-family);
    --pd-font-title-xxl-font: var(--pd-font-title-xxl-font-weight) var(--pd-font-title-xxl-font-size)/var(--pd-font-title-xxl-line-height) var(--pd-font-title-xxl-font-family);
    --pd-font-body-s-strong-font: var(--pd-font-body-s-strong-font-weight) var(--pd-font-body-s-strong-font-size)/var(--pd-font-body-s-strong-line-height) var(--pd-font-body-s-strong-font-family);
    --pd-font-body-s-font: var(--pd-font-body-s-font-weight) var(--pd-font-body-s-font-size)/var(--pd-font-body-s-line-height) var(--pd-font-body-s-font-family);
    --pd-font-body-l-strong-font: var(--pd-font-body-l-strong-font-weight) var(--pd-font-body-l-strong-font-size)/var(--pd-font-body-l-strong-line-height) var(--pd-font-body-l-strong-font-family);
    --pd-font-body-l-font: var(--pd-font-body-l-font-weight) var(--pd-font-body-l-font-size)/var(--pd-font-body-l-line-height) var(--pd-font-body-l-font-family);
    --pd-font-body-strong-font: var(--pd-font-body-strong-font-weight) var(--pd-font-body-strong-font-size)/var(--pd-font-body-strong-line-height) var(--pd-font-body-strong-font-family);
    --pd-font-body-font: var(--pd-font-body-font-weight) var(--pd-font-body-font-size)/var(--pd-font-body-line-height) var(--pd-font-body-font-family);
    --pd-font-badge-font: var(--pd-font-badge-font-weight) var(--pd-font-badge-font-size)/var(--pd-font-badge-line-height) var(--pd-font-badge-font-family);
    --pd-radius-xs: 2px;
    --pd-radius-s: 4px;
    --pd-radius-m: 4px;
    --pd-radius-l: 8px;
    --pd-size-800: 64px;
    --pd-size-700: 56px;
    --pd-size-600: 48px;
    --pd-size-500: 40px;
    --pd-size-400: 32px;
    --pd-size-300: 24px;
    --pd-size-200: 16px;
    --pd-size-150: 12px;
    --pd-size-100: 8px;
    --pd-size-75: 6px;
    --pd-size-50: 4px;
    --pd-size-25: 2px;
    --pd-size-10: 1px;
    --pd-size-0: 0;
    --pd-spacing-10: 1px;
    --pd-spacing-25: 2px;
    --pd-spacing-50: 4px;
    --pd-spacing-75: 6px;
    --pd-spacing-100: 8px;
    --pd-spacing-150: 12px;
    --pd-spacing-200: 16px;
    --pd-spacing-300: 24px;
    --pd-spacing-400: 32px;
    --pd-spacing-500: 40px;
    --pd-spacing-600: 48px;
    --pd-spacing-700: 56px;
    --pd-spacing-800: 56px
}

:root {
    --pd-puco-global-color-white: #fff;
    --pd-puco-global-color-white-16pc: hsla(0, 0%, 100%, .16);
    --pd-puco-global-color-black-40pc: rgba(25, 36, 53, .4);
    --pd-puco-global-color-purple-0: #f7f7fe;
    --pd-puco-global-color-purple-5: #ededff;
    --pd-puco-global-color-purple-240: #e1e1ff;
    --pd-puco-global-color-purple-300: #c4c2ff;
    --pd-puco-global-color-purple-600: #6861f2;
    --pd-puco-global-color-purple-700: #413d99;
    --pd-puco-global-color-green-12: #e3fae1;
    --pd-puco-global-color-green-25: #d7f9d3;
    --pd-puco-global-color-green-300: #2cab53;
    --pd-puco-global-color-green-500: #017737;
    --pd-puco-global-color-green-700: #0e5235;
    --pd-puco-global-color-green-800: #11402e;
    --pd-puco-global-color-dark-green: #0e5236;
    --pd-puco-global-color-neutral-00: #fff;
    --pd-puco-global-color-neutral-50: #f4f5f6;
    --pd-puco-global-color-neutral-100: #edeef0;
    --pd-puco-global-color-neutral-150: #e4e6e9;
    --pd-puco-global-color-neutral-200: #dadde1;
    --pd-puco-global-color-neutral-300: #999fa7;
    --pd-puco-global-color-neutral-600: #656e7a;
    --pd-puco-global-color-neutral-850: #192435;
    --pd-puco-global-color-neutral-inverted-600: hsla(0, 0%, 100%, .72);
    --pd-puco-global-color-blue-0: #e8f5ff;
    --pd-puco-global-color-blue-25: #d3ecff;
    --pd-puco-global-color-blue-400: #0070d6;
    --pd-puco-global-color-blue-500: #005ab0;
    --pd-puco-global-color-red-25: #ffe7e6;
    --pd-puco-global-color-red-300: #ff5550;
    --pd-puco-global-color-red-500: #c7201b;
    --pd-puco-global-color-yellow-750: #fc0;
    --pd-puco-global-color-yellow-800: #df971c;
    --pd-puco-global-color-yellow-850: #ffab00;
    --pd-puco-spacing-xl: 80px;
    --pd-puco-spacing-l: 40px;
    --pd-puco-spacing-m: 20px;
    --pd-puco-spacing-s: 10px;
    --pd-puco-spacing-xs: 5px;
    --pd-puco-spacing-none: 0px;
    --pd-puco-font-button-font-weight: 700;
    --pd-puco-font-button-l-font-size: 22px;
    --pd-puco-font-button-l-line-height: 32px;
    --pd-puco-font-button-m-font-size: 18px;
    --pd-puco-font-button-m-line-height: 24px;
    --pd-puco-font-button-s-font-size: 14px;
    --pd-puco-font-button-s-line-height: 16px;
    --pd-puco-font-button-s-font-weight: 700;
    --pd-puco-font-website-body-font-size: 18px;
    --pd-puco-font-website-body-line-height: 30px;
    --pd-puco-font-website-body-font-weight: 400;
    --pd-puco-font-website-body-strong-font-weight: 700;
    --pd-puco-font-website-body-strong-font-size: 18px;
    --pd-puco-font-website-body-s-font-size: 14px;
    --pd-puco-font-website-body-s-line-height: 25px;
    --pd-puco-font-website-body-s-font-weight: 400;
    --pd-puco-font-website-body-s-strong-font-weight: 700;
    --pd-puco-font-website-body-xs-font-size: 12px;
    --pd-puco-font-website-body-xs-line-height: 22px;
    --pd-puco-font-website-body-xs-font-weight: 400;
    --pd-puco-font-website-body-xs-strong-font-weight: 700;
    --pd-puco-font-website-h1-desktop-font-size: 52px;
    --pd-puco-font-website-h1-desktop-line-height: 62px;
    --pd-puco-font-website-h1-desktop-font-weight: 700;
    --pd-puco-font-website-h1-mobile-font-size: 32px;
    --pd-puco-font-website-h1-mobile-line-height: 42px;
    --pd-puco-font-website-h1-mobile-font-weight: 700;
    --pd-puco-font-website-h2-desktop-font-size: 36px;
    --pd-puco-font-website-h2-desktop-line-height: 43px;
    --pd-puco-font-website-h2-mobile-font-size: 30px;
    --pd-puco-font-website-h2-mobile-line-height: 38px;
    --pd-puco-font-website-h3-desktop-font-size: 30px;
    --pd-puco-font-website-h3-desktop-line-height: 36px;
    --pd-puco-font-website-h3-mobile-font-size: 28px;
    --pd-puco-font-website-h3-mobile-line-height: 36px;
    --pd-puco-font-website-h4-both-font-size: 24px;
    --pd-puco-font-website-h4-both-line-height: 36px;
    --pd-puco-font-website-h5-both-font-size: 22px;
    --pd-puco-font-website-h5-both-line-height: 33px;
    --pd-puco-font-website-h6-both-font-size: 20px;
    --pd-puco-font-website-h6-both-line-height: 30px;
    --pd-puco-font-website-h6-both-font-weight: 700;
    --pd-puco-font-small-title-m-font-size: 20px;
    --pd-puco-font-small-title-m-line-height: 30px;
    --pd-puco-font-small-title-m-font-weight: 700;
    --pd-puco-font-small-title-s-font-size: 16px;
    --pd-puco-font-small-title-s-line-height: 24px;
    --pd-puco-font-small-title-s-font-weight: 700;
    --pd-puco-size-icon-xxs: 16px;
    --pd-puco-size-icon-xs: 24px;
    --pd-puco-size-icon-s: 32px;
    --pd-puco-size-icon-m: 36px;
    --pd-puco-size-icon-l: 48px;
    --pd-puco-size-icon-xl: 60px;
    --pd-puco-size-icon-xxl: 80px;
    --pd-puco-icon-svg-size-logo: 18px;
    --pd-puco-icon-svg-size-xxl: 42px;
    --pd-puco-icon-svg-size-xl: 30px;
    --pd-puco-icon-svg-size-l: 24px;
    --pd-puco-icon-svg-size-m: 16px;
    --pd-puco-button-height-l: 56px;
    --pd-puco-button-height-m: 42px;
    --pd-puco-button-height-s: 32px;
    --pd-puco-color-primary-background: #c4ead2;
    --pd-puco-color-primary-mid: var(--pd-puco-global-color-purple-300);
    --pd-puco-color-primary-secondary: var(--pd-puco-global-color-purple-240);
    --pd-puco-color-primary-extra-light: var(--pd-puco-global-color-purple-5);
    --pd-puco-color-surface-black-static: #2a3647;
    --pd-puco-color-surface-cta: #ffdf5c;
    --pd-puco-color-surface-default-background: var(--pd-puco-global-color-white);
    --pd-puco-color-surface-secondary-background: var(--pd-puco-global-color-purple-0);
    --pd-puco-color-surface-light-background: var(--pd-puco-global-color-green-25);
    --pd-puco-color-surface-medium-background: var(--pd-puco-global-color-green-500);
    --pd-puco-color-surface-dark-background: var(--pd-puco-global-color-dark-green);
    --pd-puco-color-surface-dark-rgba: var(--pd-puco-global-color-black-40pc);
    --pd-puco-color-surface-neutral: rgba(25, 36, 53, .4);
    --pd-puco-color-surface-default: var(--pd-puco-global-color-white);
    --pd-puco-color-fill-white: var(--pd-puco-global-color-white);
    --pd-puco-color-fill-extra-light: var(--pd-puco-global-color-neutral-50);
    --pd-puco-color-fill-inverted-light: var(--pd-puco-global-color-white-16pc);
    --pd-puco-color-fill-black-static: #2a3647;
    --pd-puco-color-fill-extra-black-static: #192435;
    --pd-puco-color-fill-muted: #999fa7;
    --pd-puco-color-icon-primary-background: #d7f1e1;
    --pd-puco-color-icon-secondary-link: var(--pd-puco-global-color-blue-400);
    --pd-puco-color-icon-third: var(--pd-puco-global-color-neutral-300);
    --pd-puco-color-icon-link-primary: var(--pd-puco-global-color-neutral-850);
    --pd-puco-color-icon-warm: var(--pd-puco-global-color-yellow-750);
    --pd-puco-color-icon-button: var(--pd-puco-global-color-purple-700);
    --pd-puco-color-divider-strong: var(--pd-puco-global-color-neutral-850);
    --pd-puco-color-divider-primary: var(--pd-puco-global-color-neutral-150);
    --pd-puco-color-divider-secondary: var(--pd-puco-global-color-purple-240);
    --pd-puco-color-divider-third: var(--pd-puco-global-color-white);
    --pd-puco-color-divider-default: var(--pd-puco-global-color-purple-240);
    --pd-puco-color-visuals-neutral: #fff;
    --pd-puco-color-visuals-medium-neutral: #dadde1;
    --pd-puco-color-visuals-warm: #fc0;
    --pd-puco-color-visuals-light: #f6f7f8;
    --pd-puco-color-visuals-light-warm: #fff4c7;
    --pd-puco-color-visuals-medium-warm: #ffdf5c;
    --pd-puco-color-visuals-cold: #4a8ae6;
    --pd-puco-color-visuals-growth-green: var(--pd-puco-global-color-green-500);
    --pd-puco-color-text-link-medium: var(--pd-puco-global-color-neutral-600);
    --pd-puco-color-text-link-light-inverted: var(--pd-puco-global-color-white);
    --pd-puco-color-text-link-dark: var(--pd-puco-global-color-neutral-850);
    --pd-puco-color-text-link-medium-inverted: var(--pd-puco-global-color-neutral-inverted-600);
    --pd-puco-color-text-buttons: var(--pd-puco-global-color-purple-700);
    --pd-puco-color-active-extra-strong: var(--pd-puco-global-color-green-800);
    --pd-puco-color-active-secondary: var(--pd-puco-global-color-green-300);
    --pd-color-fill-light: var(--pd-puco-global-color-neutral-100);
    --pd-color-fill-medium: var(--pd-puco-global-color-neutral-200);
    --pd-color-text-primary: var(--pd-puco-global-color-neutral-850);
    --pd-color-text-secondary: var(--pd-puco-global-color-neutral-600);
    --pd-color-text-negative: var(--pd-puco-global-color-red-500);
    --pd-color-text-muted: var(--pd-puco-global-color-neutral-300);
    --pd-color-text-warning: var(--pd-color-warning-strong);
    --pd-color-icon-primary: var(--pd-puco-global-color-neutral-850);
    --pd-color-icon-secondary: var(--pd-puco-global-color-neutral-600);
    --pd-color-surface-app-background: #f6f7f8;
    --pd-color-divider-strong: #c8ccd2;
    --pd-color-icon-warning: var(--pd-puco-global-color-yellow-850);
    --pd-color-warning-default: var(--pd-puco-global-color-yellow-800);
    --pd-color-warning-strong: var(--pd-puco-global-color-yellow-850);
    --pd-color-primary-muted: #61c786;
    --pd-color-primary-default: var(--pd-puco-global-color-purple-600);
    --pd-color-primary-hover: #26b259;
    --pd-color-primary-strong: var(--pd-puco-global-color-purple-700);
    --pd-color-text-primary-inverted: var(--pd-puco-global-color-white);
    --pd-color-text-link-inverted: var(--pd-puco-global-color-blue-25);
    --pd-color-icon-primary-inverted: var(--pd-puco-global-color-neutral-00);
    --pd-color-icon-positive: var(--pd-puco-global-color-green-500);
    --pd-color-icon-negative: var(--pd-puco-global-color-red-300);
    --pd-color-primary-background-light: #ecf8f0;
    --pd-color-info-strong: var(--pd-puco-global-color-blue-500);
    --pd-color-info-default: var(--pd-puco-global-color-blue-400);
    --pd-color-info-background-light: var(--pd-puco-global-color-blue-0);
    --pd-color-negative-default: var(--pd-puco-global-color-red-300);
    --pd-color-negative-background: var(--pd-puco-global-color-red-25);
    --pd-color-warning-background: var(--pd-puco-global-color-yellow-800);
    --pd-color-text-positive: var(--pd-puco-global-color-green-500);
    --pd-color-active-strong: var(--pd-puco-global-color-green-700);
    --pd-color-active-default: var(--pd-puco-global-color-green-500);
    --pd-color-active-background: var(--pd-puco-global-color-green-25);
    --pd-color-active-background-light: var(--pd-puco-global-color-green-12);
    --pd-color-text-info: var(--pd-puco-global-color-blue-500);
    --pd-color-icon-link-inverted: var(--pd-puco-global-color-neutral-inverted-600);
    --pd-color-fill-dark-static: var(--pd-puco-global-color-neutral-850);
    --pd-puco-elevation-raised-hover: 0px 3px 5px rgba(0, 0, 0, .08), 0px 0px 4px rgba(0, 0, 0, .12);
    --pd-puco-animation-100-time: 0.1s;
    --pd-puco-animation-180-time: 0.18s;
    --pd-puco-animation-200-time: 0.2s;
    --pd-puco-animation-250-time: 0.25s;
    --pd-puco-animation-320-time: 0.32s;
    --pd-puco-animation-350-time: 0.35s;
    --pd-puco-animation-400-time: 0.4s;
    --pd-puco-animation-500-time: 0.5s;
    --pd-puco-transition-curve-1: cubic-bezier(0.4, 0, 0, 1);
    --pd-puco-transition-curve-2: cubic-bezier(0.4, 0, 1, 1);
    --pd-puco-transition-curve-3: cubic-bezier(0.4, 0, 0.2, 1);
    --pd-puco-transition-curve-4: cubic-bezier(0.7, 0, 1, 1);
    --pd-puco-transition-curve-5: cubic-bezier(0.5, 0, 0.2, 1);
    --pd-puco-transition-curve-6: cubic-bezier(0, 0, 0.2, 1);
    --pd-puco-max-container-width: 1600px;
    --pd-puco-header-height: 88px;
    --pd-puco-mobile-header-height: 72px;
    --pd-puco-horizontal-nav-height: 64px;
    --pd-puco-mobile-horizontal-nav-height: 45px;
    --pd-puco-z-index-tooltip: 2000;
    --pd-puco-z-index-search-results: 1003;
    --pd-puco-z-index-floating-cta: 1002;
    --pd-puco-z-index-horizontal-nav-scrolling: 1001;
    --pd-puco-z-index-modal: 1000;
    --pd-puco-z-index-sidebar: 600;
    --pd-puco-z-index-header: 500;
    --pd-puco-z-index-cta-banner: 550;
    --pd-puco-z-index-comparison-table-sticky-header: 400;
    --pd-puco-z-index-copy-tooltip: 300;
    --pd-puco-z-index-article-scrollbar: 200;
    --pd-puco-z-index-dropdown-menu: 151;
    --pd-puco-z-index-dropdown: 150;
    --pd-puco-z-index-horizontal-nav: 100;
    --pd-puco-z-index-comparison-table-heading-close: 4;
    --pd-puco-z-index-comparison-table-nav: 3;
    --pd-puco-z-index-comparison-table-cell-label: 2;
    --pd-puco-z-index-searchbox: 1;
    --pd-puco-z-index-overlay: -1
}

@media screen and (min-width:1104px) {
    ._hide-desktop._hide-desktop {
        display: none
    }
}

@media screen and (min-width:713px) {
    ._hide-desktop-tablet._hide-desktop-tablet {
        display: none
    }
}

@media screen and (max-width:1103px) {
    ._hide-mobile-tablet._hide-mobile-tablet {
        display: none
    }
}

@media screen and (max-width:712px) {
    ._hide-mobile._hide-mobile {
        display: none
    }
}

@media screen and (min-width:1220px) {
    ._hide-when-full-logo._hide-when-full-logo {
        display: none
    }
}

@media screen and (max-width:calc(1220px - 1px)) {
    ._hide-when-monogram._hide-when-monogram {
        display: none
    }
}

.unset {
    all: unset
}

.puco-grid {
    margin: var(--pd-puco-spacing-none) auto;
    width: 100%;
    display: flex;
    flex-direction: column;
    box-sizing: border-box
}

@media screen and (min-width:320px) {
    .puco-flex-column.puco-flex-column--xs-1-3 {
        flex-grow: 0;
        flex-shrink: 0;
        flex-basis: calc(33.33333% - 40px);
        margin: 0 20px;
        max-width: calc(33.33333% - 40px)
    }

    .puco-flex-column.puco-flex-column--xs-2-3 {
        flex-grow: 0;
        flex-shrink: 0;
        flex-basis: calc(66.66667% - 40px);
        margin: 0 20px;
        max-width: calc(66.66667% - 40px)
    }

    .puco-grid {
        margin: var(--pd-puco-spacing-none) 20px;
        width: calc(100% - 40px)
    }

    .puco-flex-column.puco-flex-column--xs-3-3 {
        flex-grow: 0;
        flex-shrink: 0;
        flex-basis: calc(100% - 40px);
        margin: 0 20px;
        max-width: calc(100% - 40px)
    }

    .puco-flex-column {
        flex-grow: 0;
        flex-shrink: 0;
        flex-basis: calc(33.33333% - 40px)
    }

    .puco-flex-row {
        margin: 0 -20px
    }

    .puco-flex-row--vertical-gap--xs-xs {
        margin-bottom: -20px
    }

    .puco-flex-row--vertical-gap--xs-xs+.puco-flex-row {
        margin-top: 20px
    }

    .puco-flex-row--vertical-gap--xs-xs>.puco-flex-column {
        margin-bottom: var(--pd-puco-spacing-none)
    }

    .puco-flex-row--vertical-gap--xs-s {
        margin-bottom: -20px
    }

    .puco-flex-row--vertical-gap--xs-s+.puco-flex-row {
        margin-top: 20px
    }

    .puco-flex-row--vertical-gap--xs-s>.puco-flex-column {
        margin-bottom: var(--pd-puco-spacing-s)
    }

    .puco-flex-row--vertical-gap--xs-m {
        margin-bottom: -20px
    }

    .puco-flex-row--vertical-gap--xs-m+.puco-flex-row {
        margin-top: 20px
    }

    .puco-flex-row--vertical-gap--xs-m>.puco-flex-column {
        margin-bottom: var(--pd-puco-spacing-m)
    }

    .puco-flex-row--vertical-gap--xs-l {
        margin-bottom: -20px
    }

    .puco-flex-row--vertical-gap--xs-l+.puco-flex-row {
        margin-top: 20px
    }

    .puco-flex-row--vertical-gap--xs-l>.puco-flex-column {
        margin-bottom: var(--pd-puco-spacing-l)
    }

    .puco-flex-row--vertical-gap--xs-xl {
        margin-bottom: -20px
    }

    .puco-flex-row--vertical-gap--xs-xl+.puco-flex-row {
        margin-top: 20px
    }

    .puco-flex-row--vertical-gap--xs-xl>.puco-flex-column {
        margin-bottom: var(--pd-puco-spacing-xl)
    }

    .puco-flex-column--align-vertical-xs-start {
        align-items: flex-start
    }

    .puco-flex-column--align-vertical-xs-center {
        align-items: center
    }

    .puco-flex-column--align-vertical-xs-end {
        align-items: flex-end
    }

    .puco-flex-column--align-vertical-xs-stretch {
        align-items: stretch
    }

    .puco-flex-row--align-vertical-xs-start {
        align-items: flex-start
    }

    .puco-flex-row--align-vertical-xs-center {
        align-items: center
    }

    .puco-flex-row--align-vertical-xs-end {
        align-items: flex-end
    }

    .puco-flex-row--align-vertical-xs-stretch {
        align-items: stretch
    }

    .puco-flex-column--align-horizontal-xs-start {
        justify-content: flex-start
    }

    .puco-flex-column--align-horizontal-xs-center {
        justify-content: center
    }

    .puco-flex-column--align-horizontal-xs-end {
        justify-content: flex-end
    }

    .puco-flex-column--align-horizontal-xs-between {
        justify-content: space-between
    }

    .puco-flex-column--align-horizontal-xs-around {
        justify-content: space-around
    }

    .puco-flex-row--align-horizontal-xs-start {
        justify-content: flex-start
    }

    .puco-flex-row--align-horizontal-xs-center {
        justify-content: center
    }

    .puco-flex-row--align-horizontal-xs-end {
        justify-content: flex-end
    }

    .puco-flex-row--align-horizontal-xs-between {
        justify-content: space-between
    }

    .puco-flex-row--align-horizontal-xs-around {
        justify-content: space-around
    }
}

@media screen and (min-width:713px) {
    .puco-flex-column.puco-flex-column--s-1-6 {
        flex-grow: 0;
        flex-shrink: 0;
        flex-basis: calc(16.66667% - 40px);
        margin: 0 20px;
        max-width: calc(16.66667% - 40px)
    }

    .puco-flex-column.puco-flex-column--s-2-6 {
        flex-grow: 0;
        flex-shrink: 0;
        flex-basis: calc(33.33333% - 40px);
        margin: 0 20px;
        max-width: calc(33.33333% - 40px)
    }

    .puco-flex-column.puco-flex-column--s-3-6 {
        flex-grow: 0;
        flex-shrink: 0;
        flex-basis: calc(50% - 40px);
        margin: 0 20px;
        max-width: calc(50% - 40px)
    }

    .puco-flex-column.puco-flex-column--s-4-6 {
        flex-grow: 0;
        flex-shrink: 0;
        flex-basis: calc(66.66667% - 40px);
        margin: 0 20px;
        max-width: calc(66.66667% - 40px)
    }

    .puco-flex-column.puco-flex-column--s-5-6 {
        flex-grow: 0;
        flex-shrink: 0;
        flex-basis: calc(83.33333% - 40px);
        margin: 0 20px;
        max-width: calc(83.33333% - 40px)
    }

    .puco-grid {
        margin: var(--pd-puco-spacing-none) 20px;
        width: calc(100% - 40px)
    }

    .puco-flex-column.puco-flex-column--s-6-6 {
        flex-grow: 0;
        flex-shrink: 0;
        flex-basis: calc(100% - 40px);
        margin: 0 20px;
        max-width: calc(100% - 40px)
    }

    .puco-flex-column {
        flex-grow: 0;
        flex-shrink: 0;
        flex-basis: calc(16.66667% - 40px)
    }

    .puco-flex-row {
        margin: 0 -20px
    }

    .puco-flex-row--vertical-gap--s-xs {
        margin-bottom: -20px
    }

    .puco-flex-row--vertical-gap--s-xs+.puco-flex-row {
        margin-top: 20px
    }

    .puco-flex-row--vertical-gap--s-xs>.puco-flex-column {
        margin-bottom: var(--pd-puco-spacing-none)
    }

    .puco-flex-row--vertical-gap--s-s {
        margin-bottom: -20px
    }

    .puco-flex-row--vertical-gap--s-s+.puco-flex-row {
        margin-top: 20px
    }

    .puco-flex-row--vertical-gap--s-s>.puco-flex-column {
        margin-bottom: var(--pd-puco-spacing-s)
    }

    .puco-flex-row--vertical-gap--s-m {
        margin-bottom: -20px
    }

    .puco-flex-row--vertical-gap--s-m+.puco-flex-row {
        margin-top: 20px
    }

    .puco-flex-row--vertical-gap--s-m>.puco-flex-column {
        margin-bottom: var(--pd-puco-spacing-m)
    }

    .puco-flex-row--vertical-gap--s-l {
        margin-bottom: -20px
    }

    .puco-flex-row--vertical-gap--s-l+.puco-flex-row {
        margin-top: 20px
    }

    .puco-flex-row--vertical-gap--s-l>.puco-flex-column {
        margin-bottom: var(--pd-puco-spacing-l)
    }

    .puco-flex-row--vertical-gap--s-xl {
        margin-bottom: -20px
    }

    .puco-flex-row--vertical-gap--s-xl+.puco-flex-row {
        margin-top: 20px
    }

    .puco-flex-row--vertical-gap--s-xl>.puco-flex-column {
        margin-bottom: var(--pd-puco-spacing-xl)
    }

    .puco-flex-column--align-vertical-s-start {
        align-items: flex-start
    }

    .puco-flex-column--align-vertical-s-center {
        align-items: center
    }

    .puco-flex-column--align-vertical-s-end {
        align-items: flex-end
    }

    .puco-flex-column--align-vertical-s-stretch {
        align-items: stretch
    }

    .puco-flex-row--align-vertical-s-start {
        align-items: flex-start
    }

    .puco-flex-row--align-vertical-s-center {
        align-items: center
    }

    .puco-flex-row--align-vertical-s-end {
        align-items: flex-end
    }

    .puco-flex-row--align-vertical-s-stretch {
        align-items: stretch
    }

    .puco-flex-column--align-horizontal-s-start {
        justify-content: flex-start
    }

    .puco-flex-column--align-horizontal-s-center {
        justify-content: center
    }

    .puco-flex-column--align-horizontal-s-end {
        justify-content: flex-end
    }

    .puco-flex-column--align-horizontal-s-between {
        justify-content: space-between
    }

    .puco-flex-column--align-horizontal-s-around {
        justify-content: space-around
    }

    .puco-flex-row--align-horizontal-s-start {
        justify-content: flex-start
    }

    .puco-flex-row--align-horizontal-s-center {
        justify-content: center
    }

    .puco-flex-row--align-horizontal-s-end {
        justify-content: flex-end
    }

    .puco-flex-row--align-horizontal-s-between {
        justify-content: space-between
    }

    .puco-flex-row--align-horizontal-s-around {
        justify-content: space-around
    }
}

@media screen and (min-width:1104px) {
    .puco-flex-column.puco-flex-column--m-1-12 {
        flex-grow: 0;
        flex-shrink: 0;
        flex-basis: calc(8.33333% - 32px);
        margin: 0 16px;
        max-width: calc(8.33333% - 32px)
    }

    .puco-flex-column.puco-flex-column--m-2-12 {
        flex-grow: 0;
        flex-shrink: 0;
        flex-basis: calc(16.66667% - 32px);
        margin: 0 16px;
        max-width: calc(16.66667% - 32px)
    }

    .puco-flex-column.puco-flex-column--m-3-12 {
        flex-grow: 0;
        flex-shrink: 0;
        flex-basis: calc(30% - 32px);
        margin: 0 16px;
        max-width: calc(30% - 32px)
    }

    .puco-flex-column.puco-flex-column--m-4-12 {
        flex-grow: 0;
        flex-shrink: 0;
        flex-basis: calc(33.33333% - 32px);
        margin: 0 16px;
        max-width: calc(33.33333% - 32px)
    }

    .puco-flex-column.puco-flex-column--m-5-12 {
        flex-grow: 0;
        flex-shrink: 0;
        flex-basis: calc(41.66667% - 32px);
        margin: 0 16px;
        max-width: calc(41.66667% - 32px)
    }

    .puco-flex-column.puco-flex-column--m-6-12 {
        flex-grow: 0;
        flex-shrink: 0;
        flex-basis: calc(50% - 32px);
        margin: 0 16px;
        max-width: calc(50% - 32px)
    }

    .puco-flex-column.puco-flex-column--m-7-12 {
        flex-grow: 0;
        flex-shrink: 0;
        flex-basis: calc(58.33333% - 32px);
        margin: 0 16px;
        max-width: calc(58.33333% - 32px)
    }

    .puco-flex-column.puco-flex-column--m-8-12 {
        flex-grow: 0;
        flex-shrink: 0;
        flex-basis: calc(66.66667% - 32px);
        margin: 0 16px;
        max-width: calc(66.66667% - 32px)
    }

    .puco-flex-column.puco-flex-column--m-9-12 {
        flex-grow: 0;
        flex-shrink: 0;
        flex-basis: calc(75% - 32px);
        margin: 0 16px;
        max-width: calc(75% - 32px)
    }

    .puco-flex-column.puco-flex-column--m-10-12 {
        flex-grow: 0;
        flex-shrink: 0;
        flex-basis: calc(83.33333% - 32px);
        margin: 0 16px;
        max-width: calc(83.33333% - 32px)
    }

    .puco-flex-column.puco-flex-column--m-11-12 {
        flex-grow: 0;
        flex-shrink: 0;
        flex-basis: calc(91.66667% - 32px);
        margin: 0 16px;
        max-width: calc(91.66667% - 32px)
    }

    .puco-grid {
        margin: var(--pd-puco-spacing-none) 16px;
        width: calc(100% - 32px)
    }

    .puco-flex-column.puco-flex-column--m-12-12 {
        flex-grow: 0;
        flex-shrink: 0;
        flex-basis: calc(100% - 32px);
        margin: 0 16px;
        max-width: calc(100% - 32px)
    }

    .puco-flex-column {
        flex-grow: 0;
        flex-shrink: 0;
        flex-basis: calc(8.33333% - 32px)
    }

    .puco-flex-row {
        margin: 0 -16px
    }

    .puco-flex-row--vertical-gap--m-xs {
        margin-bottom: -16px
    }

    .puco-flex-row--vertical-gap--m-xs+.puco-flex-row {
        margin-top: 16px
    }

    .puco-flex-row--vertical-gap--m-xs>.puco-flex-column {
        margin-bottom: var(--pd-puco-spacing-none)
    }

    .puco-flex-row--vertical-gap--m-s {
        margin-bottom: -16px
    }

    .puco-flex-row--vertical-gap--m-s+.puco-flex-row {
        margin-top: 16px
    }

    .puco-flex-row--vertical-gap--m-s>.puco-flex-column {
        margin-bottom: var(--pd-puco-spacing-s)
    }

    .puco-flex-row--vertical-gap--m-m {
        margin-bottom: -16px
    }

    .puco-flex-row--vertical-gap--m-m+.puco-flex-row {
        margin-top: 16px
    }

    .puco-flex-row--vertical-gap--m-m>.puco-flex-column {
        margin-bottom: var(--pd-puco-spacing-m)
    }

    .puco-flex-row--vertical-gap--m-l {
        margin-bottom: -16px
    }

    .puco-flex-row--vertical-gap--m-l+.puco-flex-row {
        margin-top: 16px
    }

    .puco-flex-row--vertical-gap--m-l>.puco-flex-column {
        margin-bottom: var(--pd-puco-spacing-l)
    }

    .puco-flex-row--vertical-gap--m-xl {
        margin-bottom: -16px
    }

    .puco-flex-row--vertical-gap--m-xl+.puco-flex-row {
        margin-top: 16px
    }

    .puco-flex-row--vertical-gap--m-xl>.puco-flex-column {
        margin-bottom: var(--pd-puco-spacing-xl)
    }

    .puco-flex-column--align-vertical-m-start {
        align-items: flex-start
    }

    .puco-flex-column--align-vertical-m-center {
        align-items: center
    }

    .puco-flex-column--align-vertical-m-end {
        align-items: flex-end
    }

    .puco-flex-column--align-vertical-m-stretch {
        align-items: stretch
    }

    .puco-flex-row--align-vertical-m-start {
        align-items: flex-start
    }

    .puco-flex-row--align-vertical-m-center {
        align-items: center
    }

    .puco-flex-row--align-vertical-m-end {
        align-items: flex-end
    }

    .puco-flex-row--align-vertical-m-stretch {
        align-items: stretch
    }

    .puco-flex-column--align-horizontal-m-start {
        justify-content: flex-start
    }

    .puco-flex-column--align-horizontal-m-center {
        justify-content: center
    }

    .puco-flex-column--align-horizontal-m-end {
        justify-content: flex-end
    }

    .puco-flex-column--align-horizontal-m-between {
        justify-content: space-between
    }

    .puco-flex-column--align-horizontal-m-around {
        justify-content: space-around
    }

    .puco-flex-row--align-horizontal-m-start {
        justify-content: flex-start
    }

    .puco-flex-row--align-horizontal-m-center {
        justify-content: center
    }

    .puco-flex-row--align-horizontal-m-end {
        justify-content: flex-end
    }

    .puco-flex-row--align-horizontal-m-between {
        justify-content: space-between
    }

    .puco-flex-row--align-horizontal-m-around {
        justify-content: space-around
    }
}

@media screen and (min-width:1400px) {
    .puco-flex-column.puco-flex-column--l-1-12 {
        flex-grow: 0;
        flex-shrink: 0;
        flex-basis: calc(8.33333% - 40px);
        margin: 0 20px;
        max-width: calc(8.33333% - 40px)
    }

    .puco-flex-column.puco-flex-column--l-2-12 {
        flex-grow: 0;
        flex-shrink: 0;
        flex-basis: calc(16.66667% - 40px);
        margin: 0 20px;
        max-width: calc(16.66667% - 40px)
    }

    .puco-flex-column.puco-flex-column--l-3-12 {
        flex-grow: 0;
        flex-shrink: 0;
        flex-basis: calc(30% - 40px);
        margin: 0 20px;
        max-width: calc(30% - 40px)
    }

    .puco-flex-column.puco-flex-column--l-4-12 {
        flex-grow: 0;
        flex-shrink: 0;
        flex-basis: calc(33.33333% - 40px);
        margin: 0 20px;
        max-width: calc(33.33333% - 40px)
    }

    .puco-flex-column.puco-flex-column--l-5-12 {
        flex-grow: 0;
        flex-shrink: 0;
        flex-basis: calc(41.66667% - 40px);
        margin: 0 20px;
        max-width: calc(41.66667% - 40px)
    }

    .puco-flex-column.puco-flex-column--l-6-12 {
        flex-grow: 0;
        flex-shrink: 0;
        flex-basis: calc(50% - 40px);
        margin: 0 20px;
        max-width: calc(50% - 40px)
    }

    .puco-flex-column.puco-flex-column--l-7-12 {
        flex-grow: 0;
        flex-shrink: 0;
        flex-basis: calc(58.33333% - 40px);
        margin: 0 20px;
        max-width: calc(58.33333% - 40px)
    }

    .puco-flex-column.puco-flex-column--l-8-12 {
        flex-grow: 0;
        flex-shrink: 0;
        flex-basis: calc(66.66667% - 40px);
        margin: 0 20px;
        max-width: calc(66.66667% - 40px)
    }

    .puco-flex-column.puco-flex-column--l-9-12 {
        flex-grow: 0;
        flex-shrink: 0;
        flex-basis: calc(75% - 40px);
        margin: 0 20px;
        max-width: calc(75% - 40px)
    }

    .puco-flex-column.puco-flex-column--l-10-12 {
        flex-grow: 0;
        flex-shrink: 0;
        flex-basis: calc(83.33333% - 40px);
        margin: 0 20px;
        max-width: calc(83.33333% - 40px)
    }

    .puco-flex-column.puco-flex-column--l-11-12 {
        flex-grow: 0;
        flex-shrink: 0;
        flex-basis: calc(91.66667% - 40px);
        margin: 0 20px;
        max-width: calc(91.66667% - 40px)
    }

    .puco-grid {
        margin: var(--pd-puco-spacing-none) 20px;
        width: calc(100% - 40px)
    }

    .puco-flex-column.puco-flex-column--l-12-12 {
        flex-grow: 0;
        flex-shrink: 0;
        flex-basis: calc(100% - 40px);
        margin: 0 20px;
        max-width: calc(100% - 40px)
    }

    .puco-flex-column {
        flex-grow: 0;
        flex-shrink: 0;
        flex-basis: calc(8.33333% - 40px)
    }

    .puco-flex-row {
        margin: 0 -20px
    }

    .puco-flex-row--vertical-gap--l-xs {
        margin-bottom: -20px
    }

    .puco-flex-row--vertical-gap--l-xs+.puco-flex-row {
        margin-top: 20px
    }

    .puco-flex-row--vertical-gap--l-xs>.puco-flex-column {
        margin-bottom: var(--pd-puco-spacing-none)
    }

    .puco-flex-row--vertical-gap--l-s {
        margin-bottom: -20px
    }

    .puco-flex-row--vertical-gap--l-s+.puco-flex-row {
        margin-top: 20px
    }

    .puco-flex-row--vertical-gap--l-s>.puco-flex-column {
        margin-bottom: var(--pd-puco-spacing-s)
    }

    .puco-flex-row--vertical-gap--l-m {
        margin-bottom: -20px
    }

    .puco-flex-row--vertical-gap--l-m+.puco-flex-row {
        margin-top: 20px
    }

    .puco-flex-row--vertical-gap--l-m>.puco-flex-column {
        margin-bottom: var(--pd-puco-spacing-m)
    }

    .puco-flex-row--vertical-gap--l-l {
        margin-bottom: -20px
    }

    .puco-flex-row--vertical-gap--l-l+.puco-flex-row {
        margin-top: 20px
    }

    .puco-flex-row--vertical-gap--l-l>.puco-flex-column {
        margin-bottom: var(--pd-puco-spacing-l)
    }

    .puco-flex-row--vertical-gap--l-xl {
        margin-bottom: -20px
    }

    .puco-flex-row--vertical-gap--l-xl+.puco-flex-row {
        margin-top: 20px
    }

    .puco-flex-row--vertical-gap--l-xl>.puco-flex-column {
        margin-bottom: var(--pd-puco-spacing-xl)
    }

    .puco-flex-column--align-vertical-l-start {
        align-items: flex-start
    }

    .puco-flex-column--align-vertical-l-center {
        align-items: center
    }

    .puco-flex-column--align-vertical-l-end {
        align-items: flex-end
    }

    .puco-flex-column--align-vertical-l-stretch {
        align-items: stretch
    }

    .puco-flex-row--align-vertical-l-start {
        align-items: flex-start
    }

    .puco-flex-row--align-vertical-l-center {
        align-items: center
    }

    .puco-flex-row--align-vertical-l-end {
        align-items: flex-end
    }

    .puco-flex-row--align-vertical-l-stretch {
        align-items: stretch
    }

    .puco-flex-column--align-horizontal-l-start {
        justify-content: flex-start
    }

    .puco-flex-column--align-horizontal-l-center {
        justify-content: center
    }

    .puco-flex-column--align-horizontal-l-end {
        justify-content: flex-end
    }

    .puco-flex-column--align-horizontal-l-between {
        justify-content: space-between
    }

    .puco-flex-column--align-horizontal-l-around {
        justify-content: space-around
    }

    .puco-flex-row--align-horizontal-l-start {
        justify-content: flex-start
    }

    .puco-flex-row--align-horizontal-l-center {
        justify-content: center
    }

    .puco-flex-row--align-horizontal-l-end {
        justify-content: flex-end
    }

    .puco-flex-row--align-horizontal-l-between {
        justify-content: space-between
    }

    .puco-flex-row--align-horizontal-l-around {
        justify-content: space-around
    }
}

@media screen and (min-width:1600px) {
    .puco-flex-column.puco-flex-column--xl-1-12 {
        flex-grow: 0;
        flex-shrink: 0;
        flex-basis: calc(8.33333% - 48px);
        margin: 0 24px;
        max-width: calc(8.33333% - 48px)
    }

    .puco-flex-column.puco-flex-column--xl-2-12 {
        flex-grow: 0;
        flex-shrink: 0;
        flex-basis: calc(16.66667% - 48px);
        margin: 0 24px;
        max-width: calc(16.66667% - 48px)
    }

    .puco-flex-column.puco-flex-column--xl-3-12 {
        flex-grow: 0;
        flex-shrink: 0;
        flex-basis: calc(30% - 48px);
        margin: 0 24px;
        max-width: calc(30% - 48px)
    }

    .puco-flex-column.puco-flex-column--xl-4-12 {
        flex-grow: 0;
        flex-shrink: 0;
        flex-basis: calc(33.33333% - 48px);
        margin: 0 24px;
        max-width: calc(33.33333% - 48px)
    }

    .puco-flex-column.puco-flex-column--xl-5-12 {
        flex-grow: 0;
        flex-shrink: 0;
        flex-basis: calc(41.66667% - 48px);
        margin: 0 24px;
        max-width: calc(41.66667% - 48px)
    }

    .puco-flex-column.puco-flex-column--xl-6-12 {
        flex-grow: 0;
        flex-shrink: 0;
        flex-basis: calc(50% - 48px);
        margin: 0 24px;
        max-width: calc(50% - 48px)
    }

    .puco-flex-column.puco-flex-column--xl-7-12 {
        flex-grow: 0;
        flex-shrink: 0;
        flex-basis: calc(58.33333% - 48px);
        margin: 0 24px;
        max-width: calc(58.33333% - 48px)
    }

    .puco-flex-column.puco-flex-column--xl-8-12 {
        flex-grow: 0;
        flex-shrink: 0;
        flex-basis: calc(66.66667% - 48px);
        margin: 0 24px;
        max-width: calc(66.66667% - 48px)
    }

    .puco-flex-column.puco-flex-column--xl-9-12 {
        flex-grow: 0;
        flex-shrink: 0;
        flex-basis: calc(75% - 48px);
        margin: 0 24px;
        max-width: calc(75% - 48px)
    }

    .puco-flex-column.puco-flex-column--xl-10-12 {
        flex-grow: 0;
        flex-shrink: 0;
        flex-basis: calc(83.33333% - 48px);
        margin: 0 24px;
        max-width: calc(83.33333% - 48px)
    }

    .puco-flex-column.puco-flex-column--xl-11-12 {
        flex-grow: 0;
        flex-shrink: 0;
        flex-basis: calc(91.66667% - 48px);
        margin: 0 24px;
        max-width: calc(91.66667% - 48px)
    }

    .puco-grid {
        margin: var(--pd-puco-spacing-none) 24px;
        width: calc(100% - 48px)
    }

    .puco-flex-column.puco-flex-column--xl-12-12 {
        flex-grow: 0;
        flex-shrink: 0;
        flex-basis: calc(100% - 48px);
        margin: 0 24px;
        max-width: calc(100% - 48px)
    }

    .puco-flex-column {
        flex-grow: 0;
        flex-shrink: 0;
        flex-basis: calc(8.33333% - 48px)
    }

    .puco-flex-row {
        margin: 0 -24px
    }

    .puco-flex-row--vertical-gap--xl-xs {
        margin-bottom: -24px
    }

    .puco-flex-row--vertical-gap--xl-xs+.puco-flex-row {
        margin-top: 24px
    }

    .puco-flex-row--vertical-gap--xl-xs>.puco-flex-column {
        margin-bottom: var(--pd-puco-spacing-none)
    }

    .puco-flex-row--vertical-gap--xl-s {
        margin-bottom: -24px
    }

    .puco-flex-row--vertical-gap--xl-s+.puco-flex-row {
        margin-top: 24px
    }

    .puco-flex-row--vertical-gap--xl-s>.puco-flex-column {
        margin-bottom: var(--pd-puco-spacing-s)
    }

    .puco-flex-row--vertical-gap--xl-m {
        margin-bottom: -24px
    }

    .puco-flex-row--vertical-gap--xl-m+.puco-flex-row {
        margin-top: 24px
    }

    .puco-flex-row--vertical-gap--xl-m>.puco-flex-column {
        margin-bottom: var(--pd-puco-spacing-m)
    }

    .puco-flex-row--vertical-gap--xl-l {
        margin-bottom: -24px
    }

    .puco-flex-row--vertical-gap--xl-l+.puco-flex-row {
        margin-top: 24px
    }

    .puco-flex-row--vertical-gap--xl-l>.puco-flex-column {
        margin-bottom: var(--pd-puco-spacing-l)
    }

    .puco-flex-row--vertical-gap--xl-xl {
        margin-bottom: -24px
    }

    .puco-flex-row--vertical-gap--xl-xl+.puco-flex-row {
        margin-top: 24px
    }

    .puco-flex-row--vertical-gap--xl-xl>.puco-flex-column {
        margin-bottom: var(--pd-puco-spacing-xl)
    }

    .puco-flex-column--align-vertical-xl-start {
        align-items: flex-start
    }

    .puco-flex-column--align-vertical-xl-center {
        align-items: center
    }

    .puco-flex-column--align-vertical-xl-end {
        align-items: flex-end
    }

    .puco-flex-column--align-vertical-xl-stretch {
        align-items: stretch
    }

    .puco-flex-row--align-vertical-xl-start {
        align-items: flex-start
    }

    .puco-flex-row--align-vertical-xl-center {
        align-items: center
    }

    .puco-flex-row--align-vertical-xl-end {
        align-items: flex-end
    }

    .puco-flex-row--align-vertical-xl-stretch {
        align-items: stretch
    }

    .puco-flex-column--align-horizontal-xl-start {
        justify-content: flex-start
    }

    .puco-flex-column--align-horizontal-xl-center {
        justify-content: center
    }

    .puco-flex-column--align-horizontal-xl-end {
        justify-content: flex-end
    }

    .puco-flex-column--align-horizontal-xl-between {
        justify-content: space-between
    }

    .puco-flex-column--align-horizontal-xl-around {
        justify-content: space-around
    }

    .puco-flex-row--align-horizontal-xl-start {
        justify-content: flex-start
    }

    .puco-flex-row--align-horizontal-xl-center {
        justify-content: center
    }

    .puco-flex-row--align-horizontal-xl-end {
        justify-content: flex-end
    }

    .puco-flex-row--align-horizontal-xl-between {
        justify-content: space-between
    }

    .puco-flex-row--align-horizontal-xl-around {
        justify-content: space-around
    }
}

.puco-flex-column {
    flex: 1 1 auto;
    display: flex;
    flex-wrap: wrap
}

.puco-flex-column--direction-row {
    flex-direction: row
}

.puco-flex-column--direction-column {
    flex-direction: column
}

.puco-flex-column img,
.puco-flex-column svg {
    max-width: 100%
}

.puco-flex-column--bg-warm {
    background-color: var(--pd-puco-color-surface-cta)
}

.puco-flex-column--bg-dark {
    background-color: var(--pd-puco-color-surface-black-static)
}

.puco-flex-column--bg-light {
    background-color: var(--pd-puco-color-surface-secondary-background)
}

@media screen and (max-width:712px) {
    .puco-flex-column--order-mobile-1 {
        order: 1
    }

    .puco-flex-column--order-mobile-2 {
        order: 2
    }

    .puco-flex-column--order-mobile-3 {
        order: 3
    }

    .puco-flex-column--order-mobile-4 {
        order: 4
    }

    .puco-flex-column--order-mobile-5 {
        order: 5
    }

    .puco-flex-column--order-mobile-6 {
        order: 6
    }

    .puco-flex-column--order-mobile-7 {
        order: 7
    }

    .puco-flex-column--order-mobile-8 {
        order: 8
    }

    .puco-flex-column--order-mobile-9 {
        order: 9
    }

    .puco-flex-column--order-mobile-10 {
        order: 10
    }

    .puco-flex-column--order-mobile-11 {
        order: 11
    }

    .puco-flex-column--order-mobile-12 {
        order: 12
    }

    .puco-flex-column--order-mobile-13 {
        order: 13
    }

    .puco-flex-column--order-mobile-14 {
        order: 14
    }

    .puco-flex-column--order-mobile-15 {
        order: 15
    }

    .puco-flex-column--order-mobile-16 {
        order: 16
    }

    .puco-flex-column--order-mobile-17 {
        order: 17
    }

    .puco-flex-column--order-mobile-18 {
        order: 18
    }

    .puco-flex-column--order-mobile-19 {
        order: 19
    }

    .puco-flex-column--order-mobile-20 {
        order: 20
    }
}

@media screen and (min-width:712px) and (max-width:1103px) {
    .puco-flex-column--order-tablet-1 {
        order: 1
    }

    .puco-flex-column--order-tablet-2 {
        order: 2
    }

    .puco-flex-column--order-tablet-3 {
        order: 3
    }

    .puco-flex-column--order-tablet-4 {
        order: 4
    }

    .puco-flex-column--order-tablet-5 {
        order: 5
    }

    .puco-flex-column--order-tablet-6 {
        order: 6
    }

    .puco-flex-column--order-tablet-7 {
        order: 7
    }

    .puco-flex-column--order-tablet-8 {
        order: 8
    }

    .puco-flex-column--order-tablet-9 {
        order: 9
    }

    .puco-flex-column--order-tablet-10 {
        order: 10
    }

    .puco-flex-column--order-tablet-11 {
        order: 11
    }

    .puco-flex-column--order-tablet-12 {
        order: 12
    }

    .puco-flex-column--order-tablet-13 {
        order: 13
    }

    .puco-flex-column--order-tablet-14 {
        order: 14
    }

    .puco-flex-column--order-tablet-15 {
        order: 15
    }

    .puco-flex-column--order-tablet-16 {
        order: 16
    }

    .puco-flex-column--order-tablet-17 {
        order: 17
    }

    .puco-flex-column--order-tablet-18 {
        order: 18
    }

    .puco-flex-column--order-tablet-19 {
        order: 19
    }

    .puco-flex-column--order-tablet-20 {
        order: 20
    }
}

.puco-flex-row {
    display: flex;
    flex-wrap: wrap
}

.puco-flex-row,
.puco-flex-row--direction-row {
    flex-direction: row
}

.puco-flex-row--direction-column {
    flex-direction: column
}

.puco-flex-row--maxWidth {
    width: 100%
}

.puco-container {
    margin: 0 auto;
    box-sizing: border-box;
    position: relative
}

.puco-container--image {
    background-size: cover;
    background-repeat: no-repeat
}

.puco-container--theme-default:not(.puco-container--image) {
    background-color: var(--pd-puco-color-surface-default-background)
}

.puco-container--theme-default:not(.puco-container--image)+.puco-container--theme-default:not(.puco-container--image)>.puco-container__content {
    padding-top: 0
}

.puco-container--theme-default-light:not(.puco-container--image) {
    background-color: var(--pd-puco-color-surface-secondary-background)
}

.puco-container--theme-default-light:not(.puco-container--image)+.puco-container--theme-default-light:not(.puco-container--image)>.puco-container__content {
    padding-top: 0
}

.puco-container--theme-secondary-light:not(.puco-container--image) {
    background-color: var(--pd-puco-color-surface-light-background)
}

.puco-container--theme-secondary-light:not(.puco-container--image)+.puco-container--theme-secondary-light:not(.puco-container--image)>.puco-container__content {
    padding-top: 0
}

.puco-container--theme-secondary-dark:not(.puco-container--image) {
    background-color: var(--pd-puco-color-surface-medium-background)
}

.puco-container--theme-secondary-dark:not(.puco-container--image)+.puco-container--theme-secondary-dark:not(.puco-container--image)>.puco-container__content {
    padding-top: 0
}

.puco-container--curve-top-left {
    border-radius: 400px 0 0 0
}

@media screen and (max-width:1103px) {
    .puco-container--curve-top-left {
        border-radius: 100px 0 0 0
    }
}

.puco-container--curve-top-right {
    border-radius: 0 400px 0 0
}

@media screen and (max-width:1103px) {
    .puco-container--curve-top-right {
        border-radius: 0 100px 0 0
    }
}

.puco-container--curve-bottom-left {
    border-radius: 0 0 0 400px
}

@media screen and (max-width:1103px) {
    .puco-container--curve-bottom-left {
        border-radius: 0 0 0 100px
    }
}

.puco-container--curve-bottom-right {
    border-radius: 0 0 400px 0
}

@media screen and (max-width:1103px) {
    .puco-container--curve-bottom-right {
        border-radius: 0 0 100px 0
    }
}

.puco-container,
.puco-container--width-max-allowed {
    width: 100%;
    max-width: var(--pd-puco-max-container-width)
}

.puco-container--width-full-no-padding {
    max-width: 100%;
    padding-left: 0;
    padding-right: 0
}

.puco-container--width-full {
    max-width: 100%;
    padding-left: calc(50% - var(--pd-puco-max-container-width)/2);
    padding-right: calc(50% - var(--pd-puco-max-container-width)/2)
}

@media screen and (min-width:320px) {
    .puco-container__content {
        padding: var(--pd-puco-spacing-l) 0
    }
}

@media screen and (min-width:713px) {
    .puco-container__content {
        padding: var(--pd-puco-spacing-l) 20px
    }
}

@media screen and (min-width:1104px) {
    .puco-container__content {
        padding: var(--pd-puco-spacing-xl) 24px
    }
}

@media screen and (min-width:1400px) {
    .puco-container__content {
        padding: var(--pd-puco-spacing-xl) 28px
    }
}

@media screen and (min-width:1600px) {
    .puco-container__content {
        padding: var(--pd-puco-spacing-xl) 32px
    }
}

.puco-container__content--padding-small {
    padding: var(--pd-puco-spacing-l)
}

@media screen and (max-width:712px) {
    .puco-container__content--padding-small {
        padding: var(--pd-puco-spacing-l) var(--pd-puco-spacing-none)
    }
}

.puco-container__content--padding-none {
    padding: var(--pd-puco-spacing-none)
}

.puco-container__content--padding-none-bottom {
    padding-bottom: var(--pd-puco-spacing-none)
}

.puco-container__content--padding-none-top {
    padding-top: var(--pd-puco-spacing-none)
}

.puco-container__content--padding-none-vertical {
    padding-top: var(--pd-puco-spacing-none);
    padding-bottom: var(--pd-puco-spacing-none)
}

.puco-container__content--padding-none-horizontal {
    padding-left: var(--pd-puco-spacing-none);
    padding-right: var(--pd-puco-spacing-none)
}

.puco-container__content--padding-half-bottom {
    padding-bottom: var(--pd-puco-spacing-l)
}

.puco-container__content--padding-half-top {
    padding-top: var(--pd-puco-spacing-l)
}

.puco-container--theme-secondary-light {
    overflow-x: clip
}

.puco-container--theme-secondary-light .puco-container__content {
    position: relative
}

.puco-container--theme-secondary-light .lazyload-wrapper {
    display: flex
}

.puco-container--theme-secondary-dark {
    overflow-x: clip
}

.puco-container--theme-secondary-dark .puco-container__content {
    position: relative
}

.puco-container--theme-secondary-dark h1.puco-heading {
    color: var(--pd-color-text-primary-inverted)
}

.puco-container__icon {
    position: absolute
}

.puco-container__icon--secondary-dark-v1-a,
.puco-container__icon--secondary-light-v1-a {
    left: 70%;
    height: 100%;
    right: 0;
    bottom: 0
}

@media screen and (min-width:1400px) {

    .puco-container__icon--secondary-dark-v1-a,
    .puco-container__icon--secondary-light-v1-a {
        left: auto
    }
}

.puco-container__icon--secondary-dark-v2-a,
.puco-container__icon--secondary-light-v2-a {
    right: 0;
    bottom: 0;
    max-height: 100%;
    width: 100%;
    min-width: 1400px
}

.puco-container__icon--secondary-dark-v3-a,
.puco-container__icon--secondary-light-v3-a {
    left: 70%;
    height: 100%;
    right: 0;
    bottom: 0
}

@media screen and (min-width:1400px) {

    .puco-container__icon--secondary-dark-v3-a,
    .puco-container__icon--secondary-light-v3-a {
        left: auto
    }
}

.puco-container__icon--secondary-dark-v3-b,
.puco-container__icon--secondary-light-v3-b {
    right: 70%;
    left: -1px;
    bottom: 0
}

@media screen and (min-width:1400px) {

    .puco-container__icon--secondary-dark-v3-b,
    .puco-container__icon--secondary-light-v3-b {
        right: auto
    }
}

.puco-header-container+.puco-container .puco-container__content,
.puco-sidebar+.puco-container .puco-container__content {
    padding-top: var(--pd-puco-spacing-l)
}

@media screen and (max-width:1103px) {

    .puco-header-container+.puco-container .puco-container__content,
    .puco-sidebar+.puco-container .puco-container__content {
        padding-top: var(--pd-puco-spacing-m)
    }
}

.puco-spacing {
    padding: var(--pd-puco-spacing-none)
}

.puco-spacing--inherit-display {
    display: inherit;
    flex-direction: inherit;
    flex: inherit;
    align-items: inherit;
    justify-content: inherit;
    flex-wrap: inherit
}

@media screen and (max-width:712px) {
    .puco-spacing--maxWidth {
        width: 100%
    }
}

.puco-spacing--block {
    display: block
}

.puco-spacing--inline {
    display: inline
}

.puco-spacing--inline-block {
    display: inline-block
}

.puco-spacing--flex {
    display: flex
}

.puco-spacing--inline-flex {
    display: inline-flex
}

@media screen and (min-width:320px) {
    .puco-spacing--right-xs-none {
        padding-right: var(--pd-puco-spacing-none)
    }

    .puco-spacing--horizontal-xs-none,
    .puco-spacing--left-xs-none {
        padding-left: var(--pd-puco-spacing-none)
    }

    .puco-spacing--horizontal-xs-none {
        padding-right: var(--pd-puco-spacing-none)
    }

    .puco-spacing--right-xs-xs {
        padding-right: var(--pd-puco-spacing-xs)
    }

    .puco-spacing--horizontal-xs-xs,
    .puco-spacing--left-xs-xs {
        padding-left: var(--pd-puco-spacing-xs)
    }

    .puco-spacing--horizontal-xs-xs {
        padding-right: var(--pd-puco-spacing-xs)
    }

    .puco-spacing--right-xs-s {
        padding-right: var(--pd-puco-spacing-s)
    }

    .puco-spacing--horizontal-xs-s,
    .puco-spacing--left-xs-s {
        padding-left: var(--pd-puco-spacing-s)
    }

    .puco-spacing--horizontal-xs-s {
        padding-right: var(--pd-puco-spacing-s)
    }

    .puco-spacing--right-xs-m {
        padding-right: var(--pd-puco-spacing-m)
    }

    .puco-spacing--horizontal-xs-m,
    .puco-spacing--left-xs-m {
        padding-left: var(--pd-puco-spacing-m)
    }

    .puco-spacing--horizontal-xs-m {
        padding-right: var(--pd-puco-spacing-m)
    }

    .puco-spacing--right-xs-l {
        padding-right: var(--pd-puco-spacing-l)
    }

    .puco-spacing--horizontal-xs-l,
    .puco-spacing--left-xs-l {
        padding-left: var(--pd-puco-spacing-l)
    }

    .puco-spacing--horizontal-xs-l {
        padding-right: var(--pd-puco-spacing-l)
    }

    .puco-spacing--top-xs-none {
        padding-top: var(--pd-puco-spacing-none)
    }

    .puco-spacing--bottom-xs-none,
    .puco-spacing--vertical-xs-none {
        padding-bottom: var(--pd-puco-spacing-none)
    }

    .puco-spacing--vertical-xs-none {
        padding-top: var(--pd-puco-spacing-none)
    }

    .puco-spacing--top-xs-s {
        padding-top: var(--pd-puco-spacing-s)
    }

    .puco-spacing--bottom-xs-s,
    .puco-spacing--vertical-xs-s {
        padding-bottom: var(--pd-puco-spacing-s)
    }

    .puco-spacing--vertical-xs-s {
        padding-top: var(--pd-puco-spacing-s)
    }

    .puco-spacing--top-xs-m {
        padding-top: var(--pd-puco-spacing-m)
    }

    .puco-spacing--bottom-xs-m,
    .puco-spacing--vertical-xs-m {
        padding-bottom: var(--pd-puco-spacing-m)
    }

    .puco-spacing--vertical-xs-m {
        padding-top: var(--pd-puco-spacing-m)
    }

    .puco-spacing--top-xs-l {
        padding-top: var(--pd-puco-spacing-l)
    }

    .puco-spacing--bottom-xs-l,
    .puco-spacing--vertical-xs-l {
        padding-bottom: var(--pd-puco-spacing-l)
    }

    .puco-spacing--vertical-xs-l {
        padding-top: var(--pd-puco-spacing-l)
    }

    .puco-spacing--top-xs-xl {
        padding-top: var(--pd-puco-spacing-xl)
    }

    .puco-spacing--bottom-xs-xl,
    .puco-spacing--vertical-xs-xl {
        padding-bottom: var(--pd-puco-spacing-xl)
    }

    .puco-spacing--vertical-xs-xl {
        padding-top: var(--pd-puco-spacing-xl)
    }
}

@media screen and (min-width:713px) {
    .puco-spacing--right-s-none {
        padding-right: var(--pd-puco-spacing-none)
    }

    .puco-spacing--horizontal-s-none,
    .puco-spacing--left-s-none {
        padding-left: var(--pd-puco-spacing-none)
    }

    .puco-spacing--horizontal-s-none {
        padding-right: var(--pd-puco-spacing-none)
    }

    .puco-spacing--right-s-xs {
        padding-right: var(--pd-puco-spacing-xs)
    }

    .puco-spacing--horizontal-s-xs,
    .puco-spacing--left-s-xs {
        padding-left: var(--pd-puco-spacing-xs)
    }

    .puco-spacing--horizontal-s-xs {
        padding-right: var(--pd-puco-spacing-xs)
    }

    .puco-spacing--right-s-s {
        padding-right: var(--pd-puco-spacing-s)
    }

    .puco-spacing--horizontal-s-s,
    .puco-spacing--left-s-s {
        padding-left: var(--pd-puco-spacing-s)
    }

    .puco-spacing--horizontal-s-s {
        padding-right: var(--pd-puco-spacing-s)
    }

    .puco-spacing--right-s-m {
        padding-right: var(--pd-puco-spacing-m)
    }

    .puco-spacing--horizontal-s-m,
    .puco-spacing--left-s-m {
        padding-left: var(--pd-puco-spacing-m)
    }

    .puco-spacing--horizontal-s-m {
        padding-right: var(--pd-puco-spacing-m)
    }

    .puco-spacing--right-s-l {
        padding-right: var(--pd-puco-spacing-l)
    }

    .puco-spacing--horizontal-s-l,
    .puco-spacing--left-s-l {
        padding-left: var(--pd-puco-spacing-l)
    }

    .puco-spacing--horizontal-s-l {
        padding-right: var(--pd-puco-spacing-l)
    }

    .puco-spacing--top-s-none {
        padding-top: var(--pd-puco-spacing-none)
    }

    .puco-spacing--bottom-s-none,
    .puco-spacing--vertical-s-none {
        padding-bottom: var(--pd-puco-spacing-none)
    }

    .puco-spacing--vertical-s-none {
        padding-top: var(--pd-puco-spacing-none)
    }

    .puco-spacing--top-s-s {
        padding-top: var(--pd-puco-spacing-s)
    }

    .puco-spacing--bottom-s-s,
    .puco-spacing--vertical-s-s {
        padding-bottom: var(--pd-puco-spacing-s)
    }

    .puco-spacing--vertical-s-s {
        padding-top: var(--pd-puco-spacing-s)
    }

    .puco-spacing--top-s-m {
        padding-top: var(--pd-puco-spacing-m)
    }

    .puco-spacing--bottom-s-m,
    .puco-spacing--vertical-s-m {
        padding-bottom: var(--pd-puco-spacing-m)
    }

    .puco-spacing--vertical-s-m {
        padding-top: var(--pd-puco-spacing-m)
    }

    .puco-spacing--top-s-l {
        padding-top: var(--pd-puco-spacing-l)
    }

    .puco-spacing--bottom-s-l,
    .puco-spacing--vertical-s-l {
        padding-bottom: var(--pd-puco-spacing-l)
    }

    .puco-spacing--vertical-s-l {
        padding-top: var(--pd-puco-spacing-l)
    }

    .puco-spacing--top-s-xl {
        padding-top: var(--pd-puco-spacing-xl)
    }

    .puco-spacing--bottom-s-xl,
    .puco-spacing--vertical-s-xl {
        padding-bottom: var(--pd-puco-spacing-xl)
    }

    .puco-spacing--vertical-s-xl {
        padding-top: var(--pd-puco-spacing-xl)
    }
}

@media screen and (min-width:1104px) {
    .puco-spacing--right-m-none {
        padding-right: var(--pd-puco-spacing-none)
    }

    .puco-spacing--horizontal-m-none,
    .puco-spacing--left-m-none {
        padding-left: var(--pd-puco-spacing-none)
    }

    .puco-spacing--horizontal-m-none {
        padding-right: var(--pd-puco-spacing-none)
    }

    .puco-spacing--right-m-xs {
        padding-right: var(--pd-puco-spacing-xs)
    }

    .puco-spacing--horizontal-m-xs,
    .puco-spacing--left-m-xs {
        padding-left: var(--pd-puco-spacing-xs)
    }

    .puco-spacing--horizontal-m-xs {
        padding-right: var(--pd-puco-spacing-xs)
    }

    .puco-spacing--right-m-s {
        padding-right: var(--pd-puco-spacing-s)
    }

    .puco-spacing--horizontal-m-s,
    .puco-spacing--left-m-s {
        padding-left: var(--pd-puco-spacing-s)
    }

    .puco-spacing--horizontal-m-s {
        padding-right: var(--pd-puco-spacing-s)
    }

    .puco-spacing--right-m-m {
        padding-right: var(--pd-puco-spacing-m)
    }

    .puco-spacing--horizontal-m-m,
    .puco-spacing--left-m-m {
        padding-left: var(--pd-puco-spacing-m)
    }

    .puco-spacing--horizontal-m-m {
        padding-right: var(--pd-puco-spacing-m)
    }

    .puco-spacing--right-m-l {
        padding-right: var(--pd-puco-spacing-l)
    }

    .puco-spacing--horizontal-m-l,
    .puco-spacing--left-m-l {
        padding-left: var(--pd-puco-spacing-l)
    }

    .puco-spacing--horizontal-m-l {
        padding-right: var(--pd-puco-spacing-l)
    }

    .puco-spacing--top-m-none {
        padding-top: var(--pd-puco-spacing-none)
    }

    .puco-spacing--bottom-m-none,
    .puco-spacing--vertical-m-none {
        padding-bottom: var(--pd-puco-spacing-none)
    }

    .puco-spacing--vertical-m-none {
        padding-top: var(--pd-puco-spacing-none)
    }

    .puco-spacing--top-m-s {
        padding-top: var(--pd-puco-spacing-s)
    }

    .puco-spacing--bottom-m-s,
    .puco-spacing--vertical-m-s {
        padding-bottom: var(--pd-puco-spacing-s)
    }

    .puco-spacing--vertical-m-s {
        padding-top: var(--pd-puco-spacing-s)
    }

    .puco-spacing--top-m-m {
        padding-top: var(--pd-puco-spacing-m)
    }

    .puco-spacing--bottom-m-m,
    .puco-spacing--vertical-m-m {
        padding-bottom: var(--pd-puco-spacing-m)
    }

    .puco-spacing--vertical-m-m {
        padding-top: var(--pd-puco-spacing-m)
    }

    .puco-spacing--top-m-l {
        padding-top: var(--pd-puco-spacing-l)
    }

    .puco-spacing--bottom-m-l,
    .puco-spacing--vertical-m-l {
        padding-bottom: var(--pd-puco-spacing-l)
    }

    .puco-spacing--vertical-m-l {
        padding-top: var(--pd-puco-spacing-l)
    }

    .puco-spacing--top-m-xl {
        padding-top: var(--pd-puco-spacing-xl)
    }

    .puco-spacing--bottom-m-xl,
    .puco-spacing--vertical-m-xl {
        padding-bottom: var(--pd-puco-spacing-xl)
    }

    .puco-spacing--vertical-m-xl {
        padding-top: var(--pd-puco-spacing-xl)
    }
}

@media screen and (min-width:1400px) {
    .puco-spacing--right-l-none {
        padding-right: var(--pd-puco-spacing-none)
    }

    .puco-spacing--horizontal-l-none,
    .puco-spacing--left-l-none {
        padding-left: var(--pd-puco-spacing-none)
    }

    .puco-spacing--horizontal-l-none {
        padding-right: var(--pd-puco-spacing-none)
    }

    .puco-spacing--right-l-xs {
        padding-right: var(--pd-puco-spacing-xs)
    }

    .puco-spacing--horizontal-l-xs,
    .puco-spacing--left-l-xs {
        padding-left: var(--pd-puco-spacing-xs)
    }

    .puco-spacing--horizontal-l-xs {
        padding-right: var(--pd-puco-spacing-xs)
    }

    .puco-spacing--right-l-s {
        padding-right: var(--pd-puco-spacing-s)
    }

    .puco-spacing--horizontal-l-s,
    .puco-spacing--left-l-s {
        padding-left: var(--pd-puco-spacing-s)
    }

    .puco-spacing--horizontal-l-s {
        padding-right: var(--pd-puco-spacing-s)
    }

    .puco-spacing--right-l-m {
        padding-right: var(--pd-puco-spacing-m)
    }

    .puco-spacing--horizontal-l-m,
    .puco-spacing--left-l-m {
        padding-left: var(--pd-puco-spacing-m)
    }

    .puco-spacing--horizontal-l-m {
        padding-right: var(--pd-puco-spacing-m)
    }

    .puco-spacing--right-l-l {
        padding-right: var(--pd-puco-spacing-l)
    }

    .puco-spacing--horizontal-l-l,
    .puco-spacing--left-l-l {
        padding-left: var(--pd-puco-spacing-l)
    }

    .puco-spacing--horizontal-l-l {
        padding-right: var(--pd-puco-spacing-l)
    }

    .puco-spacing--top-l-none {
        padding-top: var(--pd-puco-spacing-none)
    }

    .puco-spacing--bottom-l-none,
    .puco-spacing--vertical-l-none {
        padding-bottom: var(--pd-puco-spacing-none)
    }

    .puco-spacing--vertical-l-none {
        padding-top: var(--pd-puco-spacing-none)
    }

    .puco-spacing--top-l-s {
        padding-top: var(--pd-puco-spacing-s)
    }

    .puco-spacing--bottom-l-s,
    .puco-spacing--vertical-l-s {
        padding-bottom: var(--pd-puco-spacing-s)
    }

    .puco-spacing--vertical-l-s {
        padding-top: var(--pd-puco-spacing-s)
    }

    .puco-spacing--top-l-m {
        padding-top: var(--pd-puco-spacing-m)
    }

    .puco-spacing--bottom-l-m,
    .puco-spacing--vertical-l-m {
        padding-bottom: var(--pd-puco-spacing-m)
    }

    .puco-spacing--vertical-l-m {
        padding-top: var(--pd-puco-spacing-m)
    }

    .puco-spacing--top-l-l {
        padding-top: var(--pd-puco-spacing-l)
    }

    .puco-spacing--bottom-l-l,
    .puco-spacing--vertical-l-l {
        padding-bottom: var(--pd-puco-spacing-l)
    }

    .puco-spacing--vertical-l-l {
        padding-top: var(--pd-puco-spacing-l)
    }

    .puco-spacing--top-l-xl {
        padding-top: var(--pd-puco-spacing-xl)
    }

    .puco-spacing--bottom-l-xl,
    .puco-spacing--vertical-l-xl {
        padding-bottom: var(--pd-puco-spacing-xl)
    }

    .puco-spacing--vertical-l-xl {
        padding-top: var(--pd-puco-spacing-xl)
    }
}

@media screen and (min-width:1600px) {
    .puco-spacing--right-xl-none {
        padding-right: var(--pd-puco-spacing-none)
    }

    .puco-spacing--horizontal-xl-none,
    .puco-spacing--left-xl-none {
        padding-left: var(--pd-puco-spacing-none)
    }

    .puco-spacing--horizontal-xl-none {
        padding-right: var(--pd-puco-spacing-none)
    }

    .puco-spacing--right-xl-xs {
        padding-right: var(--pd-puco-spacing-xs)
    }

    .puco-spacing--horizontal-xl-xs,
    .puco-spacing--left-xl-xs {
        padding-left: var(--pd-puco-spacing-xs)
    }

    .puco-spacing--horizontal-xl-xs {
        padding-right: var(--pd-puco-spacing-xs)
    }

    .puco-spacing--right-xl-s {
        padding-right: var(--pd-puco-spacing-s)
    }

    .puco-spacing--horizontal-xl-s,
    .puco-spacing--left-xl-s {
        padding-left: var(--pd-puco-spacing-s)
    }

    .puco-spacing--horizontal-xl-s {
        padding-right: var(--pd-puco-spacing-s)
    }

    .puco-spacing--right-xl-m {
        padding-right: var(--pd-puco-spacing-m)
    }

    .puco-spacing--horizontal-xl-m,
    .puco-spacing--left-xl-m {
        padding-left: var(--pd-puco-spacing-m)
    }

    .puco-spacing--horizontal-xl-m {
        padding-right: var(--pd-puco-spacing-m)
    }

    .puco-spacing--right-xl-l {
        padding-right: var(--pd-puco-spacing-l)
    }

    .puco-spacing--horizontal-xl-l,
    .puco-spacing--left-xl-l {
        padding-left: var(--pd-puco-spacing-l)
    }

    .puco-spacing--horizontal-xl-l {
        padding-right: var(--pd-puco-spacing-l)
    }

    .puco-spacing--top-xl-none {
        padding-top: var(--pd-puco-spacing-none)
    }

    .puco-spacing--bottom-xl-none,
    .puco-spacing--vertical-xl-none {
        padding-bottom: var(--pd-puco-spacing-none)
    }

    .puco-spacing--vertical-xl-none {
        padding-top: var(--pd-puco-spacing-none)
    }

    .puco-spacing--top-xl-s {
        padding-top: var(--pd-puco-spacing-s)
    }

    .puco-spacing--bottom-xl-s,
    .puco-spacing--vertical-xl-s {
        padding-bottom: var(--pd-puco-spacing-s)
    }

    .puco-spacing--vertical-xl-s {
        padding-top: var(--pd-puco-spacing-s)
    }

    .puco-spacing--top-xl-m {
        padding-top: var(--pd-puco-spacing-m)
    }

    .puco-spacing--bottom-xl-m,
    .puco-spacing--vertical-xl-m {
        padding-bottom: var(--pd-puco-spacing-m)
    }

    .puco-spacing--vertical-xl-m {
        padding-top: var(--pd-puco-spacing-m)
    }

    .puco-spacing--top-xl-l {
        padding-top: var(--pd-puco-spacing-l)
    }

    .puco-spacing--bottom-xl-l,
    .puco-spacing--vertical-xl-l {
        padding-bottom: var(--pd-puco-spacing-l)
    }

    .puco-spacing--vertical-xl-l {
        padding-top: var(--pd-puco-spacing-l)
    }

    .puco-spacing--top-xl-xl {
        padding-top: var(--pd-puco-spacing-xl)
    }

    .puco-spacing--bottom-xl-xl,
    .puco-spacing--vertical-xl-xl {
        padding-bottom: var(--pd-puco-spacing-xl)
    }

    .puco-spacing--vertical-xl-xl {
        padding-top: var(--pd-puco-spacing-xl)
    }
}

.puco-content-spacing {
    display: inherit;
    flex-direction: inherit;
    flex: inherit;
    align-items: inherit;
    justify-content: inherit;
    flex-wrap: inherit
}

@media screen and (min-width:713px) {
    .puco-content-spacing {
        padding-left: var(--pd-puco-spacing-m);
        padding-right: var(--pd-puco-spacing-m)
    }
}

@media screen and (min-width:1104px) {
    .puco-content-spacing {
        padding-left: var(--pd-puco-spacing-l);
        padding-right: var(--pd-puco-spacing-l)
    }
}

.puco-button {
    padding: var(--pd-puco-spacing-none) var(--pd-puco-spacing-m);
    font-weight: var(--pd-puco-font-button-font-weight);
    border: none;
    outline: none;
    cursor: pointer;
    text-decoration: none;
    transition: background-color .15s ease-in-out;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
    box-sizing: border-box;
    border-radius: var(--pd-radius-m)
}

.puco-button--width-auto {
    width: auto
}

.puco-button--width-full {
    width: 100%;
    min-width: 0
}

.puco-button--width-full-in-mobile {
    width: auto
}

@media screen and (max-width:712px) {
    .puco-button--width-full-in-mobile {
        width: 100%
    }
}

.puco-button,
.puco-button--primary {
    color: var(--pd-color-text-primary-inverted);
    background-color: var(--pd-color-primary-default)
}

.puco-button,
.puco-button .puco-icon,
.puco-button--primary,
.puco-button--primary .puco-icon {
    fill: var(--pd-color-text-primary-inverted)
}

.puco-button--primary:active,
.puco-button--primary:focus,
.puco-button--primary:hover,
.puco-button:active,
.puco-button:focus,
.puco-button:hover {
    background-color: var(--pd-color-primary-strong)
}

.puco-button--primary.puco-button--disabled {
    cursor: not-allowed;
    color: var(--pd-color-text-primary-inverted);
    background-color: var(--pd-puco-color-primary-mid)
}

.puco-button--primary.puco-button--disabled,
.puco-button--primary.puco-button--disabled .puco-icon {
    fill: var(--pd-color-text-primary-inverted)
}

.puco-button--primary.puco-button--disabled:active,
.puco-button--primary.puco-button--disabled:focus,
.puco-button--primary.puco-button--disabled:hover {
    background-color: var(--pd-puco-color-primary-mid)
}

.puco-button--secondary,
.puco-button--secondary.puco-button--color-default {
    color: var(--pd-puco-color-text-buttons);
    background-color: var(--pd-puco-color-primary-secondary);
    fill: var(--pd-puco-color-text-buttons)
}

.puco-button--secondary .puco-icon,
.puco-button--secondary.puco-button--color-default .puco-icon {
    fill: var(--pd-puco-color-text-buttons)
}

.puco-button--secondary.puco-button--color-default:active,
.puco-button--secondary.puco-button--color-default:focus,
.puco-button--secondary.puco-button--color-default:hover,
.puco-button--secondary:active,
.puco-button--secondary:focus,
.puco-button--secondary:hover {
    background-color: var(--pd-puco-color-primary-mid)
}

.puco-button--secondary.puco-button--color-inverted {
    color: var(--pd-puco-color-text-buttons);
    background-color: var(--pd-puco-color-fill-white);
    fill: var(--pd-puco-color-text-buttons)
}

.puco-button--secondary.puco-button--color-inverted .puco-icon {
    fill: var(--pd-puco-color-text-buttons)
}

.puco-button--secondary.puco-button--color-inverted:active,
.puco-button--secondary.puco-button--color-inverted:focus,
.puco-button--secondary.puco-button--color-inverted:hover {
    background-color: var(--pd-puco-color-primary-secondary)
}

.puco-button--secondary.puco-button--disabled {
    cursor: not-allowed;
    color: var(--pd-color-text-primary-inverted);
    background-color: var(--pd-puco-color-primary-mid)
}

.puco-button--secondary.puco-button--disabled,
.puco-button--secondary.puco-button--disabled .puco-icon {
    fill: var(--pd-color-text-primary-inverted)
}

.puco-button--secondary.puco-button--disabled:active,
.puco-button--secondary.puco-button--disabled:focus,
.puco-button--secondary.puco-button--disabled:hover {
    background-color: var(--pd-puco-color-primary-mid)
}

.puco-button--social {
    color: var(--pd-color-icon-secondary);
    background-color: var(--pd-puco-color-fill-white)
}

.puco-button--social,
.puco-button--social .puco-icon {
    fill: var(--pd-color-icon-secondary)
}

.puco-button--social:active,
.puco-button--social:focus,
.puco-button--social:hover {
    background-color: var(--pd-puco-color-primary-secondary)
}

.puco-button--social {
    font-weight: var(--pd-puco-font-website-body-s-font-weight);
    border: 1px solid var(--pd-puco-color-divider-primary)
}

.puco-button>.puco-icon:first-child:not(:only-child) {
    margin-right: var(--pd-puco-spacing-s)
}

.puco-button>.puco-icon:last-child:not(:only-child) {
    margin-left: var(--pd-puco-spacing-s)
}

.puco-button,
.puco-button--size-l {
    font-size: var(--pd-puco-font-button-l-font-size);
    line-height: var(--pd-puco-font-button-l-line-height);
    padding: 12px var(--pd-puco-spacing-m)
}

.puco-button svg.puco-icon,
.puco-button--size-l svg.puco-icon {
    height: var(--pd-puco-size-icon-s);
    min-width: var(--pd-puco-size-icon-s);
    width: auto
}

.puco-button--size-m {
    font-size: var(--pd-puco-font-button-m-font-size);
    line-height: var(--pd-puco-font-button-m-line-height);
    padding: 9px var(--pd-puco-spacing-m)
}

.puco-button--size-m svg.puco-icon {
    height: var(--pd-puco-size-icon-xs);
    min-width: var(--pd-puco-size-icon-xs);
    width: auto
}

.puco-button--size-s {
    font-size: var(--pd-puco-font-button-s-font-size);
    line-height: var(--pd-puco-font-button-s-line-height);
    padding: 7px var(--pd-puco-spacing-s)
}

.puco-button--size-s svg.puco-icon {
    height: var(--pd-puco-size-icon-xxs);
    min-width: var(--pd-puco-size-icon-xxs);
    width: auto
}

.puco-checkbox-container {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    display: flex;
    font-size: var(--pd-puco-font-website-body-s-font-size);
    line-height: var(--pd-puco-font-website-body-s-line-height)
}

.puco-checkbox-container input[type=checkbox] {
    position: absolute;
    -webkit-clip-path: rect(0 auto 0 auto);
    clip-path: rect(0 auto 0 auto)
}

.puco-checkbox-container input[type=checkbox]:active~.puco-checkbox__checkmark {
    box-shadow: inset 0 0 0 2px var(--pd-color-active-default)
}

.puco-checkbox-container input[type=checkbox]:focus~.puco-checkbox__checkmark {
    outline: 2px solid #5d9dd5;
    box-shadow: 0 0 8px #5e9ed6;
    z-index: 1
}

.puco-checkbox-container input[type=checkbox]:active~.puco-checkbox__checkmark--theme-dark {
    box-shadow: inset 0 0 0 2px var(--pd-color-icon-primary-inverted)
}

.puco-checkbox-container input[type=checkbox]:checked~.puco-checkbox__checkmark {
    background: var(--pd-color-active-default);
    fill: var(--pd-color-icon-primary-inverted);
    box-shadow: inset 0 0 0 2px var(--pd-color-active-default)
}

.puco-checkbox-container input[type=checkbox]:checked~.puco-checkbox__checkmark--theme-dark {
    background: var(--pd-color-icon-primary-inverted);
    box-shadow: inset 0 0 0 2px var(--pd-color-icon-primary-inverted);
    fill: var(--pd-color-icon-primary)
}

.puco-checkbox__checkmark {
    margin-right: var(--pd-puco-spacing-s);
    display: inline-block;
    box-sizing: border-box;
    box-shadow: inset 0 0 0 2px var(--pd-puco-color-icon-third);
    height: 20px;
    width: 20px;
    border-radius: var(--pd-radius-s);
    padding: 2px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    fill: none;
    flex: 0 0 auto
}

.puco-checkbox__text-content {
    display: flex;
    flex-direction: column
}

.puco-checkbox__text-content__label {
    display: flex;
    color: var(--pd-color-text-primary);
    text-align: left
}

.puco-checkbox__text-content__label--theme-dark {
    color: var(--pd-color-text-primary-inverted)
}

.puco-checkbox__text-content__message {
    color: var(--pd-color-text-secondary);
    font-size: var(--pd-puco-font-website-body-xs-font-size);
    line-height: var(--pd-puco-font-website-body-xs-line-height);
    text-align: left
}

.puco-checkbox__text-content__message--error {
    color: var(--pd-color-text-negative)
}

.puco-icon {
    width: 100%;
    min-width: 100%
}

.puco-icon-xxl,
.puco-icon-xxl svg {
    width: var(--pd-puco-size-icon-xxl);
    min-width: var(--pd-puco-size-icon-xxl);
    height: var(--pd-puco-size-icon-xxl);
    min-height: var(--pd-puco-size-icon-xxl)
}

.puco-icon-xl,
.puco-icon-xl svg {
    width: var(--pd-puco-size-icon-xl);
    min-width: var(--pd-puco-size-icon-xl);
    height: var(--pd-puco-size-icon-xl);
    min-height: var(--pd-puco-size-icon-xl)
}

.puco-icon-l,
.puco-icon-l svg {
    width: var(--pd-puco-size-icon-l);
    min-width: var(--pd-puco-size-icon-l);
    height: var(--pd-puco-size-icon-l);
    min-height: var(--pd-puco-size-icon-l)
}

.puco-icon-m,
.puco-icon-m svg {
    width: var(--pd-puco-size-icon-m);
    min-width: var(--pd-puco-size-icon-m);
    height: var(--pd-puco-size-icon-m);
    min-height: var(--pd-puco-size-icon-m)
}

.puco-icon-s,
.puco-icon-s svg {
    width: var(--pd-puco-size-icon-s);
    min-width: var(--pd-puco-size-icon-s);
    height: var(--pd-puco-size-icon-s);
    min-height: var(--pd-puco-size-icon-s)
}

.puco-icon-xs,
.puco-icon-xs svg {
    width: var(--pd-puco-size-icon-xs);
    min-width: var(--pd-puco-size-icon-xs);
    height: var(--pd-puco-size-icon-xs);
    min-height: var(--pd-puco-size-icon-xs)
}

.puco-icon-xxs,
.puco-icon-xxs svg {
    width: var(--pd-puco-size-icon-xxs);
    min-width: var(--pd-puco-size-icon-xxs);
    height: var(--pd-puco-size-icon-xxs);
    min-height: var(--pd-puco-size-icon-xxs)
}

.puco-icon--bg {
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center
}

.puco-icon--bg,
.puco-icon--bg-light {
    background-color: var(--pd-puco-color-fill-extra-light)
}

.puco-icon--bg-dark {
    background-color: var(--pd-puco-color-fill-black-static)
}

.puco-icon--bg-brand,
.puco-icon--bg-green {
    background-color: var(--pd-color-primary-default)
}

.puco-icon--bg-xxl {
    width: var(--pd-puco-size-icon-xxl);
    min-width: var(--pd-puco-size-icon-xxl);
    height: var(--pd-puco-size-icon-xxl);
    min-height: var(--pd-puco-size-icon-xxl)
}

.puco-icon--bg-xxl svg {
    width: var(--pd-puco-icon-svg-size-xxl);
    height: var(--pd-puco-icon-svg-size-xxl);
    min-width: var(--pd-puco-icon-svg-size-xxl);
    min-height: var(--pd-puco-icon-svg-size-xxl)
}

.puco-icon--bg-xl {
    width: var(--pd-puco-size-icon-xl);
    min-width: var(--pd-puco-size-icon-xl);
    height: var(--pd-puco-size-icon-xl);
    min-height: var(--pd-puco-size-icon-xl)
}

.puco-icon--bg-xl svg {
    width: var(--pd-puco-icon-svg-size-xl);
    height: var(--pd-puco-icon-svg-size-xl);
    min-width: var(--pd-puco-icon-svg-size-xl);
    min-height: var(--pd-puco-icon-svg-size-xl)
}

.puco-icon--bg-l {
    width: var(--pd-puco-size-icon-l);
    min-width: var(--pd-puco-size-icon-l);
    height: var(--pd-puco-size-icon-l);
    min-height: var(--pd-puco-size-icon-l)
}

.puco-icon--bg-l svg {
    width: var(--pd-puco-icon-svg-size-l);
    height: var(--pd-puco-icon-svg-size-l);
    min-width: var(--pd-puco-icon-svg-size-l);
    min-height: var(--pd-puco-icon-svg-size-l)
}

.puco-icon--bg-m {
    width: var(--pd-puco-size-icon-m);
    min-width: var(--pd-puco-size-icon-m);
    height: var(--pd-puco-size-icon-m);
    min-height: var(--pd-puco-size-icon-m)
}

.puco-icon--bg-m svg {
    width: var(--pd-puco-icon-svg-size-m);
    height: var(--pd-puco-icon-svg-size-m);
    min-width: var(--pd-puco-icon-svg-size-m);
    min-height: var(--pd-puco-icon-svg-size-m)
}

.puco-icon--bg-s {
    width: var(--pd-puco-size-icon-s);
    min-width: var(--pd-puco-size-icon-s);
    height: var(--pd-puco-size-icon-s);
    min-height: var(--pd-puco-size-icon-s)
}

.puco-icon--bg-s svg {
    width: var(--pd-puco-icon-svg-size-m);
    height: var(--pd-puco-icon-svg-size-m);
    min-width: var(--pd-puco-icon-svg-size-m);
    min-height: var(--pd-puco-icon-svg-size-m)
}

.puco-icon--bg-xs {
    width: var(--pd-puco-size-icon-xs);
    min-width: var(--pd-puco-size-icon-xs);
    height: var(--pd-puco-size-icon-xs);
    min-height: var(--pd-puco-size-icon-xs)
}

.puco-icon--bg-xs svg {
    width: var(--pd-puco-icon-svg-size-m);
    height: var(--pd-puco-icon-svg-size-m);
    min-width: var(--pd-puco-icon-svg-size-m);
    min-height: var(--pd-puco-icon-svg-size-m)
}

.puco-icon--bg-xxs {
    width: var(--pd-puco-size-icon-xxs);
    min-width: var(--pd-puco-size-icon-xxs);
    height: var(--pd-puco-size-icon-xxs);
    min-height: var(--pd-puco-size-icon-xxs)
}

.puco-icon--bg-xxs svg {
    width: var(--pd-puco-icon-svg-size-m);
    height: var(--pd-puco-icon-svg-size-m);
    min-width: var(--pd-puco-icon-svg-size-m);
    min-height: var(--pd-puco-icon-svg-size-m)
}

.puco-heading:not(.puco-heading--no-spacing):not(span) {
    margin-block-start: 0;
    margin-block-end: 0;
    margin-top: 0;
    margin-bottom: 0
}

.puco-heading:not(.puco-heading--no-spacing):not(span)+:not(.puco-text):not(.puco-heading):not(.puco-link):not(.puco-list):not(.puco-icon):not(.puco-tooltip):not(.puco-tooltipLite):not(.puco-price):not(ul):not(ol) {
    margin-top: var(--pd-puco-spacing-l)
}

.puco-heading:not(.puco-heading--no-spacing):not(span)+.puco-heading,
.puco-heading:not(.puco-heading--no-spacing):not(span)+.puco-link,
.puco-heading:not(.puco-heading--no-spacing):not(span)+.puco-text {
    margin-top: var(--pd-puco-spacing-m)
}

.puco-heading--h1.puco-heading--h1,
h1.puco-heading {
    font-size: var(--pd-puco-font-website-h1-desktop-font-size);
    line-height: var(--pd-puco-font-website-h1-desktop-line-height);
    color: var(--pd-color-text-positive);
    font-family: Haffer, Haffer Fallback, sans-serif
}

.puco-heading--h2.puco-heading--h2,
h2.puco-heading {
    font-size: var(--pd-puco-font-website-h2-desktop-font-size);
    line-height: var(--pd-puco-font-website-h2-desktop-line-height);
    color: var(--pd-color-text-primary)
}

.puco-heading--h3.puco-heading--h3,
h3.puco-heading {
    font-size: var(--pd-puco-font-website-h3-desktop-font-size);
    line-height: var(--pd-puco-font-website-h3-desktop-line-height);
    color: var(--pd-color-text-primary)
}

.puco-heading--h4.puco-heading--h4,
h4.puco-heading {
    font-size: var(--pd-puco-font-website-h4-both-font-size);
    line-height: var(--pd-puco-font-website-h4-both-line-height);
    color: var(--pd-color-text-primary)
}

.puco-heading--h5.puco-heading--h5,
h5.puco-heading {
    font-size: var(--pd-puco-font-website-h5-both-font-size);
    line-height: var(--pd-puco-font-website-h5-both-line-height);
    color: var(--pd-color-text-primary)
}



.puco-heading--h6.puco-heading--h6,
h6.puco-heading {
    font-size: var(--pd-puco-font-website-h6-both-font-size);
    line-height: var(--pd-puco-font-website-h6-both-line-height);
    color: var(--pd-color-text-primary)
}

.puco-heading,
.puco-heading--display-block {
    display: block
}

.puco-heading--display-inline {
    display: inline
}

@media screen and (max-width:712px) {

    .puco-heading--h1.puco-heading--h1,
    h1.puco-heading {
        font-size: var(--pd-puco-font-website-h1-mobile-font-size);
        line-height: var(--pd-puco-font-website-h1-mobile-line-height)
    }

    .puco-heading--h2.puco-heading--h2,
    h2.puco-heading {
        font-size: var(--pd-puco-font-website-h2-mobile-font-size);
        line-height: var(--pd-puco-font-website-h2-mobile-line-height)
    }

    .puco-heading--h3.puco-heading--h3,
    h3.puco-heading {
        font-size: var(--pd-puco-font-website-h3-mobile-font-size);
        line-height: var(--pd-puco-font-website-h3-mobile-line-height)
    }
}

.puco-input-dropdown-trigger {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 56px;
    box-sizing: border-box;
    color: var(--pd-color-text-secondary);
    padding: 13px var(--pd-puco-spacing-m);
    background-color: var(--pd-puco-color-surface-default-background);
    border: 1px solid var(--pd-puco-color-divider-primary);
    border-radius: var(--pd-radius-s);
    outline: none;
    font-size: var(--pd-puco-font-website-body-font-size)
}

.puco-input-dropdown-trigger>* {
    transition: var(--pd-puco-animation-320-time)
}

.puco-input-dropdown-trigger--error {
    border: 1px solid var(--pd-color-negative-default)
}

.puco-input-dropdown-trigger .puco-input-dropdown-trigger__icon {
    fill: var(--pd-color-icon-secondary);
    margin-left: var(--pd-puco-spacing-s)
}

.puco-input-dropdown-trigger.visible .puco-input-dropdown-trigger__icon {
    transform: rotate(180deg)
}

.puco-input-dropdown-trigger.visible:not(.puco-input-dropdown-trigger--error) {
    border: 1px solid var(--pd-puco-color-divider-strong);
    color: var(--pd-color-text-primary)
}

.puco-language-trigger {
    font-size: var(--pd-puco-font-website-body-font-size);
    font-weight: var(--pd-puco-font-website-body-font-weight);
    display: flex;
    align-items: center;
    color: var(--pd-puco-color-text-link-medium-inverted);
    padding: var(--pd-puco-spacing-s) var(--pd-puco-spacing-none);
    cursor: pointer
}

.puco-language-trigger .puco-language-trigger__icon {
    fill: var(--pd-color-icon-link-inverted)
}

.puco-language-trigger,
.puco-language-trigger>* {
    transition: var(--pd-puco-animation-320-time)
}

.puco-language-trigger.visible .puco-language-trigger__icon:last-child {
    transform: rotate(180deg)
}

.puco-language-trigger--width-full {
    width: 100%;
    box-sizing: border-box
}

.puco-language-trigger--width-full .puco-language-trigger__icon {
    flex: 0 0 auto
}

.puco-language-trigger--width-full .puco-language-trigger__label {
    flex: 1 0 auto
}

.puco-language-trigger--light.visible .puco-language-trigger__label,
.puco-language-trigger--light:hover .puco-language-trigger__label {
    color: var(--pd-puco-color-text-link-light-inverted)
}

.puco-language-trigger--light.visible .puco-language-trigger__icon,
.puco-language-trigger--light:hover .puco-language-trigger__icon {
    fill: var(--pd-color-icon-primary-inverted)
}

.puco-language-trigger--dark {
    color: var(--pd-puco-color-text-link-dark)
}

.puco-language-trigger--dark .puco-language-trigger__icon {
    fill: var(--pd-puco-color-link-primary)
}

.puco-language-trigger__label {
    text-align: left;
    margin-right: var(--pd-puco-spacing-s)
}

.puco-language-trigger__icon:first-child {
    margin-right: var(--pd-puco-spacing-xs)
}

.puco-link:not(.puco-link--no-spacing):not(span) {
    margin-block-start: 0;
    margin-block-end: 0;
    margin-top: 0;
    margin-bottom: 0
}

.puco-link:not(.puco-link--no-spacing):not(span)+:not(.puco-text):not(.puco-heading):not(.puco-link):not(.puco-list):not(.puco-icon):not(.puco-tooltip):not(.puco-tooltipLite):not(.puco-price):not(ul):not(ol) {
    margin-top: var(--pd-puco-spacing-l)
}

.puco-link:not(.puco-link--no-spacing):not(span)+.puco-heading,
.puco-link:not(.puco-link--no-spacing):not(span)+.puco-link,
.puco-link:not(.puco-link--no-spacing):not(span)+.puco-text {
    margin-top: var(--pd-puco-spacing-m)
}

.puco-link {
    line-height: 1.5;
    font-size: inherit;
    text-decoration: none;
    cursor: pointer;
    color: var(--pd-color-text-link)
}

.puco-link:hover {
    -webkit-text-decoration: underline solid var(--pd-color-text-link);
    text-decoration: underline solid var(--pd-color-text-link)
}

.puco-link,
.puco-link--display-block {
    display: block
}

.puco-link--display-inline {
    display: inline
}

.puco-link--display-flex {
    display: flex;
    align-items: center
}

.puco-link--light-blue {
    color: var(--pd-color-text-link-inverted)
}

.puco-link--light-blue:hover {
    -webkit-text-decoration: underline solid var(--pd-color-text-link-inverted);
    text-decoration: underline solid var(--pd-color-text-link-inverted)
}

.puco-link--gray {
    color: var(--pd-puco-color-text-link-medium)
}

.puco-link--gray:hover {
    -webkit-text-decoration: underline solid var(--pd-puco-color-text-link-medium);
    text-decoration: underline solid var(--pd-puco-color-text-link-medium)
}

.puco-link--secondary-dark {
    color: var(--pd-puco-color-text-link-dark)
}

.puco-link--secondary-dark:hover {
    -webkit-text-decoration: underline solid var(--pd-puco-color-text-link-dark);
    text-decoration: underline solid var(--pd-puco-color-text-link-dark)
}

.puco-link--light-gray {
    color: var(--pd-puco-color-text-link-medium-inverted)
}

.puco-link--light-gray:hover {
    -webkit-text-decoration: underline solid var(--pd-puco-color-text-link-light-inverted);
    text-decoration: underline solid var(--pd-puco-color-text-link-light-inverted)
}

.puco-link--light-gray:hover,
.puco-link--light-inverted {
    color: var(--pd-puco-color-text-link-light-inverted)
}

.puco-link--light-inverted:hover {
    -webkit-text-decoration: underline solid var(--pd-puco-color-text-link-light-inverted);
    text-decoration: underline solid var(--pd-puco-color-text-link-light-inverted)
}

.puco-link--no-decoration:hover {
    text-decoration: none
}

.puco-list {
    padding: 0;
    margin: 0;
    list-style: none
}

.puco-list-item {
    display: flex;
    font-size: var(--pd-puco-font-website-body-font-size);
    line-height: var(--pd-puco-font-website-body-line-height);
    color: var(--pd-color-text-primary)
}

.puco-list-item__icon {
    flex: none;
    padding-top: 5px
}

.puco-list-item__text {
    margin-left: 7px
}

.puco-notification {
    background-color: var(--pd-color-primary-default);
    margin-top: var(--pd-puco-spacing-m)
}

.puco-notification+.puco-modal__content {
    margin-top: var(--pd-puco-spacing-none)
}

.puco-notification~.puco-modal__close {
    top: 60px
}

.puco-text:not(.puco-text--no-spacing):not(span) {
    margin-block-start: 0;
    margin-block-end: 0;
    margin-top: 0;
    margin-bottom: 0
}

.puco-text:not(.puco-text--no-spacing):not(span)+:not(.puco-text):not(.puco-heading):not(.puco-link):not(.puco-list):not(.puco-icon):not(.puco-tooltip):not(.puco-tooltipLite):not(.puco-price):not(ul):not(ol) {
    margin-top: var(--pd-puco-spacing-l)
}

.puco-text:not(.puco-text--no-spacing):not(span)+.puco-heading,
.puco-text:not(.puco-text--no-spacing):not(span)+.puco-link,
.puco-text:not(.puco-text--no-spacing):not(span)+.puco-text {
    margin-top: var(--pd-puco-spacing-m)
}

.puco-text--align-left {
    text-align: left
}

.puco-text--align-center {
    text-align: center
}

.puco-text--align-right {
    text-align: right
}

.puco-text,
.puco-text--display-block {
    display: block
}

.puco-text--display-inline {
    display: inline
}

.puco-text,
.puco-text--size-m {
    font-size: var(--pd-puco-font-website-body-font-size);
    line-height: var(--pd-puco-font-website-body-line-height)
}

.puco-text--size-s {
    font-size: var(--pd-puco-font-website-body-s-font-size);
    line-height: var(--pd-puco-font-website-body-s-line-height)
}

.puco-text--size-xs {
    font-size: var(--pd-puco-font-website-body-xs-font-size);
    line-height: var(--pd-puco-font-website-body-xs-line-height)
}

.puco-text,
.puco-text--weight-normal {
    font-weight: var(--pd-puco-font-website-body-font-weight)
}

.puco-text--weight-bold {
    font-weight: var(--pd-puco-font-website-body-strong-font-weight)
}

.puco-text ol:not(.puco-list),
.puco-text ul:not(.puco-list) {
    margin-left: var(--pd-puco-spacing-m)
}

.puco-navigation-link {
    line-height: var(--pd-puco-font-website-body-line-height);
    font-size: var(--pd-puco-font-website-body-font-size);
    text-decoration: none;
    cursor: pointer;
    color: var(--pd-color-text-primary);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.puco-navigation-link--effects>.puco-navigation-link__text {
    display: inline-block;
    transform: translateY(0);
    transition: transform var(--pd-puco-animation-400-time) var(--pd-puco-transition-curve-3);
    margin-bottom: var(--pd-puco-spacing-xs)
}

.puco-navigation-link--effects>.puco-navigation-link__text:after {
    display: block;
    position: relative;
    content: "";
    margin-top: -5px;
    border-bottom: 2px solid var(--pd-color-active-default);
    border-radius: 1px;
    opacity: 0;
    transform: scaleX(0);
    transition: transform var(--pd-puco-animation-320-time) var(--pd-puco-transition-curve-4) 80ms, opacity var(--pd-puco-animation-320-time) var(--pd-puco-transition-curve-4) 80ms;
    transform-origin: 100% 50%
}

.puco-navigation-link--effects:hover>.puco-navigation-link__text {
    transform: translateY(-4px);
    transition: transform var(--pd-puco-animation-400-time) var(--pd-puco-transition-curve-3)
}

.puco-navigation-link--effects:hover>.puco-navigation-link__text:after {
    transform: scaleX(1);
    transform-origin: 0 50%;
    opacity: 1;
    transition: transform var(--pd-puco-animation-320-time) var(--pd-puco-transition-curve-3) 80ms, opacity var(--pd-puco-animation-320-time) var(--pd-puco-transition-curve-3) 80ms
}

.puco-navigation-link--theme-light,
.puco-navigation-link--theme-light.puco-navigation-link--active,
.puco-navigation-link--theme-light:hover {
    color: var(--pd-puco-color-text-link-light-inverted)
}

.puco-navigation-link--theme-light>.puco-navigation-link__text:after {
    border-bottom-color: var(--pd-color-active-default)
}

.puco-navigation-link--active>.puco-navigation-link__text:after {
    display: block;
    position: relative;
    content: "";
    margin-top: -5px;
    border-bottom: 2px solid default;
    border-radius: 1px;
    transform: scaleX(1);
    opacity: 1
}

.puco-navigation-link--active:hover>.puco-navigation-link__text {
    transform: translateY(0)
}

.puco-navigation-link__text {
    display: inherit
}

.puco-navigation-link,
.puco-navigation-link--display-block {
    display: block
}

.puco-navigation-link--display-inline {
    display: inline
}

.puco-separator {
    display: flex;
    align-items: center;
    margin: 0 auto;
    width: 100%
}

.puco-separator:after,
.puco-separator:before {
    content: "";
    background-color: var(--pd-puco-color-divider-primary);
    height: 1px;
    width: 100%
}

.puco-separator__text {
    padding: var(--pd-puco-spacing-none) var(--pd-puco-spacing-s);
    color: var(--pd-color-text-secondary);
    font-size: var(--pd-puco-font-website-body-s-font-size);
    font-weight: var(--pd-puco-font-website-body-strong-font-weight);
    line-height: var(--pd-puco-font-website-body-s-line-height);
    flex-shrink: 0
}

.puco-separator--spacing-top-xl {
    margin-top: var(--pd-puco-spacing-xl)
}

.puco-separator--spacing-top-l {
    margin-top: var(--pd-puco-spacing-l)
}

.puco-separator--spacing-top-m {
    margin-top: var(--pd-puco-spacing-m)
}

.puco-separator--spacing-bottom-xl {
    margin-bottom: var(--pd-puco-spacing-xl)
}

.puco-separator--spacing-bottom-l {
    margin-bottom: var(--pd-puco-spacing-l)
}

.puco-separator--spacing-bottom-m {
    margin-bottom: var(--pd-puco-spacing-m)
}

@keyframes rotate {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.puco-spinner-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

.puco-spinner-wrapper .puco-icon {
    position: absolute
}

.puco-spinner-wrapper .puco-icon * {
    fill: var(--pd-puco-color-icon-third)
}

.puco-spinner {
    background: transparent;
    animation: rotate .75s linear infinite;
    border: 2px solid var(--pd-color-fill-medium);
    border-radius: 50%;
    top: 50%;
    left: 50%
}

.puco-spinner--green {
    border-top-color: var(--pd-color-primary-default)
}

.puco-spinner--white {
    border-top-color: var(--pd-color-fill-on-inverted-light)
}

.puco-spinner--xs {
    height: var(--pd-puco-size-icon-xxs);
    width: var(--pd-puco-size-icon-xxs)
}

.puco-spinner--s {
    height: var(--pd-puco-size-icon-xs);
    width: var(--pd-puco-size-icon-xs)
}

.puco-spinner--m {
    height: var(--pd-puco-size-icon-s);
    width: var(--pd-puco-size-icon-s)
}

.puco-spinner--l {
    height: var(--pd-puco-size-icon-l);
    width: var(--pd-puco-size-icon-l)
}

.animation-before,
.puco-play-button--animated:hover:before {
    width: 120px;
    height: 120px;
    animation: pulse-ring-no-opacity 2s cubic-bezier(.215, .61, .355, 1) infinite
}

.animation-after,
.puco-play-button--animated:hover:after {
    position: relative;
    animation: pulse-ring-no-opacity 2s cubic-bezier(.455, .03, .515, .955) -.4s infinite
}

.puco-toggle {
    display: inline-flex;
    box-sizing: border-box;
    align-items: center
}

.puco-toggle__checkbox {
    display: none;
    width: 34px;
    height: 18px;
    margin: 0
}

.puco-toggle__slider {
    display: inline-block;
    position: relative;
    width: 34px;
    height: 18px;
    margin: 2px var(--pd-puco-spacing-s);
    background-color: var(--pd-color-active-default);
    border-radius: 12px;
    cursor: pointer;
    flex: 0 0 auto
}

.puco-toggle__slider:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    margin: 2px;
    width: 14px;
    height: 14px;
    background-color: var(--pd-color-icon-primary-inverted);
    border-radius: 50%;
    transform: translateX(0)
}

.puco-toggle__checkbox:checked+.puco-toggle__slider:after,
.puco-toggle__slider:after {
    transition: transform var(--pd-puco-animation-320-time) var(--pd-puco-transition-curve-3);
    will-change: transition, transform
}

.puco-toggle__checkbox:checked+.puco-toggle__slider:after {
    transform: translateX(16px)
}

.puco-toggle__text {
    color: var(--pd-color-text-secondary)
}

.puco-toggle__text--selected {
    transition: color var(--pd-puco-animation-320-time) var(--pd-puco-transition-curve-3);
    will-change: color;
    color: var(--pd-color-text-primary)
}

.animation-before,
.puco-play-button--animated:hover:before,
.puco-video-cover-illustration:hover .puco-play-button:before {
    width: 120px;
    height: 120px;
    animation: pulse-ring-no-opacity 2s cubic-bezier(.215, .61, .355, 1) infinite
}

.animation-after,
.puco-play-button--animated:hover:after,
.puco-video-cover-illustration:hover .puco-play-button:after {
    position: relative;
    animation: pulse-ring-no-opacity 2s cubic-bezier(.455, .03, .515, .955) -.4s infinite
}

.puco-play-button {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 120px
}

.puco-play-button:after,
.puco-play-button:before {
    position: absolute;
    display: block;
    content: "";
    border-radius: 50%;
    top: 50%;
    transform: translateY(-50%)
}

.puco-play-button--animated:hover:before {
    background-color: var(--pd-puco-color-primary-secondary)
}

.puco-play-button--dark:hover:before {
    background-color: var(--pd-color-fill-light)
}

.puco-play-button .puco-icon--bg {
    position: absolute
}

@keyframes pulse-ring-no-opacity {
    0% {
        transform: translateY(-50%) scale(.33)
    }

    80%,
    to {
        transform: translateY(-50%)
    }
}

.puco-video-cover,
.puco-video-cover-illustration {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    padding: var(--pd-puco-spacing-none);
    border: none;
    cursor: pointer;
    outline: none;
    background: transparent none repeat 0 0/auto auto padding-box border-box scroll;
    background: initial
}

.puco-video-cover-illustration:before,
.puco-video-cover:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: var(--pd-puco-color-surface-neutral);
    transition: opacity var(--pd-puco-animation-500-time) var(--pd-puco-transition-curve-1);
    opacity: 0
}

.puco-video-cover__time-marker {
    position: absolute;
    display: flex;
    align-items: center;
    background: var(--pd-color-fill-dark-static);
    top: var(--pd-puco-spacing-s);
    right: var(--pd-puco-spacing-s);
    color: var(--pd-color-text-primary-inverted);
    padding: 6px 10px 6px 12px;
    z-index: 1;
    transition: background var(--pd-puco-animation-500-time) var(--pd-puco-transition-curve-1);
    will-change: transition, background;
    font-size: var(--pd-puco-font-website-body-s-font-size);
    border-radius: var(--pd-radius-m)
}

.puco-video-cover__time-marker-icon {
    margin-right: var(--pd-puco-spacing-s);
    transition: opacity var(--pd-puco-animation-500-time) var(--pd-puco-transition-curve-1);
    will-change: transition, opacity
}

.puco-video-cover__background {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: auto
}

.puco-video-cover .puco-play-button,
.puco-video-cover-illustration .puco-play-button {
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    transition: transform var(--pd-puco-animation-250-time) var(--pd-puco-transition-curve-2);
    transform: scale(0)
}

.puco-video-cover-illustration:hover:before,
.puco-video-cover:hover:before {
    opacity: 1
}

.puco-video-cover-illustration:hover .puco-play-button,
.puco-video-cover:hover .puco-play-button {
    transform: scale(1)
}

.puco-video-cover-illustration:hover .puco-video-cover__time-marker-icon,
.puco-video-cover:hover .puco-video-cover__time-marker-icon {
    opacity: 0
}

.puco-video-cover-illustration:hover .puco-video-cover__time-marker,
.puco-video-cover:hover .puco-video-cover__time-marker {
    background: transparent none repeat 0 0/auto auto padding-box border-box scroll;
    background: initial
}

.puco-video-cover-illustration .puco-video-cover__time-marker {
    display: none
}

.puco-video-cover-illustration:before {
    background-color: hsla(0, 0%, 100%, .64)
}

.puco-video-cover-illustration:hover .puco-play-button--green:before {
    background-color: var(--pd-puco-color-primary-secondary)
}

.puco-video-cover-illustration:hover .puco-play-button--dark:before {
    background-color: var(--pd-color-fill-medium)
}

.puco-video-cover-illustration .puco-play-button {
    transform: scale(1)
}

.puco-video-player {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    margin: auto
}

.puco-video-player__frame {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity var(--pd-puco-animation-200-time)
}

.puco-video-player__frame--visible {
    opacity: 1
}

.puco-video-player__spinner-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.vidyard-player-container>div {
    padding-bottom: 56.25% !important
}

.puco-animation {
    max-width: 100%
}

.puco-animation svg {
    display: block;
    width: auto !important;
    height: auto !important
}

.puco-accordion {
    margin: 0;
    padding: 0;
    list-style-type: none;
    overflow: hidden
}

.puco-accordion__item {
    font-size: var(--pd-puco-font-website-body-font-size);
    overflow: hidden
}

.puco-accordion__item,
.puco-accordion__toggle {
    line-height: var(--pd-puco-font-website-body-line-height)
}

.puco-accordion__toggle {
    width: 100%;
    color: var(--pd-color-text-primary);
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: transparent;
    border: none;
    text-align: left;
    font-size: var(--pd-puco-font-button-m-font-size);
    cursor: pointer
}

.puco-accordion--arrow-left .puco-accordion__toggle {
    justify-content: start
}

.puco-accordion--arrow-left .puco-accordion__toggle .puco-accordion__toggle-icon {
    order: 1;
    margin-right: var(--pd-puco-spacing-m);
    min-width: 36px
}

.puco-accordion--arrow-left .puco-accordion__toggle .puco-accordion__toggle-title {
    order: 2
}

.puco-accordion__toggle-icon {
    width: -webkit-fill-available;
    width: -moz-available;
    width: stretch;
    max-width: var(--pd-puco-size-icon-m);
    transition-duration: var(--pd-puco-animation-500-time);
    transition-timing-function: var(--pd-puco-transition-curve-1);
    transition-property: transform
}

.puco-accordion__item--expanded .puco-accordion__toggle-icon {
    transform: rotate(-180deg)
}

.puco-accordion__item--expanded .puco-accordion__toggle-title {
    font-weight: var(--pd-puco-font-website-body-strong-font-weight)
}

.puco-accordion__collapse {
    line-height: var(--pd-puco-font-website-body-s-line-height);
    padding-right: var(--pd-puco-spacing-l);
    opacity: 0;
    transform: translateY(50px);
    display: grid;
    grid-template-rows: 0fr;
    transition-duration: var(--pd-puco-animation-500-time);
    transition-timing-function: var(--pd-puco-transition-curve-1);
    transition-property: grid-template-rows, opacity, transform, visibility, padding
}

.puco-accordion__collapse[aria-hidden=false] {
    opacity: 1;
    grid-template-rows: 1fr;
    transform: translateY(0)
}

.puco-accordion__collapse>div {
    overflow: hidden
}

.puco-accordion--variant-line .puco-accordion__item {
    border-top: 1px solid var(--pd-puco-color-divider-primary)
}

.puco-accordion--variant-line .puco-accordion__item:last-child {
    border-bottom: 1px solid var(--pd-color-divider-medium)
}

.puco-accordion--variant-line .puco-accordion__toggle {
    padding: var(--pd-puco-spacing-m) 0
}

.puco-accordion--variant-line .puco-accordion__toggle .puco-accordion__item--expanded,
.puco-accordion--variant-line .puco-accordion__toggle:hover {
    font-weight: var(--pd-puco-font-website-body-strong-font-weight)
}

.puco-accordion--variant-line .puco-accordion__toggle .puco-accordion__item--expanded .puco-accordion__toggle-icon,
.puco-accordion--variant-line .puco-accordion__toggle:hover .puco-accordion__toggle-icon {
    background-color: var(--pd-color-fill-light)
}

.puco-accordion--variant-line .puco-accordion__collapse {
    font-size: var(--pd-puco-font-website-body-s-font-size)
}

.puco-accordion--variant-line .puco-accordion__collapse[aria-hidden=false] {
    padding-bottom: var(--pd-puco-spacing-m)
}

.puco-accordion--variant-background {
    padding-top: var(--pd-puco-spacing-l);
    padding-bottom: var(--pd-puco-spacing-l)
}

.puco-accordion--variant-background .puco-accordion__item {
    background-color: var(--pd-puco-color-surface-secondary-background);
    padding: var(--pd-puco-spacing-m);
    margin-bottom: var(--pd-puco-spacing-s)
}

.puco-accordion--variant-background .puco-accordion__item:last-child {
    margin-bottom: 0
}

.puco-accordion--variant-background .puco-accordion__toggle {
    font-weight: var(--pd-puco-font-website-body-strong-font-weight)
}

.puco-accordion--variant-background .puco-accordion__toggle:hover {
    text-decoration: underline
}

.puco-accordion--variant-background .puco-accordion__toggle-icon {
    background-color: var(--pd-puco-color-fill-white)
}

.puco-accordion--variant-background .puco-accordion__collapse {
    font-size: var(--pd-puco-font-website-body-font-size)
}

.puco-accordion--variant-background .puco-accordion__collapse[aria-hidden=false] {
    padding-top: var(--pd-puco-spacing-m)
}

.puco-avatar {
    background-color: var(--pd-color-fill-dark-static);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--pd-color-text-muted);
    -o-object-fit: cover;
    object-fit: cover;
    flex-shrink: 0
}

.puco-avatar__initial {
    color: var(--pd-color-text-primary-inverted)
}

.puco-avatar,
.puco-avatar--l {
    width: 60px;
    height: 60px;
    font-size: var(--pd-puco-font-small-title-m-font-size);
    font-weight: var(--pd-puco-font-small-title-m-font-weight)
}

.puco-avatar--m {
    width: 32px;
    height: 32px;
    font-size: var(--pd-puco-font-small-title-s-font-size);
    font-weight: var(--pd-puco-font-small-title-s-font-weight)
}

.puco-banner-wrapper {
    background-color: var(--pd-color-primary-strong);
    display: flex;
    justify-content: center;
    z-index: var(--pd-puco-z-index-header)
}

@media screen and (min-width:713px) {
    .puco-banner-wrapper {
        transition: transform var(--pd-puco-animation-400-time) ease-in-out var(--pd-puco-animation-400-time)
    }

    .puco-banner-wrapper--scroll-down {
        transform: translateY(calc(var(--pd-global-banner-height)*-1))
    }

    .puco-banner-wrapper--scroll-up {
        transform: translateY(0)
    }
}

.puco-banner-content {
    box-sizing: border-box;
    color: var(--pd-color-text-primary-inverted);
    display: flex;
    justify-content: center;
    font-size: var(--pd-puco-font-website-body-s-font-size);
    font-weight: var(--pd-puco-font-website-body-s-font-weight);
    line-height: var(--pd-puco-font-website-body-s-line-height);
    max-width: var(--pd-puco-max-container-width);
    width: 100%
}

@media screen and (min-width:320px) {
    .puco-banner-content {
        padding: var(--pd-puco-spacing-s) var(--pd-puco-spacing-m)
    }
}

@media screen and (min-width:713px) {
    .puco-banner-content {
        padding: var(--pd-puco-spacing-s) var(--pd-puco-spacing-l)
    }
}

@media screen and (min-width:1104px) {
    .puco-banner-content {
        padding: var(--pd-puco-spacing-s) var(--pd-puco-spacing-l)
    }
}

@media screen and (min-width:1400px) {
    .puco-banner-content {
        padding: var(--pd-puco-spacing-s) 48px
    }
}

@media screen and (min-width:1600px) {
    .puco-banner-content {
        padding: var(--pd-puco-spacing-s) 56px
    }
}

.puco-banner-content>p {
    margin: 0;
    text-align: center
}

.puco-banner-content>p>a:active,
.puco-banner-content>p>a:hover,
.puco-banner-content>p>a:link,
.puco-banner-content>p>a:visited {
    color: inherit;
    font-weight: var(--pd-puco-font-website-body-strong-font-weight)
}

.card-wrapper {
    max-width: 400px
}

.puco-card {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    width: 100%;
    position: relative;
    border-radius: var(--pd-radius-m);
    box-sizing: border-box
}

@media screen and (min-width:713px) {
    .puco-card {
        background-color: transparent
    }

    a.puco-card:hover .puco-card__title {
        text-decoration: underline
    }
}

.puco-card--bg {
    padding: var(--pd-puco-spacing-s);
    background-color: var(--pd-puco-color-surface-light-background)
}

.puco-card img {
    transition: transform .4s cubic-bezier(.5, 0, .2, 1)
}

a.puco-card {
    color: inherit;
    text-decoration: inherit
}

a.puco-card:not(.puco-testimonial):hover img {
    transform: scale(1.05)
}

.puco-card--max-height {
    height: 100%
}

.puco-card__content {
    width: 100%;
    box-sizing: border-box;
    text-align: center;
    border-radius: 0 0 var(--pd-radius-m) var(--pd-radius-m);
    word-break: break-word
}

.puco-card__content h3+p,
.puco-card__content h5+p {
    margin-top: var(--pd-puco-spacing-s) !important
}

@media screen and (max-width:712px) {
    .puco-card__content {
        padding: 0
    }
}

.puco-card__title {
    margin-top: 0;
    margin-bottom: var(--pd-puco-spacing-s)
}

.puco-card__media+.puco-card__content {
    padding-top: var(--pd-puco-spacing-m)
}

.puco-card__media {
    width: 100%;
    display: flex;
    justify-content: center;
    position: relative;
    max-height: 120px;
    padding-top: var(--pd-puco-spacing-l);
    box-sizing: content-box;
    overflow: hidden
}

.puco-card__media,
.puco-card__media img {
    border-radius: var(--pd-radius-m)
}

.puco-card__media>* {
    max-width: 100%
}

.puco-card__media--full {
    padding: 0 0 56.25%
}

.puco-card__media--full>* {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.puco-card--align-start .puco-card__media>:not(.puco-video-cover),
.puco-card--align-start>* {
    justify-content: flex-start;
    text-align: left
}

.puco-consent-form {
    position: fixed;
    z-index: 1;
    bottom: 0;
    left: 0;
    padding: 32px var(--pd-puco-spacing-none);
    width: 100%;
    overflow: auto;
    background-color: var(--pd-puco-color-surface-black-static);
    justify-content: center;
    align-items: center;
    display: flex
}

@media screen and (max-width:712px) {
    .puco-consent-form {
        padding-bottom: var(--pd-puco-spacing-m)
    }
}

.puco-consent-form__content {
    display: grid;
    justify-content: center;
    align-items: center;
    padding: var(--pd-puco-spacing-none) var(--pd-puco-spacing-l);
    grid-template-columns: auto auto;
    grid-column-gap: var(--pd-puco-spacing-m)
}

@media screen and (max-width:712px) {
    .puco-consent-form__content {
        grid-template-columns: none;
        grid-row-gap: var(--pd-puco-spacing-m);
        justify-items: center
    }
}

.puco-consent-form__close {
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    margin-top: var(--pd-puco-spacing-s);
    margin-right: var(--pd-puco-spacing-s)
}

.puco-comparison-table {
    font-size: var(--pd-puco-font-website-body-font-size)
}

.puco-comparison-table .puco-text {
    margin: var(--pd-puco-spacing-none)
}

.puco-comparison-table__nav-left,
.puco-comparison-table__nav-right {
    display: none
}

@media screen and (max-width:1103px) {
    .puco-comparison-table__content {
        overflow: hidden
    }
}

.puco-comparison-table__grid {
    margin: 0;
    width: 100%
}

@media screen and (max-width:1103px) {

    .puco-comparison-table__nav-left,
    .puco-comparison-table__nav-right {
        position: absolute;
        height: 100%;
        width: 10%;
        top: 0;
        z-index: var(--pd-puco-z-index-comparison-table-nav);
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center
    }

    .puco-comparison-table__nav-left {
        left: var(--pd-puco-spacing-xs)
    }

    .puco-comparison-table__nav-right {
        right: var(--pd-puco-spacing-xs)
    }

    .puco-comparison-table .puco-comparison-table__cell--focused:before {
        content: "";
        border-left: 1px solid var(--pd-puco-color-divider-default);
        position: absolute;
        height: 60%;
        left: 0;
        top: 20%
    }
}

.puco-comparison-table__heading-close {
    position: absolute;
    right: var(--pd-puco-spacing-m);
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    z-index: var(--pd-puco-z-index-comparison-table-heading-close)
}

.puco-comparison-table__heading {
    position: relative
}

@media screen and (max-width:1103px) {
    .puco-comparison-table__heading {
        overflow: hidden
    }
}

.puco-comparison-table__heading--sticky {
    background: var(--pd-puco-color-surface-default);
    box-shadow: var(--pd-puco-elevation-raised-hover);
    z-index: var(--pd-puco-z-index-comparison-table-sticky-header);
    width: 100%;
    position: sticky;
    top: 0
}

.puco-comparison-table__heading--sticky .puco-comparison-table__cell--heading {
    background: var(--pd-puco-color-surface-default) !important
}

.puco-comparison-table__heading--sticky .puco-comparison-table__row--simple.puco-comparison-table__row--heading {
    background-color: var(--pd-puco-color-surface-default)
}

.puco-comparison-table__row {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-column-gap: var(--pd-puco-spacing-l);
    grid-row-gap: 0;
    position: relative
}

.puco-comparison-table__row--6-columns {
    grid-template-columns: repeat(13, 1fr)
}

.puco-comparison-table__row--3-columns,
.puco-comparison-table__row--5-columns {
    grid-template-columns: repeat(11, 1fr)
}

.puco-comparison-table__row--4-columns {
    grid-template-columns: repeat(12, 1fr)
}

.puco-comparison-table__row--2-columns {
    grid-template-columns: repeat(9, 1fr)
}

.puco-comparison-table__row--simple.puco-comparison-table__row--heading {
    background-color: var(--pd-color-fill-light)
}

.puco-comparison-table__row--simple .puco-comparison-table__cell {
    padding: var(--pd-puco-spacing-s)
}

@media screen and (max-width:1103px) {
    .puco-comparison-table__row--simple .puco-comparison-table__cell-group {
        justify-items: center
    }

    .puco-comparison-table__row--simple .puco-comparison-table__cell {
        text-align: center;
        align-items: center !important
    }
}

.puco-comparison-table__row--simple .puco-comparison-table__cell-group--2-cells {
    grid-template-columns: repeat(12, 1fr);
    grid-column: span 12
}

@media screen and (max-width:1103px) {
    .puco-comparison-table__row--simple .puco-comparison-table__cell-group--2-cells {
        width: 200%;
        grid-template-columns: repeat(4, 1fr);
        grid-column-gap: 0;
        grid-column-start: 1;
        grid-column-end: -1
    }
}

.puco-comparison-table__row--simple .puco-comparison-table__cell-group--3-cells {
    grid-template-columns: repeat(12, 1fr);
    grid-column: span 12
}

@media screen and (max-width:1103px) {
    .puco-comparison-table__row--simple .puco-comparison-table__cell-group--3-cells {
        width: 200%;
        grid-template-columns: repeat(4, 1fr);
        grid-column-gap: 0;
        grid-column-start: 1;
        grid-column-end: -1
    }
}

.puco-comparison-table__row--simple .puco-comparison-table__cell-group--4-cells {
    grid-template-columns: repeat(12, 1fr);
    grid-column: span 12
}

@media screen and (max-width:1103px) {
    .puco-comparison-table__row--simple .puco-comparison-table__cell-group--4-cells {
        width: 200%;
        grid-template-columns: repeat(4, 1fr);
        grid-column-gap: 0;
        grid-column-start: 1;
        grid-column-end: -1
    }
}

.puco-comparison-table__row--simple .puco-comparison-table__cell-group--5-cells {
    grid-template-columns: repeat(12, 1fr);
    grid-column: span 12
}

@media screen and (max-width:1103px) {
    .puco-comparison-table__row--simple .puco-comparison-table__cell-group--5-cells {
        width: 200%;
        grid-template-columns: repeat(4, 1fr);
        grid-column-gap: 0;
        grid-column-start: 1;
        grid-column-end: -1
    }
}

.puco-comparison-table__row--no-hover {
    max-height: var(--pd-puco-spacing-s);
    overflow: hidden
}

.puco-comparison-table__row--no-hover .puco-comparison-table__cell:not(.puco-comparison-table__cell--label):after {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    background: var(--pd-color-fill-light);
    display: block
}

.puco-comparison-table__row--bordered:not(.puco-comparison-table__row--heading):not(.puco-comparison-table__row--block-heading):not(:first-child),
.puco-comparison-table__row--simple:not(.puco-comparison-table__row--heading):not(:first-child) {
    border-top: 1px solid var(--pd-puco-color-divider-primary)
}

@media screen and (min-width:1104px) {

    .puco-comparison-table__row--bordered:not(.puco-comparison-table__row--heading):not(.puco-comparison-table__row--block-heading):hover,
    .puco-comparison-table__row--default:not(.puco-comparison-table__row--heading):not(.puco-comparison-table__row--block-heading):not(.puco-comparison-table__row--no-hover):hover,
    .puco-comparison-table__row--simple:not(.puco-comparison-table__row--heading):not(.puco-comparison-table__row--block-heading):hover {
        background-color: var(--pd-puco-color-surface-secondary-background)
    }

    .puco-comparison-table__row--default.puco-comparison-table__row--block-heading:hover .puco-comparison-table__block__header {
        color: var(--pd-puco-color-fill-dark-static)
    }

    .puco-comparison-table__row--bordered:not(.puco-comparison-table__row--heading):not(.puco-comparison-table__row--block-heading):hover+.puco-comparison-table__row--bordered:not(.puco-comparison-table__row--heading):not(.puco-comparison-table__row--block-heading),
    .puco-comparison-table__row--bordered:not(.puco-comparison-table__row--heading):not(.puco-comparison-table__row--block-heading):not(:first-child):hover {
        border-top: 1px solid var(--pd-puco-color-surface-default)
    }
}

.puco-comparison-table__row--bordered.puco-comparison-table__row--block-heading {
    background-color: var(--pd-puco-color-fill-extra-light)
}

.puco-comparison-table__row--heading .puco-comparison-table__cell--spacer {
    grid-column-end: span 3;
    background-color: transparent !important
}

@media screen and (max-width:1103px) {
    .puco-comparison-table__row {
        grid-column-gap: 0
    }

    .puco-comparison-table__row--heading {
        grid-template-columns: repeat(4, 1fr);
        min-width: 200%
    }

    .puco-comparison-table__row--heading.puco-comparison-table__row:not(.puco-comparison-table__row--sticky) {
        padding: var(--pd-puco-spacing-s) var(--pd-puco-spacing-none)
    }

    .puco-comparison-table__row--block-heading {
        grid-template-columns: auto;
        justify-content: center;
        background-color: var(--pd-puco-color-primary-background)
    }

    .puco-comparison-table__row--simple.puco-comparison-table__row--heading:not(.puco-comparison-table__row--sticky) {
        background-color: var(--pd-puco-color-surface-default)
    }

    .puco-comparison-table__row--no-hover {
        display: none
    }
}

.puco-comparison-table__cell-group {
    display: grid;
    grid-column-gap: var(--pd-puco-spacing-l)
}

.puco-comparison-table__cell-group--5-cells {
    grid-template-columns: repeat(10, 1fr);
    grid-column: span 10
}

.puco-comparison-table__cell-group--2-cells,
.puco-comparison-table__cell-group--4-cells {
    grid-template-columns: repeat(8, 1fr);
    grid-column: span 8
}

.puco-comparison-table__cell-group--3-cells {
    grid-template-columns: repeat(9, 1fr);
    grid-column: span 9
}

@media screen and (max-width:1103px) {

    .puco-comparison-table__cell-group--2-cells,
    .puco-comparison-table__cell-group--3-cells,
    .puco-comparison-table__cell-group--4-cells,
    .puco-comparison-table__cell-group--5-cells {
        width: 200%;
        grid-template-columns: repeat(4, 1fr);
        grid-column-gap: 0;
        grid-column-start: 1;
        grid-column-end: -1
    }
}

.puco-comparison-table__cell {
    padding: var(--pd-puco-spacing-s) var(--pd-puco-spacing-l);
    flex-direction: column;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    position: relative
}

.puco-comparison-table__cell--bg-grey,
.puco-comparison-table__cell:not(.puco-comparison-table__cell--block-heading):not(.puco-comparison-table__cell--label):not(.puco-comparison-table__cell--spacer) {
    border-right: 1px solid var(--pd-puco-color-divider-primary);
    border-left: 1px solid var(--pd-puco-color-divider-primary)
}

@media screen and (max-width:1103px) {

    .puco-comparison-table__cell--bg-grey,
    .puco-comparison-table__cell:not(.puco-comparison-table__cell--block-heading):not(.puco-comparison-table__cell--label):not(.puco-comparison-table__cell--spacer) {
        border-right: none;
        border-left: none
    }
}

.puco-comparison-table__cell--span-1 {
    grid-column-end: span 1
}

.puco-comparison-table__cell--start-1 {
    grid-column-start: 1
}

.puco-comparison-table__cell--span-2 {
    grid-column-end: span 2
}

.puco-comparison-table__cell--start-2 {
    grid-column-start: 2
}

.puco-comparison-table__cell--span-3 {
    grid-column-end: span 3
}

.puco-comparison-table__cell--start-3 {
    grid-column-start: 3
}

.puco-comparison-table__cell--span-4 {
    grid-column-end: span 4
}

.puco-comparison-table__cell--start-4 {
    grid-column-start: 4
}

.puco-comparison-table__cell--span-5 {
    grid-column-end: span 5
}

.puco-comparison-table__cell--start-5 {
    grid-column-start: 5
}

.puco-comparison-table__cell--span-6 {
    grid-column-end: span 6
}

.puco-comparison-table__cell--start-6 {
    grid-column-start: 6
}

.puco-comparison-table__cell--span-7 {
    grid-column-end: span 7
}

.puco-comparison-table__cell--start-7 {
    grid-column-start: 7
}

.puco-comparison-table__cell--span-8 {
    grid-column-end: span 8
}

.puco-comparison-table__cell--start-8 {
    grid-column-start: 8
}

.puco-comparison-table__cell--span-9 {
    grid-column-end: span 9
}

.puco-comparison-table__cell--start-9 {
    grid-column-start: 9
}

.puco-comparison-table__cell--span-10 {
    grid-column-end: span 10
}

.puco-comparison-table__cell--start-10 {
    grid-column-start: 10
}

.puco-comparison-table__cell--span-11 {
    grid-column-end: span 11
}

.puco-comparison-table__cell--start-11 {
    grid-column-start: 11
}

.puco-comparison-table__cell--span-12 {
    grid-column-end: span 12
}

.puco-comparison-table__cell--start-12 {
    grid-column-start: 12
}

.puco-comparison-table__cell--heading {
    padding: var(--pd-puco-spacing-m);
    text-align: center;
    flex-direction: row;
    justify-content: center;
    border-top: 1px solid var(--pd-puco-color-divider-primary)
}

.puco-comparison-table__cell--heading:not(.puco-comparison-table__cell--heading--label) .puco-text {
    font-size: var(--pd-puco-font-small-title-m-font-size)
}

@media screen and (max-width:1103px) {
    .puco-comparison-table__cell--heading {
        font-size: var(--pd-puco-font-website-body-xs-font-size)
    }
}

.puco-comparison-table__cell--heading-simple {
    padding: var(--pd-puco-spacing-s) var(--pd-puco-spacing-s) var(--pd-puco-spacing-s) var(--pd-puco-spacing-l);
    justify-self: start
}

@media screen and (max-width:1103px) {
    .puco-comparison-table__cell--heading-simple {
        padding: var(--pd-puco-spacing-s);
        justify-self: stretch
    }
}

.puco-comparison-table__cell--block-heading {
    flex-direction: row
}

@media screen and (max-width:1103px) {
    .puco-comparison-table__cell--spacer {
        display: none
    }
}

.puco-comparison-table__cell--direction-row {
    flex-direction: row
}

.puco-comparison-table__cell--direction-row.puco-comparison-table__cell--vertical-start {
    align-items: flex-start
}

.puco-comparison-table__cell--direction-row.puco-comparison-table__cell--vertical-center {
    align-items: center
}

.puco-comparison-table__cell--direction-row.puco-comparison-table__cell--vertical-end {
    align-items: flex-end
}

.puco-comparison-table__cell--direction-row.puco-comparison-table__cell--horizontal-left {
    justify-content: left
}

.puco-comparison-table__cell--direction-row.puco-comparison-table__cell--horizontal-center {
    justify-content: center
}

.puco-comparison-table__cell--direction-row.puco-comparison-table__cell--horizontal-right {
    justify-content: right
}

.puco-comparison-table__cell--direction-column {
    flex-direction: column
}

.puco-comparison-table__cell--direction-column.puco-comparison-table__cell--vertical-start {
    justify-content: left
}

.puco-comparison-table__cell--direction-column.puco-comparison-table__cell--vertical-center {
    justify-content: center
}

.puco-comparison-table__cell--direction-column.puco-comparison-table__cell--vertical-end {
    justify-content: right
}

.puco-comparison-table__cell--direction-column.puco-comparison-table__cell--horizontal-left {
    align-items: flex-start
}

.puco-comparison-table__cell--direction-column.puco-comparison-table__cell--horizontal-center {
    align-items: center
}

.puco-comparison-table__cell--direction-column.puco-comparison-table__cell--horizontal-right {
    align-items: flex-end
}

.puco-comparison-table__cell--label {
    z-index: var(--pd-puco-z-index-comparison-table-cell-label);
    flex-direction: row;
    gap: 10px
}

@media screen and (max-width:1103px) {
    .puco-comparison-table__cell {
        font-size: var(--pd-puco-font-website-body-s-font-size);
        grid-column-start: auto;
        padding-top: var(--pd-puco-spacing-s);
        padding-bottom: var(--pd-puco-spacing-s)
    }

    .puco-comparison-table__cell .puco-tooltip {
        display: none
    }

    .puco-comparison-table__cell--heading,
    .puco-comparison-table__cell--heading-simple {
        font-size: var(--pd-puco-font-website-body-s-font-size);
        background-color: var(--pd-puco-color-surface-default) !important;
        grid-column: auto/span 1
    }

    .puco-comparison-table__cell--heading-simple>h1,
    .puco-comparison-table__cell--heading-simple>h2,
    .puco-comparison-table__cell--heading-simple>h3,
    .puco-comparison-table__cell--heading-simple>h4,
    .puco-comparison-table__cell--heading-simple>h5,
    .puco-comparison-table__cell--heading-simple>h6,
    .puco-comparison-table__cell--heading>h1,
    .puco-comparison-table__cell--heading>h2,
    .puco-comparison-table__cell--heading>h3,
    .puco-comparison-table__cell--heading>h4,
    .puco-comparison-table__cell--heading>h5,
    .puco-comparison-table__cell--heading>h6 {
        font-size: var(--pd-puco-font-website-body-s-font-size);
        text-align: center
    }

    .puco-comparison-table__cell:not(.puco-comparison-table__cell--heading):not(.puco-comparison-table__cell--label) {
        grid-column-start: auto;
        grid-column-end: span 1;
        grid-row-start: 2;
        background-color: transparent
    }

    .puco-comparison-table__cell--hidden {
        display: none
    }

    .puco-comparison-table__cell--label {
        grid-column-start: 1;
        grid-column-end: -1;
        text-align: center;
        padding-left: var(--pd-puco-spacing-none);
        padding-right: var(--pd-puco-spacing-none);
        justify-content: center
    }

    .puco-comparison-table__cell--label .puco-text {
        font-size: var(--pd-puco-font-website-body-s-font-size)
    }
}

.puco-comparison-table__block__header {
    display: flex;
    flex-direction: row;
    font-size: var(--pd-puco-font-website-body-s-font-size);
    font-weight: var(--pd-puco-font-website-h6-both-font-weight);
    color: var(--pd-color-text-primary);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    align-items: center
}

@media screen and (max-width:1103px) {
    .puco-comparison-table__block__header {
        padding: var(--pd-puco-spacing-none);
        background-color: transparent
    }
}

.puco-comparison-table__block__header__icon {
    min-width: 24px
}

.puco-comparison-table__block-content {
    display: grid;
    grid-template-rows: 1fr;
    transition: grid-template-rows var(--pd-puco-animation-500-time) var(--pd-puco-transition-curve-1);
    min-height: 5px
}

.puco-comparison-table__block-content[aria-hidden=true] {
    grid-template-rows: 0fr
}

.puco-comparison-table__block-content>div {
    overflow: hidden
}

.puco-comparison-table--bordered .puco-comparison-table__cell:not(.puco-comparison-table__cell--block-heading):not(.puco-comparison-table__cell--label),
.puco-comparison-table--simple .puco-comparison-table__cell:not(.puco-comparison-table__cell--block-heading):not(.puco-comparison-table__cell--label) {
    background-color: transparent;
    background-color: initial;
    border: initial
}

.puco-comparison-table--simple .puco-comparison-table__cell--heading {
    padding: var(--pd-puco-spacing-s)
}

.onscroll-fade {
    transition: opacity var(--pd-puco-animation-200-time) ease-in-out
}

.puco-header-container {
    width: 100%;
    position: relative;
    display: block
}

.puco-header-container:not(.puco-header-container--scroll-down) {
    z-index: var(--pd-puco-z-index-header)
}

@media screen and (max-width:712px) {
    .puco-header-container {
        height: var(--pd-puco-mobile-header-height)
    }
}

.puco-header-container--static .puco-header {
    position: relative
}

.puco-header {
    background-color: var(--pd-puco-color-surface-default-background);
    color: var(--pd-puco-color-text-link-dark);
    transition: all var(--pd-puco-animation-400-time) ease-in-out var(--pd-puco-animation-400-time)
}

.puco-header .fade-links {
    opacity: .3;
    pointer-events: none
}

@media screen and (min-width:713px) {
    .puco-header--scroll-down:not(.puco-header--no-shadow) {
        box-shadow: var(--pd-puco-elevation-raised-hover)
    }

    .puco-header--scroll-down.puco-header--with-sec-nav {
        top: -30px;
        overflow: hidden;
        transform: translateY(calc(var(--pd-puco-header-height)*-1 + var(--pd-global-banner-height, 0px)*-1))
    }

    .puco-header--scroll-up {
        overflow: visible;
        overflow: initial;
        top: 0;
        transform: none
    }
}

@media screen and (min-width:712px) and (max-width:1103px) {
    .puco-header--transform.puco-header--with-sec-nav {
        top: -30px;
        overflow: hidden;
        transform: translateY(calc(var(--pd-puco-header-height)*-1 + var(--pd-global-banner-height, 0px)*-1))
    }
}

.puco-header--animated {
    animation: slide-out-from-top var(--pd-puco-animation-500-time) ease-in-out
}

.puco-header__content {
    max-width: var(--pd-puco-max-container-width);
    width: 100%;
    margin: var(--pd-puco-spacing-none) auto;
    height: var(--pd-puco-header-height);
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
    transition: transform var(--pd-puco-animation-500-time) ease-in-out, opacity var(--pd-puco-animation-500-time) ease-in-out, box-shadow var(--pd-puco-animation-320-time) ease-in-out, padding .1s;
    box-sizing: border-box
}

@media screen and (max-width:712px) {
    .puco-header__content {
        height: var(--pd-puco-mobile-header-height)
    }
}

@media screen and (min-width:320px) {
    .puco-header__content {
        padding: 0 var(--pd-puco-spacing-m)
    }
}

@media screen and (min-width:713px) {
    .puco-header__content {
        padding: 0 var(--pd-puco-spacing-l)
    }
}

@media screen and (min-width:1104px) {
    .puco-header__content {
        padding: 0 var(--pd-puco-spacing-l)
    }
}

@media screen and (min-width:1400px) {
    .puco-header__content {
        padding: 0 48px
    }
}

@media screen and (min-width:1600px) {
    .puco-header__content {
        padding: 0 56px
    }
}

.puco-header__left-wrapper,
.puco-header__right-wrapper {
    height: var(--pd-puco-header-height);
    display: flex;
    align-items: center
}

@media screen and (max-width:712px) {

    .puco-header__left-wrapper,
    .puco-header__right-wrapper {
        height: var(--pd-puco-mobile-header-height)
    }

    .puco-header__left-wrapper .puco-button,
    .puco-header__right-wrapper .puco-button {
        font-size: var(--pd-puco-font-button-s-font-size);
        line-height: var(--pd-puco-font-button-s-line-height)
    }
}

@media screen and (max-width:320px) {

    .puco-header__left-wrapper .puco-button,
    .puco-header__right-wrapper .puco-button {
        font-size: 13px
    }
}

.puco-header__left-wrapper>* {
    display: inline-flex
}

.puco-header__left-wrapper>:not(:last-child) {
    margin-right: var(--pd-puco-spacing-l)
}

@media screen and (min-width:1103px) and (max-width:calc(1400px + 5px)) {
    .puco-header__left-wrapper>:not(:last-child) {
        margin-right: var(--pd-puco-spacing-m)
    }
}

@media screen and (max-width:712px) {
    .puco-header__left-wrapper>:not(:last-child) {
        margin-right: var(--pd-puco-spacing-xs)
    }
}

.puco-header__left-wrapper>:first-child {
    margin-right: 30px
}

@media screen and (max-width:1103px) {
    .puco-header__left-wrapper>:first-child {
        margin-right: var(--pd-puco-spacing-m)
    }
}

.puco-header__right-wrapper>:not(:last-child) {
    margin-right: var(--pd-puco-spacing-m)
}

@media screen and (min-width:1103px) and (max-width:1400px) {
    .puco-header__right-wrapper>:not(:last-child) {
        margin-right: var(--pd-puco-spacing-s)
    }
}

.puco-header__right-wrapper .puco-navigation-link {
    font-size: var(--pd-puco-font-website-body-s-font-size)
}

.puco-header__navigation {
    margin: var(--pd-puco-spacing-none);
    padding: var(--pd-puco-spacing-none);
    height: var(--pd-puco-header-height)
}

.puco-header__navigation-item {
    height: 100%;
    padding: var(--pd-puco-spacing-none) var(--pd-puco-spacing-m);
    display: inline-flex;
    align-items: center;
    line-height: var(--pd-puco-font-website-body-s-line-height);
    font-weight: var(--pd-puco-font-website-body-s-font-weight);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.puco-header__navigation-item,
.puco-header__navigation-item .puco-navigation-link__text {
    font-size: var(--pd-puco-font-website-body-s-font-size)
}

@media screen and (min-width:1103px) and (max-width:1400px) {
    .puco-header__navigation-item {
        padding: var(--pd-puco-spacing-none) var(--pd-puco-spacing-s)
    }
}

.puco-header__navigation-item>svg:last-child {
    margin-left: var(--pd-puco-spacing-s)
}

.puco-header__navigation-item__block {
    display: inline-flex;
    align-items: center
}

.puco-header__navigation-item:not(.puco-header__navigation-item--active)>div:after {
    opacity: 0;
    transform: scaleX(0);
    transition: transform var(--pd-puco-animation-320-time) var(--pd-puco-transition-curve-4) 80ms, opacity var(--pd-puco-animation-320-time) var(--pd-puco-transition-curve-4) 80ms;
    transform-origin: 100% 50%
}

.puco-header__navigation-item>div {
    position: relative
}

.puco-header__navigation-item>div:after {
    display: block;
    position: relative;
    content: "";
    margin-top: -5px;
    border-bottom: 2px solid;
    border-radius: 1px;
    position: absolute;
    bottom: 0;
    width: 100%;
    border-color: var(--pd-color-active-default)
}

.puco-header__navigation-item:hover>div {
    transition: transform var(--pd-puco-animation-400-time) var(--pd-puco-transition-curve-3)
}

.puco-header__navigation-item:hover>div:after {
    transform: scaleX(1);
    transform-origin: 0 50%;
    opacity: 1;
    transition: transform var(--pd-puco-animation-320-time) var(--pd-puco-transition-curve-3) 80ms, opacity var(--pd-puco-animation-320-time) var(--pd-puco-transition-curve-3) 80ms
}

.puco-header__navigation-item--active>div:after,
.puco-header__navigation-item:hover>div:after {
    border-color: var(--pd-color-active-default)
}

.puco-header__navigation-item-arrow {
    margin-left: var(--pd-puco-spacing-s);
    transition: transform var(--pd-puco-animation-320-time)
}

.puco-horizontal-navigation-container {
    width: 100%;
    height: var(--pd-puco-horizontal-nav-height);
    position: relative
}

.puco-horizontal-navigation-container .puco-container {
    position: static;
    background-color: var(--pd-puco-color-surface-dark-background)
}

@media screen and (max-width:712px) {
    .puco-horizontal-navigation-container {
        height: var(--pd-puco-mobile-horizontal-nav-height)
    }
}

.puco-horizontal-navigation {
    left: 0;
    width: 100%;
    z-index: var(--pd-puco-z-index-horizontal-nav);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.puco-horizontal-navigation--fixed {
    position: fixed;
    top: 88px
}

@media screen and (max-width:712px) {
    .puco-horizontal-navigation--fixed {
        top: var(--pd-puco-mobile-header-height)
    }
}

.puco-horizontal-navigation__logo {
    padding: var(--pd-puco-spacing-none) var(--pd-puco-spacing-l);
    padding-left: var(--pd-puco-spacing-m)
}

.puco-horizontal-navigation__logo svg {
    width: var(--pd-puco-icon-svg-size-logo);
    height: var(--pd-puco-icon-svg-size-logo)
}

.puco-horizontal-navigation__logo__link:hover {
    text-decoration: none
}

.puco-horizontal-navigation__logo .puco-logo__subbranding {
    text-transform: uppercase
}

.puco-horizontal-navigation--scrolling {
    box-shadow: var(--pd-puco-elevation-raised-hover)
}

@media screen and (min-width:713px) {
    .puco-horizontal-navigation {
        transition: all var(--pd-puco-animation-400-time) ease-in-out var(--pd-puco-animation-400-time)
    }

    .puco-horizontal-navigation--scrolling {
        box-shadow: var(--pd-puco-elevation-raised-hover);
        z-index: var(--pd-puco-z-index-horizontal-nav-scrolling);
        transform: translateY(calc(var(--horizontalNavigationTop)*-1))
    }

    .puco-horizontal-navigation--scrolling-up {
        transform: translateY(0)
    }

    .puco-horizontal-navigation--scrolling-up:not(:hover) .onscroll-fade {
        opacity: 1
    }
}

@media screen and (min-width:712px) and (max-width:1103px) {
    .puco-horizontal-navigation--transform {
        box-shadow: var(--pd-puco-elevation-raised-hover);
        z-index: var(--pd-puco-z-index-horizontal-nav-scrolling);
        transform: translateY(calc(var(--horizontalNavigationTop)*-1))
    }
}

.puco-horizontal-navigation__content {
    display: flex;
    justify-content: center;
    align-items: center;
    height: var(--pd-puco-horizontal-nav-height);
    width: 100%;
    max-width: var(--pd-puco-max-container-width);
    margin: var(--pd-puco-spacing-none) auto;
    box-sizing: border-box
}

@media screen and (min-width:320px) {
    .puco-horizontal-navigation__content {
        padding: var(--pd-puco-spacing-none) var(--pd-puco-spacing-none)
    }
}

@media screen and (min-width:713px) {
    .puco-horizontal-navigation__content {
        padding: var(--pd-puco-spacing-none) var(--pd-puco-spacing-m)
    }
}

@media screen and (min-width:1104px) {
    .puco-horizontal-navigation__content {
        padding: var(--pd-puco-spacing-none) var(--pd-puco-spacing-m)
    }
}

@media screen and (min-width:1400px) {
    .puco-horizontal-navigation__content {
        padding: var(--pd-puco-spacing-none) 28px
    }
}

@media screen and (min-width:1600px) {
    .puco-horizontal-navigation__content {
        padding: var(--pd-puco-spacing-none) 36px
    }
}

.puco-horizontal-navigation__content--left {
    justify-content: left
}

.puco-horizontal-navigation__content .puco-dropdown-trigger .puco-horizontal-navigation__link-content {
    padding: var(--pd-puco-spacing-none)
}

.puco-horizontal-navigation__content .puco-dropdown-trigger--visible .puco-horizontal-navigation__trigger-icon {
    padding-right: var(--pd-puco-spacing-s);
    padding-left: var(--pd-puco-spacing-none);
    transform: rotate(180deg)
}

@media screen and (max-width:712px) {
    .puco-horizontal-navigation__content {
        padding: var(--pd-puco-spacing-none);
        flex-flow: wrap;
        height: auto
    }

    .puco-horizontal-navigation__content .puco-submenu__items {
        max-height: calc(100vh - 130px);
        background-color: var(--pd-puco-color-surface-default-background);
        width: 100%;
        padding: 0
    }

    .puco-horizontal-navigation__content .puco-submenu__items[aria-hidden=false]>div {
        overflow: auto
    }

    .puco-horizontal-navigation__content .puco-submenu__items__wrapper {
        padding: 0
    }

    .puco-horizontal-navigation__content .puco-submenu__items__title {
        color: var(--pd-puco-color-text-link-dark)
    }

    .puco-horizontal-navigation__content .puco-submenu__items__hero {
        background-color: transparent;
        padding-bottom: 0
    }

    .puco-horizontal-navigation__content .puco-submenu__items__section {
        background-color: var(--pd-color-surface-app-background);
        border-radius: var(--pd-radius-m);
        margin: var(--pd-puco-spacing-m)
    }

    .puco-horizontal-navigation__content .puco-submenu__items__section:not(:last-child):after {
        display: none
    }

    .puco-horizontal-navigation__content .puco-submenu__trigger {
        padding: 7px var(--pd-puco-spacing-none);
        text-align: center
    }

    .puco-horizontal-navigation__content .puco-submenu__trigger--has-logo {
        text-align: right
    }

    .puco-horizontal-navigation__content .puco-submenu__trigger__text {
        font-size: var(--pd-puco-font-website-body-s-font-size)
    }

    .puco-horizontal-navigation__content .puco-submenu__trigger svg {
        position: inherit;
        display: inline-block;
        right: auto;
        margin-left: var(--pd-puco-spacing-s);
        vertical-align: middle
    }

    .puco-horizontal-navigation__content .puco-submenu__trigger span {
        display: inline-block
    }

    .puco-horizontal-navigation__content .puco-submenu__trigger {
        color: var(--pd-puco-color-text-link-light-inverted)
    }

    .puco-horizontal-navigation__content .puco-submenu__item {
        color: var(--pd-puco-color-text-link-dark)
    }

    .puco-horizontal-navigation__content .puco-submenu__item--highlight {
        color: var(--pd-color-text-link)
    }
}

.puco-horizontal-navigation__ellipses {
    height: 100%;
    padding: var(--pd-puco-spacing-none) var(--pd-puco-spacing-m)
}

.puco-horizontal-navigation__ellipses:hover {
    background: var(--pd-puco-color-active-extra-strong)
}

.puco-horizontal-navigation__ellipses-icon {
    height: 100%
}

.puco-horizontal-navigation__trigger {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: var(--pd-puco-spacing-none) var(--pd-puco-spacing-m);
    cursor: pointer
}

.puco-horizontal-navigation__trigger--selected .puco-horizontal-navigation__trigger-text {
    color: var(--pd-puco-color-text-link-light-inverted)
}

.puco-horizontal-navigation__trigger--selected .puco-horizontal-navigation__trigger-wrapper {
    text-decoration: none;
    border-bottom: 2px solid var(--pd-puco-color-text-link-light-inverted)
}

.puco-horizontal-navigation__trigger-wrapper {
    display: flex;
    justify-content: center;
    align-items: center
}

.puco-horizontal-navigation__trigger:hover .puco-horizontal-navigation__trigger-text {
    color: var(--pd-puco-color-text-link-light-inverted)
}

.puco-horizontal-navigation__trigger:hover .puco-horizontal-navigation__trigger-wrapper {
    text-decoration: none;
    border-bottom: 2px solid var(--pd-puco-color-text-link-light-inverted)
}

.puco-horizontal-navigation__trigger-text {
    color: var(--pd-puco-color-text-link-light-inverted);
    width: -moz-max-content;
    width: max-content;
    margin: var(--pd-puco-spacing-none)
}

.puco-horizontal-navigation__trigger-icon {
    fill: var(--pd-puco-color-text-link-light-inverted);
    vertical-align: middle;
    padding-left: var(--pd-puco-spacing-s)
}

.puco-horizontal-navigation__link {
    display: flex;
    align-items: center;
    height: 100%;
    flex: 0 0 auto;
    cursor: pointer;
    box-sizing: content-box;
    padding: var(--pd-puco-spacing-none) var(--pd-puco-spacing-m)
}

.puco-horizontal-navigation__link .puco-horizontal-navigation__trigger {
    padding: var(--pd-puco-spacing-none)
}

.puco-horizontal-navigation__link--selected .puco-horizontal-navigation__link-content {
    color: var(--pd-puco-color-text-link-light-inverted);
    border-bottom: 2px solid var(--pd-puco-color-text-link-light-inverted)
}

.puco-horizontal-navigation__link:hover {
    text-decoration: none
}

.puco-horizontal-navigation__link:hover .puco-horizontal-navigation__link-content {
    border-bottom: 2px solid var(--pd-puco-color-text-link-light-inverted)
}

.puco-horizontal-navigation__link:hover .puco-horizontal-navigation__trigger-wrapper {
    border-bottom: none
}

.puco-horizontal-navigation__link-content {
    display: flex;
    height: -moz-fit-content;
    height: fit-content;
    align-items: center;
    font-size: var(--pd-puco-font-website-body-s-font-size);
    line-height: var(--pd-puco-font-website-body-s-line-height);
    font-weight: var(--pd-puco-font-website-body-s-font-weight)
}

.puco-dropdown-trigger {
    position: relative;
    display: inline-block;
    outline: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.puco-dropdown-trigger--width-full,
.puco-dropdown-trigger--width-full .puco-dropdown {
    width: 100%
}

.puco-dropdown {
    display: flex;
    flex-direction: column;
    position: absolute;
    max-height: 80vh;
    width: 270px;
    text-align: left;
    background-color: var(--pd-puco-color-surface-default-background);
    box-shadow: var(--pd-puco-elevation-raised-hover);
    visibility: hidden;
    opacity: 0;
    transition-property: opacity, visibility;
    transition-duration: .15s;
    transition-delay: .15s;
    margin-top: 14px;
    z-index: var(--pd-puco-z-index-dropdown);
    border-radius: var(--pd-radius-m)
}

.puco-dropdown.puco-dropdown--visible {
    opacity: 1;
    visibility: visible;
    transition-delay: 0ms
}

.puco-dropdown--full {
    width: 100%
}

.puco-dropdown.puco-dropdown--tail:after {
    display: block;
    position: absolute;
    bottom: 100%;
    content: "";
    margin-bottom: -5px;
    transform: rotate(135deg);
    background-color: var(--pd-puco-color-surface-default-background);
    border: 5px solid transparent;
    box-shadow: var(--pd-puco-elevation-raised-hover);
    z-index: var(--pd-puco-z-index-dropdown)
}

.puco-dropdown--horizontal-align-left {
    left: 0
}

.puco-dropdown--horizontal-align-left:after {
    left: var(--pd-puco-spacing-m)
}

.puco-dropdown--horizontal-align-center {
    left: 50%;
    transform: translateX(-50%)
}

.puco-dropdown--horizontal-align-center:after {
    left: 50%
}

.puco-dropdown--horizontal-align-right {
    right: 0
}

.puco-dropdown--horizontal-align-right:after {
    right: var(--pd-puco-spacing-m)
}

.puco-dropdown--vertical-align-top {
    top: auto;
    bottom: 100%;
    flex-direction: column-reverse;
    margin-top: 0;
    margin-bottom: 14px
}

.puco-dropdown--vertical-align-top:after {
    bottom: auto;
    top: 100%;
    margin-bottom: 0;
    margin-top: -5px
}

.puco-dropdown--noMargin {
    margin-top: var(--pd-puco-spacing-none);
    margin-bottom: var(--pd-puco-spacing-none)
}

@media screen and (max-width:712px) {
    .puco-dropdown {
        max-height: 60vh;
        box-shadow: var(--pd-puco-elevation-raised-hover);
        top: auto;
        padding: 0
    }

    .puco-dropdown:after {
        display: none
    }
}

.puco-dropdown__menu {
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    padding: var(--pd-puco-spacing-m) var(--pd-puco-spacing-none);
    max-height: 100%;
    background-color: var(--pd-puco-color-surface-default-background);
    border-radius: var(--pd-radius-m);
    overflow: overlay;
    z-index: var(--pd-puco-z-index-dropdown-menu)
}

@media screen and (max-width:712px) {
    .puco-dropdown__menu {
        width: 100%;
        padding: var(--pd-puco-spacing-none)
    }
}

.puco-dropdown__menu::-webkit-scrollbar {
    -webkit-appearance: none
}

.puco-dropdown__menu::-webkit-scrollbar:vertical {
    width: 10px
}

.puco-dropdown__menu::-webkit-scrollbar:horizontal {
    height: 10px
}

.puco-dropdown__menu::-webkit-scrollbar-thumb {
    border-radius: 8px;
    box-shadow: inset 0 0 12px 12px rgba(0, 0, 0, .5);
    border: 2px solid transparent
}

.puco-dropdown__menu::-webkit-scrollbar-track {
    box-shadow: inset 0 0 12px 12px transparent;
    border: 2px solid transparent
}

.puco-dropdown__item {
    font-size: var(--pd-puco-font-website-body-s-font-size);
    line-height: var(--pd-puco-font-website-body-s-line-height);
    padding: var(--pd-puco-spacing-xs) var(--pd-puco-spacing-m);
    cursor: pointer;
    display: block;
    text-decoration: none;
    color: var(--pd-puco-color-text-link-dark);
    background-color: var(--pd-puco-color-surface-default-background)
}

.puco-dropdown__item--hover,
.puco-dropdown__item:hover {
    background-color: var(--pd-color-fill-light);
    text-decoration: underline
}

.puco-dropdown__item--selected,
.puco-dropdown__item:active {
    background-color: var(--pd-puco-color-fill-extra-light)
}

.puco-dropdown__item--disabled {
    color: var(--pd-puco-color-text-link-medium);
    cursor: none;
    pointer-events: none
}

.puco-select {
    position: relative
}

.puco-select__icon-left,
.puco-select__icon-right {
    position: absolute;
    top: 16px;
    cursor: text;
    fill: var(--pd-color-icon-secondary);
    pointer-events: none
}

.puco-select__icon-left--close,
.puco-select__icon-right--close {
    pointer-events: inherit;
    cursor: pointer
}

.puco-select__icon-left {
    left: var(--pd-puco-spacing-s)
}

.puco-select__icon-right {
    right: var(--pd-puco-spacing-m)
}

.puco-select__trigger {
    box-sizing: border-box;
    height: 56px;
    padding: 13px var(--pd-puco-spacing-m);
    font-size: var(--pd-puco-font-website-body-font-size);
    color: var(--pd-color-text-secondary);
    border-radius: var(--pd-radius-m);
    border: 2px solid var(--pd-puco-color-fill-extra-light);
    outline: none;
    width: 100%;
    background: var(--pd-puco-color-fill-extra-light)
}

.puco-select__trigger--prefix {
    padding-left: 50px
}

.puco-select__trigger--dark {
    background-color: var(--pd-puco-color-surface-default-background);
    border: 2px solid var(--pd-puco-color-surface-default-background)
}

.puco-select__trigger--dark~.puco-field-message__text {
    color: var(--pd-color-text-negative)
}

.puco-select__trigger--selected {
    color: var(--pd-color-text-primary)
}

.puco-select__trigger.visible {
    border: 2px solid var(--pd-color-active-default)
}

.puco-select__trigger--error,
.puco-select__trigger--error .visible {
    border: 2px solid var(--pd-color-negative-default)
}

.puco-select__trigger--error .visible.puco-select__trigger--bottom-border,
.puco-select__trigger--error.puco-select__trigger--bottom-border {
    border-bottom: 2px solid var(--pd-color-negative-default)
}

.puco-select__trigger--bottom-border {
    padding-left: var(--pd-puco-spacing-m);
    background-color: transparent;
    border: none;
    border-radius: 0;
    border-bottom: 2px solid var(--pd-puco-color-divider-primary);
    padding-right: var(--pd-puco-spacing-l)
}

.puco-select__trigger--bottom-border.puco-select__trigger--prefix {
    padding-left: var(--pd-puco-spacing-l)
}

.puco-select__trigger--bottom-border~.puco-select__icon-left {
    left: var(--pd-puco-spacing-s)
}

.puco-select__trigger--bottom-border~.puco-select__icon-right {
    right: var(--pd-puco-spacing-s)
}

.puco-select__trigger--bottom-border.visible {
    border: none;
    border-bottom: 2px solid var(--pd-color-active-default)
}

.puco-field-message__text {
    color: var(--pd-color-text-secondary);
    margin: 2px var(--pd-puco-spacing-none)
}

.puco-field-message__text--error {
    color: var(--pd-color-text-negative)
}

.puco-field-message__text--disabled,
.puco-field-message__text--light {
    color: var(--pd-color-text-muted)
}

.puco-logo {
    display: flex;
    align-items: center
}

.puco-logo--primary {
    color: var(--pd-color-active-default)
}

.puco-logo--primary svg {
    fill: var(--pd-color-active-default)
}

.puco-logo--light {
    color: var(--pd-color-text-primary-inverted)
}

.puco-logo--light svg {
    fill: var(--pd-color-icon-primary-inverted)
}

.puco-logo__subbranding {
    margin-left: var(--pd-puco-spacing-s);
    font-weight: var(--pd-puco-font-website-body-strong-font-weight);
    width: -moz-max-content;
    width: max-content
}

.puco-cta-banner {
    position: fixed;
    z-index: var(--pd-puco-z-index-cta-banner);
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: var(--pd-puco-color-surface-default-background);
    box-shadow: 0 -4px 12px rgba(0, 0, 0, .06);
    height: 100px;
    padding: var(--pd-puco-spacing-m) 104px var(--pd-puco-spacing-m) var(--pd-puco-spacing-l);
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    flex-direction: column
}

@media screen and (min-width:712px) and (max-width:1103px) {
    .puco-cta-banner {
        padding: var(--pd-puco-spacing-m) 64px var(--pd-puco-spacing-m) var(--pd-puco-spacing-m)
    }
}

@media screen and (max-width:712px) {
    .puco-cta-banner {
        padding: var(--pd-puco-spacing-m) 56px var(--pd-puco-spacing-m) var(--pd-puco-spacing-m);
        height: 90px
    }

    .puco-cta-banner .puco-button {
        font-size: var(--pd-puco-font-button-s-font-size)
    }
}

.puco-cta-banner__main {
    display: grid;
    grid-template-columns: 169px 1fr 250px;
    align-items: center;
    justify-content: center;
    grid-column-gap: var(--pd-puco-spacing-m);
    text-align: center
}

@media screen and (max-width:1103px) {
    .puco-cta-banner__main {
        grid-template-columns: 1fr 1fr
    }
}

.puco-cta-banner__main .puco-text {
    font-size: var(--pd-puco-font-website-h5-both-font-size)
}

.puco-cta-banner__logo {
    max-width: 169px;
    max-height: 60px;
    display: flex;
    align-items: center
}

.puco-cta-banner__logo img {
    max-width: 100%
}

@media screen and (max-width:712px) {
    .puco-cta-banner__logo {
        width: 115px;
        height: 37px
    }
}

.puco-cta-banner__close {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: var(--pd-puco-spacing-l);
    cursor: pointer
}

@media screen and (max-width:1103px) {
    .puco-cta-banner__close {
        right: var(--pd-puco-spacing-m)
    }
}

.puco-cta-block {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center
}

@media screen and (max-width:712px) {
    .puco-cta-block {
        padding-right: var(--pd-puco-spacing-m) !important;
        padding-left: var(--pd-puco-spacing-m) !important
    }
}

.puco-cta-block__logo {
    display: flex;
    justify-content: center;
    margin-bottom: var(--pd-puco-spacing-m)
}

.puco-cta-block__heading {
    margin-top: 0;
    margin-bottom: var(--pd-puco-spacing-l)
}

@media screen and (max-width:712px) {
    .puco-cta-block__heading {
        margin-bottom: var(--pd-puco-spacing-m)
    }
}

.puco-cta-block__footer {
    position: relative
}

.puco-cta-block__footer .puco-text {
    font-size: var(--pd-puco-font-website-body-s-font-size);
    line-height: var(--pd-puco-font-website-body-s-line-height)
}

.puco-cta-block .puco-button {
    min-height: 56px;
    box-sizing: border-box
}

.puco-cta-block .puco-button:not(:only-of-type) {
    min-width: 250px
}

@media screen and (min-width:1104px) {

    .puco-cta-block--theme-secondary-dark.puco-container--variant-v1 .puco-cta-block__heading,
    .puco-cta-block--theme-secondary-light.puco-container--variant-v1 .puco-cta-block__heading {
        margin: 0 280px var(--pd-puco-spacing-l) 280px
    }
}

@media screen and (min-width:1400px) {

    .puco-cta-block--theme-secondary-dark.puco-container--variant-v1 .puco-cta-block__heading,
    .puco-cta-block--theme-secondary-light.puco-container--variant-v1 .puco-cta-block__heading {
        margin: 0 400px var(--pd-puco-spacing-l) 400px
    }
}

@media screen and (min-width:2000px) {

    .puco-cta-block--theme-secondary-dark.puco-container--variant-v1 .puco-cta-block__heading,
    .puco-cta-block--theme-secondary-light.puco-container--variant-v1 .puco-cta-block__heading {
        margin: 0 100px var(--pd-puco-spacing-l) 100px
    }
}

.puco-cta-block--theme-secondary-light .puco-cta-block__heading,
.puco-cta-block--theme-secondary-light .puco-text:not(.puco-field-message__text--error) {
    color: var(--pd-color-text-primary)
}

.puco-cta-block--theme-secondary-light .puco-link {
    color: var(--pd-color-text-link)
}

.puco-cta-block--theme-secondary-light .puco-link:hover {
    -webkit-text-decoration: underline solid var(--pd-color-text-link);
    text-decoration: underline solid var(--pd-color-text-link)
}

.puco-cta-block--theme-secondary-dark .puco-cta-block__heading,
.puco-cta-block--theme-secondary-dark .puco-text:not(.puco-field-message__text--error) {
    color: var(--pd-color-text-primary-inverted)
}

.puco-cta-block--theme-secondary-dark .puco-link {
    color: var(--pd-puco-color-text-link-light-inverted)
}

.puco-cta-block--theme-secondary-dark .puco-link:hover {
    -webkit-text-decoration: underline solid var(--pd-puco-color-text-link-light-inverted);
    text-decoration: underline solid var(--pd-puco-color-text-link-light-inverted)
}

.puco-cta-block--theme-secondary-dark .puco-link {
    font-weight: var(--pd-puco-font-website-body-strong-font-weight)
}

.puco-cta-block--theme-with-image {
    position: relative;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    align-items: center
}

.puco-cta-block--theme-with-image .puco-cta-block__content {
    grid-column-start: 2;
    padding: var(--pd-puco-spacing-xl) var(--pd-puco-spacing-l)
}

.puco-cta-block--theme-with-image img {
    position: absolute;
    -o-object-fit: cover;
    object-fit: cover;
    width: 50%;
    height: 100%
}

.puco-content-sidebar {
    display: flex;
    flex-direction: column;
    width: 211px;
    color: var(--pd-color-text-secondary)
}

.puco-content-sidebar__prefix {
    padding-right: var(--pd-puco-spacing-s)
}

.puco-content-sidebar__prefix--active {
    font-weight: var(--pd-puco-font-website-body-s-strong-font-weight);
    color: var(--pd-color-text-primary)
}

.puco-content-sidebar--wide {
    width: 336px
}

.puco-content-sidebar--wide .puco-content-sidebar-item__dropdown {
    list-style: none;
    padding-inline-start: var(--pd-puco-spacing-l)
}

.puco-content-sidebar ol {
    padding-inline-start: 0
}

.puco-content-sidebar li {
    list-style: none
}

.puco-content-sidebar__item {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.puco-content-sidebar__item--active {
    background-color: var(--pd-puco-color-surface-secondary-background);
    color: var(--pd-color-text-primary);
    border-radius: var(--pd-radius-m);
    border-left: 3px solid var(--pd-color-primary-default)
}

.puco-content-sidebar__item--active .puco-content-sidebar-item__trigger {
    border: none
}

.puco-content-sidebar__item ol {
    padding-inline-start: var(--pd-puco-spacing-m)
}

.puco-content-sidebar__item-trigger {
    padding: var(--pd-puco-spacing-m) var(--pd-puco-spacing-m) var(--pd-puco-spacing-m) var(--pd-puco-spacing-none);
    cursor: pointer;
    padding-inline-start: var(--pd-puco-spacing-m);
    border-left: 3px solid transparent
}

.puco-content-sidebar__item-trigger a {
    display: flex;
    text-decoration: none;
    color: inherit
}

.puco-content-sidebar__item-trigger:hover {
    color: var(--pd-color-text-primary);
    background-color: var(--pd-puco-color-surface-secondary-background);
    border-radius: var(--pd-radius-m)
}

.puco-content-sidebar__dropdown {
    max-width: 180px;
    transition: var(--pd-puco-animation-500-time);
    list-style-type: none;
    padding-inline-start: var(--pd-puco-spacing-m);
    color: var(--pd-color-text-secondary)
}

.puco-content-sidebar__dropdown--expanded {
    background-color: var(--pd-puco-color-surface-secondary-background)
}

.puco-content-sidebar__dropdown-item {
    padding-bottom: var(--pd-puco-spacing-m);
    cursor: pointer;
    display: flex
}

.puco-content-sidebar__dropdown-item a {
    text-decoration: none;
    color: var(--pd-color-text-secondary)
}

.puco-content-sidebar__dropdown-item a:hover {
    color: var(--pd-color-text-primary)
}

.puco-content-sidebar__dropdown-item a:hover>:last-child {
    text-decoration-line: underline
}

.puco-content-sidebar__dropdown-item--active a {
    color: var(--pd-color-text-primary)
}

.puco-content-sidebar__dropdown-item .puco-content-sidebar__prefix {
    padding-right: var(--pd-puco-spacing-s)
}

.puco-footer {
    font-size: var(--pd-puco-font-website-body-strong-font-size);
    padding: var(--pd-puco-spacing-xl) 32px var(--pd-puco-spacing-l);
    max-width: 1600px
}

@media screen and (max-width:1103px) {
    .puco-footer {
        padding: var(--pd-puco-spacing-l) var(--pd-puco-spacing-m)
    }
}

.puco-footer__language-trigger {
    padding-bottom: 22px;
    padding-top: var(--pd-puco-spacing-m)
}

@media screen and (max-width:1103px) {
    .puco-footer__language-trigger {
        margin-bottom: 22px
    }
}

.puco-footer__social-links {
    padding-top: var(--pd-puco-spacing-m);
    display: flex;
    padding-bottom: var(--pd-puco-spacing-m)
}

@media screen and (max-width:1103px) {
    .puco-footer__social-links {
        padding-top: var(--pd-puco-spacing-none)
    }
}

.puco-footer__social-links--padding {
    padding-right: var(--pd-puco-spacing-m)
}

.puco-footer__icon {
    fill: var(--pd-color-icon-secondary)
}

.puco-footer__icon:hover {
    fill: var(--pd-color-icon-primary);
    transition: var(--pd-puco-animation-320-time)
}

.puco-footer__bottom-wrapper {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between
}

@media screen and (max-width:1103px) {
    .puco-footer__bottom-wrapper {
        flex-direction: column;
        align-items: flex-start;
        justify-content: center
    }
}

.puco-footer__bottom-links {
    font-size: var(--pd-puco-font-website-body-s-font-size);
    line-height: var(--pd-puco-font-website-body-s-line-height);
    flex-shrink: 0;
    color: var(--pd-color-text-primary);
    font-weight: var(--pd-puco-font-website-body-font-weight)
}

@media screen and (max-width:1103px) {
    .puco-footer__bottom-links {
        width: 100%;
        display: flex;
        align-items: center;
        flex-flow: wrap;
        font-size: var(--pd-puco-font-website-body-s-font-size)
    }
}

.puco-footer__bottom-links>* {
    padding-right: var(--pd-puco-spacing-s);
    margin-right: var(--pd-puco-spacing-s)
}

.puco-footer__bottom-links :first-child {
    font-size: inherit;
    padding-left: var(--pd-puco-spacing-none)
}

@media screen and (max-width:712px) {
    .puco-footer__bottom-links :first-child {
        display: inline-block
    }
}

.puco-footer__bottom-links>:not(:last-child) {
    border-right: 1px solid var(--pd-color-text-primary)
}

.puco-footer__bottom-links .puco-navigation-link--effects .puco-navigation-link__text {
    transform: none
}

.puco-footer__bottom-links .puco-navigation-link--effects .puco-navigation-link__text:hover {
    -webkit-text-decoration: underline solid var(--pd-puco-color-text-link-dark);
    text-decoration: underline solid var(--pd-puco-color-text-link-dark)
}

.puco-footer__bottom-links .puco-navigation-link--effects .puco-navigation-link__text:after {
    display: none
}

.puco-footer__bottom-links .puco-navigation-link {
    padding-bottom: 0;
    font-size: var(--pd-puco-font-website-body-s-font-size)
}

.puco-footer__text {
    color: var(--pd-color-text-primary);
    margin: var(--pd-puco-spacing-none)
}

.puco-footer-section {
    padding-bottom: var(--pd-puco-spacing-l)
}

@media screen and (max-width:1103px) {
    .puco-footer-section {
        max-width: 170px
    }
}

.puco-footer-section__title {
    color: var(--pd-color-text-primary);
    font-weight: var(--pd-puco-font-website-body-strong-font-weight);
    height: 40px
}

.puco-footer-section__link {
    padding-bottom: 8px
}

.puco-footer-support-link {
    color: var(--pd-puco-color-text-link-dark);
    max-width: 185px;
    display: flex;
    align-items: center
}

.puco-footer-support-link__link {
    padding-left: var(--pd-puco-spacing-xs);
    padding-right: var(--pd-puco-spacing-xs);
    padding-bottom: var(--pd-puco-spacing-none);
    color: var(--pd-puco-color-text-link-dark)
}

.puco-footer-support-link__icon {
    fill: var(--pd-color-icon-positive);
    flex-shrink: 0
}

.puco-footer-support-link__text {
    margin: var(--pd-puco-spacing-none);
    color: var(--pd-color-text-primary);
    flex-shrink: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

@media screen and (min-width:320px) {
    .puco-text--align-horizontal-xs-left {
        text-align: left
    }

    .puco-text--align-horizontal-xs-center {
        text-align: center
    }

    .puco-text--align-horizontal-xs-right {
        text-align: right
    }
}

@media screen and (min-width:713px) {
    .puco-text--align-horizontal-s-left {
        text-align: left
    }

    .puco-text--align-horizontal-s-center {
        text-align: center
    }

    .puco-text--align-horizontal-s-right {
        text-align: right
    }
}

@media screen and (min-width:1104px) {
    .puco-text--align-horizontal-m-left {
        text-align: left
    }

    .puco-text--align-horizontal-m-center {
        text-align: center
    }

    .puco-text--align-horizontal-m-right {
        text-align: right
    }
}

@media screen and (min-width:1400px) {
    .puco-text--align-horizontal-l-left {
        text-align: left
    }

    .puco-text--align-horizontal-l-center {
        text-align: center
    }

    .puco-text--align-horizontal-l-right {
        text-align: right
    }
}

@media screen and (min-width:1600px) {
    .puco-text--align-horizontal-xl-left {
        text-align: left
    }

    .puco-text--align-horizontal-xl-center {
        text-align: center
    }

    .puco-text--align-horizontal-xl-right {
        text-align: right
    }
}

.puco-inline-form {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0
}

.puco-inline-form,
.puco-inline-form--mobile .puco-inline-form__field-wrapper {
    flex-direction: column
}

.puco-inline-form--mobile .puco-inline-form__field-wrapper--without-padding {
    padding-bottom: 0
}

.puco-inline-form--mobile .puco-inline-form__field-wrapper--with-two-buttons {
    flex-direction: column-reverse
}

.puco-inline-form--mobile .puco-inline-form__input {
    padding-right: 0;
    padding-bottom: var(--pd-puco-spacing-m);
    width: 100%
}

.puco-inline-form--mobile .puco-inline-form__input--extra-padding {
    padding-bottom: var(--pd-puco-spacing-l)
}

.puco-inline-form__field-wrapper {
    display: flex;
    padding-bottom: var(--pd-puco-spacing-m);
    width: 100%
}

.puco-inline-form__field-wrapper--horizontal-align-center {
    justify-content: center
}

.puco-inline-form__field-wrapper--horizontal-align-left {
    justify-content: flex-start
}

.puco-inline-form__field-wrapper--horizontal-align-right {
    justify-content: flex-end
}

.puco-inline-form__field-wrapper--horizontal-align-around {
    justify-content: space-around
}

.puco-inline-form__field-wrapper--horizontal-align-between {
    justify-content: space-between
}

.puco-inline-form__field-wrapper--with-two-buttons {
    display: flex;
    align-items: center
}

.puco-inline-form__field-wrapper--with-two-buttons .puco-link .puco-text {
    font-size: 22px;
    font-weight: 700;
    color: var(--pd-color-text-link)
}

@media screen and (max-width:1103px) {
    .puco-inline-form__field-wrapper {
        flex-direction: column
    }

    .puco-inline-form__field-wrapper--without-padding {
        padding-bottom: 0
    }

    .puco-inline-form__field-wrapper--with-two-buttons {
        flex-direction: column-reverse
    }
}

.puco-inline-form__input {
    padding-right: var(--pd-puco-spacing-m);
    width: 476px;
    text-align: left
}

@media screen and (max-width:1103px) {
    .puco-inline-form__input {
        padding-right: 0;
        padding-bottom: var(--pd-puco-spacing-m);
        width: 100%
    }

    .puco-inline-form__input--extra-padding {
        padding-bottom: var(--pd-puco-spacing-l)
    }
}

.puco-inline-form__subtext {
    display: flex;
    justify-content: center;
    align-items: center
}

.puco-inline-form__separator {
    width: 278px
}

.puco-inline-form .puco-button {
    height: 56px;
    min-width: -moz-fit-content;
    min-width: fit-content
}

.puco-input {
    box-sizing: border-box;
    position: relative;
    display: grid;
    grid-template-columns: auto auto 1fr auto auto;
    grid-template-rows: auto;
    align-items: center
}

.puco-input * {
    box-sizing: inherit
}

.puco-input {
    background-color: var(--pd-puco-color-surface-default-background);
    border-radius: var(--pd-radius-s);
    outline-offset: -1px
}

.puco-input--bordered {
    outline: 1px solid var(--pd-puco-color-divider-primary)
}

.puco-input>input {
    font-size: var(--pd-puco-font-website-body-font-size);
    color: var(--pd-color-text-primary);
    outline: none;
    width: 100%;
    transition: top .3s ease-in-out;
    padding-inline: 0;
    padding-block: 0;
    padding-bottom: var(--pd-puco-spacing-xs);
    padding-top: calc(var(--pd-puco-spacing-m) + 1px);
    border: none;
    border-radius: var(--pd-radius-s)
}

.puco-input>input::-webkit-inner-spin-button,
.puco-input>input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.puco-input>input[type=number] {
    -moz-appearance: textfield
}

.puco-input>label {
    position: relative;
    color: var(--pd-color-text-secondary);
    font-size: var(--pd-puco-font-website-body-font-size);
    cursor: text;
    top: 0;
    transition: font-size .3s ease-in-out, top .3s ease-in-out;
    width: -moz-fit-content;
    width: fit-content
}

.puco-input>input,
.puco-input>label {
    grid-row-start: 1;
    grid-row-end: 1;
    grid-column-start: 3;
    grid-column-end: 4;
    line-height: var(--pd-puco-font-website-body-line-height);
    padding-left: var(--pd-puco-spacing-m);
    padding-right: var(--pd-puco-spacing-m)
}

@media screen and (max-width:712px) {

    .puco-input>input,
    .puco-input>label {
        padding-left: var(--pd-puco-spacing-s);
        padding-right: var(--pd-puco-spacing-s)
    }
}

.puco-input__prefix-text,
.puco-input__suffix-text {
    position: relative;
    white-space: nowrap;
    color: var(--pd-color-text-secondary)
}

.puco-input__prefix-icon,
.puco-input__suffix-icon {
    position: relative;
    fill: var(--pd-color-icon-secondary)
}

.puco-input__prefix-text {
    grid-area: 1/1/1/2;
    font-size: var(--pd-puco-font-website-body-font-size);
    margin-left: var(--pd-puco-spacing-m);
    margin-right: var(--pd-puco-spacing-xs)
}

@media screen and (max-width:712px) {
    .puco-input__prefix-text {
        margin-left: var(--pd-puco-spacing-s)
    }
}

.puco-input__prefix-icon {
    grid-area: 1/2/1/3;
    margin-left: calc(var(--pd-puco-spacing-m) + 1px)
}

@media screen and (max-width:712px) {
    .puco-input__prefix-icon {
        margin-left: calc(var(--pd-puco-spacing-s) + 1px)
    }
}

.puco-input__prefix-text+.puco-input__prefix-icon {
    margin-left: calc(var(--pd-puco-spacing-xs) + 1px)
}

.puco-input--prefix-icon>:is(input, label) {
    grid-column-start: 2;
    padding-left: calc(var(--pd-puco-spacing-l) + var(--pd-puco-spacing-s) + var(--pd-puco-spacing-xs))
}

@media screen and (max-width:712px) {
    .puco-input--prefix-icon>:is(input, label) {
        padding-left: calc(var(--pd-puco-spacing-l) + var(--pd-puco-spacing-xs))
    }
}

.puco-input--prefix-text>:is(input, label) {
    padding-left: var(--pd-puco-spacing-xs)
}

.puco-input--prefix-text.puco-input--prefix-icon>:is(input, label) {
    padding-left: var(--pd-puco-spacing-l)
}

.puco-input--prefix-text.puco-input--prefix-icon>:is(input, label),
.puco-input--prefix-text>:is(input, label) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.puco-input__suffix-text {
    grid-area: 1/4/1/5;
    font-size: var(--pd-puco-font-website-body-s-font-size);
    margin-left: var(--pd-puco-spacing-s)
}

.puco-input__suffix-icon {
    grid-area: 1/5/1/6
}

.puco-input__suffix-custom {
    grid-area: 1/4/1/5;
    position: relative
}

.puco-input__suffix+.puco-input__suffix,
.puco-input__suffix-custom {
    margin-left: var(--pd-puco-spacing-s)
}

.puco-input__suffix--pointer {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.puco-input--suffix-icon:not(.puco-input--suffix-text, .puco-input--suffix-custom)>:is(input, label) {
    grid-column-end: 6;
    padding-right: var(--pd-puco-spacing-l)
}

@media screen and (max-width:712px) {
    .puco-input--suffix-icon:not(.puco-input--suffix-text, .puco-input--suffix-custom)>:is(input, label) {
        padding-right: var(--pd-puco-spacing-m)
    }
}

.puco-input--suffix-icon .puco-input__suffix-icon {
    margin-right: var(--pd-puco-spacing-m)
}

@media screen and (max-width:712px) {
    .puco-input--suffix-icon .puco-input__suffix-icon {
        margin-right: var(--pd-puco-spacing-s)
    }
}

:is(.puco-input--suffix-text, .puco-input--suffix-custom):not(.puco-input--suffix-icon) .puco-input__suffix-custom,
:is(.puco-input--suffix-text, .puco-input--suffix-custom):not(.puco-input--suffix-icon) .puco-input__suffix-text {
    margin-right: var(--pd-puco-spacing-m)
}

@media screen and (max-width:712px) {

    :is(.puco-input--suffix-text, .puco-input--suffix-custom):not(.puco-input--suffix-icon) .puco-input__suffix-custom,
    :is(.puco-input--suffix-text, .puco-input--suffix-custom):not(.puco-input--suffix-icon) .puco-input__suffix-text {
        margin-right: var(--pd-puco-spacing-s)
    }
}

.puco-input--suffix-custom>:is(input, label),
.puco-input--suffix-text>:is(input, label) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.puco-input--focused {
    outline: 1px solid var(--pd-puco-color-divider-strong)
}

.puco-input--focused .puco-input__prefix-text,
.puco-input--focused .puco-input__suffix-text {
    color: var(--pd-color-icon-primary)
}

.puco-input--focused .puco-input__prefix-icon,
.puco-input--focused .puco-input__suffix-icon {
    fill: var(--pd-color-icon-primary)
}

.puco-input--focused:not(.puco-input--suffix--static)>.puco-input__suffix {
    display: none
}

.puco-input--focused:not(.puco-input--suffix--static)>input {
    border-radius: var(--pd-radius-s)
}

.puco-input>input:is(:not(:-moz-placeholder-shown), :focus)~label {
    color: var(--pd-color-icon-primary);
    font-size: var(--pd-puco-font-website-body-xs-font-size);
    top: -15px
}

.puco-input>input:is(:not(:placeholder-shown), :focus)~label {
    color: var(--pd-color-icon-primary);
    font-size: var(--pd-puco-font-website-body-xs-font-size);
    top: -15px
}

.puco-input>input:is(:not(:-moz-placeholder-shown), :focus) :invalid~label {
    color: var(--pd-color-text-negative)
}

.puco-input>input:is(:not(:placeholder-shown), :focus) :invalid~label {
    color: var(--pd-color-text-negative)
}

.puco-input--error {
    outline: 1px solid var(--pd-color-negative-default)
}

.puco-input--disabled {
    outline: none;
    border-radius: 0;
    background-color: var(--pd-puco-color-fill-extra-light);
    pointer-events: none;
    cursor: default
}

.puco-input--disabled>.puco-input:is(.puco-input--disabled>.puco-input__prefix, .puco-input--disabled>.puco-input__suffix)-text,
.puco-input--disabled>label {
    color: var(--pd-color-text-muted)
}

.puco-input--disabled>.puco-input:is(.puco-input--disabled>.puco-input__prefix, .puco-input--disabled>.puco-input__suffix)-icon {
    fill: var(--pd-color-text-muted)
}

.puco-mega-menu {
    --grid-row: 1;
    --grid-column: 1;
    position: fixed;
    top: calc(var(--pd-puco-header-height) + var(--pd-global-banner-height, 0px));
    left: 0;
    width: 100%;
    z-index: var(--pd-puco-z-index-modal);
    opacity: 0;
    visibility: hidden;
    word-break: break-word
}

.puco-mega-menu__child-1 {
    --_grid-column: 1;
    --_grid-row: 1
}

.puco-mega-menu__child-2 {
    --_grid-column: 2;
    --_grid-row: 1
}

.puco-mega-menu__child-3 {
    --_grid-column: 3;
    --_grid-row: 1
}

.puco-mega-menu__child-4 {
    --_grid-column: 4;
    --_grid-row: 1
}

.puco-mega-menu__child-5 {
    --_grid-column: 1;
    --_grid-row: 5
}

.puco-mega-menu__child-6 {
    --_grid-column: 2;
    --_grid-row: 5
}

.puco-mega-menu__child-7 {
    --_grid-column: 3;
    --_grid-row: 5
}

.puco-mega-menu__child-8 {
    --_grid-column: 4;
    --_grid-row: 5
}

.puco-mega-menu--expanded {
    visibility: visible;
    opacity: 1
}

.puco-mega-menu__wrapper {
    position: relative;
    width: -moz-fit-content;
    width: fit-content;
    display: inline-block
}

.puco-mega-menu__wrapper .puco-navigation-link.puco-mega-menu__trigger:hover {
    cursor: pointer
}

.puco-mega-menu__overlay {
    position: fixed;
    width: 100%;
    height: 100vh;
    top: var(--pd-puco-header-height);
    left: 0;
    opacity: 0;
    background-color: var(--pd-puco-color-surface-neutral);
    pointer-events: none;
    z-index: var(--pd-puco-z-index-overlay);
    transition: opacity var(--pd-puco-animation-180-time) ease-in-out
}

.puco-mega-menu__overlay--visible {
    opacity: .64
}

.puco-mega-menu__trigger {
    line-height: var(--pd-puco-font-website-body-s-line-height)
}

.puco-mega-menu__trigger:hover {
    cursor: default
}

.puco-mega-menu__container .puco-container__content {
    --_grid-row: var(--grid-row);
    --_grid-column: var(--grid-column);
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    -moz-column-gap: var(--pd-puco-spacing-l);
    grid-column-gap: var(--pd-puco-spacing-l);
    column-gap: var(--pd-puco-spacing-l);
    max-height: 80vh;
    overflow-y: auto
}

.puco-mega-menu__container .puco-container__content .puco-card {
    margin-top: var(--pd-puco-spacing-l);
    grid-row: var(--_grid-row) /calc(var(--grid-row) + 4)
}

.puco-mega-menu__container .puco-container__content .puco-card__media {
    height: 100%
}

.puco-mega-menu__container .puco-container__content .puco-card__content>span:first-child {
    margin-bottom: var(--pd-puco-spacing-xs)
}

.puco-mega-menu__container .puco-container__content .puco-card:hover .puco-card__content>span:first-child {
    text-decoration: underline
}

@media screen and (max-width:1220px) {
    .puco-mega-menu__container .puco-container__content {
        -moz-column-gap: var(--pd-puco-spacing-m);
        column-gap: var(--pd-puco-spacing-m)
    }
}

@media screen and (min-width:1104px) {
    .puco-mega-menu__container .puco-container__content {
        padding: 0 var(--pd-puco-spacing-l) var(--pd-puco-spacing-l) var(--pd-puco-spacing-l)
    }
}

@media screen and (min-width:1400px) {
    .puco-mega-menu__container .puco-container__content {
        padding: 0 48px var(--pd-puco-spacing-l) 48px
    }
}

@media screen and (min-width:1600px) {
    .puco-mega-menu__container .puco-container__content {
        padding: 0 56px var(--pd-puco-spacing-l) 56px
    }
}

.puco-mega-menu__category-all-link,
.puco-mega-menu__category-links,
.puco-mega-menu__category-subtext,
.puco-mega-menu__category-text {
    grid-column: var(--_grid-column)
}

.puco-mega-menu__category-text {
    grid-row: var(--_grid-row);
    margin-top: var(--pd-puco-spacing-l);
    margin-bottom: var(--pd-puco-spacing-s)
}

.puco-mega-menu__category-subtext {
    grid-row: calc(var(--_grid-row) + 1);
    margin-bottom: var(--pd-puco-spacing-s)
}

.puco-mega-menu__category-all-link {
    grid-row: calc(var(--_grid-row) + 2)
}

.puco-mega-menu__category-all-link .puco-mega-menu__link--selected .puco-mega-menu__link__effect:after,
.puco-mega-menu__category-all-link .puco-mega-menu__link:hover .puco-mega-menu__link__effect:after {
    border-bottom: 1px solid var(--pd-color-text-link)
}

.puco-mega-menu__category-links {
    grid-row: calc(var(--_grid-row) + 3)
}

.puco-mega-menu__category-links__container {
    display: grid;
    grid-row-gap: var(--pd-puco-spacing-s)
}

.puco-mega-menu__category-links__container .puco-mega-menu__link {
    color: var(--pd-color-text-primary)
}

.puco-mega-menu__category-links__container .puco-mega-menu__link--selected {
    color: var(--pd-color-active-default)
}

.puco-mega-menu__category-links__container .puco-mega-menu__link--selected .puco-mega-menu__link__effect:after {
    border-bottom: 1px solid var(--pd-color-active-default)
}

.puco-mega-menu__category-links__container .puco-mega-menu__link:hover:not(.puco-mega-menu__category-links__container .puco-mega-menu__link--selected) .puco-mega-menu__link__effect:after {
    border-bottom: 1px solid var(--pd-color-fill-dark-static)
}

.puco-mega-menu__link__effect {
    display: inline-block
}

.puco-mega-menu__link__effect:after {
    display: block;
    content: "";
    border-bottom: 1px solid transparent
}

.puco-mega-menu__link-content {
    display: flex;
    align-items: center
}

.puco-mega-menu__link-content .puco-icon {
    margin-right: var(--pd-puco-spacing-s);
    flex-shrink: 0
}

.puco-list-card {
    display: flex;
    flex-direction: row;
    align-items: center;
    text-decoration: none;
    color: var(--pd-color-text-primary)
}

.puco-list-card__image {
    flex: 1 0 auto
}

.puco-list-card__text-content {
    background-color: transparent;
    min-height: 48px;
    width: 100%;
    display: flex;
    align-items: center;
    padding: var(--pd-puco-spacing-m);
    border-radius: var(--pd-radius-m)
}

.puco-list-card__text-content .puco-text {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
}

.puco-list-card__icon {
    margin-right: 4px;
    position: relative;
    top: 2px
}

a.puco-list-card:hover {
    text-decoration: underline
}

.puco-modal-open {
    overflow: hidden
}

.puco-modal {
    position: fixed;
    z-index: var(--pd-puco-z-index-modal);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all var(--pd-puco-animation-180-time);
    overflow: auto;
    visibility: hidden;
    opacity: 0
}

.puco-modal--visible {
    opacity: 1;
    visibility: visible
}

.puco-modal__overlay {
    position: fixed;
    z-index: -1;
    height: 100%;
    width: 100%;
    overflow: auto;
    background-color: var(--pd-puco-color-surface-neutral)
}

.puco-modal__inner {
    position: relative;
    width: 100%;
    height: auto;
    max-width: 500px;
    max-height: 100%;
    margin-right: var(--pd-puco-spacing-m);
    margin-left: var(--pd-puco-spacing-m)
}

.puco-modal__inner--xs {
    max-width: 460px
}

.puco-modal__inner--m {
    max-width: 700px
}

.puco-modal__inner--l {
    max-width: 960px
}

.puco-modal__inner--xl {
    max-width: 1642px;
    width: 90%
}

.puco-modal__inner--scrollbar {
    overflow: auto
}

.puco-modal__intro {
    width: 100%;
    display: grid;
    grid-column-gap: var(--pd-puco-spacing-m);
    grid-template-columns: auto auto;
    align-items: center;
    justify-content: center
}

.puco-modal__intro+* {
    margin-top: var(--pd-puco-spacing-l)
}

.puco-modal__intro .puco-text {
    font-size: 16px;
    color: var(--pd-color-text-primary)
}

@media screen and (max-width:712px) {
    .puco-modal__intro {
        grid-template-columns: auto;
        grid-row-gap: var(--pd-puco-spacing-m);
        justify-content: center;
        text-align: center
    }

    .puco-modal__intro>* {
        margin: auto
    }
}

.puco-modal__content,
.puco-modal__footer {
    position: relative;
    width: 100%;
    box-sizing: border-box;
    margin-top: var(--pd-puco-spacing-m)
}

.puco-modal__content {
    background-color: var(--pd-puco-color-surface-default-background);
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .24), 0 2px 7px 2px rgba(0, 0, 0, .04);
    padding: var(--pd-puco-spacing-l)
}

@media screen and (max-width:712px) {
    .puco-modal__content {
        padding-left: var(--pd-puco-spacing-m);
        padding-right: var(--pd-puco-spacing-m)
    }
}

.puco-modal__footer {
    text-align: center
}

.puco-modal__close {
    position: absolute;
    top: var(--pd-puco-spacing-l);
    right: var(--pd-puco-spacing-m);
    cursor: pointer;
    z-index: 1
}

.puco-notification-block {
    position: relative
}

.puco-notification-block__wrapper--warning {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: var(--pd-puco-spacing-m) var(--pd-puco-spacing-none) var(--pd-puco-spacing-m) var(--pd-puco-spacing-none);
    background-color: var(--pd-color-warning-background-light)
}

.puco-notification-block__content {
    display: flex;
    align-items: center;
    margin-left: var(--pd-puco-spacing-m)
}

.puco-notification-block__content>:not(:first-child) {
    margin-left: 5px
}

.puco-notification-block__dot:after,
.puco-notification-block__dot:before {
    position: absolute;
    display: block;
    content: "";
    border-radius: 50%;
    top: 50%;
    transform: translateY(-50%)
}

.puco-notification-block__dot:after {
    width: 8px;
    height: 8px;
    background-color: var(--pd-color-icon-positive);
    left: 4px
}

.puco-notification-block__dot--animated:before {
    width: 24px;
    height: 24px;
    background-color: var(--pd-puco-color-icon-primary-background);
    left: -4px;
    animation: pulse-ring 2s cubic-bezier(.215, .61, .355, 1) infinite
}

.puco-notification-block__dot--animated:after {
    animation: pulse-dot 2s cubic-bezier(.455, .03, .515, .955) -.4s infinite
}

.puco-notification-block__dot--offline:after {
    background-color: var(--pd-puco-color-icon-third)
}

@keyframes pulse-ring {
    0% {
        transform: translateY(-50%) scale(.33)
    }

    80%,
    to {
        transform: translateY(-50%);
        opacity: 0
    }
}

@keyframes pulse-dot {

    0%,
    to {
        transform: translateY(-50%) scale(.8)
    }

    50% {
        transform: translateY(-50%) scale(1)
    }
}

.puco-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    list-style-type: none
}

.puco-pagination__link {
    font-size: var(--pd-puco-font-website-body-font-size)
}

.puco-pagination__link--right-margin {
    margin-right: var(--pd-puco-spacing-m)
}

@media screen and (max-width:1103px) {
    .puco-pagination__link--right-margin {
        margin-right: var(--pd-puco-spacing-s)
    }
}

.puco-pagination__link--left-margin {
    margin-left: var(--pd-puco-spacing-m)
}

@media screen and (max-width:1103px) {
    .puco-pagination__link--left-margin {
        margin-left: var(--pd-puco-spacing-s)
    }
}

.puco-pagination__page {
    font-size: var(--pd-puco-font-website-body-font-size);
    display: flex;
    justify-content: center;
    align-items: center;
    height: 40px;
    width: 40px;
    margin: var(--pd-puco-spacing-none) var(--pd-puco-spacing-s)
}

.puco-pagination__page:hover {
    background-color: var(--pd-color-fill-light);
    border-radius: 50%
}

@media screen and (max-width:1103px) {
    .puco-pagination__page {
        margin: var(--pd-puco-spacing-none)
    }
}

.puco-pagination__page--no-background:hover {
    background-color: transparent
}

.puco-pagination__page--active {
    padding: var(--pd-puco-spacing-none);
    border-radius: 50%
}

.puco-pagination__page--active,
.puco-pagination__page--active:hover {
    background: var(--pd-color-active-default);
    color: var(--pd-color-text-primary-inverted)
}

.puco-pagination__image {
    margin-top: 9px;
    opacity: .8
}

:hover>.puco-pagination__image {
    opacity: 1
}

.puco-price {
    display: flex
}

.puco-price__currency,
.puco-price__decimal {
    line-height: 30px
}

.puco-price__decimal--m {
    font-size: 18px
}

.puco-price__decimal--s {
    font-size: 14px
}

.puco-price__currency {
    margin-right: 3px
}

.puco-price__currency--m {
    font-size: 18px
}

.puco-price__currency--s {
    font-size: 16px
}

.puco-price__value {
    line-height: 34px
}

.puco-price__value,
.puco-price__value--m {
    font-size: 34px
}

.puco-price__value--s {
    font-size: 25px
}

@media screen and (max-width:1103px) {
    .puco-price--small {
        display: inline;
        margin-top: var(--pd-puco-spacing-s)
    }

    .puco-price--small .puco-price__currency,
    .puco-price--small .puco-price__decimal,
    .puco-price--small .puco-price__value {
        font-size: 20px;
        margin-top: var(--pd-puco-spacing-none)
    }
}

@keyframes slide-out-from-top {
    0% {
        top: -100%
    }

    to {
        top: var(--pd-global-banner-height, 0)
    }
}

@keyframes slide-out-from-bottom {
    0% {
        bottom: -100%
    }

    to {
        bottom: 0
    }
}

.puco-push-notification-consent {
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    overflow: hidden;
    position: fixed;
    border-radius: 4px;
    border: 1px solid var(--pd-puco-color-divider-primary);
    z-index: var(--pd-puco-z-index-floating-cta);
    background-color: var(--pd-puco-color-surface-light-background);
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, .12), 0 3px 5px 0 rgba(0, 0, 0, .08);
    animation: slide-out-from-top var(--pd-puco-animation-350-time) var(--pd-puco-transition-curve-6) var(--pd-puco-animation-350-time) both
}

@media screen and (max-width:712px) {
    .puco-push-notification-consent {
        top: auto;
        width: 100%;
        border-radius: 4px 4px 0 0;
        animation: slide-out-from-bottom var(--pd-puco-animation-350-time) var(--pd-puco-transition-curve-6) var(--pd-puco-animation-350-time) both
    }
}

.puco-push-notification-consent__content {
    width: 300px;
    display: flex;
    flex-direction: column;
    flex: 1 0;
    gap: var(--pd-puco-spacing-m);
    padding: var(--pd-puco-spacing-m) 0 var(--pd-puco-spacing-m) var(--pd-puco-spacing-m)
}

@media screen and (max-width:712px) {
    .puco-push-notification-consent__content {
        min-width: 250px;
        gap: var(--pd-puco-spacing-s)
    }
}

.puco-push-notification-consent__button-container {
    display: flex;
    align-items: center;
    gap: var(--pd-puco-spacing-l);
    align-self: stretch
}

.puco-push-notification-consent__cancel-btn {
    font-weight: var(--pd-puco-font-button-font-weight);
    font-size: var(--pd-puco-font-button-m-font-size)
}

@media screen and (max-width:712px) {
    .puco-push-notification-consent__cancel-btn {
        font-size: var(--pd-puco-font-button-s-font-size)
    }
}

.puco-push-notification-consent__visuals {
    width: 130px;
    display: flex;
    flex-direction: column;
    align-self: stretch;
    transform: translate(11px, 20px)
}

@media screen and (max-width:712px) {
    .puco-push-notification-consent__visuals {
        width: auto
    }
}

.puco-push-notification-consent__visuals>svg:last-child {
    flex: auto
}

@media screen and (max-width:712px) {
    .puco-push-notification-consent__visuals>svg {
        width: 195px;
        height: auto
    }
}

.puco-review {
    flex-flow: column nowrap;
    line-height: var(--pd-puco-font-website-body-s-line-height);
    font-weight: var(--pd-puco-font-website-body-font-weight)
}

.puco-review,
.puco-review__author {
    display: flex;
    gap: var(--pd-puco-spacing-s)
}

.puco-review__author {
    flex-flow: row nowrap;
    align-items: center
}

.puco-review__author .puco-text {
    font-size: var(--pd-puco-font-website-body-s-font-size);
    font-weight: var(--pd-puco-font-website-body-strong-font-weight)
}

.puco-review__author .puco-avatar {
    width: var(--pd-puco-size-icon-l);
    height: var(--pd-puco-size-icon-l)
}

.puco-review__content {
    font-size: var(--pd-puco-font-website-body-s-font-size);
    margin: var(--pd-puco-spacing-none)
}

.puco-review__rating {
    display: flex;
    flex-flow: row nowrap;
    align-items: center
}

.puco-review__rating img {
    margin-right: 35px;
    max-height: 20px
}

.puco-review__rating .puco-icon:last-of-type {
    margin-right: var(--pd-puco-spacing-xs)
}

.puco-review__rating .puco-text {
    color: var(--pd-color-text-secondary);
    font-size: var(--pd-puco-font-website-body-s-font-size)
}

.puco-review__rating .puco-text:first-letter {
    color: var(--pd-color-text-primary)
}

body.puco-sidebar-no-scroll {
    width: 100%;
    overflow: hidden;
    display: block
}

.puco-sidebar {
    position: fixed;
    transform: translateX(0);
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    pointer-events: none;
    visibility: hidden;
    transition: visibility var(--pd-puco-animation-320-time) ease-in-out;
    z-index: var(--pd-puco-z-index-sidebar)
}

@media screen and (max-width:1103px) {
    .puco-sidebar--visible {
        pointer-events: auto;
        visibility: visible
    }
}

.puco-sidebar__content {
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 0;
    bottom: 0;
    transform: translateX(-100%);
    width: 100%;
    background-color: var(--pd-puco-color-surface-default-background);
    transition: transform var(--pd-puco-animation-320-time) ease-in-out;
    min-width: 300px;
    word-break: break-word
}

.puco-sidebar--visible .puco-sidebar__overlay {
    background-color: var(--pd-puco-color-surface-neutral)
}

.puco-sidebar__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: var(--pd-puco-spacing-m);
    font-size: var(--pd-puco-font-website-body-font-size)
}

@media screen and (min-width:712px) and (max-width:1103px) {
    .puco-sidebar__header {
        padding: var(--pd-puco-spacing-m) var(--pd-puco-spacing-l)
    }
}

.puco-sidebar__header .puco-logo {
    cursor: pointer;
    flex: 1 1
}

.puco-sidebar__header .puco-link {
    color: var(--pd-puco-color-text-link-dark);
    float: right
}

.puco-sidebar__header__login {
    transition: margin-right var(--pd-puco-animation-180-time) ease-in-out;
    display: inline;
    display: initial
}

.puco-sidebar__header__logo {
    display: inline;
    padding: 0 calc(var(--pd-puco-spacing-s) + 12px)
}

.puco-sidebar__header__logo-wrapper {
    display: flex;
    align-items: center;
    position: relative;
    margin-left: var(--pd-puco-spacing-none);
    transition: width var(--pd-puco-animation-180-time) ease-in-out;
    overflow: hidden
}

.puco-sidebar--visible .puco-sidebar__content {
    transform: translateX(0)
}

.puco-sidebar__menu-item .puco-submenu__trigger,
.puco-sidebar__menu-link {
    display: block;
    color: var(--pd-puco-color-text-link-dark);
    padding: var(--pd-puco-spacing-m);
    border-bottom: 1px solid var(--pd-puco-color-divider-primary);
    box-sizing: border-box;
    font-size: var(--pd-puco-font-website-body-font-size);
    line-height: var(--pd-puco-font-website-body-line-height);
    margin: var(--pd-puco-spacing-none) var(--pd-puco-spacing-m);
    font-weight: var(--pd-puco-font-website-body-font-weight)
}

.puco-sidebar__menu-item .puco-submenu__trigger--expanded {
    border-bottom: none
}

.puco-sidebar__menu-item .puco-submenu__trigger--expanded>span {
    font-weight: var(--pd-puco-font-website-body-strong-font-weight)
}

.puco-sidebar__menu {
    flex: 1 1;
    overflow-y: auto;
    height: 100%;
    padding: var(--pd-puco-spacing-none) var(--pd-puco-spacing-none) var(--pd-puco-spacing-l) var(--pd-puco-spacing-none)
}

.puco-sidebar__menu__list {
    padding: var(--pd-puco-spacing-none);
    margin: var(--pd-puco-spacing-none);
    list-style: none
}

.puco-sidebar__menu__list>.puco-sidebar__menu-item:last-child .puco-sidebar__menu-link,
.puco-sidebar__menu__list>.puco-sidebar__menu-item:last-child .puco-submenu__trigger {
    border-bottom: none
}

.puco-sidebar__menu-item--selected>span {
    display: inline-block;
    border-bottom: 1px solid var(--pd-color-active-default)
}

.puco-sidebar__menu-item>.puco-sidebar__menu-link>span:after {
    display: block;
    content: "";
    border-bottom: 1px solid transparent
}

.puco-sidebar__menu-item:hover>a:not(.puco-sidebar__menu-item--selected)>span {
    display: inline-block
}

.puco-sidebar__menu-item:hover>a:not(.puco-sidebar__menu-item--selected)>span:after {
    border-bottom: 1px solid var(--pd-color-fill-dark-static)
}

.puco-sidebar__menu-item .puco-language-trigger {
    margin: var(--pd-puco-spacing-s) var(--pd-puco-spacing-m) var(--pd-puco-spacing-none) var(--pd-puco-spacing-m);
    background-color: var(--pd-puco-color-fill-extra-light);
    width: auto;
    border-radius: var(--pd-radius-m)
}

.puco-sidebar__menu-item .puco-submenu__item,
.puco-sidebar__menu-item .puco-submenu__items__title-text {
    color: var(--pd-puco-color-text-link-dark)
}

.puco-sidebar__menu-item .puco-submenu__item--highlight,
.puco-sidebar__menu-item .puco-submenu__items__title-text--highlight {
    color: var(--pd-color-text-link)
}

.puco-sidebar__menu-item .puco-submenu__items__wrapper {
    display: flex;
    flex-direction: column;
    gap: var(--pd-puco-spacing-m);
    padding-top: var(--pd-puco-spacing-none);
    padding-bottom: var(--pd-puco-spacing-none)
}

.puco-sidebar__menu-item .puco-submenu__items .puco-submenu__items__section .puco-card {
    margin-bottom: var(--pd-puco-spacing-m);
    padding-left: var(--pd-puco-spacing-m);
    padding-right: var(--pd-puco-spacing-m)
}

.puco-sidebar__menu-item .puco-submenu__items .puco-submenu__items__section .puco-card__content {
    display: flex;
    flex-direction: column;
    gap: var(--pd-puco-spacing-s)
}

.puco-sidebar__menu-item .puco-submenu__items .puco-submenu__items__section .puco-card__content>span {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.puco-sidebar__menu-item .puco-submenu__items .puco-submenu__items__section:after {
    content: none
}

.puco-sidebar__menu-item .puco-submenu__trigger-suffix {
    fill: inherit
}

.puco-sidebar .puco-language-trigger {
    padding-left: var(--pd-puco-spacing-m);
    padding-right: var(--pd-puco-spacing-l)
}

.puco-sidebar .puco-language-trigger--dark-underline:after {
    width: calc(100% - var(--pd-puco-spacing-l)*2)
}

.puco-signup-modal__header {
    margin: var(--pd-puco-spacing-none)
}

.puco-signup-modal__form .puco-input-wrapper {
    margin-bottom: var(--pd-puco-spacing-m)
}

.puco-signup-modal__footer {
    margin-top: var(--pd-puco-spacing-s)
}

.puco-signup-modal__footer .puco-text {
    color: var(--pd-color-text-primary)
}

.puco-signup-modal__footer .puco-link {
    color: var(--pd-color-text-link)
}

.puco-signup-modal__footer .puco-link:hover {
    -webkit-text-decoration: underline solid var(--pd-color-text-link);
    text-decoration: underline solid var(--pd-color-text-link)
}

.puco-signup-modal__content {
    padding: var(--pd-puco-spacing-l) var(--pd-puco-spacing-xl)
}

@media screen and (max-width:1103px) {
    .puco-signup-modal__content {
        padding: var(--pd-puco-spacing-l) var(--pd-puco-spacing-l) var(--pd-puco-spacing-m) var(--pd-puco-spacing-l)
    }
}

.puco-signup-modal__social {
    padding: var(--pd-puco-spacing-m) var(--pd-puco-spacing-l) var(--pd-puco-spacing-l) var(--pd-puco-spacing-l);
    background-color: var(--pd-puco-color-surface-secondary-background);
    display: flex;
    flex-direction: column
}

.puco-signup-modal__social-button-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: var(--pd-puco-spacing-m)
}

.puco-signup-modal__social-button-wrapper .puco-button {
    width: 250px
}

@media screen and (max-width:712px) {
    .puco-signup-modal__social-button-wrapper {
        flex-direction: column
    }
}

.puco-signup-modal__social-disclaimer {
    font-size: var(--pd-puco-font-website-body-s-font-size);
    color: var(--pd-color-text-secondary);
    text-align: center
}

.puco-signup-modal__checkmarks,
.puco-signup-modal__social-disclaimer,
.puco-signup-modal__subText {
    margin-top: var(--pd-puco-spacing-m)
}

.puco-signup-modal__checkmarks {
    display: flex;
    justify-content: center
}

.puco-signup-modal__checkmarks--item {
    display: flex
}

.puco-signup-modal__checkmarks--item:first-child {
    margin-right: var(--pd-puco-spacing-m)
}

.puco-signup-modal__pill {
    display: flex;
    justify-content: center;
    margin-top: var(--pd-puco-spacing-m);
    margin-bottom: var(--pd-puco-spacing-l)
}

.puco-signup-modal>.puco-modal__inner {
    max-width: 720px;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .24), 0 2px 7px 2px rgba(0, 0, 0, .04);
    margin-top: var(--pd-puco-spacing-m);
    overflow-x: hidden;
    border-radius: var(--pd-radius-m)
}

@media screen and (max-width:712px) {
    .puco-signup-modal>.puco-modal__inner {
        margin-right: var(--pd-puco-spacing-none);
        margin-left: var(--pd-puco-spacing-none);
        border-radius: var(--pd-radius-m) var(--pd-radius-m) 0 0
    }
}

.puco-signup-modal>.puco-modal__inner>.puco-modal__content {
    box-shadow: none;
    margin-top: var(--pd-puco-spacing-none)
}

.puco-signup-modal>.puco-modal__inner>.puco-modal__close {
    top: var(--pd-puco-spacing-m)
}

@media screen and (max-width:712px) {
    .puco-signup-modal {
        align-items: flex-end
    }
}

.puco-pill {
    letter-spacing: var(--pd-font-badge-letter-spacing);
    text-transform: var(--pd-font-badge-text-case);
    font-size: var(--pd-puco-font-website-body-xs-font-size);
    font-weight: var(--pd-puco-font-website-body-strong-font-weight);
    height: var(--pd-size-200);
    min-width: var(--pd-size-200);
    max-width: 100%;
    padding: 0 var(--pd-spacing-75);
    box-sizing: border-box;
    background: var(--pd-color-fill-medium-light);
    color: var(--pd-color-text-primary);
    border-radius: calc(var(--pd-size-200)/2);
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    cursor: default;
    vertical-align: middle;
    gap: var(--pd-spacing-50)
}

.puco-pill--no-text-transform {
    text-transform: none
}

.puco-pill__label {
    box-sizing: border-box;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: normal
}

@media screen and (min-width:712px) {
    .puco-pill--size-m {
        font-size: var(--pd-puco-font-website-body-s-font-size);
        letter-spacing: var(--pd-font-caption-s-letter-spacing);
        text-transform: var(--pd-font-caption-s-text-case);
        height: var(--pd-size-300);
        border-radius: calc(var(--pd-size-300)/2);
        padding: 0 var(--pd-spacing-100);
        min-width: var(--pd-size-300)
    }

    .puco-pill--size-m.puco-pill--no-text-transform {
        text-transform: none
    }
}

.puco-pill--variant-category {
    background: var(--pd-color-positive-background-light);
    color: var(--pd-color-text-positive)
}

.puco-pill--variant-upcoming {
    background: var(--pd-color-info-background-light);
    color: var(--pd-color-text-info)
}

.puco-pill--variant-new {
    background: var(--pd-color-info-default);
    color: var(--pd-color-text-primary-inverted)
}

.puco-pill--variant-default {
    background: var(--pd-puco-color-icon-warm);
    color: var(--pd-color-text-primary)
}

.puco-pill--variant-brand {
    background: var(--pd-color-primary-default);
    color: var(--pd-color-text-primary-inverted)
}

.puco-testimonial {
    background-color: transparent
}

.puco-testimonial--background-colored {
    background-color: var(--pd-puco-color-surface-secondary-background);
    padding: var(--pd-puco-spacing-m)
}

.puco-testimonial--background-colored .puco-testimonial__content {
    padding: var(--pd-puco-spacing-m) var(--pd-puco-spacing-m) 0
}

.puco-testimonial--background-colored .puco-testimonial__author {
    padding-left: var(--pd-puco-spacing-m)
}

.puco-testimonial--background-transparent .puco-testimonial__content {
    padding-left: var(--pd-puco-spacing-none);
    padding-right: var(--pd-puco-spacing-none)
}

.puco-testimonial__content {
    font-size: var(--pd-puco-font-website-body-font-size);
    line-height: var(--pd-puco-font-website-body-line-height);
    padding-bottom: var(--pd-puco-spacing-none)
}

.puco-testimonial__content:only-child {
    margin-top: 0
}

@media screen and (min-width:1104px) {
    .puco-testimonial__content--offset {
        width: calc(100% - var(--pd-puco-spacing-xl));
        margin: calc(var(--pd-puco-spacing-xl)*-1) auto var(--pd-puco-spacing-none);
        z-index: 1
    }
}

@media screen and (max-width:712px) {
    .puco-testimonial__content {
        padding-left: var(--pd-puco-spacing-l);
        padding-right: var(--pd-puco-spacing-l)
    }
}

.puco-testimonial__content .puco-icon:first-child {
    vertical-align: text-bottom;
    margin-right: var(--pd-puco-spacing-s)
}

.puco-testimonial__content .puco-testimonial__author {
    flex-direction: row;
    text-align: left;
    margin: var(--pd-puco-spacing-none);
    margin-top: var(--pd-puco-spacing-m)
}

.puco-testimonial__content .puco-testimonial__author .puco-text {
    text-align: left
}

.puco-testimonial__author {
    display: flex;
    align-items: center;
    margin-top: var(--pd-puco-spacing-m);
    margin-left: var(--pd-puco-spacing-none)
}

.puco-testimonial__author .puco-avatar+.puco-text {
    margin-left: var(--pd-puco-spacing-m)
}

.puco-testimonial__author .puco-text {
    line-height: var(--pd-puco-font-website-body-s-line-height);
    display: inline-flex;
    flex-direction: column;
    font-size: var(--pd-puco-font-website-body-s-font-size);
    text-align: left
}

.puco-tooltip {
    position: relative;
    display: flex
}

.puco-tooltip__content {
    width: 335px;
    max-width: 90vw;
    background: var(--pd-color-fill-dark-static);
    color: var(--pd-color-text-primary-inverted);
    padding: var(--pd-puco-spacing-m);
    line-height: var(--pd-puco-font-website-body-s-line-height);
    font-size: var(--pd-puco-font-website-body-s-font-size);
    font-weight: var(--pd-puco-font-website-body-s-font-weight);
    box-sizing: border-box;
    border-radius: var(--pd-radius-m);
    z-index: var(--pd-puco-z-index-tooltip)
}

.puco-tooltip__content,
.puco-tooltip__content:after {
    position: absolute;
    right: 50%;
    transform: translateX(50%)
}

.puco-tooltip__content:after {
    content: "";
    bottom: -9px;
    width: 0;
    height: 0;
    border-top: 10px solid var(--pd-color-fill-dark-static);
    border-left: 10px solid transparent;
    border-right: 10px solid transparent
}

.puco-tooltip__content--bottom:after {
    top: -9px;
    border-top: none;
    border-bottom: 10px solid var(--pd-color-fill-dark-static)
}

.puco-tooltip__content--left,
.puco-tooltip__content--right {
    transform: none
}

.puco-tooltip__content--left:after {
    left: 32px
}

.puco-tooltip__content--right:after {
    right: 52px
}

.puco-tooltip--visibleOnClick .puco-tooltip__content {
    visibility: visible
}

.puco-tooltipLite {
    position: relative;
    display: flex
}

.puco-tooltipLite__content {
    position: absolute;
    width: 335px;
    max-width: 90vw;
    background: var(--pd-color-fill-dark-static);
    color: var(--pd-color-text-primary-inverted);
    padding: var(--pd-puco-spacing-m);
    line-height: var(--pd-puco-font-website-body-s-line-height);
    font-size: var(--pd-puco-font-website-body-s-font-size);
    font-weight: var(--pd-puco-font-website-body-s-font-weight);
    box-sizing: border-box;
    border-radius: var(--pd-radius-m);
    z-index: var(--pd-puco-z-index-tooltip)
}

.puco-tooltipLite__content:after {
    content: "";
    position: absolute;
    bottom: -9px;
    width: 0;
    height: 0;
    border-top: 10px solid var(--pd-color-fill-dark-static);
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    left: var(--tailLeft)
}

.puco-tooltipLite--visibleOnClick .puco-tooltipLite__content {
    visibility: visible
}

.puco-submenu__items {
    display: grid;
    grid-template-rows: 0fr;
    transition-duration: var(--pd-puco-animation-500-time);
    transition-timing-function: var(--pd-puco-transition-curve-1);
    transition-property: grid-template-rows
}

.puco-submenu__items>div {
    overflow: hidden
}

.puco-submenu__items__wrapper {
    padding: var(--pd-puco-spacing-m)
}

.puco-submenu__items[aria-hidden=false] {
    grid-template-rows: 1fr
}

.puco-submenu__items__title {
    color: var(--pd-puco-color-text-link-light-inverted);
    padding-bottom: var(--pd-puco-spacing-m);
    width: 100%
}

.puco-submenu__items__title:first-child {
    margin-top: var(--pd-puco-spacing-m)
}

.puco-submenu__items__title-text {
    width: -moz-fit-content;
    width: fit-content
}

.puco-submenu__items__title-text--selected {
    border-bottom: 2px solid var(--pd-color-primary-default)
}

.puco-submenu__items__section:not(:last-child):after {
    content: "";
    position: relative;
    display: inline-block;
    height: 1px;
    width: 100%;
    margin: var(--pd-puco-spacing-m) var(--pd-puco-spacing-none);
    background-color: var(--pd-puco-color-divider-primary)
}

.puco-submenu__items__section-links {
    display: flex;
    flex-direction: column;
    padding: var(--pd-puco-spacing-m);
    gap: var(--pd-puco-spacing-m)
}

.puco-submenu__items__section-links>a {
    padding: var(--pd-puco-spacing-none)
}

.puco-submenu__items__hero {
    display: flex;
    flex-direction: column;
    gap: var(--pd-puco-spacing-xs);
    background: var(--pd-puco-color-fill-extra-light);
    padding: var(--pd-puco-spacing-m);
    border-radius: var(--pd-radius-m)
}

.puco-submenu__items__hero-link {
    margin-top: var(--pd-puco-spacing-xs)
}

.puco-submenu__item {
    position: relative;
    display: flex;
    flex-direction: column;
    text-decoration: none;
    color: var(--pd-puco-color-text-link-light-inverted);
    opacity: .88;
    font-size: var(--pd-puco-font-website-body-s-font-size);
    line-height: var(--pd-puco-font-website-body-s-line-height);
    width: 100%;
    padding: var(--pd-puco-spacing-m) var(--pd-puco-spacing-none)
}

.puco-submenu__items__hero>.puco-submenu__item.puco-submenu__item {
    padding: var(--pd-puco-spacing-none)
}

.puco-submenu__item:last-of-type:after {
    background-color: transparent
}

.puco-submenu__item:not(.puco-submenu__item--highlight)>.puco-submenu__item-content--selected {
    color: var(--pd-color-text-positive)
}

.puco-submenu__item:not(.puco-submenu__item--highlight)>.puco-submenu__item-content--selected:after {
    border-bottom: 1px solid var(--pd-color-active-default)
}

.puco-submenu__item--highlight:hover {
    text-decoration: none
}

.puco-submenu__item--highlight .puco-submenu__item-content--selected:after,
.puco-submenu__item--highlight:hover .puco-submenu__item-content:not(.puco-submenu__item--highlight:hover .puco-submenu__item-content--selected):after {
    border-bottom: 1px solid var(--pd-color-text-link)
}

.puco-submenu__item:hover:not(.puco-submenu__item--highlight)>.puco-submenu__item-content:not(.puco-submenu__item-content--selected):after {
    border-bottom: 1px solid var(--pd-color-fill-dark-static)
}

.puco-submenu__item-content {
    width: -moz-fit-content;
    width: fit-content
}

.puco-submenu__item-content--prefix {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: var(--pd-puco-spacing-s)
}

.puco-submenu__item-content--prefix>svg {
    flex-shrink: 0
}

.puco-submenu__item-content:after {
    display: block;
    content: "";
    border-bottom: 1px solid transparent
}

.puco-submenu__content {
    position: relative;
    display: inline-block;
    align-items: center;
    width: calc(100% - 24px);
    text-decoration: none
}

.puco-submenu__content:hover {
    text-decoration: underline
}

.puco-submenu__content:hover .puco-submenu__suffix {
    fill: var(--pd-color-icon-primary-inverted)
}

.puco-submenu__content :not(:first-of-type) {
    padding-top: var(--pd-puco-spacing-s)
}

.puco-submenu__suffix,
.puco-submenu__trigger-suffix {
    position: absolute;
    top: 0;
    bottom: 0;
    right: -24px;
    margin-top: auto;
    margin-bottom: auto;
    fill: var(--pd-puco-color-icon-third)
}

.puco-submenu__trigger-suffix {
    right: var(--pd-puco-spacing-m);
    transition: transform var(--pd-puco-animation-320-time)
}

.puco-submenu__trigger-suffix--expanded {
    transform: rotate(180deg)
}

.puco-submenu__trigger {
    position: relative;
    display: block;
    box-sizing: border-box;
    font-size: var(--pd-puco-font-website-body-font-size);
    line-height: var(--pd-puco-font-website-body-line-height);
    color: var(--pd-puco-color-text-link-light-inverted);
    padding: var(--pd-puco-spacing-m);
    cursor: pointer;
    width: calc(100% - var(--pd-puco-spacing-m)*2);
    margin: var(--pd-puco-spacing-none) var(--pd-puco-spacing-m)
}

@media screen and (min-width:712px) and (max-width:1103px) {
    .puco-submenu__trigger {
        margin: var(--pd-puco-spacing-none) var(--pd-puco-spacing-l)
    }
}

.puco-submenu__trigger .puco-navigation-link {
    color: var(--pd-puco-color-text-link-light-inverted)
}

.puco-submenu__trigger__wrapper {
    display: flex;
    flex-grow: 1;
    align-items: center
}

.puco-submenu__trigger__logo {
    float: left;
    margin-left: var(--pd-puco-spacing-m);
    color: var(--pd-color-text-primary-inverted);
    width: -moz-max-content;
    width: max-content
}

.puco-submenu__trigger__text {
    width: -moz-fit-content;
    width: fit-content;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.puco-submenu__trigger__text--selected {
    border-bottom: 1px solid var(--pd-color-active-default)
}

@media screen and (max-height:870px) {

    .puco-searchbox-results__categories,
    .puco-searchbox-results__categories-results,
    .puco-searchbox-results__wrapper {
        max-height: 80vh !important
    }

    .puco-searchbox-results__wrapper {
        min-height: 80vh !important
    }

    .puco-searchbox-results__categories {
        overflow-y: auto
    }
}

.puco-searchbox-group {
    position: relative;
    height: 44px;
    margin-left: auto
}

@media screen and (min-width:1600px) {
    .puco-searchbox-group--breakpoint-xl {
        width: 220px
    }
}

.puco-searchbox-group__icon-left,
.puco-searchbox-group__icon-right {
    fill: var(--pd-color-icon-primary-inverted);
    position: absolute
}

.puco-searchbox-group__icon-left--light,
.puco-searchbox-group__icon-right--light {
    fill: var(--pd-puco-color-fill-extra-black-static)
}

.puco-searchbox-group__icon-left {
    animation: slide-in-left var(--pd-puco-animation-200-time) var(--pd-puco-transition-curve-5) var(--pd-puco-animation-200-time) both;
    cursor: text;
    left: -200px;
    top: var(--pd-puco-spacing-s)
}

.puco-searchbox-group__icon-right {
    cursor: pointer;
    transition: var(--pd-puco-animation-320-time);
    visibility: hidden;
    right: var(--pd-puco-spacing-m);
    top: 14px
}

.puco-searchbox-group__trigger-icon {
    display: inline-block;
    height: inherit
}

.puco-searchbox-group__trigger-icon__wrapper {
    width: 44px;
    height: 44px;
    display: flex;
    align-content: center;
    justify-content: center;
    border-radius: 100px
}

.puco-searchbox-group__trigger-icon__wrapper--light {
    background-color: var(--pd-puco-global-color-neutral-50)
}

.puco-searchbox-group__trigger-icon__wrapper--dark {
    background-color: var(--pd-puco-color-active-extra-strong)
}

.puco-searchbox-group__trigger-icon__wrapper--dark svg {
    fill: var(--pd-puco-color-fill-white)
}

@media screen and (max-width:1103px) {
    .puco-searchbox-group {
        position: static
    }

    .puco-searchbox-group__search-overlay {
        display: none;
        position: absolute;
        width: 100%;
        height: 100%;
        background-color: var(--pd-puco-color-surface-dark-background);
        left: 0;
        top: 0
    }

    .puco-searchbox-group .puco-searchbox--light~.puco-searchbox-group__search-overlay {
        background-color: var(--pd-puco-color-surface-default-background)
    }

    .puco-searchbox-group__icon-right {
        right: var(--pd-puco-spacing-l)
    }
}

@media screen and (max-width:712px) {
    .puco-searchbox-group__icon-right {
        top: 28px
    }
}

@media screen and (min-width:712px) and (max-width:1103px) {
    .puco-searchbox-group__icon-right {
        top: 36px
    }

    .puco-horizontal-navigation .puco-searchbox-group__icon-right {
        top: 25px
    }
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
    display: none
}

.puco-searchbox {
    position: absolute;
    right: 0;
    border-radius: 100px;
    border: none;
    box-sizing: border-box;
    color: var(--pd-puco-color-text-link-medium-inverted);
    font-size: var(--pd-puco-font-website-body-s-font-size);
    line-height: var(--pd-puco-font-website-body-s-line-height);
    height: 44px;
    outline: none;
    padding: 0 0 0 44px;
    overflow: hidden;
    width: 44px;
    text-indent: 6px
}

.puco-searchbox~.puco-searchbox-group__icon-left {
    left: calc(100% - 24px - var(--pd-puco-spacing-s))
}

.puco-searchbox--square-borders {
    border-radius: 4px
}

.puco-searchbox--static-width~.puco-searchbox-group__icon-left {
    left: var(--pd-puco-spacing-m)
}

@media screen and (min-width:1600px) {
    .puco-searchbox--breakpoint-xl {
        width: 220px;
        padding: var(--pd-puco-spacing-s) var(--pd-puco-spacing-m) var(--pd-puco-spacing-s) calc(var(--pd-puco-spacing-s) + var(--pd-puco-spacing-l))
    }

    .puco-searchbox--breakpoint-xl~.puco-searchbox-group__icon-left {
        left: var(--pd-puco-spacing-m)
    }
}

.puco-searchbox {
    transition: var(--pd-puco-animation-320-time);
    padding-left: 44px
}

.puco-searchbox::-moz-placeholder {
    color: var(--pd-puco-color-text-link-medium-inverted)
}

.puco-searchbox::placeholder {
    color: var(--pd-puco-color-text-link-medium-inverted)
}

.puco-searchbox--open.puco-searchbox--dark {
    background-color: var(--pd-puco-color-active-extra-strong);
    transition: var(--pd-puco-animation-320-time);
    border: 2px solid var(--pd-puco-color-active-secondary)
}

.puco-searchbox--open,
.puco-searchbox--open-without-animation,
.puco-searchbox--open.puco-searchbox--light {
    transition: var(--pd-puco-animation-320-time);
    border: 2px solid var(--pd-color-active-default)
}

.puco-searchbox--open-without-animation~.puco-searchbox-group__icon-left,
.puco-searchbox--open.puco-searchbox--light~.puco-searchbox-group__icon-left,
.puco-searchbox--open~.puco-searchbox-group__icon-left {
    animation: slide-out-left var(--pd-puco-animation-100-time) var(--pd-puco-transition-curve-4) both
}

.puco-searchbox--open-without-animation~.puco-searchbox-group__icon-right,
.puco-searchbox--open.puco-searchbox--light~.puco-searchbox-group__icon-right,
.puco-searchbox--open~.puco-searchbox-group__icon-right {
    animation: slide-in-right var(--pd-puco-animation-250-time) var(--pd-puco-transition-curve-6) var(--pd-puco-animation-320-time) both;
    transition: var(--pd-puco-animation-320-time);
    visibility: visible
}

.puco-searchbox--open {
    padding-left: var(--pd-puco-spacing-m);
    transition: var(--pd-puco-animation-320-time);
    padding-right: calc(var(--pd-puco-spacing-l) + var(--pd-puco-spacing-s));
    width: 350px
}

.puco-searchbox--light {
    background-color: var(--pd-puco-global-color-neutral-50);
    color: var(--pd-puco-color-text-link-dark)
}

@media screen and (min-width:1600px) {
    .puco-searchbox--light.puco-searchbox--breakpoint-xl {
        background-color: var(--pd-puco-color-surface-default-background)
    }
}

.puco-searchbox--light::-moz-placeholder {
    color: var(--pd-puco-color-text-link-dark)
}

.puco-searchbox--light::placeholder {
    color: var(--pd-puco-color-text-link-dark)
}

.puco-searchbox--light.puco-searchbox--open {
    background-color: var(--pd-puco-color-fill-white)
}

.puco-searchbox--dark {
    background-color: var(--pd-puco-color-active-extra-strong)
}

@media screen and (max-width:1103px) {
    .puco-searchbox {
        right: 20vw;
        z-index: var(--pd-puco-z-index-searchbox)
    }

    .puco-searchbox,
    .puco-searchbox~.puco-searchbox-group__icon-left,
    .puco-searchbox~.puco-searchbox-group__icon-right {
        visibility: hidden
    }

    .puco-searchbox--open {
        right: var(--pd-puco-spacing-m);
        visibility: visible;
        width: calc(100% - var(--pd-puco-spacing-l))
    }

    .puco-searchbox--open~.puco-searchbox-group__icon-right {
        visibility: visible;
        z-index: var(--pd-puco-z-index-searchbox)
    }

    .puco-searchbox--open~.puco-searchbox-group__search-overlay {
        display: block
    }
}

@media screen and (min-width:712px) and (max-width:1103px) {
    .puco-horizontal-navigation .puco-searchbox {
        visibility: hidden;
        right: var(--pd-puco-spacing-none);
        margin-right: var(--pd-puco-spacing-m)
    }

    .puco-horizontal-navigation .puco-searchbox--open {
        right: var(--pd-puco-spacing-none);
        visibility: visible
    }
}

.puco-searchbox-results__wrapper {
    position: absolute;
    z-index: var(--pd-puco-z-index-search-results);
    background-color: var(--pd-puco-color-surface-default-background);
    border-radius: var(--pd-radius-m);
    min-height: 484px;
    max-height: 721px;
    max-width: 760px;
    box-shadow: var(--pd-puco-elevation-raised-hover);
    visibility: hidden;
    top: 49px;
    overflow: hidden
}

.puco-searchbox-results__wrapper--visible {
    visibility: visible
}

.puco-searchbox-results__wrapper:has(.puco-category-overlay) {
    display: grid;
    grid-template-columns: 1fr 1fr
}

@media screen and (min-width:2000px) {
    .puco-searchbox-results__wrapper {
        right: auto
    }
}

@media screen and (max-width:1103px) {
    .puco-searchbox-results__wrapper {
        display: flex;
        flex-direction: column;
        width: 100%;
        box-shadow: none;
        top: 30px;
        left: 0;
        right: auto;
        height: auto;
        transition: top var(--pd-puco-animation-180-time) ease-in-out, visibility var(--pd-puco-animation-180-time) ease-in-out;
        min-height: auto;
        max-height: none;
        max-width: none;
        border-radius: 0
    }

    .puco-searchbox-results__wrapper:has(.puco-category-overlay) {
        display: flex
    }

    .puco-searchbox-results__wrapper--visible {
        height: calc(100vh - var(--pd-puco-header-height) - var(--pd-global-banner-height, 0px))
    }

    .puco-searchbox-results__wrapper--visible .puco-searchbox-results__categories-results {
        display: inline;
        display: initial
    }

    .puco-horizontal-navigation--transform .puco-searchbox-results__wrapper--visible {
        height: calc(100vh - var(--pd-puco-horizontal-nav-height))
    }
}

@media screen and (max-width:712px) {
    .puco-header .puco-searchbox-results__wrapper--search-open {
        top: 70px
    }
}

@media screen and (min-width:712px) and (max-width:1103px) {
    .puco-header .puco-searchbox-results__wrapper--search-open {
        top: var(--pd-puco-header-height)
    }

    .puco-horizontal-navigation .puco-searchbox-results__wrapper--search-open {
        top: var(--pd-puco-horizontal-nav-height)
    }
}

@media screen and (max-width:1103px) {
    .puco-category-overlay {
        padding: var(--pd-puco-spacing-m)
    }

    .puco-category-overlay--dark {
        background-color: var(--pd-puco-color-surface-dark-background)
    }
}

.puco-searchbox-results__categories {
    background-color: var(--pd-puco-color-surface-default-background);
    border-radius: var(--pd-radius-m) 0 0 var(--pd-radius-m);
    align-items: center;
    width: 190px;
    padding: var(--pd-puco-spacing-m) var(--pd-puco-spacing-s);
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: var(--pd-puco-spacing-xs)
}

@media screen and (max-width:1103px) {
    .puco-searchbox-results__categories {
        width: 100%;
        padding: var(--pd-puco-spacing-none);
        flex-direction: row;
        white-space: nowrap;
        background: inherit;
        border-radius: 0;
        overflow-x: scroll;
        overflow-y: hidden;
        -ms-overflow-style: none;
        scrollbar-width: none;
        scroll-behavior: smooth
    }

    .puco-searchbox-results__categories::-webkit-scrollbar {
        display: none
    }

    .puco-searchbox-results__categories-results {
        width: 100%
    }
}

.puco-searchbox-results__categories-scroll-left,
.puco-searchbox-results__categories-scroll-right {
    all: unset;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    padding: var(--pd-puco-spacing-s) var(--pd-puco-spacing-none)
}

.puco-searchbox-results__categories-scroll-left--light,
.puco-searchbox-results__categories-scroll-right--light {
    background: var(--pd-puco-color-surface-default-background)
}

.puco-searchbox-results__categories-scroll-left--light svg:hover,
.puco-searchbox-results__categories-scroll-right--light svg:hover {
    background: var(--pd-color-active-background-light);
    fill: var(--pd-color-icon-primary)
}

.puco-searchbox-results__categories-scroll-left--dark,
.puco-searchbox-results__categories-scroll-right--dark {
    background: var(--pd-puco-color-surface-dark-background)
}

.puco-searchbox-results__categories-scroll-left--dark svg:hover,
.puco-searchbox-results__categories-scroll-right--dark svg:hover {
    background: var(--pd-puco-color-active-extra-strong)
}

.puco-searchbox-results__categories-scroll-left svg,
.puco-searchbox-results__categories-scroll-right svg {
    width: var(--pd-puco-icon-svg-size-m);
    height: var(--pd-puco-icon-svg-size-m);
    border-radius: 50%;
    padding: 12px
}

.puco-searchbox-results__categories-scroll-left svg:hover,
.puco-searchbox-results__categories-scroll-right svg:hover {
    cursor: pointer
}

.puco-searchbox-results__categories-scroll-left {
    left: 20px
}

.puco-searchbox-results__categories-scroll-right {
    right: 20px
}

.puco-searchbox-results__categories-item {
    color: var(--pd-puco-color-text-link-dark);
    padding: var(--pd-puco-spacing-s);
    width: 100%;
    box-sizing: border-box;
    line-height: var(--pd-puco-font-website-body-s-line-height);
    position: relative
}

.puco-searchbox-results__categories-item--prefix-icon {
    padding-left: 44px
}

.puco-searchbox-results__categories-item svg {
    position: absolute;
    left: var(--pd-puco-spacing-s);
    top: var(--pd-puco-spacing-s)
}

.puco-searchbox-results__categories-item--active,
.puco-searchbox-results__categories-item:hover {
    background: var(--pd-color-active-background-light);
    color: var(--pd-color-active-strong);
    cursor: pointer;
    border-radius: var(--pd-radius-m);
    font-weight: var(--pd-puco-font-website-body-strong-font-weight)
}

.puco-searchbox-results__categories-item--active svg,
.puco-searchbox-results__categories-item:hover svg {
    fill: var(--pd-color-icon-positive)
}

@media screen and (max-width:1103px) {
    .puco-searchbox-results__categories-item {
        display: flex;
        align-items: center;
        gap: var(--pd-puco-spacing-s);
        padding: var(--pd-puco-spacing-s);
        margin-top: var(--pd-puco-spacing-none);
        font-size: var(--pd-puco-font-website-body-s-font-size);
        position: static;
        width: auto
    }

    .puco-searchbox-results__categories-item span:after {
        display: block;
        content: attr(data-category-name);
        font-weight: var(--pd-puco-font-website-body-strong-font-weight);
        color: transparent;
        height: 0;
        overflow: hidden;
        visibility: hidden
    }

    .puco-searchbox-results__categories-item:first-child {
        margin-left: var(--pd-puco-spacing-none)
    }

    .puco-searchbox-results__categories-item--dark {
        color: var(--pd-color-text-primary-inverted)
    }

    .puco-searchbox-results__categories-item--dark svg {
        fill: var(--pd-color-icon-primary-inverted)
    }

    .puco-searchbox-results__categories-item--active--dark {
        text-decoration: underline
    }

    .puco-searchbox-results__categories-item--active--dark,
    .puco-searchbox-results__categories-item--active--dark:hover,
    .puco-searchbox-results__categories-item--dark:hover {
        color: var(--pd-color-text-primary-inverted);
        background: var(--pd-puco-color-active-extra-strong)
    }

    .puco-searchbox-results__categories-item--active--dark svg,
    .puco-searchbox-results__categories-item--active--dark:hover svg,
    .puco-searchbox-results__categories-item--dark:hover svg {
        fill: var(--pd-color-icon-primary-inverted)
    }

    .puco-searchbox-results__categories-item svg {
        position: static
    }
}

.puco-searchbox-results__categories-results {
    width: 570px;
    padding: var(--pd-puco-spacing-s);
    height: 100%;
    max-height: 721px;
    box-sizing: border-box;
    overflow-y: auto
}

.puco-searchbox-results__categories-results--no-results {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    flex-direction: column;
    gap: var(--pd-puco-spacing-m)
}

.puco-searchbox-results__categories-results-title {
    padding: var(--pd-puco-spacing-m) var(--pd-puco-spacing-m) var(--pd-puco-spacing-s) var(--pd-puco-spacing-s);
    font-size: var(--pd-puco-font-website-body-s-font-size);
    line-height: var(--pd-puco-font-website-body-s-line-height);
    font-weight: var(--pd-puco-font-website-body-s-strong-font-weight);
    color: var(--pd-color-text-primary)
}

@media screen and (min-width:712px) and (max-width:1103px) {
    .puco-searchbox-results__categories-results-title {
        padding-top: var(--pd-puco-spacing-none)
    }
}

.puco-searchbox-results__categories-results-item {
    padding: var(--pd-puco-spacing-s) var(--pd-puco-spacing-m) var(--pd-puco-spacing-s) var(--pd-puco-spacing-s)
}

.puco-searchbox-results__categories-results-link {
    margin-top: var(--pd-puco-spacing-xs)
}

.puco-searchbox-results__categories-results-link:first-of-type {
    margin-top: 0
}

.puco-searchbox-results__categories-results-link:hover {
    background-color: var(--pd-puco-color-surface-secondary-background);
    text-decoration: none
}

.puco-searchbox-results__categories-results-item,
.puco-searchbox-results__categories-results-title {
    display: flex;
    align-items: flex-start
}

.puco-searchbox-results__categories-results-item .result-image,
.puco-searchbox-results__categories-results-title .result-image {
    width: 82px;
    height: 42px;
    -o-object-fit: contain;
    object-fit: contain
}

.puco-searchbox-results__categories-results-item .result-icon,
.puco-searchbox-results__categories-results-title .result-icon {
    width: 24px;
    height: 24px;
    margin-right: var(--pd-puco-spacing-s);
    background-size: contain
}

.puco-searchbox-results__categories-results-item .result-wrapper,
.puco-searchbox-results__categories-results-title .result-wrapper {
    width: 100%;
    padding-right: var(--pd-puco-spacing-s)
}

.puco-searchbox-results__categories-results-item .result-wrapper-title,
.puco-searchbox-results__categories-results-title .result-wrapper-title {
    font-size: var(--pd-puco-font-website-body-s-font-size);
    line-height: var(--pd-puco-font-website-body-s-line-height);
    color: var(--pd-puco-color-text-link-dark)
}

.puco-searchbox-results__categories-results-item .result-wrapper-subText,
.puco-searchbox-results__categories-results-title .result-wrapper-subText {
    font-weight: var(--pd-puco-font-website-body-xs-strong-font-weight);
    text-transform: uppercase
}

.puco-searchbox-results__categories-results-item .result-wrapper-description,
.puco-searchbox-results__categories-results-title .result-wrapper-description {
    flex-grow: 0
}

.puco-searchbox-results__categories-results-item .result-wrapper-description,
.puco-searchbox-results__categories-results-item .result-wrapper-subText,
.puco-searchbox-results__categories-results-title .result-wrapper-description,
.puco-searchbox-results__categories-results-title .result-wrapper-subText {
    font-size: var(--pd-puco-font-website-body-xs-font-size);
    line-height: var(--pd-puco-font-website-body-xs-line-height);
    color: var(--pd-color-text-secondary)
}

@media screen and (max-width:1103px) {
    .puco-searchbox-results__categories-results {
        display: none;
        width: 100%;
        max-height: none
    }
}

@keyframes slide-out-left {
    0% {
        transform: translateX(0);
        opacity: 1
    }

    to {
        transform: translateX(calc(var(--pd-puco-spacing-m)*-1));
        opacity: 0
    }
}

@keyframes slide-in-left {
    0% {
        transform: translateX(calc(var(--pd-puco-spacing-m)*-1));
        opacity: 0
    }

    to {
        transform: translateX(0);
        opacity: 1
    }
}

@keyframes slide-in-right {
    0% {
        transform: translateX(var(--pd-puco-spacing-m));
        opacity: 0
    }

    to {
        transform: translateX(0);
        opacity: 1
    }
}

.puco-table-of-contents {
    display: block
}

.puco-table-of-contents__nested {
    margin-left: var(--pd-puco-spacing-m)
}

.puco-table-of-contents__nested .puco-table-of-contents__item {
    padding-top: var(--pd-puco-spacing-none)
}

.puco-table-of-contents__item {
    padding-top: var(--pd-puco-spacing-m);
    padding-bottom: var(--pd-puco-spacing-m);
    padding-left: var(--pd-puco-spacing-m);
    color: var(--pd-color-text-secondary)
}

.puco-table-of-contents__item--selected>.puco-table-of-contents__title {
    color: var(--pd-color-text-positive)
}

.puco-table-of-contents__item:hover>.puco-table-of-contents__title {
    text-decoration: underline
}

.puco-table-of-contents__item--selected>.puco-table-of-contents__number {
    font-weight: var(--pd-puco-font-website-body-s-strong-font-weight);
    color: var(--pd-color-text-positive);
    text-decoration-color: var(--pd-color-text-positive)
}

.puco-table-of-contents__block {
    cursor: pointer;
    border-left: 2px solid transparent;
    font-size: var(--pd-puco-font-website-body-s-font-size)
}

.puco-table-of-contents__block--selected {
    border-left: 2px solid var(--pd-color-active-default)
}

.puco-table-of-contents__number {
    margin-right: var(--pd-puco-spacing-s);
    color: var(--pd-color-text-secondary)
}

.puco-chip {
    display: inline-block;
    width: -moz-fit-content;
    width: fit-content;
    padding: var(--pd-puco-spacing-s) var(--pd-puco-spacing-m);
    border: 2px solid var(--pd-puco-color-divider-primary);
    border-radius: 50px;
    text-align: center;
    color: var(--pd-color-text-secondary);
    font-size: var(--pd-puco-font-button-s-font-size);
    line-height: var(--pd-puco-font-website-body-s-line-height);
    font-weight: 700
}

.puco-chip:hover:not(.puco-chip--selected) {
    color: var(--pd-color-text-primary);
    cursor: pointer
}

.puco-chip--selected {
    border: 2px solid var(--pd-color-active-default);
    color: var(--pd-color-active-default)
}

.puco-note {
    background-color: var(--pd-puco-color-surface-secondary-background);
    padding: var(--pd-puco-spacing-m)
}

.puco-note--green {
    background-color: var(--pd-color-primary-background-light)
}

.puco-note--blue {
    background-color: var(--pd-color-info-background-light)
}

.puco-note__title {
    display: flex;
    align-items: center;
    font-weight: var(--pd-puco-font-website-body-strong-font-weight);
    margin: 0
}

.puco-note__title__icon {
    margin-right: var(--pd-puco-spacing-xs)
}

.puco-note__content * {
    display: inline
}

.puco-note__content__icon {
    position: relative;
    top: -3px;
    vertical-align: middle;
    margin-right: var(--pd-puco-spacing-xs)
}

@media screen and (max-width:712px) {
    .puco-chart {
        display: flex;
        width: 100%
    }
}

.puco-tabs__list {
    position: relative;
    margin-bottom: var(--pd-puco-spacing-m);
    box-sizing: border-box
}

@media screen and (min-width:712px) {
    .puco-tabs__list {
        margin-bottom: var(--pd-puco-spacing-l)
    }
}

.puco-tabs__list * {
    box-sizing: inherit
}

.puco-tabs__list>button.icon {
    position: absolute;
    height: 100%;
    background-color: var(--pd-puco-color-surface-default-background);
    cursor: pointer
}

.puco-tabs__list>button.icon__left {
    left: 0;
    padding-right: var(--pd-puco-spacing-s)
}

.puco-tabs__list>button.icon__right {
    right: 0;
    padding-left: var(--pd-puco-spacing-s)
}

.puco-tabs__list>button.icon:hover svg {
    fill: var(--pd-color-icon-primary)
}

.puco-tabs__list button[aria-haspopup=true],
.puco-tabs__list button[role=tab] {
    display: flex;
    align-items: center;
    gap: var(--pd-puco-spacing-s);
    background-color: transparent;
    border: none;
    cursor: pointer;
    padding: var(--pd-puco-spacing-s) var(--pd-puco-spacing-m);
    font-size: var(--pd-puco-font-button-s-font-size);
    line-height: var(--pd-puco-font-website-body-line-height)
}

.puco-tabs__list button[aria-haspopup=true] span,
.puco-tabs__list button[role=tab] span {
    white-space: nowrap;
    font-size: inherit;
    line-height: inherit
}

.puco-tabs__list button[aria-haspopup=true]:hover,
.puco-tabs__list button[role=tab]:hover {
    color: var(--pd-color-text-primary);
    fill: var(--pd-color-icon-primary);
    border-bottom: 2px solid var(--pd-color-icon-primary)
}

.puco-tabs__list button[aria-haspopup=true]:hover svg,
.puco-tabs__list button[role=tab]:hover svg {
    fill: var(--pd-color-icon-primary)
}

.puco-tabs__list button[aria-haspopup=true],
.puco-tabs__list button[role=tab] {
    color: var(--pd-color-text-secondary);
    fill: var(--pd-color-text-secondary);
    border-bottom: 2px solid var(--pd-puco-color-divider-primary)
}

.puco-tabs__list button[aria-haspopup=true][aria-haspopup=true],
.puco-tabs__list button[aria-haspopup=true][aria-selected=true],
.puco-tabs__list button[role=tab][aria-haspopup=true],
.puco-tabs__list button[role=tab][aria-selected=true] {
    justify-content: center;
    color: var(--pd-color-text-positive);
    fill: var(--pd-color-text-positive);
    border-bottom-color: var(--pd-color-active-default);
    font-weight: var(--pd-puco-font-small-title-m-font-weight)
}

.puco-tabs__list button[aria-haspopup=true][aria-haspopup=true] svg,
.puco-tabs__list button[aria-haspopup=true][aria-selected=true] svg,
.puco-tabs__list button[role=tab][aria-haspopup=true] svg,
.puco-tabs__list button[role=tab][aria-selected=true] svg {
    fill: currentColor
}

.puco-tabs__list button[aria-haspopup=true][aria-haspopup=true] svg.puco-tabs__list__menu-button__chevron,
.puco-tabs__list button[aria-haspopup=true][aria-selected=true] svg.puco-tabs__list__menu-button__chevron,
.puco-tabs__list button[role=tab][aria-haspopup=true] svg.puco-tabs__list__menu-button__chevron,
.puco-tabs__list button[role=tab][aria-selected=true] svg.puco-tabs__list__menu-button__chevron {
    transition: transform .15s ease-in-out
}

.puco-tabs__list button[aria-haspopup=true][aria-haspopup=true][aria-expanded=true]>svg.puco-tabs__list__menu-button__chevron,
.puco-tabs__list button[aria-haspopup=true][aria-selected=true][aria-expanded=true]>svg.puco-tabs__list__menu-button__chevron,
.puco-tabs__list button[role=tab][aria-haspopup=true][aria-expanded=true]>svg.puco-tabs__list__menu-button__chevron,
.puco-tabs__list button[role=tab][aria-selected=true][aria-expanded=true]>svg.puco-tabs__list__menu-button__chevron {
    transform: scaleY(-1)
}

.puco-tabs__list button[aria-haspopup=true][aria-haspopup=true][aria-expanded=true]+.puco-tabs__list__mobile-container,
.puco-tabs__list button[aria-haspopup=true][aria-selected=true][aria-expanded=true]+.puco-tabs__list__mobile-container,
.puco-tabs__list button[role=tab][aria-haspopup=true][aria-expanded=true]+.puco-tabs__list__mobile-container,
.puco-tabs__list button[role=tab][aria-selected=true][aria-expanded=true]+.puco-tabs__list__mobile-container {
    grid-template-rows: 1fr
}

.puco-tabs__list button[aria-haspopup=true][aria-haspopup=true],
.puco-tabs__list button[role=tab][aria-haspopup=true] {
    width: 100%
}

.puco-tabs__list div[role=tablist] {
    display: flex;
    justify-content: center;
    overflow-x: auto;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.puco-tabs__list div[role=tablist]::-webkit-scrollbar {
    display: none
}

.puco-tabs__list div[role=tablist].puco-tabs__list--overflow {
    justify-content: start
}

.puco-tabs__list .puco-tabs__list__mobile-container {
    position: absolute;
    width: 100%;
    z-index: var(--pd-puco-z-index-dropdown-menu);
    display: grid;
    grid-template-rows: 0fr;
    transition-duration: var(--pd-puco-animation-500-time);
    transition-timing-function: var(--pd-puco-transition-curve-1);
    transition-property: grid-template-rows
}

.puco-tabs__list .puco-tabs__list__mobile-container>.puco-tabs__list__dropdown {
    overflow: hidden
}

.puco-tabs__list .puco-tabs__list__mobile-container ul[role=menu] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--pd-puco-spacing-m);
    padding: var(--pd-puco-spacing-m);
    border-radius: 0 0 4px 4px;
    background-color: var(--pd-puco-color-fill-extra-light)
}

.puco-tabs__list .puco-tabs__list__mobile-container li[role=menuitem] {
    cursor: pointer;
    list-style: none;
    line-height: var(--pd-puco-font-website-body-s-line-height);
    font-weight: var(--pd-puco-font-website-body-font-weight);
    font-size: var(--pd-puco-font-button-s-font-size);
    border-bottom: 1px solid transparent
}

.puco-tabs__list .puco-tabs__list__mobile-container li[role=menuitem][aria-selected=true] {
    color: var(--pd-color-text-positive);
    border-bottom: 1px solid var(--pd-color-active-default)
}

.puco-tabs__list .puco-tabs__list__mobile-container li[role=menuitem][aria-selected=false]:hover {
    color: var(--pd-color-text-primary);
    border-bottom: 1px solid var(--pd-color-fill-dark-static)
}

#nprogress {
    pointer-events: none
}

#nprogress .bar {
    background: #29d;
    position: fixed;
    z-index: 1031;
    top: 0;
    left: 0;
    width: 100%;
    height: 2px
}

#nprogress .peg {
    display: block;
    position: absolute;
    right: 0;
    width: 100px;
    height: 100%;
    box-shadow: 0 0 10px #29d, 0 0 5px #29d;
    opacity: 1;
    transform: rotate(3deg) translateY(-4px)
}

#nprogress .spinner {
    display: block;
    position: fixed;
    z-index: 1031;
    top: 15px;
    right: 15px
}

#nprogress .spinner-icon {
    width: 18px;
    height: 18px;
    box-sizing: border-box;
    border-color: #29d transparent transparent #29d;
    border-style: solid;
    border-width: 2px;
    border-radius: 50%;
    animation: nprogress-spinner .4s linear infinite
}

.nprogress-custom-parent {
    overflow: hidden;
    position: relative
}

.nprogress-custom-parent #nprogress .bar,
.nprogress-custom-parent #nprogress .spinner {
    position: absolute
}

@keyframes nprogress-spinner {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

* {
    font-family: Inter, Inter fallback, sans-serif
}

:target {
    scroll-margin-top: 130px
}

body {
    -webkit-font-smoothing: antialiased;
    margin: 0
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    padding: 0;
    margin: 0
}

ol,
ul {
    padding-left: var(--pd-puco-spacing-m)
}

ol ol,
ol ul,
ul ol,
ul ul {
    margin-top: var(--pd-puco-spacing-m);
    list-style-type: disc
}

li:not(.puco-accordion__item):not(.puco-sidebar__menu-item):not([role=menuitem]) {
    margin-bottom: var(--pd-puco-spacing-m)
}

a {
    text-decoration: none
}

object {
    max-width: 100%
}

#nprogress .bar {
    background-color: var(--pd-color-primary-default) !important
}

.svg-lazyload-wrapper {
    display: inherit;
    justify-content: inherit;
    width: 100%
}

.center-align-items {
    display: flex;
    flex-direction: column;
    align-items: center
}

@media only screen and (max-width:1368px) {
    .hide-header {
        display: none
    }
}

.hide {
    visibility: hidden
}

.absolute {
    position: absolute
}

.features-table .puco-container__content {
    padding-top: 0
}

section {
    scroll-snap-margin-top: var(--pd-puco-header-height);
    scroll-margin-top: var(--pd-puco-header-height)
}

.job-description li {
    margin: var(--pd-puco-spacing-m) var(--pd-puco-spacing-none) var(--pd-puco-spacing-m) var(--pd-puco-spacing-m);
    list-style-type: disc
}

.job-description p {
    font-size: 24px
}

.vidyard_figure {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    margin: var(--pd-puco-spacing-none)
}

.vidyard_iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.alpha-list {
    list-style-type: lower-alpha
}

.checkmark-list {
    list-style: url("../fonts/3e0d18e28a154cbc9aa1424f4940160c.woff")
}

.note-block {
    padding: var(--pd-puco-spacing-m);
    margin: var(--pd-puco-spacing-m) var(--pd-puco-spacing-none);
    border-left: 2px solid var(--pd-color-primary-default)
}

#blogArticle .puco-cta-block {
    margin-bottom: var(--pd-puco-spacing-l)
}

#blogArticle .puco-text figure {
    margin-left: var(--pd-puco-spacing-none);
    margin-right: var(--pd-puco-spacing-none)
}

#blogArticle .puco-text figure:first-child {
    margin-top: var(--pd-puco-spacing-none)
}

#blogArticle ::selection {
    background: var(-pd-color-text-link-inverted)
}

#blogArticle ::-moz-selection {
    background: var(-pd-color-text-link-inverted)
}

.vidyard-player-embed.inserted {
    display: none !important
}

a.puco-card:hover h3,
a.puco-card:hover h5 {
    text-decoration: underline
}

#toc-wrapper .puco-flex-row {
    flex-wrap: nowrap
}

@media screen and (min-width:1104px) {

    #toc-wrapper .puco-comparison-table__row,
    #toc-wrapper .puco-comparison-table__row--simple .puco-comparison-table__cell-group {
        display: flex;
        flex: 1 1
    }

    #toc-wrapper .puco-comparison-table--bordered .puco-comparison-table__cell:not(.puco-comparison-table__cell--block-heading):not(.puco-comparison-table__cell--label),
    #toc-wrapper .puco-comparison-table--simple .puco-comparison-table__cell:not(.puco-comparison-table__cell--block-heading):not(.puco-comparison-table__cell--label) {
        flex: 1 1;
        flex-direction: row;
        justify-content: flex-start
    }
}

.floating-cta-container .lazyload-wrapper {
    margin-top: var(--pd-puco-spacing-s) !important
}

@media screen and (min-width:712px) {
    html body iframe#LeadboosterContainer {
        position: sticky !important;
        margin-top: -238px !important;
        margin-right: 28px !important;
        left: 100% !important
    }

    html body iframe#LeadboosterContainer.openedChat {
        margin-top: -674px !important;
        left: 100% !important
    }
}

html body iframe#LeadboosterContainer~iframe#LeadboosterContainer {
    display: none !important
}

.grecaptcha-badge {
    visibility: hidden
}

.exit-preview_exitPreviewBtn__zQGlH {
    position: fixed;
    bottom: 12%;
    right: 3%
}

#yingyongchangjing .puco-text.puco-text--align-horizontal-xs-left.puco-text--align-horizontal-s-left.puco-text--align-horizontal-m-left.puco-text--align-horizontal-l-left.puco-text--align-horizontal-xl-left.text_textBlock__eIg5q{
	margin-left: auto;
	margin-right: auto;
}

#yingyongchangjing h5 {
	text-align: center;
}

#yingyongchangjing  div.puco-card__media{
	justify-content: center;
}